@charset "UTF-8";.result-category-content[data-v-6322c3d3] {
  padding: 0.5rem;
  overflow: hidden !important;
}
.result-category-content ol[data-v-6322c3d3],
.result-category-content li[data-v-6322c3d3] {
  list-style-type: none;
  padding: 0.3rem;
}
.result-category-content li[data-v-6322c3d3] {
  margin-top: 0.2%;
}
.title-block[data-v-6322c3d3] {
  display: flex;
  flex-direction: column;
  margin-left: 0.9rem;
}
.title-block a[data-v-6322c3d3]:hover {
  text-decoration: underline;
  cursor: pointer;
}
.review[data-v-6322c3d3] {
  color: var(--color-error);
  margin-left: 0.5rem;
  font-size: smaller;
}
a[data-v-6322c3d3] {
  font-size: 1.2em;
  color: var(--color-primary);
  max-width: fit-content;
}
.close-collapse[data-v-6322c3d3] {
  overflow: hidden !important;
}
.scrollable[data-v-6322c3d3] {
  max-height: 250px;
  overflow: auto;
}.l-import-dialog .header-title[data-v-f966ab4d] {
  padding: 0rem 1rem;
  font-size: 1.75rem;
  font-weight: 500;
}
.l-import-dialog-section-results[data-v-f966ab4d] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 40vh;
  height: fit-content;
  gap: 1rem;
}
/* just override what you need */
/* Element Chalk Variables */
/* just override what you need */
/* just override what you need */
/* just override what you need */
:root {
  --el-color-white: #ffffff;
  --el-color-black: #000000;
  --el-color-primary-rgb: 64, 158, 255;
  --el-color-success-rgb: 103, 194, 58;
  --el-color-warning-rgb: 230, 162, 60;
  --el-color-danger-rgb: 245, 108, 108;
  --el-color-error-rgb: 245, 108, 108;
  --el-color-info-rgb: 144, 147, 153;
  --el-font-size-extra-large: 20px;
  --el-font-size-large: 18px;
  --el-font-size-medium: 16px;
  --el-font-size-base: 14px;
  --el-font-size-small: 13px;
  --el-font-size-extra-small: 12px;
  --el-font-family: 'Montserrat', sans-serif;;
  --el-font-weight-primary: 500;
  --el-font-line-height-primary: 24px;
  --el-index-normal: 1;
  --el-index-top: 1000;
  --el-index-popper: 2000;
  --el-border-radius-base: 4px;
  --el-border-radius-small: 2px;
  --el-border-radius-round: 20px;
  --el-border-radius-circle: 100%;
  --el-transition-duration: 0.3s;
  --el-transition-duration-fast: 0.2s;
  --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
  --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
  --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
  --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-component-size-large: 45px;
  --el-component-size: 40px;
  --el-component-size-small: 35px;
}

:root {
  color-scheme: light;
  --el-color-primary: #409eff;
  --el-color-primary-light-3: rgb(121, 187, 255);
  --el-color-primary-light-5: rgb(160, 207, 255);
  --el-color-primary-light-7: rgb(198, 226, 255);
  --el-color-primary-light-8: rgb(217, 236, 255);
  --el-color-primary-light-9: rgb(236, 245, 255);
  --el-color-primary-dark-2: rgb(51, 126, 204);
  --el-color-success: #67c23a;
  --el-color-success-light-3: rgb(149, 212, 117);
  --el-color-success-light-5: rgb(179, 225, 157);
  --el-color-success-light-7: rgb(209, 237, 196);
  --el-color-success-light-8: rgb(225, 243, 216);
  --el-color-success-light-9: rgb(240, 249, 235);
  --el-color-success-dark-2: rgb(82, 155, 46);
  --el-color-warning: #e6a23c;
  --el-color-warning-light-3: rgb(238, 190, 119);
  --el-color-warning-light-5: rgb(243, 209, 158);
  --el-color-warning-light-7: rgb(248, 227, 197);
  --el-color-warning-light-8: rgb(250, 236, 216);
  --el-color-warning-light-9: rgb(253, 246, 236);
  --el-color-warning-dark-2: rgb(184, 130, 48);
  --el-color-danger: #f56c6c;
  --el-color-danger-light-3: rgb(248, 152, 152);
  --el-color-danger-light-5: rgb(250, 182, 182);
  --el-color-danger-light-7: rgb(252, 211, 211);
  --el-color-danger-light-8: rgb(253, 226, 226);
  --el-color-danger-light-9: rgb(254, 240, 240);
  --el-color-danger-dark-2: rgb(196, 86, 86);
  --el-color-error: #f56c6c;
  --el-color-error-light-3: rgb(248, 152, 152);
  --el-color-error-light-5: rgb(250, 182, 182);
  --el-color-error-light-7: rgb(252, 211, 211);
  --el-color-error-light-8: rgb(253, 226, 226);
  --el-color-error-light-9: rgb(254, 240, 240);
  --el-color-error-dark-2: rgb(196, 86, 86);
  --el-color-info: #909399;
  --el-color-info-light-3: rgb(177, 179, 184);
  --el-color-info-light-5: rgb(200, 201, 204);
  --el-color-info-light-7: rgb(222, 223, 224);
  --el-color-info-light-8: rgb(233, 233, 235);
  --el-color-info-light-9: rgb(244, 244, 245);
  --el-color-info-dark-2: rgb(115, 118, 122);
  --el-bg-color: var(--color-background-bg);
  --el-bg-color-page: #f2f3f5;
  --el-bg-color-overlay: var(--color-background-bg);
  --el-text-color-primary: #303133;
  --el-text-color-regular: #606266;
  --el-text-color-secondary: #909399;
  --el-text-color-placeholder: #a8abb2;
  --el-text-color-disabled: #c0c4cc;
  --el-border-color: #dcdfe6;
  --el-border-color-light: #e4e7ed;
  --el-border-color-lighter: #ebeef5;
  --el-border-color-extra-light: #f2f6fc;
  --el-border-color-dark: #d4d7de;
  --el-border-color-darker: #cdd0d6;
  --el-fill-color: #f0f2f5;
  --el-fill-color-light: #f5f7fa;
  --el-fill-color-lighter: #fafafa;
  --el-fill-color-extra-light: #fafcff;
  --el-fill-color-dark: #ebedf0;
  --el-fill-color-darker: #e6e8eb;
  --el-fill-color-blank: #ffffff;
  --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
  --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
  --el-disabled-bg-color: var(--el-fill-color-light);
  --el-disabled-text-color: var(--el-text-color-placeholder);
  --el-disabled-border-color: var(--el-border-color-light);
  --el-overlay-color: rgba(0, 0, 0, 0.8);
  --el-overlay-color-light: rgba(0, 0, 0, 0.7);
  --el-overlay-color-lighter: rgba(0, 0, 0, 0.5);
  --el-mask-color: rgba(255, 255, 255, 0.9);
  --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);
  --el-border-width: 1px;
  --el-border-style: solid;
  --el-border-color-hover: var(--el-text-color-disabled);
  --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
  --el-svg-monochrome-grey: var(--el-border-color);
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}

.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}

.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter-from,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: var(--el-transition-md-fade);
  transform-origin: center top;
}
.el-zoom-in-top-enter-active[data-popper-placement^=top],
.el-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: var(--el-transition-md-fade);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: var(--el-transition-md-fade);
  transform-origin: top left;
}

.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}

.el-collapse-transition-leave-active,
.el-collapse-transition-enter-active {
  transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter-from,
.el-list-leave-to {
  opacity: 0;
  transform: translateY(-30px);
}

.el-list-leave-active {
  position: absolute !important;
}

.el-opacity-transition {
  transition: opacity var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

/* just override what you need */
.el-icon--right {
  margin-left: 5px;
}

.el-icon--left {
  margin-right: 5px;
}

@keyframes rotating {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.el-icon {
  --color: inherit;
  height: 1em;
  width: 1em;
  line-height: 1em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  fill: currentColor;
  color: var(--color);
  font-size: inherit;
}
.el-icon.is-loading {
  animation: rotating 2s linear infinite;
}

.el-icon svg {
  height: 1em;
  width: 1em;
}

:root {
  --el-color-primary: var(--color-primary);
  --el-color-primary-light-1: var(--color-primary-light-1);
  --el-color-primary-light-2: var(--color-primary-light-2);
  --el-color-primary-light-3: var(--color-primary-light-3);
  --el-color-primary-light-4: var(--color-primary-light-4);
  --el-color-primary-light-5: var(--color-primary-light-5);
  --el-color-primary-light-6: var(--color-primary-light-6);
  --el-color-primary-light-7: var(--color-primary-light-7);
  --el-color-primary-light-8: var(--color-primary-light-8);
  --el-color-primary-light-9: var(--color-primary-light-9);
  --el-color-primary-dark-2: var(--color-primary);
  --el-color-secondary: var(--color-secondary);
  --el-color-secondary-light-1: var(--color-secondary-light-1);
  --el-color-secondary-light-2: var(--color-secondary-light-2);
  --el-color-secondary-light-3: var(--color-secondary-light-3);
  --el-color-secondary-light-4: var(--color-secondary-light-4);
  --el-color-secondary-light-5: var(--color-secondary-light-5);
  --el-color-secondary-light-6: var(--color-secondary-light-6);
  --el-color-secondary-light-7: var(--color-secondary-light-7);
  --el-color-secondary-light-8: var(--color-secondary-light-8);
  --el-color-secondary-light-9: var(--color-secondary-light-9);
  --el-color-secondary-dark-2: var(--color-secondary);
  --el-color-tertiary: var(--color-tertiary);
  --el-color-tertiary-light-1: var(--color-tertiary-light-1);
  --el-color-tertiary-light-2: var(--color-tertiary-light-2);
  --el-color-tertiary-light-3: var(--color-tertiary-light-3);
  --el-color-tertiary-light-4: var(--color-tertiary-light-4);
  --el-color-tertiary-light-5: var(--color-tertiary-light-5);
  --el-color-tertiary-light-6: var(--color-tertiary-light-6);
  --el-color-tertiary-light-7: var(--color-tertiary-light-7);
  --el-color-tertiary-light-8: var(--color-tertiary-light-8);
  --el-color-tertiary-light-9: var(--color-tertiary-light-9);
  --el-color-tertiary-dark-2: var(--color-tertiary);
  --el-color-error: var(--color-error);
  --el-color-error-light-1: var(--color-error-light-1);
  --el-color-error-light-2: var(--color-error-light-2);
  --el-color-error-light-3: var(--color-error-light-3);
  --el-color-error-light-4: var(--color-error-light-4);
  --el-color-error-light-5: var(--color-error-light-5);
  --el-color-error-light-6: var(--color-error-light-6);
  --el-color-error-light-7: var(--color-error-light-7);
  --el-color-error-light-8: var(--color-error-light-8);
  --el-color-error-light-9: var(--color-error-light-9);
  --el-color-error-dark-2: var(--color-error);
  --el-color-warning: var(--color-warning);
  --el-color-warning-light-1: var(--color-warning-light-1);
  --el-color-warning-light-2: var(--color-warning-light-2);
  --el-color-warning-light-3: var(--color-warning-light-3);
  --el-color-warning-light-4: var(--color-warning-light-4);
  --el-color-warning-light-5: var(--color-warning-light-5);
  --el-color-warning-light-6: var(--color-warning-light-6);
  --el-color-warning-light-7: var(--color-warning-light-7);
  --el-color-warning-light-8: var(--color-warning-light-8);
  --el-color-warning-light-9: var(--color-warning-light-9);
  --el-color-warning-dark-2: var(--color-warning);
  --el-color-advice: var(--color-advice);
  --el-color-advice-light-1: var(--color-advice-light-1);
  --el-color-advice-light-2: var(--color-advice-light-2);
  --el-color-advice-light-3: var(--color-advice-light-3);
  --el-color-advice-light-4: var(--color-advice-light-4);
  --el-color-advice-light-5: var(--color-advice-light-5);
  --el-color-advice-light-6: var(--color-advice-light-6);
  --el-color-advice-light-7: var(--color-advice-light-7);
  --el-color-advice-light-8: var(--color-advice-light-8);
  --el-color-advice-light-9: var(--color-advice-light-9);
  --el-color-advice-dark-2: var(--color-advice);
  --el-color-success: var(--color-success);
  --el-color-success-light-1: var(--color-success-light-1);
  --el-color-success-light-2: var(--color-success-light-2);
  --el-color-success-light-3: var(--color-success-light-3);
  --el-color-success-light-4: var(--color-success-light-4);
  --el-color-success-light-5: var(--color-success-light-5);
  --el-color-success-light-6: var(--color-success-light-6);
  --el-color-success-light-7: var(--color-success-light-7);
  --el-color-success-light-8: var(--color-success-light-8);
  --el-color-success-light-9: var(--color-success-light-9);
  --el-color-success-dark-2: var(--color-success);
  --el-color-info: var(--color-info);
  --el-color-info-light-1: var(--color-info-light-1);
  --el-color-info-light-2: var(--color-info-light-2);
  --el-color-info-light-3: var(--color-info-light-3);
  --el-color-info-light-4: var(--color-info-light-4);
  --el-color-info-light-5: var(--color-info-light-5);
  --el-color-info-light-6: var(--color-info-light-6);
  --el-color-info-light-7: var(--color-info-light-7);
  --el-color-info-light-8: var(--color-info-light-8);
  --el-color-info-light-9: var(--color-info-light-9);
  --el-color-info-dark-2: var(--color-info);
  --el-color-outstanding: var(--color-background-outstanding);
  --el-color-tooltip: var(--color-tooltip);
  --el-text-color-primary: var(--color-text-primary);
  --el-text-color-secondary: var(--color-text-secondary);
  --el-font-size-base: 1.2rem;
  --el-component-size: 30px;
  --el-fill-color-blank: transparent;
  --overlay-left: 7rem;
}

.apexcharts-legend-text {
  padding-left: 2rem !important;
  color: var(--color-primary-text) !important;
}

.apexcharts-menu {
  color: var(--color-text-primary) !important;
  background: var(--color-background-bg2) !important;
  border: none !important;
  box-shadow: var(--box-shadow-basic) !important;
  min-width: 12rem !important;
}
.apexcharts-menu .apexcharts-menu-item {
  display: flex;
  font-weight: 500;
}
.apexcharts-menu .apexcharts-menu-item:hover {
  background: none !important;
  color: var(--color-primary) !important;
  font-weight: 600;
}

.apexcharts-menu-icon:hover svg {
  fill: var(--color-primary) !important;
}

.apexcharts-menu-icon > i {
  color: var(--color-text-primary) !important;
}

.apexcharts-menu-icon:hover > i {
  color: var(--color-primary) !important;
}

.apexcharts-tooltip {
  background: var(--color-background-outstanding-light) !important;
  border: none !important;
  box-shadow: var(--box-shadow-basic) !important;
  color: var(--color-text-primary) !important;
}

.apexcharts-tooltip .apexcharts-tooltip-title {
  background: var(--color-background-bg) !important;
  font-weight: 500;
  font-size: 1.1rem !important;
  border: none !important;
}

.apexcharts-tooltip-title {
  margin-bottom: 0px;
}

.apexcharts-radar-series.apexcharts-plot-series polygon,
.apexcharts-radar-series.apexcharts-plot-series line {
  stroke: var(--color-text-primary);
  stroke-width: 0.3;
}

.apexcharts-radar-series.apexcharts-plot-series polygon:first-of-type {
  stroke-width: 0.7;
}

.apexcharts-gridline {
  stroke: var(--color-text-primary);
  stroke-width: 0.3;
}

.apexcharts-grid .apexcharts-gridlines-horizontal line {
  stroke: var(--color-text-primary);
  stroke-width: 0.3;
}

.apexcharts-legend-marker > svg,
.apexcharts-tooltip-marker {
  border-radius: 0.6rem !important;
}

.apexcharts-legend-series {
  display: flex !important;
  align-items: center;
}

.apexcharts-radialbar-label {
  color: var(--color-primary) !important;
}

.apexcharts-toolbar {
  display: flex;
  padding-right: 1rem !important;
}
.apexcharts-toolbar > div {
  transform: none !important;
  margin: 0;
  border-radius: 0.4rem;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.apexcharts-toolbar > div > i {
  color: var(--color-text-secondary) !important;
}
.apexcharts-toolbar > div:hover {
  background-color: var(--color-background-bg);
}
.apexcharts-toolbar > .apexcharts-selected > i {
  color: var(--color-primary) !important;
}

.panelOpened .maplibregl-ctrl-bottom-right {
  padding-right: 41rem !important;
  transition: all 0.4s;
}

.maplibregl-ctrl-attrib-button {
  user-select: none;
  width: 2.7rem !important;
  background: none !important;
  justify-content: center;
  color: var(--color-text-primary);
}

.maplibregl-ctrl-attrib.maplibregl-compact {
  background-color: var(--color-background-bg) !important;
  border: 1px solid var(--color-background-outstanding);
  user-select: none;
  border-radius: 0.4rem !important;
  height: 2.7rem;
  width: 2.7rem !important;
  font-size: 2rem;
  padding: 0rem;
  margin: 0.5rem 1rem !important;
  position: relative;
  left: 11rem;
  display: flex;
}

.maplibregl-ctrl-attrib.maplibregl-compact-show {
  width: 19.5rem !important;
  padding: 0rem !important;
}

.maplibregl-ctrl-attrib-button:focus,
.maplibregl-ctrl-group button:focus {
  box-shadow: none !important;
}

.maplibregl-ctrl-attrib-inner {
  color: var(--color-text-primary) !important;
  font-size: 1.1rem;
}

.maplibregl-ctrl-attrib-inner a {
  color: var(--color-text-primary) !important;
  font-weight: 600;
}

.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button,
.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner {
  display: flex !important;
  gap: 0.4rem;
  align-items: center;
  height: 100%;
}

.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner {
  padding-left: 2.5rem;
}

.maplibregl-ctrl-attrib-button i {
  font-size: 1.5rem;
  line-height: 2rem;
}

.sgeo-ctx-menu {
  --ctx-menu-bg-color: var(--color-background-bg2);
  z-index: 9999;
  padding-bottom: 0.5rem !important;
}
.sgeo-ctx-menu .maplibregl-popup-content {
  background-color: var(--ctx-menu-bg-color);
  border-radius: 0.4rem;
  padding: 1rem !important;
}
.sgeo-ctx-menu .maplibregl-popup-tip {
  border: 6px solid transparent;
}
.sgeo-ctx-menu.maplibregl-popup-anchor-bottom .maplibregl-popup-tip, .sgeo-ctx-menu.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip, .sgeo-ctx-menu.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip {
  border-top-color: var(--ctx-menu-bg-color) !important;
}
.sgeo-ctx-menu.maplibregl-popup-anchor-top .maplibregl-popup-tip, .sgeo-ctx-menu.maplibregl-popup-anchor-top-right .maplibregl-popup-tip, .sgeo-ctx-menu.maplibregl-popup-anchor-top-left .maplibregl-popup-tip {
  border-bottom-color: var(--ctx-menu-bg-color) !important;
}
.sgeo-ctx-menu.maplibregl-popup-anchor-right .maplibregl-popup-tip {
  border-left-color: var(--ctx-menu-bg-color) !important;
}
.sgeo-ctx-menu.maplibregl-popup-anchor-left .maplibregl-popup-tip {
  border-right-color: var(--ctx-menu-bg-color) !important;
}

.maplibregl-popup-content {
  font-family: "Montserrat", sans-serif !important;
}

.maplibregl-ctrl-top-left {
  left: 0;
  top: 0;
}

.maplibregl-ctrl-top-right {
  right: 0;
  top: 0;
}

.maplibregl-ctrl-bottom-left {
  bottom: 0;
  left: 0;
}

.maplibregl-ctrl-bottom-right {
  bottom: 0;
  right: 0;
}

.maplibregl-ctrl-bottom-left > .maplibregl-ctrl-attrib.maplibregl-compact-show,
.maplibregl-ctrl-top-left > .maplibregl-ctrl-attrib.maplibregl-compact-show {
  border-radius: 12px;
  padding: 2px 8px 2px 28px;
}

.maplibregl-ctrl-attrib.maplibregl-compact-show {
  width: 19.5rem !important;
  padding: 0rem !important;
}

.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button,
.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner {
  display: flex !important;
  gap: 0.4rem;
  align-items: center;
  height: 100%;
}

.maplibregl-ctrl {
  clear: both;
  pointer-events: auto;
  transform: translate(0);
}

.maplibregl-ctrl-bottom-left .maplibregl-ctrl {
  float: left;
  margin: 0 0 10px 10px;
}

.maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib-button,
.maplibregl-ctrl-top-left .maplibregl-ctrl-attrib-button {
  left: 0;
}

.maplibregl-ctrl-attrib-button {
  position: absolute;
  top: 0;
  width: 24px;
}

.maplibregl-ctrl-bottom-left,
.maplibregl-ctrl-bottom-right,
.maplibregl-ctrl-top-left,
.maplibregl-ctrl-top-right {
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.maplibregl-control-container {
  width: 100%;
  height: 100%;
  left: 0 !important;
  pointer-events: none;
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  /* Inherited from body because it's a better practise */
  box-sizing: inherit;
  text-decoration: none;
}

html {
  /* Default browsers font-size is 16px and we want
   a 10px font-size by default to calculate all 
   measures with rem and the calculations will be simple.
   Defines what a 1rem is */
  font-size: 62.5%;
}

body {
  box-sizing: border-box;
}

html,
body {
  height: 100vh;
}

.panel-header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 2rem;
  user-select: none;
}

#app {
  height: 100%;
  overflow: hidden;
}

::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

::-webkit-scrollbar-thumb {
  --el-scrollbar-bg-color: var(--color-background-outstanding);
  --el-scrollbar-opacity: 1;
  --el-scrollbar-hover-opacity: 1;
  background: var(--color-background-outstanding);
  border-radius: 2rem;
}

::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
  background: var(--color-background-bg2);
}

:focus-visible {
  outline: 0.1rem solid var(--color-primary);
  border-radius: 0.4rem;
}

.s-box {
  box-shadow: var(--box-shadow-basic);
  border-radius: 0.4rem;
  height: 100%;
  width: 100%;
  background-color: var(--color-background-bg2);
  padding: 1.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
}

.s-box.scroll {
  padding: 0rem;
  overflow-x: hidden;
}
.s-box.scroll .el-scrollbar {
  width: 100%;
  height: 100%;
}
.s-box.scroll .el-scrollbar .el-scrollbar__view {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}
.s-box.scroll .el-scrollbar .el-scrollbar__bar.is-horizontal {
  display: none;
}

p > em {
  font-weight: 600;
  font-style: normal;
}

.error em {
  color: var(--color-error);
}

.success em {
  color: var(--color-success);
}

.warning em {
  color: var(--color-warning);
}

.info em {
  color: var(--color-info);
}

.asterisk {
  color: var(--el-color-danger);
  padding: 0rem 0.5rem;
}

.port:focus {
  outline: none !important;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px var(--pulse-color);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}
body,
button,
input,
textarea {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: var(--color-text-primary);
  font-size: 1.2rem;
  background-color: var(--color-background-bg);
}

*::placeholder {
  font-family: "Montserrat", sans-serif;
  color: var(--color-text-primary);
}

*::-webkit-input-placeholder {
  font-family: "Montserrat", sans-serif;
  color: var(--color-text-primary);
}

.italic {
  font-style: italic !important;
}

.light {
  font-weight: 400 !important;
}

.semibold {
  font-weight: 600 !important;
}

.bold {
  font-weight: 700 !important;
}

.parragraph {
  line-height: 2.5rem;
}

h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 2.8rem;
  color: var(--color-primary);
  line-height: 2.8rem;
}

h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 1.8rem;
  color: var(--color-primary);
  line-height: 1.8rem;
}

h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 1.6rem;
  color: var(--color-primary);
  line-height: 1.6rem;
}

h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 1.4rem;
  color: var(--color-primary);
  line-height: 1.4rem;
}

p {
  font-style: normal;
  color: var(--color-text-primary);
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 400;
  text-align: left;
}

i {
  font-size: 1.6rem;
}

p.title-text {
  font-weight: 700;
}

p.info-text {
  font-style: italic;
  color: var(--color-text-primary);
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 600;
}

p.primary-text {
  color: var(--color-primary);
  font-weight: 700;
}

p.error-text {
  font-size: 1.2rem;
  font-weight: 900;
}

p.disabled {
  color: var(--color-text-secondary);
}

.console {
  font-family: "Space Mono", sans-serif;
}

.el-alert {
  --el-alert-padding: 10px 15px;
  --el-alert-border-radius-base: var(--el-border-radius-base);
  --el-alert-title-font-size: 14px;
  --el-alert-title-with-description-font-size: 16px;
  --el-alert-description-font-size: 14px;
  --el-alert-close-font-size: 16px;
  --el-alert-close-customed-font-size: 14px;
  --el-alert-icon-size: 16px;
  --el-alert-icon-large-size: 28px;
  width: 100%;
  padding: var(--el-alert-padding);
  margin: 0;
  box-sizing: border-box;
  border-radius: var(--el-alert-border-radius-base);
  position: relative;
  background-color: var(--el-color-white);
  overflow: hidden;
  opacity: 1;
  display: flex;
  align-items: center;
  transition: opacity var(--el-transition-duration-fast);
}
.el-alert.is-light .el-alert__close-btn {
  color: var(--el-text-color-placeholder);
}

.el-alert.is-dark .el-alert__close-btn {
  color: var(--el-color-white);
}
.el-alert.is-dark .el-alert__description {
  color: var(--el-color-white);
}

.el-alert.is-center {
  justify-content: center;
}

.el-alert--primary {
  --el-alert-bg-color: var(--el-color-primary-light-9);
}
.el-alert--primary.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-primary);
}
.el-alert--primary.is-light .el-alert__description {
  color: var(--el-color-primary);
}
.el-alert--primary.is-dark {
  background-color: var(--el-color-primary);
  color: var(--el-color-white);
}

.el-alert--success {
  --el-alert-bg-color: var(--el-color-success-light-9);
}
.el-alert--success.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-success);
}
.el-alert--success.is-light .el-alert__description {
  color: var(--el-color-success);
}
.el-alert--success.is-dark {
  background-color: var(--el-color-success);
  color: var(--el-color-white);
}

.el-alert--info {
  --el-alert-bg-color: var(--el-color-info-light-9);
}
.el-alert--info.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-info);
}
.el-alert--info.is-light .el-alert__description {
  color: var(--el-color-info);
}
.el-alert--info.is-dark {
  background-color: var(--el-color-info);
  color: var(--el-color-white);
}

.el-alert--warning {
  --el-alert-bg-color: var(--el-color-warning-light-9);
}
.el-alert--warning.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-warning);
}
.el-alert--warning.is-light .el-alert__description {
  color: var(--el-color-warning);
}
.el-alert--warning.is-dark {
  background-color: var(--el-color-warning);
  color: var(--el-color-white);
}

.el-alert--error {
  --el-alert-bg-color: var(--el-color-error-light-9);
}
.el-alert--error.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-error);
}
.el-alert--error.is-light .el-alert__description {
  color: var(--el-color-error);
}
.el-alert--error.is-dark {
  background-color: var(--el-color-error);
  color: var(--el-color-white);
}

.el-alert__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.el-alert .el-alert__icon {
  font-size: var(--el-alert-icon-size);
  width: var(--el-alert-icon-size);
  margin-right: 8px;
}
.el-alert .el-alert__icon.is-big {
  font-size: var(--el-alert-icon-large-size);
  width: var(--el-alert-icon-large-size);
  margin-right: 12px;
}

.el-alert__title {
  font-size: var(--el-alert-title-font-size);
  line-height: 24px;
}
.el-alert__title.with-description {
  font-size: var(--el-alert-title-with-description-font-size);
}

.el-alert .el-alert__description {
  font-size: var(--el-alert-description-font-size);
  margin: 0;
}
.el-alert .el-alert__close-btn {
  font-size: var(--el-alert-close-font-size);
  opacity: 1;
  position: absolute;
  top: 12px;
  right: 16px;
  cursor: pointer;
}
.el-alert .el-alert__close-btn.is-customed {
  font-style: normal;
  font-size: var(--el-alert-close-customed-font-size);
  line-height: 24px;
  top: 8px;
}

.el-alert-fade-enter-from,
.el-alert-fade-leave-active {
  opacity: 0;
}

.el-alert {
  --el-alert-title-font-size: 1.2rem;
  --el-alert-title-with-description-font-size: 1.2rem;
  --el-alert-description-font-size: 1.1rem;
  user-select: none;
}

.el-alert--success {
  --el-alert-bg-color: var(--el-color-success-light-3);
}
.el-alert--success i {
  color: var(--el-color-success);
}

.el-alert--info {
  --el-alert-bg-color: var(--color-background-bg-light);
}
.el-alert--info i {
  color: var(--color-text-primary);
}

.el-alert--warning {
  --el-alert-bg-color: var(--el-color-warning-light-3);
}
.el-alert--warning i {
  color: var(--el-color-warning);
}

.el-alert--error {
  --el-alert-bg-color: var(--el-color-error-light-3);
}
.el-alert--error i {
  color: var(--el-color-error);
}

.el-aside {
  overflow: auto;
  box-sizing: border-box;
  flex-shrink: 0;
  width: var(--el-aside-width, 300px);
}

.el-aside {
  overflow: hidden;
  background-color: var(--color-background-bg2);
  display: flex;
  flex-direction: column;
  z-index: 1;
}

.el-autocomplete {
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: none;
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: transparent;
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--color-background-bg2);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: transparent;
  --el-input-clear-hover-color: transparent;
  --el-input-focus-border-color: var(--el-color-primary);
  --el-input-width: 100%;
}

.el-autocomplete {
  width: var(--el-input-width);
  position: relative;
  display: inline-block;
}
.el-autocomplete__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  box-shadow: var(--el-box-shadow-light);
}
.el-autocomplete__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
}
.el-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-autocomplete__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.el-autocomplete-suggestion {
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
}
.el-autocomplete-suggestion__header {
  padding: 10px;
  border-bottom: 1px solid var(--el-border-color-lighter);
}

.el-autocomplete-suggestion__footer {
  padding: 10px;
  border-top: 1px solid var(--el-border-color-lighter);
}

.el-autocomplete-suggestion__wrap {
  max-height: 280px;
  padding: 10px 0;
  box-sizing: border-box;
}

.el-autocomplete-suggestion__list {
  margin: 0;
  padding: 0;
}

.el-autocomplete-suggestion li {
  padding: 0 20px;
  margin: 0;
  line-height: 34px;
  cursor: pointer;
  color: var(--el-text-color-regular);
  font-size: var(--el-font-size-base);
  list-style: none;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-autocomplete-suggestion li:hover {
  background-color: var(--color-background-bg);
}
.el-autocomplete-suggestion li.highlighted {
  background-color: var(--color-background-bg);
}
.el-autocomplete-suggestion li.divider {
  margin-top: 6px;
  border-top: 1px solid var(--el-color-black);
}
.el-autocomplete-suggestion li.divider:last-child {
  margin-bottom: -6px;
}
.el-autocomplete-suggestion.is-loading li {
  cursor: default;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--el-text-color-secondary);
}
.el-autocomplete-suggestion.is-loading li:hover {
  background-color: var(--el-bg-color-overlay);
}

.el-autocomplete {
  width: 400px;
  margin-right: 2rem;
}

.el-autocomplete__popper.el-popper.is-light {
  background-color: var(--color-background-bg2);
  box-shadow: var(--box-shadow-basic);
  box-sizing: border-box;
  border: var(--border-bottom-basic);
}

.el-avatar {
  --el-avatar-text-color: var(--el-color-white);
  --el-avatar-bg-color: var(--el-text-color-disabled);
  --el-avatar-text-size: 14px;
  --el-avatar-icon-size: 18px;
  --el-avatar-border-radius: var(--el-border-radius-base);
  --el-avatar-size-large: 56px;
  --el-avatar-size: 40px;
  --el-avatar-size-small: 24px;
  --el-avatar-size: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  outline: none;
  color: var(--el-avatar-text-color);
  background: var(--el-avatar-bg-color);
  width: var(--el-avatar-size);
  height: var(--el-avatar-size);
  font-size: var(--el-avatar-text-size);
}
.el-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
}
.el-avatar--circle {
  border-radius: 50%;
}

.el-avatar--square {
  border-radius: var(--el-avatar-border-radius);
}

.el-avatar--icon {
  font-size: var(--el-avatar-icon-size);
}

.el-avatar--small {
  --el-avatar-size: 24px;
}

.el-avatar--large {
  --el-avatar-size: 56px;
}

.el-avatar {
  --el-avatar-bg-color: transparent;
  min-height: var(--el-avatar-size);
  min-width: var(--el-avatar-size);
  align-items: center;
  box-shadow: none !important;
}

.el-badge {
  --el-badge-bg-color: var(--el-color-danger);
  --el-badge-radius: 10px;
  --el-badge-font-size: 12px;
  --el-badge-padding: 6px;
  --el-badge-size: 18px;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: fit-content;
}
.el-badge__content {
  background-color: var(--el-badge-bg-color);
  border-radius: var(--el-badge-radius);
  color: var(--el-color-white);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: var(--el-badge-font-size);
  height: var(--el-badge-size);
  padding: 0 var(--el-badge-padding);
  white-space: nowrap;
  border: 1px solid var(--el-bg-color);
}
.el-badge__content.is-fixed {
  position: absolute;
  top: 0;
  right: calc(1px + var(--el-badge-size) / 2);
  transform: translateY(-50%) translateX(100%);
  z-index: var(--el-index-normal);
}
.el-badge__content.is-fixed.is-dot {
  right: 5px;
}

.el-badge__content.is-dot {
  height: 8px;
  width: 8px;
  padding: 0;
  right: 0;
  border-radius: 50%;
}

.el-badge__content.is-hide-zero {
  display: none;
}

.el-badge__content--primary {
  background-color: var(--el-color-primary);
}

.el-badge__content--success {
  background-color: var(--el-color-success);
}

.el-badge__content--warning {
  background-color: var(--el-color-warning);
}

.el-badge__content--info {
  background-color: var(--el-color-info);
}

.el-badge__content--danger {
  background-color: var(--el-color-danger);
}

.el-badge .el-badge__content {
  border: none;
}
.el-badge.error .el-badge__content {
  background-color: var(--color-error) !important;
}
.el-badge.warning .el-badge__content {
  background-color: var(--color-warning) !important;
}
.el-badge.small-badge .el-badge__content {
  font-size: 0.6rem !important;
  height: 1rem !important;
  line-height: 1rem !important;
  padding: 0.4rem !important;
  min-width: 1rem !important;
}
.el-badge .el-badge__content.is-dot {
  height: 0.6rem;
  width: 0.6rem;
  right: 0.75rem !important;
  top: 0.2rem !important;
}

.secondary {
  --el-badge-bg-color: var(--color-secondary);
}
.secondary .el-badge__content {
  background-color: var(--color-secondary);
}

.el-button {
  --el-button-font-weight: var(--el-font-weight-primary);
  --el-button-border-color: var(--el-border-color);
  --el-button-bg-color: var(--el-fill-color-blank);
  --el-button-text-color: var(--el-text-color-regular);
  --el-button-disabled-text-color: var(--el-disabled-text-color);
  --el-button-disabled-bg-color: var(--el-fill-color-blank);
  --el-button-disabled-border-color: var(--el-border-color-light);
  --el-button-divide-border-color: rgba(255, 255, 255, 0.5);
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-color-primary-light-9);
  --el-button-hover-border-color: var(--el-color-primary-light-7);
  --el-button-active-text-color: var(--el-button-hover-text-color);
  --el-button-active-border-color: var(--el-color-primary);
  --el-button-active-bg-color: var(--el-button-hover-bg-color);
  --el-button-outline-color: var(--el-color-primary-light-5);
  --el-button-hover-link-text-color: var(--el-text-color-secondary);
  --el-button-active-color: var(--el-text-color-primary);
}

.el-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  height: 40px;
  white-space: nowrap;
  cursor: pointer;
  color: var(--el-button-text-color);
  text-align: center;
  box-sizing: border-box;
  outline: none;
  transition: 0.1s;
  font-weight: var(--el-button-font-weight);
  user-select: none;
  vertical-align: middle;
  -webkit-appearance: none;
  background-color: var(--el-button-bg-color);
  border: var(--el-border);
  border-color: var(--el-button-border-color);
}
.el-button:hover {
  color: var(--el-button-hover-text-color);
  border-color: var(--el-button-hover-border-color);
  background-color: var(--el-button-hover-bg-color);
  outline: none;
}
.el-button:active {
  color: var(--el-button-active-text-color);
  border-color: var(--el-button-active-border-color);
  background-color: var(--el-button-active-bg-color);
  outline: none;
}
.el-button:focus-visible {
  outline: 2px solid var(--el-button-outline-color);
  outline-offset: 1px;
  transition: outline-offset 0s, outline 0s;
}
.el-button > span {
  display: inline-flex;
  align-items: center;
}
.el-button + .el-button {
  margin-left: 12px;
}
.el-button {
  padding: 8px 15px;
  font-size: var(--el-font-size-base);
  border-radius: var(--el-border-radius-base);
}
.el-button.is-round {
  padding: 8px 15px;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*=el-icon] + span {
  margin-left: 6px;
}
.el-button [class*=el-icon] svg {
  vertical-align: bottom;
}
.el-button.is-plain {
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-fill-color-blank);
  --el-button-hover-border-color: var(--el-color-primary);
}

.el-button.is-active {
  color: var(--el-button-active-text-color);
  border-color: var(--el-button-active-border-color);
  background-color: var(--el-button-active-bg-color);
  outline: none;
}

.el-button.is-disabled, .el-button.is-disabled:hover {
  color: var(--el-button-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--el-button-disabled-bg-color);
  border-color: var(--el-button-disabled-border-color);
}

.el-button.is-loading {
  position: relative;
  pointer-events: none;
}
.el-button.is-loading:before {
  z-index: 1;
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: var(--el-mask-color-extra-light);
}

.el-button.is-round {
  border-radius: var(--el-border-radius-round);
}

.el-button.is-dashed {
  border-style: dashed;
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-fill-color-blank);
  --el-button-hover-border-color: var(--el-color-primary);
}

.el-button.is-circle {
  width: 40px;
  border-radius: 50%;
  padding: 8px;
}

.el-button.is-text {
  color: var(--el-button-text-color);
  border: 0 solid transparent;
  background-color: transparent;
}
.el-button.is-text.is-disabled {
  color: var(--el-button-disabled-text-color);
  background-color: transparent !important;
}

.el-button.is-text:not(.is-disabled):hover {
  background-color: var(--el-fill-color-light);
}
.el-button.is-text:not(.is-disabled):focus-visible {
  outline: 2px solid var(--el-button-outline-color);
  outline-offset: 1px;
  transition: outline-offset 0s, outline 0s;
}
.el-button.is-text:not(.is-disabled):active {
  background-color: var(--el-fill-color);
}
.el-button.is-text:not(.is-disabled).is-has-bg {
  background-color: var(--el-fill-color-light);
}
.el-button.is-text:not(.is-disabled).is-has-bg:hover {
  background-color: var(--el-fill-color);
}
.el-button.is-text:not(.is-disabled).is-has-bg:active {
  background-color: var(--el-fill-color-dark);
}

.el-button__text--expand {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}

.el-button.is-link {
  border-color: transparent;
  color: var(--el-button-text-color);
  background: transparent;
  padding: 2px;
  height: auto;
}
.el-button.is-link:hover {
  color: var(--el-button-hover-link-text-color);
}
.el-button.is-link.is-disabled {
  color: var(--el-button-disabled-text-color);
  background-color: transparent !important;
  border-color: transparent !important;
}

.el-button.is-link:not(.is-disabled):hover {
  border-color: transparent;
  background-color: transparent;
}
.el-button.is-link:not(.is-disabled):active {
  color: var(--el-button-active-color);
  border-color: transparent;
  background-color: transparent;
}

.el-button--text {
  border-color: transparent;
  background: transparent;
  color: var(--el-color-primary);
  padding-left: 0;
  padding-right: 0;
}
.el-button--text.is-disabled {
  color: var(--el-button-disabled-text-color);
  background-color: transparent !important;
  border-color: transparent !important;
}

.el-button--text:not(.is-disabled):hover {
  color: var(--el-color-primary-light-3);
  border-color: transparent;
  background-color: transparent;
}
.el-button--text:not(.is-disabled):active {
  color: var(--el-color-primary-dark-2);
  border-color: transparent;
  background-color: transparent;
}

.el-button__link--expand {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}

.el-button--primary {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-primary);
  --el-button-border-color: var(--el-color-primary);
  --el-button-outline-color: var(--el-color-primary-light-5);
  --el-button-active-color: var(--el-color-primary-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-primary-light-5);
  --el-button-hover-bg-color: var(--el-color-primary-light-3);
  --el-button-hover-border-color: var(--el-color-primary-light-3);
  --el-button-active-bg-color: var(--el-color-primary-dark-2);
  --el-button-active-border-color: var(--el-color-primary-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-primary-light-5);
  --el-button-disabled-border-color: var(--el-color-primary-light-5);
}
.el-button--primary.is-plain, .el-button--primary.is-text, .el-button--primary.is-link {
  --el-button-text-color: var(--el-color-primary);
  --el-button-bg-color: var(--el-color-primary-light-9);
  --el-button-border-color: var(--el-color-primary-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-primary);
  --el-button-hover-border-color: var(--el-color-primary);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-text.is-disabled, .el-button--primary.is-text.is-disabled:hover, .el-button--primary.is-text.is-disabled:focus, .el-button--primary.is-text.is-disabled:active, .el-button--primary.is-link.is-disabled, .el-button--primary.is-link.is-disabled:hover, .el-button--primary.is-link.is-disabled:focus, .el-button--primary.is-link.is-disabled:active {
  color: var(--el-color-primary-light-5);
  background-color: var(--el-color-primary-light-9);
  border-color: var(--el-color-primary-light-8);
}
.el-button--primary.is-dashed {
  --el-button-text-color: var(--el-color-primary);
  --el-button-bg-color: var(--el-color-primary-light-9);
  --el-button-border-color: var(--el-color-primary-light-5);
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-color-primary-light-9);
  --el-button-hover-border-color: var(--el-color-primary-light-3);
  --el-button-active-text-color: var(--el-color-primary-dark-2);
  --el-button-active-bg-color: var(--el-color-primary-light-9);
  --el-button-active-border-color: var(--el-color-primary-dark-2);
}
.el-button--primary.is-dashed.is-disabled, .el-button--primary.is-dashed.is-disabled:hover, .el-button--primary.is-dashed.is-disabled:focus, .el-button--primary.is-dashed.is-disabled:active {
  color: var(--el-color-primary-light-5);
  background-color: var(--el-color-primary-light-9);
  border-color: var(--el-color-primary-light-8);
}

.el-button--success {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-success);
  --el-button-border-color: var(--el-color-success);
  --el-button-outline-color: var(--el-color-success-light-5);
  --el-button-active-color: var(--el-color-success-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-success-light-5);
  --el-button-hover-bg-color: var(--el-color-success-light-3);
  --el-button-hover-border-color: var(--el-color-success-light-3);
  --el-button-active-bg-color: var(--el-color-success-dark-2);
  --el-button-active-border-color: var(--el-color-success-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-success-light-5);
  --el-button-disabled-border-color: var(--el-color-success-light-5);
}
.el-button--success.is-plain, .el-button--success.is-text, .el-button--success.is-link {
  --el-button-text-color: var(--el-color-success);
  --el-button-bg-color: var(--el-color-success-light-9);
  --el-button-border-color: var(--el-color-success-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-success);
  --el-button-hover-border-color: var(--el-color-success);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-text.is-disabled, .el-button--success.is-text.is-disabled:hover, .el-button--success.is-text.is-disabled:focus, .el-button--success.is-text.is-disabled:active, .el-button--success.is-link.is-disabled, .el-button--success.is-link.is-disabled:hover, .el-button--success.is-link.is-disabled:focus, .el-button--success.is-link.is-disabled:active {
  color: var(--el-color-success-light-5);
  background-color: var(--el-color-success-light-9);
  border-color: var(--el-color-success-light-8);
}
.el-button--success.is-dashed {
  --el-button-text-color: var(--el-color-success);
  --el-button-bg-color: var(--el-color-success-light-9);
  --el-button-border-color: var(--el-color-success-light-5);
  --el-button-hover-text-color: var(--el-color-success);
  --el-button-hover-bg-color: var(--el-color-success-light-9);
  --el-button-hover-border-color: var(--el-color-success-light-3);
  --el-button-active-text-color: var(--el-color-success-dark-2);
  --el-button-active-bg-color: var(--el-color-success-light-9);
  --el-button-active-border-color: var(--el-color-success-dark-2);
}
.el-button--success.is-dashed.is-disabled, .el-button--success.is-dashed.is-disabled:hover, .el-button--success.is-dashed.is-disabled:focus, .el-button--success.is-dashed.is-disabled:active {
  color: var(--el-color-success-light-5);
  background-color: var(--el-color-success-light-9);
  border-color: var(--el-color-success-light-8);
}

.el-button--warning {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-warning);
  --el-button-border-color: var(--el-color-warning);
  --el-button-outline-color: var(--el-color-warning-light-5);
  --el-button-active-color: var(--el-color-warning-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-warning-light-5);
  --el-button-hover-bg-color: var(--el-color-warning-light-3);
  --el-button-hover-border-color: var(--el-color-warning-light-3);
  --el-button-active-bg-color: var(--el-color-warning-dark-2);
  --el-button-active-border-color: var(--el-color-warning-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-warning-light-5);
  --el-button-disabled-border-color: var(--el-color-warning-light-5);
}
.el-button--warning.is-plain, .el-button--warning.is-text, .el-button--warning.is-link {
  --el-button-text-color: var(--el-color-warning);
  --el-button-bg-color: var(--el-color-warning-light-9);
  --el-button-border-color: var(--el-color-warning-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-warning);
  --el-button-hover-border-color: var(--el-color-warning);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-text.is-disabled, .el-button--warning.is-text.is-disabled:hover, .el-button--warning.is-text.is-disabled:focus, .el-button--warning.is-text.is-disabled:active, .el-button--warning.is-link.is-disabled, .el-button--warning.is-link.is-disabled:hover, .el-button--warning.is-link.is-disabled:focus, .el-button--warning.is-link.is-disabled:active {
  color: var(--el-color-warning-light-5);
  background-color: var(--el-color-warning-light-9);
  border-color: var(--el-color-warning-light-8);
}
.el-button--warning.is-dashed {
  --el-button-text-color: var(--el-color-warning);
  --el-button-bg-color: var(--el-color-warning-light-9);
  --el-button-border-color: var(--el-color-warning-light-5);
  --el-button-hover-text-color: var(--el-color-warning);
  --el-button-hover-bg-color: var(--el-color-warning-light-9);
  --el-button-hover-border-color: var(--el-color-warning-light-3);
  --el-button-active-text-color: var(--el-color-warning-dark-2);
  --el-button-active-bg-color: var(--el-color-warning-light-9);
  --el-button-active-border-color: var(--el-color-warning-dark-2);
}
.el-button--warning.is-dashed.is-disabled, .el-button--warning.is-dashed.is-disabled:hover, .el-button--warning.is-dashed.is-disabled:focus, .el-button--warning.is-dashed.is-disabled:active {
  color: var(--el-color-warning-light-5);
  background-color: var(--el-color-warning-light-9);
  border-color: var(--el-color-warning-light-8);
}

.el-button--danger {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-danger);
  --el-button-border-color: var(--el-color-danger);
  --el-button-outline-color: var(--el-color-danger-light-5);
  --el-button-active-color: var(--el-color-danger-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-danger-light-5);
  --el-button-hover-bg-color: var(--el-color-danger-light-3);
  --el-button-hover-border-color: var(--el-color-danger-light-3);
  --el-button-active-bg-color: var(--el-color-danger-dark-2);
  --el-button-active-border-color: var(--el-color-danger-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-danger-light-5);
  --el-button-disabled-border-color: var(--el-color-danger-light-5);
}
.el-button--danger.is-plain, .el-button--danger.is-text, .el-button--danger.is-link {
  --el-button-text-color: var(--el-color-danger);
  --el-button-bg-color: var(--el-color-danger-light-9);
  --el-button-border-color: var(--el-color-danger-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-danger);
  --el-button-hover-border-color: var(--el-color-danger);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-text.is-disabled, .el-button--danger.is-text.is-disabled:hover, .el-button--danger.is-text.is-disabled:focus, .el-button--danger.is-text.is-disabled:active, .el-button--danger.is-link.is-disabled, .el-button--danger.is-link.is-disabled:hover, .el-button--danger.is-link.is-disabled:focus, .el-button--danger.is-link.is-disabled:active {
  color: var(--el-color-danger-light-5);
  background-color: var(--el-color-danger-light-9);
  border-color: var(--el-color-danger-light-8);
}
.el-button--danger.is-dashed {
  --el-button-text-color: var(--el-color-danger);
  --el-button-bg-color: var(--el-color-danger-light-9);
  --el-button-border-color: var(--el-color-danger-light-5);
  --el-button-hover-text-color: var(--el-color-danger);
  --el-button-hover-bg-color: var(--el-color-danger-light-9);
  --el-button-hover-border-color: var(--el-color-danger-light-3);
  --el-button-active-text-color: var(--el-color-danger-dark-2);
  --el-button-active-bg-color: var(--el-color-danger-light-9);
  --el-button-active-border-color: var(--el-color-danger-dark-2);
}
.el-button--danger.is-dashed.is-disabled, .el-button--danger.is-dashed.is-disabled:hover, .el-button--danger.is-dashed.is-disabled:focus, .el-button--danger.is-dashed.is-disabled:active {
  color: var(--el-color-danger-light-5);
  background-color: var(--el-color-danger-light-9);
  border-color: var(--el-color-danger-light-8);
}

.el-button--info {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-info);
  --el-button-border-color: var(--el-color-info);
  --el-button-outline-color: var(--el-color-info-light-5);
  --el-button-active-color: var(--el-color-info-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-info-light-5);
  --el-button-hover-bg-color: var(--el-color-info-light-3);
  --el-button-hover-border-color: var(--el-color-info-light-3);
  --el-button-active-bg-color: var(--el-color-info-dark-2);
  --el-button-active-border-color: var(--el-color-info-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-info-light-5);
  --el-button-disabled-border-color: var(--el-color-info-light-5);
}
.el-button--info.is-plain, .el-button--info.is-text, .el-button--info.is-link {
  --el-button-text-color: var(--el-color-info);
  --el-button-bg-color: var(--el-color-info-light-9);
  --el-button-border-color: var(--el-color-info-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-info);
  --el-button-hover-border-color: var(--el-color-info);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-text.is-disabled, .el-button--info.is-text.is-disabled:hover, .el-button--info.is-text.is-disabled:focus, .el-button--info.is-text.is-disabled:active, .el-button--info.is-link.is-disabled, .el-button--info.is-link.is-disabled:hover, .el-button--info.is-link.is-disabled:focus, .el-button--info.is-link.is-disabled:active {
  color: var(--el-color-info-light-5);
  background-color: var(--el-color-info-light-9);
  border-color: var(--el-color-info-light-8);
}
.el-button--info.is-dashed {
  --el-button-text-color: var(--el-color-info);
  --el-button-bg-color: var(--el-color-info-light-9);
  --el-button-border-color: var(--el-color-info-light-5);
  --el-button-hover-text-color: var(--el-color-info);
  --el-button-hover-bg-color: var(--el-color-info-light-9);
  --el-button-hover-border-color: var(--el-color-info-light-3);
  --el-button-active-text-color: var(--el-color-info-dark-2);
  --el-button-active-bg-color: var(--el-color-info-light-9);
  --el-button-active-border-color: var(--el-color-info-dark-2);
}
.el-button--info.is-dashed.is-disabled, .el-button--info.is-dashed.is-disabled:hover, .el-button--info.is-dashed.is-disabled:focus, .el-button--info.is-dashed.is-disabled:active {
  color: var(--el-color-info-light-5);
  background-color: var(--el-color-info-light-9);
  border-color: var(--el-color-info-light-8);
}

.el-button--large {
  --el-button-size: 45px;
  height: var(--el-button-size);
}
.el-button--large [class*=el-icon] + span {
  margin-left: 8px;
}
.el-button--large {
  padding: 12px 19px;
  font-size: var(--el-font-size-base);
  border-radius: var(--el-border-radius-base);
}
.el-button--large.is-round {
  padding: 12px 19px;
}
.el-button--large.is-circle {
  width: var(--el-button-size);
  padding: 12px;
}

.el-button--small {
  --el-button-size: 35px;
  height: var(--el-button-size);
}
.el-button--small [class*=el-icon] + span {
  margin-left: 4px;
}
.el-button--small {
  padding: 5px 11px;
  font-size: 12px;
  border-radius: calc(var(--el-border-radius-base) - 1px);
}
.el-button--small.is-round {
  padding: 5px 11px;
}
.el-button--small.is-circle {
  width: var(--el-button-size);
  padding: 5px;
}

.el-button,
.el-button + .el-button {
  margin: 0px;
}

.el-button {
  --el-button-text-color: var(--el-color-white);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-disabled-text-color: var(--el-color-white);
  height: 2.5rem;
  width: auto;
  min-width: 0rem;
  font-weight: 600;
  transition: 0s;
  border: 0.1rem solid transparent;
}
.el-button:focus-visible {
  outline: none;
}
.el-button:focus, .el-button:hover {
  border: 0.1rem solid transparent;
}
.el-button:disabled, .el-button:hover:disabled {
  box-shadow: none;
  border-color: transparent;
  background: var(--color-background-outstanding-light);
  color: var(--color-text-secondary);
}
.el-button > span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.el-button--small {
  height: 2.5rem;
  width: 15rem;
  font-weight: 500;
}

.el-button--large {
  height: 4.5rem;
  width: 25rem;
}

.el-button--primary {
  --el-button-text-color: var(--color-text-button-primary);
  --el-button-hover-text-color: var(--color-text-button-primary);
  --el-button-bg-color: var(--el-color-primary);
  --el-button-border-color: var(--el-color-primary);
  font-weight: 600;
  border: 0.1rem solid transparent;
}
.el-button--primary:hover:not(.is-disabled) {
  background-color: var(--color-primary-light-8);
}
.el-button--primary:focus:not(.is-disabled), .el-button--primary:focus-visible:not(.is-disabled) {
  background-color: var(--color-primary-light-8);
  border: 0.1rem solid var(--color-primary);
}
.el-button--primary.is-disabled {
  color: var(--color-text-secondary);
  border: none;
  background: none;
}
.el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:focus-visible {
  background: none !important;
  border: none !important;
  color: var(--color-text-secondary);
}
.el-button--primary.el-button--warning-variant {
  --el-button-bg-color: var(--el-color-warning);
  --el-button-border-color: var(--el-color-warning);
}
.el-button--primary.el-button--warning-variant:hover:not(.is-disabled) {
  background-color: var(--el-color-warning-light-8);
}
.el-button--primary.el-button--warning-variant:focus:not(.is-disabled), .el-button--primary.el-button--warning-variant:focus-visible:not(.is-disabled) {
  background-color: var(--el-color-warning-light-8);
  border: 0.1rem solid var(--el-color-warning);
}
.el-button--primary.el-button--error-variant {
  --el-button-bg-color: var(--el-color-error);
  --el-button-border-color: var(--el-color-error);
}
.el-button--primary.el-button--error-variant:hover:not(.is-disabled) {
  background-color: var(--el-color-error-light-8);
}
.el-button--primary.el-button--error-variant:focus:not(.is-disabled), .el-button--primary.el-button--error-variant:focus-visible:not(.is-disabled) {
  background-color: var(--el-color-error-light-8);
  border: 0.1rem solid var(--el-color-error);
}
.el-button--primary.el-button--success-variant {
  --el-button-bg-color: var(--el-color-success);
  --el-button-border-color: var(--el-color-success);
}
.el-button--primary.el-button--success-variant:hover:not(.is-disabled) {
  background-color: var(--el-color-success-light-8);
}
.el-button--primary.el-button--success-variant:focus:not(.is-disabled), .el-button--primary.el-button--success-variant:focus-visible:not(.is-disabled) {
  background-color: var(--el-color-success-light-8);
  border: 0.1rem solid var(--el-color-success);
}
.el-button--primary.el-button--info-variant {
  --el-button-bg-color: var(--el-color-info);
  --el-button-border-color: var(--el-color-info);
}
.el-button--primary.el-button--info-variant:hover:not(.is-disabled) {
  background-color: var(--el-color-info-light-8);
}
.el-button--primary.el-button--info-variant:focus:not(.is-disabled), .el-button--primary.el-button--info-variant:focus-visible:not(.is-disabled) {
  background-color: var(--el-color-info-light-8);
  border: 0.1rem solid var(--el-color-info);
}
.el-button--primary.el-button--advice-variant {
  --el-button-bg-color: var(--el-color-advice);
  --el-button-border-color: var(--el-color-advice);
}
.el-button--primary.el-button--advice-variant:hover:not(.is-disabled) {
  background-color: var(--el-color-advice-light-8);
}
.el-button--primary.el-button--advice-variant:focus:not(.is-disabled), .el-button--primary.el-button--advice-variant:focus-visible:not(.is-disabled) {
  background-color: var(--el-color-advice-light-8);
  border: 0.1rem solid var(--el-color-advice);
}

.el-button--secondary {
  --el-button-text-color: var(--color-text-primary);
  --el-button-hover-text-color: var(--color-primary);
  --el-button-bg-color: transparent;
  --el-button-border-color: var(--color-text-primary);
  font-weight: 600;
  border: 0.1rem solid var(--color-text-primary);
}
.el-button--secondary:hover:not(.is-disabled) {
  color: var(--color-primary);
  border-color: var(--color-primary);
  background-color: transparent;
}
.el-button--secondary:focus:not(.is-disabled), .el-button--secondary:focus-visible:not(.is-disabled) {
  color: var(--color-primary);
  border: 0.1rem solid var(--color-primary);
  background-color: transparent;
}
.el-button--secondary.is-disabled {
  color: var(--color-text-secondary);
  border: 0.1rem solid var(--color-text-secondary);
  background-color: transparent;
}
.el-button--secondary.is-disabled:hover, .el-button--secondary.is-disabled:focus, .el-button--secondary.is-disabled:focus-visible {
  background-color: transparent !important;
  border: 0.1rem solid var(--color-text-secondary) !important;
  color: var(--color-text-secondary);
}
.el-button--secondary.el-button--warning-variant:hover:not(.is-disabled), .el-button--secondary.el-button--error-variant:hover:not(.is-disabled), .el-button--secondary.el-button--success-variant:hover:not(.is-disabled), .el-button--secondary.el-button--info-variant:hover:not(.is-disabled), .el-button--secondary.el-button--advice-variant:hover:not(.is-disabled) {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
}
.el-button--secondary.el-button--warning-variant:focus:not(.is-disabled), .el-button--secondary.el-button--warning-variant:focus-visible:not(.is-disabled), .el-button--secondary.el-button--error-variant:focus:not(.is-disabled), .el-button--secondary.el-button--error-variant:focus-visible:not(.is-disabled), .el-button--secondary.el-button--success-variant:focus:not(.is-disabled), .el-button--secondary.el-button--success-variant:focus-visible:not(.is-disabled), .el-button--secondary.el-button--info-variant:focus:not(.is-disabled), .el-button--secondary.el-button--info-variant:focus-visible:not(.is-disabled), .el-button--secondary.el-button--advice-variant:focus:not(.is-disabled), .el-button--secondary.el-button--advice-variant:focus-visible:not(.is-disabled) {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
}

.el-button--tertiary {
  --el-button-text-color: var(--color-text-primary);
  --el-button-hover-text-color: var(--color-primary-light-8);
  --el-button-bg-color: transparent;
  --el-button-border-color: transparent;
  font-weight: 600;
  border: 0.1rem solid transparent;
}
.el-button--tertiary:hover:not(.is-disabled) {
  color: var(--color-primary);
  background-color: var(--color-primary-light-3);
}
.el-button--tertiary:focus:not(.is-disabled), .el-button--tertiary:focus-visible:not(.is-disabled) {
  border: 0.1rem solid var(--color-primary);
  background-color: var(--color-primary-light-3);
  color: var(--color-primary);
}
.el-button--tertiary.is-disabled {
  color: var(--color-text-secondary);
  border: none;
  background: transparent !important;
}
.el-button--tertiary.el-button--link {
  color: var(--color-primary);
  border: none;
  background: transparent;
}
.el-button--tertiary.el-button--link:hover, .el-button--tertiary.el-button--link:focus, .el-button--tertiary.el-button--link:focus-visible {
  background: transparent !important;
  border: none !important;
  color: var(--el-button-hover-text-color);
  box-shadow: none !important;
}
.el-button--tertiary.el-button--warning-variant:hover:not(.is-disabled) {
  color: var(--color-warning);
  background-color: var(--color-warning-light-3);
}
.el-button--tertiary.el-button--warning-variant:focus:not(.is-disabled), .el-button--tertiary.el-button--warning-variant:focus-visible:not(.is-disabled) {
  color: var(--color-warning);
  background-color: var(--color-warning-light-3);
  border: 0.1rem solid var(--color-warning);
}
.el-button--tertiary.el-button--error-variant:hover:not(.is-disabled) {
  color: var(--el-color-error);
  background-color: var(--el-color-error-light-3);
}
.el-button--tertiary.el-button--error-variant:focus:not(.is-disabled), .el-button--tertiary.el-button--error-variant:focus-visible:not(.is-disabled) {
  color: var(--el-color-error);
  background-color: var(--el-color-error-light-3);
  border: 0.1rem solid var(--el-color-error);
}
.el-button--tertiary.el-button--advice-variant:hover:not(.is-disabled) {
  color: var(--el-color-advice);
  background-color: var(--el-color-advice-light-3);
}
.el-button--tertiary.el-button--advice-variant:focus:not(.is-disabled), .el-button--tertiary.el-button--advice-variant:focus-visible:not(.is-disabled) {
  color: var(--el-color-advice);
  background-color: var(--el-color-advice-light-3);
  border: 0.1rem solid var(--el-color-advice);
}
.el-button--tertiary.el-button--success-variant:hover:not(.is-disabled) {
  color: var(--el-color-success);
  background-color: var(--el-color-success-light-3);
}
.el-button--tertiary.el-button--success-variant:focus:not(.is-disabled), .el-button--tertiary.el-button--success-variant:focus-visible:not(.is-disabled) {
  color: var(--el-color-success);
  background-color: var(--el-color-success-light-3);
  border: 0.1rem solid var(--el-color-success);
}
.el-button--tertiary.el-button--info-variant {
  --el-button-text-color: var(--el-color-info);
  --el-button-hover-text-color: var(--el-color-info);
  --el-button-bg-color: transparent;
  --el-button-border-color: transparent;
}
.el-button--tertiary.el-button--info-variant:hover:not(.is-disabled) {
  color: var(--el-color-info);
  background-color: var(--el-color-info-light-3);
}
.el-button--tertiary.el-button--info-variant:focus:not(.is-disabled), .el-button--tertiary.el-button--info-variant:focus-visible:not(.is-disabled) {
  color: var(--el-color-info);
  background-color: var(--el-color-info-light-3);
  border: 0.1rem solid var(--el-color-info);
}

.el-button--error {
  --el-button-bg-color: var(--el-color-error);
  --el-button-hover-bg-color: var(--el-color-error);
  --el-button-active-bg-color: var(--el-color-error);
  --el-button-border-color: var(--el-color-error-light-8);
  --el-button-outline-color: var(--el-color-error-light-5);
  --el-button-disabled-bg-color: var(--el-color-error-light-5);
  --el-button-text-color: var(--el-color-white);
  --el-button-hover-text-color: var(--el-color-white);
  background-color: var(--el-color-error) !important;
}

.el-button--error:hover {
  background-color: var(--el-color-error-light-8) !important;
}

.el-button--error:focus-visible {
  background-color: var(--el-color-error-light-8) !important;
}

.el-button--error.is-disabled.animated {
  background: var(--el-color-error) !important;
}

.el-button--warning {
  --el-button-bg-color: var(--el-color-warning);
  --el-button-hover-bg-color: var(--el-color-warning);
  --el-button-active-bg-color: var(--el-color-warning);
  --el-button-border-color: var(--el-color-warning-light-8);
  --el-button-outline-color: var(--el-color-warning-light-5);
  --el-button-disabled-bg-color: var(--el-color-warning-light-5);
  --el-button-text-color: var(--color-text-button-state);
  --el-button-hover-text-color: var(--color-text-button-state);
  background-color: var(--el-color-warning) !important;
}

.el-button--warning:hover {
  background-color: var(--el-color-warning-light-8) !important;
}

.el-button--warning:focus-visible {
  background-color: var(--el-color-warning-light-8) !important;
}

.el-button--warning.is-disabled.animated {
  background: var(--el-color-warning) !important;
}

.el-button--advice {
  --el-button-bg-color: var(--el-color-advice);
  --el-button-hover-bg-color: var(--el-color-advice);
  --el-button-active-bg-color: var(--el-color-advice);
  --el-button-border-color: var(--el-color-advice-light-8);
  --el-button-outline-color: var(--el-color-advice-light-5);
  --el-button-disabled-bg-color: var(--el-color-advice-light-5);
  --el-button-text-color: var(--color-text-button-state);
  --el-button-hover-text-color: var(--color-text-button-state);
  background-color: var(--el-color-advice) !important;
}

.el-button--advice:hover {
  background-color: var(--el-color-advice-light-8) !important;
}

.el-button--advice:focus-visible {
  background-color: var(--el-color-advice-light-8) !important;
}

.el-button--advice.is-disabled.animated {
  background: var(--el-color-advice) !important;
}

.el-button--success {
  --el-button-bg-color: var(--el-color-success);
  --el-button-hover-bg-color: var(--el-color-success);
  --el-button-active-bg-color: var(--el-color-success);
  --el-button-border-color: var(--el-color-success-light-8);
  --el-button-outline-color: var(--el-color-success-light-5);
  --el-button-disabled-bg-color: var(--el-color-success-light-5);
  --el-button-text-color: var(--color-text-button-state);
  --el-button-hover-text-color: var(--color-text-button-state);
  background-color: var(--el-color-success) !important;
}

.el-button--success:hover {
  background-color: var(--el-color-success-light-8) !important;
}

.el-button--success:focus-visible {
  background-color: var(--el-color-success-light-8) !important;
}

.el-button--success.is-disabled.animated {
  background: var(--el-color-success) !important;
}

.el-button--info {
  --el-button-bg-color: var(--el-color-info);
  --el-button-hover-bg-color: var(--el-color-info);
  --el-button-active-bg-color: var(--el-color-info);
  --el-button-border-color: var(--el-color-info-light-8);
  --el-button-outline-color: var(--el-color-info-light-5);
  --el-button-disabled-bg-color: var(--el-color-info-light-5);
  --el-button-text-color: var(--color-text-button-state);
  --el-button-hover-text-color: var(--color-text-button-state);
  background-color: var(--el-color-info) !important;
}

.el-button--info:hover {
  background-color: var(--el-color-info-light-8) !important;
}

.el-button--info:focus-visible {
  background-color: var(--el-color-info-light-8) !important;
}

.el-button--info.is-disabled.animated {
  background: var(--el-color-info) !important;
}

.el-button--icon {
  height: 2.5rem;
  width: 2.5rem;
  font-size: 2rem;
  padding: 0rem;
  --el-button-outline-color: transparent;
  --el-button-border-color: transparent;
  --el-button-bg-color: transparent;
  --el-button-text-color: var(--color-text-primary);
  --el-button-hover-text-color: var(--color-text-primary);
  --el-button-hover-bg-color: var(--color-background-bg-light);
  --el-button-disabled-text-color: var(--el-color-text-primary);
  min-width: 0.5rem;
  border: 0.1rem;
}
.el-button--icon span,
.el-button--icon i,
.el-button--icon .slot {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.el-button--icon:active:enabled {
  box-shadow: 0px 0px 12px var(--el-button-outline-color);
  border: 0.1rem;
}

.el-button--icon:hover:enabled {
  box-shadow: 0px 0px 12px var(--el-button-outline-color);
  border: 0.1rem;
}

.el-button--icon:focus {
  background-color: var(--color-background-bg-light) !important;
}

.el-button--icon.is-disabled.animated {
  background: transparent !important;
}

.el-button--icon.selected {
  color: var(--el-color-primary) !important;
  background: var(--color-background-bg-light) !important;
}

.el-button [class*=el-icon] + span {
  margin: 0;
}

.btn-next {
  stroke: var(--color-text-primary);
  stroke-width: 5rem;
}

.btn-next:disabled,
button[disabled] {
  stroke: var(--color-text-secondary);
}

.btn-next:hover {
  stroke: var(--color-primary);
  stroke-width: 5rem;
}

.btn-prev {
  stroke: var(--color-text-primary);
  stroke-width: 5rem;
}

.btn-prev:hover {
  stroke: var(--color-primary);
  stroke-width: 5rem;
}

.btn-prev:disabled,
button[disabled] {
  stroke: var(--color-text-secondary);
}

.el-breadcrumb {
  font-size: 14px;
  line-height: 1;
}
.el-breadcrumb::before,
.el-breadcrumb::after {
  display: table;
  content: "";
}

.el-breadcrumb::after {
  clear: both;
}

.el-breadcrumb {
  font-size: 1.2rem;
  gap: 1rem;
  display: flex;
}
.el-breadcrumb .path {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: 1rem;
}
.el-breadcrumb .path i {
  line-height: 1rem;
  font-size: 1.1rem;
  color: var(--color-text-secondary) !important;
}
.el-breadcrumb .path span {
  line-height: 1rem;
  font-size: 1.1rem;
  color: var(--color-text-secondary) !important;
}

.el-breadcrumb__separator {
  margin: 0 9px;
  font-weight: bold;
  color: var(--el-text-color-placeholder);
}
.el-breadcrumb__separator.el-icon {
  margin: 0 6px;
  font-weight: normal;
}
.el-breadcrumb__separator.el-icon svg {
  vertical-align: middle;
}

.el-breadcrumb__item {
  float: left;
  display: inline-flex;
  align-items: center;
}
.el-breadcrumb__inner {
  color: var(--el-text-color-regular);
}
.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
  font-weight: bold;
  text-decoration: none;
  transition: var(--el-transition-color);
  color: var(--el-text-color-primary);
}
.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
  color: var(--el-color-primary);
  cursor: pointer;
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
  font-weight: normal;
  color: var(--el-text-color-regular);
  cursor: text;
}
.el-breadcrumb__item:last-child .el-breadcrumb__separator {
  display: none;
}

.el-breadcrumb__inner a {
  font-weight: 600;
  color: var(--color-text-secondary);
}

.el-breadcrumb__inner span {
  font-weight: 600;
  color: var(--color-text-secondary);
}

.el-breadcrumb__inner.is-link {
  color: var(--color-text-secondary);
  font-weight: 600;
}

.el-breadcrumb__separator {
  display: none;
}

.el-breadcrumb__inner a:focus {
  font-weight: 600;
  color: var(--color-primary);
  outline: transparent !important;
}

.el-breadcrumb__item:last-of-type .el-breadcrumb__inner,
.el-breadcrumb__item:last-of-type .el-breadcrumb__inner:hover {
  font-weight: 600;
  color: var(--color-text-primary);
  cursor: default;
}

.el-carousel {
  --el-carousel-arrow-font-size: 12px;
  --el-carousel-arrow-size: 36px;
  --el-carousel-arrow-background: rgba(31, 45, 61, 0.11);
  --el-carousel-arrow-hover-background: rgba(31, 45, 61, 0.23);
  --el-carousel-indicator-width: 30px;
  --el-carousel-indicator-height: 2px;
  --el-carousel-indicator-padding-horizontal: 4px;
  --el-carousel-indicator-padding-vertical: 12px;
  --el-carousel-indicator-out-color: var(--el-border-color-hover);
  position: relative;
}
.el-carousel--horizontal {
  overflow: hidden;
}

.el-carousel--vertical {
  overflow: hidden;
}

.el-carousel.is-vertical-outside {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.el-carousel.is-vertical-outside .el-carousel__container {
  flex: 1;
}

.el-carousel__container {
  position: relative;
  height: 300px;
}

.el-carousel__arrow {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  height: var(--el-carousel-arrow-size);
  width: var(--el-carousel-arrow-size);
  cursor: pointer;
  transition: var(--el-transition-duration);
  border-radius: 50%;
  background-color: var(--el-carousel-arrow-background);
  color: #ffffff;
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  text-align: center;
  font-size: var(--el-carousel-arrow-font-size);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.el-carousel__arrow--left {
  left: 16px;
}

.el-carousel__arrow--right {
  right: 16px;
}

.el-carousel__arrow:hover {
  background-color: var(--el-carousel-arrow-hover-background);
}
.el-carousel__arrow i {
  cursor: pointer;
}

.el-carousel__indicators {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: calc(var(--el-index-normal) + 1);
}
.el-carousel__indicators--horizontal {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.el-carousel__indicators--vertical {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.el-carousel__indicators--outside {
  text-align: center;
  position: static;
  transform: none;
}
.el-carousel__indicators--outside .el-carousel__indicator:hover button {
  opacity: 0.64;
}
.el-carousel__indicators--outside button {
  background-color: var(--el-carousel-indicator-out-color);
  opacity: 0.24;
}

.el-carousel__indicators--right {
  right: 0;
}

.el-carousel__indicators--labels .el-carousel__button {
  padding: 2px 18px;
  font-size: 12px;
  color: #000000;
}
.el-carousel__indicators--labels .el-carousel__indicator {
  padding: 6px 4px;
}

.el-carousel__indicator {
  background-color: transparent;
  cursor: pointer;
}
.el-carousel__indicator:hover button {
  opacity: 0.72;
}
.el-carousel__indicator--horizontal {
  display: inline-block;
  padding: var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal);
}

.el-carousel__indicator--vertical {
  padding: var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical);
}
.el-carousel__indicator--vertical .el-carousel__button {
  width: var(--el-carousel-indicator-height);
  height: calc(var(--el-carousel-indicator-width) / 2);
}

.el-carousel__indicator.is-active button {
  opacity: 1;
}

.el-carousel__button {
  display: block;
  opacity: 0.48;
  width: var(--el-carousel-indicator-width);
  height: var(--el-carousel-indicator-height);
  background-color: #ffffff;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: var(--el-transition-duration);
}
.el-carousel__indicators--labels .el-carousel__button {
  height: auto;
  width: auto;
}

.carousel-arrow-left-enter-from,
.carousel-arrow-left-leave-active {
  transform: translateY(-50%) translateX(-10px);
  opacity: 0;
}

.carousel-arrow-right-enter-from,
.carousel-arrow-right-leave-active {
  transform: translateY(-50%) translateX(10px);
  opacity: 0;
}

.el-transitioning {
  filter: url("#elCarouselHorizontal");
}

.el-transitioning-vertical {
  filter: url("#elCarouselVertical");
}

.el-carousel {
  border-radius: 0.4rem;
}
.el-carousel .el-carousel__arrow {
  background: var(--color-background-bg);
  box-shadow: var(--box-shadow-basic);
  color: var(--color-primary);
  cursor: pointer;
}
.el-carousel .el-carousel__arrow.el-carousel__arrow--left:hover {
  color: var(--color-primary);
}
.el-carousel .el-carousel__arrow.el-carousel__arrow--right:hover {
  color: var(--color-primary);
}
.el-carousel .el-carousel__item.is-active.is-animating {
  background: transparent;
}
.el-carousel .el-carousel__item:nth-child(2n) {
  background-color: transparent;
}
.el-carousel .el-carousel__item:nth-child(2n+1) {
  background-color: transparent;
}
.el-carousel .el-carousel__button {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 0.4rem;
  border-radius: 50%;
  cursor: pointer;
}
.el-carousel .el-carousel__indicator.el-carousel__indicator--horizontal {
  position: relative;
  z-index: 999;
  padding-top: 2rem;
  cursor: pointer;
}

.el-carousel__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
  z-index: calc(var(--el-index-normal) - 1);
}
.el-carousel__item.is-active {
  z-index: calc(var(--el-index-normal) - 1);
}

.el-carousel__item.is-animating {
  transition: transform 0.4s ease-in-out;
}

.el-carousel__item--card {
  width: 50%;
  transition: transform 0.4s ease-in-out;
}
.el-carousel__item--card.is-in-stage {
  cursor: pointer;
  z-index: var(--el-index-normal);
}
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask, .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask {
  opacity: 0.12;
}
.el-carousel__item--card.is-active {
  z-index: calc(var(--el-index-normal) + 1);
}

.el-carousel__item--card-vertical {
  width: 100%;
  height: 50%;
}

.el-carousel__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--el-color-white);
  opacity: 0.24;
  transition: var(--el-transition-duration-fast);
}

.el-checkbox {
  --el-checkbox-font-size: 14px;
  --el-checkbox-font-weight: var(--el-font-weight-primary);
  --el-checkbox-text-color: var(--el-text-color-regular);
  --el-checkbox-input-height: 14px;
  --el-checkbox-input-width: 14px;
  --el-checkbox-border-radius: var(--el-border-radius-small);
  --el-checkbox-bg-color: var(--el-fill-color-blank);
  --el-checkbox-input-border: 1px solid var(--color-text-primary);
  --el-checkbox-disabled-border-color: var(--el-border-color);
  --el-checkbox-disabled-input-fill: var(--el-fill-color-light);
  --el-checkbox-disabled-icon-color: var(--el-text-color-placeholder);
  --el-checkbox-disabled-checked-input-fill: var(--el-border-color-extra-light);
  --el-checkbox-disabled-checked-input-border-color: var(--el-border-color);
  --el-checkbox-disabled-checked-icon-color: var(--el-text-color-placeholder);
  --el-checkbox-checked-text-color: var(--el-color-primary);
  --el-checkbox-checked-input-border-color: var(--el-color-primary);
  --el-checkbox-checked-bg-color: var(--el-color-primary);
  --el-checkbox-checked-icon-color: var(--el-color-white);
  --el-checkbox-input-border-color-hover: var(--el-color-primary);
}

.el-checkbox {
  color: var(--el-checkbox-text-color);
  font-weight: var(--el-checkbox-font-weight);
  font-size: var(--el-font-size-base);
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  user-select: none;
  margin-right: 30px;
  height: var(--el-checkbox-height, 40px);
}
.el-checkbox.is-disabled {
  cursor: not-allowed;
}

.el-checkbox.is-bordered {
  padding: 0 15px 0 9px;
  border-radius: var(--el-border-radius-base);
  border: var(--el-border);
  box-sizing: border-box;
}
.el-checkbox.is-bordered.is-checked {
  border-color: var(--el-color-primary);
}
.el-checkbox.is-bordered.is-disabled {
  border-color: var(--el-border-color-lighter);
}
.el-checkbox.is-bordered.el-checkbox--large {
  padding: 0 19px 0 11px;
  border-radius: var(--el-border-radius-base);
}
.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
  font-size: var(--el-font-size-base);
}
.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 0 11px 0 7px;
  border-radius: calc(var(--el-border-radius-base) - 1px);
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox input:focus-visible + .el-checkbox__inner {
  outline: 2px solid var(--el-checkbox-input-border-color-hover);
  outline-offset: 1px;
  border-radius: var(--el-checkbox-border-radius);
}
.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  position: relative;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-input-fill);
  border-color: var(--el-checkbox-disabled-border-color);
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: var(--el-checkbox-disabled-icon-color);
  will-change: transform;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-checked-input-fill);
  border-color: var(--el-checkbox-disabled-checked-input-border-color);
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: var(--el-checkbox-disabled-checked-icon-color);
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-checked-input-fill);
  border-color: var(--el-checkbox-disabled-checked-input-border-color);
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: var(--el-checkbox-disabled-checked-icon-color);
  border-color: var(--el-checkbox-disabled-checked-icon-color);
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--el-checkbox-checked-bg-color);
  border-color: var(--el-checkbox-checked-input-border-color);
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: translate(-45%, -60%) rotate(45deg) scaleY(1);
  border-color: var(--el-checkbox-checked-icon-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--el-checkbox-checked-text-color);
}

.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible) {
  border-color: var(--el-checkbox-input-border-color-hover);
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--el-checkbox-checked-bg-color);
  border-color: var(--el-checkbox-checked-input-border-color);
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: var(--el-checkbox-checked-icon-color);
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: var(--el-checkbox-input-border);
  border-radius: var(--el-checkbox-border-radius);
  box-sizing: border-box;
  width: var(--el-checkbox-input-width);
  height: var(--el-checkbox-input-height);
  background-color: var(--el-checkbox-bg-color);
  z-index: var(--el-index-normal);
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), outline 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: var(--el-checkbox-input-border-color-hover);
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid transparent;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-45%, -60%) rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 8px;
  line-height: 1;
  font-size: var(--el-checkbox-font-size);
}

.el-checkbox.el-checkbox--large {
  height: 45px;
}
.el-checkbox.el-checkbox--large .el-checkbox__label {
  font-size: 14px;
}

.el-checkbox.el-checkbox--large .el-checkbox__inner {
  width: 14px;
  height: 14px;
}

.el-checkbox.el-checkbox--small {
  height: 35px;
}
.el-checkbox.el-checkbox--small .el-checkbox__label {
  font-size: 12px;
}

.el-checkbox.el-checkbox--small .el-checkbox__inner {
  width: 12px;
  height: 12px;
}

.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  top: 4px;
}

.el-checkbox.el-checkbox--small .el-checkbox__inner::after {
  width: 2px;
  height: 6px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox {
  color: var(--color-text-primary);
  --el-checkbox-disabled-input-fill: var(--color-background-outstanding-light);
  --el-checkbox-disabled-border-color: var(--color-background-outstanding);
  --el-checkbox-disabled-checked-input-fill: var(--color-text-secondary);
  --el-checkbox-disabled-checked-input-border-color: var(--color-text-secondary);
}
.el-checkbox .el-checkbox__inner {
  border: 0.06rem solid var(--color-text-secondary);
}
.el-checkbox .el-checkbox__inner::after {
  border: 2px solid var(--el-color-white);
  border-left: 0;
  border-top: 0;
  border-bottom-right-radius: 1px;
}
.el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  height: 4px;
  top: 4px;
}
.el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.el-checkbox .el-checkbox__input.is-indeterminate.is-disabled .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-checked-input-fill);
  border-color: var(--el-checkbox-disabled-checked-input-border-color);
}

.el-checkbox input:focus-visible + .el-checkbox__inner {
  outline: none !important;
  outline-offset: 0rem !important;
  border: 2px solid var(--el-color-white);
}

.el-checkbox-button {
  --el-checkbox-button-checked-bg-color: var(--el-color-primary);
  --el-checkbox-button-checked-text-color: var(--el-color-white);
  --el-checkbox-button-checked-border-color: var(--el-color-primary);
  --el-checkbox-button-disabled-checked-fill: var(--el-border-color-extra-light);
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: var(--el-checkbox-font-weight);
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: var(--el-button-bg-color, var(--el-fill-color-blank));
  outline: var(--el-border);
  color: var(--el-button-text-color, var(--el-text-color-regular));
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  transition: var(--el-transition-all);
  user-select: none;
  padding: 8px 15px;
  font-size: var(--el-font-size-base);
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 8px 15px;
}
.el-checkbox-button__inner:hover {
  color: var(--el-color-primary);
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: var(--el-checkbox-button-checked-text-color);
  background-color: var(--el-checkbox-button-checked-bg-color);
  border-color: var(--el-checkbox-button-checked-border-color);
  box-shadow: -1px 0 0 0 var(--el-color-primary-light-7);
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: var(--el-checkbox-button-checked-border-color);
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
  border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
}
.el-checkbox-button.is-disabled.is-checked .el-checkbox-button__inner {
  background-color: var(--el-checkbox-button-disabled-checked-fill);
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-top-left-radius: var(--el-border-radius-base);
  border-bottom-left-radius: var(--el-border-radius-base);
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: var(--el-checkbox-button-checked-border-color);
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-top-right-radius: var(--el-border-radius-base);
  border-bottom-right-radius: var(--el-border-radius-base);
}
.el-checkbox-button--large .el-checkbox-button__inner {
  padding: 12px 19px;
  font-size: var(--el-font-size-base);
  border-radius: 0;
}
.el-checkbox-button--large .el-checkbox-button__inner.is-round {
  padding: 12px 19px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 5px 11px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 5px 11px;
}

.el-checkbox-button {
  width: auto;
  min-width: 8rem;
  font-weight: 700;
  color: var(--color-text-secondary);
  --el-checkbox-button-checked-border-color: var(--color-text-secondary);
  --el-checkbox-button-checked-bg-color: var(--color-primary);
  --el-checkbox-button-checked-text-color: var(--color-text-primary);
  height: 3rem;
  border-radius: 0.4rem;
}

.el-checkbox-button__inner {
  width: 100%;
  --el-button-bg-color: var(--color-background-bg2);
  border: 0.1rem solid var(--color-background-outstanding);
  transition: 0.2s;
  color: var(--color-text-primary);
  height: 3rem;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}

.el-checkbox-button__inner:hover {
  color: var(--color-primary);
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: var(--color-background-bg);
  border: 0.1rem solid var(--color-primary);
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-color: var(--color-background-outstanding);
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner,
.el-checkbox-button.is-checked.is-focus:first-child .el-checkbox-button__inner {
  border-color: var(--color-primary);
}

.el-checkbox-button.is-checked .el-checkbox-button__inner:hover {
  --el-checkbox-button-checked-bg-color: var(--color-primary-light-8);
}

.el-checkbox-button.is-checked.is-focus .el-checkbox-button__inner {
  background-color: var(--color-primary-light-8);
  color: var(--color-background-bg);
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: var(--color-primary);
}

label.el-checkbox-button.is-disabled.is-checked {
  background: var(--color-primary);
  border-radius: 0.4rem;
}
label.el-checkbox-button.is-disabled.is-checked .el-checkbox-button__inner {
  color: var(--color-background-bg);
}

.el-checkbox-group {
  font-size: 0;
  line-height: 0;
}

.el-checkbox-group {
  height: 3rem;
  display: flex;
  gap: 0.2rem;
}

[class*=el-col-] {
  box-sizing: border-box;
}
[class*=el-col-].is-guttered {
  display: block;
  min-height: 1px;
}

.el-col-0 {
  display: none;
  max-width: 0%;
  flex: 0 0 0%;
}
.el-col-0.is-guttered {
  display: none;
}

.el-col-offset-0 {
  margin-left: 0%;
}

.el-col-pull-0 {
  position: relative;
  right: 0%;
}

.el-col-push-0 {
  position: relative;
  left: 0%;
}

.el-col-1 {
  display: block;
  max-width: 4.1666666667%;
  flex: 0 0 4.1666666667%;
}
.el-col-1.is-guttered {
  display: block;
}

.el-col-offset-1 {
  margin-left: 4.1666666667%;
}

.el-col-pull-1 {
  position: relative;
  right: 4.1666666667%;
}

.el-col-push-1 {
  position: relative;
  left: 4.1666666667%;
}

.el-col-2 {
  display: block;
  max-width: 8.3333333333%;
  flex: 0 0 8.3333333333%;
}
.el-col-2.is-guttered {
  display: block;
}

.el-col-offset-2 {
  margin-left: 8.3333333333%;
}

.el-col-pull-2 {
  position: relative;
  right: 8.3333333333%;
}

.el-col-push-2 {
  position: relative;
  left: 8.3333333333%;
}

.el-col-3 {
  display: block;
  max-width: 12.5%;
  flex: 0 0 12.5%;
}
.el-col-3.is-guttered {
  display: block;
}

.el-col-offset-3 {
  margin-left: 12.5%;
}

.el-col-pull-3 {
  position: relative;
  right: 12.5%;
}

.el-col-push-3 {
  position: relative;
  left: 12.5%;
}

.el-col-4 {
  display: block;
  max-width: 16.6666666667%;
  flex: 0 0 16.6666666667%;
}
.el-col-4.is-guttered {
  display: block;
}

.el-col-offset-4 {
  margin-left: 16.6666666667%;
}

.el-col-pull-4 {
  position: relative;
  right: 16.6666666667%;
}

.el-col-push-4 {
  position: relative;
  left: 16.6666666667%;
}

.el-col-5 {
  display: block;
  max-width: 20.8333333333%;
  flex: 0 0 20.8333333333%;
}
.el-col-5.is-guttered {
  display: block;
}

.el-col-offset-5 {
  margin-left: 20.8333333333%;
}

.el-col-pull-5 {
  position: relative;
  right: 20.8333333333%;
}

.el-col-push-5 {
  position: relative;
  left: 20.8333333333%;
}

.el-col-6 {
  display: block;
  max-width: 25%;
  flex: 0 0 25%;
}
.el-col-6.is-guttered {
  display: block;
}

.el-col-offset-6 {
  margin-left: 25%;
}

.el-col-pull-6 {
  position: relative;
  right: 25%;
}

.el-col-push-6 {
  position: relative;
  left: 25%;
}

.el-col-7 {
  display: block;
  max-width: 29.1666666667%;
  flex: 0 0 29.1666666667%;
}
.el-col-7.is-guttered {
  display: block;
}

.el-col-offset-7 {
  margin-left: 29.1666666667%;
}

.el-col-pull-7 {
  position: relative;
  right: 29.1666666667%;
}

.el-col-push-7 {
  position: relative;
  left: 29.1666666667%;
}

.el-col-8 {
  display: block;
  max-width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
}
.el-col-8.is-guttered {
  display: block;
}

.el-col-offset-8 {
  margin-left: 33.3333333333%;
}

.el-col-pull-8 {
  position: relative;
  right: 33.3333333333%;
}

.el-col-push-8 {
  position: relative;
  left: 33.3333333333%;
}

.el-col-9 {
  display: block;
  max-width: 37.5%;
  flex: 0 0 37.5%;
}
.el-col-9.is-guttered {
  display: block;
}

.el-col-offset-9 {
  margin-left: 37.5%;
}

.el-col-pull-9 {
  position: relative;
  right: 37.5%;
}

.el-col-push-9 {
  position: relative;
  left: 37.5%;
}

.el-col-10 {
  display: block;
  max-width: 41.6666666667%;
  flex: 0 0 41.6666666667%;
}
.el-col-10.is-guttered {
  display: block;
}

.el-col-offset-10 {
  margin-left: 41.6666666667%;
}

.el-col-pull-10 {
  position: relative;
  right: 41.6666666667%;
}

.el-col-push-10 {
  position: relative;
  left: 41.6666666667%;
}

.el-col-11 {
  display: block;
  max-width: 45.8333333333%;
  flex: 0 0 45.8333333333%;
}
.el-col-11.is-guttered {
  display: block;
}

.el-col-offset-11 {
  margin-left: 45.8333333333%;
}

.el-col-pull-11 {
  position: relative;
  right: 45.8333333333%;
}

.el-col-push-11 {
  position: relative;
  left: 45.8333333333%;
}

.el-col-12 {
  display: block;
  max-width: 50%;
  flex: 0 0 50%;
}
.el-col-12.is-guttered {
  display: block;
}

.el-col-offset-12 {
  margin-left: 50%;
}

.el-col-pull-12 {
  position: relative;
  right: 50%;
}

.el-col-push-12 {
  position: relative;
  left: 50%;
}

.el-col-13 {
  display: block;
  max-width: 54.1666666667%;
  flex: 0 0 54.1666666667%;
}
.el-col-13.is-guttered {
  display: block;
}

.el-col-offset-13 {
  margin-left: 54.1666666667%;
}

.el-col-pull-13 {
  position: relative;
  right: 54.1666666667%;
}

.el-col-push-13 {
  position: relative;
  left: 54.1666666667%;
}

.el-col-14 {
  display: block;
  max-width: 58.3333333333%;
  flex: 0 0 58.3333333333%;
}
.el-col-14.is-guttered {
  display: block;
}

.el-col-offset-14 {
  margin-left: 58.3333333333%;
}

.el-col-pull-14 {
  position: relative;
  right: 58.3333333333%;
}

.el-col-push-14 {
  position: relative;
  left: 58.3333333333%;
}

.el-col-15 {
  display: block;
  max-width: 62.5%;
  flex: 0 0 62.5%;
}
.el-col-15.is-guttered {
  display: block;
}

.el-col-offset-15 {
  margin-left: 62.5%;
}

.el-col-pull-15 {
  position: relative;
  right: 62.5%;
}

.el-col-push-15 {
  position: relative;
  left: 62.5%;
}

.el-col-16 {
  display: block;
  max-width: 66.6666666667%;
  flex: 0 0 66.6666666667%;
}
.el-col-16.is-guttered {
  display: block;
}

.el-col-offset-16 {
  margin-left: 66.6666666667%;
}

.el-col-pull-16 {
  position: relative;
  right: 66.6666666667%;
}

.el-col-push-16 {
  position: relative;
  left: 66.6666666667%;
}

.el-col-17 {
  display: block;
  max-width: 70.8333333333%;
  flex: 0 0 70.8333333333%;
}
.el-col-17.is-guttered {
  display: block;
}

.el-col-offset-17 {
  margin-left: 70.8333333333%;
}

.el-col-pull-17 {
  position: relative;
  right: 70.8333333333%;
}

.el-col-push-17 {
  position: relative;
  left: 70.8333333333%;
}

.el-col-18 {
  display: block;
  max-width: 75%;
  flex: 0 0 75%;
}
.el-col-18.is-guttered {
  display: block;
}

.el-col-offset-18 {
  margin-left: 75%;
}

.el-col-pull-18 {
  position: relative;
  right: 75%;
}

.el-col-push-18 {
  position: relative;
  left: 75%;
}

.el-col-19 {
  display: block;
  max-width: 79.1666666667%;
  flex: 0 0 79.1666666667%;
}
.el-col-19.is-guttered {
  display: block;
}

.el-col-offset-19 {
  margin-left: 79.1666666667%;
}

.el-col-pull-19 {
  position: relative;
  right: 79.1666666667%;
}

.el-col-push-19 {
  position: relative;
  left: 79.1666666667%;
}

.el-col-20 {
  display: block;
  max-width: 83.3333333333%;
  flex: 0 0 83.3333333333%;
}
.el-col-20.is-guttered {
  display: block;
}

.el-col-offset-20 {
  margin-left: 83.3333333333%;
}

.el-col-pull-20 {
  position: relative;
  right: 83.3333333333%;
}

.el-col-push-20 {
  position: relative;
  left: 83.3333333333%;
}

.el-col-21 {
  display: block;
  max-width: 87.5%;
  flex: 0 0 87.5%;
}
.el-col-21.is-guttered {
  display: block;
}

.el-col-offset-21 {
  margin-left: 87.5%;
}

.el-col-pull-21 {
  position: relative;
  right: 87.5%;
}

.el-col-push-21 {
  position: relative;
  left: 87.5%;
}

.el-col-22 {
  display: block;
  max-width: 91.6666666667%;
  flex: 0 0 91.6666666667%;
}
.el-col-22.is-guttered {
  display: block;
}

.el-col-offset-22 {
  margin-left: 91.6666666667%;
}

.el-col-pull-22 {
  position: relative;
  right: 91.6666666667%;
}

.el-col-push-22 {
  position: relative;
  left: 91.6666666667%;
}

.el-col-23 {
  display: block;
  max-width: 95.8333333333%;
  flex: 0 0 95.8333333333%;
}
.el-col-23.is-guttered {
  display: block;
}

.el-col-offset-23 {
  margin-left: 95.8333333333%;
}

.el-col-pull-23 {
  position: relative;
  right: 95.8333333333%;
}

.el-col-push-23 {
  position: relative;
  left: 95.8333333333%;
}

.el-col-24 {
  display: block;
  max-width: 100%;
  flex: 0 0 100%;
}
.el-col-24.is-guttered {
  display: block;
}

.el-col-offset-24 {
  margin-left: 100%;
}

.el-col-pull-24 {
  position: relative;
  right: 100%;
}

.el-col-push-24 {
  position: relative;
  left: 100%;
}

@media only screen and (max-width: 767px) {
  .el-col-xs-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-xs-0.is-guttered {
    display: none;
  }
  .el-col-xs-offset-0 {
    margin-left: 0%;
  }
  .el-col-xs-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-xs-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-xs-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-xs-1.is-guttered {
    display: block;
  }
  .el-col-xs-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-xs-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-xs-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-xs-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-xs-2.is-guttered {
    display: block;
  }
  .el-col-xs-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-xs-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-xs-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-xs-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-xs-3.is-guttered {
    display: block;
  }
  .el-col-xs-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xs-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xs-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-xs-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-xs-4.is-guttered {
    display: block;
  }
  .el-col-xs-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-xs-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-xs-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-xs-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-xs-5.is-guttered {
    display: block;
  }
  .el-col-xs-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-xs-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-xs-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-xs-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-xs-6.is-guttered {
    display: block;
  }
  .el-col-xs-offset-6 {
    margin-left: 25%;
  }
  .el-col-xs-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xs-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-xs-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-xs-7.is-guttered {
    display: block;
  }
  .el-col-xs-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-xs-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-xs-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-xs-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-xs-8.is-guttered {
    display: block;
  }
  .el-col-xs-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-xs-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-xs-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-xs-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-xs-9.is-guttered {
    display: block;
  }
  .el-col-xs-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xs-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xs-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-xs-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-xs-10.is-guttered {
    display: block;
  }
  .el-col-xs-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-xs-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-xs-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-xs-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-xs-11.is-guttered {
    display: block;
  }
  .el-col-xs-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-xs-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-xs-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-xs-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-xs-12.is-guttered {
    display: block;
  }
  .el-col-xs-offset-12 {
    margin-left: 50%;
  }
  .el-col-xs-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xs-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-xs-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-xs-13.is-guttered {
    display: block;
  }
  .el-col-xs-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-xs-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-xs-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-xs-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-xs-14.is-guttered {
    display: block;
  }
  .el-col-xs-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-xs-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-xs-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-xs-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-xs-15.is-guttered {
    display: block;
  }
  .el-col-xs-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xs-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xs-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-xs-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-xs-16.is-guttered {
    display: block;
  }
  .el-col-xs-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-xs-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-xs-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-xs-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-xs-17.is-guttered {
    display: block;
  }
  .el-col-xs-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-xs-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-xs-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-xs-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-xs-18.is-guttered {
    display: block;
  }
  .el-col-xs-offset-18 {
    margin-left: 75%;
  }
  .el-col-xs-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xs-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-xs-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-xs-19.is-guttered {
    display: block;
  }
  .el-col-xs-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-xs-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-xs-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-xs-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-xs-20.is-guttered {
    display: block;
  }
  .el-col-xs-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-xs-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-xs-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-xs-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-xs-21.is-guttered {
    display: block;
  }
  .el-col-xs-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xs-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xs-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-xs-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-xs-22.is-guttered {
    display: block;
  }
  .el-col-xs-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-xs-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-xs-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-xs-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-xs-23.is-guttered {
    display: block;
  }
  .el-col-xs-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-xs-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-xs-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-xs-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-xs-24.is-guttered {
    display: block;
  }
  .el-col-xs-offset-24 {
    margin-left: 100%;
  }
  .el-col-xs-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xs-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .el-col-sm-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-sm-0.is-guttered {
    display: none;
  }
  .el-col-sm-offset-0 {
    margin-left: 0%;
  }
  .el-col-sm-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-sm-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-sm-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-sm-1.is-guttered {
    display: block;
  }
  .el-col-sm-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-sm-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-sm-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-sm-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-sm-2.is-guttered {
    display: block;
  }
  .el-col-sm-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-sm-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-sm-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-sm-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-sm-3.is-guttered {
    display: block;
  }
  .el-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-sm-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-sm-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-sm-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-sm-4.is-guttered {
    display: block;
  }
  .el-col-sm-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-sm-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-sm-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-sm-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-sm-5.is-guttered {
    display: block;
  }
  .el-col-sm-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-sm-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-sm-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-sm-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-sm-6.is-guttered {
    display: block;
  }
  .el-col-sm-offset-6 {
    margin-left: 25%;
  }
  .el-col-sm-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-sm-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-sm-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-sm-7.is-guttered {
    display: block;
  }
  .el-col-sm-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-sm-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-sm-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-sm-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-sm-8.is-guttered {
    display: block;
  }
  .el-col-sm-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-sm-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-sm-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-sm-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-sm-9.is-guttered {
    display: block;
  }
  .el-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-sm-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-sm-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-sm-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-sm-10.is-guttered {
    display: block;
  }
  .el-col-sm-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-sm-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-sm-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-sm-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-sm-11.is-guttered {
    display: block;
  }
  .el-col-sm-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-sm-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-sm-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-sm-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-sm-12.is-guttered {
    display: block;
  }
  .el-col-sm-offset-12 {
    margin-left: 50%;
  }
  .el-col-sm-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-sm-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-sm-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-sm-13.is-guttered {
    display: block;
  }
  .el-col-sm-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-sm-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-sm-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-sm-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-sm-14.is-guttered {
    display: block;
  }
  .el-col-sm-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-sm-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-sm-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-sm-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-sm-15.is-guttered {
    display: block;
  }
  .el-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-sm-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-sm-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-sm-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-sm-16.is-guttered {
    display: block;
  }
  .el-col-sm-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-sm-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-sm-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-sm-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-sm-17.is-guttered {
    display: block;
  }
  .el-col-sm-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-sm-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-sm-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-sm-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-sm-18.is-guttered {
    display: block;
  }
  .el-col-sm-offset-18 {
    margin-left: 75%;
  }
  .el-col-sm-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-sm-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-sm-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-sm-19.is-guttered {
    display: block;
  }
  .el-col-sm-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-sm-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-sm-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-sm-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-sm-20.is-guttered {
    display: block;
  }
  .el-col-sm-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-sm-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-sm-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-sm-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-sm-21.is-guttered {
    display: block;
  }
  .el-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-sm-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-sm-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-sm-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-sm-22.is-guttered {
    display: block;
  }
  .el-col-sm-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-sm-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-sm-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-sm-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-sm-23.is-guttered {
    display: block;
  }
  .el-col-sm-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-sm-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-sm-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-sm-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-sm-24.is-guttered {
    display: block;
  }
  .el-col-sm-offset-24 {
    margin-left: 100%;
  }
  .el-col-sm-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-sm-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .el-col-md-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-md-0.is-guttered {
    display: none;
  }
  .el-col-md-offset-0 {
    margin-left: 0%;
  }
  .el-col-md-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-md-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-md-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-md-1.is-guttered {
    display: block;
  }
  .el-col-md-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-md-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-md-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-md-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-md-2.is-guttered {
    display: block;
  }
  .el-col-md-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-md-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-md-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-md-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-md-3.is-guttered {
    display: block;
  }
  .el-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-md-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-md-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-md-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-md-4.is-guttered {
    display: block;
  }
  .el-col-md-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-md-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-md-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-md-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-md-5.is-guttered {
    display: block;
  }
  .el-col-md-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-md-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-md-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-md-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-md-6.is-guttered {
    display: block;
  }
  .el-col-md-offset-6 {
    margin-left: 25%;
  }
  .el-col-md-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-md-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-md-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-md-7.is-guttered {
    display: block;
  }
  .el-col-md-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-md-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-md-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-md-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-md-8.is-guttered {
    display: block;
  }
  .el-col-md-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-md-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-md-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-md-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-md-9.is-guttered {
    display: block;
  }
  .el-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-md-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-md-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-md-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-md-10.is-guttered {
    display: block;
  }
  .el-col-md-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-md-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-md-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-md-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-md-11.is-guttered {
    display: block;
  }
  .el-col-md-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-md-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-md-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-md-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-md-12.is-guttered {
    display: block;
  }
  .el-col-md-offset-12 {
    margin-left: 50%;
  }
  .el-col-md-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-md-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-md-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-md-13.is-guttered {
    display: block;
  }
  .el-col-md-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-md-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-md-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-md-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-md-14.is-guttered {
    display: block;
  }
  .el-col-md-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-md-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-md-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-md-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-md-15.is-guttered {
    display: block;
  }
  .el-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-md-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-md-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-md-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-md-16.is-guttered {
    display: block;
  }
  .el-col-md-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-md-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-md-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-md-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-md-17.is-guttered {
    display: block;
  }
  .el-col-md-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-md-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-md-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-md-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-md-18.is-guttered {
    display: block;
  }
  .el-col-md-offset-18 {
    margin-left: 75%;
  }
  .el-col-md-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-md-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-md-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-md-19.is-guttered {
    display: block;
  }
  .el-col-md-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-md-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-md-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-md-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-md-20.is-guttered {
    display: block;
  }
  .el-col-md-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-md-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-md-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-md-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-md-21.is-guttered {
    display: block;
  }
  .el-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-md-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-md-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-md-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-md-22.is-guttered {
    display: block;
  }
  .el-col-md-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-md-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-md-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-md-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-md-23.is-guttered {
    display: block;
  }
  .el-col-md-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-md-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-md-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-md-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-md-24.is-guttered {
    display: block;
  }
  .el-col-md-offset-24 {
    margin-left: 100%;
  }
  .el-col-md-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-md-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .el-col-lg-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-lg-0.is-guttered {
    display: none;
  }
  .el-col-lg-offset-0 {
    margin-left: 0%;
  }
  .el-col-lg-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-lg-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-lg-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-lg-1.is-guttered {
    display: block;
  }
  .el-col-lg-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-lg-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-lg-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-lg-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-lg-2.is-guttered {
    display: block;
  }
  .el-col-lg-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-lg-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-lg-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-lg-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-lg-3.is-guttered {
    display: block;
  }
  .el-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-lg-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-lg-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-lg-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-lg-4.is-guttered {
    display: block;
  }
  .el-col-lg-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-lg-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-lg-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-lg-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-lg-5.is-guttered {
    display: block;
  }
  .el-col-lg-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-lg-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-lg-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-lg-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-lg-6.is-guttered {
    display: block;
  }
  .el-col-lg-offset-6 {
    margin-left: 25%;
  }
  .el-col-lg-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-lg-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-lg-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-lg-7.is-guttered {
    display: block;
  }
  .el-col-lg-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-lg-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-lg-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-lg-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-lg-8.is-guttered {
    display: block;
  }
  .el-col-lg-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-lg-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-lg-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-lg-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-lg-9.is-guttered {
    display: block;
  }
  .el-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-lg-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-lg-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-lg-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-lg-10.is-guttered {
    display: block;
  }
  .el-col-lg-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-lg-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-lg-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-lg-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-lg-11.is-guttered {
    display: block;
  }
  .el-col-lg-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-lg-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-lg-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-lg-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-lg-12.is-guttered {
    display: block;
  }
  .el-col-lg-offset-12 {
    margin-left: 50%;
  }
  .el-col-lg-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-lg-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-lg-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-lg-13.is-guttered {
    display: block;
  }
  .el-col-lg-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-lg-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-lg-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-lg-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-lg-14.is-guttered {
    display: block;
  }
  .el-col-lg-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-lg-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-lg-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-lg-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-lg-15.is-guttered {
    display: block;
  }
  .el-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-lg-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-lg-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-lg-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-lg-16.is-guttered {
    display: block;
  }
  .el-col-lg-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-lg-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-lg-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-lg-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-lg-17.is-guttered {
    display: block;
  }
  .el-col-lg-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-lg-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-lg-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-lg-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-lg-18.is-guttered {
    display: block;
  }
  .el-col-lg-offset-18 {
    margin-left: 75%;
  }
  .el-col-lg-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-lg-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-lg-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-lg-19.is-guttered {
    display: block;
  }
  .el-col-lg-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-lg-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-lg-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-lg-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-lg-20.is-guttered {
    display: block;
  }
  .el-col-lg-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-lg-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-lg-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-lg-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-lg-21.is-guttered {
    display: block;
  }
  .el-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-lg-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-lg-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-lg-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-lg-22.is-guttered {
    display: block;
  }
  .el-col-lg-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-lg-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-lg-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-lg-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-lg-23.is-guttered {
    display: block;
  }
  .el-col-lg-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-lg-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-lg-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-lg-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-lg-24.is-guttered {
    display: block;
  }
  .el-col-lg-offset-24 {
    margin-left: 100%;
  }
  .el-col-lg-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-lg-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .el-col-xl-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-xl-0.is-guttered {
    display: none;
  }
  .el-col-xl-offset-0 {
    margin-left: 0%;
  }
  .el-col-xl-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-xl-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-xl-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-xl-1.is-guttered {
    display: block;
  }
  .el-col-xl-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-xl-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-xl-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-xl-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-xl-2.is-guttered {
    display: block;
  }
  .el-col-xl-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-xl-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-xl-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-xl-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-xl-3.is-guttered {
    display: block;
  }
  .el-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xl-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xl-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-xl-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-xl-4.is-guttered {
    display: block;
  }
  .el-col-xl-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-xl-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-xl-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-xl-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-xl-5.is-guttered {
    display: block;
  }
  .el-col-xl-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-xl-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-xl-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-xl-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-xl-6.is-guttered {
    display: block;
  }
  .el-col-xl-offset-6 {
    margin-left: 25%;
  }
  .el-col-xl-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xl-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-xl-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-xl-7.is-guttered {
    display: block;
  }
  .el-col-xl-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-xl-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-xl-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-xl-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-xl-8.is-guttered {
    display: block;
  }
  .el-col-xl-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-xl-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-xl-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-xl-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-xl-9.is-guttered {
    display: block;
  }
  .el-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xl-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xl-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-xl-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-xl-10.is-guttered {
    display: block;
  }
  .el-col-xl-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-xl-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-xl-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-xl-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-xl-11.is-guttered {
    display: block;
  }
  .el-col-xl-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-xl-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-xl-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-xl-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-xl-12.is-guttered {
    display: block;
  }
  .el-col-xl-offset-12 {
    margin-left: 50%;
  }
  .el-col-xl-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xl-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-xl-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-xl-13.is-guttered {
    display: block;
  }
  .el-col-xl-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-xl-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-xl-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-xl-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-xl-14.is-guttered {
    display: block;
  }
  .el-col-xl-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-xl-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-xl-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-xl-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-xl-15.is-guttered {
    display: block;
  }
  .el-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xl-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xl-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-xl-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-xl-16.is-guttered {
    display: block;
  }
  .el-col-xl-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-xl-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-xl-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-xl-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-xl-17.is-guttered {
    display: block;
  }
  .el-col-xl-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-xl-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-xl-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-xl-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-xl-18.is-guttered {
    display: block;
  }
  .el-col-xl-offset-18 {
    margin-left: 75%;
  }
  .el-col-xl-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xl-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-xl-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-xl-19.is-guttered {
    display: block;
  }
  .el-col-xl-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-xl-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-xl-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-xl-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-xl-20.is-guttered {
    display: block;
  }
  .el-col-xl-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-xl-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-xl-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-xl-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-xl-21.is-guttered {
    display: block;
  }
  .el-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xl-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xl-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-xl-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-xl-22.is-guttered {
    display: block;
  }
  .el-col-xl-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-xl-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-xl-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-xl-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-xl-23.is-guttered {
    display: block;
  }
  .el-col-xl-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-xl-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-xl-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-xl-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-xl-24.is-guttered {
    display: block;
  }
  .el-col-xl-offset-24 {
    margin-left: 100%;
  }
  .el-col-xl-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xl-push-24 {
    position: relative;
    left: 100%;
  }
}
.el-collapse {
  --el-collapse-border-color: var(--color-background-outstanding);
  --el-collapse-header-height: 48px;
  --el-collapse-header-bg-color: transparent;
  --el-collapse-header-text-color: var(--el-text-color-primary);
  --el-collapse-header-font-size: 13px;
  --el-collapse-content-bg-color: transparent;
  --el-collapse-content-font-size: 13px;
  --el-collapse-content-text-color: var(--el-text-color-primary);
  border-top: 1px solid var(--el-collapse-border-color);
  border-bottom: 1px solid var(--el-collapse-border-color);
}

.el-collapse-icon-position-left .el-collapse-item__header {
  gap: 8px;
}
.el-collapse-icon-position-left .el-collapse-item__title {
  order: 1;
}
.el-collapse-icon-position-right .el-collapse-item__header {
  padding-right: 8px;
}

.el-collapse {
  border: none !important;
  gap: 1rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: auto;
}
.el-collapse .el-collapse-item {
  padding-right: 0.5rem;
}
.el-collapse .el-collapse-item__content {
  padding: 1rem;
}
.el-collapse .el-collapse-item__wrap {
  padding: 0rem;
  border-bottom: none;
}

.el-collapse-item.is-disabled .el-collapse-item__header {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}

.el-collapse-item__header {
  width: 100%;
  padding: 0;
  border: none;
  display: flex;
  align-items: center;
  min-height: var(--el-collapse-header-height);
  line-height: var(--el-collapse-header-height);
  background-color: var(--el-collapse-header-bg-color);
  color: var(--el-collapse-header-text-color);
  cursor: pointer;
  border-bottom: 1px solid var(--el-collapse-border-color);
  font-size: var(--el-collapse-header-font-size);
  font-weight: 500;
  transition: border-bottom-color var(--el-transition-duration);
  outline: none;
  box-sizing: border-box;
}
.el-collapse-item__arrow {
  transition: transform var(--el-transition-duration);
  font-weight: 300;
}
.el-collapse-item__arrow.is-active {
  transform: rotate(90deg);
}

.el-collapse-item__title {
  text-align: left;
  flex: auto;
}

.el-collapse-item__header.focusing:focus:not(:hover) {
  color: var(--el-color-primary);
}
.el-collapse-item__header.is-active {
  border-bottom-color: transparent;
}

.el-collapse-item__wrap {
  will-change: height;
  background-color: var(--el-collapse-content-bg-color);
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid var(--el-collapse-border-color);
}

.el-collapse-item__content {
  padding-bottom: 25px;
  font-size: var(--el-collapse-content-font-size);
  color: var(--el-collapse-content-text-color);
  line-height: 1.7692307692;
}

.el-collapse-item:last-child {
  margin-bottom: -1px;
}

.el-collapse-item__header {
  font-weight: 600;
  line-height: 1.2rem;
  font-size: 1.2rem;
  background-color: var(--color-background-bg-light);
  border-radius: 0.4rem !important;
  color: var(--color-text-primary) !important;
  height: auto;
  margin: 0rem;
  border: none;
  min-height: 3.5rem !important;
  padding: 0rem 1rem 0rem 1rem !important;
}

.el-collapse-item__header:hover,
.el-collapse-item__header.focusing {
  background-color: var(--color-background-bg);
  color: var(--color-text-primary);
}

.el-collapse-item__header.is-active {
  background-color: var(--color-background-bg);
}

.el-collapse-item__header.is-active:hover,
.el-collapse-item__header.is-active.focusing {
  background-color: var(--color-background-bg);
}

.is-disabled .el-collapse-item__header {
  background-color: var(--color-background-outstanding-light);
  gap: 1rem;
}
.is-disabled .el-collapse-item__header i {
  color: var(--color-text-secondary);
}

.hide-arrow .el-collapse-item__arrow {
  display: none;
}

.el-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-basis: auto;
  box-sizing: border-box;
  min-width: 0;
}
.el-container.is-vertical {
  flex-direction: column;
}

.el-container {
  width: 100%;
  height: 100%;
}

.el-picker-panel {
  color: var(--el-text-color-regular);
  background: var(--el-datepicker-bg-color);
  border-radius: var(--el-popper-border-radius, var(--el-border-radius-base));
  line-height: 30px;
}
.el-picker-panel .el-time-panel {
  margin: 5px 0;
  border: solid 1px var(--el-datepicker-border-color);
  background-color: var(--el-datepicker-bg-color);
  box-shadow: var(--el-box-shadow-light);
}
.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.el-picker-panel__content {
  position: relative;
  margin: 15px;
}

.el-picker-panel__footer {
  border-top: 1px solid var(--el-datepicker-inner-border-color);
  padding: 4px 12px;
  text-align: right;
  background-color: var(--el-datepicker-bg-color);
  position: relative;
  font-size: 0;
}

.el-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 14px;
  color: var(--el-datepicker-text-color);
  padding-left: 12px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.el-picker-panel__shortcut:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: var(--el-datepicker-active-color);
}

.el-picker-panel__btn {
  border: 1px solid var(--el-fill-color-darker);
  color: var(--el-text-color-primary);
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}
.el-picker-panel__btn[disabled] {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}

.el-picker-panel__icon-btn {
  font-size: 12px;
  color: var(--el-datepicker-icon-color);
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  line-height: 1;
  margin-top: 8px;
  padding: 1px 6px;
}
.el-picker-panel__icon-btn:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__icon-btn:focus-visible {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__icon-btn.is-disabled {
  color: var(--el-text-color-disabled);
}
.el-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}
.el-picker-panel__icon-btn.is-disabled .el-icon {
  cursor: inherit;
}

.el-picker-panel__icon-btn .el-icon {
  cursor: pointer;
  font-size: inherit;
}

.el-picker-panel__link-btn {
  vertical-align: middle;
}

.el-picker-panel.is-disabled .el-picker-panel__prev-btn {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__prev-btn:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__prev-btn .el-icon {
  cursor: inherit;
}

.el-picker-panel.is-disabled .el-picker-panel__next-btn {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__next-btn:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__next-btn .el-icon {
  cursor: inherit;
}

.el-picker-panel.is-disabled .el-picker-panel__icon-btn {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__icon-btn:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__icon-btn .el-icon {
  cursor: inherit;
}

.el-picker-panel.is-disabled .el-picker-panel__shortcut {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__shortcut:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__shortcut .el-icon {
  cursor: inherit;
}

.el-picker-panel *[slot=sidebar],
.el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid var(--el-datepicker-inner-border-color);
  box-sizing: border-box;
  padding-top: 6px;
  overflow: auto;
}

.el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 110px;
}

.el-date-picker {
  --el-datepicker-text-color: var(--el-text-color-regular);
  --el-datepicker-off-text-color: var(--el-text-color-placeholder);
  --el-datepicker-header-text-color: var(--el-text-color-regular);
  --el-datepicker-icon-color: var(--el-text-color-primary);
  --el-datepicker-border-color: var(--el-disabled-border-color);
  --el-datepicker-inner-border-color: var(--el-border-color-light);
  --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-active-color: var(--el-color-primary);
  --el-datepicker-hover-text-color: var(--el-color-primary);
  --el-datepicker-bg-color: var(--el-bg-color-overlay);
  --el-fill-color-blank: var(--el-datepicker-bg-color);
}

.el-date-picker {
  width: 322px;
}
.el-date-picker.has-sidebar.has-time {
  width: 434px;
}
.el-date-picker.has-sidebar {
  width: 438px;
}
.el-date-picker.has-time .el-picker-panel__body-wrapper {
  position: relative;
}
.el-date-picker .el-picker-panel__content {
  width: 292px;
}
.el-date-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-picker__editor-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}

.el-date-picker__time-header {
  position: relative;
  border-bottom: 1px solid var(--el-datepicker-inner-border-color);
  font-size: 12px;
  padding: 8px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.el-date-picker__header {
  padding: 12px 12px 0;
  text-align: center;
}
.el-date-picker__header--bordered {
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: solid 1px var(--el-border-color-lighter);
}
.el-date-picker__header--bordered + .el-picker-panel__content {
  margin-top: 0;
}

.el-date-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: var(--el-text-color-regular);
}
.el-date-picker__header-label:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-date-picker__header-label:focus-visible {
  outline: none;
  color: var(--el-datepicker-hover-text-color);
}
.el-date-picker__header-label.active {
  color: var(--el-datepicker-active-color);
}

.el-date-picker__prev-btn {
  float: left;
}

.el-date-picker__next-btn {
  float: right;
}

.el-date-picker__time-wrap {
  padding: 10px;
  text-align: center;
}

.el-date-picker__time-label {
  float: left;
  cursor: pointer;
  line-height: 30px;
  margin-left: 10px;
}

.el-date-picker .el-time-panel {
  position: absolute;
}
.el-date-picker.is-disabled .el-date-picker__header-label {
  color: var(--el-text-color-disabled);
}
.el-date-picker.is-disabled .el-date-picker__header-label:hover {
  cursor: not-allowed;
}
.el-date-picker.is-disabled .el-date-picker__header-label .el-icon {
  cursor: inherit;
}

.el-date-range-picker {
  --el-datepicker-text-color: var(--el-text-color-regular);
  --el-datepicker-off-text-color: var(--el-text-color-placeholder);
  --el-datepicker-header-text-color: var(--el-text-color-regular);
  --el-datepicker-icon-color: var(--el-text-color-primary);
  --el-datepicker-border-color: var(--el-disabled-border-color);
  --el-datepicker-inner-border-color: var(--el-border-color-light);
  --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-active-color: var(--el-color-primary);
  --el-datepicker-hover-text-color: var(--el-color-primary);
  --el-datepicker-bg-color: var(--el-bg-color-overlay);
}

.el-date-range-picker {
  width: 646px;
}
.el-date-range-picker.has-sidebar {
  width: 756px;
}
.el-date-range-picker.has-time .el-picker-panel__body-wrapper {
  position: relative;
}
.el-date-range-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-range-picker .el-picker-panel__body {
  min-width: 513px;
}
.el-date-range-picker .el-picker-panel__content {
  margin: 0;
}
.el-date-range-picker__header {
  position: relative;
  text-align: center;
  height: 28px;
}
.el-date-range-picker__header [class*=arrow-left] {
  float: left;
}
.el-date-range-picker__header [class*=arrow-right] {
  float: right;
}
.el-date-range-picker__header div {
  font-size: 16px;
  font-weight: 500;
  margin-right: 50px;
}

.el-date-range-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: var(--el-text-color-regular);
}
.el-date-range-picker__header-label:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-date-range-picker__header-label:focus-visible {
  outline: none;
  color: var(--el-datepicker-hover-text-color);
}
.el-date-range-picker__header-label.active {
  color: var(--el-datepicker-active-color);
}

.el-date-range-picker__content {
  display: table-cell;
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
}
.el-date-range-picker__content.is-left {
  border-right: 1px solid var(--el-datepicker-inner-border-color);
}

.el-date-range-picker__content .el-date-range-picker__header div {
  margin-left: 50px;
  margin-right: 50px;
}

.el-date-range-picker__editors-wrap {
  box-sizing: border-box;
  display: table-cell;
}
.el-date-range-picker__editors-wrap.is-right {
  text-align: right;
}

.el-date-range-picker__time-header {
  position: relative;
  border-bottom: 1px solid var(--el-datepicker-inner-border-color);
  font-size: 12px;
  padding: 8px 5px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.el-date-range-picker__time-header > .el-icon-arrow-right {
  font-size: 20px;
  vertical-align: middle;
  display: table-cell;
  color: var(--el-datepicker-icon-color);
}

.el-date-range-picker__time-picker-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}
.el-date-range-picker__time-picker-wrap .el-picker-panel {
  position: absolute;
  top: 13px;
  right: 0;
  z-index: 1;
  background: #ffffff;
}
.el-date-range-picker__time-picker-wrap .el-time-panel {
  position: absolute;
}

.el-date-range-picker.is-disabled .el-date-range-picker__header-label {
  color: var(--el-text-color-disabled);
}
.el-date-range-picker.is-disabled .el-date-range-picker__header-label:hover {
  cursor: not-allowed;
}
.el-date-range-picker.is-disabled .el-date-range-picker__header-label .el-icon {
  cursor: inherit;
}

.el-time-range-picker {
  width: 354px;
  overflow: visible;
}
.el-time-range-picker__content {
  position: relative;
  text-align: center;
  padding: 10px;
  z-index: 1;
}

.el-time-range-picker__cell {
  box-sizing: border-box;
  margin: 0;
  padding: 4px 7px 7px;
  width: 50%;
  display: inline-block;
}

.el-time-range-picker__header {
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px;
}

.el-time-range-picker__body {
  border-radius: 2px;
  border: 1px solid var(--el-datepicker-border-color);
}

.el-time-panel {
  border-radius: 2px;
  position: relative;
  width: 180px;
  left: 0;
  z-index: var(--el-index-top);
  user-select: none;
  box-sizing: content-box;
}
.el-time-panel__content {
  font-size: 0;
  position: relative;
  overflow: hidden;
}
.el-time-panel__content::after, .el-time-panel__content::before {
  content: "";
  top: 50%;
  position: absolute;
  margin-top: -16px;
  height: 32px;
  z-index: -1;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: left;
}
.el-time-panel__content::after {
  left: 50%;
  margin-left: 12%;
  margin-right: 12%;
}
.el-time-panel__content::before {
  padding-left: 50%;
  margin-right: 12%;
  margin-left: 12%;
  border-top: 1px solid var(--el-border-color-light);
  border-bottom: 1px solid var(--el-border-color-light);
}
.el-time-panel__content.has-seconds::after {
  left: 66.6666666667%;
}
.el-time-panel__content.has-seconds::before {
  padding-left: 33.3333333333%;
}

.el-time-panel__footer {
  border-top: 1px solid var(--el-timepicker-inner-border-color, var(--el-border-color-light));
  padding: 4px;
  height: 36px;
  line-height: 25px;
  text-align: right;
  box-sizing: border-box;
}

.el-time-panel__btn {
  border: none;
  line-height: 28px;
  padding: 0 5px;
  margin: 0 5px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
  color: var(--el-text-color-primary);
}
.el-time-panel__btn.confirm {
  font-weight: 800;
  color: var(--el-timepicker-active-color, var(--el-color-primary));
}

.el-date-table {
  font-size: 12px;
  user-select: none;
}
.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
  color: var(--el-datepicker-text-color);
}
.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}

.el-date-table td {
  width: 32px;
  height: 30px;
  padding: 4px 0;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.el-date-table td .el-date-table-cell {
  height: 30px;
  padding: 3px 0;
  box-sizing: border-box;
}
.el-date-table td .el-date-table-cell .el-date-table-cell__text {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto;
  line-height: 24px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
.el-date-table td.next-month, .el-date-table td.prev-month {
  color: var(--el-datepicker-off-text-color);
}
.el-date-table td.today {
  position: relative;
}
.el-date-table td.today .el-date-table-cell__text {
  color: var(--el-color-primary);
  font-weight: bold;
}
.el-date-table td.today.start-date .el-date-table-cell__text, .el-date-table td.today.end-date .el-date-table-cell__text {
  color: #ffffff;
}
.el-date-table td.available:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-date-table td.in-range .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-date-table td.in-range .el-date-table-cell:hover {
  background-color: var(--el-datepicker-inrange-hover-bg-color);
}
.el-date-table td.current:not(.disabled) .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text {
  outline: 2px solid var(--el-datepicker-active-color);
  outline-offset: 1px;
}
.el-date-table td.start-date .el-date-table-cell, .el-date-table td.end-date .el-date-table-cell {
  color: #ffffff;
}
.el-date-table td.start-date .el-date-table-cell__text, .el-date-table td.end-date .el-date-table-cell__text {
  background-color: var(--el-datepicker-active-color);
}
.el-date-table td.start-date .el-date-table-cell {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.el-date-table td.end-date .el-date-table-cell {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.el-date-table td.disabled .el-date-table-cell {
  background-color: var(--el-fill-color-light);
  opacity: 1;
  cursor: not-allowed;
  color: var(--el-text-color-placeholder);
}
.el-date-table td.selected .el-date-table-cell {
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 15px;
}
.el-date-table td.selected .el-date-table-cell__text {
  background-color: var(--el-datepicker-active-color);
  color: #ffffff;
  border-radius: 15px;
}
.el-date-table td.week {
  font-size: 80%;
  color: var(--el-datepicker-off-text-color);
  cursor: default;
}
.el-date-table td:focus {
  outline: none;
}
.el-date-table th {
  padding: 5px;
  color: var(--el-datepicker-header-text-color);
  font-weight: 400;
  border-bottom: solid 1px var(--el-border-color-lighter);
}
.el-date-table th.el-date-table__week-header {
  padding: 0;
  width: 24px;
}

.el-month-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.el-month-table td {
  width: 68px;
  text-align: center;
  padding: 8px 0;
  cursor: pointer;
  position: relative;
}
.el-month-table td .el-date-table-cell {
  height: 48px;
  padding: 6px 0;
  box-sizing: border-box;
}
.el-month-table td.today .el-date-table-cell__text {
  color: var(--el-color-primary);
  font-weight: bold;
}
.el-month-table td.today.start-date .el-date-table-cell__text, .el-month-table td.today.end-date .el-date-table-cell__text {
  color: #ffffff;
}
.el-month-table td.disabled .el-date-table-cell__text {
  background-color: var(--el-fill-color-light);
  cursor: not-allowed;
  color: var(--el-text-color-placeholder);
}
.el-month-table td.disabled .el-date-table-cell__text:hover {
  color: var(--el-text-color-placeholder);
}
.el-month-table td .el-date-table-cell__text {
  width: 54px;
  height: 36px;
  display: block;
  line-height: 36px;
  color: var(--el-datepicker-text-color);
  margin: 0 auto;
  border-radius: 18px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.el-month-table td .el-date-table-cell__text:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-month-table td.in-range .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-month-table td.in-range .el-date-table-cell:hover {
  background-color: var(--el-datepicker-inrange-hover-bg-color);
}
.el-month-table td.start-date .el-date-table-cell, .el-month-table td.end-date .el-date-table-cell {
  color: #ffffff;
}
.el-month-table td.start-date .el-date-table-cell__text, .el-month-table td.end-date .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-month-table td.start-date .el-date-table-cell {
  margin-left: 3px;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.el-month-table td.end-date .el-date-table-cell {
  margin-right: 3px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.el-month-table td.current:not(.disabled) .el-date-table-cell {
  border-radius: 24px;
  margin-left: 3px;
  margin-right: 3px;
}
.el-month-table td.current:not(.disabled) .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-month-table td:focus-visible {
  outline: none;
}
.el-month-table td:focus-visible .el-date-table-cell__text {
  outline: 2px solid var(--el-datepicker-active-color);
  outline-offset: 1px;
}

.el-picker__popper {
  --el-datepicker-border-color: var(--el-disabled-border-color);
}
.el-picker__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-datepicker-border-color);
  box-shadow: var(--el-box-shadow-light);
}
.el-picker__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-datepicker-border-color);
}
.el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.el-date-editor {
  --el-date-editor-width: 220px;
  --el-date-editor-monthrange-width: 300px;
  --el-date-editor-daterange-width: 350px;
  --el-date-editor-datetimerange-width: 400px;
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: none;
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: transparent;
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--color-background-bg2);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: transparent;
  --el-input-clear-hover-color: transparent;
  --el-input-focus-border-color: var(--el-color-primary);
  --el-input-width: 100%;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.el-date-editor.el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-border-color, transparent) inset;
}
.el-date-editor.el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-date-editor.is-focus .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-date-editor.el-input, .el-date-editor.el-input__wrapper {
  width: var(--el-date-editor-width);
  height: var(--el-input-height, var(--el-component-size));
}
.el-date-editor--monthrange {
  --el-date-editor-width: var(--el-date-editor-monthrange-width);
}

.el-date-editor--daterange, .el-date-editor--timerange {
  --el-date-editor-width: var(--el-date-editor-daterange-width);
}

.el-date-editor--datetimerange {
  --el-date-editor-width: var(--el-date-editor-datetimerange-width);
}

.el-date-editor--dates .el-input__wrapper {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-date-editor .close-icon {
  cursor: pointer;
}
.el-date-editor .clear-icon {
  cursor: pointer;
}
.el-date-editor .clear-icon:hover {
  color: var(--el-input-clear-hover-color);
}
.el-date-editor .el-range__icon {
  height: inherit;
  font-size: 14px;
  color: var(--el-text-color-placeholder);
  float: left;
}
.el-date-editor .el-range__icon svg {
  vertical-align: middle;
}
.el-date-editor .el-range-input {
  appearance: none;
  border: none;
  outline: none;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  margin: 0;
  padding: 0;
  width: 39%;
  text-align: center;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-regular);
  background-color: transparent;
}
.el-date-editor .el-range-input::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-date-editor .el-range-separator {
  flex: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  font-size: 14px;
  overflow-wrap: break-word;
  color: var(--el-text-color-primary);
}
.el-date-editor .el-range__close-icon {
  font-size: 14px;
  color: var(--el-text-color-placeholder);
  height: inherit;
  width: unset;
  cursor: pointer;
}
.el-date-editor .el-range__close-icon:hover {
  color: var(--el-input-clear-hover-color);
}
.el-date-editor .el-range__close-icon svg {
  vertical-align: middle;
}
.el-date-editor .el-range__close-icon--hidden {
  opacity: 0;
  visibility: hidden;
}

.el-range-editor.el-input__wrapper {
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  vertical-align: middle;
}
.el-range-editor.is-active {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-range-editor.is-active:hover {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-range-editor--large {
  line-height: var(--el-component-size-large);
}
.el-range-editor--large.el-input__wrapper {
  height: var(--el-component-size-large);
}
.el-range-editor--large .el-range-separator {
  line-height: 45px;
  font-size: 14px;
}
.el-range-editor--large .el-range-input {
  height: 43px;
  line-height: 43px;
  font-size: 14px;
}

.el-range-editor--small {
  line-height: var(--el-component-size-small);
}
.el-range-editor--small.el-input__wrapper {
  height: var(--el-component-size-small);
}
.el-range-editor--small .el-range-separator {
  line-height: 35px;
  font-size: 12px;
}
.el-range-editor--small .el-range-input {
  height: 33px;
  line-height: 33px;
  font-size: 12px;
}

.el-range-editor.is-disabled {
  background-color: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
  border-color: var(--el-disabled-border-color);
}
.el-range-editor.is-disabled input {
  background-color: var(--el-disabled-bg-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-range-editor.is-disabled input::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-range-editor.is-disabled .el-range-separator {
  color: var(--el-disabled-text-color);
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
  width: 33.3%;
}
.el-time-spinner__wrapper {
  max-height: 192px;
  overflow: auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative;
}
.el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px;
}
.el-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  transform: translateY(-32px);
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  background: var(--el-fill-color-light);
  cursor: default;
}

.el-time-spinner__arrow {
  font-size: 12px;
  color: var(--el-text-color-secondary);
  position: absolute;
  left: 0;
  width: 100%;
  z-index: var(--el-index-normal);
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.el-time-spinner__arrow:hover {
  color: var(--el-color-primary);
}
.el-time-spinner__arrow.arrow-up {
  top: 10px;
}
.el-time-spinner__arrow.arrow-down {
  bottom: 10px;
}

.el-time-spinner__input.el-input {
  width: 70%;
}
.el-time-spinner__input.el-input .el-input__inner {
  padding: 0;
  text-align: center;
}

.el-time-spinner__list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.el-time-spinner__list::after, .el-time-spinner__list::before {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
}

.el-time-spinner__item {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: var(--el-text-color-regular);
}
.el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  background: var(--el-fill-color-light);
  cursor: pointer;
}
.el-time-spinner__item.is-active:not(.is-disabled) {
  color: var(--el-text-color-primary);
  font-weight: bold;
}
.el-time-spinner__item.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}

.el-year-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.el-year-table .el-icon {
  color: var(--el-datepicker-icon-color);
}
.el-year-table td {
  width: 68px;
  text-align: center;
  padding: 8px 0px;
  cursor: pointer;
  position: relative;
}
.el-year-table td .el-date-table-cell {
  height: 48px;
  padding: 6px 0;
  box-sizing: border-box;
}
.el-year-table td.today .el-date-table-cell__text {
  color: var(--el-color-primary);
  font-weight: bold;
}
.el-year-table td.today.start-date .el-date-table-cell__text, .el-year-table td.today.end-date .el-date-table-cell__text {
  color: #ffffff;
}
.el-year-table td.disabled .el-date-table-cell__text {
  background-color: var(--el-fill-color-light);
  cursor: not-allowed;
  color: var(--el-text-color-placeholder);
}
.el-year-table td.disabled .el-date-table-cell__text:hover {
  color: var(--el-text-color-placeholder);
}
.el-year-table td .el-date-table-cell__text {
  width: 60px;
  height: 36px;
  display: block;
  line-height: 36px;
  color: var(--el-datepicker-text-color);
  border-radius: 18px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.el-year-table td .el-date-table-cell__text:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-year-table td.in-range .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-year-table td.in-range .el-date-table-cell:hover {
  background-color: var(--el-datepicker-inrange-hover-bg-color);
}
.el-year-table td.start-date .el-date-table-cell, .el-year-table td.end-date .el-date-table-cell {
  color: #ffffff;
}
.el-year-table td.start-date .el-date-table-cell__text, .el-year-table td.end-date .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-year-table td.start-date .el-date-table-cell {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.el-year-table td.end-date .el-date-table-cell {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.el-year-table td.current:not(.disabled) .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-year-table td:focus-visible {
  outline: none;
}
.el-year-table td:focus-visible .el-date-table-cell__text {
  outline: 2px solid var(--el-datepicker-active-color);
  outline-offset: 1px;
}

.el-picker-panel,
.el-picker-panel__footer,
.el-popper.is-light {
  background-color: var(--color-background-bg2);
  border-radius: var(--border-radius-basic);
}

.el-date-range-picker__time-header {
  border-bottom: 0px solid;
  padding: 1rem;
  padding-bottom: 0;
}

.el-date-range-picker__content {
  border-right: 0px solid !important;
  padding: 1rem;
}

.el-picker-panel__content.el-date-range-picker__content th {
  color: var(--color-text-primary);
  font-size: 1rem;
  font-weight: 500 !important;
  line-height: 1.2rem;
  border-bottom: solid 1px var(--color-text-secondary);
}

.el-picker-panel__icon-btn {
  color: var(--color-text-primary);
}

.el-picker__popper {
  outline: none !important;
}

.el-date-table {
  font-size: 1rem;
}

.el-picker-panel {
  outline: none !important;
}

.el-picker-panel__sidebar {
  border-right: none !important;
  padding-top: 1rem !important;
  background-color: var(--color-background-bg-light) !important;
}

.el-picker-panel__shortcut {
  font-size: 1rem !important;
  font-weight: 500;
  color: var(--color-text-secondary) !important;
}

.el-picker-panel__shortcut:hover,
.el-picker-panel__shortcut:focus {
  color: var(--color-text-primary) !important;
}

.el-date-table td .el-date-table-cell {
  padding: 0;
  display: flex;
  align-items: center;
}

span.el-date-table-cell__text:hover {
  color: var(--el-color-white) !important;
  background: var(--color-primary-light-5);
}

.el-date-table td .el-date-table-cell .el-date-table-cell__text {
  border-radius: 0.4rem;
  color: var(--color-text-primary);
}

.el-date-table td.available:hover {
  color: var(--el-text-color-regular);
}

.el-picker-panel.el-date-picker.has-time {
  flex-direction: column;
}

.el-date-table td.today .el-date-table-cell__text {
  color: var(--color-primary);
  font-weight: bold;
}

span.el-date-picker__header-label {
  color: var(--color-primary);
  font-weight: bold;
}

.el-picker-panel__content.el-date-range-picker__content.is-left tr:last-child {
  border-bottom: 1px solid;
}

.el-date-table td.next-month span.el-date-table-cell__text,
.el-date-table td.prev-month span.el-date-table-cell__text {
  color: var(--color-text-secondary);
}

.dark .el-date-table td.next-month span.el-date-table-cell__text,
.dark .el-date-table td.prev-month span.el-date-table-cell__text {
  color: var(--color-text-secondary);
  opacity: 0.5;
  font-weight: 600;
}

.el-picker-panel__footer {
  display: flex;
  justify-content: flex-end;
  height: 5rem;
  padding: 1rem;
  border-top: 0px solid;
}
.el-picker-panel__footer button.el-button.el-button--small.is-text.el-picker-panel__link-btn {
  background: transparent;
  border: none;
  color: var(--color-primary);
  font-weight: bold;
  box-shadow: none;
  width: 10rem;
}
.el-picker-panel__footer button.el-button.el-button--small.is-plain.el-picker-panel__link-btn {
  background: var(--color-primary);
  color: var(--el-color-white);
  font-weight: bold;
  box-shadow: none;
  width: 10rem;
}

.available.in-range.start-date .el-date-table-cell {
  margin-left: 1rem;
  box-shadow: none;
}
.available.in-range.start-date .el-date-table-cell span {
  background: var(--color-primary);
  border-radius: 0.4rem;
  color: var(--el-color-white);
}

.available.in-range.start-date .el-date-table-cell:hover {
  color: var(--el-color-white);
}

.available.in-range.start-date .el-date-table-cell .el-date-table-cell__text:hover {
  background: var(--color-primary);
  color: var(--el-color-white) !important;
}

.el-date-table td.in-range .el-date-table-cell:hover {
  color: var(--el-color-primary);
  background-color: var(--color-primary-light-1);
}

.el-date-table td.in-range .el-date-table-cell {
  background-color: var(--color-primary-light-1);
}

.available.in-range.end-date .el-date-table-cell {
  margin-right: 1rem;
  box-shadow: none;
}
.available.in-range.end-date .el-date-table-cell span {
  background: transparent;
}

.available.in-range.end-date .el-date-table-cell:hover {
  color: var(--el-color-white);
}

.el-date-range-picker__header div {
  color: var(--color-text-primary) !important;
  font-size: 1.2rem !important;
}

.available.in-range span.el-date-table-cell__text:hover {
  color: var(--el-color-primary) !important;
  background: transparent;
}

.available.in-range.end-date .el-date-table-cell span.el-date-table-cell__text {
  color: var(--el-color-white);
  background: var(--color-primary);
  border-radius: 0.4rem;
}

.available.in-range.end-date .el-date-table-cell .el-date-table-cell__text:hover {
  background: var(--color-primary);
  color: var(--el-color-white) !important;
}

.el-range-editor.el-input__wrapper {
  border: var(--border-bottom-basic);
}

.el-range-separator {
  color: var(--color-text-secondary) !important;
  font-size: var(--el-font-size-base) !important;
}

.el-date-editor .el-range-input {
  color: var(--color-text-primary) !important;
}

/*time*/
.el-time-panel {
  background: var(--color-background-bg2) !important;
  min-width: 220px;
  border: var(--border-bottom-basic) !important;
  box-shadow: var(--box-shadow-basic) !important;
}

.el-time-panel__content::before {
  background: var(--color-primary-light-1);
  border-radius: 0.4rem;
  border: 0px solid;
  margin-right: 1.5rem;
  margin-left: 1.5rem;
  padding: 0;
}

.el-time-spinner__item.is-active {
  color: var(--color-primary) !important;
}

.el-time-spinner.has-seconds {
  padding: 1.5rem;
}

.el-time-spinner__item {
  color: var(--color-text-secondary);
}

.el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  cursor: pointer;
  background: transparent;
  color: var(--color-primary);
  border-radius: 0.4rem;
}

.el-date-picker .el-picker-panel__footer button.el-button.el-button--small.is-text.el-picker-panel__link-btn {
  display: none;
}

:root {
  --el-popup-modal-bg-color: var(--el-color-black);
  --el-popup-modal-opacity: 0.5;
}

.v-modal-enter {
  animation: v-modal-in var(--el-transition-duration-fast) ease;
}

.v-modal-leave {
  animation: v-modal-out var(--el-transition-duration-fast) ease forwards;
}

@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}
@keyframes v-modal-out {
  100% {
    opacity: 0;
  }
}
.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: var(--el-popup-modal-opacity);
  background: var(--el-popup-modal-bg-color);
}

.el-popup-parent--hidden {
  overflow: hidden;
}

.el-dialog {
  --el-dialog-width: 50%;
  --el-dialog-margin-top: 15vh;
  --el-dialog-bg-color: var(--el-bg-color);
  --el-dialog-box-shadow: var(--el-box-shadow);
  --el-dialog-title-font-size: var(--el-font-size-large);
  --el-dialog-content-font-size: 14px;
  --el-dialog-font-line-height: var(--el-font-line-height-primary);
  --el-dialog-padding-primary: 16px;
  --el-dialog-border-radius: var(--el-border-radius-base);
  position: relative;
  margin: var(--el-dialog-margin-top, 15vh) auto 50px;
  background: var(--el-dialog-bg-color);
  border-radius: var(--el-dialog-border-radius);
  box-shadow: var(--el-dialog-box-shadow);
  box-sizing: border-box;
  padding: var(--el-dialog-padding-primary);
  width: var(--el-dialog-width, 50%);
  overflow-wrap: break-word;
}
.el-dialog:focus {
  outline: none !important;
}
.el-dialog.is-align-center {
  margin: auto;
}

.el-dialog.is-fullscreen {
  --el-dialog-width: 100%;
  --el-dialog-margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  overflow: auto;
  border-radius: 0px;
}

.el-dialog__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
}

.el-dialog.is-draggable .el-dialog__header {
  cursor: move;
  user-select: none;
}

.el-dialog__header {
  padding-bottom: var(--el-dialog-padding-primary);
}
.el-dialog__header.show-close {
  padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px));
}

.el-dialog__headerbtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 48px;
  height: 48px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: var(--el-message-close-size, 16px);
}
.el-dialog__headerbtn .el-dialog__close {
  color: var(--el-color-info);
  font-size: inherit;
}
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
  color: var(--el-color-primary);
}

.el-dialog__title {
  line-height: var(--el-dialog-font-line-height);
  font-size: var(--el-dialog-title-font-size);
  color: var(--el-text-color-primary);
}

.el-dialog__body {
  color: var(--el-text-color-regular);
  font-size: var(--el-dialog-content-font-size);
}

.el-dialog__footer {
  padding-top: var(--el-dialog-padding-primary);
  text-align: right;
  box-sizing: border-box;
}

.el-dialog--center {
  text-align: center;
}
.el-dialog--center .el-dialog__body {
  text-align: initial;
}

.el-dialog--center .el-dialog__footer {
  text-align: inherit;
}

.el-modal-dialog.is-penetrable {
  pointer-events: none;
}
.el-modal-dialog.is-penetrable .el-dialog {
  pointer-events: auto;
}

.el-overlay-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.el-overlay-dialog.is-closing .el-dialog {
  pointer-events: none;
}

.dialog-fade-enter-active {
  animation: modal-fade-in var(--el-transition-duration);
}
.dialog-fade-enter-active .el-overlay-dialog {
  animation: dialog-fade-in var(--el-transition-duration);
}

.dialog-fade-leave-active {
  animation: modal-fade-out var(--el-transition-duration);
}
.dialog-fade-leave-active .el-overlay-dialog {
  animation: dialog-fade-out var(--el-transition-duration);
}

@keyframes dialog-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes dialog-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
@keyframes modal-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes modal-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.el-dialog {
  --el-dialog-bg-color: var(--color-background-bg2);
  border-radius: var(--border-radius-basic);
  border: 0.1rem solid var(--color-background-outstanding-light);
}
.el-dialog .el-dialog__title {
  font-style: normal;
  font-weight: 700;
  font-size: 1.4rem;
  color: var(--color-primary);
  line-height: 1.4rem;
}
.el-dialog .el-dialog__body {
  padding: 1rem 1rem;
}
.el-dialog .dialog-footer {
  width: 100%;
}
.el-dialog .el-dialog__footer {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
.el-dialog .el-dialog__close {
  color: var(--color-text-primary);
}
.el-dialog .el-dialog__close:hover {
  color: var(--color-primary);
}

.passwordReset .el-dialog__body {
  min-height: 10rem;
}

.tutorial-carousel .el-dialog__header {
  padding: 0rem;
}
.tutorial-carousel .el-dialog__body {
  padding: 0rem;
}

.the-search-dialog {
  padding: 1rem !important;
  width: auto !important;
  max-width: var(--el-dialog-width);
}
.the-search-dialog .el-dialog__header {
  padding: 0 !important;
}
.the-search-dialog .el-dialog__body {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: calc(100vh - 5rem);
  overflow: auto;
}

.banner-dialog {
  padding: 0 !important;
}
.banner-dialog .el-dialog__header {
  padding: 0 !important;
}
.banner-dialog .el-dialog__body {
  padding: 0 !important;
}

@media (max-width: 767.9px) {
  .banner-dialog {
    --el-dialog-width: 90% !important;
  }
}
.blacklist-dialog .el-dialog__body {
  padding: 0rem;
}

.el-divider {
  position: relative;
}
.el-divider--horizontal {
  display: block;
  height: 1px;
  width: 100%;
  margin: 24px 0;
  border-top: 1px var(--el-border-color) var(--el-border-style);
}

.el-divider--vertical {
  display: inline-block;
  width: 1px;
  height: 1em;
  margin: 0 8px;
  vertical-align: middle;
  position: relative;
  border-left: 1px var(--el-border-color) var(--el-border-style);
}

.el-divider__text {
  position: absolute;
  background-color: var(--el-bg-color);
  padding: 0 20px;
  font-weight: 500;
  color: var(--el-text-color-primary);
  font-size: 14px;
}
.el-divider__text.is-left {
  left: 20px;
  transform: translateY(-50%);
}

.el-divider__text.is-center {
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.el-divider__text.is-right {
  right: 20px;
  transform: translateY(-50%);
}

.el-divider.el-divider--horizontal {
  margin: 0rem;
  border-top: 1px var(--color-background-outstanding) var(--el-border-style);
}

.el-divider.el-divider--vertical {
  border-left: 1px var(--color-background-outstanding) var(--el-border-style);
}

.el-overlay.is-drawer {
  overflow: hidden;
}

.el-drawer {
  --el-drawer-bg-color: var(--el-dialog-bg-color, var(--el-bg-color));
  --el-drawer-padding-primary: var(--el-dialog-padding-primary, 20px);
  --el-drawer-dragger-size: 8px;
}

.el-drawer {
  position: absolute;
  box-sizing: border-box;
  background-color: var(--el-drawer-bg-color);
  display: flex;
  flex-direction: column;
  box-shadow: var(--el-box-shadow-dark);
  transition: all var(--el-transition-duration);
}
.el-drawer .rtl {
  transform: translate(0, 0);
}
.el-drawer .ltr {
  transform: translate(0, 0);
}
.el-drawer .ttb {
  transform: translate(0, 0);
}
.el-drawer .btt {
  transform: translate(0, 0);
}
.el-drawer__sr-focus:focus {
  outline: none !important;
}
.el-drawer__header {
  align-items: center;
  color: var(--el-text-color-primary);
  display: flex;
  margin-bottom: 32px;
  padding: var(--el-drawer-padding-primary);
  padding-bottom: 0;
  overflow: hidden;
}
.el-drawer__header > :first-child {
  flex: 1;
}
.el-drawer__title {
  margin: 0;
  flex: 1;
  line-height: inherit;
  font-size: 16px;
}
.el-drawer__footer {
  padding: var(--el-drawer-padding-primary);
  padding-top: 10px;
  text-align: right;
  overflow: hidden;
}

.el-drawer__close-btn {
  display: inline-flex;
  border: none;
  cursor: pointer;
  font-size: var(--el-font-size-extra-large);
  color: inherit;
  background-color: transparent;
  outline: none;
}
.el-drawer__close-btn:focus i, .el-drawer__close-btn:hover i {
  color: var(--el-color-primary);
}
.el-drawer__body {
  flex: 1;
  padding: var(--el-drawer-padding-primary);
  overflow: auto;
}
.el-drawer__body > * {
  box-sizing: border-box;
}
.el-drawer.is-dragging {
  transition: none;
}

.el-drawer__dragger {
  position: absolute;
  background-color: transparent;
  user-select: none;
  transition: all 0.2s;
}
.el-drawer__dragger::before {
  content: "";
  position: absolute;
  background-color: transparent;
  transition: all 0.2s;
}
.el-drawer__dragger:hover::before {
  background-color: var(--el-color-primary);
}

.el-drawer.ltr, .el-drawer.rtl {
  height: 100%;
  top: 0;
  bottom: 0;
}
.el-drawer.ltr > .el-drawer__dragger, .el-drawer.rtl > .el-drawer__dragger {
  height: 100%;
  width: var(--el-drawer-dragger-size);
  top: 0;
  bottom: 0;
  cursor: ew-resize;
}
.el-drawer.ltr > .el-drawer__dragger::before, .el-drawer.rtl > .el-drawer__dragger::before {
  top: 0;
  bottom: 0;
  width: 3px;
}
.el-drawer.ttb, .el-drawer.btt {
  width: 100%;
  left: 0;
  right: 0;
}
.el-drawer.ttb > .el-drawer__dragger, .el-drawer.btt > .el-drawer__dragger {
  width: 100%;
  height: var(--el-drawer-dragger-size);
  left: 0;
  right: 0;
  cursor: ns-resize;
}
.el-drawer.ttb > .el-drawer__dragger::before, .el-drawer.btt > .el-drawer__dragger::before {
  left: 0;
  right: 0;
  height: 3px;
}
.el-drawer.ltr {
  left: 0;
}
.el-drawer.ltr > .el-drawer__dragger {
  right: 0;
}
.el-drawer.ltr > .el-drawer__dragger::before {
  right: -2px;
}
.el-drawer.rtl {
  right: 0;
}
.el-drawer.rtl > .el-drawer__dragger {
  left: 0;
}
.el-drawer.rtl > .el-drawer__dragger::before {
  left: -2px;
}
.el-drawer.ttb {
  top: 0;
}
.el-drawer.ttb > .el-drawer__dragger {
  bottom: 0;
}
.el-drawer.ttb > .el-drawer__dragger::before {
  bottom: -2px;
}
.el-drawer.btt {
  bottom: 0;
}
.el-drawer.btt > .el-drawer__dragger {
  top: 0;
}
.el-drawer.btt > .el-drawer__dragger::before {
  top: -2px;
}

.el-modal-drawer.is-penetrable {
  pointer-events: none;
}
.el-modal-drawer.is-penetrable .el-drawer {
  pointer-events: auto;
}

.el-drawer-fade-enter-active, .el-drawer-fade-leave-active {
  transition: all var(--el-transition-duration);
}
.el-drawer-fade-enter-from, .el-drawer-fade-enter-active, .el-drawer-fade-enter-to, .el-drawer-fade-leave-from, .el-drawer-fade-leave-active, .el-drawer-fade-leave-to {
  overflow: hidden !important;
}
.el-drawer-fade-enter-from, .el-drawer-fade-leave-to {
  background-color: transparent !important;
}
.el-drawer-fade-enter-from .rtl, .el-drawer-fade-leave-to .rtl {
  transform: translateX(100%);
}
.el-drawer-fade-enter-from .ltr, .el-drawer-fade-leave-to .ltr {
  transform: translateX(-100%);
}
.el-drawer-fade-enter-from .ttb, .el-drawer-fade-leave-to .ttb {
  transform: translateY(-100%);
}
.el-drawer-fade-enter-from .btt, .el-drawer-fade-leave-to .btt {
  transform: translateY(100%);
}

.el-drawer {
  position: fixed;
  --el-drawer-padding-primary: 1.5rem;
}

.el-drawer__header {
  margin-bottom: 0rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--color-text-primary);
}

.theMenuDrawerModal {
  z-index: 9994 !important;
}
.theMenuDrawerModal .el-drawer {
  background: var(--color-background-bg2);
  box-shadow: var(--box-shadow-popper);
}
.theMenuDrawerModal .el-drawer .el-drawer__body {
  border-right: 1px solid var(--color-background-outstanding-light);
  padding: 1rem 0.2rem 1rem 1rem;
}

.sMapFilterModal {
  pointer-events: none;
  width: 100%;
  z-index: 1 !important;
  position: absolute !important;
  height: inherit !important;
  padding: 0.5rem;
  display: flex;
  justify-content: flex-end;
}
.sMapFilterModal .el-drawer__body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
  width: 100%;
  overflow-x: hidden;
}
.sMapFilterModal .el-drawer {
  position: relative !important;
  height: inherit !important;
  z-index: 9 !important;
  pointer-events: auto;
  border-radius: var(--border-radius-basic);
  background: var(--color-background-bg2);
  box-shadow: var(--box-shadow-popper);
  transition: all 0.4s;
}

.sNotificationsDrawerModal {
  width: 100%;
  position: absolute !important;
  padding: 1rem;
  display: flex;
  justify-content: flex-end;
  z-index: 9996 !important;
  top: 3.75rem !important;
  height: auto !important;
}
.sNotificationsDrawerModal .el-drawer {
  position: relative !important;
  z-index: 9 !important;
  border-radius: var(--border-radius-basic);
  background: var(--color-background-bg2);
  box-shadow: var(--box-shadow-basic);
  transition: all 0.4s;
  overflow: visible;
  height: calc(100% - 0.5rem) !important;
  max-height: fit-content;
  display: flex;
  user-select: none;
}
.sNotificationsDrawerModal .el-drawer__body {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  overflow: auto;
}

.theChatbotDrawerModal {
  width: 100%;
  position: absolute !important;
  padding: 1rem;
  display: flex;
  justify-content: flex-end;
  z-index: 9996 !important;
  top: 3.75rem !important;
  height: auto !important;
}
.theChatbotDrawerModal .el-drawer {
  position: relative !important;
  z-index: 9 !important;
  border-radius: var(--border-radius-basic);
  background: var(--color-background-bg2);
  box-shadow: var(--box-shadow-basic);
  transition: all 0.4s;
  overflow: visible;
  height: calc(100% - 0.5rem) !important;
  display: flex;
  user-select: none;
  width: 750px !important;
}
.theChatbotDrawerModal .el-drawer__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  overflow: auto;
}

.el-main.pinned .sNotificationsDrawerModal {
  margin: 0rem 0rem 0rem 27rem;
}

.el-dropdown {
  --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  --el-dropdown-menuItem-hover-fill: transparent;
  --el-dropdown-menuItem-hover-color: var(--color-primary);
  --el-dropdown-menu-index: 10;
  display: inline-flex;
  position: relative;
  color: var(--el-text-color-regular);
  font-size: var(--el-font-size-base);
  line-height: 1;
  vertical-align: top;
}
.el-dropdown.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}
.el-dropdown__popper {
  --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  --el-dropdown-menuItem-hover-fill: transparent;
  --el-dropdown-menuItem-hover-color: var(--color-primary);
  --el-dropdown-menu-index: 10;
}
.el-dropdown__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  box-shadow: var(--el-dropdown-menu-box-shadow);
}
.el-dropdown__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
}
.el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.el-dropdown__popper .el-dropdown-menu {
  border: none;
}
.el-dropdown__popper .el-dropdown__popper-selfdefine {
  outline: none;
}
.el-dropdown__popper .el-scrollbar__bar {
  z-index: calc(var(--el-dropdown-menu-index) + 1);
}
.el-dropdown__popper .el-dropdown__list {
  list-style: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.el-dropdown .el-dropdown__caret-button {
  padding-left: 0;
  padding-right: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  border-left: none;
}
.el-dropdown .el-dropdown__caret-button > span {
  display: inline-flex;
}
.el-dropdown .el-dropdown__caret-button::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  top: -1px;
  bottom: -1px;
  left: 0;
  background: var(--el-overlay-color-lighter);
}
.el-dropdown .el-dropdown__caret-button.el-button::before {
  background: var(--el-border-color);
  opacity: 0.5;
}
.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
  font-size: inherit;
  padding-left: 0;
}
.el-dropdown .el-dropdown-selfdefine {
  outline: none;
}
.el-dropdown--large .el-dropdown__caret-button {
  width: 45px;
}

.el-dropdown--small .el-dropdown__caret-button {
  width: 35px;
}

.el-dropdown-menu {
  position: relative;
  top: 0;
  left: 0;
  z-index: var(--el-dropdown-menu-index);
  padding: 5px 0;
  margin: 0;
  background-color: var(--el-bg-color-overlay);
  border: none;
  border-radius: var(--el-border-radius-base);
  box-shadow: none;
  list-style: none;
}
.el-dropdown-menu__item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  list-style: none;
  line-height: 22px;
  padding: 5px 16px;
  margin: 0;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-regular);
  cursor: pointer;
  outline: none;
}
.el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:not(.is-disabled):focus {
  background-color: var(--el-dropdown-menuItem-hover-fill);
  color: var(--el-dropdown-menuItem-hover-color);
}
.el-dropdown-menu__item i {
  margin-right: 5px;
}
.el-dropdown-menu__item--divided {
  margin: 6px 0;
  border-top: 1px solid var(--el-border-color-lighter);
}

.el-dropdown-menu__item.is-disabled {
  cursor: not-allowed;
  color: var(--el-text-color-disabled);
}

.el-dropdown-menu--large {
  padding: 7px 0;
}
.el-dropdown-menu--large .el-dropdown-menu__item {
  padding: 7px 20px;
  line-height: 22px;
  font-size: 14px;
}
.el-dropdown-menu--large .el-dropdown-menu__item--divided {
  margin: 8px 0;
}

.el-dropdown-menu--small {
  padding: 3px 0;
}
.el-dropdown-menu--small .el-dropdown-menu__item {
  padding: 2px 12px;
  line-height: 20px;
  font-size: 12px;
}
.el-dropdown-menu--small .el-dropdown-menu__item--divided {
  margin: 4px 0;
}

.el-dropdown:hover {
  border-radius: 1rem;
  outline: none;
  cursor: pointer;
}

.el-dropdown-menu {
  background-color: var(--color-background-bg2);
  min-width: 20rem;
  padding: 0.75rem;
  border-radius: var(--border-radius-basic);
  user-select: none;
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
.el-dropdown-menu .itemGroup.title-text {
  padding: 0.6rem 0;
  border-bottom: 0.1rem solid var(--color-background-bg);
}
.el-dropdown-menu .el-divider {
  width: auto;
  margin: 0rem 1.5rem !important;
}

.el-dropdown-menu__item {
  padding: 1rem 2rem 1rem 1rem;
  font-weight: 600;
  width: 100%;
  display: flex;
  color: var(--color-text-primary);
  font-size: 1.2rem;
  position: relative;
  border-radius: 0.4rem;
}
.el-dropdown-menu__item i {
  margin-right: 1.2rem;
}
.el-dropdown-menu__item p.subtitle {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1rem;
}

.el-dropdown-menu__item--divided {
  margin: 0.1rem 1.5rem;
  border: none;
  border-bottom: 0.1rem solid var(--color-background-bg);
}

.el-dropdown-menu__item:hover {
  background-color: var(--color-background-bg-light);
}
.el-dropdown-menu__item:hover .shortcut {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.el-dropdown-menu__item:focus {
  background-color: var(--color-background-bg-light) !important;
  color: var(--color-text-primary) !important;
}
.el-dropdown-menu__item:focus .shortcut {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}
.el-dropdown-menu__item:focus .shortcut p {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.el-dropdown-menu__item.is-disabled p {
  color: var(--color-text-secondary);
}
.el-dropdown-menu__item.is-disabled i {
  color: var(--color-text-secondary);
}

.el-dropdown-menu__item.is-disabled:hover,
.el-dropdown-menu__item.is-disabled:focus {
  background: none !important;
}

.el-dropdown-menu__item.is-active {
  background-color: var(--color-background-bg-light) !important;
}
.el-dropdown-menu__item.is-active i {
  color: var(--color-primary);
}
.el-dropdown-menu__item.is-active p {
  color: var(--color-primary);
}
.el-dropdown-menu__item.is-active .shortcut {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}
.el-dropdown-menu__item.is-active .shortcut p {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.el-dropdown-menu__item.is-active::before {
  bottom: 0.1rem !important;
  display: block;
  content: " ";
  position: absolute;
  left: 0rem;
  top: 0rem;
  bottom: 0rem;
  width: 0.3rem;
  border-radius: 0.2rem 0rem 0rem 0.2rem !important;
  background-color: var(--color-primary);
}

.el-dropdown-menu__item.is-active:hover {
  background-color: var(--color-background-outstanding-light) !important;
}

.el-dropdown-menu__item.is-active:focus {
  background-color: var(--color-background-outstanding-light) !important;
}

.userMenu .user-info {
  flex-direction: column;
  gap: 0.2rem;
  display: flex;
  padding: 1rem 2rem 1rem 1rem;
}

.settingsMenu .settings-info {
  flex-direction: column;
  gap: 0.2rem;
  display: flex;
  padding: 0rem;
  width: 100%;
}
.settingsMenu .settings-info .el-dropdown-menu__item {
  padding: 0rem;
}

.el-empty {
  --el-empty-padding: 40px 0;
  --el-empty-image-width: 160px;
  --el-empty-description-margin-top: 20px;
  --el-empty-bottom-margin-top: 20px;
  --el-empty-fill-color-0: var(--el-color-white);
  --el-empty-fill-color-1: #fcfcfd;
  --el-empty-fill-color-2: #f8f9fb;
  --el-empty-fill-color-3: #f7f8fc;
  --el-empty-fill-color-4: #eeeff3;
  --el-empty-fill-color-5: #edeef2;
  --el-empty-fill-color-6: #e9ebef;
  --el-empty-fill-color-7: #e5e7e9;
  --el-empty-fill-color-8: #e0e3e9;
  --el-empty-fill-color-9: #d5d7de;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  padding: var(--el-empty-padding);
}
.el-empty__image {
  width: var(--el-empty-image-width);
}
.el-empty__image img {
  user-select: none;
  width: 100%;
  height: 100%;
  vertical-align: top;
  object-fit: contain;
}
.el-empty__image svg {
  color: var(--el-svg-monochrome-grey);
  fill: currentColor;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.el-empty__description {
  margin-top: var(--el-empty-description-margin-top);
}
.el-empty__description p {
  margin: 0;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-secondary);
}

.el-empty__bottom {
  margin-top: var(--el-empty-bottom-margin-top);
}

.el-empty {
  padding: 0px;
}

.el-footer {
  --el-footer-padding: 0 20px;
  --el-footer-height: 60px;
  padding: var(--el-footer-padding);
  box-sizing: border-box;
  flex-shrink: 0;
  height: var(--el-footer-height);
}

.el-footer {
  --el-footer-height: auto;
  --el-footer-padding: 0rem;
  display: flex;
  align-items: center;
}

.el-form {
  --el-form-label-font-size: var(--el-font-size-base);
  --el-form-inline-content-width: 220px;
}
.el-form--inline .el-form-item {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 32px;
}
.el-form--inline.el-form--label-top {
  display: flex;
  flex-wrap: wrap;
}
.el-form--inline.el-form--label-top .el-form-item {
  display: block;
}

.el-form {
  --el-form-label-font-size: var(--el-font-size-base);
}
.el-form .info-layout {
  display: flex;
  gap: 0rem 2rem;
  flex-wrap: wrap;
  margin: 0.5rem 0rem 1rem 0rem;
}
.el-form .el-divider {
  margin-bottom: 1rem;
}
.el-form .el-col:not(:last-child) .el-form-item {
  margin-right: 1.5rem;
}
@media (max-width: 767.9px) {
  .el-form .el-row .el-col:not(:last-child) .el-form-item {
    margin-right: 0;
  }
}

.el-form .el-collapse-item__content {
  padding: 1rem 0rem !important;
}

.el-form-item {
  display: flex;
  --font-size: 14px;
  margin-bottom: 18px;
}
.el-form-item .el-form-item {
  margin-bottom: 0;
}
.el-form-item .el-input__validateIcon {
  display: none;
}
.el-form-item--large {
  --font-size: 14px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 22px;
}
.el-form-item--large .el-form-item__label {
  height: 40px;
  line-height: 40px;
}

.el-form-item--large .el-form-item__content {
  line-height: 40px;
}

.el-form-item--large .el-form-item__error {
  padding-top: 4px;
}

.el-form-item--default {
  --font-size: 14px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 18px;
}
.el-form-item--default .el-form-item__label {
  height: 32px;
  line-height: 32px;
}

.el-form-item--default .el-form-item__content {
  line-height: 32px;
}

.el-form-item--default .el-form-item__error {
  padding-top: 2px;
}

.el-form-item--small {
  --font-size: 12px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 18px;
}
.el-form-item--small .el-form-item__label {
  height: 24px;
  line-height: 24px;
}

.el-form-item--small .el-form-item__content {
  line-height: 24px;
}

.el-form-item--small .el-form-item__error {
  padding-top: 2px;
}

.el-form-item--label-left .el-form-item__label {
  text-align: left;
  justify-content: flex-start;
}

.el-form-item--label-right .el-form-item__label {
  text-align: right;
  justify-content: flex-end;
}

.el-form-item--label-top {
  display: block;
}
.el-form-item--label-top .el-form-item__label {
  display: block;
  width: fit-content;
  height: auto;
  text-align: left;
  margin-bottom: 8px;
  line-height: 22px;
  padding-right: 0;
}

.el-form-item__label-wrap {
  display: flex;
}

.el-form-item__label {
  display: inline-flex;
  align-items: flex-start;
  flex: 0 0 auto;
  font-size: var(--el-form-label-font-size);
  color: var(--el-text-color-regular);
  height: 32px;
  line-height: 32px;
  padding: 0 12px 0 0;
  box-sizing: border-box;
}

.el-form-item__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  line-height: 32px;
  position: relative;
  font-size: var(--font-size);
  min-width: 0;
}
.el-form-item__content .el-input-group {
  vertical-align: top;
}

.el-form-item__error {
  color: var(--el-color-danger);
  font-size: 12px;
  line-height: 1;
  padding-top: 2px;
  position: absolute;
  top: 100%;
  left: 0;
}
.el-form-item__error--inline {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  margin-left: 10px;
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label-wrap > .el-form-item__label:before {
  content: "*";
  color: var(--el-color-danger);
  margin-right: 4px;
}
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label:after,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label-wrap > .el-form-item__label:after {
  content: "*";
  color: var(--el-color-danger);
  margin-left: 4px;
}

.el-form-item.is-error .el-form-item__content .el-input__wrapper, .el-form-item.is-error .el-form-item__content .el-input__wrapper:hover, .el-form-item.is-error .el-form-item__content .el-input__wrapper:focus, .el-form-item.is-error .el-form-item__content .el-input__wrapper.is-focus,
.el-form-item.is-error .el-form-item__content .el-textarea__inner,
.el-form-item.is-error .el-form-item__content .el-textarea__inner:hover,
.el-form-item.is-error .el-form-item__content .el-textarea__inner:focus,
.el-form-item.is-error .el-form-item__content .el-textarea__inner.is-focus,
.el-form-item.is-error .el-form-item__content .el-select__wrapper,
.el-form-item.is-error .el-form-item__content .el-select__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-select__wrapper:focus,
.el-form-item.is-error .el-form-item__content .el-select__wrapper.is-focus,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:focus,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-form-item.is-error .el-form-item__content .el-input-group__append .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-input-group__prepend .el-input__wrapper {
  box-shadow: 0 0 0 1px transparent inset;
}
.el-form-item.is-error .el-form-item__content .el-input-group__append .el-input__validateIcon,
.el-form-item.is-error .el-form-item__content .el-input-group__prepend .el-input__validateIcon {
  display: none;
}
.el-form-item.is-error .el-form-item__content .el-input__validateIcon {
  color: var(--el-color-danger);
}

.el-form-item--feedback .el-input__validateIcon {
  display: inline-flex;
}

.el-form-item .el-form-item__label {
  color: var(--color-text-primary);
  display: inline-flex !important;
  user-select: none;
  font-weight: 600;
  margin-bottom: 0rem;
}
.el-form-item .el-form-item__label .el-button {
  margin-left: 0.25rem;
}
.el-form-item .el-date-editor {
  width: 100%;
}
.el-form-item .el-form-item__error {
  user-select: none;
}

.el-form-item.info {
  display: flex !important;
  margin: 0.5rem 0rem !important;
}
.el-form-item.info .el-form-item__label {
  margin-bottom: 0 !important;
}

.el-header {
  --el-header-padding: 0px;
  --el-header-height: 60px;
  padding: var(--el-header-padding);
  box-sizing: border-box;
  flex-shrink: 0;
  height: var(--el-header-height);
}

.el-header {
  --el-header-height: auto;
  display: flex;
  align-items: center;
}

.el-textarea {
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: none;
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: transparent;
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--color-background-bg2);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: transparent;
  --el-input-clear-hover-color: transparent;
  --el-input-focus-border-color: var(--el-color-primary);
  --el-input-width: 100%;
}

.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: var(--el-font-size-base);
}
.el-textarea__inner {
  position: relative;
  display: block;
  resize: vertical;
  padding: 5px 11px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  font-family: inherit;
  color: var(--el-input-text-color, var(--el-text-color-regular));
  background-color: var(--el-input-bg-color, var(--color-background-bg2));
  background-image: none;
  -webkit-appearance: none;
  box-shadow: 0 0 0 1px var(--el-input-border-color, transparent) inset;
  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  transition: var(--el-transition-box-shadow);
  border: none;
}
.el-textarea__inner.is-clearable {
  padding: 5px 26px 5px 11px;
}

.el-textarea__inner::placeholder {
  color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}
.el-textarea__inner:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-textarea__inner:focus {
  outline: none;
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-textarea__clear {
  position: absolute;
  right: 11px;
  top: 15px;
  transform: translateY(-50%);
  color: var(--el-input-icon-color);
  font-size: 14px;
  cursor: pointer;
}
.el-textarea__clear:hover {
  color: var(--el-input-clear-hover-color);
}

.el-textarea .el-input__count {
  color: var(--el-color-info);
  background: var(--el-fill-color-blank);
  position: absolute;
  font-size: 12px;
  line-height: 14px;
  bottom: 5px;
  right: 10px;
}
.el-textarea .el-input__count.is-outside {
  position: absolute;
  background: transparent;
  padding-top: 2px;
  top: 100%;
  right: 0;
  bottom: unset;
  line-height: 1;
}

.el-textarea.is-disabled .el-textarea__inner {
  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
  background-color: var(--el-disabled-bg-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: var(--el-text-color-placeholder);
}

.el-textarea.is-exceed .el-textarea__inner {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-textarea.is-exceed .el-input__count {
  color: var(--el-color-danger);
}

.el-input {
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: none;
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: transparent;
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--color-background-bg2);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: transparent;
  --el-input-clear-hover-color: transparent;
  --el-input-focus-border-color: var(--el-color-primary);
  --el-input-width: 100%;
}

.el-input {
  --el-input-height: var(--el-component-size);
  position: relative;
  font-size: var(--el-font-size-base);
  display: inline-flex;
  width: var(--el-input-width);
  line-height: var(--el-input-height);
  box-sizing: border-box;
  vertical-align: middle;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: var(--el-text-color-disabled);
}
.el-input::-webkit-scrollbar-corner {
  background: var(--el-fill-color-blank);
}
.el-input::-webkit-scrollbar-track {
  background: var(--el-fill-color-blank);
}
.el-input::-webkit-scrollbar-track-piece {
  background: var(--el-fill-color-blank);
  width: 6px;
}
.el-input .el-input__clear, .el-input .el-input__password {
  color: var(--el-input-icon-color);
  font-size: 14px;
  cursor: pointer;
}
.el-input .el-input__clear:hover, .el-input .el-input__password:hover {
  color: var(--el-input-clear-hover-color);
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: var(--el-color-info);
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: var(--el-fill-color-blank);
  line-height: initial;
  display: inline-block;
  padding-left: 8px;
}
.el-input .el-input__count.is-outside {
  height: unset;
  position: absolute;
  padding-top: 2px;
  top: 100%;
  right: 0;
}
.el-input .el-input__count.is-outside .el-input__count-inner {
  background: transparent;
  padding-left: 0px;
  line-height: 1;
}

.el-input__wrapper {
  display: inline-flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  padding: 1px 11px;
  background-color: var(--el-input-bg-color, var(--color-background-bg2));
  background-image: none;
  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  cursor: text;
  transition: var(--el-transition-box-shadow);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 0 1px var(--el-input-border-color, transparent) inset;
}
.el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-input {
  --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px);
}
.el-input__inner {
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  color: var(--el-input-text-color, var(--el-text-color-regular));
  font-size: inherit;
  height: var(--el-input-inner-height);
  line-height: var(--el-input-inner-height);
  padding: 0;
  outline: none;
  border: none;
  background: none;
  box-sizing: border-box;
}
.el-input__inner:focus {
  outline: none;
}
.el-input__inner::placeholder {
  color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}
.el-input__inner[type=password]::-ms-reveal {
  display: none;
}
.el-input__inner[type=number] {
  line-height: 1;
}

.el-input__prefix {
  display: inline-flex;
  white-space: nowrap;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 100%;
  line-height: var(--el-input-inner-height);
  text-align: center;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  transition: all var(--el-transition-duration);
  pointer-events: none;
}

.el-input__prefix-inner {
  pointer-events: all;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.el-input__prefix-inner > :last-child {
  margin-right: 8px;
}
.el-input__prefix-inner > :first-child, .el-input__prefix-inner > :first-child.el-input__icon {
  margin-left: 0;
}

.el-input__suffix {
  display: inline-flex;
  white-space: nowrap;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 100%;
  line-height: var(--el-input-inner-height);
  text-align: center;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  transition: all var(--el-transition-duration);
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.el-input__suffix-inner > :first-child {
  margin-left: 8px;
}

.el-input .el-input__icon {
  height: inherit;
  line-height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all var(--el-transition-duration);
  margin-left: 8px;
}
.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-color, ) inset;
}

.el-input.is-disabled {
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__wrapper {
  background-color: var(--el-disabled-bg-color);
  cursor: not-allowed;
  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
}
.el-input.is-disabled .el-input__inner {
  color: var(--el-disabled-text-color);
  -webkit-text-fill-color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__prefix-inner,
.el-input.is-disabled .el-input__suffix-inner {
  pointer-events: none;
}

.el-input.is-exceed .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: var(--el-color-danger);
}

.el-input--large {
  --el-input-height: var(--el-component-size-large);
  font-size: 14px;
}
.el-input--large .el-input__wrapper {
  padding: 1px 15px;
}

.el-input--large {
  --el-input-inner-height: calc(var(--el-input-height, 45px) - 2px);
}

.el-input--small {
  --el-input-height: var(--el-component-size-small);
  font-size: 12px;
}
.el-input--small .el-input__wrapper {
  padding: 1px 7px;
}

.el-input--small {
  --el-input-inner-height: calc(var(--el-input-height, 35px) - 2px);
}

.el-input-group {
  display: inline-flex;
  width: 100%;
  align-items: stretch;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: var(--el-fill-color-light);
  color: var(--el-color-info);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  border-radius: var(--el-input-border-radius);
  padding: 0 20px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  flex: 1;
  margin: 0 -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append button.el-button:hover,
.el-input-group__append div.el-select .el-select__wrapper,
.el-input-group__append div.el-select:hover .el-select__wrapper, .el-input-group__prepend button.el-button,
.el-input-group__prepend button.el-button:hover,
.el-input-group__prepend div.el-select .el-select__wrapper,
.el-input-group__prepend div.el-select:hover .el-select__wrapper {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset;
}

.el-input-group--prepend > .el-input__wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset;
}

.el-input-group--append > .el-input__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-input-group__append .el-select .el-select__wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset;
}

.el-input-hidden {
  display: none !important;
}

.el-input .el-input__wrapper,
.el-input .el-textarea__inner,
.el-textarea .el-input__wrapper,
.el-textarea .el-textarea__inner {
  box-sizing: border-box;
  background-color: var(--color-background-bg2);
  --border-bottom-basic: 0.1rem solid var(--color-background-outstanding);
  border: var(--border-bottom-basic);
  height: 3rem;
  --el-input-clear-hover-color: var(--color-text-primary);
  --el-input-placeholder-color: var(--color-text-secondary) !important;
}
.el-input .is-focus,
.el-textarea .is-focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: none !important;
}
.el-input.el-input--small .el-input__wrapper,
.el-input.el-input--small .el-textarea__inner,
.el-textarea.el-input--small .el-input__wrapper,
.el-textarea.el-input--small .el-textarea__inner {
  height: 3rem;
}
.el-input .el-textarea__inner,
.el-textarea .el-textarea__inner {
  min-height: 5rem !important;
}
.el-input .el-textarea__inner,
.el-input .el-input__inner,
.el-textarea .el-textarea__inner,
.el-textarea .el-input__inner {
  color: var(--color-text-primary, var(--color-text-secondary));
}
.el-input .el-textarea__inner[disabled],
.el-input .el-input__inner[disabled],
.el-textarea .el-textarea__inner[disabled],
.el-textarea .el-input__inner[disabled] {
  background-color: var(--color-background-outstanding-light);
  color: var(--color-text-secondary) !important;
  box-shadow: none;
  outline: none;
  border: transparent;
}
.el-input.is-disabled .el-input__wrapper,
.el-textarea.is-disabled .el-input__wrapper {
  background-color: var(--color-background-outstanding-light);
  color: var(--color-text-secondary) !important;
  box-shadow: none;
  outline: none;
  border: transparent;
}
.el-input .el-input-group__append,
.el-input .el-input-group__prepend,
.el-textarea .el-input-group__append,
.el-textarea .el-input-group__prepend {
  color: var(--color-text-primary);
}
.el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-icon.el-select__caret.el-select__icon,
.el-textarea .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-icon.el-select__caret.el-select__icon {
  stroke: var(--color-text-primary);
}
.el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-icon.el-select__caret.el-select__icon.is-reverse,
.el-textarea .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-icon.el-select__caret.el-select__icon.is-reverse {
  stroke: var(--color-primary);
}
.el-input .el-input__count,
.el-textarea .el-input__count {
  color: var(--color-text-secondary);
}

label.required:after {
  content: " *";
  color: var(--color-error);
}

.el-input-number .el-input-number__increase,
.el-input-number .el-input-number__decrease {
  background: transparent;
}

.el-input__prefix {
  transition: none;
}

.el-input-group__append div.el-select,
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__wrapper,
.el-input-group__prepend div.el-select,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__wrapper {
  display: flex;
  margin: 0;
  color: var(--color-text-primary);
}

.el-input-group__append,
.el-input-group__prepend {
  padding: 0;
  background: var(--color-background-outstanding);
}

.is-disabled .el-input-group__append,
.el-input-group__append button.el-button.is-disabled,
.el-input-group__append button.el-button.is-disabled.animated,
.is-disabled .el-input-group__prepend,
.el-input-group__prepend button.el-button.is-disabled,
.el-input-group__prepend button.el-button.is-disabled.animated {
  background: var(--color-background-outstanding-light) !important;
  color: var(--color-text-secondary) !important;
  -webkit-text-fill-color: var(--el-disabled-text-color);
}
.is-disabled .el-input-group__append .el-tag,
.el-input-group__append button.el-button.is-disabled .el-tag,
.el-input-group__append button.el-button.is-disabled.animated .el-tag,
.is-disabled .el-input-group__prepend .el-tag,
.el-input-group__prepend button.el-button.is-disabled .el-tag,
.el-input-group__prepend button.el-button.is-disabled.animated .el-tag {
  -webkit-text-fill-color: initial;
}

.el-input-group__append button.el-button:hover,
.el-input-group__append button.el-button:focus,
.el-input-group__append div.el-select:hover .el-input__wrapper,
.el-input-group__prepend button.el-button:hover,
.el-input-group__prepend button.el-button:focus,
.el-input-group__prepend div.el-select:hover .el-input__wrapper {
  color: var(--color-primary);
  background-color: transparent !important;
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__wrapper,
.el-input-group--append .el-input-group__append .el-select .el-input.is-focus .el-input__wrapper {
  box-shadow: none !important;
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus,
.el-input-group--append .el-input-group__append .el-select .el-input.is-focus {
  box-shadow: none !important;
  border: 0rem !important;
}

.el-input-tag {
  --el-input-tag-border-color-hover: var(--el-border-color-hover);
  --el-input-tag-placeholder-color: var(--el-text-color-placeholder);
  --el-input-tag-disabled-color: var(--el-disabled-text-color);
  --el-input-tag-disabled-border: var(--el-disabled-border-color);
  --el-input-tag-font-size: var(--el-font-size-base);
  --el-input-tag-close-hover-color: var(--el-text-color-secondary);
  --el-input-tag-text-color: var(--el-text-color-regular);
  --el-input-tag-input-focus-border-color: var(--el-color-primary);
  --el-input-tag-width: 100%;
  --el-input-tag-mini-height: var(--el-component-size);
  --el-input-tag-gap: 6px;
  --el-input-tag-padding: 4px;
  --el-input-tag-inner-padding: 8px;
  --el-input-tag-line-height: 32px;
}

.el-input-tag {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  font-size: var(--el-input-tag-font-size);
  padding: var(--el-input-tag-padding);
  width: var(--el-input-tag-width);
  min-height: var(--el-input-tag-mini-height);
  line-height: var(--el-input-tag-line-height);
  border-radius: var(--el-border-radius-base);
  background-color: var(--el-fill-color-blank);
  transition: var(--el-transition-duration);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 0 1px var(--el-border-color) inset;
}
.el-input-tag.is-focused {
  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
}

.el-input-tag.is-hovering:not(.is-focused) {
  box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
}

.el-input-tag.is-disabled {
  cursor: not-allowed;
  background-color: var(--el-fill-color-light);
  box-shadow: 0 0 0 1px var(--el-input-tag-disabled-border) inset;
}
.el-input-tag.is-disabled:hover {
  box-shadow: 0 0 0 1px var(--el-input-tag-disabled-border) inset;
}
.el-input-tag.is-disabled.is-focus {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-input-tag.is-disabled .el-input-tag__inner .el-input-tag__input {
  cursor: not-allowed;
}

.el-input-tag.is-disabled .el-input-tag__inner .el-tag {
  cursor: not-allowed;
}

.el-input-tag__prefix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 var(--el-input-tag-inner-padding);
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}

.el-input-tag__suffix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 var(--el-input-tag-inner-padding);
  gap: 8px;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}

.el-input-tag__collapse-tag {
  line-height: 1;
}

.el-input-tag__input-tag-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 6px;
}
.el-input-tag__input-tag-list.is-near {
  margin-left: -8px;
}

.el-input-tag__input-tag-list .el-tag {
  cursor: pointer;
  border-color: transparent;
}
.el-input-tag__input-tag-list .el-tag.el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-input-tag__input-tag-list .el-tag .el-tag__content {
  min-width: 0;
}

.el-input-tag__inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  max-width: 100%;
  min-width: 0;
  gap: var(--el-input-tag-gap);
}
.el-input-tag__inner.is-left-space {
  margin-left: var(--el-input-tag-inner-padding);
}

.el-input-tag__inner.is-right-space {
  margin-right: var(--el-input-tag-inner-padding);
}

.el-input-tag__inner.is-draggable .el-tag {
  cursor: move;
  user-select: none;
}

.el-input-tag__drop-indicator {
  position: absolute;
  top: 0;
  width: 1px;
  height: var(--el-input-tag-line-height);
  background-color: var(--el-color-primary);
}

.el-input-tag__inner .el-tag {
  max-width: 100%;
  cursor: pointer;
  border-color: transparent;
}
.el-input-tag__inner .el-tag.el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-input-tag__inner .el-tag .el-tag__content {
  min-width: 0;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-input-tag__input-wrapper {
  flex: 1;
}

.el-input-tag__input {
  border: none;
  outline: none;
  padding: 0;
  color: var(--el-input-tag-text-color);
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  appearance: none;
  width: 100%;
  background-color: transparent;
}
.el-input-tag__input::placeholder {
  color: var(--el-input-tag-placeholder-color);
}

.el-input-tag__input-calculator {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  visibility: hidden;
  white-space: pre;
  overflow: hidden;
}

.el-input-tag--large {
  --el-input-tag-gap: 6px;
  --el-input-tag-padding: 8px;
  --el-input-tag-padding-left: 8px;
  --el-input-tag-font-size: 14px;
}

.el-input-tag--small {
  --el-input-tag-gap: 4px;
  --el-input-tag-padding: 2px;
  --el-input-tag-padding-left: 6px;
  --el-input-tag-font-size: 12px;
  --el-input-tag-line-height: 25px;
  --el-input-tag-mini-height: var(--el-component-size-small);
}

.el-input-tag {
  min-height: 3rem;
  font-size: 1.2rem;
  box-shadow: none !important;
  position: relative;
  display: flex;
  box-sizing: border-box;
  background-color: var(--color-background-bg2);
  border: 0.1rem solid var(--color-background-outstanding);
  --el-input-tag-placeholder-color: var(--color-text-secondary) !important;
  transition: none;
}
.el-input-tag.is-disabled {
  background-color: var(--color-background-bg);
  box-shadow: none;
  outline: none;
  border: transparent;
}
.el-input-tag.is-disabled .el-input-tag__input {
  color: var(--color-text-secondary) !important;
}
.el-input-tag .el-input-tag__input {
  color: var(--color-text-primary) !important;
}
.el-input-tag .el-tag {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-background-outstanding-light) !important;
  --el-tag-text-color: var(--color-text-primary) !important;
  --el-tag-border-color: transparent !important;
}
.el-input-tag .el-tag .el-tag__close:hover {
  background-color: var(--color-background-outstanding) !important;
  color: var(--color-text-primary) !important;
}

.el-input-tag__input:focus-visible {
  outline: none !important;
}

.el-input-tag__inner {
  margin-left: 1rem;
}

.el-input-number {
  position: relative;
  display: inline-flex;
  width: 150px;
  line-height: 38px;
  vertical-align: middle;
}
.el-input-number .el-input__wrapper {
  padding-left: 50px;
  padding-right: 50px;
}
.el-input-number .el-input__inner {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  text-align: center;
  line-height: 1;
}
.el-input-number .el-input__inner::-webkit-inner-spin-button, .el-input-number .el-input__inner::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.el-input-number.is-left .el-input__inner {
  text-align: left;
}

.el-input-number.is-right .el-input__inner {
  text-align: right;
}

.el-input-number.is-center .el-input__inner {
  text-align: center;
}

.el-input-number__increase, .el-input-number__decrease {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  position: absolute;
  z-index: 1;
  top: 1px;
  bottom: 1px;
  width: 40px;
  background: var(--el-fill-color-light);
  color: var(--el-text-color-regular);
  cursor: pointer;
  font-size: 13px;
  user-select: none;
}
.el-input-number__increase:hover, .el-input-number__decrease:hover {
  color: var(--el-color-primary);
}
.el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper, .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset;
}
.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-input-number__increase {
  right: 1px;
  border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
  border-left: var(--el-border);
}

.el-input-number__decrease {
  left: 1px;
  border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
  border-right: var(--el-border);
}

.el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease {
  border-color: var(--el-disabled-border-color);
  color: var(--el-disabled-border-color);
}
.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover {
  color: var(--el-disabled-border-color);
  cursor: not-allowed;
}

.el-input-number--large {
  width: 180px;
  line-height: 43px;
}
.el-input-number--large .el-input-number__increase, .el-input-number--large .el-input-number__decrease {
  width: 45px;
  font-size: 14px;
}

.el-input-number--large.is-controls-right .el-input--large .el-input__wrapper {
  padding-right: 52px;
}

.el-input-number--large .el-input--large .el-input__wrapper {
  padding-left: 52px;
  padding-right: 52px;
}

.el-input-number--small {
  width: 120px;
  line-height: 33px;
}
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
  width: 35px;
  font-size: 12px;
}

.el-input-number--small.is-controls-right .el-input--small .el-input__wrapper {
  padding-right: 42px;
}

.el-input-number--small .el-input--small .el-input__wrapper {
  padding-left: 42px;
  padding-right: 42px;
}

.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.9);
}

.el-input-number.is-without-controls .el-input__wrapper {
  padding-left: 15px;
  padding-right: 15px;
}

.el-input-number.is-controls-right .el-input__wrapper {
  padding-left: 15px;
  padding-right: 50px;
}
.el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease {
  --el-input-number-controls-height: 19px;
  height: var(--el-input-number-controls-height);
  line-height: var(--el-input-number-controls-height);
}
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.8);
}

.el-input-number.is-controls-right .el-input-number__increase {
  bottom: auto;
  left: auto;
  border-radius: 0 var(--el-border-radius-base) 0 0;
  border-bottom: var(--el-border);
}

.el-input-number.is-controls-right .el-input-number__decrease {
  right: 1px;
  top: auto;
  left: auto;
  border-right: none;
  border-left: var(--el-border);
  border-radius: 0 0 var(--el-border-radius-base) 0;
}

.el-input-number.is-controls-right[class*=large] [class*=increase],
.el-input-number.is-controls-right[class*=large] [class*=decrease] {
  --el-input-number-controls-height: 21.5px;
}
.el-input-number.is-controls-right[class*=small] [class*=increase],
.el-input-number.is-controls-right[class*=small] [class*=decrease] {
  --el-input-number-controls-height: 16.5px;
}

.el-input-number {
  width: 15rem;
}
.el-input-number .el-input__suffix {
  display: none;
}
.el-input-number .el-input__wrapper {
  background: var(--color-background-outstanding);
  width: 100%;
}
.el-input-number .el-input__wrapper .el-input__inner {
  background: var(--color-background-bg2);
}
.el-input-number .el-icon {
  color: var(--color-text-primary) !important;
}

.el-input-number__increase,
.el-input-number__decrease {
  width: 3rem;
}

.el-input-number .el-input__wrapper {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.el-input-number .el-input-number__increase,
.el-input-number .el-input-number__decrease {
  background: var(--color-background-outstanding);
  border: none;
}

.el-input-number .el-input-number__increase:hover,
.el-input-number .el-input-number__decrease:hover {
  border: none;
}

.el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper,
.el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
  box-shadow: none;
}

.export-input-number p {
  display: flex;
  align-items: center;
}

:root {
  --el-loading-spinner-size: 42px;
  --el-loading-fullscreen-spinner-size: 50px;
}

.el-loading-parent--relative {
  position: relative !important;
}

.el-loading-parent--hidden {
  overflow: hidden !important;
}

.el-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: var(--el-mask-color);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity var(--el-transition-duration);
}
.el-loading-mask.is-fullscreen {
  position: fixed;
}
.el-loading-mask.is-fullscreen .el-loading-spinner {
  margin-top: calc((0px - var(--el-loading-fullscreen-spinner-size)) / 2);
}
.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  height: var(--el-loading-fullscreen-spinner-size);
  width: var(--el-loading-fullscreen-spinner-size);
}

.el-loading-spinner {
  top: 50%;
  margin-top: calc((0px - var(--el-loading-spinner-size)) / 2);
  width: 100%;
  text-align: center;
  position: absolute;
}
.el-loading-spinner .el-loading-text {
  color: var(--el-color-primary);
  margin: 3px 0;
  font-size: 14px;
}
.el-loading-spinner .circular {
  display: inline;
  height: var(--el-loading-spinner-size);
  width: var(--el-loading-spinner-size);
  animation: loading-rotate 2s linear infinite;
}
.el-loading-spinner .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: var(--el-color-primary);
  stroke-linecap: round;
}
.el-loading-spinner i {
  color: var(--el-color-primary);
}

.el-loading-fade-enter-from,
.el-loading-fade-leave-to {
  opacity: 0;
}

@keyframes loading-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
.el-loading-mask {
  --el-mask-color: var(--color-background-bg2-light);
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  overflow: auto;
}

.el-main {
  --el-main-padding: 20px;
  display: block;
  flex: 1;
  flex-basis: auto;
  overflow: auto;
  box-sizing: border-box;
  padding: var(--el-main-padding);
}

.el-main {
  --el-main-padding: 1.5rem;
  display: flex;
  flex-direction: column;
}

:root {
  --el-menu-active-color: var(--el-color-primary);
  --el-menu-text-color: var(--el-text-color-primary);
  --el-menu-hover-text-color: var(--el-color-primary);
  --el-menu-bg-color: var(--el-fill-color-blank);
  --el-menu-hover-bg-color: var(--color-background-bg);
  --el-menu-item-height: 56px;
  --el-menu-sub-item-height: calc(var(--el-menu-item-height) - 6px);
  --el-menu-horizontal-height: 60px;
  --el-menu-horizontal-sub-item-height: 36px;
  --el-menu-item-font-size: var(--el-font-size-base);
  --el-menu-item-hover-fill: var(--el-color-primary-light-9);
  --el-menu-border-color: var(--el-border-color);
  --el-menu-base-level-padding: 20px;
  --el-menu-level-padding: 20px;
  --el-menu-icon-width: 24px;
}

.el-menu {
  border-right: solid 1px var(--el-menu-border-color);
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
  background-color: var(--el-menu-bg-color);
  box-sizing: border-box;
}
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title {
  white-space: nowrap;
  padding-left: calc(var(--el-menu-base-level-padding) + var(--el-menu-level) * var(--el-menu-level-padding));
}

.el-menu:not(.el-menu--collapse) .el-sub-menu__title {
  padding-right: calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width));
}
.el-menu--horizontal {
  display: flex;
  flex-wrap: nowrap;
  border-right: none;
  height: var(--el-menu-horizontal-height);
}
.el-menu--horizontal.el-menu--popup-container {
  height: unset;
}
.el-menu--horizontal.el-menu {
  border-bottom: solid 1px var(--el-menu-border-color);
}
.el-menu--horizontal > .el-menu-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 0;
  border-bottom: 2px solid transparent;
  color: var(--el-menu-text-color);
}
.el-menu--horizontal > .el-menu-item a,
.el-menu--horizontal > .el-menu-item a:hover {
  color: inherit;
}
.el-menu--horizontal > .el-sub-menu:focus, .el-menu--horizontal > .el-sub-menu:hover {
  outline: none;
}
.el-menu--horizontal > .el-sub-menu:hover .el-sub-menu__title {
  color: var(--el-menu-hover-text-color);
}
.el-menu--horizontal > .el-sub-menu.is-active .el-sub-menu__title {
  border-bottom: 2px solid var(--el-menu-active-color);
  color: var(--el-menu-active-color);
}
.el-menu--horizontal > .el-sub-menu .el-sub-menu__title {
  height: 100%;
  border-bottom: 2px solid transparent;
  color: var(--el-menu-text-color);
}
.el-menu--horizontal > .el-sub-menu .el-sub-menu__title:hover {
  background-color: var(--el-menu-bg-color);
}
.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-sub-menu__title {
  background-color: var(--el-menu-bg-color);
  display: flex;
  align-items: center;
  height: var(--el-menu-horizontal-sub-item-height);
  line-height: var(--el-menu-horizontal-sub-item-height);
  padding: 0 10px;
  color: var(--el-menu-text-color);
}
.el-menu--horizontal .el-menu .el-sub-menu__title {
  padding-right: 40px;
}
.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-menu-item.is-active:hover, .el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title, .el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title:hover {
  color: var(--el-menu-active-color);
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
  outline: none;
  color: var(--el-menu-active-color, var(--el-menu-hover-text-color));
  background-color: var(--el-menu-hover-bg-color);
}
.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: 2px solid var(--el-menu-active-color);
  color: var(--el-menu-active-color) !important;
}

.el-menu--collapse {
  width: calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2);
}
.el-menu--collapse > .el-menu-item [class^=el-icon],
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title [class^=el-icon],
.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title [class^=el-icon] {
  margin: 0;
  vertical-align: middle;
  width: var(--el-menu-icon-width);
  text-align: center;
}
.el-menu--collapse > .el-menu-item .el-sub-menu__icon-arrow,
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow,
.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow {
  display: none;
}
.el-menu--collapse > .el-menu-item > span,
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title > span,
.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title > span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}
.el-menu--collapse > .el-menu-item.is-active i {
  color: inherit;
}
.el-menu--collapse .el-menu .el-sub-menu {
  min-width: 200px;
}
.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title {
  color: var(--el-menu-active-color);
}

.el-menu--popup {
  z-index: 100;
  min-width: 200px;
  border: none;
  padding: 5px 0;
  border-radius: var(--el-border-radius-small);
  box-shadow: var(--el-box-shadow-light);
}

.el-menu .el-icon {
  flex-shrink: 0;
}

.el-menu-item {
  display: flex;
  align-items: center;
  height: var(--el-menu-item-height);
  line-height: var(--el-menu-item-height);
  font-size: var(--el-menu-item-font-size);
  color: var(--el-menu-text-color);
  padding: 0 var(--el-menu-base-level-padding);
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
  box-sizing: border-box;
  white-space: nowrap;
}
.el-menu-item * {
  vertical-align: bottom;
}
.el-menu-item i {
  color: inherit;
}
.el-menu-item:hover, .el-menu-item:focus {
  outline: none;
}
.el-menu-item:hover {
  background-color: var(--el-menu-hover-bg-color);
}
.el-menu-item.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-menu-item [class^=el-icon] {
  margin-right: 5px;
  width: var(--el-menu-icon-width);
  text-align: center;
  font-size: 18px;
  vertical-align: middle;
}
.el-menu-item.is-active {
  color: var(--el-menu-active-color);
}
.el-menu-item.is-active i {
  color: inherit;
}

.el-menu-item .el-menu-tooltip__trigger {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 var(--el-menu-base-level-padding);
}

.el-sub-menu {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.el-sub-menu__title {
  display: flex;
  align-items: center;
  height: var(--el-menu-item-height);
  line-height: var(--el-menu-item-height);
  font-size: var(--el-menu-item-font-size);
  color: var(--el-menu-text-color);
  padding: 0 var(--el-menu-base-level-padding);
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
  box-sizing: border-box;
  white-space: nowrap;
}
.el-sub-menu__title * {
  vertical-align: bottom;
}
.el-sub-menu__title i {
  color: inherit;
}
.el-sub-menu__title:hover, .el-sub-menu__title:focus {
  outline: none;
}
.el-sub-menu__title:hover {
  background-color: var(--el-menu-hover-bg-color);
}
.el-sub-menu__title.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-sub-menu__title:hover {
  background-color: var(--el-menu-hover-bg-color);
}

.el-sub-menu .el-menu {
  border: none;
}
.el-sub-menu .el-menu-item {
  height: var(--el-menu-sub-item-height);
  line-height: var(--el-menu-sub-item-height);
}
.el-sub-menu.el-sub-menu__hide-arrow .el-sub-menu__title {
  padding-right: var(--el-menu-base-level-padding);
}
.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow {
  display: none !important;
}

.el-sub-menu.is-active .el-sub-menu__title {
  border-bottom-color: var(--el-menu-active-color);
}

.el-sub-menu.is-disabled .el-sub-menu__title,
.el-sub-menu.is-disabled .el-menu-item {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-sub-menu .el-icon {
  vertical-align: middle;
  margin-right: 5px;
  width: var(--el-menu-icon-width);
  text-align: center;
  font-size: 18px;
}
.el-sub-menu .el-icon.el-sub-menu__icon-more {
  margin-right: 0 !important;
}
.el-sub-menu .el-sub-menu__icon-arrow {
  position: absolute;
  top: 50%;
  right: var(--el-menu-base-level-padding);
  margin-top: -6px;
  transition: transform var(--el-transition-duration);
  font-size: 12px;
  margin-right: 0;
  width: inherit;
}

.el-menu-item-group > ul {
  padding: 0;
}
.el-menu-item-group__title {
  padding: 7px 0 7px var(--el-menu-base-level-padding);
  line-height: normal;
  font-size: 12px;
  color: var(--el-text-color-secondary);
}

.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow {
  transition: var(--el-transition-duration-fast);
  opacity: 0;
}

.el-popper,
.el-menu--popup-container,
.el-menu {
  outline: none;
}

.el-menu {
  --el-menu-base-level-padding: 0.5rem;
  --el-menu-level-padding: 2.75rem;
  --el-menu-icon-width: 2rem;
  --el-menu-item-height: 3.4rem;
  --el-transition-fade-linear: 0s;
  --el-transition-duration: 0s;
  --el-menu-hover-text-color: var(--color-text-primary);
  padding: 0rem;
  width: 100%;
  border: none;
  margin-right: 1rem;
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
.el-menu .el-menu--inline {
  gap: 0.1rem;
  padding-left: calc(var(--el-menu-level) * var(--el-menu-level-padding));
  --el-transition-duration: 0.3s;
  --el-transition-duration-fast: 0.2s;
}
.el-menu .el-menu-item:hover {
  background-color: var(--color-background-bg-light) !important;
  border-radius: 0.4rem;
}
.el-menu .el-menu-item.is-active:hover,
.el-menu .el-menu-item.is-active:focus {
  background-color: var(--color-background-outstanding-light);
}
.el-menu .el-menu-item.is-active::before {
  display: block;
  content: " ";
  position: absolute;
  left: 0rem;
  top: 0rem;
  bottom: 0rem;
  width: 0.3rem;
  border-radius: 0.2rem 0rem 0rem 0.2rem !important;
  background-color: var(--color-primary);
}

.appMenu .el-menu.el-menu--inline .subitems .el-sub-menu__title {
  padding-left: 1rem;
}
.appMenu .subitems .el-menu.el-menu--inline {
  padding-left: 2rem;
}
.appMenu .el-sub-menu__title {
  padding-right: 3rem !important;
}
.appMenu .el-sub-menu__icon-arrow {
  margin-right: 0.5rem !important;
}

.userMenu,
.settingsMenu {
  z-index: 9996 !important;
}

.el-menu--popup {
  display: none;
}

.el-menu-item {
  user-select: none;
  display: flex;
  align-items: center;
  height: inherit;
  border-radius: 0.4rem;
  padding: 0 !important;
}
.el-menu-item .link {
  display: flex;
  height: inherit;
  border-radius: 0.4rem;
  align-items: center;
  width: 100%;
  padding: 0rem 0.5rem;
}
.el-menu-item .link:focus-visible {
  background-color: var(--color-background-bg-light);
  outline: none;
}
.el-menu-item:has(.link:not(.level):focus-visible) {
  background-color: var(--color-background-bg-light);
}

.el-menu-item.is-active {
  background-color: var(--color-background-bg-light);
}
.el-menu-item.is-active .link {
  color: var(--color-primary);
}
.el-menu-item.is-active .link:focus-visible {
  background-color: var(--color-background-bg-light);
}

.el-message {
  --el-message-bg-color: var(--el-color-info-light-9);
  --el-message-border-color: var(--el-border-color-lighter);
  --el-message-padding: 11px 15px;
  --el-message-close-size: 16px;
  --el-message-close-icon-color: var(--el-text-color-placeholder);
  --el-message-close-hover-color: var(--el-text-color-secondary);
}

.el-message {
  width: max-content;
  max-width: calc(100% - 32px);
  box-sizing: border-box;
  border-radius: var(--el-border-radius-base);
  border-width: var(--el-border-width);
  border-style: var(--el-border-style);
  border-color: var(--el-message-border-color);
  position: fixed;
  background-color: var(--el-message-bg-color);
  transition: opacity var(--el-transition-duration), transform 0.4s, top 0.4s, bottom 0.4s;
  padding: var(--el-message-padding);
  display: flex;
  align-items: center;
  gap: 8px;
}
.el-message.is-left {
  left: 16px;
}
.el-message.is-right {
  right: 16px;
}
.el-message.is-center {
  left: 50%;
  transform: translateX(-50%);
}
.el-message.is-plain {
  background-color: var(--el-bg-color-overlay);
  border-color: var(--el-bg-color-overlay);
  box-shadow: var(--el-box-shadow-light);
}

.el-message p {
  margin: 0;
}
.el-message--primary {
  --el-message-bg-color: var(--el-color-primary-light-9);
  --el-message-border-color: var(--el-color-primary-light-8);
  --el-message-text-color: var(--el-color-primary);
}
.el-message--primary .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--primary {
  color: var(--el-message-text-color);
}
.el-message--success {
  --el-message-bg-color: var(--el-color-success-light-9);
  --el-message-border-color: var(--el-color-success-light-8);
  --el-message-text-color: var(--el-color-success);
}
.el-message--success .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--success {
  color: var(--el-message-text-color);
}
.el-message--info {
  --el-message-bg-color: var(--el-color-info-light-9);
  --el-message-border-color: var(--el-color-info-light-8);
  --el-message-text-color: var(--el-color-info);
}
.el-message--info .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--info {
  color: var(--el-message-text-color);
}
.el-message--warning {
  --el-message-bg-color: var(--el-color-warning-light-9);
  --el-message-border-color: var(--el-color-warning-light-8);
  --el-message-text-color: var(--el-color-warning);
}
.el-message--warning .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--warning {
  color: var(--el-message-text-color);
}
.el-message--error {
  --el-message-bg-color: var(--el-color-error-light-9);
  --el-message-border-color: var(--el-color-error-light-8);
  --el-message-text-color: var(--el-color-error);
}
.el-message--error .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--error {
  color: var(--el-message-text-color);
}
.el-message .el-message__badge {
  position: absolute;
  top: -8px;
  right: -8px;
}
.el-message__content {
  padding: 0;
  font-size: 14px;
  line-height: 1;
}
.el-message__content:focus {
  outline-width: 0;
}

.el-message .el-message__closeBtn {
  cursor: pointer;
  color: var(--el-message-close-icon-color);
  font-size: var(--el-message-close-size);
}
.el-message .el-message__closeBtn:focus {
  outline-width: 0;
}
.el-message .el-message__closeBtn:hover {
  color: var(--el-message-close-hover-color);
}

.el-message-fade-enter-from,
.el-message-fade-leave-to {
  opacity: 0;
}
.el-message-fade-enter-from.is-left, .el-message-fade-enter-from.is-right,
.el-message-fade-leave-to.is-left,
.el-message-fade-leave-to.is-right {
  transform: translateY(-100%);
}
.el-message-fade-enter-from.is-left.is-bottom, .el-message-fade-enter-from.is-right.is-bottom,
.el-message-fade-leave-to.is-left.is-bottom,
.el-message-fade-leave-to.is-right.is-bottom {
  transform: translateY(100%);
}
.el-message-fade-enter-from.is-center,
.el-message-fade-leave-to.is-center {
  transform: translate(-50%, -100%);
}
.el-message-fade-enter-from.is-center.is-bottom,
.el-message-fade-leave-to.is-center.is-bottom {
  transform: translate(-50%, 100%);
}

.el-message {
  user-select: none;
  --el-message-padding: 0.7rem 1rem;
  z-index: 9999 !important;
}
.el-message .el-message__content {
  font-weight: 600;
  font-size: 1.2rem;
}

.el-message--success {
  --el-message-bg-color: var(--el-color-success-light-1);
  --el-message-border-color: var(--el-color-success-light-8);
  --el-message-text-color: var(--el-color-success);
  --el-message-close-icon-color: var(--el-color-success-light-8);
  --el-message-close-hover-color: var(--el-color-success-light-3);
  backdrop-filter: blur(10px);
}

.el-message--success .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: anywhere;
}

.el-message--info {
  --el-message-bg-color: var(--el-color-info-light-1);
  --el-message-border-color: var(--el-color-info-light-8);
  --el-message-text-color: var(--el-color-info);
  --el-message-close-icon-color: var(--el-color-info-light-8);
  --el-message-close-hover-color: var(--el-color-info-light-3);
  backdrop-filter: blur(10px);
}

.el-message--info .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: anywhere;
}

.el-message--warning {
  --el-message-bg-color: var(--el-color-warning-light-1);
  --el-message-border-color: var(--el-color-warning-light-8);
  --el-message-text-color: var(--el-color-warning);
  --el-message-close-icon-color: var(--el-color-warning-light-8);
  --el-message-close-hover-color: var(--el-color-warning-light-3);
  backdrop-filter: blur(10px);
}

.el-message--warning .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: anywhere;
}

.el-message--error {
  --el-message-bg-color: var(--el-color-error-light-1);
  --el-message-border-color: var(--el-color-error-light-8);
  --el-message-text-color: var(--el-color-error);
  --el-message-close-icon-color: var(--el-color-error-light-8);
  --el-message-close-hover-color: var(--el-color-error-light-3);
  backdrop-filter: blur(1rem);
}

.el-message--error .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: anywhere;
}

.el-message-box {
  --el-messagebox-title-color: var(--el-text-color-primary);
  --el-messagebox-width: 420px;
  --el-messagebox-border-radius: 4px;
  --el-messagebox-box-shadow: var(--el-box-shadow);
  --el-messagebox-font-size: var(--el-font-size-large);
  --el-messagebox-content-font-size: var(--el-font-size-base);
  --el-messagebox-content-color: var(--el-text-color-regular);
  --el-messagebox-error-font-size: 12px;
  --el-messagebox-padding-primary: 12px;
  --el-messagebox-font-line-height: var(--el-font-line-height-primary);
}

.el-message-box {
  display: inline-block;
  position: relative;
  max-width: var(--el-messagebox-width);
  width: 100%;
  padding: var(--el-messagebox-padding-primary);
  vertical-align: middle;
  background-color: var(--el-bg-color);
  border-radius: var(--el-messagebox-border-radius);
  font-size: var(--el-messagebox-font-size);
  box-shadow: var(--el-messagebox-box-shadow);
  text-align: left;
  overflow: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  overflow-wrap: break-word;
}
.el-message-box:focus {
  outline: none !important;
}
.is-message-box .el-overlay-message-box {
  text-align: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px;
  overflow: auto;
}
.is-message-box .el-overlay-message-box::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.el-message-box.is-draggable .el-message-box__header {
  cursor: move;
  user-select: none;
}

.el-message-box__header {
  padding-bottom: var(--el-messagebox-padding-primary);
}
.el-message-box__header.show-close {
  padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px));
}

.el-message-box__title {
  font-size: var(--el-messagebox-font-size);
  line-height: var(--el-messagebox-font-line-height);
  color: var(--el-messagebox-title-color);
}

.el-message-box__headerbtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: none;
  outline: none;
  background: transparent;
  font-size: var(--el-message-close-size, 16px);
  cursor: pointer;
}
.el-message-box__headerbtn .el-message-box__close {
  color: var(--el-color-info);
  font-size: inherit;
}
.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
  color: var(--el-color-primary);
}

.el-message-box__content {
  color: var(--el-messagebox-content-color);
  font-size: var(--el-messagebox-content-font-size);
}

.el-message-box__container {
  display: flex;
  align-items: center;
  gap: 12px;
}

.el-message-box__input {
  padding-top: 12px;
}
.el-message-box__input div.invalid > input {
  border-color: var(--el-color-error);
}
.el-message-box__input div.invalid > input:focus {
  border-color: var(--el-color-error);
}

.el-message-box__status {
  font-size: 24px;
}
.el-message-box__status.el-message-box-icon--primary {
  --el-messagebox-color: var(--el-color-primary);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--success {
  --el-messagebox-color: var(--el-color-success);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--info {
  --el-messagebox-color: var(--el-color-info);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--warning {
  --el-messagebox-color: var(--el-color-warning);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--error {
  --el-messagebox-color: var(--el-color-error);
  color: var(--el-messagebox-color);
}

.el-message-box__message {
  margin: 0;
  min-width: 0;
}
.el-message-box__message p {
  margin: 0;
  line-height: var(--el-messagebox-font-line-height);
}

.el-message-box__errormsg {
  color: var(--el-color-error);
  font-size: var(--el-messagebox-error-font-size);
  line-height: var(--el-messagebox-font-line-height);
}

.el-message-box__btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding-top: var(--el-messagebox-padding-primary);
}

.el-message-box--center .el-message-box__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.el-message-box--center .el-message-box__status {
  font-size: inherit;
}

.el-message-box--center .el-message-box__btns {
  justify-content: center;
}

.el-message-box--center .el-message-box__container {
  justify-content: center;
}

.el-message-box-parent--hidden {
  overflow: hidden;
}

.fade-in-linear-enter-active .el-overlay-message-box {
  animation: msgbox-fade-in var(--el-transition-duration);
}

.fade-in-linear-leave-active .el-overlay-message-box {
  animation: msgbox-fade-in var(--el-transition-duration) reverse;
}

@keyframes msgbox-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.el-message-box {
  background-color: var(--color-background-bg2);
  user-select: none;
  border: 1px solid var(--color-background-outstanding-light);
  position: relative;
  padding: 0rem;
}
.el-message-box .el-message-box__header {
  display: flex;
  align-items: center;
  padding-top: 2rem;
  position: relative;
}
.el-message-box .el-message-box__header .el-message-box__title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.2;
}
.el-message-box .el-message-box__content .el-icon::before {
  background-color: var(--color-primary-light-3);
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  font-family: "netwin-icon-font", sans-serif;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: normal;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.el-message-box .el-message-box__container {
  display: flex;
  align-items: flex-start;
  margin-right: 1.5rem;
}
.el-message-box .el-message-box__container .el-message-box__status {
  top: -1.5rem;
  right: -2rem;
}
.el-message-box .el-message-box__content .icon {
  z-index: 2;
  font-size: 1.2rem;
  line-height: 2rem;
}
.el-message-box .el-message-box__message {
  margin-left: -0.25rem;
  padding: 2rem 0rem 1.5rem 0rem;
}
.el-message-box .el-message-box__btns {
  border-top: 1px solid var(--color-background-outstanding-light);
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  display: flex;
  gap: 1.5rem;
}
.el-message-box .el-message-box__btns button:nth-child(2) {
  margin-left: 0;
  color: var(--color-text-button-primary);
}
.el-message-box .el-message-box__content {
  padding: 0;
}
.el-message-box .el-message-box__close {
  color: var(--color-text-primary) !important;
  right: 1rem !important;
  top: 3rem !important;
  position: absolute !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.4rem !important;
  height: 2.4rem !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
}
.el-message-box em {
  font-style: normal;
  font-weight: 600;
}
.el-message-box .el-message-box__headerbtn {
  height: 20px;
}
.el-message-box .custom-message-slot {
  width: 100%;
  color: var(--color-text-primary);
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
.el-message-box .custom-message-slot h3 {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--color-text-primary);
}
.el-message-box .custom-message-slot p {
  line-height: 1.5rem;
  color: var(--color-text-primary);
  font-weight: 100;
}
.el-message-box .custom-message-slot ul {
  margin: 1rem 0;
  padding-left: 1.5rem;
}
.el-message-box .custom-message-slot ul li {
  margin: 0.5rem 0;
  line-height: 1.4;
  color: var(--color-text-primary);
}
.el-message-box .custom-message-slot small {
  font-size: 0.85rem;
  opacity: 0.8;
  color: var(--color-text-secondary);
}
.el-message-box .default-message-content {
  width: 100%;
  line-height: 1.5;
  color: var(--color-text-primary);
}

.el-message-box__container {
  gap: 0px;
}

.message-box--large {
  width: 60rem;
  max-width: 60rem;
}

.el-message-box.success .el-message-box__content .el-icon::before {
  background-color: var(--color-success-light-3);
}
.el-message-box.success em,
.el-message-box.success .icon {
  color: var(--color-success);
}

.el-message-box.error .el-message-box__content .el-icon::before {
  background-color: var(--color-error-light-3);
}
.el-message-box.error em,
.el-message-box.error .icon {
  color: var(--color-error);
}

.el-message-box.warning .el-message-box__content .el-icon::before {
  background-color: var(--color-warning-light-3);
}
.el-message-box.warning em,
.el-message-box.warning .icon {
  color: var(--color-warning);
}

.el-message-box.info .el-message-box__content .el-icon::before {
  background-color: var(--color-info-light-3);
}
.el-message-box.info em,
.el-message-box.info .icon {
  color: var(--color-info);
}

.el-message-box .icon {
  color: var(--color-primary);
}
.el-message-box em {
  color: var(--color-primary);
}

.el-notification {
  --el-notification-width: 330px;
  --el-notification-padding: 14px 26px 14px 13px;
  --el-notification-radius: 8px;
  --el-notification-shadow: var(--el-box-shadow-light);
  --el-notification-border-color: var(--el-border-color-lighter);
  --el-notification-icon-size: 24px;
  --el-notification-close-font-size: var(--el-message-close-size, 16px);
  --el-notification-group-margin-left: 13px;
  --el-notification-group-margin-right: 8px;
  --el-notification-content-font-size: var(--el-font-size-base);
  --el-notification-content-color: var(--el-text-color-regular);
  --el-notification-title-font-size: 16px;
  --el-notification-title-color: var(--el-text-color-primary);
  --el-notification-close-color: var(--el-text-color-secondary);
  --el-notification-close-hover-color: var(--el-text-color-regular);
}

.el-notification {
  display: flex;
  width: var(--el-notification-width);
  padding: var(--el-notification-padding);
  border-radius: var(--el-notification-radius);
  box-sizing: border-box;
  border: 1px solid var(--el-notification-border-color);
  position: fixed;
  background-color: var(--el-bg-color-overlay);
  box-shadow: var(--el-notification-shadow);
  transition: opacity var(--el-transition-duration), transform var(--el-transition-duration), left var(--el-transition-duration), right var(--el-transition-duration), top 0.4s, bottom var(--el-transition-duration);
  overflow-wrap: break-word;
  overflow: hidden;
  z-index: 9999;
}
.el-notification.right {
  right: 16px;
}
.el-notification.left {
  left: 16px;
}
.el-notification__group {
  flex: 1;
  min-width: 0;
  margin-left: var(--el-notification-group-margin-left);
  margin-right: var(--el-notification-group-margin-right);
}

.el-notification__title {
  font-weight: bold;
  font-size: var(--el-notification-title-font-size);
  line-height: var(--el-notification-icon-size);
  color: var(--el-notification-title-color);
  margin: 0;
}

.el-notification__content {
  font-size: var(--el-notification-content-font-size);
  line-height: 24px;
  margin: 6px 0 0;
  color: var(--el-notification-content-color);
}
.el-notification__content p {
  margin: 0;
}

.el-notification .el-notification__icon {
  flex-shrink: 0;
  height: var(--el-notification-icon-size);
  width: var(--el-notification-icon-size);
  font-size: var(--el-notification-icon-size);
}
.el-notification .el-notification__closeBtn {
  position: absolute;
  top: 18px;
  right: 15px;
  cursor: pointer;
  color: var(--el-notification-close-color);
  font-size: var(--el-notification-close-font-size);
}
.el-notification .el-notification__closeBtn:hover {
  color: var(--el-notification-close-hover-color);
}
.el-notification .el-notification--primary {
  --el-notification-icon-color: var(--el-color-primary);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--success {
  --el-notification-icon-color: var(--el-color-success);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--info {
  --el-notification-icon-color: var(--el-color-info);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--warning {
  --el-notification-icon-color: var(--el-color-warning);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--error {
  --el-notification-icon-color: var(--el-color-error);
  color: var(--el-notification-icon-color);
}

.el-notification-fade-enter-from.right {
  right: 0;
  transform: translateX(100%);
}
.el-notification-fade-enter-from.left {
  left: 0;
  transform: translateX(-100%);
}

.el-notification-fade-leave-to {
  opacity: 0;
}

.s-notification {
  border: 0;
  background: var(--color-background-bg2);
  padding: 0;
  display: flex;
  flex-direction: column;
  z-index: 9999 !important;
  --el-notification-title-font-size: 1.4rem;
  --el-notification-icon-size: 1rem;
}
.s-notification .el-notification__title {
  margin-top: 1rem;
  font-weight: bold;
  color: var(--color-secondary);
  display: flex;
  align-items: center;
}
.s-notification .el-notification__title i {
  padding: 0 1rem 0 0;
  vertical-align: text-top;
}
.s-notification .el-notification__title i .el-icon.el-notification__icon {
  color: var(--color-secondary);
}
.s-notification .el-notification__content {
  padding-left: 3rem;
  padding-bottom: 1rem;
}
.s-notification .el-notification__content p {
  font-size: 1.1rem;
}
.s-notification .el-progress-bar__inner {
  background-color: var(--color-secondary);
}
.s-notification .el-progress-bar__outer {
  height: 0.3rem !important;
  background-color: var(--color-background-outstanding);
}

.s-notification.success {
  border-color: var(--color-success);
}
.s-notification.success .el-notification__group .el-notification__title {
  font-weight: bold;
  color: var(--color-success);
}
.s-notification.success i.el-icon.el-notification__icon {
  color: var(--color-success);
}
.s-notification.success .el-progress-bar__inner {
  background-color: var(--color-success);
}

.s-notification.warning {
  border-color: var(--color-warning);
}
.s-notification.warning .el-notification__group .el-notification__title {
  font-weight: bold;
  color: var(--color-warning);
}
.s-notification.warning i.el-icon.el-notification__icon {
  color: var(--color-warning);
}
.s-notification.warning .el-progress-bar__inner {
  background-color: var(--color-warning);
}

.s-notification.error {
  border-color: var(--color-error);
}
.s-notification.error .el-notification__group .el-notification__title {
  font-weight: bold;
  color: var(--color-error);
}
.s-notification.error i.el-icon.el-notification__icon {
  color: var(--color-error);
}
.s-notification.error .el-progress-bar__inner {
  background-color: var(--color-error);
}

.s-notification.info {
  border-color: var(--color-info);
}
.s-notification.info .el-notification__group .el-notification__title {
  font-weight: bold;
  color: var(--color-info);
}
.s-notification.info i.el-icon.el-notification__icon {
  color: var(--color-info);
}
.s-notification.info .el-progress-bar__inner {
  background-color: var(--color-info);
}

.s-notification.default {
  border-color: var(--color-secondary);
}
.s-notification.default .el-notification__group .el-notification__title {
  font-weight: bold;
  color: var(--color-secondary);
}
.s-notification.default i.el-icon.el-notification__icon {
  color: var(--color-secondary);
}
.s-notification.default .el-progress-bar__inner {
  background-color: var(--color-secondary);
}

.s-ui-notification {
  width: auto;
  min-width: 30rem;
  border: 0;
  backdrop-filter: blur(20rem);
  padding: 0.5rem 1rem 0.5rem 1rem;
  display: flex;
  align-items: center;
  z-index: 9999 !important;
  user-select: none;
  border-radius: 0.4rem;
}
.s-ui-notification i {
  font-size: 1.5rem !important;
}
.s-ui-notification .el-notification__content {
  color: var(--color-text-primary);
}
.s-ui-notification .el-notification__content p {
  font-size: 1.2rem;
  font-weight: 600;
}
.s-ui-notification {
  background-color: var(--el-color-secondary-light-3);
  border-color: var(--el-color-secondary);
}
.s-ui-notification i.el-icon.el-notification__icon {
  color: var(--color-secondary);
}

.s-ui-notification.success {
  background-color: var(--el-color-success-light-3);
  border-color: var(--el-color-success);
}
.s-ui-notification.success i.el-icon.el-notification__icon {
  color: var(--color-success);
}

.s-ui-notification.warning {
  background-color: var(--el-color-warning-light-3);
  border-color: var(--el-color-warning);
}
.s-ui-notification.warning i.el-icon.el-notification__icon {
  color: var(--color-warning);
}

.s-ui-notification.error {
  background-color: var(--el-color-error-light-3);
  border-color: var(--el-color-error);
}
.s-ui-notification.error i.el-icon.el-notification__icon {
  color: var(--color-error);
}

.s-ui-notification.info {
  background-color: var(--el-color-info-light-3);
  border-color: var(--el-color-info);
}
.s-ui-notification.info i.el-icon.el-notification__icon {
  color: var(--color-info);
}

.el-select-dropdown__item {
  font-size: var(--el-font-size-base);
  padding: 0 32px 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--el-text-color-regular);
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}
.el-select-dropdown__item.is-hovering {
  background-color: var(--color-background-bg);
}

.el-select-dropdown__item.is-selected {
  color: var(--el-color-primary);
  font-weight: bold;
}

.el-select-dropdown__item.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
  background-color: unset;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  border-top: none;
  border-right: none;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--el-color-primary);
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  mask-size: 100% 100%;
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask-size: 100% 100%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
  background-color: var(--el-text-color-placeholder);
}

.el-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  height: 100%;
  background-color: var(--el-overlay-color-lighter);
  overflow: auto;
}
.el-overlay .el-overlay-root {
  height: 0;
}

.el-overlay {
  --el-overlay-color-lighter: var(--color-background-bg2-light);
  backdrop-filter: blur(0.2rem);
  z-index: 9997 !important;
}

.el-overlay.sNotificationsDrawerModal,
.el-overlay.theChatbotDrawerModal {
  --el-overlay-color-lighter: transparent;
  backdrop-filter: none;
  z-index: 9996 !important;
}

.el-overlay.theMenuDrawerModal {
  z-index: 9994 !important;
}

.el-pagination {
  --el-pagination-font-size: 14px;
  --el-pagination-bg-color: transparent;
  --el-pagination-text-color: var(--el-text-color-primary);
  --el-pagination-border-radius: 0px;
  --el-pagination-button-color: var(--el-text-color-primary);
  --el-pagination-button-width: 32px;
  --el-pagination-button-height: 32px;
  --el-pagination-button-disabled-color: var(--color-text-secondary);
  --el-pagination-button-disabled-bg-color: transparent;
  --el-pagination-button-bg-color: var(--el-fill-color);
  --el-pagination-hover-color: var(--el-color-primary);
  --el-pagination-font-size-small: 12px;
  --el-pagination-button-width-small: 24px;
  --el-pagination-button-height-small: 24px;
  --el-pagination-button-width-large: 40px;
  --el-pagination-button-height-large: 40px;
  --el-pagination-item-gap: 10px;
  white-space: nowrap;
  color: var(--el-pagination-text-color);
  font-size: var(--el-pagination-font-size);
  font-weight: normal;
  display: flex;
  align-items: center;
}
.el-pagination .el-input__inner {
  text-align: center;
  -moz-appearance: textfield;
}
.el-pagination .el-select {
  width: 128px;
}
.el-pagination .btn-prev,
.el-pagination .btn-next {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--el-pagination-font-size);
  min-width: var(--el-pagination-button-width);
  height: var(--el-pagination-button-height);
  line-height: var(--el-pagination-button-height);
  color: var(--el-pagination-button-color);
  background: var(--el-pagination-bg-color);
  padding: 0 4px;
  border: none;
  border-radius: var(--el-pagination-border-radius);
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
}
.el-pagination .btn-prev *,
.el-pagination .btn-next * {
  pointer-events: none;
}
.el-pagination .btn-prev:focus,
.el-pagination .btn-next:focus {
  outline: none;
}
.el-pagination .btn-prev:hover,
.el-pagination .btn-next:hover {
  color: var(--el-pagination-hover-color);
}
.el-pagination .btn-prev.is-active,
.el-pagination .btn-next.is-active {
  color: var(--el-pagination-hover-color);
  cursor: default;
  font-weight: bold;
}
.el-pagination .btn-prev.is-active.is-disabled,
.el-pagination .btn-next.is-active.is-disabled {
  font-weight: bold;
  color: var(--el-text-color-secondary);
}
.el-pagination .btn-prev:disabled, .el-pagination .btn-prev.is-disabled,
.el-pagination .btn-next:disabled,
.el-pagination .btn-next.is-disabled {
  color: var(--el-pagination-button-disabled-color);
  background-color: var(--el-pagination-button-disabled-bg-color);
  cursor: not-allowed;
}
.el-pagination .btn-prev:focus-visible,
.el-pagination .btn-next:focus-visible {
  outline: 1px solid var(--el-pagination-hover-color);
  outline-offset: -1px;
}
.el-pagination .btn-prev .el-icon,
.el-pagination .btn-next .el-icon {
  display: block;
  font-size: 12px;
  font-weight: bold;
  width: inherit;
}
.el-pagination > *.is-first {
  margin-left: 0 !important;
}

.el-pagination > *.is-last {
  margin-right: 0 !important;
}

.el-pagination .btn-prev {
  margin-left: var(--el-pagination-item-gap);
}
.el-pagination__sizes {
  margin-left: var(--el-pagination-item-gap);
  font-weight: normal;
  color: var(--el-text-color-regular);
}

.el-pagination__total {
  margin-left: var(--el-pagination-item-gap);
  font-weight: normal;
  color: var(--el-text-color-regular);
}
.el-pagination__total[disabled=true] {
  color: var(--el-text-color-placeholder);
}

.el-pagination__jump {
  display: flex;
  align-items: center;
  margin-left: var(--el-pagination-item-gap);
  font-weight: normal;
  color: var(--el-text-color-regular);
}
.el-pagination__jump[disabled=true] {
  color: var(--el-text-color-placeholder);
}
.el-pagination__goto {
  margin-right: 8px;
}

.el-pagination__editor {
  text-align: center;
  box-sizing: border-box;
}
.el-pagination__editor.el-input {
  width: 56px;
}
.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.el-pagination__classifier {
  margin-left: 8px;
}

.el-pagination__rightwrapper {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .el-pager li {
  margin: 0 4px;
  background-color: var(--el-pagination-button-bg-color);
}
.el-pagination.is-background .btn-prev.is-active,
.el-pagination.is-background .btn-next.is-active,
.el-pagination.is-background .el-pager li.is-active {
  background-color: var(--el-color-primary);
  color: var(--el-color-white);
}
.el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .btn-prev.is-disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-next.is-disabled,
.el-pagination.is-background .el-pager li:disabled,
.el-pagination.is-background .el-pager li.is-disabled {
  color: var(--el-text-color-placeholder);
  background-color: var(--el-disabled-bg-color);
}
.el-pagination.is-background .btn-prev:disabled.is-active, .el-pagination.is-background .btn-prev.is-disabled.is-active,
.el-pagination.is-background .btn-next:disabled.is-active,
.el-pagination.is-background .btn-next.is-disabled.is-active,
.el-pagination.is-background .el-pager li:disabled.is-active,
.el-pagination.is-background .el-pager li.is-disabled.is-active {
  color: var(--el-text-color-secondary);
  background-color: var(--el-fill-color-dark);
}
.el-pagination.is-background .btn-prev {
  margin-left: var(--el-pagination-item-gap);
}

.el-pagination--small .btn-prev,
.el-pagination--small .btn-next,
.el-pagination--small .el-pager li {
  height: var(--el-pagination-button-height-small);
  line-height: var(--el-pagination-button-height-small);
  font-size: var(--el-pagination-font-size-small);
  min-width: var(--el-pagination-button-width-small);
}
.el-pagination--small span:not([class*=suffix]),
.el-pagination--small button {
  font-size: var(--el-pagination-font-size-small);
}
.el-pagination--small .el-select {
  width: 100px;
}

.el-pagination--large .btn-prev,
.el-pagination--large .btn-next,
.el-pagination--large .el-pager li {
  height: var(--el-pagination-button-height-large);
  line-height: var(--el-pagination-button-height-large);
  min-width: var(--el-pagination-button-width-large);
}
.el-pagination--large .el-select .el-input {
  width: 160px;
}

.el-pager {
  user-select: none;
  list-style: none;
  font-size: 0;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.el-pager li {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--el-pagination-font-size);
  min-width: var(--el-pagination-button-width);
  height: var(--el-pagination-button-height);
  line-height: var(--el-pagination-button-height);
  color: var(--el-pagination-button-color);
  background: var(--el-pagination-bg-color);
  padding: 0 4px;
  border: none;
  border-radius: var(--el-pagination-border-radius);
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
}
.el-pager li * {
  pointer-events: none;
}
.el-pager li:focus {
  outline: none;
}
.el-pager li:hover {
  color: var(--el-pagination-hover-color);
}
.el-pager li.is-active {
  color: var(--el-pagination-hover-color);
  cursor: default;
  font-weight: bold;
}
.el-pager li.is-active.is-disabled {
  font-weight: bold;
  color: var(--el-text-color-secondary);
}
.el-pager li:disabled, .el-pager li.is-disabled {
  color: var(--el-pagination-button-disabled-color);
  background-color: var(--el-pagination-button-disabled-bg-color);
  cursor: not-allowed;
}
.el-pager li:focus-visible {
  outline: 1px solid var(--el-pagination-hover-color);
  outline-offset: -1px;
}

.el-pagination {
  font-size: 1.1rem;
  height: 3.5rem;
  color: var(--color-text-primary);
  border: 0.1rem solid var(--color-background-outstanding-light);
  background-color: var(--color-background-bg2);
  border-radius: var(--border-radius-basic);
  --el-pagination-font-size: 1.2rem;
  --el-pagination-bg-color: var(--color-background-bg2);
  --el-pagination-text-color: var(--color-text-primary);
  --el-pagination-button-width: 2.5rem;
  --el-pagination-button-height: 2.5rem;
  width: min-content;
  margin-left: auto;
  margin-right: 0;
}
.el-pagination .el-pagination__sizes {
  margin: 0;
  height: 3.5rem;
}
.el-pagination .el-pagination__sizes .el-select__wrapper {
  background: transparent;
  border: none;
  border-right: 0.1rem solid var(--color-background-outstanding-light);
  margin: 0;
  font-size: 1.1rem;
  height: 3.5rem;
}
.el-pagination .el-pagination__sizes .el-input.el-input--mini .el-input__inner {
  height: 22px;
  line-height: 22px;
  color: var(--color-text-primary);
}
.el-pagination .el-select__wrapper.is-focused {
  border: 0.1rem var(--color-primary) solid !important;
}
.el-pagination .el-input__inner {
  color: var(--color-text-primary);
}
.el-pagination .el-pagination__total {
  margin: 0;
  padding: 0 1.5rem;
  color: var(--color-text-primary);
}
.el-pagination .btn-prev {
  border-left: 0.1rem solid var(--color-background-outstanding-light);
  margin: 0;
}
.el-pagination .btn-prev .el-icon {
  font-weight: 800;
}
.el-pagination .el-pager .number {
  font-size: 1.1rem;
}
.el-pagination .el-pager .is-active.number {
  color: var(--color-text-button-primary);
  background-color: var(--color-primary);
  font-weight: 600;
  border-radius: 0.4rem;
}
.el-pagination .el-pager .more.btn-quicknext.el-icon {
  stroke: none;
  stroke-width: 3rem;
}
.el-pagination button:hover {
  font-weight: 700;
}
.el-pagination .btn-next {
  border-right: 0.1rem solid var(--color-background-outstanding);
  margin: 0;
  font-weight: 600;
}
.el-pagination .btn-next .el-icon svg {
  font-weight: 900;
}
.el-pagination .btn-next.is-last {
  border-right: none;
}
.el-pagination .el-pagination__jump {
  margin: 0;
  padding: 0 1rem;
  color: var(--color-text-primary);
}
.el-pagination .el-pagination__jump .el-select__wrapper {
  border: 0.1rem solid var(--color-background-outstanding-light);
  height: 2.5rem;
  color: var(--color-text-primary);
  font-size: 1.1rem;
  border-radius: 0.4rem;
}
.el-pagination .el-pager li:focus-visible {
  color: var(--color-primary);
  outline: none;
  font-weight: 700;
}
.el-pagination .btn-prev:focus-visible,
.el-pagination .btn-next:focus-visible {
  stroke: var(--color-primary);
  stroke-width: 5rem;
  outline: none;
}
.el-pagination .btn-prev[disabled],
.el-pagination .btn-next[disabled] {
  stroke: var(--el-pagination-button-disabled-color);
}

.el-popper {
  --el-popper-border-radius: var(--el-popover-border-radius, 4px);
  --el-popper-bg-color-light: var(--el-bg-color-overlay);
  --el-popper-bg-color-dark: var(--el-text-color-primary);
}

.el-popper {
  position: absolute;
  border-radius: var(--el-popper-border-radius);
  padding: 5px 11px;
  z-index: 2000;
  font-size: 12px;
  line-height: 20px;
  min-width: 10px;
  overflow-wrap: break-word;
  word-break: normal;
  visibility: visible;
}
.el-popper.is-dark {
  --el-fill-color-blank: var(--el-popper-bg-color-dark);
  color: var(--el-bg-color);
  background: var(--el-popper-bg-color-dark);
  border: 1px solid var(--el-text-color-primary);
}
.el-popper.is-dark > .el-popper__arrow::before {
  border: 1px solid var(--el-text-color-primary);
  background: var(--el-popper-bg-color-dark);
  right: 0;
}

.el-popper.is-light {
  --el-fill-color-blank: var(--el-popper-bg-color-light);
  background: var(--el-popper-bg-color-light);
  border: 1px solid var(--el-border-color-light);
}
.el-popper.is-light > .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
  background: var(--el-popper-bg-color-light);
  right: 0;
}

.el-popper.is-pure {
  padding: 0;
}

.el-popper__arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  z-index: -1;
}
.el-popper__arrow::before {
  position: absolute;
  width: 10px;
  height: 10px;
  z-index: -1;
  content: " ";
  transform: rotate(45deg);
  background: var(--el-text-color-primary);
  box-sizing: border-box;
}

.el-popper[data-popper-placement^=top] > .el-popper__arrow {
  bottom: -5px;
}
.el-popper[data-popper-placement^=top] > .el-popper__arrow::before {
  border-bottom-right-radius: 2px;
}
.el-popper[data-popper-placement^=bottom] > .el-popper__arrow {
  top: -5px;
}
.el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
  border-top-left-radius: 2px;
}
.el-popper[data-popper-placement^=left] > .el-popper__arrow {
  right: -5px;
}
.el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
  border-top-right-radius: 2px;
}
.el-popper[data-popper-placement^=right] > .el-popper__arrow {
  left: -5px;
}
.el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
  border-bottom-left-radius: 2px;
}
.el-popper[data-popper-placement^=top] > .el-popper__arrow::before {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
}
.el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
}
.el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
}
.el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}

.el-popper {
  border: none !important;
  border-radius: var(--border-radius-basic);
  z-index: 9995 !important;
}

.el-select__selection .el-tag {
  --el-tag-bg-color: var(--color-background-outstanding) !important;
  --el-tag-text-color: var(--color-text-primary) !important;
  --el-tag-border-color: transparent !important;
}

.el-popper.tooltip {
  color: var(--color-text-primary) !important;
  background: var(--color-tooltip) !important;
  min-width: 6rem !important;
  max-width: 50rem;
  padding: 0.5rem 1rem !important;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-style: italic;
  font-size: 1.1rem;
  word-break: break-word !important;
}

.el-popper.tooltip .el-popper__arrow::before {
  border: none;
  position: absolute;
  z-index: -999 !important;
  background: var(--color-tooltip) !important;
}

.el-popper.tooltip.info {
  padding: 1rem 1rem !important;
  align-items: flex-start;
  color: var(--color-background-bg) !important;
  user-select: none;
}
.el-popper.tooltip.info ul {
  margin-left: 2rem;
}
.el-popper.tooltip.info br {
  height: 0.5rem;
  content: "";
  display: block;
}

.el-select-v2__popper {
  background-color: var(--color-background-bg2) !important;
  box-shadow: var(--box-shadow-basic) !important;
}
.el-select-v2__popper .el-scrollbar__thumb {
  display: none;
}

.el-popper.is-pure .el-sub-menu {
  display: none;
}

.el-popper.is-light {
  box-shadow: var(--box-shadow-basic);
  background-color: var(--color-background-bg2) !important;
}

.el-popper.is-light .el-popper__arrow::before {
  background: var(--color-background-bg2);
  border: none !important;
  z-index: -1 !important;
}

.el-select__popper.el-popper {
  z-index: 9998 !important;
  background-color: var(--color-background-bg2) !important;
}

.el-popper[data-popper-placement^=right] > .el-popper__arrow {
  top: 10px !important;
}

.el-table-filter {
  height: auto;
  font-size: 1.1rem !important;
}
.el-table-filter .el-table-filter__checkbox-group {
  padding: 0.5rem;
  height: auto;
}
.el-table-filter button {
  padding: 0 3px;
  border: none;
  background-color: transparent;
}
.el-table-filter .el-checkbox {
  padding: 0.2rem;
  height: auto;
}
.el-table-filter .el-checkbox__label {
  font-size: 1.1rem;
}
.el-table-filter .el-table-filter__bottom {
  display: flex;
  justify-content: space-evenly;
  padding: 1rem 0rem;
}
.el-table-filter .el-table-filter__bottom button {
  font-size: 1.1rem;
  cursor: pointer;
}
.el-table-filter .el-table-filter__bottom button:hover {
  color: var(--color-primary);
}
.el-table-filter .el-checkbox-group {
  flex-direction: column;
}

.el-popover {
  --el-popover-bg-color: var(--color-background-bg);
  --el-popover-font-size: var(--el-font-size-base);
  --el-popover-border-color: var(--color-text-secondary);
  --el-popover-padding: 12px;
  --el-popover-padding-large: 18px 20px;
  --el-popover-title-font-size: 16px;
  --el-popover-title-text-color: var(--el-text-color-primary);
  --el-popover-border-radius: 4px;
}
.el-popover.el-popper {
  background: var(--el-popover-bg-color);
  min-width: 150px;
  border-radius: var(--el-popover-border-radius);
  border: 1px solid var(--el-popover-border-color);
  padding: var(--el-popover-padding);
  z-index: var(--el-index-popper);
  color: var(--el-text-color-regular);
  line-height: 1.4;
  font-size: var(--el-popover-font-size);
  box-shadow: var(--el-box-shadow-light);
  overflow-wrap: break-word;
  box-sizing: border-box;
}
.el-popover.el-popper--plain {
  padding: var(--el-popover-padding-large);
}

.el-popover__title {
  color: var(--el-popover-title-text-color);
  font-size: var(--el-popover-title-font-size);
  line-height: 1;
  margin-bottom: 12px;
}

.el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover {
  outline-width: 0;
}

.el-popover.el-popper.is-dark {
  --el-popover-bg-color: var(--el-text-color-primary);
  --el-popover-border-color: var(--el-text-color-primary);
  --el-popover-title-text-color: var(--el-bg-color);
  color: var(--el-bg-color);
}

.el-popover.el-popper:focus:active, .el-popover.el-popper:focus {
  outline-width: 0;
}

.el-popover.el-popper {
  background-color: var(--color-background-bg2);
  --el-popover-border-radius: var(--border-radius-basic);
  box-shadow: var(--box-shadow-basic);
  --el-popover-padding: 1.5rem;
}

.el-popover.el-popper.popperinfo {
  background: var(--color-tertiary-light-5);
  backdrop-filter: blur(0.4rem);
}

.el-popover.el-popper.popperinfo p.title-text {
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.4rem;
  display: flex;
  align-items: center;
  color: var(--el-color-white);
}

.el-popover.popover-autorefresh {
  min-width: 25rem !important;
}

.separator {
  background-color: var(--color-background-outstanding) !important;
  margin: 0.25rem 1.5rem;
}

.el-popover.popover-box-card {
  z-index: 9999 !important;
  width: 35rem !important;
}

.global-search-popover {
  z-index: 9999 !important;
  padding: 0rem !important;
  border-radius: 0.4rem !important;
}

.map-hierarchical-search {
  z-index: 9999 !important;
  padding: 1rem !important;
  border-radius: 0.4rem !important;
}

.el-popover.series-popover {
  width: 35rem !important;
  padding: 1rem !important;
}
.el-popover.series-popover .series-list {
  display: flex;
  gap: 0.3rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-height: 13rem;
  overflow-y: auto;
}

.groupby-popover .el-popover__title {
  font-weight: 600 !important;
  font-size: small !important;
}
.groupby-popover .groupBy-block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0rem;
}
.groupby-popover .groupBy-block .groupBy-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.groupby-popover .groupBy-block .groupBy-content .group-titles {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.groupby-popover .groupBy-block .groupBy-content .group-titles .groupBy-icons {
  display: flex;
  gap: 0.8rem;
}
.groupby-popover .groupBy-block .groupBy-content .group-titles .groupBy-icons i {
  color: var(--color-text-secondary);
  cursor: pointer;
}
.groupby-popover .groupBy-block .groupBy-content .group-titles .selected {
  color: var(--color-primary) !important;
}
.groupby-popover .groupBy-block .groupBy-content .group-titles .selected i {
  color: var(--color-primary) !important;
}

.el-progress {
  position: relative;
  line-height: 1;
  display: flex;
  align-items: center;
}
.el-progress__text {
  font-size: 14px;
  color: var(--el-text-color-regular);
  margin-left: 5px;
  min-width: 50px;
  line-height: 1;
}
.el-progress__text i {
  vertical-align: middle;
  display: block;
}

.el-progress--circle, .el-progress--dashboard {
  display: inline-block;
}
.el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translate(0, -50%);
}
.el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i {
  vertical-align: middle;
  display: inline-block;
}

.el-progress--without-text .el-progress__text {
  display: none;
}
.el-progress--without-text .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
  display: block;
}

.el-progress--text-inside .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
}

.el-progress.is-success .el-progress-bar__inner {
  background-color: var(--el-color-success);
}
.el-progress.is-success .el-progress__text {
  color: var(--el-color-success);
}

.el-progress.is-warning .el-progress-bar__inner {
  background-color: var(--el-color-warning);
}
.el-progress.is-warning .el-progress__text {
  color: var(--el-color-warning);
}

.el-progress.is-exception .el-progress-bar__inner {
  background-color: var(--el-color-danger);
}
.el-progress.is-exception .el-progress__text {
  color: var(--el-color-danger);
}

.el-progress-bar {
  flex-grow: 1;
  box-sizing: border-box;
}
.el-progress-bar__outer {
  height: 6px;
  border-radius: 100px;
  background-color: var(--el-border-color-lighter);
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}

.el-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: var(--el-color-primary);
  text-align: right;
  border-radius: 100px;
  line-height: 1;
  white-space: nowrap;
  transition: width 0.6s ease;
}
.el-progress-bar__inner::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-progress-bar__inner--indeterminate {
  transform: translateZ(0);
  animation: indeterminate 3s infinite;
}

.el-progress-bar__inner--striped {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
  background-size: 1.25em 1.25em;
}
.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow {
  animation: striped-flow 3s linear infinite;
}

.el-progress-bar__innerText {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  font-size: 12px;
  margin: 0 5px;
}

@keyframes progress {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 32px 0;
  }
}
@keyframes indeterminate {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes striped-flow {
  0% {
    background-position: -100%;
  }
  100% {
    background-position: 100%;
  }
}
.el-progress {
  min-width: 25rem;
}
.el-progress .el-progress-bar__inner {
  background-color: var(--color-primary);
}
.el-progress .el-progress-bar__outer {
  background-color: var(--color-background-outstanding);
}

.el-radio {
  --el-radio-font-size: var(--el-font-size-base);
  --el-radio-text-color: var(--el-text-color-regular);
  --el-radio-font-weight: var(--el-font-weight-primary);
  --el-radio-input-height: 14px;
  --el-radio-input-width: 14px;
  --el-radio-input-border-radius: var(--el-border-radius-circle);
  --el-radio-input-bg-color: var(--el-fill-color-blank);
  --el-radio-input-border: var(--el-border);
  --el-radio-input-border-color: var(--el-border-color);
  --el-radio-input-border-color-hover: var(--el-color-primary);
}

.el-radio {
  color: var(--el-radio-text-color);
  font-weight: var(--el-radio-font-weight);
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  outline: none;
  font-size: var(--el-font-size-base);
  user-select: none;
  margin-right: 30px;
  height: 40px;
}
.el-radio.el-radio--large {
  height: 45px;
}
.el-radio.el-radio--small {
  height: 35px;
}
.el-radio.is-bordered {
  padding: 0 15px 0 9px;
  border-radius: var(--el-border-radius-base);
  border: var(--el-border);
  box-sizing: border-box;
}
.el-radio.is-bordered.is-checked {
  border-color: var(--el-color-primary);
}
.el-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: var(--el-border-color-lighter);
}
.el-radio.is-bordered.el-radio--large {
  padding: 0 19px 0 11px;
  border-radius: var(--el-border-radius-base);
}
.el-radio.is-bordered.el-radio--large .el-radio__label {
  font-size: var(--el-font-size-base);
}
.el-radio.is-bordered.el-radio--large .el-radio__inner {
  height: 14px;
  width: 14px;
}
.el-radio.is-bordered.el-radio--small {
  padding: 0 11px 0 7px;
  border-radius: var(--el-border-radius-base);
}
.el-radio.is-bordered.el-radio--small .el-radio__label {
  font-size: 12px;
}
.el-radio.is-bordered.el-radio--small .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio:last-child {
  margin-right: 0;
}
.el-radio__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.el-radio__input.is-disabled .el-radio__inner {
  background-color: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
  cursor: not-allowed;
}
.el-radio__input.is-disabled .el-radio__inner::after {
  cursor: not-allowed;
  background-color: var(--el-disabled-bg-color);
}
.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  cursor: not-allowed;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
}
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: var(--el-text-color-placeholder);
}
.el-radio__input.is-disabled + span.el-radio__label {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: var(--el-color-primary);
  background: var(--el-color-primary);
}
.el-radio__input.is-checked .el-radio__inner::after {
  background-color: var(--el-color-white);
  transform: translate(-50%, -50%) scale(1);
}
.el-radio__input.is-checked + .el-radio__label {
  color: var(--el-color-primary);
}

.el-radio__input.is-focus .el-radio__inner {
  border-color: var(--el-radio-input-border-color-hover);
}

.el-radio__inner {
  border: var(--el-radio-input-border);
  border-radius: var(--el-radio-input-border-radius);
  width: var(--el-radio-input-width);
  height: var(--el-radio-input-height);
  background-color: var(--el-radio-input-bg-color);
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  transition: all 0.3s;
}
.el-radio__inner:hover {
  border-color: var(--el-radio-input-border-color-hover);
}
.el-radio__inner::after {
  width: 4px;
  height: 4px;
  border-radius: var(--el-radio-input-border-radius);
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in;
}

.el-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.el-radio__original:focus-visible + .el-radio__inner {
  outline: 2px solid var(--el-radio-input-border-color-hover);
  outline-offset: 1px;
  border-radius: var(--el-radio-input-border-radius);
}

.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) {
  /*获得焦点时 样式提醒*/
}
.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  box-shadow: 0 0 2px 2px var(--el-radio-input-border-color-hover);
}
.el-radio__label {
  font-size: var(--el-radio-font-size);
  padding-left: 8px;
}

.el-radio.el-radio--large .el-radio__label {
  font-size: 14px;
}

.el-radio.el-radio--large .el-radio__inner {
  width: 14px;
  height: 14px;
}

.el-radio.el-radio--small .el-radio__label {
  font-size: 12px;
}

.el-radio.el-radio--small .el-radio__inner {
  width: 12px;
  height: 12px;
}

.el-radio {
  color: var(--color-text-primary) !important;
}
.el-radio .el-radio__inner {
  width: 1.2rem;
  height: 1.2rem;
  border-width: 0.15rem;
  background-color: transparent;
}
.el-radio .el-radio__inner::after {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: var(--color-primary);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.el-radio:not(.is-checked):not(.is-disabled) .el-radio__inner {
  border-color: var(--color-text-primary);
}
.el-radio:not(.is-checked):not(.is-disabled):hover .el-radio__inner {
  border-color: var(--color-primary);
}
.el-radio:not(.is-checked):not(.is-disabled) .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(0) !important;
}
.el-radio.is-checked .el-radio__inner {
  border-color: var(--color-primary) !important;
  background-color: transparent !important;
}
.el-radio.is-checked .el-radio__inner::after {
  width: 0.6rem !important;
  height: 0.6rem !important;
  background-color: var(--color-primary) !important;
  transform: translate(-50%, -50%) scale(1) !important;
}
.el-radio.is-disabled .el-radio__inner {
  background-color: transparent !important;
  border-color: var(--color-background-outstanding) !important;
}
.el-radio.is-disabled .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(0);
}
.el-radio.is-disabled.is-checked .el-radio__inner {
  background-color: transparent !important;
  border-color: var(--color-background-outstanding) !important;
}
.el-radio.is-disabled.is-checked .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(1);
  background-color: var(--color-background-outstanding) !important;
}
.el-radio.is-error .el-radio__inner {
  border-color: var(--color-error) !important;
}
.el-radio.is-error .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(0);
}
.el-radio.is-error.is-checked .el-radio__inner::after {
  background-color: var(--color-error) !important;
  transform: translate(-50%, -50%) scale(1);
}
.el-radio .el-radio__input.is-focus .el-radio__inner,
.el-radio .el-radio__original:focus-visible + .el-radio__inner {
  outline: none !important;
  box-shadow: none !important;
}
.el-radio:not(.is-disabled):not(.is-checked) .el-radio__input.is-focus .el-radio__inner, .el-radio:not(.is-disabled):not(.is-checked) .el-radio__original:focus-visible + .el-radio__inner {
  border-color: var(--color-primary) !important;
}
.el-radio.is-checked .el-radio__label, .el-radio.is-disabled .el-radio__label {
  color: var(--color-text-primary) !important;
}

.el-radio-group {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 0;
}

.el-radio-group {
  gap: 0.25rem;
  display: flex;
  align-items: center;
}

.el-radio-button {
  --el-radio-button-checked-bg-color: transparent;
  --el-radio-button-checked-text-color: var(--color-primary);
  --el-radio-button-checked-border-color: var(--color-primary);
  --el-radio-button-disabled-checked-fill: var(--el-border-color-extra-light);
}

.el-radio-button {
  position: relative;
  display: inline-block;
  outline: none;
}
.el-radio-button__inner {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  background: var(--el-button-bg-color, var(--el-fill-color-blank));
  outline: var(--el-border);
  font-weight: var(--el-button-font-weight, var(--el-font-weight-primary));
  color: var(--el-button-text-color, var(--el-text-color-regular));
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  cursor: pointer;
  transition: var(--el-transition-all);
  user-select: none;
  padding: 8px 15px;
  font-size: var(--el-font-size-base);
  border-radius: 0;
}
.el-radio-button__inner.is-round {
  padding: 8px 15px;
}
.el-radio-button__inner:hover {
  color: var(--el-color-primary);
}
.el-radio-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-radio-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-radio-button:first-child .el-radio-button__inner {
  border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
  box-shadow: none !important;
}
.el-radio-button.is-active .el-radio-button__original-radio:not(:disabled) + .el-radio-button__inner {
  color: var(--el-radio-button-checked-text-color, var(--color-primary));
  background-color: var(--el-radio-button-checked-bg-color, transparent);
  border-color: var(--el-radio-button-checked-border-color, var(--color-primary));
  box-shadow: -1px 0 0 0 var(--el-radio-button-checked-border-color, var(--color-primary));
}

.el-radio-button__original-radio {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
}
.el-radio-button__original-radio:focus-visible + .el-radio-button__inner {
  border-left: var(--el-border);
  border-left-color: var(--el-radio-button-checked-border-color, var(--color-primary));
  outline: 2px solid var(--el-radio-button-checked-border-color);
  outline-offset: 1px;
  z-index: 2;
  border-radius: var(--el-border-radius-base);
  box-shadow: none;
}
.el-radio-button__original-radio:disabled + .el-radio-button__inner {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
  border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
  box-shadow: none;
}
.el-radio-button__original-radio:disabled:checked + .el-radio-button__inner {
  background-color: var(--el-radio-button-disabled-checked-fill);
}

.el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
}
.el-radio-button:first-child:last-child .el-radio-button__inner {
  border-radius: var(--el-border-radius-base);
}
.el-radio-button--large .el-radio-button__inner {
  padding: 12px 19px;
  font-size: var(--el-font-size-base);
  border-radius: 0;
}
.el-radio-button--large .el-radio-button__inner.is-round {
  padding: 12px 19px;
}

.el-radio-button--small .el-radio-button__inner {
  padding: 5px 11px;
  font-size: 12px;
  border-radius: 0;
}
.el-radio-button--small .el-radio-button__inner.is-round {
  padding: 5px 11px;
}

.el-radio-button .el-radio-button__inner {
  border: none !important;
  font-size: 1.1rem !important;
  font-weight: 600;
  border-radius: 0.4rem !important;
  background-color: var(--color-background-outstanding);
  color: var(--color-text-primary) !important;
}

.el-radio-button:hover .el-radio-button__inner {
  background-color: var(--color-background-outstanding-light) !important;
  color: var(--color-text-primary) !important;
}

.el-radio-button.is-focus .el-radio-button__inner {
  outline: none !important;
  transform: scale(1.01);
}

.el-radio-button.is-active .el-radio-button__inner {
  background-color: var(--color-primary) !important;
  color: var(--el-color-white) !important;
}

.el-radio-button.is-disabled .el-radio-button__inner {
  background-color: var(--color-background-bg-light) !important;
  color: var(--color-background-outstanding) !important;
}

.el-row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  box-sizing: border-box;
}
.el-row.is-justify-center {
  justify-content: center;
}

.el-row.is-justify-end {
  justify-content: flex-end;
}

.el-row.is-justify-space-between {
  justify-content: space-between;
}

.el-row.is-justify-space-around {
  justify-content: space-around;
}

.el-row.is-justify-space-evenly {
  justify-content: space-evenly;
}

.el-row.is-align-top {
  align-items: flex-start;
}

.el-row.is-align-middle {
  align-items: center;
}

.el-row.is-align-bottom {
  align-items: flex-end;
}

.el-form .el-row {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0rem;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  margin: 0rem !important;
}

.el-scrollbar {
  --el-scrollbar-opacity: 0.5;
  --el-scrollbar-bg-color: var(--el-text-color-secondary);
  --el-scrollbar-hover-opacity: 0.7;
  --el-scrollbar-hover-bg-color: var(--el-text-color-secondary);
}

.el-scrollbar {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.el-scrollbar__wrap {
  overflow: auto;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  display: none;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
  transition: var(--el-transition-duration) background-color;
  opacity: var(--el-scrollbar-opacity, 0.5);
}
.el-scrollbar__thumb:hover {
  background-color: var(--el-scrollbar-hover-bg-color, var(--el-text-color-secondary));
  opacity: var(--el-scrollbar-hover-opacity, 0.7);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.el-scrollbar-fade-enter-active {
  transition: opacity 340ms ease-out;
}
.el-scrollbar-fade-leave-active {
  transition: opacity 120ms ease-out;
}
.el-scrollbar-fade-enter-from, .el-scrollbar-fade-leave-active {
  opacity: 0;
}

.el-scrollbar__thumb {
  background-color: var(--color-background-outstanding);
}

.el-scrollbar__thumb:hover,
.el-scrollbar__thumb:focus,
.el-scrollbar__thumb:active {
  background-color: var(--el-text-color-secondary);
  opacity: var(0.5);
}

.el-scrollbar__bar {
  right: 0px;
  bottom: 0px;
}

.el-scrollbar__view {
  padding-right: 1rem;
}

.el-scrollbar__bar.is-vertical {
  width: 0.5rem;
}

.el-scrollbar__bar.is-horizontal {
  height: 0.5rem;
}

.sMapFilterModal-items-scroll-view {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.el-segmented--vertical {
  flex-direction: column;
}
.el-segmented--vertical .el-segmented__item {
  padding: 11px 11px;
}

.el-segmented {
  --el-segmented-color: var(--el-text-color-regular);
  --el-segmented-bg-color: var(--el-fill-color-light);
  --el-segmented-padding: 2px;
  --el-segmented-item-selected-color: var(--el-color-white);
  --el-segmented-item-selected-bg-color: var(--el-color-primary);
  --el-segmented-item-selected-disabled-bg-color: var(--el-color-primary-light-5);
  --el-segmented-item-hover-color: var(--el-text-color-primary);
  --el-segmented-item-hover-bg-color: var(--el-fill-color-dark);
  --el-segmented-item-active-bg-color: var(--el-fill-color-darker);
  --el-segmented-item-disabled-color: var(--el-text-color-placeholder);
}

.el-segmented {
  display: inline-flex;
  align-items: stretch;
  min-height: 40px;
  background: var(--el-segmented-bg-color);
  padding: var(--el-segmented-padding);
  border-radius: var(--el-border-radius-base);
  font-size: 14px;
  color: var(--el-segmented-color);
  box-sizing: border-box;
}
.el-segmented__group {
  display: flex;
  align-items: stretch;
  position: relative;
  width: 100%;
}

.el-segmented__item-selected {
  position: absolute;
  top: 0;
  left: 0;
  background: var(--el-segmented-item-selected-bg-color);
  height: 100%;
  width: 10px;
  border-radius: calc(var(--el-border-radius-base) - 2px);
  transition: all 0.3s;
  pointer-events: none;
}
.el-segmented__item-selected.is-disabled {
  background: var(--el-segmented-item-selected-disabled-bg-color);
}

.el-segmented__item-selected.is-focus-visible:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: inherit;
  outline: 2px solid var(--el-segmented-item-selected-bg-color);
  outline-offset: 1px;
}

.el-segmented__item {
  display: flex;
  align-items: center;
  flex: 1;
  cursor: pointer;
  border-radius: calc(var(--el-border-radius-base) - 2px);
  padding: 0 11px;
}
.el-segmented__item:not(.is-disabled):not(.is-selected):hover {
  color: var(--el-segmented-item-hover-color);
  background: var(--el-segmented-item-hover-bg-color);
}
.el-segmented__item:not(.is-disabled):not(.is-selected):active {
  background: var(--el-segmented-item-active-bg-color);
}
.el-segmented__item.is-selected {
  color: var(--el-segmented-item-selected-color);
}
.el-segmented__item.is-selected.is-disabled {
  color: var(--el-segmented-item-selected-color);
}

.el-segmented__item.is-disabled {
  cursor: not-allowed;
  color: var(--el-segmented-item-disabled-color);
}

.el-segmented__item-input {
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.el-segmented__item-label {
  flex: 1;
  text-align: center;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.3s;
  z-index: 1;
}

.el-segmented.is-block {
  display: flex;
}
.el-segmented.is-block .el-segmented__item {
  min-width: 0;
}

.el-segmented--large {
  min-height: 45px;
  border-radius: var(--el-border-radius-base);
  font-size: 16px;
}
.el-segmented--large .el-segmented__item-selected {
  border-radius: calc(var(--el-border-radius-base) - 2px);
}

.el-segmented--large .el-segmented--vertical .el-segmented__item {
  padding: 11px 11px;
}

.el-segmented--large .el-segmented__item {
  border-radius: calc(var(--el-border-radius-base) - 2px);
  padding: 0 11px;
}

.el-segmented--small {
  min-height: 35px;
  border-radius: calc(var(--el-border-radius-base) - 1px);
  font-size: 14px;
}
.el-segmented--small .el-segmented__item-selected {
  border-radius: calc(calc(var(--el-border-radius-base) - 1px) - 2px);
}

.el-segmented--small .el-segmented--vertical .el-segmented__item {
  padding: 7px 7px;
}

.el-segmented--small .el-segmented__item {
  border-radius: calc(calc(var(--el-border-radius-base) - 1px) - 2px);
  padding: 0 7px;
}

.el-segmented {
  background-color: transparent;
  --el-border-radius-base: 0.8rem;
  border: 0.1rem solid var(--color-background-outstanding);
  min-height: 3rem;
}
.el-segmented.is-block {
  width: 100%;
}
.el-segmented .el-segmented__item {
  background-color: var(--color-background-bg2);
}
.el-segmented .el-segmented__item:not(.is-disabled):not(.is-selected):hover {
  color: var(--color-text-primary);
  background: var(--color-background-outstanding);
}

.el-select-dropdown {
  z-index: calc(var(--el-index-top) + 1);
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
}
.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  padding: 0;
}

.el-select-dropdown__loading {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: var(--el-text-color-secondary);
  font-size: var(--el-select-font-size);
}

.el-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: var(--el-text-color-secondary);
  font-size: var(--el-select-font-size);
}

.el-select-dropdown__wrap {
  max-height: 274px;
}

.el-select-dropdown__list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  box-sizing: border-box;
}
.el-select-dropdown__list.el-vl__window {
  margin: 6px 0;
  padding: 0;
}

.el-select-dropdown__header {
  padding: 10px;
  border-bottom: 1px solid var(--el-border-color-light);
}

.el-select-dropdown__footer {
  padding: 10px;
  border-top: 1px solid var(--el-border-color-light);
}

.el-select-group {
  margin: 0;
  padding: 0;
}
.el-select-group__wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.el-select-group__title {
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 12px;
  color: var(--el-color-info);
  line-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-select-group .el-select-dropdown__item {
  padding-left: 20px;
}

.el-select {
  --el-select-border-color-hover: transparent;
  --el-select-disabled-color: var(--el-disabled-text-color);
  --el-select-disabled-border: var(--el-disabled-border-color);
  --el-select-font-size: var(--el-font-size-base);
  --el-select-close-hover-color: var(--el-text-color-secondary);
  --el-select-input-color: var(--el-text-color-placeholder);
  --el-select-multiple-input-color: var(--el-text-color-regular);
  --el-select-input-focus-border-color: var(--el-color-primary);
  --el-select-input-font-size: 14px;
  --el-select-width: 100%;
}

.el-select {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: var(--el-select-width);
}
.el-select__wrapper {
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  text-align: left;
  font-size: 14px;
  padding: 4px 12px;
  gap: 6px;
  min-height: 40px;
  line-height: 24px;
  border-radius: var(--el-border-radius-base);
  background-color: var(--el-fill-color-blank);
  transition: var(--el-transition-duration);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 0 1px var(--el-border-color) inset;
}
.el-select__wrapper.is-filterable {
  cursor: text;
}

.el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
}

.el-select__wrapper.is-hovering:not(.is-focused) {
  box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
}

.el-select__wrapper.is-disabled {
  cursor: not-allowed;
  background-color: var(--el-fill-color-light);
  color: var(--el-text-color-placeholder);
  box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset;
}
.el-select__wrapper.is-disabled:hover {
  box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset;
}
.el-select__wrapper.is-disabled.is-focus {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-select__wrapper.is-disabled .el-select__selected-item {
  color: var(--el-select-disabled-color);
}

.el-select__wrapper.is-disabled .el-select__caret {
  cursor: not-allowed;
}

.el-select__wrapper.is-disabled .el-tag {
  cursor: not-allowed;
}
.el-select__wrapper.is-disabled input {
  cursor: not-allowed;
}
.el-select__wrapper.is-disabled .el-select__prefix,
.el-select__wrapper.is-disabled .el-select__suffix {
  pointer-events: none;
}

.el-select__prefix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}

.el-select__suffix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}

.el-select__caret {
  color: var(--el-select-input-color);
  font-size: var(--el-select-input-font-size);
  transition: var(--el-transition-duration);
  transform: rotateZ(0deg);
  cursor: pointer;
}
.el-select__caret.is-reverse {
  transform: rotateZ(180deg);
}

.el-select__clear {
  cursor: pointer;
}
.el-select__clear:hover {
  color: var(--el-select-close-hover-color);
}

.el-select__selection {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 6px;
}
.el-select__selection.is-near {
  margin-left: -8px;
}

.el-select__selection .el-tag {
  cursor: pointer;
  border-color: transparent;
}
.el-select__selection .el-tag.el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-select__selection .el-tag .el-tag__content {
  min-width: 0;
}

.el-select__selected-item {
  display: flex;
  flex-wrap: wrap;
  user-select: none;
}

.el-select__tags-text {
  display: block;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-select__placeholder {
  position: absolute;
  z-index: -1;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--el-input-text-color, var(--el-text-color-regular));
}
.el-select__placeholder.is-transparent {
  user-select: none;
  color: var(--el-text-color-placeholder);
}

.el-select__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  box-shadow: var(--el-box-shadow-light);
}
.el-select__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
}
.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.el-select__input-wrapper {
  flex: 1;
}
.el-select__input-wrapper.is-hidden {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.el-select__input {
  border: none;
  outline: none;
  padding: 0;
  color: var(--el-select-multiple-input-color);
  font-size: inherit;
  font-family: inherit;
  appearance: none;
  height: 24px;
  width: 100%;
  background-color: transparent;
}

.el-select__input-calculator {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  visibility: hidden;
  white-space: pre;
  overflow: hidden;
}

.el-select--large .el-select__wrapper {
  gap: 6px;
  padding: 8px 16px;
  min-height: 45px;
  line-height: 24px;
  font-size: 14px;
}

.el-select--large .el-select__selection {
  gap: 6px;
}
.el-select--large .el-select__selection.is-near {
  margin-left: -8px;
}

.el-select--large .el-select__prefix {
  gap: 6px;
}

.el-select--large .el-select__suffix {
  gap: 6px;
}

.el-select--large .el-select__input {
  height: 24px;
}

.el-select--small .el-select__wrapper {
  gap: 4px;
  padding: 2px 8px;
  min-height: 35px;
  line-height: 20px;
  font-size: 12px;
}

.el-select--small .el-select__selection {
  gap: 4px;
}
.el-select--small .el-select__selection.is-near {
  margin-left: -6px;
}

.el-select--small .el-select__prefix {
  gap: 4px;
}

.el-select--small .el-select__suffix {
  gap: 4px;
}

.el-select--small .el-select__input {
  height: 20px;
}

.el-select {
  font-size: 1.2rem;
  --el-select-multiple-input-color: var(--color-text-primary);
}
.el-select .el-select__tags-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}
.el-select .el-select__selection .el-tag {
  --el-tag-bg-color: var(--color-background-outstanding);
  --el-tag-text-color: var(--color-text-primary);
  --el-tag-border-color: transparent;
  -webkit-text-fill-color: initial;
}
.el-select .el-tag {
  --el-tag-bg-color: var(--color-background-outstanding);
  --el-tag-text-color: var(--color-text-primary);
  --el-tag-border-color: transparent;
}
.el-select .el-tag .el-tag__close {
  background-color: var(--color-background-outstanding);
  color: var(--color-text-secondary);
}
.el-select .el-tag .el-tag__content {
  font-weight: 700;
  font-size: 0.9rem;
}
.el-select .el-select__wrapper {
  min-height: 2.5rem;
  font-size: 1.2rem;
  box-shadow: none !important;
  position: relative;
  display: flex;
  box-sizing: border-box;
  background-color: var(--color-background-bg2);
  border: 0.1rem solid var(--color-background-outstanding);
  height: 3rem;
  transition: none;
}
.el-select .el-select__wrapper .el-tag {
  -webkit-text-fill-color: initial;
}
.el-select .el-select__wrapper .el-select__placeholder {
  color: var(--color-text-primary);
}
.el-select .el-select__wrapper .el-select__placeholder.is-transparent {
  color: var(--color-text-secondary);
}
.el-select .el-select__wrapper.is-disabled {
  background-color: var(--color-background-outstanding-light) !important;
  border: 0.1rem solid var(--color-background-outstanding-light) !important;
  color: var(--color-text-secondary) !important;
  -webkit-text-fill-color: var(--el-disabled-text-color);
}
.el-select .el-select__wrapper.is-disabled .el-select__placeholder {
  color: var(--color-text-secondary);
}
.el-select .el-select__wrapper.is-disabled .el-select__placeholder.is-transparent {
  color: var(--color-text-secondary);
}
.el-select .el-input__wrapper.is-focus {
  border: 0.1rem var(--color-primary) solid !important;
  box-shadow: none !important;
}
.el-select .el-input.is-focus .el-input__wrapper {
  box-shadow: none !important;
}
.el-select .el-input.is-disabled .el-input__wrapper {
  background: var(--color-background-outstanding-light);
}
.el-select .el-input.is-disabled .el-input__wrapper:hover {
  background: var(--color-background-outstanding-light);
  border: transparent;
  box-shadow: none;
}

.el-select__popper.el-popper {
  background-color: var(--color-background-bg2);
  border-radius: var(--border-radius-basic);
  box-shadow: var(--box-shadow-basic) !important;
}

.el-select__popper.el-popper.el-popper__arrow::before {
  background: var(--color-background-bg2);
  border: none !important;
}

.el-form-item.is-error .el-select .el-select__wrapper {
  border: 0.1rem solid var(--el-color-danger) !important;
  box-shadow: none !important;
}
.el-form-item.is-error .el-select.is-focus .el-select__wrapper, .el-form-item.is-error .el-select:focus-within .el-select__wrapper {
  border: 0.1rem solid var(--color-primary) !important;
}

.el-select-dropdown .el-select-dropdown__item {
  font-size: 1.2rem;
  color: var(--color-text-primary);
  background-color: var(--color-background-bg2);
  font-weight: 500 !important;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  padding-left: 1rem !important;
}
.el-select-dropdown .el-select-dropdown__item:nth-last-child(1) {
  border-bottom: transparent;
}
.el-select-dropdown .el-select-dropdown__option-item {
  color: var(--color-text-primary);
  font-size: 1.2rem;
  background-color: transparent;
}
.el-select-dropdown .el-select-dropdown__item:not(:last-child):after {
  content: "";
  height: 0.1rem;
  position: absolute;
  background-color: var(--color-background-outstanding-light);
  margin-top: 3.3rem;
  width: 100%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.el-select-dropdown .el-select-dropdown__item.is-selected {
  color: var(--color-primary);
  background-color: var(--color-background-bg) !important;
}
.el-select-dropdown .el-select-dropdown__item.is-selected::before {
  display: block;
  content: " ";
  position: absolute;
  left: 0rem;
  top: 0rem;
  bottom: 0rem;
  width: 0.3rem;
  border-radius: 0.2rem 0rem 0rem 0.2rem !important;
  background-color: var(--color-primary);
  z-index: 2;
}
.el-select-dropdown .el-select-dropdown__item.is-selected:focus,
.el-select-dropdown .el-select-dropdown__item.is-selected.is-hovering {
  background-color: var(--color-background-outstanding-light) !important;
}
.el-select-dropdown .el-select-dropdown__item:hover,
.el-select-dropdown .el-select-dropdown__item.is-hovering {
  background-color: var(--color-background-bg) !important;
}
.el-select-dropdown .el-select-dropdown__item.is-disabled {
  color: var(--color-text-secondary);
}
.el-select-dropdown .el-select-dropdown__item.is-disabled:hover {
  background-color: transparent !important;
}
.el-select-dropdown .el-select-dropdown__option-item.is-hovering {
  background-color: transparent !important;
}
.el-select-dropdown .el-select-dropdown__option-item.is-selected {
  background-color: var(--el-color-primary-light-1) !important;
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  border-top: none;
  border-right: none;
  background-repeat: no-repeat;
  background-position: center;
}
.el-select-dropdown .el-select-dropdown__option-item.is-selected.is-hovering {
  background-color: var(--el-color-primary-light-2) !important;
}
.el-select-dropdown .el-select-dropdown__list {
  margin: 0 !important;
  padding: 0.75rem !important;
  border-radius: 0.4rem !important;
  border: none;
  background: var(--color-background-bg2) !important;
}
.el-select-dropdown .el-select-dropdown__list > div {
  position: relative;
}
.el-select-dropdown .el-vl__wrapper {
  margin: 0.75rem 0 !important;
}
.el-select-dropdown .el-vl__wrapper .el-select-dropdown__list {
  padding: 0 0.75rem !important;
}
.el-select-dropdown .el-select-dropdown__empty {
  padding: 1rem;
  color: var(--color-text-primary);
}
.el-select-dropdown .el-select-dropdown__wrap.el-scrollbar__wrap.el-scrollbar__wrap--hidden-default {
  background-color: var(--color-background-bg2);
  border-radius: 0.4rem !important;
}

.el-select-v2 {
  height: 3rem;
  font-size: 1.2rem;
}
.el-select-v2 .el-select-v2__wrapper {
  transition: none;
  color: var(--color-text-primary);
  border: 0.1rem solid var(--color-background-outstanding);
  background-color: var(--color-background-bg2);
}
.el-select-v2 .el-select-v2__wrapper .el-select-v2__placeholder.is-transparent {
  font-size: 1.2rem;
}
.el-select-v2 .el-select-v2__wrapper .el-select-v2__selection .el-tag {
  background-color: var(--el-color-primary-light-2);
}
.el-select-v2 .el-select-v2__wrapper .el-select-v2__selection .el-tag .el-tag__close {
  color: var(--color-primary);
  font-weight: 600;
  background-color: var(--color-primary-light-3);
}
.el-select-v2 .el-select-v2__wrapper .el-select-v2__selection .el-tag .el-tag__content {
  color: var(--color-primary);
  font-weight: 700;
  font-size: 0.9rem;
}
.el-select-v2 .el-select-v2__wrapper .el-select-v2__selection .el-tag .el-tag .is-closable {
  padding: 0;
}
.el-select-v2 .el-select-v2__wrapper .el-select-v2__suffix {
  font-size: 1.1rem;
}
.el-select-v2 .el-select-v2__wrapper.is-focused,
.el-select-v2 .el-select-v2__wrapper.is-focused.is-hovering {
  border: 0.1rem solid var(--color-primary) !important;
}
.el-select-v2 .el-select-v2__wrapper.is-hovering {
  border: 0.1rem solid var(--color-background-outstanding);
}

.el-select-v2__popper {
  background-color: var(--color-background-bg2) !important;
  box-shadow: var(--box-shadow-basic) !important;
  border-radius: var(--border-radius-basic);
}
.el-select-v2__popper .el-scrollbar__thumb {
  display: none !important;
}

.el-select-v2__popper.el-popper .el-popper__arrow::before {
  background: var(--color-background-bg2);
  border: none;
}

span.el-select-v2__placeholder {
  color: var(--color-text-primary);
}

.el-select-v2__caret.el-icon {
  stroke: var(--color-text-primary);
}

.el-select-v2__wrapper.is-focused i {
  stroke: var(--color-primary);
}

.no-scroll .el-scrollbar__thumb {
  display: none !important;
}

.svirtualdropdown-popper .el-select-dropdown__empty {
  min-height: 20rem;
}

.semipolar-spinner .ring {
  border-top-color: var(--color-primary) !important;
  border-left-color: var(--color-primary) !important;
}

.el-step {
  position: relative;
  flex-shrink: 1;
}
.el-step:last-of-type .el-step__line {
  display: none;
}

.el-step:last-of-type.is-flex {
  flex-basis: auto !important;
  flex-shrink: 0;
  flex-grow: 0;
}

.el-step:last-of-type .el-step__main, .el-step:last-of-type .el-step__description {
  padding-right: 0;
}

.el-step__head {
  position: relative;
  width: 100%;
}
.el-step__head.is-process {
  color: var(--el-text-color-primary);
  border-color: var(--el-text-color-primary);
}

.el-step__head.is-wait {
  color: var(--el-text-color-placeholder);
  border-color: var(--el-text-color-placeholder);
}

.el-step__head.is-success {
  color: var(--el-color-success);
  border-color: var(--el-color-success);
}

.el-step__head.is-error {
  color: var(--el-color-danger);
  border-color: var(--el-color-danger);
}

.el-step__head.is-finish {
  color: var(--el-color-primary);
  border-color: var(--el-color-primary);
}

.el-step__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  box-sizing: border-box;
  background: var(--el-bg-color);
  transition: 0.15s ease-out;
}
.el-step__icon.is-text {
  border-radius: 50%;
  border: 2px solid;
  border-color: currentColor;
}

.el-step__icon.is-icon {
  width: 40px;
}

.el-step__icon-inner {
  display: inline-block;
  user-select: none;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}
.el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: 25px;
  font-weight: normal;
}
.el-step__icon-inner.is-status {
  transform: translateY(1px);
}

.el-step__line {
  position: absolute;
  border-color: currentColor;
  background-color: var(--el-text-color-placeholder);
}

.el-step__line-inner {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: currentColor;
  transition: 0.15s ease-out;
  box-sizing: border-box;
  width: 0;
  height: 0;
}

.el-step__main {
  white-space: normal;
  text-align: left;
}

.el-step__title {
  font-size: 16px;
  line-height: 38px;
}
.el-step__title.is-process {
  font-weight: bold;
  color: var(--el-text-color-primary);
}

.el-step__title.is-wait {
  color: var(--el-text-color-placeholder);
}

.el-step__title.is-success {
  color: var(--el-color-success);
}

.el-step__title.is-error {
  color: var(--el-color-danger);
}

.el-step__title.is-finish {
  color: var(--el-color-primary);
}

.el-step__description {
  padding-right: 10%;
  margin-top: -5px;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
}
.el-step__description.is-process {
  color: var(--el-text-color-primary);
}

.el-step__description.is-wait {
  color: var(--el-text-color-placeholder);
}

.el-step__description.is-success {
  color: var(--el-color-success);
}

.el-step__description.is-error {
  color: var(--el-color-danger);
}

.el-step__description.is-finish {
  color: var(--el-color-primary);
}

.el-step.is-horizontal {
  display: inline-block;
}
.el-step.is-horizontal .el-step__line {
  height: 2px;
  top: 11px;
  left: 0;
  right: 0;
}

.el-step.is-vertical {
  display: flex;
}
.el-step.is-vertical .el-step__head {
  flex-grow: 0;
  width: 24px;
}

.el-step.is-vertical .el-step__main {
  padding-left: 10px;
  flex-grow: 1;
}

.el-step.is-vertical .el-step__title {
  line-height: 24px;
  padding-bottom: 8px;
}

.el-step.is-vertical .el-step__line {
  width: 2px;
  top: 0;
  bottom: 0;
  left: 11px;
}

.el-step.is-vertical .el-step__icon.is-icon {
  width: 24px;
}

.el-step.is-vertical .el-step__description {
  padding-right: 0;
}

.el-step.is-center .el-step__head {
  text-align: center;
}

.el-step.is-center .el-step__main {
  text-align: center;
}

.el-step.is-center .el-step__description {
  padding-left: 20%;
  padding-right: 20%;
}

.el-step.is-center .el-step__line {
  left: 50%;
  right: -50%;
}

.el-step.is-simple {
  display: flex;
  align-items: center;
}
.el-step.is-simple .el-step__head {
  width: auto;
  font-size: 0;
  padding-right: 10px;
}

.el-step.is-simple .el-step__icon {
  background: transparent;
  width: 16px;
  height: 16px;
  font-size: 12px;
}

.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: 18px;
}
.el-step.is-simple .el-step__icon-inner.is-status {
  transform: scale(0.8) translateY(1px);
}

.el-step.is-simple .el-step__main {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-grow: 1;
}

.el-step.is-simple .el-step__title {
  font-size: 16px;
  line-height: 20px;
}

.el-step.is-simple:not(:last-of-type) .el-step__title {
  max-width: 50%;
  overflow-wrap: break-word;
}

.el-step.is-simple .el-step__arrow {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.el-step.is-simple .el-step__arrow::before, .el-step.is-simple .el-step__arrow::after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 15px;
  width: 1px;
  background: var(--el-text-color-placeholder);
}
.el-step.is-simple .el-step__arrow::before {
  transform: rotate(-45deg) translateY(-4px);
  transform-origin: 0 0;
}
.el-step.is-simple .el-step__arrow::after {
  transform: rotate(45deg) translateY(4px);
  transform-origin: 100% 100%;
}

.el-step.is-simple:last-of-type .el-step__arrow {
  display: none;
}

.el-step__line {
  background: var(--color-text-secondary);
}

.el-step__icon.is-icon {
  background: var(--color-background-bg);
  color: var(--color-text-primary);
  width: 3.5rem;
  height: 3rem;
  margin-top: -5px;
  border-radius: var(--border-radius-basic);
}
.el-step__icon.is-icon .el-button {
  color: white;
  font-weight: normal;
}

.el-step__title {
  font-size: 1.2rem;
}

.el-step__title.is-finish {
  color: var(--color-text-primary);
  font-weight: bolder;
}

.el-step__head.is-finish .el-step__line {
  background: var(--color-primary);
}

.el-step__head.is-finish .el-step__icon.is-icon {
  background: var(--color-primary);
  color: var(--el-color-white);
}

.el-step__head.is-process .el-step__icon.is-icon {
  background: var(--color-primary);
  color: var(--el-color-white);
}

.el-step__description {
  font-size: 1.4rem;
  font-weight: bold;
}

.el-step__description.is-process {
  color: var(--color-primary);
}

.step-connection {
  background-color: var(--color-primary);
  margin: 0 auto;
  height: 0.2rem;
  margin-top: 1.1rem;
}

.step-connection-end {
  width: 0;
  height: 0;
  margin-top: 1.1rem;
}

.el-steps {
  display: flex;
  line-height: normal;
}
.el-steps--simple {
  padding: 13px 8%;
  border-radius: 4px;
  background: var(--el-fill-color-light);
}

.el-steps--horizontal {
  white-space: nowrap;
}

.el-steps--vertical {
  height: 100%;
  flex-flow: column;
}

.el-sub-menu {
  user-select: none;
  gap: 0.2rem;
  display: flex;
  flex-direction: column;
}
.el-sub-menu i {
  font-size: 1.6rem;
  margin-right: 1.5rem;
  margin-left: 0.25rem;
}
.el-sub-menu .el-sub-menu__icon-arrow {
  font-size: 1.2rem;
  margin-right: 0rem;
  --el-transition-duration: 0.3s;
  --el-transition-duration-fast: 0.2s;
}
.el-sub-menu .el-menu.el-menu--inline .el-menu-item {
  height: var(--el-menu-item-height);
  border-radius: 0.4rem;
}

.el-sub-menu__title {
  border-radius: 0.4rem;
}
.el-sub-menu__title:has(.link:not(.level):focus-visible) {
  background-color: var(--color-background-bg-light);
}

.el-sub-menu__title:hover {
  background-color: var(--color-background-bg-light);
  border-radius: 0.4rem;
  font-weight: 600;
}

.el-sub-menu.is-active > .el-sub-menu__title {
  color: var(--el-menu-active-color);
  background-color: var(--color-background-bg-light);
  font-weight: 600;
  border-radius: 0.4rem;
}
.el-sub-menu.is-active > .el-sub-menu__title span,
.el-sub-menu.is-active > .el-sub-menu__title i {
  color: var(--color-primary);
}

.el-sub-menu.is-active > .el-sub-menu__title::before {
  display: block;
  content: " ";
  position: absolute;
  left: 0rem;
  top: 0rem;
  bottom: 0rem;
  width: 0.3rem;
  border-radius: 0.2rem 0rem 0rem 0.2rem !important;
  background-color: var(--color-primary);
}

.el-sub-menu.is-active > .el-sub-menu__title:hover,
.el-sub-menu.is-active > .el-sub-menu__title:focus {
  background-color: var(--color-background-outstanding-light);
}

.el-switch {
  --el-switch-on-color: var(--el-color-primary);
  --el-switch-off-color: var(--el-border-color);
}

.el-switch {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  height: 32px;
  vertical-align: middle;
}
.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
  cursor: not-allowed;
}

.el-switch__label {
  transition: var(--el-transition-duration-fast);
  height: 20px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  vertical-align: middle;
  color: var(--el-text-color-primary);
}
.el-switch__label.is-active {
  color: var(--el-color-primary);
}

.el-switch__label--left {
  margin-right: 10px;
}

.el-switch__label--right {
  margin-left: 10px;
}

.el-switch__label * {
  line-height: 1;
  font-size: 14px;
  display: inline-block;
}
.el-switch__label .el-icon {
  height: inherit;
}
.el-switch__label .el-icon svg {
  vertical-align: middle;
}

.el-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}
.el-switch__input:focus-visible ~ .el-switch__core {
  outline: 2px solid var(--el-switch-on-color);
  outline-offset: 1px;
}

.el-switch__core {
  display: inline-flex;
  position: relative;
  align-items: center;
  min-width: 40px;
  height: 20px;
  border: 1px solid var(--el-switch-border-color, var(--el-switch-off-color));
  outline: none;
  border-radius: 10px;
  box-sizing: border-box;
  background: var(--el-switch-off-color);
  cursor: pointer;
  transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration);
}
.el-switch__core .el-switch__inner {
  width: 100%;
  transition: all var(--el-transition-duration);
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 0 4px 0 calc(16px + 2px);
}
.el-switch__core .el-switch__inner-wrapper {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--el-color-white);
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-switch__core .el-switch__action {
  position: absolute;
  left: 1px;
  border-radius: var(--el-border-radius-circle);
  transition: all var(--el-transition-duration);
  width: 16px;
  height: 16px;
  background-color: var(--el-color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--el-switch-off-color);
}

.el-switch.is-checked .el-switch__core {
  border-color: var(--el-switch-border-color, var(--el-switch-on-color));
  background-color: var(--el-switch-on-color);
}
.el-switch.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 17px);
  color: var(--el-switch-on-color);
}
.el-switch.is-checked .el-switch__core .el-switch__inner {
  padding: 0 calc(16px + 2px) 0 4px;
}

.el-switch.is-disabled {
  opacity: 0.6;
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
  left: 10px;
}
.el-switch--wide .el-switch__label.el-switch__label--right span {
  right: 10px;
}

.el-switch .label-fade-enter-from, .el-switch .label-fade-leave-active {
  opacity: 0;
}
.el-switch--large {
  font-size: 14px;
  line-height: 24px;
  height: 40px;
}
.el-switch--large .el-switch__label {
  height: 24px;
  font-size: 14px;
}
.el-switch--large .el-switch__label * {
  font-size: 14px;
}

.el-switch--large .el-switch__core {
  min-width: 50px;
  height: 24px;
  border-radius: 12px;
}
.el-switch--large .el-switch__core .el-switch__inner {
  height: 20px;
  padding: 0 6px 0 calc(20px + 2px);
}
.el-switch--large .el-switch__core .el-switch__action {
  width: 20px;
  height: 20px;
}

.el-switch--large.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 21px);
}
.el-switch--large.is-checked .el-switch__core .el-switch__inner {
  padding: 0 calc(20px + 2px) 0 6px;
}

.el-switch--small {
  font-size: 12px;
  line-height: 16px;
  height: 24px;
}
.el-switch--small .el-switch__label {
  height: 16px;
  font-size: 12px;
}
.el-switch--small .el-switch__label * {
  font-size: 12px;
}

.el-switch--small .el-switch__core {
  min-width: 30px;
  height: 16px;
  border-radius: 8px;
}
.el-switch--small .el-switch__core .el-switch__inner {
  height: 12px;
  padding: 0 2px 0 calc(12px + 2px);
}
.el-switch--small .el-switch__core .el-switch__action {
  width: 12px;
  height: 12px;
}

.el-switch--small.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 13px);
}
.el-switch--small.is-checked .el-switch__core .el-switch__inner {
  padding: 0 calc(12px + 2px) 0 2px;
}

.el-switch {
  --el-switch-off-color: var(--color-text-secondary);
}
.el-switch .el-switch__core .el-switch__action {
  background-color: var(--color-background-bg2);
}

.dark .el-switch {
  --el-switch-off-color: var(--color-background-outstanding) !important;
}
.dark .el-switch .el-switch__action {
  background-color: var(--color-text-primary) !important;
}

.el-table {
  --el-table-border-color: var(--color-background-outstanding);
  --el-table-border: 1px solid var(--el-table-border-color);
  --el-table-text-color: var(--el-text-color-regular);
  --el-table-header-text-color: var(--color-text-primary);
  --el-table-row-hover-bg-color: var(--color-background-bg);
  --el-table-current-row-bg-color: var(--color-background-bg);
  --el-table-header-bg-color: transparent;
  --el-table-fixed-box-shadow: var(--el-box-shadow-light);
  --el-table-bg-color: var(--el-fill-color-blank);
  --el-table-tr-bg-color: var(--el-fill-color-blank);
  --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-index: var(--el-index-normal);
}

.el-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  height: fit-content;
  width: 100%;
  max-width: 100%;
  background-color: var(--el-table-bg-color);
  font-size: var(--el-font-size-base);
  color: var(--el-table-text-color);
}
.el-table__inner-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.el-table__inner-wrapper::before {
  left: 0;
  bottom: 0;
  height: 1px;
}

.el-table tbody:focus-visible {
  outline: none;
}
.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell, .el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell {
  border-bottom-color: transparent;
}
.el-table__empty-block {
  position: sticky;
  left: 0;
  min-height: 60px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-table__empty-text {
  line-height: 60px;
  width: 50%;
  color: var(--el-text-color-secondary);
}

.el-table__expand-column .cell {
  padding: 0;
  text-align: center;
  user-select: none;
}

.el-table__expand-icon {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table__expand-icon:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: -2px;
}
.el-table__expand-icon {
  color: var(--el-text-color-regular);
  font-size: 12px;
  line-height: 12px;
  width: min(23px, 100%);
  height: 23px;
}
.el-table__expand-icon.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-table__expand-icon--expanded {
  transform: rotate(90deg);
}

.el-table__expand-icon > .el-icon {
  font-size: 12px;
}

.el-table__expanded-cell {
  background-color: var(--el-table-expanded-cell-bg-color);
}
.el-table__expanded-cell[class*=cell] {
  padding: 20px 50px;
}
.el-table__expanded-cell:hover {
  background-color: transparent !important;
}

.el-table__placeholder {
  display: inline-block;
  width: 20px;
}

.el-table__append-wrapper {
  overflow: hidden;
}

.el-table--fit {
  border-right: 0;
  border-bottom: 0;
}
.el-table--fit .el-table__cell.gutter {
  border-right-width: 1px;
}
.el-table--fit .el-table__inner-wrapper::before {
  width: 100%;
}

.el-table thead {
  color: var(--el-table-header-text-color);
}
.el-table thead th {
  font-weight: 600;
}
.el-table thead.is-group th.el-table__cell {
  background: var(--el-fill-color-light);
}
.el-table .el-table__cell {
  padding: 8px 0;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left;
  z-index: var(--el-table-index);
}
.el-table .el-table__cell.is-center {
  text-align: center;
}

.el-table .el-table__cell.is-right {
  text-align: right;
}

.el-table .el-table__cell.gutter {
  width: 15px;
  border-right-width: 0;
  border-bottom-width: 0;
  padding: 0;
}
.el-table .el-table__cell.is-hidden > * {
  visibility: hidden;
}
.el-table .cell {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  overflow-wrap: break-word;
  line-height: 23px;
  padding: 0 12px;
}
.el-table .cell.el-tooltip {
  white-space: nowrap;
  min-width: 50px;
}
.el-table--large {
  font-size: var(--el-font-size-base);
}
.el-table--large .el-table__cell {
  padding: 12px 0;
}
.el-table--large .cell {
  padding: 0 16px;
}

.el-table--default {
  font-size: var(--el-font-size-base);
}
.el-table--default .el-table__cell {
  padding: 8px 0;
}
.el-table--default .cell {
  padding: 0 12px;
}

.el-table--small {
  font-size: var(--el-font-size-extra-small);
}
.el-table--small .el-table__cell {
  padding: 4px 0;
}
.el-table--small .cell {
  padding: 0 8px;
}

.el-table tr {
  background-color: var(--el-table-tr-bg-color);
}
.el-table tr input[type=checkbox] {
  margin: 0;
}
.el-table th.el-table__cell.is-leaf,
.el-table td.el-table__cell {
  border-bottom: var(--el-table-border);
}
.el-table th.el-table__cell.is-sortable {
  cursor: pointer;
}
.el-table th.el-table__cell {
  background-color: var(--el-table-header-bg-color);
}
.el-table th.el-table__cell > .cell.highlight {
  color: var(--el-color-primary);
}
.el-table th.el-table__cell.required > div::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff4d51;
  margin-right: 5px;
  vertical-align: middle;
}
.el-table td.el-table__cell div {
  box-sizing: border-box;
}
.el-table td.el-table__cell.gutter {
  width: 0;
}
.el-table--border::after, .el-table--border::before, .el-table--border .el-table__inner-wrapper::after, .el-table__inner-wrapper::before {
  content: "";
  position: absolute;
  background-color: var(--el-table-border-color);
  z-index: calc(var(--el-table-index) + 2);
}

.el-table--border .el-table__inner-wrapper::after {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  z-index: calc(var(--el-table-index) + 2);
}

.el-table--border::before {
  top: -1px;
  left: 0;
  width: 1px;
  height: 100%;
}
.el-table--border::after {
  top: -1px;
  right: 0;
  width: 1px;
  height: 100%;
}
.el-table--border .el-table__inner-wrapper {
  border-right: none;
  border-bottom: none;
}

.el-table--border .el-table__footer-wrapper {
  position: relative;
  flex-shrink: 0;
}

.el-table--border .el-table__cell {
  border-right: var(--el-table-border);
}
.el-table--border th.el-table__cell.gutter:last-of-type {
  border-bottom: var(--el-table-border);
  border-bottom-width: 1px;
}
.el-table--border th.el-table__cell {
  border-bottom: var(--el-table-border);
}

.el-table--hidden {
  visibility: hidden;
}

.el-table__header-wrapper, .el-table__body-wrapper, .el-table__footer-wrapper {
  width: 100%;
}
.el-table__header-wrapper tr td.el-table-fixed-column--left, .el-table__header-wrapper tr td.el-table-fixed-column--right,
.el-table__header-wrapper tr th.el-table-fixed-column--left,
.el-table__header-wrapper tr th.el-table-fixed-column--right, .el-table__body-wrapper tr td.el-table-fixed-column--left, .el-table__body-wrapper tr td.el-table-fixed-column--right,
.el-table__body-wrapper tr th.el-table-fixed-column--left,
.el-table__body-wrapper tr th.el-table-fixed-column--right, .el-table__footer-wrapper tr td.el-table-fixed-column--left, .el-table__footer-wrapper tr td.el-table-fixed-column--right,
.el-table__footer-wrapper tr th.el-table-fixed-column--left,
.el-table__footer-wrapper tr th.el-table-fixed-column--right {
  position: sticky !important;
  background: inherit;
  z-index: calc(var(--el-table-index) + 1);
}
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column::before {
  content: "";
  position: absolute;
  top: 0px;
  width: 10px;
  bottom: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: none;
  touch-action: none;
  pointer-events: none;
}
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column::before {
  left: -10px;
}
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column::before {
  right: -10px;
}
.el-table__header-wrapper tr td.el-table__fixed-right-patch,
.el-table__header-wrapper tr th.el-table__fixed-right-patch, .el-table__body-wrapper tr td.el-table__fixed-right-patch,
.el-table__body-wrapper tr th.el-table__fixed-right-patch, .el-table__footer-wrapper tr td.el-table__fixed-right-patch,
.el-table__footer-wrapper tr th.el-table__fixed-right-patch {
  position: sticky !important;
  z-index: calc(var(--el-table-index) + 1);
  background: #fff;
  right: 0;
}

.el-table__header-wrapper {
  flex-shrink: 0;
}
.el-table__header-wrapper tr th.el-table-fixed-column--left, .el-table__header-wrapper tr th.el-table-fixed-column--right {
  background-color: var(--el-table-header-bg-color);
}

.el-table__header, .el-table__body, .el-table__footer {
  table-layout: fixed;
  border-collapse: separate;
}

.el-table__header-wrapper {
  overflow: hidden;
}
.el-table__header-wrapper tbody td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
  color: var(--el-table-text-color);
}

.el-table__footer-wrapper {
  overflow: hidden;
  flex-shrink: 0;
}
.el-table__footer-wrapper tfoot td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
  color: var(--el-table-text-color);
}

.el-table__header-wrapper .el-table-column--selection > .cell, .el-table__body-wrapper .el-table-column--selection > .cell {
  display: inline-flex;
  align-items: center;
  height: 23px;
}
.el-table__header-wrapper .el-table-column--selection .el-checkbox, .el-table__body-wrapper .el-table-column--selection .el-checkbox {
  height: unset;
}

.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column::before {
  box-shadow: var(--el-table-fixed-right-column);
}
.el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell {
  border-right: var(--el-table-border);
}
.el-table.is-scrolling-left th.el-table-fixed-column--left {
  background-color: var(--el-table-header-bg-color);
}

.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column::before {
  box-shadow: var(--el-table-fixed-left-column);
}
.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell {
  border-right: none;
}
.el-table.is-scrolling-right th.el-table-fixed-column--right {
  background-color: var(--el-table-header-bg-color);
}

.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell {
  border-right: none;
}
.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column::before {
  box-shadow: var(--el-table-fixed-right-column);
}
.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column::before {
  box-shadow: var(--el-table-fixed-left-column);
}

.el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column::before, .el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column::before,
.el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column::before,
.el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column::before {
  box-shadow: none;
}
.el-table.is-scrolling-none th.el-table-fixed-column--left,
.el-table.is-scrolling-none th.el-table-fixed-column--right {
  background-color: var(--el-table-header-bg-color);
}

.el-table__body-wrapper {
  overflow: hidden;
  position: relative;
  flex: 1;
}
.el-table__body-wrapper .el-scrollbar__bar {
  z-index: calc(var(--el-table-index) + 2);
}

.el-table .caret-wrapper {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table .caret-wrapper:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table .caret-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  height: 14px;
  width: 24px;
  vertical-align: middle;
  overflow: initial;
  position: relative;
}
.el-table .sort-caret {
  width: 0;
  height: 0;
  border: solid 5px transparent;
  position: absolute;
  left: 7px;
}
.el-table .sort-caret.ascending {
  border-bottom-color: var(--el-text-color-placeholder);
  top: -5px;
}
.el-table .sort-caret.descending {
  border-top-color: var(--el-text-color-placeholder);
  bottom: -3px;
}
.el-table .ascending .sort-caret.ascending {
  border-bottom-color: var(--el-color-primary);
}
.el-table .descending .sort-caret.descending {
  border-top-color: var(--el-color-primary);
}
.el-table .hidden-columns {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: var(--el-fill-color-lighter);
}
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell {
  background-color: var(--el-table-current-row-bg-color);
}

.el-table__body tr.hover-row > td.el-table__cell, .el-table__body tr.hover-row.current-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
}
.el-table__body tr > td.hover-cell {
  background-color: var(--el-table-row-hover-bg-color);
}
.el-table__body tr.current-row > td.el-table__cell {
  background-color: var(--el-table-current-row-bg-color);
}

.el-table.el-table--scrollable-y .el-table__body-header {
  position: sticky;
  top: 0;
  z-index: calc(var(--el-table-index) + 2);
}

.el-table.el-table--scrollable-y .el-table__body-footer {
  position: sticky;
  bottom: 0;
  z-index: calc(var(--el-table-index) + 2);
}

.el-table__column-resize-proxy {
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: var(--el-table-border);
  z-index: calc(var(--el-table-index) + 9);
}

.el-table__column-filter-trigger {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table__column-filter-trigger:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table__column-filter-trigger {
  display: inline-block;
}
.el-table__column-filter-trigger i {
  color: var(--el-color-info);
  font-size: 14px;
  vertical-align: middle;
}

.el-table__border-left-patch {
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  z-index: calc(var(--el-table-index) + 2);
  position: absolute;
  background-color: var(--el-table-border-color);
}

.el-table__border-bottom-patch {
  left: 0;
  height: 1px;
  z-index: calc(var(--el-table-index) + 2);
  position: absolute;
  background-color: var(--el-table-border-color);
}

.el-table__border-right-patch {
  top: 0;
  height: 100%;
  width: 1px;
  z-index: calc(var(--el-table-index) + 2);
  position: absolute;
  background-color: var(--el-table-border-color);
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
  transition: background-color 0.25s ease;
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.el-table .el-table.el-table--border .el-table__cell {
  border-right: var(--el-table-border);
}
.el-table:not(.el-table--border) .el-table__cell {
  border-right: none;
}
.el-table:not(.el-table--border) > .el-table__inner-wrapper::after {
  content: none;
}

.el-table {
  --el-checkbox-height: 25px;
  --el-table-current-row-bg-color: var(--color-primary-light-1);
  --el-checkbox-font-size: 1.1rem;
  background-color: var(--color-background-bg2);
  border-radius: 1rem;
  box-shadow: var(--box-shadow-basic);
  font-size: 1.1rem;
}
.el-table .el-table__cell {
  height: 25px;
}
.el-table p,
.el-table .el-checkbox__label {
  font-size: 1.1rem;
}
.el-table .el-table__row {
  height: 25px;
}
.el-table i {
  font-size: 1.2rem;
}
.el-table .cell {
  padding: 0 2rem;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.el-table .el-table__empty-text {
  visibility: hidden;
}
.el-table td.el-table__cell.el-table__expanded-cell {
  padding: 1rem 2rem 3rem 0rem;
}
.el-table td.el-table__cell.el-table__expanded-cell p {
  margin-bottom: 1em;
}
.el-table .el-table__header-wrapper thead {
  color: var(--color-text-primary);
  font-weight: 700;
}
.el-table .el-table__header-wrapper thead th.el-table__cell.is-leaf {
  border-bottom: 0.2rem solid var(--color-text-secondary);
}
.el-table .el-table__body-wrapper {
  color: var(--color-text-primary);
  font-weight: 400;
  overflow-x: hidden;
}
.el-table .el-table__body-wrapper .el-table__row.current-row {
  background-color: var(--color-primary-light-1);
  color: var(--color-primary);
  font-weight: 600;
}
.el-table .el-table__body-wrapper .el-table__row.critical-row {
  background-color: var(--color-error-light-2);
}
.el-table .el-table__body-wrapper .el-table__row.critical-row:hover > td.el-table__cell {
  background-color: var(--color-error-light-2);
  color: var(--color-error);
}
.el-table .el-table__body-wrapper .el-table__row.current-row.critical-row > td.el-table__cell {
  background-color: var(--color-error-light-2);
  color: var(--color-error);
}
.el-table .el-table__body-wrapper .el-table__row.info-row {
  background-color: var(--color-secondary-light-2);
}
.el-table .el-table__body-wrapper .el-table__row.info-row:hover > td.el-table__cell {
  background-color: var(--color-secondary-light-2);
  color: var(--color-secondary);
}
.el-table .el-table__body-wrapper .el-table__row.current-row.info-row > td.el-table__cell {
  background-color: var(--color-secondary-light-2);
  color: var(--color-secondary);
}
.el-table .el-table__body-wrapper .el-table__row.major-row {
  background-color: var(--color-warning-light-2);
}
.el-table .el-table__body-wrapper .el-table__row.major-row:hover > td.el-table__cell {
  background-color: var(--color-warning-light-2);
  color: var(--color-warning);
}
.el-table .el-table__body-wrapper .el-table__row.current-row.major-row > td.el-table__cell {
  background-color: var(--color-warning-light-2);
  color: var(--color-warning);
}
.el-table .el-table__body-wrapper .el-table__row.minor-row {
  background-color: var(--color-advice-light-3);
}
.el-table .el-table__body-wrapper .el-table__row.minor-row:hover > td.el-table__cell {
  background-color: var(--color-advice-light-3);
  color: var(--color-advice);
}
.el-table .el-table__body-wrapper .el-table__row.current-row.minor-row > td.el-table__cell {
  background-color: var(--color-advice-light-3);
  color: var(--color-advice);
}
.el-table .el-table__body-wrapper .el-table__row.normal-row {
  background-color: var(--color-success-light-2);
}
.el-table .el-table__body-wrapper .el-table__row.normal-row:hover > td.el-table__cell {
  background-color: var(--color-success-light-2);
  color: var(--color-success);
}
.el-table .el-table__body-wrapper .el-table__row.current-row.normal-row > td.el-table__cell {
  background-color: var(--color-success-light-2);
  color: var(--color-success);
}
.el-table .el-table__body-wrapper .el-table__row.trap-row {
  background-color: var(--color-tertiary-light-2);
}
.el-table .el-table__body-wrapper .el-table__row.trap-row:hover > td.el-table__cell {
  background-color: var(--color-tertiary-light-2);
  color: var(--color-tertiary);
}
.el-table .el-table__body-wrapper .el-table__row.current-row.trap-row > td.el-table__cell {
  background-color: var(--color-tertiary-light-2);
  color: var(--color-tertiary);
}
.el-table .el-table__body-wrapper .el-table__row.unknown-row {
  background-color: var(--color-background-outstanding);
}
.el-table .el-table__body-wrapper .el-table__row.unknown-row:hover > td.el-table__cell {
  background-color: var(--color-background-outstanding);
  color: var(--color-text-primary);
}
.el-table .el-table__body-wrapper .el-table__row.current-row.unknown-row > td.el-table__cell {
  background-color: var(--color-background-outstanding);
  color: var(--color-text-primary);
}
.el-table .el-table__body-wrapper .el-table__row.warning-row {
  background-color: var(--color-info-light-2);
}
.el-table .el-table__body-wrapper .el-table__row.warning-row:hover > td.el-table__cell {
  background-color: var(--color-info-light-2);
  color: var(--color-info);
}
.el-table .el-table__body-wrapper .el-table__row.current-row.warning-row > td.el-table__cell {
  background-color: var(--color-info-light-2);
  color: var(--color-info);
}
.el-table .el-table__body-wrapper .el-table__cell {
  border: none;
}
.el-table .el-scrollbar__view {
  padding-right: 0rem !important;
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background-color: var(--color-background-bg);
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: var(--color-primary-light-1);
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
  transition: background-color 0s ease;
}

.el-table-v2 {
  --el-table-border-color: var(--color-background-outstanding);
  --el-table-border: 1px solid var(--el-table-border-color);
  --el-table-text-color: var(--el-text-color-regular);
  --el-table-header-text-color: var(--color-text-primary);
  --el-table-row-hover-bg-color: var(--color-background-bg);
  --el-table-current-row-bg-color: var(--color-background-bg);
  --el-table-header-bg-color: transparent;
  --el-table-fixed-box-shadow: var(--el-box-shadow-light);
  --el-table-bg-color: var(--el-fill-color-blank);
  --el-table-tr-bg-color: var(--el-fill-color-blank);
  --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-index: var(--el-index-normal);
}

.el-table-v2 {
  font-size: var(--el-font-size-base);
}
.el-table-v2 * {
  box-sizing: border-box;
}
.el-table-v2__root {
  position: relative;
}
.el-table-v2__root:hover .el-table-v2__main .el-virtual-scrollbar {
  opacity: 1;
}

.el-table-v2__main {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  overflow: hidden;
  top: 0;
  background-color: var(--el-bg-color);
  left: 0;
}
.el-table-v2__main .el-vl__horizontal,
.el-table-v2__main .el-vl__vertical {
  z-index: 2;
}

.el-table-v2__left {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  overflow: hidden;
  top: 0;
  background-color: var(--el-bg-color);
  left: 0;
  box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.06);
}
.el-table-v2__left .el-virtual-scrollbar {
  opacity: 0;
}
.el-table-v2__left .el-vl__vertical,
.el-table-v2__left .el-vl__horizontal {
  z-index: -1;
}

.el-table-v2__right {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  overflow: hidden;
  top: 0;
  background-color: var(--el-bg-color);
  right: 0;
  box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.06);
}
.el-table-v2__right .el-virtual-scrollbar {
  opacity: 0;
}
.el-table-v2__right .el-vl__vertical,
.el-table-v2__right .el-vl__horizontal {
  z-index: -1;
}
.el-table-v2__header-row {
  padding-inline-end: var(--el-table-scrollbar-size);
}

.el-table-v2__row {
  padding-inline-end: var(--el-table-scrollbar-size);
}

.el-table-v2__header-wrapper {
  overflow: hidden;
}

.el-table-v2__header {
  position: relative;
  overflow: hidden;
}
.el-table-v2__header .el-checkbox {
  z-index: 0;
}

.el-table-v2__footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.el-table-v2__empty {
  position: absolute;
  left: 0;
}

.el-table-v2__overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
}

.el-table-v2__header-row {
  display: flex;
  border-bottom: var(--el-table-border);
}
.el-table-v2__header-cell {
  height: 100%;
  user-select: none;
  overflow: hidden;
  background-color: var(--el-table-header-bg-color);
  color: var(--el-table-header-text-color);
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 0 8px;
}
.el-table-v2__header-cell.is-align-center {
  justify-content: center;
  text-align: center;
}

.el-table-v2__header-cell.is-align-right {
  justify-content: flex-end;
  text-align: right;
}

.el-table-v2__header-cell.is-sortable {
  cursor: pointer;
}

.el-table-v2__header-cell:hover .el-icon {
  display: block;
}

.el-table-v2__sort-icon {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table-v2__sort-icon:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table-v2__sort-icon {
  transition: opacity, display var(--el-transition-duration);
  opacity: 0.6;
  display: none;
}
.el-table-v2__sort-icon.is-sorting {
  display: flex;
  opacity: 1;
}

.el-table-v2__row {
  border-bottom: var(--el-table-border);
  display: flex;
  align-items: center;
  transition: background-color var(--el-transition-duration);
}
.el-table-v2__row.is-hovered {
  background-color: var(--el-table-row-hover-bg-color);
}

.el-table-v2__row:hover {
  background-color: var(--el-table-row-hover-bg-color);
}
.el-table-v2__row-cell {
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 8px;
}
.el-table-v2__row-cell.is-align-center {
  justify-content: center;
  text-align: center;
}

.el-table-v2__row-cell.is-align-right {
  justify-content: flex-end;
  text-align: right;
}

.el-table-v2__expand-icon {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table-v2__expand-icon:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table-v2__expand-icon {
  margin: 0 4px;
  user-select: none;
}
.el-table-v2__expand-icon svg {
  transition: transform var(--el-transition-duration);
}
.el-table-v2__expand-icon.is-expanded svg {
  transform: rotate(90deg);
}

.el-table-v2:not(.is-dynamic) .el-table-v2__cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-table-v2.is-dynamic .el-table-v2__row {
  overflow: hidden;
  align-items: stretch;
}
.el-table-v2.is-dynamic .el-table-v2__row .el-table-v2__row-cell {
  overflow-wrap: break-word;
}

.el-table-v2 .el-select__caret {
  color: var(--color-primary);
}
.el-table-v2 {
  /* Base cell styles */
}
.el-table-v2 .el-table-v2__row-cell,
.el-table-v2 .el-table-v2__header-cell {
  border: none; /* remove full border */
}
.el-table-v2 {
  /* Vertical lines (not on last column) */
}
.el-table-v2 .el-table-v2__row-cell:not(:last-child),
.el-table-v2 .el-table-v2__header-cell:not(:last-child) {
  border-right: 0.1rem solid var(--color-background-outstanding-light);
}
.el-table-v2 {
  /* Horizontal lines (not on last row) */
}
.el-table-v2 .el-table-v2__row:not(:last-child) .el-table-v2__row-cell {
  border-bottom: 0.1rem solid var(--color-background-outstanding-light);
}
.el-table-v2 .el-table-v2 .el-table-v2__main .el-table-v2__row {
  padding: 0rem 0rem !important;
}
.el-table-v2 .el-table-v2__header-row {
  padding: 0rem 0rem !important;
}
.el-table-v2 .el-table-v2__row.selected {
  background-color: var(--color-primary-light-3) !important;
}
.el-table-v2 {
  font-size: 1.1rem;
}
.el-table-v2 i {
  font-size: 1.5rem;
}
.el-table-v2 p {
  font-size: 1.1rem;
}
.el-table-v2 .el-table-v2__main {
  background-color: var(--color-background-bg2);
  border-radius: var(--border-radius-basic);
}
.el-table-v2 .el-table-v2__main .el-table-v2__row {
  padding: 0rem 0rem !important;
  border: none;
  cursor: pointer;
  transition: none !important;
}
.el-table-v2 .el-table-v2__main .el-table-v2__row:hover {
  background-color: var(--color-primary-light-1) !important;
}
.el-table-v2 .el-table-v2__main .el-table-v2__row .el-checkbox.is-checked + .el-table-v2__row {
  background-color: var(--color-primary-light-1);
  color: var(--color-primary);
  font-weight: 600;
}
.el-table-v2 .el-table-v2__main .el-table-v2__row:nth-child(odd) {
  background-color: var(--color-background-bg-light);
}
.el-table-v2 .el-table-v2__main .el-table-v2__row.selected:nth-child(odd) {
  background-color: var(--color-primary-light-3) !important;
}
.el-table-v2 .el-table-v2__main .el-table-v2__row:nth-child(odd):hover {
  background-color: var(--color-primary-light-1) !important;
}
.el-table-v2 .el-table-v2__main .el-table-v2__dynamic-header-row {
  padding: 0rem 1.2rem;
  border: none;
}
.el-table-v2 .el-table-v2__main .el-virtual-scrollbar.el-vl__horizontal {
  bottom: 0px !important;
}
.el-table-v2 .el-table-v2__main .el-virtual-scrollbar {
  background-color: transparent;
}
.el-table-v2 .el-table-v2__main .el-virtual-scrollbar .el-scrollbar__thumb {
  opacity: 1;
}

.el-table-v2__overlay {
  top: 3rem;
  z-index: 5;
}

.el-table-v2__empty {
  display: none;
}

.el-vl__horizontal {
  height: 0.5rem !important;
}

.el-vl__vertical {
  top: auto !important;
  right: 0.001rem !important;
  width: 0.5rem !important;
}

.el-table-v2__header-cell {
  flex: auto !important;
  gap: 0.3rem;
}
.el-table-v2__header-cell[data-key=selection], .el-table-v2__header-cell[data-key=lockedState] {
  flex: unset !important;
  width: 3.3rem !important;
}

.el-table-v2__row-cell,
.el-table-v2__header-cell {
  flex: auto !important;
}
.el-table-v2__row-cell.no-flex,
.el-table-v2__header-cell.no-flex {
  flex: unset !important;
  width: 3.3rem !important;
}

.el-table-v2__row.selected {
  background-color: var(--color-primary-light-3) !important;
  font-weight: 600;
}
.el-table-v2__row.selected p {
  font-weight: 600;
}

.el-table-v2__row .el-input {
  width: 100% !important;
}

.el-table-v2__row .el-input__wrapper,
.el-table-v2__row .el-textarea__inner {
  background-color: transparent !important;
  border: 1px solid var(--color-text-secondary) !important;
}
.el-table-v2__row .el-input__wrapper .el-input__count,
.el-table-v2__row .el-textarea__inner .el-input__count {
  visibility: hidden;
}
.el-table-v2__row .el-input__wrapper.is-focus .el-input__count,
.el-table-v2__row .el-textarea__inner.is-focus .el-input__count {
  visibility: visible;
}

.el-tabs {
  --el-tabs-header-height: 40px;
  display: flex;
}
.el-tabs__header {
  padding: 0;
  position: relative;
  margin: 0 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.el-tabs__header-vertical {
  flex-direction: column;
}

.el-tabs__active-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: var(--el-color-primary);
  z-index: 1;
  transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  list-style: none;
}
.el-tabs__active-bar.is-bottom {
  bottom: auto;
}

.el-tabs__new-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid var(--el-border-color);
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin: 10px 0 10px 10px;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  color: var(--el-text-color-primary);
  cursor: pointer;
  transition: all 0.15s;
}
.el-tabs__new-tab .is-icon-plus {
  height: inherit;
  width: inherit;
  transform: scale(0.8, 0.8);
}
.el-tabs__new-tab .is-icon-plus svg {
  vertical-align: middle;
}
.el-tabs__new-tab:hover {
  color: var(--el-color-primary);
}

.el-tabs__new-tab-vertical {
  margin-left: 0;
}

.el-tabs__nav-wrap {
  overflow: hidden;
  margin-bottom: -1px;
  position: relative;
  flex: 1 auto;
}
.el-tabs__nav-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--el-border-color-light);
  z-index: var(--el-index-normal);
}
.el-tabs__nav-wrap.is-bottom::after {
  top: 0;
  bottom: auto;
}
.el-tabs__nav-wrap.is-scrollable {
  padding: 0 20px;
  box-sizing: border-box;
}

.el-tabs__nav-scroll {
  overflow: hidden;
}

.el-tabs__nav-next, .el-tabs__nav-prev {
  position: absolute;
  cursor: pointer;
  line-height: 44px;
  font-size: 12px;
  color: var(--el-text-color-secondary);
  width: 20px;
  text-align: center;
}
.el-tabs__nav-next.is-disabled, .el-tabs__nav-prev.is-disabled {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}

.el-tabs__nav-next {
  right: 0;
}

.el-tabs__nav-prev {
  left: 0;
}

.el-tabs__nav {
  display: flex;
  white-space: nowrap;
  position: relative;
  transition: transform var(--el-transition-duration);
  float: left;
  z-index: calc(var(--el-index-normal) + 1);
}
.el-tabs__nav.is-stretch {
  min-width: 100%;
  display: flex;
}
.el-tabs__nav.is-stretch > * {
  flex: 1;
  text-align: center;
}

.el-tabs__item {
  padding: 0 20px;
  height: var(--el-tabs-header-height);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  font-size: var(--el-font-size-base);
  font-weight: 500;
  color: var(--el-text-color-primary);
  position: relative;
}
.el-tabs__item:focus, .el-tabs__item:focus:active {
  outline: none;
}
.el-tabs__item:focus-visible {
  box-shadow: 0 0 2px 2px var(--el-color-primary) inset;
  border-radius: 3px;
}
.el-tabs__item .is-icon-close {
  border-radius: 50%;
  text-align: center;
  transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  margin-left: 5px;
}
.el-tabs__item .is-icon-close:before {
  transform: scale(0.9);
  display: inline-block;
}
.el-tabs__item .is-icon-close:hover {
  background-color: var(--el-text-color-placeholder);
  color: #ffffff;
}
.el-tabs__item.is-active {
  color: var(--el-color-primary);
}

.el-tabs__item:hover {
  color: var(--el-color-primary);
  cursor: pointer;
}
.el-tabs__item.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-tabs__content {
  overflow: hidden;
  position: relative;
  flex-grow: 1;
}

.el-tabs--top > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom > .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 0;
}
.el-tabs--top > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 0;
}
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 20px;
}
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 20px;
}

.el-tabs--card > .el-tabs__header {
  border-bottom: 1px solid var(--el-border-color-light);
  height: var(--el-tabs-header-height);
  box-sizing: border-box;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
  content: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 1px solid var(--el-border-color-light);
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
}
.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
  display: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item .is-icon-close {
  position: relative;
  font-size: 12px;
  width: 0;
  height: 14px;
  overflow: hidden;
  right: -2px;
  transform-origin: 100% 50%;
}
.el-tabs--card > .el-tabs__header .el-tabs__item {
  margin-top: -1px;
  border-bottom: 1px solid transparent;
  border-left: 1px solid var(--el-border-color-light);
  transition: color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
}
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
  border-left: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
  padding-left: 13px;
  padding-right: 13px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close {
  width: 14px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: var(--el-bg-color);
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
  padding-left: 20px;
  padding-right: 20px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close {
  width: 14px;
}

.el-tabs--border-card {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color);
}
.el-tabs--border-card > .el-tabs__content {
  padding: 15px;
}
.el-tabs--border-card > .el-tabs__header {
  background-color: var(--el-fill-color-light);
  border-bottom: 1px solid var(--el-border-color-light);
  margin: 0;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after {
  content: none;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  border: 1px solid transparent;
  margin-top: -1px;
  color: var(--el-text-color-secondary);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
  margin-left: -1px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item {
  margin-left: -1px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  color: var(--el-color-primary);
  background-color: var(--el-bg-color-overlay);
  border-right-color: var(--el-border-color);
  border-left-color: var(--el-border-color);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: var(--el-color-primary);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
  color: var(--el-disabled-text-color);
}
.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
  margin-left: 0;
}

.el-tabs--bottom {
  flex-direction: column;
}
.el-tabs--bottom .el-tabs__header.is-bottom {
  margin-bottom: 0;
  margin-top: 10px;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
  border-bottom: 0;
  border-top: 1px solid var(--el-border-color);
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
  margin-top: -1px;
  margin-bottom: 0;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
  border: 1px solid transparent;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
  margin: 0 -1px -1px;
}

.el-tabs--left, .el-tabs--right {
  overflow: hidden;
}
.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--left .el-tabs__nav-scroll, .el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-scroll {
  height: 100%;
}
.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
  top: 0;
  bottom: auto;
  width: 2px;
  height: auto;
}
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-bottom: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
  height: 30px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i {
  transform: rotateZ(90deg);
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev.is-disabled,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next.is-disabled,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev.is-disabled,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next.is-disabled, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev.is-disabled,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next.is-disabled,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev.is-disabled,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next.is-disabled {
  cursor: not-allowed;
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
  left: auto;
  top: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
  right: auto;
  bottom: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
  padding: 30px 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left::after,
.el-tabs--left .el-tabs__nav-wrap.is-right::after, .el-tabs--right .el-tabs__nav-wrap.is-left::after,
.el-tabs--right .el-tabs__nav-wrap.is-right::after {
  height: 100%;
  width: 2px;
  bottom: auto;
  top: 0;
}
.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
  flex-direction: column;
}
.el-tabs--left .el-tabs__item.is-left, .el-tabs--right .el-tabs__item.is-left {
  justify-content: flex-end;
}
.el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-right {
  justify-content: flex-start;
}

.el-tabs--left {
  flex-direction: row;
}
.el-tabs--left .el-tabs__header.is-left {
  margin-bottom: 0;
  margin-right: 10px;
}
.el-tabs--left .el-tabs__nav-wrap.is-left {
  margin-right: -1px;
}
.el-tabs--left .el-tabs__nav-wrap.is-left::after {
  left: auto;
  right: 0;
}
.el-tabs--left .el-tabs__active-bar.is-left {
  right: 0;
  left: auto;
}
.el-tabs--left .el-tabs__item.is-left {
  text-align: right;
}
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
  display: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
  border-left: none;
  border-right: 1px solid var(--el-border-color-light);
  border-bottom: none;
  border-top: 1px solid var(--el-border-color-light);
  text-align: left;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
  border-right: 1px solid var(--el-border-color-light);
  border-top: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
  border: 1px solid var(--el-border-color-light);
  border-right-color: #fff;
  border-left: none;
  border-bottom: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
  border-top: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
  border-bottom: none;
}
.el-tabs--left.el-tabs--card .el-tabs__nav {
  border-radius: 4px 0 0 4px;
  border-bottom: 1px solid var(--el-border-color-light);
  border-right: none;
}
.el-tabs--left.el-tabs--card .el-tabs__new-tab {
  float: none;
}
.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  border-right: 1px solid var(--el-border-color);
}
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
  border: 1px solid transparent;
  margin: -1px 0 -1px -1px;
}
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}
.el-tabs--left > .el-tabs__content + .el-tabs__header {
  order: -1;
}

.el-tabs--right .el-tabs__header.is-right {
  margin-bottom: 0;
  margin-left: 10px;
}
.el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-left: -1px;
}
.el-tabs--right .el-tabs__nav-wrap.is-right::after {
  left: 0;
  right: auto;
}
.el-tabs--right .el-tabs__active-bar.is-right {
  left: 0;
}
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
  display: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
  border-bottom: none;
  border-top: 1px solid var(--el-border-color-light);
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
  border-left: 1px solid var(--el-border-color-light);
  border-top: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
  border: 1px solid var(--el-border-color-light);
  border-left-color: #fff;
  border-right: none;
  border-bottom: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
  border-top: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
  border-bottom: none;
}
.el-tabs--right.el-tabs--card .el-tabs__nav {
  border-radius: 0 4px 4px 0;
  border-bottom: 1px solid var(--el-border-color-light);
  border-left: none;
}
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
  border-left: 1px solid var(--el-border-color);
}
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
  border: 1px solid transparent;
  margin: -1px -1px -1px 0;
}
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}

.el-tabs--top {
  flex-direction: column;
}
.el-tabs--top > .el-tabs__content + .el-tabs__header {
  order: -1;
}

.slideInRight-transition,
.slideInLeft-transition {
  display: inline-block;
}

.slideInRight-enter {
  animation: slideInRight-enter var(--el-transition-duration);
}

.slideInRight-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInRight-leave var(--el-transition-duration);
}

.slideInLeft-enter {
  animation: slideInLeft-enter var(--el-transition-duration);
}

.slideInLeft-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInLeft-leave var(--el-transition-duration);
}

@keyframes slideInRight-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInRight-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes slideInLeft-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInLeft-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0;
  }
}
.el-tabs {
  display: flex;
  width: 100%;
  height: 100%;
  user-select: none;
}
.el-tabs .el-tabs__header {
  margin: 0rem;
  border: none !important;
  height: auto !important;
}
.el-tabs .el-tabs__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem;
}
.el-tabs .el-tabs__content .el-tab-pane {
  width: 100%;
  height: 100%;
}
.el-tabs .el-tabs__nav {
  display: flex;
  flex-direction: row;
  align-content: center;
  gap: 0.6rem;
  background-color: transparent;
  padding: 0.5rem;
  border-radius: 0.4rem;
  border: none !important;
  height: auto !important;
}
.el-tabs .el-tabs__nav-next,
.el-tabs .el-tabs__nav-prev {
  line-height: 4rem;
}
.el-tabs .el-tabs__nav-wrap::after {
  position: relative;
}
.el-tabs .el-tabs__nav-scroll {
  border-radius: 0.4rem;
}
.el-tabs .el-tabs__nav-scroll .el-tabs__item.is-top {
  padding: 0 1rem !important;
  height: 3rem;
}
.el-tabs .el-tabs__nav-scroll .el-tabs__active-bar {
  display: none;
}
.el-tabs .el-tabs__nav-scroll .el-tabs__item {
  width: auto;
  height: 2.5rem !important;
  border-radius: 0.4rem;
  border: 0.2rem solid transparent !important;
  font-weight: 500 !important;
}
.el-tabs .el-tabs__nav-scroll .el-tabs__item:focus-visible {
  outline: none;
  box-shadow: none;
  border: 0.2rem solid transparent !important;
}
.el-tabs .el-tabs__nav-scroll .el-tabs__item.is-active {
  animation: tabAnimation 0.3s forwards;
}
.el-tabs .el-tabs__nav-scroll .el-tabs__item p {
  font-weight: 500;
  color: var(--color-text-primary);
}
.el-tabs .el-tabs__nav-scroll .el-tabs__item.is-top p {
  line-height: normal;
}
.el-tabs .el-tabs__new-tab {
  display: none;
}

.el-tabs .el-tabs__item {
  background-color: transparent;
  color: var(--color-text-primary);
}
.el-tabs .el-tabs__item:not(.is-disabled):not(.is-active):hover {
  background-color: var(--color-background-bg-light) !important;
}
.el-tabs .el-tabs__item:not(.is-disabled).is-active:hover {
  background-color: var(--color-background-bg) !important;
}
.el-tabs .el-tabs__item:focus-visible {
  color: var(--color-text-primary);
  background-color: var(--color-background-bg) !important;
}
.el-tabs .el-tabs__item.is-active {
  background-color: var(--color-background-bg);
  color: var(--color-text-primary);
}
.el-tabs .el-tabs__item.is-disabled {
  color: var(--color-text-secondary);
  background-color: var(--color-background-outstanding-light) !important;
}

.el-tabs__item .is-icon-close:hover {
  background-color: var(--color-background-outstanding) !important;
}

.el-tabs.secondary .el-tabs__nav-scroll {
  background-color: var(--color-background-bg);
}
.el-tabs.secondary .el-tabs__item {
  background-color: transparent;
  color: var(--color-text-primary);
}
.el-tabs.secondary .el-tabs__item:not(.is-disabled):not(.is-active):hover {
  background-color: var(--color-background-outstanding-light) !important;
}
.el-tabs.secondary .el-tabs__item:not(.is-disabled).is-active:hover {
  background-color: var(--color-background-outstanding) !important;
}
.el-tabs.secondary .el-tabs__item:focus-visible {
  color: var(--color-text-primary);
  background-color: var(--color-background-outstanding) !important;
}
.el-tabs.secondary .el-tabs__item.is-active {
  background-color: var(--color-background-outstanding);
  color: var(--color-text-primary);
}
.el-tabs.secondary .el-tabs__item.is-disabled {
  color: var(--color-text-secondary);
  background-color: var(--color-background-bg2-light) !important;
}

@keyframes tabAnimation {
  0% {
    transform-origin: left;
  }
  100% {
    transform-origin: left;
  }
}
.el-tab-pane {
  display: flex;
  flex-direction: column;
}

.el-tag {
  --el-tag-font-size: 12px;
  --el-tag-border-radius: 4px;
  --el-tag-border-radius-rounded: 9999px;
}

.el-tag {
  background-color: var(--el-tag-bg-color);
  border-color: var(--el-tag-border-color);
  color: var(--el-tag-text-color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 32px;
  padding: 0 9px;
  font-size: var(--el-tag-font-size);
  line-height: 1;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--el-tag-border-radius);
  box-sizing: border-box;
  white-space: nowrap;
  --el-icon-size: 14px;
  --el-tag-bg-color: var(--el-color-primary-light-9);
  --el-tag-border-color: var(--el-color-primary-light-8);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag.el-tag--primary {
  --el-tag-bg-color: var(--el-color-primary-light-9);
  --el-tag-border-color: var(--el-color-primary-light-8);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag.el-tag--success {
  --el-tag-bg-color: var(--el-color-success-light-9);
  --el-tag-border-color: var(--el-color-success-light-8);
  --el-tag-hover-color: var(--el-color-success);
}
.el-tag.el-tag--warning {
  --el-tag-bg-color: var(--el-color-warning-light-9);
  --el-tag-border-color: var(--el-color-warning-light-8);
  --el-tag-hover-color: var(--el-color-warning);
}
.el-tag.el-tag--danger {
  --el-tag-bg-color: var(--el-color-danger-light-9);
  --el-tag-border-color: var(--el-color-danger-light-8);
  --el-tag-hover-color: var(--el-color-danger);
}
.el-tag.el-tag--error {
  --el-tag-bg-color: var(--el-color-error-light-9);
  --el-tag-border-color: var(--el-color-error-light-8);
  --el-tag-hover-color: var(--el-color-error);
}
.el-tag.el-tag--info {
  --el-tag-bg-color: var(--el-color-info-light-9);
  --el-tag-border-color: var(--el-color-info-light-8);
  --el-tag-hover-color: var(--el-color-info);
}
.el-tag.is-hit {
  border-color: var(--el-color-primary);
}

.el-tag.is-round {
  border-radius: var(--el-tag-border-radius-rounded);
}

.el-tag .el-tag__close {
  flex-shrink: 0;
  color: var(--el-tag-text-color);
}
.el-tag .el-tag__close:hover {
  color: var(--el-color-white);
  background-color: var(--el-tag-hover-color);
}
.el-tag.el-tag--primary {
  --el-tag-text-color: var(--el-color-primary);
}
.el-tag.el-tag--success {
  --el-tag-text-color: var(--el-color-success);
}
.el-tag.el-tag--warning {
  --el-tag-text-color: var(--el-color-warning);
}
.el-tag.el-tag--danger {
  --el-tag-text-color: var(--el-color-danger);
}
.el-tag.el-tag--error {
  --el-tag-text-color: var(--el-color-error);
}
.el-tag.el-tag--info {
  --el-tag-text-color: var(--el-color-info);
}
.el-tag .el-icon {
  border-radius: 50%;
  cursor: pointer;
  font-size: calc(var(--el-icon-size) - 2px);
  height: var(--el-icon-size);
  width: var(--el-icon-size);
}
.el-tag .el-tag__close {
  padding: 0;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  outline: none;
  overflow: hidden;
  margin-left: 6px;
}
.el-tag .el-tag__close:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-tag .el-tag__close .el-icon {
  display: flex;
}
.el-tag--dark {
  --el-tag-text-color: var(--el-color-white);
  --el-tag-bg-color: var(--el-color-primary);
  --el-tag-border-color: var(--el-color-primary);
  --el-tag-hover-color: var(--el-color-primary-light-3);
}
.el-tag--dark.el-tag--primary {
  --el-tag-bg-color: var(--el-color-primary);
  --el-tag-border-color: var(--el-color-primary);
  --el-tag-hover-color: var(--el-color-primary-light-3);
}
.el-tag--dark.el-tag--success {
  --el-tag-bg-color: var(--el-color-success);
  --el-tag-border-color: var(--el-color-success);
  --el-tag-hover-color: var(--el-color-success-light-3);
}
.el-tag--dark.el-tag--warning {
  --el-tag-bg-color: var(--el-color-warning);
  --el-tag-border-color: var(--el-color-warning);
  --el-tag-hover-color: var(--el-color-warning-light-3);
}
.el-tag--dark.el-tag--danger {
  --el-tag-bg-color: var(--el-color-danger);
  --el-tag-border-color: var(--el-color-danger);
  --el-tag-hover-color: var(--el-color-danger-light-3);
}
.el-tag--dark.el-tag--error {
  --el-tag-bg-color: var(--el-color-error);
  --el-tag-border-color: var(--el-color-error);
  --el-tag-hover-color: var(--el-color-error-light-3);
}
.el-tag--dark.el-tag--info {
  --el-tag-bg-color: var(--el-color-info);
  --el-tag-border-color: var(--el-color-info);
  --el-tag-hover-color: var(--el-color-info-light-3);
}
.el-tag--dark.el-tag--primary {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--success {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--warning {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--danger {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--error {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--info {
  --el-tag-text-color: var(--el-color-white);
}

.el-tag--plain {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-primary-light-5);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag--plain.el-tag--primary {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-primary-light-5);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag--plain.el-tag--success {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-success-light-5);
  --el-tag-hover-color: var(--el-color-success);
}
.el-tag--plain.el-tag--warning {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-warning-light-5);
  --el-tag-hover-color: var(--el-color-warning);
}
.el-tag--plain.el-tag--danger {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-danger-light-5);
  --el-tag-hover-color: var(--el-color-danger);
}
.el-tag--plain.el-tag--error {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-error-light-5);
  --el-tag-hover-color: var(--el-color-error);
}
.el-tag--plain.el-tag--info {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-info-light-5);
  --el-tag-hover-color: var(--el-color-info);
}

.el-tag.is-closable {
  padding-right: 5px;
}
.el-tag--large {
  padding: 0 11px;
  height: 40px;
  --el-icon-size: 16px;
}
.el-tag--large .el-tag__close {
  margin-left: 8px;
}
.el-tag--large.is-closable {
  padding-right: 7px;
}

.el-tag--small {
  padding: 0 7px;
  height: 25px;
  --el-icon-size: 12px;
}
.el-tag--small .el-tag__close {
  margin-left: 4px;
}
.el-tag--small.is-closable {
  padding-right: 3px;
}

.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag.el-tag--primary.is-hit {
  border-color: var(--el-color-primary);
}

.el-tag.el-tag--success.is-hit {
  border-color: var(--el-color-success);
}

.el-tag.el-tag--warning.is-hit {
  border-color: var(--el-color-warning);
}

.el-tag.el-tag--danger.is-hit {
  border-color: var(--el-color-danger);
}

.el-tag.el-tag--error.is-hit {
  border-color: var(--el-color-error);
}

.el-tag.el-tag--info.is-hit {
  border-color: var(--el-color-info);
}

.el-tag {
  --el-tag-font-size: 0.9rem;
  padding: 0.5rem;
  line-height: 1rem;
  font-weight: 700;
  font-size: 0.9rem;
  height: 1.75rem;
  user-select: none;
  --el-tag-border-radius: 0.3rem;
  --el-tag-bg-color: var(--color-default-tag);
  --el-tag-text-color: var(--color-text-primary);
  --el-tag-border-color: var(--color-text-primary) !important;
}
.el-tag .el-tag__close:hover {
  background-color: var(--color-background-outstanding-light) !important;
  color: var(--color-text-secondary) !important;
}

.el-tag.primary,
.el-tag--info {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-primary-light-1) !important;
  --el-tag-text-color: var(--color-primary) !important;
  --el-tag-border-color: var(--color-primary) !important;
}

.el-tag.secondary {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-secondary-light-3) !important;
  --el-tag-text-color: var(--color-secondary) !important;
  --el-tag-border-color: var(--color-secondary) !important;
}

.el-tag.success {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-success-light-3) !important;
  --el-tag-text-color: var(--color-success) !important;
  --el-tag-border-color: var(--color-success) !important;
}

.el-tag.error {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-error-light-3) !important;
  --el-tag-text-color: var(--color-error) !important;
  --el-tag-border-color: var(--color-error) !important;
}

.el-tag.warning {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-warning-light-3) !important;
  --el-tag-text-color: var(--color-warning) !important;
  --el-tag-border-color: var(--color-warning) !important;
}

.el-tag.highlight {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-highlight-light-3) !important;
  --el-tag-text-color: var(--color-highlight) !important;
  --el-tag-border-color: var(--color-highlight) !important;
}

.el-tag.advice {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-advice-light-3) !important;
  --el-tag-text-color: var(--color-advice) !important;
  --el-tag-border-color: var(--color-advice) !important;
}

.el-tag.outstanding {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-background-outstanding) !important;
  --el-tag-text-color: var(--color-text-secondary) !important;
  --el-tag-border-color: var(--color-text-secondary) !important;
}

.el-tag.info {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-info-light-3) !important;
  --el-tag-text-color: var(--color-info) !important;
  --el-tag-border-color: var(--color-info) !important;
}

.el-tag.date {
  --el-tag-bg-color: var(--color-background-bg-light) !important;
  --el-tag-text-color: var(--color-text-primary) !important;
  --el-tag-border-color: var(--color-text-secondary) !important;
  width: fit-content;
  display: flex;
  justify-content: flex-start;
}
.el-tag.date .el-tag__content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-feature-settings: "tnum";
}
.el-tag.date .el-tag__content i {
  font-size: 1.2rem;
}

.el-tag.date.success {
  --el-tag-bg-color: var(--color-success-light-3) !important;
  --el-tag-text-color: var(--color-success) !important;
  --el-tag-border-color: var(--color-success) !important;
}

.el-tag.date.error {
  --el-tag-bg-color: var(--color-error-light-3) !important;
  --el-tag-text-color: var(--color-error) !important;
  --el-tag-border-color: var(--color-error) !important;
}

.el-tag.date.warning {
  --el-tag-bg-color: var(--color-warning-light-3) !important;
  --el-tag-text-color: var(--color-warning) !important;
  --el-tag-border-color: var(--color-warning) !important;
}

.el-tag.date.advice {
  --el-tag-bg-color: var(--color-advice-light-3) !important;
  --el-tag-text-color: var(--color-advice) !important;
  --el-tag-border-color: var(--color-advice) !important;
}

.el-tag.fallback {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-background-outstanding) !important;
  --el-tag-text-color: var(--color-text-primary) !important;
  --el-tag-border-color: var(--color-text-primary) !important;
}

.el-tag.date.fallback {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-background-outstanding) !important;
  --el-tag-text-color: var(--color-text-primary) !important;
  --el-tag-border-color: var(--color-text-primary) !important;
}

.el-tag.series {
  min-width: 3rem;
  --el-tag-bg-color: transparent !important;
  --el-tag-text-color: var(--color-text-primary) !important;
  --el-tag-border-color: var(--color-background-outstanding) !important;
  font-size: 1rem;
  font-weight: 400;
}

.tooltip {
  z-index: 9999999 !important;
  line-height: 1.3rem;
  border-radius: 0.4rem;
}

.header-tooltip {
  padding: 0rem !important;
}
.header-tooltip .tooltip-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.header-tooltip .tooltip-content header {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  background-color: var(--color-background-bg-light);
  padding: 1rem 1rem;
}
.header-tooltip .tooltip-content span {
  padding: 0rem 1rem 1rem 1rem;
  color: var(--color-text-primary);
}

.el-transfer {
  --el-transfer-border-color: transparent;
  --el-transfer-border-radius: var(--el-border-radius-base);
  --el-transfer-panel-width: 200px;
  --el-transfer-panel-header-height: 35px;
  --el-transfer-panel-header-bg-color: var(--color-background-bg2);
  --el-transfer-panel-footer-height: 40px;
  --el-transfer-panel-body-height: 278px;
  --el-transfer-item-height: 30px;
  --el-transfer-filter-height: 32px;
}

.el-transfer {
  font-size: var(--el-font-size-base);
}
.el-transfer__buttons {
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
}

.el-transfer__button {
  vertical-align: top;
}
.el-transfer__button:nth-child(2) {
  margin: 0 0 0 10px;
}
.el-transfer__button i,
.el-transfer__button span {
  font-size: 14px;
}
.el-transfer__button .el-icon + span {
  margin-left: 0;
}

.el-transfer-panel {
  overflow: hidden;
  background: var(--el-bg-color-overlay);
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: var(--el-transfer-panel-width);
  max-height: 100%;
  box-sizing: border-box;
  position: relative;
}
.el-transfer-panel__body {
  height: var(--el-transfer-panel-body-height);
  border-left: 1px solid var(--el-transfer-border-color);
  border-right: 1px solid var(--el-transfer-border-color);
  border-bottom: 1px solid var(--el-transfer-border-color);
  border-bottom-left-radius: var(--el-transfer-border-radius);
  border-bottom-right-radius: var(--el-transfer-border-radius);
  overflow: hidden;
}
.el-transfer-panel__body.is-with-footer {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.el-transfer-panel__list {
  margin: 0;
  padding: 6px 0;
  list-style: none;
  height: var(--el-transfer-panel-body-height);
  overflow: auto;
  box-sizing: border-box;
}
.el-transfer-panel__list.is-filterable {
  height: calc(100% - var(--el-transfer-filter-height) - 30px);
  padding-top: 0;
}

.el-transfer-panel__item {
  height: var(--el-transfer-item-height);
  line-height: var(--el-transfer-item-height);
  padding-left: 15px;
  display: block !important;
}
.el-transfer-panel__item + .el-transfer-panel__item {
  margin-left: 0;
}
.el-transfer-panel__item.el-checkbox {
  color: var(--el-text-color-regular);
  margin-right: 30px;
}
.el-transfer-panel__item:hover {
  color: var(--el-color-primary);
}
.el-transfer-panel__item.el-checkbox .el-checkbox__label {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  box-sizing: border-box;
  padding-left: 22px;
  line-height: var(--el-transfer-item-height);
}
.el-transfer-panel__item .el-checkbox__input {
  position: absolute;
  top: 8px;
}

.el-transfer-panel__filter {
  text-align: center;
  padding: 15px;
  box-sizing: border-box;
}
.el-transfer-panel__filter .el-input__inner {
  height: var(--el-transfer-filter-height);
  width: 100%;
  font-size: 12px;
  display: inline-block;
  box-sizing: border-box;
}
.el-transfer-panel__filter .el-icon-circle-close {
  cursor: pointer;
}

.el-transfer-panel .el-transfer-panel__header {
  display: flex;
  align-items: center;
  height: var(--el-transfer-panel-header-height);
  background: var(--el-transfer-panel-header-bg-color);
  margin: 0;
  padding-left: 15px;
  border: 1px solid var(--el-transfer-border-color);
  border-top-left-radius: var(--el-transfer-border-radius);
  border-top-right-radius: var(--el-transfer-border-radius);
  box-sizing: border-box;
  color: var(--el-color-black);
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 0;
  font-size: 16px;
  color: var(--el-text-color-primary);
  font-weight: normal;
}
.el-transfer-panel .el-transfer-panel__header-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.el-transfer-panel .el-transfer-panel__header-count {
  flex-shrink: 0;
  margin-left: 8px;
  margin-right: 15px;
  color: var(--el-text-color-secondary);
  font-size: 12px;
}
.el-transfer-panel .el-transfer-panel__footer {
  height: var(--el-transfer-panel-footer-height);
  background: var(--el-bg-color-overlay);
  margin: 0;
  padding: 0;
  border: 1px solid var(--el-transfer-border-color);
  border-bottom-left-radius: var(--el-transfer-border-radius);
  border-bottom-right-radius: var(--el-transfer-border-radius);
}
.el-transfer-panel .el-transfer-panel__footer::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
  padding-left: 20px;
  color: var(--el-text-color-regular);
}
.el-transfer-panel .el-transfer-panel__empty {
  margin: 0;
  height: var(--el-transfer-item-height);
  line-height: var(--el-transfer-item-height);
  padding: 6px 15px 0;
  color: var(--el-text-color-secondary);
  text-align: center;
}
.el-transfer-panel .el-checkbox__label {
  padding-left: 8px;
}

.el-transfer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.el-transfer-panel {
  flex: 1;
}

.el-transfer .el-button {
  width: auto;
}

.el-tree {
  --el-tree-node-content-height: 26px;
  --el-tree-node-hover-bg-color: var(--color-background-bg);
  --el-tree-text-color: var(--el-text-color-regular);
  --el-tree-expand-icon-color: var(--el-text-color-placeholder);
}

.el-tree {
  position: relative;
  cursor: default;
  background: var(--el-fill-color-blank);
  color: var(--el-tree-text-color);
  font-size: var(--el-font-size-base);
}
.el-tree__empty-block {
  position: relative;
  min-height: 60px;
  text-align: center;
  width: 100%;
  height: 100%;
}

.el-tree__empty-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--el-text-color-secondary);
  font-size: var(--el-font-size-base);
}

.el-tree__drop-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--el-color-primary);
}

.el-tree-node {
  white-space: nowrap;
  outline: none;
}
.el-tree-node:focus {
  /* focus */
}
.el-tree-node:focus > .el-tree-node__content {
  background-color: var(--el-tree-node-hover-bg-color);
}
.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
  background-color: var(--el-color-primary);
  color: #fff;
}

.el-tree-node__content {
  --el-checkbox-height: var(--el-tree-node-content-height);
  display: flex;
  align-items: center;
  height: var(--el-tree-node-content-height);
  cursor: pointer;
}
.el-tree-node__content > .el-tree-node__expand-icon {
  padding: 6px;
  box-sizing: content-box;
}
.el-tree-node__content > label.el-checkbox {
  margin-right: 8px;
}
.el-tree-node__content:hover {
  background-color: var(--el-tree-node-hover-bg-color);
}
.el-tree.is-dragging .el-tree-node__content {
  cursor: move;
}
.el-tree.is-dragging .el-tree-node__content * {
  pointer-events: none;
}
.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
  cursor: not-allowed;
}

.el-tree-node__expand-icon {
  cursor: pointer;
  color: var(--el-tree-expand-icon-color);
  font-size: 12px;
  transform: rotate(0deg);
  transition: transform var(--el-transition-duration) ease-in-out;
}
.el-tree-node__expand-icon.expanded {
  transform: rotate(90deg);
}
.el-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
  visibility: hidden;
}
.el-tree-node__expand-icon.is-hidden {
  visibility: hidden;
}

.el-tree-node__loading-icon {
  margin-right: 8px;
  font-size: var(--el-font-size-base);
  color: var(--el-tree-expand-icon-color);
}

.el-tree-node > .el-tree-node__children {
  overflow: hidden;
  background-color: transparent;
}
.el-tree-node.is-expanded > .el-tree-node__children {
  display: block;
}

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: var(--el-color-primary-light-9);
}

.el-tree {
  user-select: none;
  --el-tree-node-hover-bg-color: var(--color-background-bg-light);
  --el-tree-text-color: var(--color-text-primary);
}
.el-tree .el-tree-node__expand-icon {
  display: none;
}
.el-tree .expand-icon {
  flex-grow: 0;
  flex-shrink: 0;
  width: 2.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
}
.el-tree .expand-icon i {
  font-size: 1.2rem !important;
  transition: transform var(--el-transition-duration);
}
.el-tree .expand-icon .opened {
  transform: rotate(90deg);
}
.el-tree .el-tree-node {
  width: calc(100% - 1rem) !important;
}
.el-tree .el-tree-node__content {
  border-radius: 0.4rem;
  background-color: transparent !important;
}
.el-tree .el-tree-node.is-expanded .expand-icon i {
  transform: rotate(90deg);
}
.el-tree .tree-slot {
  display: flex;
  width: -webkit-fill-available;
  width: -moz-available;
  height: calc(100% - 0.2rem);
  border-radius: 0.4rem;
  align-items: center;
  position: absolute;
  outline: none !important;
}
.el-tree .tree-slot:focus-within {
  background-color: var(--color-background-bg-light) !important;
}
.el-tree .tree-slot:hover {
  background-color: var(--color-background-bg-light) !important;
}
.el-tree .tree-slot.selected:hover,
.el-tree .tree-slot.selected:focus-visible {
  background-color: var(--color-background-bg) !important;
}
.el-tree .tree-slot.selected {
  background-color: var(--color-background-bg) !important;
}
.el-tree .tree-slot.selected::before {
  display: block;
  content: " ";
  position: absolute;
  left: 0rem;
  top: 0rem;
  bottom: 0rem;
  width: 0.3rem;
  border-radius: 0.2rem 0rem 0rem 0.2rem !important;
  background-color: var(--color-primary);
  z-index: 2;
}
.el-tree .tree-slot.selected-parent {
  background-color: var(--color-background-bg) !important;
}
.el-tree .tree-slot.selected-parent:hover,
.el-tree .tree-slot.selected-parent:focus-visible {
  background-color: var(--color-background-bg) !important;
}
.el-tree .el-virtual-scrollbar {
  width: 0.5rem !important;
}

.sMapFilterModal-items-el-tree {
  display: flex;
  flex-shrink: 1;
  flex-grow: 1;
  flex-direction: column;
}
.sMapFilterModal-items-el-tree .el-tree-node {
  padding: 0.5rem 0;
  width: 100%;
  overflow: hidden !important;
  border-radius: 0.4rem;
}
.sMapFilterModal-items-el-tree .el-tree-node__content {
  width: 100%;
}
.sMapFilterModal-items-el-tree .el-tree-node__children {
  margin-top: 0.5rem;
  padding-bottom: 0;
  margin-bottom: -0.5rem !important;
}
.sMapFilterModal-items-el-tree .el-tree__empty-block {
  flex-grow: 1;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.el-upload {
  --el-upload-dragger-padding-horizontal: 10px;
  --el-upload-dragger-padding-vertical: 40px;
  --el-upload-list-picture-card-size: var(--el-upload-picture-card-size);
  --el-upload-picture-card-size: 148px;
}

.el-upload {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: none;
}
.el-upload.is-disabled {
  cursor: not-allowed;
}
.el-upload.is-disabled:focus {
  border-color: var(--el-border-color-darker);
  color: inherit;
}
.el-upload.is-disabled:focus .el-upload-dragger {
  border-color: var(--el-border-color-darker);
}
.el-upload.is-disabled .el-upload-dragger {
  cursor: not-allowed;
  background-color: var(--el-disabled-bg-color);
}
.el-upload.is-disabled .el-upload-dragger .el-upload__text {
  color: var(--el-text-color-placeholder);
}
.el-upload.is-disabled .el-upload-dragger .el-upload__text em {
  color: var(--el-disabled-text-color);
}
.el-upload.is-disabled .el-upload-dragger:hover {
  border-color: var(--el-border-color-darker);
}

.el-upload__input {
  display: none;
}

.el-upload__tip {
  font-size: 12px;
  color: var(--el-text-color-regular);
  margin-top: 7px;
}

.el-upload iframe {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.el-upload {
  /* Picture Card for Wall */
}
.el-upload--picture-card {
  background-color: var(--el-fill-color-lighter);
  border: 1px dashed var(--el-border-color-darker);
  border-radius: 6px;
  box-sizing: border-box;
  width: var(--el-upload-picture-card-size);
  height: var(--el-upload-picture-card-size);
  cursor: pointer;
  vertical-align: top;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.el-upload--picture-card > i {
  font-size: 28px;
  color: var(--el-text-color-secondary);
}
.el-upload--picture-card:hover {
  border-color: var(--el-color-primary);
  color: var(--el-color-primary);
}

.el-upload.is-drag {
  display: block;
}

.el-upload:focus {
  border-color: var(--el-color-primary);
  color: var(--el-color-primary);
}
.el-upload:focus .el-upload-dragger {
  border-color: var(--el-color-primary);
}

.el-upload-dragger {
  padding: var(--el-upload-dragger-padding-vertical) var(--el-upload-dragger-padding-horizontal);
  background-color: var(--el-fill-color-blank);
  border: 1px dashed var(--el-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.el-upload-dragger .el-icon--upload {
  font-size: 67px;
  color: var(--el-text-color-placeholder);
  margin-bottom: 16px;
  line-height: 50px;
}
.el-upload-dragger + .el-upload__tip {
  text-align: center;
}
.el-upload-dragger ~ .el-upload__files {
  border-top: var(--el-border);
  margin-top: 7px;
  padding-top: 5px;
}
.el-upload-dragger .el-upload__text {
  color: var(--el-text-color-regular);
  font-size: 14px;
  text-align: center;
}
.el-upload-dragger .el-upload__text em {
  color: var(--el-color-primary);
  font-style: normal;
}
.el-upload-dragger:hover {
  border-color: var(--el-color-primary);
}
.el-upload-dragger.is-dragover {
  padding: calc(var(--el-upload-dragger-padding-vertical) - 1px) calc(var(--el-upload-dragger-padding-horizontal) - 1px);
  background-color: var(--el-color-primary-light-9);
  border: 2px dashed var(--el-color-primary);
}

.el-upload-list {
  --el-upload-dragger-padding-horizontal: 10px;
  --el-upload-dragger-padding-vertical: 40px;
  --el-upload-list-picture-card-size: var(--el-upload-picture-card-size);
  --el-upload-picture-card-size: 148px;
}

.el-upload-list {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.el-upload-list__item {
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  font-size: 14px;
  color: var(--el-text-color-regular);
  margin-bottom: 5px;
  position: relative;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
}
.el-upload-list__item .el-progress {
  position: absolute;
  top: 20px;
  width: 100%;
}
.el-upload-list__item .el-progress__text {
  position: absolute;
  right: 0;
  top: -13px;
}
.el-upload-list__item .el-progress-bar {
  margin-right: 0;
  padding-right: 0;
}
.el-upload-list__item .el-icon--upload-success {
  color: var(--el-color-success);
}
.el-upload-list__item .el-icon--close {
  display: none;
  position: absolute;
  right: 5px;
  top: 50%;
  cursor: pointer;
  opacity: 0.75;
  color: var(--el-text-color-regular);
  transition: opacity var(--el-transition-duration);
  transform: translateY(-50%);
}
.el-upload-list__item .el-icon--close:hover {
  opacity: 1;
  color: var(--el-color-primary);
}
.el-upload-list__item .el-icon--close-tip {
  display: none;
  position: absolute;
  top: 1px;
  right: 5px;
  font-size: 12px;
  cursor: pointer;
  opacity: 1;
  color: var(--el-color-primary);
  font-style: normal;
}
.el-upload-list__item:hover, .el-upload-list__item:focus-within {
  background-color: var(--el-fill-color-light);
}
.el-upload-list__item:hover .el-icon--close, .el-upload-list__item:focus-within .el-icon--close {
  display: inline-flex;
}
.el-upload-list__item:hover .el-icon--close-tip, .el-upload-list__item:focus-within .el-icon--close-tip {
  right: 24px;
}
.el-upload-list__item:hover .el-progress__text, .el-upload-list__item:focus-within .el-progress__text {
  display: none;
}
.el-upload-list__item .el-upload-list__item-info {
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  width: calc(100% - 30px);
  margin-left: 4px;
}
.el-upload-list__item.is-success .el-upload-list__item-status-label {
  display: inline-flex;
}
.el-upload-list__item.is-success .el-upload-list__item-name:hover,
.el-upload-list__item.is-success .el-upload-list__item-name:focus {
  color: var(--el-color-primary);
  cursor: pointer;
}
.el-upload-list__item.is-success:focus:not(:hover) {
  /* 键盘focus */
}
.el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip {
  display: inline-block;
}
.el-upload-list__item.is-success:not(.focusing):focus, .el-upload-list__item.is-success:active {
  /* click时 */
  outline-width: 0;
}
.el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip, .el-upload-list__item.is-success:active .el-icon--close-tip {
  display: none;
}
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label, .el-upload-list__item.is-success:focus-within .el-upload-list__item-status-label {
  display: none;
  opacity: 0;
}

.el-upload-list__item-name {
  color: var(--el-text-color-regular);
  display: inline-flex;
  text-align: center;
  align-items: center;
  padding: 0 4px;
  transition: color var(--el-transition-duration);
  font-size: var(--el-font-size-base);
}
.el-upload-list__item-name .el-icon {
  margin-right: 6px;
  color: var(--el-text-color-secondary);
}

.el-upload-list__item-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-upload-list__item-status-label {
  position: absolute;
  right: 5px;
  top: 0;
  line-height: inherit;
  display: none;
  height: 100%;
  justify-content: center;
  align-items: center;
  transition: opacity var(--el-transition-duration);
}

.el-upload-list__item-delete {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 12px;
  color: var(--el-text-color-regular);
  display: none;
}
.el-upload-list__item-delete:hover {
  color: var(--el-color-primary);
}

.el-upload-list--picture-card {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0;
}
.el-upload-list--picture-card .el-upload-list__item {
  overflow: hidden;
  background-color: var(--el-fill-color-blank);
  border: 1px solid var(--el-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  width: var(--el-upload-list-picture-card-size);
  height: var(--el-upload-list-picture-card-size);
  margin: 0 8px 8px 0;
  padding: 0;
  display: inline-flex;
}
.el-upload-list--picture-card .el-upload-list__item .el-icon--check,
.el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check {
  color: #ffffff;
}
.el-upload-list--picture-card .el-upload-list__item .el-icon--close {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
  opacity: 0;
  display: block;
}
.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
  display: block;
}
.el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.el-upload-list--picture-card .el-upload-list__item-status-label {
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: var(--el-color-success);
  text-align: center;
  transform: rotate(45deg);
}
.el-upload-list--picture-card .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
}
.el-upload-list--picture-card .el-upload-list__item-actions {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  opacity: 0;
  font-size: 20px;
  background-color: var(--el-overlay-color-lighter);
  transition: opacity var(--el-transition-duration);
}
.el-upload-list--picture-card .el-upload-list__item-actions span {
  display: none;
  cursor: pointer;
}
.el-upload-list--picture-card .el-upload-list__item-actions span + span {
  margin-left: 16px;
}
.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  position: static;
  font-size: inherit;
  color: inherit;
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover {
  opacity: 1;
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
  display: inline-flex;
}
.el-upload-list--picture-card .el-progress {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  width: 126px;
}
.el-upload-list--picture-card .el-progress .el-progress__text {
  top: 50%;
}

.el-upload-list--picture .el-upload-list__item {
  overflow: hidden;
  z-index: 0;
  background-color: var(--el-fill-color-blank);
  border: 1px solid var(--el-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
}
.el-upload-list--picture .el-upload-list__item .el-icon--check,
.el-upload-list--picture .el-upload-list__item .el-icon--circle-check {
  color: #ffffff;
}
.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
  opacity: 0;
  display: inline-flex;
}
.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
  display: block;
}
.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
  display: none;
}
.el-upload-list--picture .el-upload-list__item .el-icon--close {
  top: 5px;
  transform: translateY(0);
}
.el-upload-list--picture .el-upload-list__item-thumbnail {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  object-fit: contain;
  position: relative;
  z-index: 1;
  background-color: var(--el-color-white);
}
.el-upload-list--picture .el-upload-list__item-status-label {
  position: absolute;
  right: -17px;
  top: -7px;
  width: 46px;
  height: 26px;
  background: var(--el-color-success);
  text-align: center;
  transform: rotate(45deg);
}
.el-upload-list--picture .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 12px;
  transform: rotate(-45deg);
}
.el-upload-list--picture .el-progress {
  position: relative;
  top: -7px;
}

.el-upload-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  cursor: default;
}
.el-upload-cover::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-upload-cover img {
  display: block;
  width: 100%;
  height: 100%;
}
.el-upload-cover__label {
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: var(--el-color-success);
  text-align: center;
  transform: rotate(45deg);
}
.el-upload-cover__label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
  color: #fff;
}

.el-upload-cover__progress {
  display: inline-block;
  vertical-align: middle;
  position: static;
  width: 243px;
}
.el-upload-cover__progress + .el-upload__inner {
  opacity: 0;
}

.el-upload-cover__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.el-upload-cover__interact {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--el-overlay-color-light);
  text-align: center;
}
.el-upload-cover__interact .btn {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
  transition: var(--el-transition-md-fade);
  margin-top: 60px;
}
.el-upload-cover__interact .btn i {
  margin-top: 0;
}
.el-upload-cover__interact .btn span {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.el-upload-cover__interact .btn:not(:first-child) {
  margin-left: 35px;
}
.el-upload-cover__interact .btn:hover {
  transform: translateY(-13px);
}
.el-upload-cover__interact .btn:hover span {
  opacity: 1;
}
.el-upload-cover__interact .btn i {
  color: #ffffff;
  display: block;
  font-size: 24px;
  line-height: inherit;
  margin: 0 auto 5px;
}

.el-upload-cover__title {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  height: 36px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  text-align: left;
  padding: 0 10px;
  margin: 0;
  line-height: 36px;
  font-size: 14px;
  color: var(--el-text-color-primary);
}

.el-upload-cover + .el-upload__inner {
  opacity: 0;
  position: relative;
  z-index: 1;
}

.el-upload .el-upload-dragger {
  padding: 1.5rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  --el-border-color: var(--color-background-outstanding);
  gap: 1rem;
  user-select: none;
  color: var(--color-text-secondary);
}
.el-upload .el-upload-dragger.is-dragover {
  background-color: var(--el-color-primary-light-2);
}
.el-upload .upload-icon {
  padding: 1rem;
}
.el-upload .upload-icon i {
  color: var(--color-primary);
  font-size: 3rem;
}
.el-upload .template {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.el-upload .template .sub {
  font-size: 1.1rem;
  text-align-last: center;
  color: var(--color-text-secondary);
}

.el-color-picker {
  display: inline-block;
  position: relative;
  line-height: normal;
  outline: none;
  height: 40px;
  width: 40px;
}
.el-color-picker:hover:not(.is-disabled, .is-focused) .el-color-picker__trigger {
  border-color: var(--el-border-color-hover);
}
.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 1px;
}
.el-color-picker.is-focused .el-color-picker__trigger {
  border-color: var(--el-color-primary);
}

.el-color-picker.is-disabled .el-color-picker__trigger {
  cursor: not-allowed;
  background-color: var(--el-fill-color-light);
}
.el-color-picker.is-disabled .el-color-picker__color {
  opacity: 0.3;
}

.el-color-picker--large {
  height: 45px;
  width: 45px;
}

.el-color-picker--small {
  height: 35px;
  width: 35px;
}

.el-color-picker--small .el-color-picker__icon,
.el-color-picker--small .el-color-picker__empty {
  transform: scale(0.8);
}

.el-color-picker__trigger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  padding: 4px;
  border: 1px solid var(--el-border-color);
  border-radius: 4px;
  font-size: 0;
  position: relative;
  cursor: pointer;
}

.el-color-picker__color {
  position: relative;
  display: block;
  box-sizing: border-box;
  border: 1px solid var(--el-text-color-secondary);
  border-radius: var(--el-border-radius-small);
  width: 100%;
  height: 100%;
  text-align: center;
}
.el-color-picker__color.is-alpha {
  background-image: linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
  background-size: 12px 12px;
  background-position: 0 0, 6px 0, 6px -6px, 0 6px;
}

.el-color-picker__color-inner {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.el-color-picker .el-color-picker__empty {
  font-size: 12px;
  color: var(--el-text-color-secondary);
}
.el-color-picker .el-color-picker__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 12px;
}
.el-color-picker__panel {
  background-color: #ffffff;
  border-radius: var(--el-border-radius-base);
  box-shadow: var(--el-box-shadow-light);
}
.el-color-picker__panel.el-popper {
  border: 1px solid var(--el-border-color-lighter);
}

.el-color-picker,
.el-color-picker__panel {
  --el-color-picker-alpha-bg-a: #ccc;
  --el-color-picker-alpha-bg-b: transparent;
}

.dark .el-color-picker,
.dark .el-color-picker__panel {
  --el-color-picker-alpha-bg-a: #333333;
}.error[data-v-9756ceca] {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  position: absolute;
  z-index: 2000;
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.error .dataErrorLayout[data-v-9756ceca] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  flex: 1;
  animation: fadeIn-9756ceca 1.5s ease-in-out 0.001s forwards;
}
.error .dataErrorLayout .labels[data-v-9756ceca] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.error .dataErrorLayout .labels .desc[data-v-9756ceca] {
  padding: 0.4rem 2rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--color-text-secondary);
}
.error .dataErrorLayout .button-slot[data-v-9756ceca] {
  margin-top: 0.8rem;
}
@keyframes fadeIn-9756ceca {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}.loading[data-v-5e414db1] {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  position: var(--v601acaa0);
  z-index: 2000;
  margin: 0;
  inset: 0;
  pointer-events: auto;
  cursor: wait;
  height: 100%;
}
.loading .s-spinner[data-v-5e414db1] {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.loading .s-spinner span[data-v-5e414db1] {
  font-size: 1.5rem;
}
.half-circle-spinner .circle[data-v-5e414db1] {
  border-width: 0.3rem !important;
}.animated[data-v-dc19b4e5] {
  position: relative;
}
.hidden[data-v-dc19b4e5] {
  visibility: hidden;
}
[data-v-dc19b4e5] .s-button-icon {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
[data-v-dc19b4e5] .s-button-icon i {
  transition: transform var(--el-transition-duration);
}
[data-v-dc19b4e5] .s-button-icon .opened {
  transform: rotate(-180deg);
}
.icon[data-v-dc19b4e5] {
  position: absolute;
  padding: 1rem;
  font-size: 2rem;
}
.fade-in[data-v-dc19b4e5] {
  animation: fade-in-dc19b4e5 0.2s ease-in-out;
}
@keyframes fade-in-dc19b4e5 {
0% {
    opacity: 0;
    transform: translateY(20%);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}.s-favourite-slot {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.s-favourite-slot p {
  color: var(--color-text-primary) !important;
  font-weight: 500;
}
.s-favourite-slot .filled {
  color: var(--color-text-primary);
  opacity: 0.3;
}
.s-favourite-slot .placeholder {
  color: var(--color-text-secondary);
}
.is-active .favourite.placeholder {
  visibility: visible;
}
.s-favourite-slot:hover .favourite.placeholder,
.el-tabs__item:hover .favourite.placeholder {
  visibility: visible;
  cursor: pointer;
}
.favourite.placeholder {
  visibility: hidden;
}
.favourite.placeholder.always-on {
  visibility: visible;
}.state-view-row[data-v-ed05e691], .state-view-column[data-v-ed05e691] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  inset: 0;
  position: var(--v5b21520e);
  z-index: 2000;
  animation: fadeIn-ed05e691 1.5s ease-in-out 0.001s forwards;
}
.full-size[data-v-ed05e691] {
  width: 100%;
  height: 100%;
}
.wrapper[data-v-ed05e691] {
  width: 100%;
  height: 100%;
  display: contents;
}
.state-view-column[data-v-ed05e691] {
  flex-direction: column;
  min-height: var(--d03484d4);
  height: 100%;
  gap: 1rem;
}
.state-view-row[data-v-ed05e691] {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.state-view-labels[data-v-ed05e691] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.state-view-labels .state-view-desc[data-v-ed05e691] {
  padding: 0.4rem 2rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--color-text-secondary);
  text-align: center;
}
@keyframes fadeIn-ed05e691 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}.el-overlay:has(.s-modal-form) {
  z-index: 9995 !important;
}
.s-modal.el-dialog {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  max-height: inherit;
}
.s-modal .el-dialog__header,
.s-modal .el-dialog__body,
.s-modal .el-dialog__footer {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.s-modal .el-dialog__header {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  height: auto !important;
  width: 100%;
  position: relative;
}
.s-modal .el-dialog__header .el-dialog__headerbtn {
  position: absolute !important;
  top: 2rem;
  right: 2rem;
  margin: 0 !important;
  height: 1.4rem !important;
  width: 1.4rem !important;
}
.s-modal-main-title {
  color: var(--s-modal-title-color, var(--color-text-primary));
}
.s-modal--loading .el-dialog__body {
  min-height: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s-modal--loading .s-modal-body-content {
  width: 100%;
}
.s-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.s-modal .el-dialog__body {
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
  padding-bottom: 2rem !important;
}
.s-modal-icon {
  width: 3.5rem;
  height: 3.5rem;
  margin: auto;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s-modal-icon::before {
  font-size: 1.7rem;
  line-height: 1;
  display: block;
}
.s-modal-icon--primary {
  color: var(--color-primary);
  background-color: var(--color-primary-light-3);
}
.s-modal-icon--secondary {
  color: var(--color-secondary);
  background-color: var(--color-secondary-light-3);
}
.s-modal-icon--success {
  color: var(--color-success);
  background-color: var(--color-success-light-3);
}
.s-modal-icon--error {
  color: var(--color-error);
  background-color: var(--color-error-light-1);
}
.s-modal-icon--warning {
  color: var(--color-warning);
  background-color: var(--color-warning-light-3);
}
.s-modal-body {
  padding: 0 !important;
}
.s-modal-body-content {
  flex: 1;
  padding: 0 !important;
  min-height: 0;
}
.s-modal-title {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 2rem;
  gap: 1rem;
  margin: 0 !important;
}
.s-modal-title-content {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.s-modal-title .subtitle {
  font-weight: 400;
  font-size: 1.4rem;
}
.s-modal-subheader {
  font-size: 1.1rem;
}
.s-modal-footer {
  gap: 1rem !important;
  padding-bottom: 2rem !important;
  flex-shrink: 0;
  border-top: 0.1rem solid var(--color-background-outstanding) !important;
}
.s-modal--no-divider .s-modal-footer {
  border-top: none !important;
}
.s-modal .s-modal-footer {
  display: flex !important;
  align-items: center;
}
.s-modal .s-modal:not(.s-modal--single-footer) .s-modal-footer {
  justify-content: space-between !important;
}
.s-modal .s-modal--single-footer .s-modal-footer {
  justify-content: flex-end !important;
}
.s-modal .s-modal-footer-right {
  display: flex;
  gap: 1rem;
  margin-left: auto;
}
.s-modal .s-modal-left-close {
  margin-right: auto;
}.s-list[data-v-1d39a12a] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  border-radius: 0.4rem;
  border: 0.1rem solid var(--color-background-outstanding);
  height: 100%;
  user-select: none;
}
.s-list .list-header[data-v-1d39a12a] {
  display: flex;
  gap: 1rem;
}
.s-list .fast-search[data-v-1d39a12a] {
  width: 100%;
}
.s-list .fast-search[data-v-1d39a12a] .el-input.is-filtered .el-input__wrapper .el-input__prefix {
  color: var(--color-primary);
}
.s-list .fast-search[data-v-1d39a12a] .el-input .el-input__wrapper {
  background-color: transparent;
  --el-input-clear-hover-color: var(--color-text-primary);
}
.s-list .list-container[data-v-1d39a12a] {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow-y: auto;
}
.s-list .list-container.loading[data-v-1d39a12a]::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--color-background-bg-light);
  z-index: 1;
}
.s-list ul[data-v-1d39a12a] {
  list-style-type: none;
  padding: 0rem 0.5rem 0rem 0rem;
  overflow-y: auto;
}
.s-list li[data-v-1d39a12a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0rem 1rem;
  border-radius: 0.4rem;
  height: 3rem;
}
.s-list li[data-v-1d39a12a]:nth-child(odd) {
  background-color: var(--color-background-outstanding-light);
}.s-column-options[data-v-45e8330c] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.s-column-options .s-list[data-v-45e8330c] {
  padding: 0rem !important;
  border: none !important;
  max-height: 25rem;
}
.s-column-options .footer[data-v-45e8330c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.5rem;
  user-select: none;
}.banner[data-v-a23da532] {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.banner .type[data-v-a23da532] {
  color: var(--color-primary) !important;
  background-color: var(--el-color-primary-light-2) !important;
  pointer-events: none;
}
.banner .actions-title[data-v-a23da532] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  justify-content: center;
  align-items: flex-start !important;
  user-select: none;
}
.banner .actions-title .main[data-v-a23da532] {
  color: var(--color-text-primary);
  font-size: 1.4rem;
  font-weight: 600;
}
.banner .actions-title .entity[data-v-a23da532] {
  color: var(--color-text-primary);
  font-size: 1rem;
}.breadcrumb-toolItems-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.el-divider--vertical {
  height: 2rem !important;
  margin: 0rem !important;
}
.mask[data-v-d53926d3] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.unknown[data-v-d53926d3] {
  font-weight: 500;
}
.avatar[data-v-d53926d3] {
  display: flex;
  border-radius: 50%;
}
.avatar[aria-expanded=true][data-v-d53926d3] {
  outline: 0.2rem solid var(--color-primary);
}
[data-v-d53926d3] .system img {
  width: 75% !important;
  height: 75% !important;
}
.user[data-v-d53926d3] {
  color: var(--color-background-bg2);
  font-weight: 700;
  display: flex;
  align-items: center;
  user-select: none;
}
[data-v-d53926d3] .el-badge .el-badge__content.is-dot {
  background-color: var(--color-background-outstanding) !important;
}
[data-v-d53926d3] .connected.el-badge .el-badge__content.is-dot {
  background-color: var(--color-success-light-7) !important;
}
[data-v-d53926d3] .live.el-badge .el-badge__content.is-dot {
  box-shadow: 0 0 0 0 var(--color-success-light-7);
  animation: pulse-d53926d3 1s infinite;
}

/* Animación de pulso */
@keyframes pulse-d53926d3 {
0% {
    box-shadow: 0 0 0 0 var(--color-success-light-7);
}
70% {
    box-shadow: 0 0 0 5px transparent;
}
100% {
    box-shadow: 0 0 0 0 transparent;
}
}.s-tabs-layout {
  display: flex;
  flex-direction: column;
  border-radius: 0.4rem;
  background-color: var(--color-background-bg2);
  gap: 1rem;
  width: inherit;
  height: 100%;
}
.s-tabs-layout .tabs-content {
  border-radius: 0.4rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.s-tabs-layout .tabs-content #tab-icon-slot {
  padding: 0rem !important;
  background-color: transparent !important;
}
.s-tabs-layout .s-tab-error-badge {
  position: absolute;
  top: 0.1rem;
  right: 0rem;
}
.s-tabs-layout .s-tab-error-badge .el-badge__content.is-dot {
  background-color: var(--color-error);
}
.title-and-slot {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  gap: 1rem;
  border-left: 0.1rem solid var(--color-background-outstanding);
}
.title-and-slot :deep(.s-favourite-slot) {
  padding-left: 0.25rem;
}
.tabs-view {
  display: unset;
  height: unset;
  width: unset;
}
.tab-content {
  padding: 1rem;
  height: 100%;
  overflow: hidden;
}
.el-tabs__content {
  display: none !important;
}
.short-header .el-tabs__header {
  width: fit-content !important;
}
.non-clickable-tab {
  display: flex;
  cursor: auto;
}.s-generic-view-layout[data-v-c48479e1] {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
  justify-content: space-between;
  position: relative;
}
.s-generic-view-layout .left-panel-view[data-v-c48479e1] {
  background-color: var(--color-background-bg2);
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.s-generic-view-layout .left-panel-view .leftPanel[data-v-c48479e1] {
  padding: 1.5rem 0.25rem 1rem 1rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow: hidden;
  flex: 1;
}
.s-generic-view-layout .left-panel-view[data-v-c48479e1] .el-divider--vertical {
  height: 94% !important;
  margin: 0 !important;
}
.s-generic-view-layout .main-view-container[data-v-c48479e1] {
  align-self: center;
  padding: 1.5rem;
  width: 100%;
  height: 100%;
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
}
.s-generic-view-layout .main-view-container .main-view[data-v-c48479e1] {
  background-color: var(--color-background-bg2);
  border-radius: 0.8rem;
  display: flex;
  flex-direction: column;
  position: relative;
}
.s-generic-view-layout .main-view-container .main-view .main-title[data-v-c48479e1] {
  padding: 1.5rem 1.5rem 1rem 1.5rem;
  min-height: 6.5rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-shrink: 0;
}
.s-generic-view-layout .main-view-container .main-view .main-title .close[data-v-c48479e1] {
  margin-left: auto;
}
.s-generic-view-layout .main-view-container .main-view .main-content[data-v-c48479e1] {
  padding: 0rem 1.5rem 1.5rem 1.5rem;
  align-self: center;
  align-items: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  overflow: auto;
  justify-content: center;
}
.s-generic-view-layout .main-view-container .bottom-panel-view[data-v-c48479e1] {
  overflow: hidden;
  width: 100%;
  border-radius: 0rem 0rem 0.8rem 0.8rem;
  position: absolute;
  bottom: 1.5rem;
  display: flex;
  z-index: 999;
  background-color: var(--color-background-bg2);
}
.s-generic-view-layout .main-view-container .bottom-panel-view.relative[data-v-c48479e1] {
  position: relative;
  bottom: unset;
  overflow: unset;
}
.s-generic-view-layout .main-view-container .bottom-panel-view .bottomPanel[data-v-c48479e1] {
  height: 100%;
  width: 100%;
  border-radius: 0rem 0rem 0.8rem 0.8rem;
  display: flex;
  flex-direction: column;
  padding: 0rem 0rem;
  border: 0.1rem solid var(--color-background-outstanding-light);
  overflow: hidden;
}
.s-generic-view-layout .main-view-container .bottom-panel-view .bottomPanel .resizer[data-v-c48479e1] {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 1rem;
  border-radius: 0.8rem;
  cursor: ns-resize;
  left: 0rem;
  top: 0rem;
  display: flex;
}
.s-generic-view-layout .main-view-container .bottom-panel-view .bottomPanel .resizer[data-v-c48479e1] .el-divider {
  border-top: none;
}
.s-generic-view-layout .main-view-container .bottom-panel-view .bottomPanel .resizer[data-v-c48479e1]:active .el-divider {
  border-top: 0.25rem var(--color-background-outstanding-light) var(--el-border-style);
}
.s-generic-view-layout .main-view-container .bottom-panel-view .bottomPanel .bottom-slot[data-v-c48479e1] {
  display: flex;
  width: 100%;
  position: relative;
  height: 100%;
}
.s-generic-view-layout .main-view-container .bottom-panel-view .bottomPanel .bottom-slot .bottom-button[data-v-c48479e1] {
  height: 3.5rem;
  width: 3.5rem;
  right: 0rem;
  position: absolute;
}
.s-generic-view-layout .main-view-container .bottom-panel-view .bottomPanel .bottom-slot .bottom-button.secondary[data-v-c48479e1] {
  background-color: var(--color-background-bg);
}
.s-generic-view-layout .main-view-container .bottom-panel-view .bottomPanel .bottom-slot .bottom-panel-button[data-v-c48479e1] {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  transform: rotate(-90deg);
  z-index: 2;
}
.s-generic-view-layout .main-view-container .bottom-panel-view .bottomPanel .bottom-slot .bottom-content[data-v-c48479e1] {
  display: flex;
  width: 100%;
  flex-grow: 1;
  flex-direction: column;
  border-radius: 0.4rem;
  overflow: hidden;
}
.s-generic-view-layout .main-view-container .bottom-panel-view .bottomPanel .bottom-slot .bottom-content[data-v-c48479e1] .el-tabs {
  user-select: none;
}
.s-generic-view-layout .main-view-container .bottom-panel-view .bottomPanel .bottom-slot .bottom-content[data-v-c48479e1] .tabs-opened .el-tabs__header {
  width: calc(100% - 3rem);
}
.s-generic-view-layout .right-panel-view[data-v-c48479e1] {
  overflow: hidden;
  padding: 1.5rem 1.5rem 1.5rem 0rem;
}
.s-generic-view-layout .right-panel-view .rightPanel[data-v-c48479e1] {
  background-color: var(--color-background-bg2);
  height: 100%;
  width: 100%;
  border-radius: 0.8rem;
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  border: 0.1rem solid var(--color-background-outstanding-light);
  position: relative;
}
.s-generic-view-layout .right-panel-view .rightPanel .right-panel-button[data-v-c48479e1] {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  z-index: 2;
}
.s-generic-view-layout .right-panel-view .rightPanel .right-content[data-v-c48479e1] {
  display: flex;
  width: 100%;
  height: 100%;
  flex-grow: 1;
  border-radius: 0.4rem;
  overflow: hidden;
  justify-content: center;
  gap: 0.5rem;
}
.s-generic-view-layout .right-panel-view .rightPanel .right-content[data-v-c48479e1] .el-tabs {
  user-select: none;
  width: auto;
  justify-content: center;
}
.s-generic-view-layout .right-panel-view .rightPanel .right-content[data-v-c48479e1] .el-tabs .el-tabs__header {
  margin-right: 0rem;
}
.s-generic-view-layout .right-panel-view .rightPanel .right-content[data-v-c48479e1] .el-tabs .el-tabs__nav {
  background-color: transparent;
  gap: 0.75rem;
  padding: 0rem;
}
.s-generic-view-layout .right-panel-view .rightPanel .right-content[data-v-c48479e1] .el-tabs .el-tabs__nav .el-tabs__nav-scroll {
  display: flex;
  justify-content: center;
}
.s-generic-view-layout .right-panel-view .rightPanel .right-content[data-v-c48479e1] .el-tabs .el-tabs__item {
  min-width: 0rem;
  padding: 0.25rem;
  position: relative;
  box-sizing: border-box;
}
.s-generic-view-layout .right-panel-view .rightPanel .right-content[data-v-c48479e1] .el-tabs .el-tabs__item::after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -6px;
  height: 1px;
  width: 21px;
  border-bottom: 1px solid var(--color-background-outstanding);
  box-sizing: border-box;
}
.s-generic-view-layout .right-panel-view .rightPanel .right-content[data-v-c48479e1] .el-tabs .tabs-view {
  flex: 1;
}
.s-generic-view-layout .hidden[data-v-c48479e1] {
  padding: 0rem !important;
}
.dashboard .main-content[data-v-c48479e1] {
  padding: 0rem 0.5rem 0.5rem 0.5rem !important;
}
@media (max-width: 768px) {
.s-generic-view-layout[data-v-c48479e1] {
    flex-direction: column;
}
.s-generic-view-layout .left-panel-view[data-v-c48479e1] {
    width: 100% !important;
}
.s-generic-view-layout .main-view-container[data-v-c48479e1] {
    min-height: 75rem;
}
.s-generic-view-layout .right-panel-view[data-v-c48479e1] {
    padding: 0rem 1.5rem 1.5rem 1.5rem;
}
.s-generic-view-layout .right-panel-view .right-content[data-v-c48479e1] {
    justify-content: flex-start !important;
    flex-direction: column;
}
.s-generic-view-layout .right-panel-view .right-content[data-v-c48479e1] .el-tabs {
    width: 100% !important;
}
.s-generic-view-layout .right-panel-view .right-content[data-v-c48479e1] .el-tabs .el-tabs__content {
    display: none;
}
.s-generic-view-layout .right-panel-view .right-content[data-v-c48479e1] .el-tabs .el-tabs__header.is-bottom {
    margin-top: 0rem;
}
.s-generic-view-layout .group[data-v-c48479e1] {
    min-height: 35rem !important;
}
.s-generic-view-layout .left-panel-button i[data-v-c48479e1] {
    transform: rotate(90deg);
}
.s-generic-view-layout .right-panel-button i[data-v-c48479e1] {
    transform: rotate(90deg);
}
}
.right-panel-button i[data-v-c48479e1] {
  transform: rotate(180deg);
}.s-alert[data-v-3b8ecc04] {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.s-alert i[data-v-3b8ecc04] {
  font-size: 2.5rem;
}
.s-alert .message[data-v-3b8ecc04] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.s-alert .message .title[data-v-3b8ecc04] {
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.2rem;
}
.s-alert .message .description[data-v-3b8ecc04] {
  color: var(--color-text-primary) !important;
  font-weight: 300;
  line-height: 1.1rem;
}.s-auto-refresh[data-v-8dba71dd] {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.s-auto-refresh .live-layout[data-v-8dba71dd] {
  position: relative;
  display: flex;
  gap: 1rem;
  align-items: center;
}
.s-auto-refresh .live-layout[data-v-8dba71dd] .loading {
  position: relative;
  width: 3rem;
}
.s-auto-refresh .live-layout .error[data-v-8dba71dd] {
  --el-switch-off-color: var(--color-error) !important;
}
.content[data-v-8dba71dd] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.content .header[data-v-8dba71dd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.content .counter[data-v-8dba71dd] {
  display: flex;
}
.content .counter[data-v-8dba71dd] p > em {
  font-feature-settings: "tnum";
}
.content p[data-v-8dba71dd] {
  user-select: none;
}
.content .newItems[data-v-8dba71dd] {
  font-size: 1.1rem;
  font-weight: 600;
}
.content .fail[data-v-8dba71dd] {
  font-size: 1.2rem;
  white-space: nowrap;
}
.content .fail span[data-v-8dba71dd] {
  font-style: italic;
  font-weight: 600;
}.chat-component[data-v-4d574a62] {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
  position: relative;
}
.chat-content[data-v-4d574a62] {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  min-width: 0;
  overflow: hidden;
}
.chat-content .robot-info[data-v-4d574a62] {
  display: flex;
  flex: 1;
  justify-content: center;
}
.chat-content .messages[data-v-4d574a62] {
  width: 100%;
  flex: 1;
  padding: 1rem;
}
.chat-content .messages .message[data-v-4d574a62] {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.6;
  border-radius: 1rem;
}
.chat-content .messages .message.assistant[data-v-4d574a62] {
  display: flex;
  width: 100%;
}
.chat-content .messages .message.assistant[data-v-4d574a62] .el-button {
  margin-left: 10px;
}
.chat-content .messages .message.assistant[data-v-4d574a62] .message-text ol,
.chat-content .messages .message.assistant[data-v-4d574a62] .message-text ul,
.chat-content .messages .message.assistant[data-v-4d574a62] .message-text li {
  all: revert;
}
.chat-content .messages .message.assistant[data-v-4d574a62] .table-wrapper {
  overflow-x: auto;
  width: 100%;
  max-width: 100%;
  margin: 1rem 0;
  border-radius: 8px;
  border: 1px solid var(--color-background-outstanding-light);
  -webkit-overflow-scrolling: touch;
}
.chat-content .messages .message.assistant[data-v-4d574a62] .table-wrapper::-webkit-scrollbar {
  height: 0.5rem;
}
.chat-content .messages .message.assistant[data-v-4d574a62] .table-wrapper::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}
.chat-content .messages .message.assistant[data-v-4d574a62] .table-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--color-background-outstanding);
  border-radius: 4px;
}
.chat-content .messages .message.assistant[data-v-4d574a62] .table-wrapper::-webkit-scrollbar-thumb:hover, .chat-content .messages .message.assistant[data-v-4d574a62] .table-wrapper::-webkit-scrollbar-thumb:focus, .chat-content .messages .message.assistant[data-v-4d574a62] .table-wrapper::-webkit-scrollbar-thumb:active {
  background-color: var(--el-text-color-secondary);
  opacity: 0.5;
}
.chat-content .messages .message.assistant[data-v-4d574a62] table {
  margin: 0;
  border-radius: 0;
  border-collapse: collapse;
  width: 100%;
  min-width: 100%;
  table-layout: auto;
}
@media (max-width: 768px) {
.chat-content .messages .message.assistant[data-v-4d574a62] table {
    font-size: 0.85rem;
    overflow-x: auto;
}
}
.chat-content .messages .message.assistant[data-v-4d574a62] thead {
  background-color: var(--color-background-bg);
}
.chat-content .messages .message.assistant[data-v-4d574a62] th {
  padding: 0.5rem 1rem;
  text-align: left;
  border-bottom: 1px solid var(--color-background-outstanding-light);
  white-space: nowrap;
  background-color: var(--color-background-bg-light);
  color: var(--color-text-primary);
  font-weight: 700;
  min-width: 120px;
}
@media (max-width: 768px) {
.chat-content .messages .message.assistant[data-v-4d574a62] th {
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
    min-width: 80px;
}
}
@media (max-width: 480px) {
.chat-content .messages .message.assistant[data-v-4d574a62] th {
    padding: 0.4rem 0.5rem;
    font-size: 0.8rem;
    min-width: 60px;
}
}
.chat-content .messages .message.assistant[data-v-4d574a62] td {
  padding: 0.75rem;
  border-bottom: 1px solid var(--color-background-outstanding-light);
  overflow-wrap: break-word;
  word-break: break-word;
  min-width: 100px;
}
@media (max-width: 768px) {
.chat-content .messages .message.assistant[data-v-4d574a62] td {
    padding: 0.5rem 0.75rem;
    min-width: 80px;
}
}
@media (max-width: 480px) {
.chat-content .messages .message.assistant[data-v-4d574a62] td {
    padding: 0.4rem 0.5rem;
    min-width: 60px;
}
}
.chat-content .messages .message.assistant[data-v-4d574a62] tbody tr:nth-child(odd) {
  background-color: var(--color-background-bg-light);
}
.chat-content .messages .message.assistant[data-v-4d574a62] tbody tr:nth-child(even) {
  background-color: var(--color-background-bg2);
}
.chat-content .messages .message.assistant[data-v-4d574a62] tbody tr:hover {
  background-color: var(--color-background-outstanding-light);
}
.chat-content .messages .message.user[data-v-4d574a62] {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.chat-content .messages .message.user .message-bubble[data-v-4d574a62] {
  background-color: var(--color-background-bg);
  margin-left: 1rem;
}
.chat-content .messages .message .message-bubble[data-v-4d574a62] {
  max-width: 90%;
  padding: 10px;
  border-radius: 15px;
}
.chat-content .messages .message .message-bubble.assistant[data-v-4d574a62] {
  width: 90%;
}
@media (max-width: 768px) {
.chat-content .messages .message .message-bubble.assistant[data-v-4d574a62] {
    width: 95%;
    max-width: 95%;
}
}
.chat-content .robot-feedback[data-v-4d574a62] {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-top: 1rem;
}
.chat-footer[data-v-4d574a62] {
  display: flex;
  height: 50px;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  margin-bottom: 5px;
}
.chat-footer .message-input[data-v-4d574a62] {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
[data-v-4d574a62] .code-block-container {
  background-color: var(--color-background-bg);
  border: 1px solid var(--color-background-1);
  border-radius: 5px;
  padding: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
[data-v-4d574a62] .code-block-container pre {
  padding: 1rem;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
}
[data-v-4d574a62] .code-block-container .code-block-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: small;
}
[data-v-4d574a62] .code-block-container .code-block-top .code-lang {
  font-weight: bold;
}
[data-v-4d574a62] .code-block-container .code-block-top .code-block-buttons {
  gap: 1rem;
  display: flex;
  justify-content: flex-end;
  position: relative;
  align-items: center;
}
[data-v-4d574a62] .code-block-container .code-block-top .code-block-buttons .copy-btn {
  display: flex;
  gap: 0.4rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
[data-v-4d574a62] .message-text h1,[data-v-4d574a62] .message-text h2,[data-v-4d574a62] .message-text h3,[data-v-4d574a62] .message-text h4,[data-v-4d574a62] .message-text h5,[data-v-4d574a62] .message-text h6 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
[data-v-4d574a62] .message-text p {
  margin-top: 0;
}
.overlay[data-v-4d574a62] {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000000;
  background-color: var(--color-background-bg);
}.s-color-picker-row[data-v-3a43843f] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  user-select: none;
}
.s-color-picker-row .default-colors-title[data-v-3a43843f] {
  font-weight: 600;
  margin-bottom: 0.6rem;
}
.s-color-picker-row .default-colors[data-v-3a43843f] {
  display: grid;
  grid-template-columns: repeat(auto-fill, 20px);
  gap: 0.5rem;
  max-width: 250px;
}
.s-color-picker-row .default-colors .color-swatch[data-v-3a43843f] {
  width: 2rem !important;
  height: 2rem !important;
  border-radius: 50%;
  cursor: pointer;
  transition: box-shadow 0.2s;
}
.s-color-picker-row .default-colors .color-swatch[data-v-3a43843f]:hover {
  box-shadow: 0 0 0 0.2rem var(--el-color-primary);
}
.s-color-picker-row .config-block[data-v-3a43843f] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.s-color-picker-row .config-block .input-title[data-v-3a43843f] {
  font-weight: 600;
  height: 2.7rem;
}
.s-color-picker-row .config-block .input-picker-row[data-v-3a43843f] {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
[data-v-3a43843f] .el-color-picker {
  width: 3.2rem;
  height: 3.2rem;
  flex: 0 0 auto;
  align-self: flex-end;
}
[data-v-3a43843f] .el-color-picker__trigger {
  border: var(--border-bottom-basic);
  padding: 2px !important;
}
[data-v-3a43843f] .el-color-picker__trigger:hover {
  border-color: var(--color-background-outstanding) !important;
}
[data-v-3a43843f] .el-color-picker.is-focused .el-color-picker__trigger {
  border-color: var(--color-background-outstanding) !important;
}
[data-v-3a43843f] .el-color-picker__color {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  padding: 0.15rem;
  border-color: transparent;
}
[data-v-3a43843f] .el-color-picker__color-inner {
  border-radius: 50% !important;
}
[data-v-3a43843f] .el-color-picker.empty-color .el-color-picker__color {
  width: 2.2rem !important;
  height: 2.2rem !important;
  background: transparent !important;
  border: 1px solid var(--color-background-outstanding);
  border-radius: 50%;
}
[data-v-3a43843f] .el-color-picker__icon {
  display: none !important;
}
[data-v-3a43843f] .el-color-picker-panel {
  background: none;
}
.no-footer-color-picker .el-color-picker-panel__footer,.no-footer-color-picker .el-color-dropdown__btns {
  display: none !important;
}
.footer-color-picker .el-color-picker-panel__footer {
  gap: 0.5rem;
}
.footer-color-picker .el-color-picker-panel__footer > div:nth-child(2) {
  display: flex;
}
.footer-color-picker .el-color-picker-panel__footer .el-button {
  --el-button-text-color: var(--color-text-primary);
}
.footer-color-picker .el-color-picker-panel__footer .el-button--small {
  font-size: 1em !important;
  padding: 0.5em 1.2em !important;
  height: auto !important;
  width: auto !important;
  background: transparent !important;
  border: none !important;
}
.footer-color-picker .el-button.is-text:not(.is-disabled):hover {
  color: var(--color-primary);
}
.el-row[data-v-3a43843f] {
  align-items: flex-start !important;
}.items[data-v-aca91546] {
  min-width: 180px;
  user-select: none;
  outline: none;
}
.item[data-v-aca91546] {
  width: 100%;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 1rem;
  border-radius: 0.4rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  column-gap: 1rem;
  align-items: stretch;
  color: var(--color-text-primary);
  font-size: 1.2rem;
}
.item[data-v-aca91546]:hover {
  background: var(--color-background-bg-light);
}
.item.has-submenu[data-v-aca91546] {
  position: relative;
}
.item.has-submenu[data-v-aca91546]::after {
  content: "";
  position: absolute;
  top: 0;
  right: -8px;
  width: 8px;
  height: 100%;
}
.item-disabled[data-v-aca91546] {
  opacity: 0.55;
  pointer-events: none;
  cursor: not-allowed;
}
.entry[data-v-aca91546] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.entry.shortcut-placeholder[data-v-aca91546] {
  min-width: 5rem;
}
.caret[data-v-aca91546] {
  margin-left: 0.25rem;
}
.separator[data-v-aca91546] {
  height: 1px;
  margin: 0.25rem 0;
  background: var(--el-border-color);
}
.danger[data-v-aca91546] {
  color: var(--el-color-danger) !important;
}.context-menu-popper {
  padding: 1rem !important;
  z-index: 999 !important;
}
.context-menu-popper .item {
  font-size: 1.2rem;
  color: var(--color-text-primary);
}
.context-menu-popper .item-disabled * {
  color: var(--color-text-secondary);
}
.context-menu-popper.submenu {
  padding: 1rem !important;
  margin-top: -1rem;
}
.context-menu-popper.submenu::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 0;
  width: 8px;
  height: 100%;
}.feedback-chatbot[data-v-e7fd3c6b] {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.25rem;
}
.feedback-chatbot .error[data-v-e7fd3c6b] {
  position: relative;
}
.feedback-chatbot .circle-container[data-v-e7fd3c6b] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0.5rem;
  padding-bottom: 1rem;
}
.feedback-chatbot .circle-container .circle[data-v-e7fd3c6b] {
  width: 1rem;
  height: 1rem;
  background-color: var(--color-background-bg);
  border: 0.25rem solid var(--color-background-bg);
  border-radius: 50%;
  opacity: 1;
  animation: fade-e7fd3c6b 2s infinite;
}
@keyframes fade-e7fd3c6b {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0;
}
}.tree[data-v-2104cec5] {
  height: 100%;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.tree .tree-search[data-v-2104cec5] {
  padding-right: 0.75rem;
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  align-items: center;
}
.tree .tree-content[data-v-2104cec5] {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.tree .tree-content .title[data-v-2104cec5] {
  font-weight: bold;
}
.tree .resizer[data-v-2104cec5] {
  position: relative;
}
.row[data-v-2104cec5] {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
}
.row-content[data-v-2104cec5] {
  display: flex;
  gap: 0.5rem;
  padding: 0 0.5rem;
  overflow: hidden;
  align-items: center;
}
.leaf[data-v-2104cec5] {
  padding-left: 0.5rem;
}
[data-v-2104cec5] .el-tree {
  height: 100%;
}
[data-v-2104cec5] .el-tree-virtual-list {
  overflow-y: hidden !important;
}
[data-v-2104cec5] .el-scrollbar__view {
  height: 100%;
}
.chevron-btn[data-v-2104cec5] {
  display: flex;
  align-items: center;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}
[data-v-2104cec5] .el-tree-node {
  border: 1px solid transparent;
}
[data-v-2104cec5] .el-tree-node:has(> .el-tree-node__content .stree-selected) {
  background-color: var(--color-background-bg-light) !important;
  border: 1px solid var(--color-primary);
  border-radius: var(--el-border-radius-base);
}
[data-v-2104cec5] .el-tree-node:has(> .el-tree-node__content .is-highlighted) {
  background-color: var(--color-background-bg);
}
.row.is-drop-before[data-v-2104cec5],
.row.is-drop-after[data-v-2104cec5],
.row.is-drop-inside[data-v-2104cec5],
.row.is-drop-not-allowed[data-v-2104cec5] {
  position: relative;
}
.row.is-drop-before[data-v-2104cec5]::before,
.row.is-drop-after[data-v-2104cec5]::after {
  content: "";
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  height: 0;
  border-top: 2px solid var(--color-primary);
}
.row.is-drop-before[data-v-2104cec5]::before {
  top: -1px;
}
.row.is-drop-after[data-v-2104cec5]::after {
  bottom: -1px;
}
.row.is-drop-inside[data-v-2104cec5] {
  outline: 2px dashed var(--color-primary);
  outline-offset: -2px;
}
.row.is-drop-not-allowed[data-v-2104cec5] {
  cursor: not-allowed !important;
  opacity: 0.6;
}
.spacer-y[data-v-2104cec5] {
  margin-top: 1rem;
}.s-input-number[data-v-ce51b114] {
  width: 100%;
}
[data-v-ce51b114] .el-input-number {
  width: 100% !important;
}
.custom-input[data-v-ce51b114] .el-input {
  display: flex;
  justify-content: flex-start;
  flex-grow: unset;
}
.custom-input[data-v-ce51b114] .el-input__wrapper {
  padding: 0.2rem !important;
  background-color: transparent;
  --border-bottom-basic: 0.1rem solid var(--color-background-bg);
  border: 0.1rem solid var(--color-background-outstanding);
  flex-grow: unset;
  display: flex;
  justify-content: flex-start;
}
.custom-input[data-v-ce51b114] .el-input__inner {
  text-align: left !important;
  padding-left: 1rem;
  display: flex;
  flex-grow: unset;
  justify-content: flex-start;
  width: 100%;
}
.custom-input[data-v-ce51b114] .el-input-number__increase,
.custom-input[data-v-ce51b114] .el-input-number__decrease {
  line-height: unset !important;
  border-left: unset !important;
  border: unset !important;
  height: unset !important;
}
.custom-input.is-disabled[data-v-ce51b114] .el-input__inner {
  width: 100%;
  background-color: var(--color-background-outstanding-light);
}.text[data-v-fc4cefa4] {
  display: flex;
  gap: 0.2rem;
  align-items: center;
  color: var(--color-text-secondary);
  font-size: 1rem;
  letter-spacing: 0.1rem;
}
.text p[data-v-fc4cefa4] {
  color: var(--color-text-secondary);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1rem;
}
.key[data-v-fc4cefa4] {
  border: 0.15rem solid var(--color-background-outstanding);
  border-radius: 0.4rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-primary);
  background-color: var(--color-background-bg2);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  height: 2.5rem;
  width: fit-content;
  gap: 0.35rem;
  padding: 0.5rem 1rem;
}
.key p[data-v-fc4cefa4] {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1rem;
}
.key .arrow[data-v-fc4cefa4] {
  font-size: 1.5rem;
  padding-bottom: 0.24rem;
}
.sequence[data-v-fc4cefa4] {
  min-width: 6rem;
}
.key-group[data-v-fc4cefa4] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}.s-key-properties[data-v-677f1f0e] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-right: 0.5rem;
}
.s-key-properties .key[data-v-677f1f0e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.s-key-properties .key .value[data-v-677f1f0e] {
  font-weight: 600;
  line-height: 1.5rem;
  max-height: 6rem;
  overflow-y: auto;
}
.s-key-properties div[data-v-677f1f0e]:nth-child(odd) {
  background-color: var(--color-background-bg);
}
.s-key-properties-no-data[data-v-677f1f0e] {
  display: flex;
  position: relative;
  height: 100%;
  width: 100%;
}
.param-selector {
&[data-v-6939b72a] {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.item-wrapper[data-v-6939b72a] {
    width: 100%;
}
.button-alignment[data-v-6939b72a] {
    display: flex;
    align-items: center;
}
}
.form-wrapper {
&[data-v-6939b72a] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.selected-item {
&[data-v-6939b72a] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    border: 1px solid var(--color-background-outstanding);
    background: var(--color-background-outstanding-light);
    padding: 0.5rem 1rem;
    border-radius: 4px;
}
.item-wrapper[data-v-6939b72a] {
      width: 100%;
}
.button-alignment[data-v-6939b72a] {
      display: flex;
      align-items: center;
}
.row[data-v-6939b72a] {
      display: flex;
      flex-direction: row;
}
[data-v-6939b72a] .el-form-item .is-disabled,[data-v-6939b72a] .el-input.is-disabled,[data-v-6939b72a] .el-select.is-disabled,[data-v-6939b72a] .s-input-number.is-disabled,[data-v-6939b72a] .el-date-editor.is-disabled,[data-v-6939b72a] .el-date-picker__editor.is-disabled,[data-v-6939b72a] .el-switch.is-disabled {
      border: 1px solid var(--color-background-outstanding) !important;
}
}
}
[data-v-6939b72a] .nic-circle-check.success {
  color: var(--color-success);
}
[data-v-6939b72a] .nic-x-circle.error {
  color: var(--color-error);
}
[data-v-6939b72a] .el-form-item .is-disabled,[data-v-6939b72a] .el-input.is-disabled,[data-v-6939b72a] .el-select.is-disabled,[data-v-6939b72a] .s-input-number.is-disabled,[data-v-6939b72a] .el-date-editor.is-disabled,[data-v-6939b72a] .el-date-picker__editor.is-disabled,[data-v-6939b72a] .el-select .el-select__wrapper.is-disabled {
  border: 1px solid var(--color-background-outstanding) !important;
  border-radius: 4px;
}
[data-v-6939b72a] .el-input-number.is-center .el-input__inner {
  text-align: left;
}
[data-v-6939b72a] .el-input-number {
  display: flex;
}

.permission-label[data-v-9d573cfb] {
  flex: 1 1 0;
  min-width: 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.form-item-error[data-v-dc3f1d12] {
  box-shadow: 0 0 0 1px var(--el-color-danger);
  border-radius: var(--border-radius-basic);
  padding: 0.2rem;
  margin: 0.1rem;
}
.form-item__error[data-v-dc3f1d12] {
  color: var(--el-color-danger);
  font-size: 1.2rem;
  line-height: 1;
  padding-top: 0.3rem;
  font-weight: 500;
  align-self: flex-start;
}
.fast-search[data-v-dc3f1d12] {
  width: 30rem;
  margin-right: auto;
}
.fast-search[data-v-dc3f1d12] .el-input.is-filtered .el-input__wrapper .el-input__prefix {
  color: var(--color-primary);
}
.fast-search[data-v-dc3f1d12] .el-input .el-input__wrapper {
  background-color: transparent;
  --el-input-clear-hover-color: var(--color-text-primary);
  width: 30rem;
}
.fast-search[data-v-dc3f1d12] .el-input.is-disabled {
  background-color: var(--color-background-bg);
}
.header[data-v-dc3f1d12] {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
}
.arrow[data-v-dc3f1d12] {
  cursor: pointer;
}
.arrow i[data-v-dc3f1d12] {
  transition: transform var(--el-transition-duration);
}
.arrow .opened[data-v-dc3f1d12] {
  transform: rotate(180deg);
}
.permission-cell[data-v-dc3f1d12] {
  display: flex;
  align-items: center;
  min-width: 0;
  width: 100%;
  gap: 0.5rem;
}
.permission-cell .el-checkbox[data-v-dc3f1d12] {
  flex-shrink: 0;
}
[data-v-dc3f1d12] .el-scrollbar .el-table__expand-icon {
  display: none !important;
}
[data-v-dc3f1d12] .el-table {
  box-shadow: none !important;
  border: 0.1rem solid var(--color-background-outstanding-light);
  border-radius: 0.4rem;
}
[data-v-dc3f1d12] .el-table .cell {
  gap: 0.5rem;
}
[data-v-dc3f1d12] .el-table tr {
  background: var(--color-background-bg2) !important;
}
[data-v-dc3f1d12] .el-table .el-table__body-wrapper tr:nth-child(odd) {
  background-color: var(--color-background-bg) !important;
}
.selected-label[data-v-dc3f1d12] {
  margin-top: 1rem;
  padding-left: 0.5rem;
  font-style: italic;
  color: var(--color-text-secondary);
  font-weight: 500;
  font-size: 1.1rem;
  align-self: flex-start;
}
[data-v-dc3f1d12] .el-table__column-filter-trigger i {
  color: var(--color-text-primary);
  margin-left: 0.5rem;
}
.title[data-v-dc3f1d12] {
  font-weight: 600;
  margin-bottom: 1rem;
}
[data-v-dc3f1d12] .highlight {
  color: var(--color-primary) !important;
}
[data-v-dc3f1d12] .highlight i {
  color: var(--color-primary) !important;
}
[data-v-dc3f1d12] .el-table .hidden {
  display: none;
}
[data-v-dc3f1d12] .el-table .caret-wrapper {
  left: -1;
  scale: 0.7;
}
[data-v-dc3f1d12] .el-checkbox__inner {
  transition: none !important;
  animation: none !important;
}[data-v-bcfa48dd],[data-v-bcfa48dd]::after,[data-v-bcfa48dd]::before {
  margin: 0;
  padding: 0;
  /* Inherited from body because it's a better practise */
  box-sizing: inherit;
  text-decoration: none;
}
html[data-v-bcfa48dd] {
  /* Default browsers font-size is 16px and we want
   a 10px font-size by default to calculate all 
   measures with rem and the calculations will be simple.
   Defines what a 1rem is */
  font-size: 62.5%;
}
body[data-v-bcfa48dd] {
  box-sizing: border-box;
}
html[data-v-bcfa48dd],
body[data-v-bcfa48dd] {
  height: 100vh;
}
.panel-header[data-v-bcfa48dd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 2rem;
  user-select: none;
}
#app[data-v-bcfa48dd] {
  height: 100%;
  overflow: hidden;
}
[data-v-bcfa48dd]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
[data-v-bcfa48dd]::-webkit-scrollbar-thumb {
  --el-scrollbar-bg-color: var(--color-background-outstanding);
  --el-scrollbar-opacity: 1;
  --el-scrollbar-hover-opacity: 1;
  background: var(--color-background-outstanding);
  border-radius: 2rem;
}
[data-v-bcfa48dd]::-webkit-scrollbar,[data-v-bcfa48dd]::-webkit-scrollbar-track,[data-v-bcfa48dd]::-webkit-scrollbar-corner {
  background: var(--color-background-bg2);
}
[data-v-bcfa48dd]:focus-visible {
  outline: 0.1rem solid var(--color-primary);
  border-radius: 0.4rem;
}
.s-box[data-v-bcfa48dd] {
  box-shadow: var(--box-shadow-basic);
  border-radius: 0.4rem;
  height: 100%;
  width: 100%;
  background-color: var(--color-background-bg2);
  padding: 1.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
}
.s-box.scroll[data-v-bcfa48dd] {
  padding: 0rem;
  overflow-x: hidden;
}
.s-box.scroll .el-scrollbar[data-v-bcfa48dd] {
  width: 100%;
  height: 100%;
}
.s-box.scroll .el-scrollbar .el-scrollbar__view[data-v-bcfa48dd] {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}
.s-box.scroll .el-scrollbar .el-scrollbar__bar.is-horizontal[data-v-bcfa48dd] {
  display: none;
}
p > em[data-v-bcfa48dd] {
  font-weight: 600;
  font-style: normal;
}
.error em[data-v-bcfa48dd] {
  color: var(--color-error);
}
.success em[data-v-bcfa48dd] {
  color: var(--color-success);
}
.warning em[data-v-bcfa48dd] {
  color: var(--color-warning);
}
.info em[data-v-bcfa48dd] {
  color: var(--color-info);
}
.asterisk[data-v-bcfa48dd] {
  color: var(--el-color-danger);
  padding: 0rem 0.5rem;
}
.port[data-v-bcfa48dd]:focus {
  outline: none !important;
}
@keyframes pulse-animation-bcfa48dd {
0% {
    box-shadow: 0 0 0 0px var(--pulse-color);
}
100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
}
.groupByActive[data-v-bcfa48dd] {
  color: var(--color-primary);
}.viewMoreLess[data-v-72999707] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  justify-content: flex-end;
  min-width: fit-content;
  cursor: pointer;
}
.viewMoreLess p[data-v-72999707] {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-text-secondary);
}
.viewMoreLess i[data-v-72999707] {
  transition: transform var(--el-transition-duration);
  color: var(--color-text-secondary);
  font-size: 1.4rem;
}
.viewMoreLess .opened[data-v-72999707] {
  transform: rotate(-90deg);
}.s-summary-view-layout {
  width: 100%;
  user-select: none;
  height: 100%;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  overflow: auto;
}
.s-summary-view-layout .summary {
  display: flex;
  width: 100%;
  gap: 3rem;
  user-select: none;
  height: 7rem;
  will-change: height;
  align-items: flex-start;
  position: relative;
  border: 0.1rem solid var(--color-background-outstanding-light);
  padding: 0.6rem;
  border-radius: 0.4rem;
}
.s-summary-view-layout .summary .sum-content {
  flex: 1;
  display: flex;
  align-self: flex-start;
  height: 100%;
  width: 100%;
}
.s-summary-view-layout .summary .sum-content.closed {
  flex: initial;
  width: 94%;
}
.s-summary-view-layout .summary .viewMoreLess {
  position: absolute;
  right: 1.5rem;
  top: 1.75rem;
  cursor: pointer;
  z-index: 2;
}
.s-summary-view-layout .summary.open {
  height: 65rem;
  overflow: hidden;
}
.s-summary-view-layout .view {
  display: flex;
  width: 100%;
  position: relative;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}.s-tab-node-manager {
  width: 100%;
  height: 100%;
  padding-right: 0.5rem;
  padding-left: 1rem;
  position: relative;
}
.s-tab-node-manager .tab-title {
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
.s-tab-node-manager .tab-container {
  padding: 0.5rem;
  border: var(--border-bottom-basic);
  border-radius: var(--border-radius-basic);
}
.s-tab-node-manager .nodes-container {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  padding: 0.5rem;
  grid-gap: 0.5rem;
  flex-wrap: wrap;
}
.s-tab-node-manager .nodes-container .node-container {
  padding: 0.5rem 0;
  max-width: 100%;
  width: 100%;
}
.s-tab-node-manager .nodes-container .node-container .node {
  background-color: var(--color-primary);
  border-radius: 50%;
  width: 2.5rem;
  aspect-ratio: 1;
}.s-tooltip-box-card[data-v-8994c72b] {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  width: 15rem;
  height: auto;
  border: 2px solid var(--color-background-outstanding-light);
  border-radius: 0.2rem;
  gap: 1rem;
  cursor: pointer;
  user-select: none;
}
.s-tooltip-box-card .name[data-v-8994c72b] {
  color: var(--color-text-secondary);
}
.s-tooltip-box-card.active[data-v-8994c72b] {
  border-color: var(--color-primary);
  background-color: var(--color-primary-light-1);
}
.s-tooltip-box-card.active .bg[data-v-8994c72b] {
  color: var(--color-primary-light-4);
}
.s-tooltip-box-card.active .item[data-v-8994c72b] {
  color: var(--color-primary);
}
.s-tooltip-box-card.active .name[data-v-8994c72b] {
  color: var(--color-text-primary);
}
.s-tooltip-box-card.expired[data-v-8994c72b] {
  border-color: var(--color-error);
  background-color: var(--color-error-light-1);
}
.s-tooltip-box-card.expired .bg[data-v-8994c72b] {
  color: var(--color-error-light-4);
}
.s-tooltip-box-card.expired .item[data-v-8994c72b] {
  color: var(--color-error);
}
.s-tooltip-box-card.expired .name[data-v-8994c72b] {
  color: var(--color-error);
}
.s-tooltip-box-card.expiring[data-v-8994c72b] {
  border-color: var(--color-warning);
  background-color: var(--color-warning-light-1);
}
.s-tooltip-box-card.expiring .bg[data-v-8994c72b] {
  color: var(--color-warning-light-4);
}
.s-tooltip-box-card.expiring .item[data-v-8994c72b] {
  color: var(--color-warning);
}
.s-tooltip-box-card.expiring .name[data-v-8994c72b] {
  color: var(--color-warning);
}
.icon[data-v-8994c72b] {
  position: relative;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.5rem;
}
.icon .bg[data-v-8994c72b] {
  width: 100%;
  height: 100%;
  font-size: 3.5rem;
  color: var(--color-background-outstanding-light);
}
.icon .item[data-v-8994c72b] {
  position: absolute;
  z-index: 1;
  font-size: 1.5rem;
  left: 1rem;
  color: var(--color-text-secondary);
}
.card-title[data-v-8994c72b] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.name[data-v-8994c72b] {
  font-weight: 600;
}
.info[data-v-8994c72b] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.info .header[data-v-8994c72b] {
  display: flex;
  align-items: center;
  gap: 7rem;
  justify-content: space-between;
}
.info .icon.active .bg[data-v-8994c72b] {
  color: var(--color-primary-light-4);
}
.info .icon.active .item[data-v-8994c72b] {
  color: var(--color-primary);
}
.info .icon.expired .bg[data-v-8994c72b] {
  color: var(--color-error-light-4);
}
.info .icon.expired .item[data-v-8994c72b] {
  color: var(--color-error);
}
.info .icon.expiring .bg[data-v-8994c72b] {
  color: var(--color-warning-light-4);
}
.info .icon.expiring .item[data-v-8994c72b] {
  color: var(--color-warning);
}
.info .content[data-v-8994c72b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.info .content .description[data-v-8994c72b] {
  font-weight: 100 !important;
}.form-item__error[data-v-71f600a1] {
  color: var(--el-color-danger);
  font-size: 12px;
  line-height: 1;
  position: absolute;
  top: 100%;
  margin-top: -1rem;
}
.selectSearch[data-v-71f600a1] {
  display: flex;
  align-items: center;
  padding: 1rem;
  gap: 1rem;
}
.selectSearch .select-all[data-v-71f600a1] {
  padding-left: 0.5rem;
}
.container-columns[data-v-71f600a1] {
  width: 100%;
  gap: 1rem;
  display: flex;
  flex-direction: column;
  padding: 0.1rem;
}
.container-columns .columns[data-v-71f600a1] {
  width: 100%;
  border: var(--border-bottom-basic);
  border-radius: var(--border-radius-basic);
  height: 31rem;
  display: flex;
  flex-direction: column;
  padding-right: 0.5rem;
  margin-bottom: 1.5rem;
}
.container-columns .columns .list-group[data-v-71f600a1] {
  padding: 0.5rem;
  padding-top: 0;
  max-height: 25rem;
  min-height: 25rem;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.container-columns .columns .list-group .disabled[data-v-71f600a1] {
  cursor: not-allowed !important;
}
.container-columns .columns .list-group .nic-move[data-v-71f600a1] {
  display: inline-block !important;
  color: var(--color-text-secondary);
  font-size: 1.5rem;
  padding: 0.5rem;
}
.container-columns .columns .list-group .wrapper[data-v-71f600a1] {
  cursor: pointer;
  border-radius: 0.4rem;
}
.container-columns .columns .list-group .wrapper .list-group-item[data-v-71f600a1] {
  gap: 1rem;
  height: 3rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-left: 1rem;
  border-radius: 0.4rem;
}
.container-columns .columns .list-group .wrapper .list-group-item .text[data-v-71f600a1],
.container-columns .columns .list-group .wrapper .list-group-item .item[data-v-71f600a1] {
  margin-right: auto;
  flex-grow: 0;
  font-size: 1.2rem;
}
.container-columns .columns .list-group .wrapper .selected[data-v-71f600a1] {
  font-weight: 600;
}
.container-columns .columns .list-group .wrapper .selected .nic-move[data-v-71f600a1] {
  color: var(--color-text-primary);
}
.container-columns .columns .list-group .wrapper .selected .item[data-v-71f600a1] p {
  font-weight: 600;
}
.container-columns .columns .list-group .notAllowed[data-v-71f600a1] {
  pointer-events: none !important;
}
.container-columns .columns .list-group .wrapper:nth-child(odd) .list-group-item[data-v-71f600a1] {
  background-color: var(--color-background-outstanding-light);
}
.container-columns .columns .list-group .wrapper:nth-child(odd) .list-group-item.selected[data-v-71f600a1] {
  background-color: var(--color-background-bg) !important;
}
.container-columns .columns .list-group .wrapper:nth-child(even) .list-group-item.selected[data-v-71f600a1] {
  background-color: var(--color-background-bg) !important;
}
.container-columns .columns .list-group .wrapper.sortable-chosen[data-v-71f600a1],
.container-columns .columns .list-group .wrapper.sortable-ghost[data-v-71f600a1] {
  border: 0.1rem solid var(--color-background-outstanding-light);
  border-radius: 0.5rem;
  font-weight: 600;
  transition-delay: 0.2s;
  color: var(--color-text-primary);
  background-color: var(--color-background-bg-light) !important;
}
.container-columns .columns .list-group .wrapper.sortable-chosen .list-group-item[data-v-71f600a1],
.container-columns .columns .list-group .wrapper.sortable-ghost .list-group-item[data-v-71f600a1] {
  background-color: var(--color-background-bg-light) !important;
}
.container-columns .columns .list-group .wrapper.sortable-chosen .nic-move[data-v-71f600a1],
.container-columns .columns .list-group .wrapper.sortable-ghost .nic-move[data-v-71f600a1] {
  color: var(--color-text-primary) !important;
  transition-delay: 0.2s;
}
.form-item-error[data-v-71f600a1] {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
  padding: 0.2rem;
  border-radius: 7px;
}
.actions[data-v-71f600a1] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767.9px) {
.actions[data-v-71f600a1] {
    flex-direction: row;
    padding: 1rem 0rem;
}
.form-item__error[data-v-71f600a1] {
    left: 0;
}
}
.s-transfer[data-v-71f600a1] {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  align-items: center;
  width: 100%;
  user-select: none;
}
.s-transfer .content[data-v-71f600a1] {
  width: 100%;
}
.s-transfer .content:not(:has(.sortable-chosen)) .wrapper:not(.disabled):nth-child(even):hover .list-group-item[data-v-71f600a1] {
  background-color: var(--color-background-bg-light);
}
.s-transfer .content:not(:has(.sortable-chosen)) .wrapper:not(.disabled):nth-child(odd):hover .list-group-item[data-v-71f600a1] {
  background-color: var(--color-background-bg-light);
}
.title-column-option[data-v-71f600a1] {
  display: flex;
  justify-content: space-between;
}
.counter[data-v-71f600a1] {
  font-size: 1.1rem;
  opacity: 0.5;
}[data-v-62972580],[data-v-62972580]::after,[data-v-62972580]::before {
  margin: 0;
  padding: 0;
  /* Inherited from body because it's a better practise */
  box-sizing: inherit;
  text-decoration: none;
}
html[data-v-62972580] {
  /* Default browsers font-size is 16px and we want
   a 10px font-size by default to calculate all 
   measures with rem and the calculations will be simple.
   Defines what a 1rem is */
  font-size: 62.5%;
}
body[data-v-62972580] {
  box-sizing: border-box;
}
html[data-v-62972580],
body[data-v-62972580] {
  height: 100vh;
}
.panel-header[data-v-62972580] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 2rem;
  user-select: none;
}
#app[data-v-62972580] {
  height: 100%;
  overflow: hidden;
}
[data-v-62972580]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
[data-v-62972580]::-webkit-scrollbar-thumb {
  --el-scrollbar-bg-color: var(--color-background-outstanding);
  --el-scrollbar-opacity: 1;
  --el-scrollbar-hover-opacity: 1;
  background: var(--color-background-outstanding);
  border-radius: 2rem;
}
[data-v-62972580]::-webkit-scrollbar,[data-v-62972580]::-webkit-scrollbar-track,[data-v-62972580]::-webkit-scrollbar-corner {
  background: var(--color-background-bg2);
}
[data-v-62972580]:focus-visible {
  outline: 0.1rem solid var(--color-primary);
  border-radius: 0.4rem;
}
.s-box[data-v-62972580] {
  box-shadow: var(--box-shadow-basic);
  border-radius: 0.4rem;
  height: 100%;
  width: 100%;
  background-color: var(--color-background-bg2);
  padding: 1.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
}
.s-box.scroll[data-v-62972580] {
  padding: 0rem;
  overflow-x: hidden;
}
.s-box.scroll .el-scrollbar[data-v-62972580] {
  width: 100%;
  height: 100%;
}
.s-box.scroll .el-scrollbar .el-scrollbar__view[data-v-62972580] {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}
.s-box.scroll .el-scrollbar .el-scrollbar__bar.is-horizontal[data-v-62972580] {
  display: none;
}
p > em[data-v-62972580] {
  font-weight: 600;
  font-style: normal;
}
.error em[data-v-62972580] {
  color: var(--color-error);
}
.success em[data-v-62972580] {
  color: var(--color-success);
}
.warning em[data-v-62972580] {
  color: var(--color-warning);
}
.info em[data-v-62972580] {
  color: var(--color-info);
}
.asterisk[data-v-62972580] {
  color: var(--el-color-danger);
  padding: 0rem 0.5rem;
}
.port[data-v-62972580]:focus {
  outline: none !important;
}
@keyframes pulse-animation-62972580 {
0% {
    box-shadow: 0 0 0 0px var(--pulse-color);
}
100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
}
.s-tree-select .expand-icon .closed[data-v-62972580] {
  transform: unset !important;
}
.s-tree-select .tree-slot[data-v-62972580] {
  padding: 0.2rem 0;
}
.s-tree-select .tree-slot .tree-content[data-v-62972580] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 1rem;
}
.s-tree-select .tree-slot .tree-content .items-counter[data-v-62972580] {
  display: block;
  color: var(--color-text-secondary);
  font-weight: 500;
  padding-right: 0.5rem;
  font-size: 1rem;
  font-style: italic;
  pointer-events: auto;
}
.s-tree-select-dropdown .el-select-dropdown__item {
  width: 100% !important;
}.avatar-wrapper[data-v-075e88e7] {
  position: relative;
  display: inline-block;
}
.avatar-wrapper:hover .trash-overlay[data-v-075e88e7] {
  opacity: 1;
  pointer-events: auto;
}
.el-avatar[data-v-075e88e7] {
  box-shadow: var(--box-shadow-basic);
  --el-avatar-bg-color: var(--color-background-bg2);
}
.el-avatar .fallback[data-v-075e88e7] {
  color: var(--color-primary);
  padding: 10%;
}
.trash-overlay[data-v-075e88e7] {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  border-radius: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.trash-overlay .trash-icon[data-v-075e88e7] {
  font-size: 1.6rem;
  color: white;
}.file-upload-container[data-v-8be38da9] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0.8rem;
  margin-top: 0.8rem;
  width: 100%;
}
.file-upload-container .square-style[data-v-8be38da9] {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.file-upload-container .square-style .image-pointer[data-v-8be38da9] {
  cursor: pointer;
}
.file-upload-container .el-avatar--square[data-v-8be38da9] {
  border-radius: 0.5rem !important;
  padding: 0.8rem;
}
.file-upload-container .file-uploader[data-v-8be38da9] {
  width: 100%;
  margin-bottom: 0.8rem;
  margin-top: 0.8rem;
}
.file-upload-container .file-uploader .template[data-v-8be38da9] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  flex-wrap: nowrap;
}
.file-upload-container[data-v-8be38da9] .el-upload-dragger {
  width: 100%;
  height: 0rem;
  border: 1px solid var(--el-border-color);
  align-items: flex-start;
}
.file-upload-container .button-column[data-v-8be38da9] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-upload-container .el-row[data-v-8be38da9] {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  box-sizing: border-box;
  align-items: center;
  flex-direction: row;
  width: 100%;
}
.file-upload-container .avatar-readonly[data-v-8be38da9] {
  justify-content: center;
  align-items: center;
  display: flex;
}
.file-upload-container.read[data-v-8be38da9] {
  justify-content: center;
  border: 0.1rem dashed var(--color-background-outstanding);
  padding: 2rem 0 2rem 0;
  border-radius: 0.8rem;
  gap: 1rem;
}
.sub[data-v-8be38da9] {
  font-size: 1.1rem;
}
.file-subtitle[data-v-8be38da9] {
  margin-left: 0.5rem;
}
.nic-icon[data-v-8be38da9] {
  display: inherit;
}
.red[data-v-8be38da9] {
  color: var(--color-error);
}
.upload-title[data-v-8be38da9] {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
  align-items: center;
}
.download-template[data-v-8be38da9] {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-primary);
  font-style: italic;
  cursor: pointer;
}
@media only screen and (max-width: 1919px) {
.file-upload-container .square-style[data-v-8be38da9] {
    min-height: 3rem;
    display: flex;
    justify-content: center;
}
}.canvas-map-container {
  width: 100%;
  height: 100%;
  display: flex;
  background-color: var(--color-background-bg);
  z-index: 1;
  position: relative;
  overflow: hidden;
}
.html-popper-container {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}.s-categorized-menu[data-v-7c101a4b] {
  border-right: none;
}
.s-categorized-title[data-v-7c101a4b] {
  font-size: 1.75rem;
  margin: 1rem 0;
  font-weight: 600;
  padding-left: 1.2rem;
}
.menu-group-title[data-v-7c101a4b] {
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-text-secondary);
  padding: 0.5rem 1.25rem;
}
[data-v-7c101a4b] .el-menu {
  gap: 0;
}
[data-v-7c101a4b] .el-menu-item {
  padding-left: 1.6rem !important;
  margin-left: 1.2rem;
}
[data-v-7c101a4b] .el-menu-item.is-active {
  color: var(--color-text-primary);
  font-weight: 600;
}
[data-v-7c101a4b] .el-menu-item.is-active::before {
  display: none !important;
}
.s-single-multiple-card[data-v-4387c935] {
  position: relative;
  border: 0.1rem solid var(--color-background-outstanding);
  margin: 0.5rem 0.5rem 0.5rem 0rem !important;
  background-color: var(--color-background-bg2);
  width: auto;
  border-radius: 0.4rem;
  color: var(--el-color-primary);
  z-index: 1;
}
.multiple[data-v-4387c935]::after {
  content: '';
  position: absolute;
  top: -0.85rem;
  left: 0.75rem;
  height: 0.75rem;
  border-radius: 0.3rem 0.3rem 0 0;
  border-top: 0.1rem solid var(--color-background-outstanding);
  border-left: 0.1rem solid var(--color-background-outstanding);
  border-right: 0.1rem solid var(--color-background-outstanding);
  width: calc(100% - 1.5rem);
  transform: translateY(0);
  opacity: 1;
  transition:
    transform 0.3s ease-in-out,
    opacity 0.3s ease-in-out;
  z-index: -1;
}
.multiple-opened[data-v-4387c935]::after {
  content: '';
  position: absolute;
  top: -0.85rem;
  left: 0.75rem;
  height: 0.75rem;
  border-radius: 0.3rem 0.3rem 0 0;
  border-top: 0.1rem solid var(--color-background-outstanding);
  border-left: 0.1rem solid var(--color-background-outstanding);
  border-right: 0.1rem solid var(--color-background-outstanding);
  width: calc(100% - 1.5rem);
  transform: translateY(1rem);
  opacity: 0;
  transition:
    transform 0.3s ease-in-out,
    opacity 0.3s ease-in-out;
  z-index: -1;
}
[data-v-4387c935] .s-single-multiple-card + .item {
  margin-top: 1rem !important;
}
div.el-select__selection.is-near > div[data-v-4387c935]:nth-child(1) {
  display: none;
}
.header {
&[data-v-4387c935] {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 1rem;
  }
.fast-search[data-v-4387c935] {
    width: 100%;
    max-width: 30rem;
}
.full[data-v-4387c935] {
    max-width: 100%;
}
.actions {
&[data-v-4387c935] {
    display: flex;
    gap: 1rem;
    }
.dropdown-wrapper[data-v-4387c935] {
      margin-left: auto;
}
}
}
.filters {
&[data-v-4387c935] {
  display: flex;
  flex-direction: column;
  z-index: 10;
  background-color: var(--color-background-bg2);
  }
.filter-row[data-v-4387c935] {
    row-gap: 0.5rem;
}
}
.locked[data-v-4387c935] {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.information {
&[data-v-4387c935] {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 1rem;
  flex: 1;
  }
[data-v-4387c935] .data {
    display: flex;
    gap: 1rem;
}
.rightSideLayout {
&[data-v-4387c935] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    gap: 0.5rem;
    }
.viewMoreLayout[data-v-4387c935] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1.5rem;
      min-width: max-content;
}
}
.infobox[data-v-4387c935] {
    display: flex;
    height: 7rem;
    justify-content: space-between;
    padding: 0.5rem 0.25rem 0.5rem 0.25rem;
}
}
.default-cursor[data-v-4387c935] {
  cursor: default;
}
@media only screen and (max-width: 1199px) {
.information[data-v-4387c935] {
    gap: 1rem;
}
.rightSideLayout[data-v-4387c935] {
    flex-direction: row !important;
    padding-left: 3rem;
}
}
[data-v-4387c935] .el-collapse-item {
  width: 100%;
  padding-right: 0rem !important;
}
[data-v-4387c935] .el-collapse-item__header {
  height: auto !important;
  margin: 0 !important;
  padding: 0rem !important;
  background-color: var(--color-background-bg2) !important;
  border: none !important;
}
[data-v-4387c935] .el-collapse-item__wrap {
  padding: 0 !important;
}
[data-v-4387c935] .el-collapse-item__content {
  padding: 0rem !important;
section {
.moreinfo {
& {
      display: flex;
      padding: 0rem 0.5rem 1rem 1rem;
      }
.infobox {
        display: flex;
        max-height: 45rem;
        flex: 1;
        max-width: 100%;
        min-height: 20rem;
}
}
}
}
[data-v-4387c935] .error {
  pointer-events: none !important;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected[data-v-4387c935]::after {
  display: none;
}
.el-select-dropdown__item[data-v-4387c935] {
  gap: 1rem !important;
}
[data-v-4387c935] .el-date-editor.el-input__wrapper {
  width: 100%;
}
[data-v-4387c935] .el-select__selection.is-near {
  overflow: hidden;
  flex-wrap: nowrap;
}
[data-v-4387c935] .el-select__wrapper {
  min-height: 3.25rem;
  box-shadow: 0 0 0 0.1rem var(--color-background-outstanding) inset;
}
[data-v-4387c935] .el-date-editor.el_input {
  width: 100%;
}
[data-v-4387c935] .el-select__wrapper.is-focused {
  box-shadow: 0 0 0 0.1rem var(--el-color-primary) inset;
}
.el-col[data-v-4387c935]:last-child {
  margin-bottom: 0;
}

/** breakpoints of element plus */
@media only screen and (min-width: 1920px) {
  /* XL */
.dropdown-wrapper[data-v-4387c935] {
    margin-left: auto;
    margin-right: 1rem;
}
}
@media only screen and (min-width: 1200px) {
  /* LG */
.dropdown-wrapper[data-v-4387c935] {
    margin-left: auto;
    margin-right: 1rem;
}
.singleDate[data-v-4387c935] {
    display: none;
}
.dateRange[data-v-4387c935] {
    display: block;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* MD */
.dropdown-wrapper[data-v-4387c935] {
    margin-left: 1rem;
}
.dateRange[data-v-4387c935] {
    display: block;
}
.singleDate[data-v-4387c935] {
    display: none;
}
}
@media only screen and (max-width: 991px) {
  /* XS */ /* SM */
.dropdown-wrapper[data-v-4387c935] {
    margin: auto;
    width: 50%;
    text-align: center;
}
.dateRange[data-v-4387c935] {
    display: none;
}
.singleDate[data-v-4387c935] {
    display: block;
}
}
[data-v-4387c935] .el-select__selection.is-near span.category_tag {
  display: none !important;
}
.failure-border[data-v-4387c935] {
  border-left: 2px solid var(--color-error) !important;
  background-color: var(--color-background-outstanding-light);
}
.s-icon {
  border-radius: 0.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.s-icon--color-primary {
  color: var(--color-primary);
}
.s-icon--color-secondary {
  color: var(--color-secondary);
}
.s-icon--color-success {
  color: var(--color-success);
}
.s-icon--color-error {
  color: var(--color-error);
}
.s-icon--color-warning {
  color: var(--color-warning);
}
.s-icon--color-neutral {
  color: white;
}
.s-icon--color-transparent {
  color: var(--color-text-primary);
}
.s-icon--bg-primary {
  background-color: var(--color-primary-light-3);
}
.s-icon--bg-secondary {
  background-color: var(--color-secondary-light-3);
}
.s-icon--bg-success {
  background-color: var(--color-success-light-3);
}
.s-icon--bg-error {
  background-color: var(--color-error-light-1);
}
.s-icon--bg-warning {
  background-color: var(--color-warning-light-3);
}
.s-icon--bg-neutral {
  background-color: var(--color-background-outstanding);
}
.s-icon--bg-transparent {
  background-color: transparent;
}
.s-view-more-card[data-v-fe3599cb] {
  position: relative;
  border: 1px solid var(--color-background-outstanding);
  border-radius: 6px;
  padding: 10px;
  min-width: 200px;
}
.scroll-container[data-v-fe3599cb] {
  max-height: 100px;
  overflow-y: auto;
}
.toolbar[data-v-ca0ba081] {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: space-between;
}
.toolbar .menu[data-v-ca0ba081] {
  display: flex;
  align-items: center;
}
.toolbar .menu[data-v-ca0ba081] .el-breadcrumb {
  padding-left: 0.5rem;
}
.toolbar .menu[data-v-ca0ba081] .el-breadcrumb::before {
  display: none !important;
}
.toolbar .menu p[data-v-ca0ba081] {
  font-size: 1.2rem !important;
}
.toolbar .table-actions[data-v-ca0ba081] {
  margin-left: auto;
  display: flex;
  gap: 1rem;
}
.toolbar .breadcrumb-toolItems[data-v-ca0ba081] {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  height: 100%;
}.card[data-v-547890ea] {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  border: 0.1rem solid var(--color-background-outstanding-light);
  padding: 1rem;
  cursor: pointer;
  flex: 1 1 30rem;
  overflow: auto;
  border-radius: 0.4rem;
  max-height: 8rem;
}
.card .card-title[data-v-547890ea] {
  font-weight: 700;
  color: var(--color-text-primary);
}
.card .card-icon[data-v-547890ea] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  height: 5rem;
  width: 5rem;
  margin: auto 0;
  flex-shrink: 0;
  border-radius: 0.2rem;
}
.card .card-icon i[data-v-547890ea] {
  font-size: 3rem;
}
.card .card-icon.primary[data-v-547890ea] {
  background-color: var(--color-primary-light-2);
}
.card .card-icon.secondary[data-v-547890ea] {
  background-color: var(--color-background-bg-light);
}
.card .card-icon.primary i[data-v-547890ea] {
  color: var(--color-primary);
}
.card .card-icon.secondary i[data-v-547890ea] {
  font-size: 2.5rem;
  color: var(--color-text-primary);
}
.card .card-content[data-v-547890ea] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  justify-content: center;
  text-align: start;
}
.card[data-v-547890ea]:hover,
.card[data-v-547890ea]:focus {
  background-color: var(--color-background-bg-light);
  outline: none;
}.the-alert-banner[data-v-0b43acd7] {
  height: 3.5rem;
  padding: 1rem 1.75rem;
  user-select: none;
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--el-color-white);
  z-index: 9994;
}
.the-alert-banner .message[data-v-0b43acd7] {
  display: flex;
  gap: 1rem;
}
.the-alert-banner .message[data-v-0b43acd7] span {
  display: flex;
  gap: 1rem;
}
.the-alert-banner .message[data-v-0b43acd7] em {
  font-weight: bold;
  font-style: normal;
}
.the-alert-banner i[data-v-0b43acd7] {
  color: var(--el-color-white);
}
.the-alert-banner .actions[data-v-0b43acd7] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-left: auto;
}.maplibregl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0,0,0,0)}.maplibregl-canvas{left:0;position:absolute;top:0}.maplibregl-map:fullscreen{height:100%;width:100%}.maplibregl-ctrl-group button.maplibregl-ctrl-compass{touch-action:none}.maplibregl-canvas-container.maplibregl-interactive,.maplibregl-ctrl-group button.maplibregl-ctrl-compass{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer{cursor:pointer}.maplibregl-canvas-container.maplibregl-interactive:active,.maplibregl-ctrl-group button.maplibregl-ctrl-compass:active{cursor:grabbing}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas{touch-action:pan-x pan-y}.maplibregl-canvas-container.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:pinch-zoom}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:none}.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures,.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures .maplibregl-canvas{touch-action:pan-x pan-y}.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-top-left,.maplibregl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.maplibregl-ctrl-top-left{left:0;top:0}.maplibregl-ctrl-top-right{right:0;top:0}.maplibregl-ctrl-bottom-left{bottom:0;left:0}.maplibregl-ctrl-bottom-right{bottom:0;right:0}.maplibregl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.maplibregl-ctrl-top-left .maplibregl-ctrl{float:left;margin:10px 0 0 10px}.maplibregl-ctrl-top-right .maplibregl-ctrl{float:right;margin:10px 10px 0 0}.maplibregl-ctrl-bottom-left .maplibregl-ctrl{float:left;margin:0 0 10px 10px}.maplibregl-ctrl-bottom-right .maplibregl-ctrl{float:right;margin:0 10px 10px 0}.maplibregl-ctrl-group{background:#fff;border-radius:4px}.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (forced-colors:active){.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.maplibregl-ctrl-group button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;padding:0;width:29px}.maplibregl-ctrl-group button+button{border-top:1px solid #ddd}.maplibregl-ctrl button .maplibregl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (forced-colors:active){.maplibregl-ctrl-icon{background-color:transparent}.maplibregl-ctrl-group button+button{border-top:1px solid ButtonText}}.maplibregl-ctrl button::-moz-focus-inner{border:0;padding:0}.maplibregl-ctrl-attrib-button:focus,.maplibregl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.maplibregl-ctrl button:disabled{cursor:not-allowed}.maplibregl-ctrl button:disabled .maplibregl-ctrl-icon{opacity:.25}@media (hover:hover){.maplibregl-ctrl button:not(:disabled):hover{background-color:rgba(0,0,0,.05)}}.maplibregl-ctrl button:not(:disabled):active{background-color:rgba(0,0,0,.05)}.maplibregl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.maplibregl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.maplibregl-ctrl-group button:focus:first-child{border-radius:4px 4px 0 0}.maplibregl-ctrl-group button:focus:last-child{border-radius:0 0 4px 4px}.maplibregl-ctrl-group button:focus:only-child{border-radius:inherit}.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-globe .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23333' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E%3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E%3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138q.07-.058.224-.138c.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138 1.3 1.3 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.3 1.3 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5 1.5 0 0 1-.39-.272.3.3 0 0 1-.047-.064.3.3 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.3.3 0 0 1 .047.064.3.3 0 0 1-.048.064 1.4 1.4 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0 .018v.002zm17.002.002v-.002zm0-.018v-.002z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-globe-enabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%2333b5e5' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E%3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E%3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138q.07-.058.224-.138c.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138 1.3 1.3 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.3 1.3 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5 1.5 0 0 1-.39-.272.3.3 0 0 1-.047-.064.3.3 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.3.3 0 0 1 .047.064.3.3 0 0 1-.048.064 1.4 1.4 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0 .018v.002zm17.002.002v-.002zm0-.018v-.002z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-terrain .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23333' viewBox='0 0 22 22'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-terrain-enabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%2333b5e5' viewBox='0 0 22 22'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23aaa' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-waiting .maplibregl-ctrl-icon{animation:maplibregl-spin 2s linear infinite}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23999' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23666' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}}@keyframes maplibregl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.maplibregl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.maplibregl-ctrl-logo.maplibregl-compact{width:14px}@media (forced-colors:active){a.maplibregl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){a.maplibregl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E")}}.maplibregl-ctrl.maplibregl-ctrl-attrib{background-color:hsla(0,0%,100%,.5);margin:0;padding:0 5px}@media screen{.maplibregl-ctrl-attrib.maplibregl-compact{background-color:#fff;border-radius:12px;box-sizing:content-box;color:#000;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.maplibregl-ctrl-attrib.maplibregl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact-show,.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner{display:none}.maplibregl-ctrl-attrib-button{background-color:hsla(0,0%,100%,.5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;list-style:none}.maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button::-webkit-details-marker{display:none}.maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-top-left .maplibregl-ctrl-attrib-button{left:0}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner{display:block}.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button{background-color:rgba(0,0,0,.05)}.maplibregl-ctrl-bottom-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;right:0}.maplibregl-ctrl-top-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{right:0;top:0}.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{left:0;top:0}.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;left:0}}@media screen and (forced-colors:active){.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.maplibregl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.maplibregl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.maplibregl-attrib-empty{display:none}.maplibregl-ctrl-scale{background-color:hsla(0,0%,100%,.75);border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.maplibregl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.maplibregl-popup-anchor-top,.maplibregl-popup-anchor-top-left,.maplibregl-popup-anchor-top-right{flex-direction:column}.maplibregl-popup-anchor-bottom,.maplibregl-popup-anchor-bottom-left,.maplibregl-popup-anchor-bottom-right{flex-direction:column-reverse}.maplibregl-popup-anchor-left{flex-direction:row}.maplibregl-popup-anchor-right{flex-direction:row-reverse}.maplibregl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.maplibregl-popup-anchor-top .maplibregl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.maplibregl-popup-anchor-top-left .maplibregl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.maplibregl-popup-anchor-left .maplibregl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.maplibregl-popup-anchor-right .maplibregl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}[dir=rtl] .maplibregl-popup-anchor-left{flex-direction:row-reverse}[dir=rtl] .maplibregl-popup-anchor-right{flex-direction:row}[dir=rtl] .maplibregl-popup-anchor-top-left .maplibregl-popup-tip{align-self:flex-end}[dir=rtl] .maplibregl-popup-anchor-top-right .maplibregl-popup-tip{align-self:flex-start}[dir=rtl] .maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{align-self:flex-end}[dir=rtl] .maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{align-self:flex-start}.maplibregl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.maplibregl-popup-close-button:hover{background-color:rgba(0,0,0,.05)}.maplibregl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:15px 10px;pointer-events:auto;position:relative}.maplibregl-popup-anchor-top-left .maplibregl-popup-content{border-top-left-radius:0}.maplibregl-popup-anchor-top-right .maplibregl-popup-content{border-top-right-radius:0}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content{border-bottom-left-radius:0}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content{border-bottom-right-radius:0}.maplibregl-popup-track-pointer{display:none}.maplibregl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.maplibregl-map:hover .maplibregl-popup-track-pointer{display:flex}.maplibregl-map:active .maplibregl-popup-track-pointer{display:none}.maplibregl-marker{left:0;position:absolute;top:0;transition:opacity .2s;will-change:transform}.maplibregl-user-location-dot,.maplibregl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.maplibregl-user-location-dot:before{animation:maplibregl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.maplibregl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.35);box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}@media (prefers-reduced-motion:reduce){.maplibregl-user-location-dot:before{animation:none}}@keyframes maplibregl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.maplibregl-user-location-dot-stale{background-color:#aaa}.maplibregl-user-location-dot-stale:after{display:none}.maplibregl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.maplibregl-crosshair,.maplibregl-crosshair .maplibregl-interactive,.maplibregl-crosshair .maplibregl-interactive:active{cursor:crosshair}.maplibregl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}.maplibregl-cooperative-gesture-screen{align-items:center;background:rgba(0,0,0,.4);color:#fff;display:flex;font-size:1.4em;inset:0;justify-content:center;line-height:1.2;opacity:0;padding:1rem;pointer-events:none;position:absolute;transition:opacity 1s ease 1s;z-index:99999}.maplibregl-cooperative-gesture-screen.maplibregl-show{opacity:1;transition:opacity .05s}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{display:none}@media (hover:none),(pointer:coarse){.maplibregl-cooperative-gesture-screen .maplibregl-desktop-message{display:none}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{display:block}}.maplibregl-pseudo-fullscreen{height:100%!important;left:0!important;position:fixed!important;top:0!important;width:100%!important;z-index:99999}*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  /* Inherited from body because it's a better practise */
  box-sizing: inherit;
  text-decoration: none;
}
html {
  /* Default browsers font-size is 16px and we want
   a 10px font-size by default to calculate all 
   measures with rem and the calculations will be simple.
   Defines what a 1rem is */
  font-size: 62.5%;
}
body {
  box-sizing: border-box;
}
html,
body {
  height: 100vh;
}
.panel-header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 2rem;
  user-select: none;
}
#app {
  height: 100%;
  overflow: hidden;
}
::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
::-webkit-scrollbar-thumb {
  --el-scrollbar-bg-color: var(--color-background-outstanding);
  --el-scrollbar-opacity: 1;
  --el-scrollbar-hover-opacity: 1;
  background: var(--color-background-outstanding);
  border-radius: 2rem;
}
::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
  background: var(--color-background-bg2);
}
:focus-visible {
  outline: 0.1rem solid var(--color-primary);
  border-radius: 0.4rem;
}
.s-box {
  box-shadow: var(--box-shadow-basic);
  border-radius: 0.4rem;
  height: 100%;
  width: 100%;
  background-color: var(--color-background-bg2);
  padding: 1.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
}
.s-box.scroll {
  padding: 0rem;
  overflow-x: hidden;
}
.s-box.scroll .el-scrollbar {
  width: 100%;
  height: 100%;
}
.s-box.scroll .el-scrollbar .el-scrollbar__view {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}
.s-box.scroll .el-scrollbar .el-scrollbar__bar.is-horizontal {
  display: none;
}
p > em {
  font-weight: 600;
  font-style: normal;
}
.error em {
  color: var(--color-error);
}
.success em {
  color: var(--color-success);
}
.warning em {
  color: var(--color-warning);
}
.info em {
  color: var(--color-info);
}
.asterisk {
  color: var(--el-color-danger);
  padding: 0rem 0.5rem;
}
.port:focus {
  outline: none !important;
}
@keyframes pulse-animation {
0% {
    box-shadow: 0 0 0 0px var(--pulse-color);
}
100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
}
.node-icon {
  background-color: var(--state-color);
  height: 2rem;
  aspect-ratio: 1;
  border-radius: 100%;
  transition: color 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: end;
  justify-content: center;
}
.node-icon:focus, .node-icon:active {
  height: 1.5rem !important;
  border-radius: 100%;
  outline: none !important;
}
.node-icon .cluster-marker {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.node-icon svg {
  fill: var(--color-text-button-primary);
  height: 50%;
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.node-icon.pulse {
  filter: brightness(0.8);
  --pulse-color: var(--state-color);
  animation: pulse-animation 1s 5;
}
.node-icon.zoomed {
  filter: brightness(0.8);
  --pulse-color: var(--state-color);
  animation: pulse-animation 0.6s 5;
}.topology-map-container {
  width: 100%;
  height: 100%;
  display: flex;
  background-color: var(--color-background-bg);
  z-index: 1;
  position: relative;
  overflow: hidden;
}
.popper-topology {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}#plainMap {
  background-color: var(--color-background-bg-light);
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
#plainMap .popper {
  position: absolute;
  font-size: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.interface-popper-label {
  position: absolute;
  padding: 0 0.5rem;
  font-size: 0.9rem;
  line-height: 0.8rem;
  height: 1.2rem;
  background-color: var(--color-background-outstanding-light);
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
}
[data-direction=left] .interface-popper-label {
  right: 120%;
}
[data-direction=right] .interface-popper-label {
  left: 120%;
}
[data-direction=top] .interface-popper-label {
  bottom: 200%;
  transform: rotate(-90deg);
}
[data-direction=bottom] .interface-popper-label {
  top: 210%;
  transform: rotate(90deg);
}.scounter[data-v-9a4c1aa1] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  flex-direction: column;
  border: 0.1rem solid var(--borderColor);
  background-color: var(--backgroundColor);
  border-radius: 0.4rem;
  padding: 1rem;
  min-width: 15rem;
  height: fit-content;
}
.scounter .counter[data-v-9a4c1aa1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.scounter .counter i[data-v-9a4c1aa1] {
  color: var(--mainColor);
}
.scounter .counter .value[data-v-9a4c1aa1] {
  color: var(--valueColor);
  font-size: 1.8rem;
  line-height: 1.3rem;
  font-weight: 700;
  font-feature-settings: "tnum";
}
.scounter .label[data-v-9a4c1aa1] {
  font-size: 1rem;
  line-height: 1rem;
  color: var(--labelColor);
}.sDashboardOption[data-v-4ef4f97d] {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  min-height: 3.2rem;
  padding-left: 1rem;
  border-radius: 0.4rem;
  flex: 1 1 30rem;
  cursor: pointer;
}
.sDashboardOption i ~ p ~ i[data-v-4ef4f97d] {
  margin: auto 1rem auto auto;
}
.sDashboardOption p.bold[data-v-4ef4f97d] {
  font-weight: 700;
}
.sDashboardOption[data-v-4ef4f97d]:hover,
.sDashboardOption[data-v-4ef4f97d]:focus {
  background-color: var(--color-background-bg-light);
  outline: none;
}
/* just override what you need */
/* Element Chalk Variables */
/* just override what you need */
/* just override what you need */
/* just override what you need */
:root {
  --el-color-white: #ffffff;
  --el-color-black: #000000;
  --el-color-primary-rgb: 64, 158, 255;
  --el-color-success-rgb: 103, 194, 58;
  --el-color-warning-rgb: 230, 162, 60;
  --el-color-danger-rgb: 245, 108, 108;
  --el-color-error-rgb: 245, 108, 108;
  --el-color-info-rgb: 144, 147, 153;
  --el-font-size-extra-large: 20px;
  --el-font-size-large: 18px;
  --el-font-size-medium: 16px;
  --el-font-size-base: 14px;
  --el-font-size-small: 13px;
  --el-font-size-extra-small: 12px;
  --el-font-family: 'Montserrat', sans-serif;;
  --el-font-weight-primary: 500;
  --el-font-line-height-primary: 24px;
  --el-index-normal: 1;
  --el-index-top: 1000;
  --el-index-popper: 2000;
  --el-border-radius-base: 4px;
  --el-border-radius-small: 2px;
  --el-border-radius-round: 20px;
  --el-border-radius-circle: 100%;
  --el-transition-duration: 0.3s;
  --el-transition-duration-fast: 0.2s;
  --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
  --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
  --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
  --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-component-size-large: 40px;
  --el-component-size: 32px;
  --el-component-size-small: 30px;
}

:root {
  color-scheme: light;
  --el-color-primary: #409eff;
  --el-color-primary-light-3: rgb(121, 187, 255);
  --el-color-primary-light-5: rgb(160, 207, 255);
  --el-color-primary-light-7: rgb(198, 226, 255);
  --el-color-primary-light-8: rgb(217, 236, 255);
  --el-color-primary-light-9: rgb(236, 245, 255);
  --el-color-primary-dark-2: rgb(51, 126, 204);
  --el-color-success: #67c23a;
  --el-color-success-light-3: rgb(149, 212, 117);
  --el-color-success-light-5: rgb(179, 225, 157);
  --el-color-success-light-7: rgb(209, 237, 196);
  --el-color-success-light-8: rgb(225, 243, 216);
  --el-color-success-light-9: rgb(240, 249, 235);
  --el-color-success-dark-2: rgb(82, 155, 46);
  --el-color-warning: #e6a23c;
  --el-color-warning-light-3: rgb(238, 190, 119);
  --el-color-warning-light-5: rgb(243, 209, 158);
  --el-color-warning-light-7: rgb(248, 227, 197);
  --el-color-warning-light-8: rgb(250, 236, 216);
  --el-color-warning-light-9: rgb(253, 246, 236);
  --el-color-warning-dark-2: rgb(184, 130, 48);
  --el-color-danger: #f56c6c;
  --el-color-danger-light-3: rgb(248, 152, 152);
  --el-color-danger-light-5: rgb(250, 182, 182);
  --el-color-danger-light-7: rgb(252, 211, 211);
  --el-color-danger-light-8: rgb(253, 226, 226);
  --el-color-danger-light-9: rgb(254, 240, 240);
  --el-color-danger-dark-2: rgb(196, 86, 86);
  --el-color-error: #f56c6c;
  --el-color-error-light-3: rgb(248, 152, 152);
  --el-color-error-light-5: rgb(250, 182, 182);
  --el-color-error-light-7: rgb(252, 211, 211);
  --el-color-error-light-8: rgb(253, 226, 226);
  --el-color-error-light-9: rgb(254, 240, 240);
  --el-color-error-dark-2: rgb(196, 86, 86);
  --el-color-info: #909399;
  --el-color-info-light-3: rgb(177, 179, 184);
  --el-color-info-light-5: rgb(200, 201, 204);
  --el-color-info-light-7: rgb(222, 223, 224);
  --el-color-info-light-8: rgb(233, 233, 235);
  --el-color-info-light-9: rgb(244, 244, 245);
  --el-color-info-dark-2: rgb(115, 118, 122);
  --el-bg-color: var(--color-background-bg);
  --el-bg-color-page: #f2f3f5;
  --el-bg-color-overlay: var(--color-background-bg);
  --el-text-color-primary: #303133;
  --el-text-color-regular: #606266;
  --el-text-color-secondary: #909399;
  --el-text-color-placeholder: #a8abb2;
  --el-text-color-disabled: #c0c4cc;
  --el-border-color: #dcdfe6;
  --el-border-color-light: #e4e7ed;
  --el-border-color-lighter: #ebeef5;
  --el-border-color-extra-light: #f2f6fc;
  --el-border-color-dark: #d4d7de;
  --el-border-color-darker: #cdd0d6;
  --el-fill-color: #f0f2f5;
  --el-fill-color-light: #f5f7fa;
  --el-fill-color-lighter: #fafafa;
  --el-fill-color-extra-light: #fafcff;
  --el-fill-color-dark: #ebedf0;
  --el-fill-color-darker: #e6e8eb;
  --el-fill-color-blank: #ffffff;
  --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
  --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
  --el-disabled-bg-color: var(--el-fill-color-light);
  --el-disabled-text-color: var(--el-text-color-placeholder);
  --el-disabled-border-color: var(--el-border-color-light);
  --el-overlay-color: rgba(0, 0, 0, 0.8);
  --el-overlay-color-light: rgba(0, 0, 0, 0.7);
  --el-overlay-color-lighter: rgba(0, 0, 0, 0.5);
  --el-mask-color: rgba(255, 255, 255, 0.9);
  --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);
  --el-border-width: 0px;
  --el-border-style: solid;
  --el-border-color-hover: var(--el-text-color-disabled);
  --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
  --el-svg-monochrome-grey: var(--el-border-color);
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}

.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}

.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter-from,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: var(--el-transition-md-fade);
  transform-origin: center top;
}
.el-zoom-in-top-enter-active[data-popper-placement^=top],
.el-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: var(--el-transition-md-fade);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: var(--el-transition-md-fade);
  transform-origin: top left;
}

.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}

.el-collapse-transition-leave-active,
.el-collapse-transition-enter-active {
  transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter-from,
.el-list-leave-to {
  opacity: 0;
  transform: translateY(-30px);
}

.el-list-leave-active {
  position: absolute !important;
}

.el-opacity-transition {
  transition: opacity var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

/* just override what you need */
.el-icon--right {
  margin-left: 5px;
}

.el-icon--left {
  margin-right: 5px;
}

@keyframes rotating {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.el-icon {
  --color: inherit;
  height: 1em;
  width: 1em;
  line-height: 1em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  fill: currentColor;
  color: var(--color);
  font-size: inherit;
}
.el-icon.is-loading {
  animation: rotating 2s linear infinite;
}

.el-icon svg {
  height: 1em;
  width: 1em;
}

.el-affix--fixed {
  position: fixed;
}

/* just override what you need */
.el-alert {
  --el-alert-padding: 10px 15px;
  --el-alert-border-radius-base: var(--el-border-radius-base);
  --el-alert-title-font-size: 14px;
  --el-alert-title-with-description-font-size: 16px;
  --el-alert-description-font-size: 14px;
  --el-alert-close-font-size: 16px;
  --el-alert-close-customed-font-size: 14px;
  --el-alert-icon-size: 16px;
  --el-alert-icon-large-size: 28px;
  width: 100%;
  padding: var(--el-alert-padding);
  margin: 0;
  box-sizing: border-box;
  border-radius: var(--el-alert-border-radius-base);
  position: relative;
  background-color: var(--el-color-white);
  overflow: hidden;
  opacity: 1;
  display: flex;
  align-items: center;
  transition: opacity var(--el-transition-duration-fast);
}
.el-alert.is-light .el-alert__close-btn {
  color: var(--el-text-color-placeholder);
}

.el-alert.is-dark .el-alert__close-btn {
  color: var(--el-color-white);
}
.el-alert.is-dark .el-alert__description {
  color: var(--el-color-white);
}

.el-alert.is-center {
  justify-content: center;
}

.el-alert--primary {
  --el-alert-bg-color: var(--el-color-primary-light-9);
}
.el-alert--primary.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-primary);
}
.el-alert--primary.is-light .el-alert__description {
  color: var(--el-color-primary);
}
.el-alert--primary.is-dark {
  background-color: var(--el-color-primary);
  color: var(--el-color-white);
}

.el-alert--success {
  --el-alert-bg-color: var(--el-color-success-light-9);
}
.el-alert--success.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-success);
}
.el-alert--success.is-light .el-alert__description {
  color: var(--el-color-success);
}
.el-alert--success.is-dark {
  background-color: var(--el-color-success);
  color: var(--el-color-white);
}

.el-alert--info {
  --el-alert-bg-color: var(--el-color-info-light-9);
}
.el-alert--info.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-info);
}
.el-alert--info.is-light .el-alert__description {
  color: var(--el-color-info);
}
.el-alert--info.is-dark {
  background-color: var(--el-color-info);
  color: var(--el-color-white);
}

.el-alert--warning {
  --el-alert-bg-color: var(--el-color-warning-light-9);
}
.el-alert--warning.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-warning);
}
.el-alert--warning.is-light .el-alert__description {
  color: var(--el-color-warning);
}
.el-alert--warning.is-dark {
  background-color: var(--el-color-warning);
  color: var(--el-color-white);
}

.el-alert--error {
  --el-alert-bg-color: var(--el-color-error-light-9);
}
.el-alert--error.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-error);
}
.el-alert--error.is-light .el-alert__description {
  color: var(--el-color-error);
}
.el-alert--error.is-dark {
  background-color: var(--el-color-error);
  color: var(--el-color-white);
}

.el-alert__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.el-alert .el-alert__icon {
  font-size: var(--el-alert-icon-size);
  width: var(--el-alert-icon-size);
  margin-right: 8px;
}
.el-alert .el-alert__icon.is-big {
  font-size: var(--el-alert-icon-large-size);
  width: var(--el-alert-icon-large-size);
  margin-right: 12px;
}

.el-alert__title {
  font-size: var(--el-alert-title-font-size);
  line-height: 24px;
}
.el-alert__title.with-description {
  font-size: var(--el-alert-title-with-description-font-size);
}

.el-alert .el-alert__description {
  font-size: var(--el-alert-description-font-size);
  margin: 0;
}
.el-alert .el-alert__close-btn {
  font-size: var(--el-alert-close-font-size);
  opacity: 1;
  position: absolute;
  top: 12px;
  right: 16px;
  cursor: pointer;
}
.el-alert .el-alert__close-btn.is-customed {
  font-style: normal;
  font-size: var(--el-alert-close-customed-font-size);
  line-height: 24px;
  top: 8px;
}

.el-alert-fade-enter-from,
.el-alert-fade-leave-active {
  opacity: 0;
}

.el-aside {
  overflow: auto;
  box-sizing: border-box;
  flex-shrink: 0;
  width: var(--el-aside-width, 300px);
}

/* just override what you need */
.el-autocomplete {
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: none;
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: transparent;
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--color-background-bg2);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: transparent;
  --el-input-clear-hover-color: transparent;
  --el-input-focus-border-color: transparent;
  --el-input-width: 100%;
}

.el-autocomplete {
  width: var(--el-input-width);
  position: relative;
  display: inline-block;
}
.el-autocomplete__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  box-shadow: var(--el-box-shadow-light);
}
.el-autocomplete__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
}
.el-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-autocomplete__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.el-autocomplete-suggestion {
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
}
.el-autocomplete-suggestion__header {
  padding: 10px;
  border-bottom: 1px solid var(--el-border-color-lighter);
}

.el-autocomplete-suggestion__footer {
  padding: 10px;
  border-top: 1px solid var(--el-border-color-lighter);
}

.el-autocomplete-suggestion__wrap {
  max-height: 280px;
  padding: 10px 0;
  box-sizing: border-box;
}

.el-autocomplete-suggestion__list {
  margin: 0;
  padding: 0;
}

.el-autocomplete-suggestion li {
  padding: 0 20px;
  margin: 0;
  line-height: 34px;
  cursor: pointer;
  color: var(--el-text-color-regular);
  font-size: var(--el-font-size-base);
  list-style: none;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-autocomplete-suggestion li:hover {
  background-color: var(--color-background-bg);
}
.el-autocomplete-suggestion li.highlighted {
  background-color: var(--color-background-bg);
}
.el-autocomplete-suggestion li.divider {
  margin-top: 6px;
  border-top: 1px solid var(--el-color-black);
}
.el-autocomplete-suggestion li.divider:last-child {
  margin-bottom: -6px;
}
.el-autocomplete-suggestion.is-loading li {
  cursor: default;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--el-text-color-secondary);
}
.el-autocomplete-suggestion.is-loading li:hover {
  background-color: var(--el-bg-color-overlay);
}

/* just override what you need */
.el-avatar {
  --el-avatar-text-color: var(--el-color-white);
  --el-avatar-bg-color: var(--el-text-color-disabled);
  --el-avatar-text-size: 14px;
  --el-avatar-icon-size: 18px;
  --el-avatar-border-radius: var(--el-border-radius-base);
  --el-avatar-size-large: 56px;
  --el-avatar-size: 40px;
  --el-avatar-size-small: 24px;
  --el-avatar-size: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  outline: none;
  color: var(--el-avatar-text-color);
  background: var(--el-avatar-bg-color);
  width: var(--el-avatar-size);
  height: var(--el-avatar-size);
  font-size: var(--el-avatar-text-size);
}
.el-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
}
.el-avatar--circle {
  border-radius: 50%;
}

.el-avatar--square {
  border-radius: var(--el-avatar-border-radius);
}

.el-avatar--icon {
  font-size: var(--el-avatar-icon-size);
}

.el-avatar--small {
  --el-avatar-size: 24px;
}

.el-avatar--large {
  --el-avatar-size: 56px;
}

/* just override what you need */
.el-avatar-group {
  --el-avatar-group-item-gap: -8px;
  --el-avatar-group-collapse-item-gap: 4px;
  display: inline-flex;
}
.el-avatar-group .el-avatar {
  border: 1px solid var(--el-border-color-extra-light);
}
.el-avatar-group .el-avatar:not(:first-child) {
  margin-left: var(--el-avatar-group-item-gap);
}
.el-avatar-group__collapse-avatars {
  --el-avatar-group-item-gap: -8px;
  --el-avatar-group-collapse-item-gap: 4px;
}
.el-avatar-group__collapse-avatars .el-avatar:not(:first-child) {
  margin-left: var(--el-avatar-group-collapse-item-gap);
}

/* just override what you need */
.el-backtop {
  --el-backtop-bg-color: var(--el-bg-color-overlay);
  --el-backtop-text-color: var(--el-color-primary);
  --el-backtop-hover-bg-color: var(--el-border-color-extra-light);
  position: fixed;
  background-color: var(--el-backtop-bg-color);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--el-backtop-text-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: var(--el-box-shadow-lighter);
  cursor: pointer;
  z-index: 5;
}
.el-backtop:hover {
  background-color: var(--el-backtop-hover-bg-color);
}
.el-backtop__icon {
  font-size: 20px;
}

/* just override what you need */
.el-badge {
  --el-badge-bg-color: var(--el-color-danger);
  --el-badge-radius: 10px;
  --el-badge-font-size: 12px;
  --el-badge-padding: 6px;
  --el-badge-size: 18px;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: fit-content;
}
.el-badge__content {
  background-color: var(--el-badge-bg-color);
  border-radius: var(--el-badge-radius);
  color: var(--el-color-white);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: var(--el-badge-font-size);
  height: var(--el-badge-size);
  padding: 0 var(--el-badge-padding);
  white-space: nowrap;
  border: 1px solid var(--el-bg-color);
}
.el-badge__content.is-fixed {
  position: absolute;
  top: 0;
  right: calc(1px + var(--el-badge-size) / 2);
  transform: translateY(-50%) translateX(100%);
  z-index: var(--el-index-normal);
}
.el-badge__content.is-fixed.is-dot {
  right: 5px;
}

.el-badge__content.is-dot {
  height: 8px;
  width: 8px;
  padding: 0;
  right: 0;
  border-radius: 50%;
}

.el-badge__content.is-hide-zero {
  display: none;
}

.el-badge__content--primary {
  background-color: var(--el-color-primary);
}

.el-badge__content--success {
  background-color: var(--el-color-success);
}

.el-badge__content--warning {
  background-color: var(--el-color-warning);
}

.el-badge__content--info {
  background-color: var(--el-color-info);
}

.el-badge__content--danger {
  background-color: var(--el-color-danger);
}

/* just override what you need */
.el-breadcrumb__separator {
  margin: 0 9px;
  font-weight: bold;
  color: var(--el-text-color-placeholder);
}
.el-breadcrumb__separator.el-icon {
  margin: 0 6px;
  font-weight: normal;
}
.el-breadcrumb__separator.el-icon svg {
  vertical-align: middle;
}

.el-breadcrumb__item {
  float: left;
  display: inline-flex;
  align-items: center;
}
.el-breadcrumb__inner {
  color: var(--el-text-color-regular);
}
.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
  font-weight: bold;
  text-decoration: none;
  transition: var(--el-transition-color);
  color: var(--el-text-color-primary);
}
.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
  color: var(--el-color-primary);
  cursor: pointer;
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
  font-weight: normal;
  color: var(--el-text-color-regular);
  cursor: text;
}
.el-breadcrumb__item:last-child .el-breadcrumb__separator {
  display: none;
}

/* just override what you need */
.el-breadcrumb {
  font-size: 14px;
  line-height: 1;
}
.el-breadcrumb::before,
.el-breadcrumb::after {
  display: table;
  content: "";
}

.el-breadcrumb::after {
  clear: both;
}

/* just override what you need */
.el-button-group > .el-button + .el-button {
  margin-left: 0;
}
.el-button-group > .el-button:first-child:last-child {
  border-top-right-radius: var(--el-border-radius-base);
  border-bottom-right-radius: var(--el-border-radius-base);
  border-top-left-radius: var(--el-border-radius-base);
  border-bottom-left-radius: var(--el-border-radius-base);
}
.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: var(--el-border-radius-round);
}
.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active {
  z-index: 1;
}
.el-button-group > .el-button.is-active {
  z-index: 1;
}

.el-button-group--horizontal {
  display: inline-block;
  vertical-align: middle;
}
.el-button-group--horizontal::before,
.el-button-group--horizontal::after {
  display: table;
  content: "";
}

.el-button-group--horizontal::after {
  clear: both;
}

.el-button-group--horizontal > .el-button {
  float: left;
  position: relative;
}
.el-button-group--horizontal > .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-button-group--horizontal > .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-button-group--horizontal > .el-button:not(:last-child) {
  margin-right: -1px;
}
.el-button-group--horizontal .el-button--primary:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--primary:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--success:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--success:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--warning:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--warning:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--danger:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--danger:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--info:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--info:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: var(--el-button-divide-border-color);
}

.el-button-group--vertical {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
}
.el-button-group--vertical > .el-button {
  margin-top: -1px;
}
.el-button-group--vertical > .el-button:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.el-button-group--vertical > .el-button:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.el-button-group--vertical > .el-dropdown {
  margin-top: -1px;
}
.el-button-group--vertical > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--primary:first-child {
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--primary:last-child {
  border-top-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--primary:not(:first-child):not(:last-child) {
  border-top-color: var(--el-button-divide-border-color);
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--success:first-child {
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--success:last-child {
  border-top-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--success:not(:first-child):not(:last-child) {
  border-top-color: var(--el-button-divide-border-color);
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--warning:first-child {
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--warning:last-child {
  border-top-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--warning:not(:first-child):not(:last-child) {
  border-top-color: var(--el-button-divide-border-color);
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--danger:first-child {
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--danger:last-child {
  border-top-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--danger:not(:first-child):not(:last-child) {
  border-top-color: var(--el-button-divide-border-color);
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--info:first-child {
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--info:last-child {
  border-top-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--info:not(:first-child):not(:last-child) {
  border-top-color: var(--el-button-divide-border-color);
  border-bottom-color: var(--el-button-divide-border-color);
}

/* just override what you need */
/* just override what you need */
.el-button {
  --el-button-font-weight: var(--el-font-weight-primary);
  --el-button-border-color: var(--el-border-color);
  --el-button-bg-color: transparent;
  --el-button-text-color: var(--el-text-color-regular);
  --el-button-disabled-text-color: var(--el-disabled-text-color);
  --el-button-disabled-bg-color: var(--el-fill-color-blank);
  --el-button-disabled-border-color: var(--el-border-color-light);
  --el-button-divide-border-color: rgba(255, 255, 255, 0.5);
  --el-button-hover-text-color: var(--color-primary);
  --el-button-hover-bg-color: var(--color-background-bg2);
  --el-button-hover-border-color: var(--el-color-primary-light-7);
  --el-button-active-text-color: var(--el-button-hover-text-color);
  --el-button-active-border-color: var(--el-color-primary);
  --el-button-active-bg-color: var(--color-primary-light-1);
  --el-button-outline-color: transparent;
  --el-button-hover-link-text-color: var(--el-text-color-secondary);
  --el-button-active-color: var(--el-text-color-primary);
}

.el-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  height: 32px;
  white-space: nowrap;
  cursor: pointer;
  color: var(--el-button-text-color);
  text-align: center;
  box-sizing: border-box;
  outline: none;
  transition: 0.1s;
  font-weight: var(--el-button-font-weight);
  user-select: none;
  vertical-align: middle;
  -webkit-appearance: none;
  background-color: var(--el-button-bg-color);
  border: var(--el-border);
  border-color: var(--el-button-border-color);
}
.el-button:hover {
  color: var(--el-button-hover-text-color);
  border-color: var(--el-button-hover-border-color);
  background-color: var(--el-button-hover-bg-color);
  outline: none;
}
.el-button:active {
  color: var(--el-button-active-text-color);
  border-color: var(--el-button-active-border-color);
  background-color: var(--el-button-active-bg-color);
  outline: none;
}
.el-button:focus-visible {
  outline: 2px solid var(--el-button-outline-color);
  outline-offset: 1px;
  transition: outline-offset 0s, outline 0s;
}
.el-button > span {
  display: inline-flex;
  align-items: center;
}
.el-button + .el-button {
  margin-left: 12px;
}
.el-button {
  padding: 9px 16px;
  font-size: var(--el-font-size-base);
  border-radius: var(--el-border-radius-base);
}
.el-button.is-round {
  padding: 9px 16px;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*=el-icon] + span {
  margin-left: 6px;
}
.el-button [class*=el-icon] svg {
  vertical-align: bottom;
}
.el-button.is-plain {
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-fill-color-blank);
  --el-button-hover-border-color: var(--el-color-primary);
}

.el-button.is-active {
  color: var(--el-button-active-text-color);
  border-color: var(--el-button-active-border-color);
  background-color: var(--el-button-active-bg-color);
  outline: none;
}

.el-button.is-disabled, .el-button.is-disabled:hover {
  color: var(--el-button-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--el-button-disabled-bg-color);
  border-color: var(--el-button-disabled-border-color);
}

.el-button.is-loading {
  position: relative;
  pointer-events: none;
}
.el-button.is-loading:before {
  z-index: 1;
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: var(--el-mask-color-extra-light);
}

.el-button.is-round {
  border-radius: var(--el-border-radius-round);
}

.el-button.is-dashed {
  border-style: dashed;
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-fill-color-blank);
  --el-button-hover-border-color: var(--el-color-primary);
}

.el-button.is-circle {
  width: 32px;
  border-radius: 50%;
  padding: 9px;
}

.el-button.is-text {
  color: var(--el-button-text-color);
  border: 0 solid transparent;
  background-color: transparent;
}
.el-button.is-text.is-disabled {
  color: var(--el-button-disabled-text-color);
  background-color: transparent !important;
}

.el-button.is-text:not(.is-disabled):hover {
  background-color: var(--el-fill-color-light);
}
.el-button.is-text:not(.is-disabled):focus-visible {
  outline: 2px solid var(--el-button-outline-color);
  outline-offset: 1px;
  transition: outline-offset 0s, outline 0s;
}
.el-button.is-text:not(.is-disabled):active {
  background-color: var(--el-fill-color);
}
.el-button.is-text:not(.is-disabled).is-has-bg {
  background-color: var(--el-fill-color-light);
}
.el-button.is-text:not(.is-disabled).is-has-bg:hover {
  background-color: var(--el-fill-color);
}
.el-button.is-text:not(.is-disabled).is-has-bg:active {
  background-color: var(--el-fill-color-dark);
}

.el-button__text--expand {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}

.el-button.is-link {
  border-color: transparent;
  color: var(--el-button-text-color);
  background: transparent;
  padding: 2px;
  height: auto;
}
.el-button.is-link:hover {
  color: var(--el-button-hover-link-text-color);
}
.el-button.is-link.is-disabled {
  color: var(--el-button-disabled-text-color);
  background-color: transparent !important;
  border-color: transparent !important;
}

.el-button.is-link:not(.is-disabled):hover {
  border-color: transparent;
  background-color: transparent;
}
.el-button.is-link:not(.is-disabled):active {
  color: var(--el-button-active-color);
  border-color: transparent;
  background-color: transparent;
}

.el-button--text {
  border-color: transparent;
  background: transparent;
  color: var(--el-color-primary);
  padding-left: 0;
  padding-right: 0;
}
.el-button--text.is-disabled {
  color: var(--el-button-disabled-text-color);
  background-color: transparent !important;
  border-color: transparent !important;
}

.el-button--text:not(.is-disabled):hover {
  color: var(--el-color-primary-light-3);
  border-color: transparent;
  background-color: transparent;
}
.el-button--text:not(.is-disabled):active {
  color: var(--el-color-primary-dark-2);
  border-color: transparent;
  background-color: transparent;
}

.el-button__link--expand {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}

.el-button--primary {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-primary);
  --el-button-border-color: var(--el-color-primary);
  --el-button-outline-color: var(--el-color-primary-light-5);
  --el-button-active-color: var(--el-color-primary-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-primary-light-5);
  --el-button-hover-bg-color: var(--el-color-primary-light-3);
  --el-button-hover-border-color: var(--el-color-primary-light-3);
  --el-button-active-bg-color: var(--el-color-primary-dark-2);
  --el-button-active-border-color: var(--el-color-primary-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-primary-light-5);
  --el-button-disabled-border-color: var(--el-color-primary-light-5);
}
.el-button--primary.is-plain, .el-button--primary.is-text, .el-button--primary.is-link {
  --el-button-text-color: var(--el-color-primary);
  --el-button-bg-color: var(--el-color-primary-light-9);
  --el-button-border-color: var(--el-color-primary-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-primary);
  --el-button-hover-border-color: var(--el-color-primary);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-text.is-disabled, .el-button--primary.is-text.is-disabled:hover, .el-button--primary.is-text.is-disabled:focus, .el-button--primary.is-text.is-disabled:active, .el-button--primary.is-link.is-disabled, .el-button--primary.is-link.is-disabled:hover, .el-button--primary.is-link.is-disabled:focus, .el-button--primary.is-link.is-disabled:active {
  color: var(--el-color-primary-light-5);
  background-color: var(--el-color-primary-light-9);
  border-color: var(--el-color-primary-light-8);
}
.el-button--primary.is-dashed {
  --el-button-text-color: var(--el-color-primary);
  --el-button-bg-color: var(--el-color-primary-light-9);
  --el-button-border-color: var(--el-color-primary-light-5);
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-color-primary-light-9);
  --el-button-hover-border-color: var(--el-color-primary-light-3);
  --el-button-active-text-color: var(--el-color-primary-dark-2);
  --el-button-active-bg-color: var(--el-color-primary-light-9);
  --el-button-active-border-color: var(--el-color-primary-dark-2);
}
.el-button--primary.is-dashed.is-disabled, .el-button--primary.is-dashed.is-disabled:hover, .el-button--primary.is-dashed.is-disabled:focus, .el-button--primary.is-dashed.is-disabled:active {
  color: var(--el-color-primary-light-5);
  background-color: var(--el-color-primary-light-9);
  border-color: var(--el-color-primary-light-8);
}

.el-button--success {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-success);
  --el-button-border-color: var(--el-color-success);
  --el-button-outline-color: var(--el-color-success-light-5);
  --el-button-active-color: var(--el-color-success-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-success-light-5);
  --el-button-hover-bg-color: var(--el-color-success-light-3);
  --el-button-hover-border-color: var(--el-color-success-light-3);
  --el-button-active-bg-color: var(--el-color-success-dark-2);
  --el-button-active-border-color: var(--el-color-success-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-success-light-5);
  --el-button-disabled-border-color: var(--el-color-success-light-5);
}
.el-button--success.is-plain, .el-button--success.is-text, .el-button--success.is-link {
  --el-button-text-color: var(--el-color-success);
  --el-button-bg-color: var(--el-color-success-light-9);
  --el-button-border-color: var(--el-color-success-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-success);
  --el-button-hover-border-color: var(--el-color-success);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-text.is-disabled, .el-button--success.is-text.is-disabled:hover, .el-button--success.is-text.is-disabled:focus, .el-button--success.is-text.is-disabled:active, .el-button--success.is-link.is-disabled, .el-button--success.is-link.is-disabled:hover, .el-button--success.is-link.is-disabled:focus, .el-button--success.is-link.is-disabled:active {
  color: var(--el-color-success-light-5);
  background-color: var(--el-color-success-light-9);
  border-color: var(--el-color-success-light-8);
}
.el-button--success.is-dashed {
  --el-button-text-color: var(--el-color-success);
  --el-button-bg-color: var(--el-color-success-light-9);
  --el-button-border-color: var(--el-color-success-light-5);
  --el-button-hover-text-color: var(--el-color-success);
  --el-button-hover-bg-color: var(--el-color-success-light-9);
  --el-button-hover-border-color: var(--el-color-success-light-3);
  --el-button-active-text-color: var(--el-color-success-dark-2);
  --el-button-active-bg-color: var(--el-color-success-light-9);
  --el-button-active-border-color: var(--el-color-success-dark-2);
}
.el-button--success.is-dashed.is-disabled, .el-button--success.is-dashed.is-disabled:hover, .el-button--success.is-dashed.is-disabled:focus, .el-button--success.is-dashed.is-disabled:active {
  color: var(--el-color-success-light-5);
  background-color: var(--el-color-success-light-9);
  border-color: var(--el-color-success-light-8);
}

.el-button--warning {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-warning);
  --el-button-border-color: var(--el-color-warning);
  --el-button-outline-color: var(--el-color-warning-light-5);
  --el-button-active-color: var(--el-color-warning-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-warning-light-5);
  --el-button-hover-bg-color: var(--el-color-warning-light-3);
  --el-button-hover-border-color: var(--el-color-warning-light-3);
  --el-button-active-bg-color: var(--el-color-warning-dark-2);
  --el-button-active-border-color: var(--el-color-warning-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-warning-light-5);
  --el-button-disabled-border-color: var(--el-color-warning-light-5);
}
.el-button--warning.is-plain, .el-button--warning.is-text, .el-button--warning.is-link {
  --el-button-text-color: var(--el-color-warning);
  --el-button-bg-color: var(--el-color-warning-light-9);
  --el-button-border-color: var(--el-color-warning-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-warning);
  --el-button-hover-border-color: var(--el-color-warning);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-text.is-disabled, .el-button--warning.is-text.is-disabled:hover, .el-button--warning.is-text.is-disabled:focus, .el-button--warning.is-text.is-disabled:active, .el-button--warning.is-link.is-disabled, .el-button--warning.is-link.is-disabled:hover, .el-button--warning.is-link.is-disabled:focus, .el-button--warning.is-link.is-disabled:active {
  color: var(--el-color-warning-light-5);
  background-color: var(--el-color-warning-light-9);
  border-color: var(--el-color-warning-light-8);
}
.el-button--warning.is-dashed {
  --el-button-text-color: var(--el-color-warning);
  --el-button-bg-color: var(--el-color-warning-light-9);
  --el-button-border-color: var(--el-color-warning-light-5);
  --el-button-hover-text-color: var(--el-color-warning);
  --el-button-hover-bg-color: var(--el-color-warning-light-9);
  --el-button-hover-border-color: var(--el-color-warning-light-3);
  --el-button-active-text-color: var(--el-color-warning-dark-2);
  --el-button-active-bg-color: var(--el-color-warning-light-9);
  --el-button-active-border-color: var(--el-color-warning-dark-2);
}
.el-button--warning.is-dashed.is-disabled, .el-button--warning.is-dashed.is-disabled:hover, .el-button--warning.is-dashed.is-disabled:focus, .el-button--warning.is-dashed.is-disabled:active {
  color: var(--el-color-warning-light-5);
  background-color: var(--el-color-warning-light-9);
  border-color: var(--el-color-warning-light-8);
}

.el-button--danger {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-danger);
  --el-button-border-color: var(--el-color-danger);
  --el-button-outline-color: var(--el-color-danger-light-5);
  --el-button-active-color: var(--el-color-danger-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-danger-light-5);
  --el-button-hover-bg-color: var(--el-color-danger-light-3);
  --el-button-hover-border-color: var(--el-color-danger-light-3);
  --el-button-active-bg-color: var(--el-color-danger-dark-2);
  --el-button-active-border-color: var(--el-color-danger-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-danger-light-5);
  --el-button-disabled-border-color: var(--el-color-danger-light-5);
}
.el-button--danger.is-plain, .el-button--danger.is-text, .el-button--danger.is-link {
  --el-button-text-color: var(--el-color-danger);
  --el-button-bg-color: var(--el-color-danger-light-9);
  --el-button-border-color: var(--el-color-danger-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-danger);
  --el-button-hover-border-color: var(--el-color-danger);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-text.is-disabled, .el-button--danger.is-text.is-disabled:hover, .el-button--danger.is-text.is-disabled:focus, .el-button--danger.is-text.is-disabled:active, .el-button--danger.is-link.is-disabled, .el-button--danger.is-link.is-disabled:hover, .el-button--danger.is-link.is-disabled:focus, .el-button--danger.is-link.is-disabled:active {
  color: var(--el-color-danger-light-5);
  background-color: var(--el-color-danger-light-9);
  border-color: var(--el-color-danger-light-8);
}
.el-button--danger.is-dashed {
  --el-button-text-color: var(--el-color-danger);
  --el-button-bg-color: var(--el-color-danger-light-9);
  --el-button-border-color: var(--el-color-danger-light-5);
  --el-button-hover-text-color: var(--el-color-danger);
  --el-button-hover-bg-color: var(--el-color-danger-light-9);
  --el-button-hover-border-color: var(--el-color-danger-light-3);
  --el-button-active-text-color: var(--el-color-danger-dark-2);
  --el-button-active-bg-color: var(--el-color-danger-light-9);
  --el-button-active-border-color: var(--el-color-danger-dark-2);
}
.el-button--danger.is-dashed.is-disabled, .el-button--danger.is-dashed.is-disabled:hover, .el-button--danger.is-dashed.is-disabled:focus, .el-button--danger.is-dashed.is-disabled:active {
  color: var(--el-color-danger-light-5);
  background-color: var(--el-color-danger-light-9);
  border-color: var(--el-color-danger-light-8);
}

.el-button--info {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-info);
  --el-button-border-color: var(--el-color-info);
  --el-button-outline-color: var(--el-color-info-light-5);
  --el-button-active-color: var(--el-color-info-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-info-light-5);
  --el-button-hover-bg-color: var(--el-color-info-light-3);
  --el-button-hover-border-color: var(--el-color-info-light-3);
  --el-button-active-bg-color: var(--el-color-info-dark-2);
  --el-button-active-border-color: var(--el-color-info-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-info-light-5);
  --el-button-disabled-border-color: var(--el-color-info-light-5);
}
.el-button--info.is-plain, .el-button--info.is-text, .el-button--info.is-link {
  --el-button-text-color: var(--el-color-info);
  --el-button-bg-color: var(--el-color-info-light-9);
  --el-button-border-color: var(--el-color-info-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-info);
  --el-button-hover-border-color: var(--el-color-info);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-text.is-disabled, .el-button--info.is-text.is-disabled:hover, .el-button--info.is-text.is-disabled:focus, .el-button--info.is-text.is-disabled:active, .el-button--info.is-link.is-disabled, .el-button--info.is-link.is-disabled:hover, .el-button--info.is-link.is-disabled:focus, .el-button--info.is-link.is-disabled:active {
  color: var(--el-color-info-light-5);
  background-color: var(--el-color-info-light-9);
  border-color: var(--el-color-info-light-8);
}
.el-button--info.is-dashed {
  --el-button-text-color: var(--el-color-info);
  --el-button-bg-color: var(--el-color-info-light-9);
  --el-button-border-color: var(--el-color-info-light-5);
  --el-button-hover-text-color: var(--el-color-info);
  --el-button-hover-bg-color: var(--el-color-info-light-9);
  --el-button-hover-border-color: var(--el-color-info-light-3);
  --el-button-active-text-color: var(--el-color-info-dark-2);
  --el-button-active-bg-color: var(--el-color-info-light-9);
  --el-button-active-border-color: var(--el-color-info-dark-2);
}
.el-button--info.is-dashed.is-disabled, .el-button--info.is-dashed.is-disabled:hover, .el-button--info.is-dashed.is-disabled:focus, .el-button--info.is-dashed.is-disabled:active {
  color: var(--el-color-info-light-5);
  background-color: var(--el-color-info-light-9);
  border-color: var(--el-color-info-light-8);
}

.el-button--large {
  --el-button-size: 40px;
  height: var(--el-button-size);
}
.el-button--large [class*=el-icon] + span {
  margin-left: 8px;
}
.el-button--large {
  padding: 13px 20px;
  font-size: var(--el-font-size-base);
  border-radius: var(--el-border-radius-base);
}
.el-button--large.is-round {
  padding: 13px 20px;
}
.el-button--large.is-circle {
  width: var(--el-button-size);
  padding: 13px;
}

.el-button--small {
  --el-button-size: 30px;
  height: var(--el-button-size);
}
.el-button--small [class*=el-icon] + span {
  margin-left: 4px;
}
.el-button--small {
  padding: 6px 12px;
  font-size: 12px;
  border-radius: calc(var(--el-border-radius-base) - 1px);
}
.el-button--small.is-round {
  padding: 6px 12px;
}
.el-button--small.is-circle {
  width: var(--el-button-size);
  padding: 6px;
}

/* just override what you need */
.el-calendar {
  --el-calendar-border: var(--el-table-border, 1px solid var(--el-border-color-lighter));
  --el-calendar-header-border-bottom: var(--el-calendar-border);
  --el-calendar-selected-bg-color: var(--el-color-primary-light-9);
  --el-calendar-cell-width: 85px;
  background-color: var(--el-fill-color-blank);
}
.el-calendar__header {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px;
  border-bottom: var(--el-calendar-header-border-bottom);
}

.el-calendar__title {
  color: var(--el-text-color);
  align-self: center;
}

.el-calendar__body {
  padding: 12px 20px 35px;
}

.el-calendar__select-controller .el-select {
  margin-right: 8px;
}
.el-calendar__select-controller .el-calendar-select__year {
  width: 120px;
}
.el-calendar__select-controller .el-calendar-select__month {
  width: 60px;
}

.el-calendar-table {
  table-layout: fixed;
  width: 100%;
}
.el-calendar-table thead th {
  padding: 12px 0;
  color: var(--el-text-color-regular);
  font-weight: normal;
}
.el-calendar-table:not(.is-range) td.prev,
.el-calendar-table:not(.is-range) td.next {
  color: var(--el-text-color-placeholder);
}
.el-calendar-table td {
  border-bottom: var(--el-calendar-border);
  border-right: var(--el-calendar-border);
  vertical-align: top;
  transition: background-color var(--el-transition-duration-fast) ease;
}
.el-calendar-table td.is-selected {
  background-color: var(--el-calendar-selected-bg-color);
}

.el-calendar-table td.is-today {
  color: var(--el-color-primary);
}

.el-calendar-table tr:first-child td {
  border-top: var(--el-calendar-border);
}
.el-calendar-table tr td:first-child {
  border-left: var(--el-calendar-border);
}
.el-calendar-table tr.el-calendar-table__row--hide-border td {
  border-top: none;
}
.el-calendar-table .el-calendar-day {
  box-sizing: border-box;
  padding: 8px;
  height: var(--el-calendar-cell-width);
}
.el-calendar-table .el-calendar-day:hover {
  cursor: pointer;
  background-color: var(--el-calendar-selected-bg-color);
}

/* just override what you need */
.el-card {
  --el-card-border-color: var(--el-border-color-light);
  --el-card-border-radius: 4px;
  --el-card-padding: 20px;
  --el-card-bg-color: var(--el-fill-color-blank);
}

.el-card {
  display: flex;
  flex-direction: column;
  border-radius: var(--el-card-border-radius);
  border: 1px solid var(--el-card-border-color);
  background-color: var(--el-card-bg-color);
  overflow: hidden;
  color: var(--el-text-color-primary);
  transition: var(--el-transition-duration);
}
.el-card.is-always-shadow {
  box-shadow: var(--el-box-shadow-light);
}

.el-card.is-hover-shadow:hover, .el-card.is-hover-shadow:focus {
  box-shadow: var(--el-box-shadow-light);
}

.el-card__header {
  padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
  border-bottom: 1px solid var(--el-card-border-color);
  box-sizing: border-box;
}

.el-card__body {
  flex-grow: 1;
  overflow: auto;
  padding: var(--el-card-padding);
}

.el-card__footer {
  padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
  border-top: 1px solid var(--el-card-border-color);
  box-sizing: border-box;
}

/* just override what you need */
.el-carousel__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
  z-index: calc(var(--el-index-normal) - 1);
}
.el-carousel__item.is-active {
  z-index: calc(var(--el-index-normal) - 1);
}

.el-carousel__item.is-animating {
  transition: transform 0.4s ease-in-out;
}

.el-carousel__item--card {
  width: 50%;
  transition: transform 0.4s ease-in-out;
}
.el-carousel__item--card.is-in-stage {
  cursor: pointer;
  z-index: var(--el-index-normal);
}
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask, .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask {
  opacity: 0.12;
}
.el-carousel__item--card.is-active {
  z-index: calc(var(--el-index-normal) + 1);
}

.el-carousel__item--card-vertical {
  width: 100%;
  height: 50%;
}

.el-carousel__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--el-color-white);
  opacity: 0.24;
  transition: var(--el-transition-duration-fast);
}

/* just override what you need */
.el-carousel {
  --el-carousel-arrow-font-size: 12px;
  --el-carousel-arrow-size: 36px;
  --el-carousel-arrow-background: rgba(31, 45, 61, 0.11);
  --el-carousel-arrow-hover-background: rgba(31, 45, 61, 0.23);
  --el-carousel-indicator-width: 30px;
  --el-carousel-indicator-height: 2px;
  --el-carousel-indicator-padding-horizontal: 4px;
  --el-carousel-indicator-padding-vertical: 12px;
  --el-carousel-indicator-out-color: var(--el-border-color-hover);
  position: relative;
}
.el-carousel--horizontal {
  overflow: hidden;
}

.el-carousel--vertical {
  overflow: hidden;
}

.el-carousel.is-vertical-outside {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.el-carousel.is-vertical-outside .el-carousel__container {
  flex: 1;
}

.el-carousel__container {
  position: relative;
  height: 300px;
}

.el-carousel__arrow {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  height: var(--el-carousel-arrow-size);
  width: var(--el-carousel-arrow-size);
  cursor: pointer;
  transition: var(--el-transition-duration);
  border-radius: 50%;
  background-color: var(--el-carousel-arrow-background);
  color: #ffffff;
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  text-align: center;
  font-size: var(--el-carousel-arrow-font-size);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.el-carousel__arrow--left {
  left: 16px;
}

.el-carousel__arrow--right {
  right: 16px;
}

.el-carousel__arrow:hover {
  background-color: var(--el-carousel-arrow-hover-background);
}
.el-carousel__arrow i {
  cursor: pointer;
}

.el-carousel__indicators {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: calc(var(--el-index-normal) + 1);
}
.el-carousel__indicators--horizontal {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.el-carousel__indicators--vertical {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.el-carousel__indicators--outside {
  text-align: center;
  position: static;
  transform: none;
}
.el-carousel__indicators--outside .el-carousel__indicator:hover button {
  opacity: 0.64;
}
.el-carousel__indicators--outside button {
  background-color: var(--el-carousel-indicator-out-color);
  opacity: 0.24;
}

.el-carousel__indicators--right {
  right: 0;
}

.el-carousel__indicators--labels .el-carousel__button {
  padding: 2px 18px;
  font-size: 12px;
  color: #000000;
}
.el-carousel__indicators--labels .el-carousel__indicator {
  padding: 6px 4px;
}

.el-carousel__indicator {
  background-color: transparent;
  cursor: pointer;
}
.el-carousel__indicator:hover button {
  opacity: 0.72;
}
.el-carousel__indicator--horizontal {
  display: inline-block;
  padding: var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal);
}

.el-carousel__indicator--vertical {
  padding: var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical);
}
.el-carousel__indicator--vertical .el-carousel__button {
  width: var(--el-carousel-indicator-height);
  height: calc(var(--el-carousel-indicator-width) / 2);
}

.el-carousel__indicator.is-active button {
  opacity: 1;
}

.el-carousel__button {
  display: block;
  opacity: 0.48;
  width: var(--el-carousel-indicator-width);
  height: var(--el-carousel-indicator-height);
  background-color: #ffffff;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: var(--el-transition-duration);
}
.el-carousel__indicators--labels .el-carousel__button {
  height: auto;
  width: auto;
}

.carousel-arrow-left-enter-from,
.carousel-arrow-left-leave-active {
  transform: translateY(-50%) translateX(-10px);
  opacity: 0;
}

.carousel-arrow-right-enter-from,
.carousel-arrow-right-leave-active {
  transform: translateY(-50%) translateX(10px);
  opacity: 0;
}

.el-transitioning {
  filter: url("#elCarouselHorizontal");
}

.el-transitioning-vertical {
  filter: url("#elCarouselVertical");
}

/* just override what you need */
.el-cascader-panel {
  --el-cascader-menu-text-color: var(--el-text-color-regular);
  --el-cascader-menu-selected-text-color: var(--el-color-primary);
  --el-cascader-menu-fill: var(--el-bg-color-overlay);
  --el-cascader-menu-font-size: var(--el-font-size-base);
  --el-cascader-menu-radius: var(--el-border-radius-base);
  --el-cascader-menu-border: solid 1px var(--el-border-color-light);
  --el-cascader-menu-shadow: var(--el-box-shadow-light);
  --el-cascader-node-background-hover: var(--el-fill-color-light);
  --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
  --el-cascader-color-empty: var(--el-text-color-placeholder);
  --el-cascader-tag-background: var(--el-fill-color);
}

.el-cascader-panel {
  display: flex;
  width: fit-content;
  border-radius: var(--el-cascader-menu-radius);
  font-size: var(--el-cascader-menu-font-size);
}
.el-cascader-panel.is-bordered {
  border: var(--el-cascader-menu-border);
  border-radius: var(--el-cascader-menu-radius);
}

.el-cascader-menu {
  min-width: 180px;
  box-sizing: border-box;
  color: var(--el-cascader-menu-text-color);
  border-right: var(--el-cascader-menu-border);
}
.el-cascader-menu:last-child {
  border-right: none;
}
.el-cascader-menu:last-child .el-cascader-node {
  padding-right: 20px;
}
.el-cascader-menu__wrap.el-scrollbar__wrap {
  height: 204px;
}

.el-cascader-menu__list {
  position: relative;
  min-height: 100%;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  box-sizing: border-box;
}

.el-cascader-menu__hover-zone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.el-cascader-menu__empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  color: var(--el-cascader-color-empty);
}
.el-cascader-menu__empty-text .is-loading {
  margin-right: 2px;
}

.el-cascader-node {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 30px 0 20px;
  height: 34px;
  line-height: 34px;
  outline: none;
}
.el-cascader-node.is-selectable.in-active-path {
  color: var(--el-cascader-menu-text-color);
}
.el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
  color: var(--el-cascader-menu-selected-text-color);
  font-weight: bold;
}
.el-cascader-node:not(.is-disabled) {
  cursor: pointer;
}
.el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
  background: var(--el-cascader-node-background-hover);
}
.el-cascader-node.is-disabled {
  color: var(--el-cascader-node-color-disabled);
  cursor: not-allowed;
}

.el-cascader-node__prefix {
  position: absolute;
  left: 10px;
}

.el-cascader-node__postfix {
  position: absolute;
  right: 10px;
}

.el-cascader-node__label {
  flex: 1;
  text-align: left;
  padding: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-cascader-node > .el-checkbox {
  margin-right: 0;
}
.el-cascader-node > .el-radio {
  margin-right: 0;
}
.el-cascader-node > .el-radio .el-radio__label {
  padding-left: 0;
}

/* just override what you need */
.el-cascader {
  --el-cascader-menu-text-color: var(--el-text-color-regular);
  --el-cascader-menu-selected-text-color: var(--el-color-primary);
  --el-cascader-menu-fill: var(--el-bg-color-overlay);
  --el-cascader-menu-font-size: var(--el-font-size-base);
  --el-cascader-menu-radius: var(--el-border-radius-base);
  --el-cascader-menu-border: solid 1px var(--el-border-color-light);
  --el-cascader-menu-shadow: var(--el-box-shadow-light);
  --el-cascader-node-background-hover: var(--el-fill-color-light);
  --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
  --el-cascader-color-empty: var(--el-text-color-placeholder);
  --el-cascader-tag-background: var(--el-fill-color);
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: var(--el-font-size-base);
  line-height: 32px;
  outline: none;
}
.el-cascader:not(.is-disabled):hover .el-input__wrapper {
  cursor: pointer;
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-cascader .el-input {
  display: flex;
  cursor: pointer;
}
.el-cascader .el-input .el-input__inner {
  text-overflow: ellipsis;
}
.el-cascader .el-input .el-input__inner:read-only {
  cursor: pointer;
}
.el-cascader .el-input .el-input__inner:disabled {
  cursor: not-allowed;
}
.el-cascader .el-input .el-input__suffix-inner .el-icon svg {
  vertical-align: middle;
}
.el-cascader .el-input .icon-arrow-down {
  transition: transform var(--el-transition-duration);
  font-size: 14px;
}
.el-cascader .el-input .icon-arrow-down.is-reverse {
  transform: rotateZ(180deg);
}

.el-cascader .el-input .icon-circle-close:hover {
  color: var(--el-input-clear-hover-color, transparent);
}
.el-cascader .el-input.is-focus .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color, transparent) inset;
}

.el-cascader--large {
  font-size: 14px;
  line-height: 40px;
}
.el-cascader--large .el-cascader__tags {
  gap: 6px;
  padding: 8px;
}

.el-cascader--large .el-cascader__search-input {
  height: 24px;
  margin-left: 7px;
}

.el-cascader--small {
  font-size: 12px;
  line-height: 30px;
}
.el-cascader--small .el-cascader__tags {
  gap: 4px;
  padding: 2px;
}

.el-cascader--small .el-cascader__search-input {
  height: 20px;
  margin-left: 5px;
}

.el-cascader.is-disabled .el-cascader__label {
  z-index: calc(var(--el-index-normal) + 1);
  color: var(--el-disabled-text-color);
}

.el-cascader__dropdown {
  --el-cascader-menu-text-color: var(--el-text-color-regular);
  --el-cascader-menu-selected-text-color: var(--el-color-primary);
  --el-cascader-menu-fill: var(--el-bg-color-overlay);
  --el-cascader-menu-font-size: var(--el-font-size-base);
  --el-cascader-menu-radius: var(--el-border-radius-base);
  --el-cascader-menu-border: solid 1px var(--el-border-color-light);
  --el-cascader-menu-shadow: var(--el-box-shadow-light);
  --el-cascader-node-background-hover: var(--el-fill-color-light);
  --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
  --el-cascader-color-empty: var(--el-text-color-placeholder);
  --el-cascader-tag-background: var(--el-fill-color);
}

.el-cascader__dropdown {
  font-size: var(--el-cascader-menu-font-size);
  border-radius: var(--el-cascader-menu-radius);
}
.el-cascader__dropdown.el-popper {
  background: var(--el-cascader-menu-fill);
  border: var(--el-cascader-menu-border);
  box-shadow: var(--el-cascader-menu-shadow);
}
.el-cascader__dropdown.el-popper .el-popper__arrow::before {
  border: var(--el-cascader-menu-border);
}
.el-cascader__dropdown.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-cascader__dropdown.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-cascader__dropdown.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-cascader__dropdown.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.el-cascader__dropdown.el-popper {
  box-shadow: var(--el-cascader-menu-shadow);
}

.el-cascader__header {
  padding: 10px;
  border-bottom: 1px solid var(--el-border-color-light);
}

.el-cascader__footer {
  padding: 10px;
  border-top: 1px solid var(--el-border-color-light);
}

.el-cascader__tags {
  position: absolute;
  left: 0;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-wrap: wrap;
  padding: 4px;
  gap: 6px;
  line-height: normal;
  text-align: left;
  box-sizing: border-box;
}
.el-cascader__tags .el-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  text-overflow: ellipsis;
  background: var(--el-cascader-tag-background);
}
.el-cascader__tags .el-tag.el-tag--dark, .el-cascader__tags .el-tag.el-tag--plain {
  background-color: var(--el-tag-bg-color);
}
.el-cascader__tags .el-tag:not(.is-hit) {
  border-color: transparent;
}
.el-cascader__tags .el-tag:not(.is-hit).el-tag--dark, .el-cascader__tags .el-tag:not(.is-hit).el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-cascader__tags .el-tag > span {
  flex: 1;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.el-cascader__tags .el-tag .el-icon-close {
  flex: none;
  background-color: var(--el-text-color-placeholder);
  color: var(--el-color-white);
}
.el-cascader__tags .el-tag .el-icon-close:hover {
  background-color: var(--el-text-color-secondary);
}
.el-cascader__tags .el-tag + input {
  margin-left: 0;
}
.el-cascader__tags.is-validate {
  right: 55px;
}

.el-cascader__collapse-tags {
  white-space: normal;
  z-index: var(--el-index-normal);
}
.el-cascader__collapse-tags .el-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  text-overflow: ellipsis;
  background: var(--el-fill-color);
}
.el-cascader__collapse-tags .el-tag.el-tag--dark, .el-cascader__collapse-tags .el-tag.el-tag--plain {
  background-color: var(--el-tag-bg-color);
}
.el-cascader__collapse-tags .el-tag:not(.is-hit) {
  border-color: transparent;
}
.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--dark, .el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-cascader__collapse-tags .el-tag > span {
  flex: 1;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.el-cascader__collapse-tags .el-tag .el-icon-close {
  flex: none;
  background-color: var(--el-text-color-placeholder);
  color: var(--el-color-white);
}
.el-cascader__collapse-tags .el-tag .el-icon-close:hover {
  background-color: var(--el-text-color-secondary);
}
.el-cascader__collapse-tags .el-tag + input {
  margin-left: 0;
}
.el-cascader__collapse-tags .el-tag {
  margin: 2px 0;
}

.el-cascader__suggestion-panel {
  border-radius: var(--el-cascader-menu-radius);
}

.el-cascader__suggestion-list {
  max-height: 204px;
  margin: 0;
  padding: 6px 0;
  font-size: var(--el-font-size-base);
  color: var(--el-cascader-menu-text-color);
  text-align: center;
}

.el-cascader__suggestion-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 34px;
  padding: 0 15px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.el-cascader__suggestion-item:hover, .el-cascader__suggestion-item:focus {
  background: var(--el-cascader-node-background-hover);
}
.el-cascader__suggestion-item.is-checked {
  color: var(--el-cascader-menu-selected-text-color);
  font-weight: bold;
}
.el-cascader__suggestion-item > span {
  margin-right: 10px;
}

.el-cascader__empty-text {
  margin: 10px 0;
  color: var(--el-cascader-color-empty);
}

.el-cascader__search-input {
  flex: 1;
  height: 24px;
  min-width: 60px;
  margin-left: 7px;
  padding: 0;
  color: var(--el-cascader-menu-text-color);
  border: none;
  outline: none;
  box-sizing: border-box;
  background: transparent;
}
.el-cascader__search-input::placeholder {
  color: transparent;
}

/* just override what you need */
.el-check-tag {
  background-color: var(--el-color-info-light-9);
  border-radius: var(--el-border-radius-base);
  color: var(--el-color-info);
  cursor: pointer;
  display: inline-block;
  font-size: var(--el-font-size-base);
  line-height: var(--el-font-size-base);
  padding: 7px 15px;
  transition: var(--el-transition-all);
  font-weight: bold;
}
.el-check-tag:hover {
  background-color: var(--el-color-info-light-7);
}
.el-check-tag.el-check-tag--primary.is-checked {
  background-color: var(--el-color-primary-light-8);
  color: var(--el-color-primary);
}
.el-check-tag.el-check-tag--primary.is-checked:hover {
  background-color: var(--el-color-primary-light-7);
}
.el-check-tag.el-check-tag--primary.is-checked.is-disabled {
  background-color: var(--el-color-primary-light-8);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--primary.is-checked.is-disabled:hover {
  background-color: var(--el-color-primary-light-8);
}

.el-check-tag.el-check-tag--primary.is-disabled {
  background-color: var(--el-color-info-light-9);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--primary.is-disabled:hover {
  background-color: var(--el-color-info-light-9);
}

.el-check-tag.el-check-tag--success.is-checked {
  background-color: var(--el-color-success-light-8);
  color: var(--el-color-success);
}
.el-check-tag.el-check-tag--success.is-checked:hover {
  background-color: var(--el-color-success-light-7);
}
.el-check-tag.el-check-tag--success.is-checked.is-disabled {
  background-color: var(--el-color-success-light-8);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--success.is-checked.is-disabled:hover {
  background-color: var(--el-color-success-light-8);
}

.el-check-tag.el-check-tag--success.is-disabled {
  background-color: var(--el-color-success-light-9);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--success.is-disabled:hover {
  background-color: var(--el-color-success-light-9);
}

.el-check-tag.el-check-tag--warning.is-checked {
  background-color: var(--el-color-warning-light-8);
  color: var(--el-color-warning);
}
.el-check-tag.el-check-tag--warning.is-checked:hover {
  background-color: var(--el-color-warning-light-7);
}
.el-check-tag.el-check-tag--warning.is-checked.is-disabled {
  background-color: var(--el-color-warning-light-8);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--warning.is-checked.is-disabled:hover {
  background-color: var(--el-color-warning-light-8);
}

.el-check-tag.el-check-tag--warning.is-disabled {
  background-color: var(--el-color-warning-light-9);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--warning.is-disabled:hover {
  background-color: var(--el-color-warning-light-9);
}

.el-check-tag.el-check-tag--danger.is-checked {
  background-color: var(--el-color-danger-light-8);
  color: var(--el-color-danger);
}
.el-check-tag.el-check-tag--danger.is-checked:hover {
  background-color: var(--el-color-danger-light-7);
}
.el-check-tag.el-check-tag--danger.is-checked.is-disabled {
  background-color: var(--el-color-danger-light-8);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--danger.is-checked.is-disabled:hover {
  background-color: var(--el-color-danger-light-8);
}

.el-check-tag.el-check-tag--danger.is-disabled {
  background-color: var(--el-color-danger-light-9);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--danger.is-disabled:hover {
  background-color: var(--el-color-danger-light-9);
}

.el-check-tag.el-check-tag--error.is-checked {
  background-color: var(--el-color-error-light-8);
  color: var(--el-color-error);
}
.el-check-tag.el-check-tag--error.is-checked:hover {
  background-color: var(--el-color-error-light-7);
}
.el-check-tag.el-check-tag--error.is-checked.is-disabled {
  background-color: var(--el-color-error-light-8);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--error.is-checked.is-disabled:hover {
  background-color: var(--el-color-error-light-8);
}

.el-check-tag.el-check-tag--error.is-disabled {
  background-color: var(--el-color-error-light-9);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--error.is-disabled:hover {
  background-color: var(--el-color-error-light-9);
}

.el-check-tag.el-check-tag--info.is-checked {
  background-color: var(--el-color-info-light-8);
  color: var(--el-color-info);
}
.el-check-tag.el-check-tag--info.is-checked:hover {
  background-color: var(--el-color-info-light-7);
}
.el-check-tag.el-check-tag--info.is-checked.is-disabled {
  background-color: var(--el-color-info-light-8);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--info.is-checked.is-disabled:hover {
  background-color: var(--el-color-info-light-8);
}

.el-check-tag.el-check-tag--info.is-disabled {
  background-color: var(--el-color-info-light-9);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-check-tag.el-check-tag--info.is-disabled:hover {
  background-color: var(--el-color-info-light-9);
}

/* just override what you need */
.el-checkbox-button {
  --el-checkbox-button-checked-bg-color: var(--el-color-primary);
  --el-checkbox-button-checked-text-color: var(--el-color-white);
  --el-checkbox-button-checked-border-color: var(--el-color-primary);
  --el-checkbox-button-disabled-checked-fill: var(--el-border-color-extra-light);
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: var(--el-checkbox-font-weight);
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: var(--el-button-bg-color, transparent);
  outline: var(--el-border);
  color: var(--el-button-text-color, var(--el-text-color-regular));
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  transition: var(--el-transition-all);
  user-select: none;
  padding: 9px 16px;
  font-size: var(--el-font-size-base);
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 9px 16px;
}
.el-checkbox-button__inner:hover {
  color: var(--el-color-primary);
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: var(--el-checkbox-button-checked-text-color);
  background-color: var(--el-checkbox-button-checked-bg-color);
  border-color: var(--el-checkbox-button-checked-border-color);
  box-shadow: -1px 0 0 0 var(--el-color-primary-light-7);
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: var(--el-checkbox-button-checked-border-color);
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
  border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
}
.el-checkbox-button.is-disabled.is-checked .el-checkbox-button__inner {
  background-color: var(--el-checkbox-button-disabled-checked-fill);
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-top-left-radius: var(--el-border-radius-base);
  border-bottom-left-radius: var(--el-border-radius-base);
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: var(--el-checkbox-button-checked-border-color);
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-top-right-radius: var(--el-border-radius-base);
  border-bottom-right-radius: var(--el-border-radius-base);
}
.el-checkbox-button--large .el-checkbox-button__inner {
  padding: 13px 20px;
  font-size: var(--el-font-size-base);
  border-radius: 0;
}
.el-checkbox-button--large .el-checkbox-button__inner.is-round {
  padding: 13px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 6px 12px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 6px 12px;
}

/* just override what you need */
.el-checkbox-group {
  font-size: 0;
  line-height: 0;
}

/* just override what you need */
.el-checkbox {
  --el-checkbox-font-size: 14px;
  --el-checkbox-font-weight: var(--el-font-weight-primary);
  --el-checkbox-text-color: var(--el-text-color-regular);
  --el-checkbox-input-height: 14px;
  --el-checkbox-input-width: 14px;
  --el-checkbox-border-radius: var(--el-border-radius-small);
  --el-checkbox-bg-color: var(--el-fill-color-blank);
  --el-checkbox-input-border: 1px solid var(--color-text-primary);
  --el-checkbox-disabled-border-color: var(--el-border-color);
  --el-checkbox-disabled-input-fill: var(--el-fill-color-light);
  --el-checkbox-disabled-icon-color: var(--el-text-color-placeholder);
  --el-checkbox-disabled-checked-input-fill: var(--el-border-color-extra-light);
  --el-checkbox-disabled-checked-input-border-color: var(--el-border-color);
  --el-checkbox-disabled-checked-icon-color: var(--el-text-color-placeholder);
  --el-checkbox-checked-text-color: var(--el-color-primary);
  --el-checkbox-checked-input-border-color: var(--el-color-primary);
  --el-checkbox-checked-bg-color: var(--el-color-primary);
  --el-checkbox-checked-icon-color: var(--el-color-white);
  --el-checkbox-input-border-color-hover: var(--el-color-primary);
}

.el-checkbox {
  color: var(--el-checkbox-text-color);
  font-weight: var(--el-checkbox-font-weight);
  font-size: var(--el-font-size-base);
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  user-select: none;
  margin-right: 30px;
  height: var(--el-checkbox-height, 32px);
}
.el-checkbox.is-disabled {
  cursor: not-allowed;
}

.el-checkbox.is-bordered {
  padding: 0 16px 0 10px;
  border-radius: var(--el-border-radius-base);
  border: var(--el-border);
  box-sizing: border-box;
}
.el-checkbox.is-bordered.is-checked {
  border-color: var(--el-color-primary);
}
.el-checkbox.is-bordered.is-disabled {
  border-color: var(--el-border-color-lighter);
}
.el-checkbox.is-bordered.el-checkbox--large {
  padding: 0 20px 0 12px;
  border-radius: var(--el-border-radius-base);
}
.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
  font-size: var(--el-font-size-base);
}
.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 0 12px 0 8px;
  border-radius: calc(var(--el-border-radius-base) - 1px);
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox input:focus-visible + .el-checkbox__inner {
  outline: 2px solid var(--el-checkbox-input-border-color-hover);
  outline-offset: 1px;
  border-radius: var(--el-checkbox-border-radius);
}
.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  position: relative;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-input-fill);
  border-color: var(--el-checkbox-disabled-border-color);
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: var(--el-checkbox-disabled-icon-color);
  will-change: transform;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-checked-input-fill);
  border-color: var(--el-checkbox-disabled-checked-input-border-color);
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: var(--el-checkbox-disabled-checked-icon-color);
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-checked-input-fill);
  border-color: var(--el-checkbox-disabled-checked-input-border-color);
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: var(--el-checkbox-disabled-checked-icon-color);
  border-color: var(--el-checkbox-disabled-checked-icon-color);
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--el-checkbox-checked-bg-color);
  border-color: var(--el-checkbox-checked-input-border-color);
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: translate(-45%, -60%) rotate(45deg) scaleY(1);
  border-color: var(--el-checkbox-checked-icon-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--el-checkbox-checked-text-color);
}

.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible) {
  border-color: var(--el-checkbox-input-border-color-hover);
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--el-checkbox-checked-bg-color);
  border-color: var(--el-checkbox-checked-input-border-color);
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: var(--el-checkbox-checked-icon-color);
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: var(--el-checkbox-input-border);
  border-radius: var(--el-checkbox-border-radius);
  box-sizing: border-box;
  width: var(--el-checkbox-input-width);
  height: var(--el-checkbox-input-height);
  background-color: var(--el-checkbox-bg-color);
  z-index: var(--el-index-normal);
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), outline 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: var(--el-checkbox-input-border-color-hover);
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid transparent;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-45%, -60%) rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 8px;
  line-height: 1;
  font-size: var(--el-checkbox-font-size);
}

.el-checkbox.el-checkbox--large {
  height: 40px;
}
.el-checkbox.el-checkbox--large .el-checkbox__label {
  font-size: 14px;
}

.el-checkbox.el-checkbox--large .el-checkbox__inner {
  width: 14px;
  height: 14px;
}

.el-checkbox.el-checkbox--small {
  height: 30px;
}
.el-checkbox.el-checkbox--small .el-checkbox__label {
  font-size: 12px;
}

.el-checkbox.el-checkbox--small .el-checkbox__inner {
  width: 12px;
  height: 12px;
}

.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  top: 4px;
}

.el-checkbox.el-checkbox--small .el-checkbox__inner::after {
  width: 2px;
  height: 6px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

/* just override what you need */
/* just override what you need */
[class*=el-col-] {
  box-sizing: border-box;
}
[class*=el-col-].is-guttered {
  display: block;
  min-height: 1px;
}

.el-col-0 {
  display: none;
  max-width: 0%;
  flex: 0 0 0%;
}
.el-col-0.is-guttered {
  display: none;
}

.el-col-offset-0 {
  margin-left: 0%;
}

.el-col-pull-0 {
  position: relative;
  right: 0%;
}

.el-col-push-0 {
  position: relative;
  left: 0%;
}

.el-col-1 {
  display: block;
  max-width: 4.1666666667%;
  flex: 0 0 4.1666666667%;
}
.el-col-1.is-guttered {
  display: block;
}

.el-col-offset-1 {
  margin-left: 4.1666666667%;
}

.el-col-pull-1 {
  position: relative;
  right: 4.1666666667%;
}

.el-col-push-1 {
  position: relative;
  left: 4.1666666667%;
}

.el-col-2 {
  display: block;
  max-width: 8.3333333333%;
  flex: 0 0 8.3333333333%;
}
.el-col-2.is-guttered {
  display: block;
}

.el-col-offset-2 {
  margin-left: 8.3333333333%;
}

.el-col-pull-2 {
  position: relative;
  right: 8.3333333333%;
}

.el-col-push-2 {
  position: relative;
  left: 8.3333333333%;
}

.el-col-3 {
  display: block;
  max-width: 12.5%;
  flex: 0 0 12.5%;
}
.el-col-3.is-guttered {
  display: block;
}

.el-col-offset-3 {
  margin-left: 12.5%;
}

.el-col-pull-3 {
  position: relative;
  right: 12.5%;
}

.el-col-push-3 {
  position: relative;
  left: 12.5%;
}

.el-col-4 {
  display: block;
  max-width: 16.6666666667%;
  flex: 0 0 16.6666666667%;
}
.el-col-4.is-guttered {
  display: block;
}

.el-col-offset-4 {
  margin-left: 16.6666666667%;
}

.el-col-pull-4 {
  position: relative;
  right: 16.6666666667%;
}

.el-col-push-4 {
  position: relative;
  left: 16.6666666667%;
}

.el-col-5 {
  display: block;
  max-width: 20.8333333333%;
  flex: 0 0 20.8333333333%;
}
.el-col-5.is-guttered {
  display: block;
}

.el-col-offset-5 {
  margin-left: 20.8333333333%;
}

.el-col-pull-5 {
  position: relative;
  right: 20.8333333333%;
}

.el-col-push-5 {
  position: relative;
  left: 20.8333333333%;
}

.el-col-6 {
  display: block;
  max-width: 25%;
  flex: 0 0 25%;
}
.el-col-6.is-guttered {
  display: block;
}

.el-col-offset-6 {
  margin-left: 25%;
}

.el-col-pull-6 {
  position: relative;
  right: 25%;
}

.el-col-push-6 {
  position: relative;
  left: 25%;
}

.el-col-7 {
  display: block;
  max-width: 29.1666666667%;
  flex: 0 0 29.1666666667%;
}
.el-col-7.is-guttered {
  display: block;
}

.el-col-offset-7 {
  margin-left: 29.1666666667%;
}

.el-col-pull-7 {
  position: relative;
  right: 29.1666666667%;
}

.el-col-push-7 {
  position: relative;
  left: 29.1666666667%;
}

.el-col-8 {
  display: block;
  max-width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
}
.el-col-8.is-guttered {
  display: block;
}

.el-col-offset-8 {
  margin-left: 33.3333333333%;
}

.el-col-pull-8 {
  position: relative;
  right: 33.3333333333%;
}

.el-col-push-8 {
  position: relative;
  left: 33.3333333333%;
}

.el-col-9 {
  display: block;
  max-width: 37.5%;
  flex: 0 0 37.5%;
}
.el-col-9.is-guttered {
  display: block;
}

.el-col-offset-9 {
  margin-left: 37.5%;
}

.el-col-pull-9 {
  position: relative;
  right: 37.5%;
}

.el-col-push-9 {
  position: relative;
  left: 37.5%;
}

.el-col-10 {
  display: block;
  max-width: 41.6666666667%;
  flex: 0 0 41.6666666667%;
}
.el-col-10.is-guttered {
  display: block;
}

.el-col-offset-10 {
  margin-left: 41.6666666667%;
}

.el-col-pull-10 {
  position: relative;
  right: 41.6666666667%;
}

.el-col-push-10 {
  position: relative;
  left: 41.6666666667%;
}

.el-col-11 {
  display: block;
  max-width: 45.8333333333%;
  flex: 0 0 45.8333333333%;
}
.el-col-11.is-guttered {
  display: block;
}

.el-col-offset-11 {
  margin-left: 45.8333333333%;
}

.el-col-pull-11 {
  position: relative;
  right: 45.8333333333%;
}

.el-col-push-11 {
  position: relative;
  left: 45.8333333333%;
}

.el-col-12 {
  display: block;
  max-width: 50%;
  flex: 0 0 50%;
}
.el-col-12.is-guttered {
  display: block;
}

.el-col-offset-12 {
  margin-left: 50%;
}

.el-col-pull-12 {
  position: relative;
  right: 50%;
}

.el-col-push-12 {
  position: relative;
  left: 50%;
}

.el-col-13 {
  display: block;
  max-width: 54.1666666667%;
  flex: 0 0 54.1666666667%;
}
.el-col-13.is-guttered {
  display: block;
}

.el-col-offset-13 {
  margin-left: 54.1666666667%;
}

.el-col-pull-13 {
  position: relative;
  right: 54.1666666667%;
}

.el-col-push-13 {
  position: relative;
  left: 54.1666666667%;
}

.el-col-14 {
  display: block;
  max-width: 58.3333333333%;
  flex: 0 0 58.3333333333%;
}
.el-col-14.is-guttered {
  display: block;
}

.el-col-offset-14 {
  margin-left: 58.3333333333%;
}

.el-col-pull-14 {
  position: relative;
  right: 58.3333333333%;
}

.el-col-push-14 {
  position: relative;
  left: 58.3333333333%;
}

.el-col-15 {
  display: block;
  max-width: 62.5%;
  flex: 0 0 62.5%;
}
.el-col-15.is-guttered {
  display: block;
}

.el-col-offset-15 {
  margin-left: 62.5%;
}

.el-col-pull-15 {
  position: relative;
  right: 62.5%;
}

.el-col-push-15 {
  position: relative;
  left: 62.5%;
}

.el-col-16 {
  display: block;
  max-width: 66.6666666667%;
  flex: 0 0 66.6666666667%;
}
.el-col-16.is-guttered {
  display: block;
}

.el-col-offset-16 {
  margin-left: 66.6666666667%;
}

.el-col-pull-16 {
  position: relative;
  right: 66.6666666667%;
}

.el-col-push-16 {
  position: relative;
  left: 66.6666666667%;
}

.el-col-17 {
  display: block;
  max-width: 70.8333333333%;
  flex: 0 0 70.8333333333%;
}
.el-col-17.is-guttered {
  display: block;
}

.el-col-offset-17 {
  margin-left: 70.8333333333%;
}

.el-col-pull-17 {
  position: relative;
  right: 70.8333333333%;
}

.el-col-push-17 {
  position: relative;
  left: 70.8333333333%;
}

.el-col-18 {
  display: block;
  max-width: 75%;
  flex: 0 0 75%;
}
.el-col-18.is-guttered {
  display: block;
}

.el-col-offset-18 {
  margin-left: 75%;
}

.el-col-pull-18 {
  position: relative;
  right: 75%;
}

.el-col-push-18 {
  position: relative;
  left: 75%;
}

.el-col-19 {
  display: block;
  max-width: 79.1666666667%;
  flex: 0 0 79.1666666667%;
}
.el-col-19.is-guttered {
  display: block;
}

.el-col-offset-19 {
  margin-left: 79.1666666667%;
}

.el-col-pull-19 {
  position: relative;
  right: 79.1666666667%;
}

.el-col-push-19 {
  position: relative;
  left: 79.1666666667%;
}

.el-col-20 {
  display: block;
  max-width: 83.3333333333%;
  flex: 0 0 83.3333333333%;
}
.el-col-20.is-guttered {
  display: block;
}

.el-col-offset-20 {
  margin-left: 83.3333333333%;
}

.el-col-pull-20 {
  position: relative;
  right: 83.3333333333%;
}

.el-col-push-20 {
  position: relative;
  left: 83.3333333333%;
}

.el-col-21 {
  display: block;
  max-width: 87.5%;
  flex: 0 0 87.5%;
}
.el-col-21.is-guttered {
  display: block;
}

.el-col-offset-21 {
  margin-left: 87.5%;
}

.el-col-pull-21 {
  position: relative;
  right: 87.5%;
}

.el-col-push-21 {
  position: relative;
  left: 87.5%;
}

.el-col-22 {
  display: block;
  max-width: 91.6666666667%;
  flex: 0 0 91.6666666667%;
}
.el-col-22.is-guttered {
  display: block;
}

.el-col-offset-22 {
  margin-left: 91.6666666667%;
}

.el-col-pull-22 {
  position: relative;
  right: 91.6666666667%;
}

.el-col-push-22 {
  position: relative;
  left: 91.6666666667%;
}

.el-col-23 {
  display: block;
  max-width: 95.8333333333%;
  flex: 0 0 95.8333333333%;
}
.el-col-23.is-guttered {
  display: block;
}

.el-col-offset-23 {
  margin-left: 95.8333333333%;
}

.el-col-pull-23 {
  position: relative;
  right: 95.8333333333%;
}

.el-col-push-23 {
  position: relative;
  left: 95.8333333333%;
}

.el-col-24 {
  display: block;
  max-width: 100%;
  flex: 0 0 100%;
}
.el-col-24.is-guttered {
  display: block;
}

.el-col-offset-24 {
  margin-left: 100%;
}

.el-col-pull-24 {
  position: relative;
  right: 100%;
}

.el-col-push-24 {
  position: relative;
  left: 100%;
}

@media only screen and (max-width: 767px) {
  .el-col-xs-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-xs-0.is-guttered {
    display: none;
  }
  .el-col-xs-offset-0 {
    margin-left: 0%;
  }
  .el-col-xs-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-xs-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-xs-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-xs-1.is-guttered {
    display: block;
  }
  .el-col-xs-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-xs-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-xs-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-xs-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-xs-2.is-guttered {
    display: block;
  }
  .el-col-xs-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-xs-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-xs-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-xs-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-xs-3.is-guttered {
    display: block;
  }
  .el-col-xs-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xs-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xs-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-xs-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-xs-4.is-guttered {
    display: block;
  }
  .el-col-xs-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-xs-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-xs-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-xs-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-xs-5.is-guttered {
    display: block;
  }
  .el-col-xs-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-xs-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-xs-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-xs-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-xs-6.is-guttered {
    display: block;
  }
  .el-col-xs-offset-6 {
    margin-left: 25%;
  }
  .el-col-xs-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xs-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-xs-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-xs-7.is-guttered {
    display: block;
  }
  .el-col-xs-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-xs-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-xs-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-xs-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-xs-8.is-guttered {
    display: block;
  }
  .el-col-xs-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-xs-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-xs-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-xs-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-xs-9.is-guttered {
    display: block;
  }
  .el-col-xs-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xs-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xs-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-xs-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-xs-10.is-guttered {
    display: block;
  }
  .el-col-xs-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-xs-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-xs-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-xs-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-xs-11.is-guttered {
    display: block;
  }
  .el-col-xs-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-xs-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-xs-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-xs-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-xs-12.is-guttered {
    display: block;
  }
  .el-col-xs-offset-12 {
    margin-left: 50%;
  }
  .el-col-xs-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xs-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-xs-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-xs-13.is-guttered {
    display: block;
  }
  .el-col-xs-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-xs-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-xs-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-xs-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-xs-14.is-guttered {
    display: block;
  }
  .el-col-xs-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-xs-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-xs-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-xs-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-xs-15.is-guttered {
    display: block;
  }
  .el-col-xs-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xs-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xs-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-xs-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-xs-16.is-guttered {
    display: block;
  }
  .el-col-xs-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-xs-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-xs-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-xs-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-xs-17.is-guttered {
    display: block;
  }
  .el-col-xs-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-xs-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-xs-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-xs-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-xs-18.is-guttered {
    display: block;
  }
  .el-col-xs-offset-18 {
    margin-left: 75%;
  }
  .el-col-xs-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xs-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-xs-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-xs-19.is-guttered {
    display: block;
  }
  .el-col-xs-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-xs-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-xs-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-xs-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-xs-20.is-guttered {
    display: block;
  }
  .el-col-xs-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-xs-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-xs-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-xs-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-xs-21.is-guttered {
    display: block;
  }
  .el-col-xs-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xs-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xs-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-xs-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-xs-22.is-guttered {
    display: block;
  }
  .el-col-xs-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-xs-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-xs-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-xs-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-xs-23.is-guttered {
    display: block;
  }
  .el-col-xs-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-xs-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-xs-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-xs-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-xs-24.is-guttered {
    display: block;
  }
  .el-col-xs-offset-24 {
    margin-left: 100%;
  }
  .el-col-xs-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xs-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .el-col-sm-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-sm-0.is-guttered {
    display: none;
  }
  .el-col-sm-offset-0 {
    margin-left: 0%;
  }
  .el-col-sm-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-sm-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-sm-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-sm-1.is-guttered {
    display: block;
  }
  .el-col-sm-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-sm-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-sm-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-sm-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-sm-2.is-guttered {
    display: block;
  }
  .el-col-sm-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-sm-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-sm-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-sm-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-sm-3.is-guttered {
    display: block;
  }
  .el-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-sm-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-sm-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-sm-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-sm-4.is-guttered {
    display: block;
  }
  .el-col-sm-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-sm-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-sm-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-sm-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-sm-5.is-guttered {
    display: block;
  }
  .el-col-sm-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-sm-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-sm-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-sm-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-sm-6.is-guttered {
    display: block;
  }
  .el-col-sm-offset-6 {
    margin-left: 25%;
  }
  .el-col-sm-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-sm-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-sm-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-sm-7.is-guttered {
    display: block;
  }
  .el-col-sm-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-sm-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-sm-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-sm-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-sm-8.is-guttered {
    display: block;
  }
  .el-col-sm-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-sm-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-sm-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-sm-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-sm-9.is-guttered {
    display: block;
  }
  .el-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-sm-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-sm-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-sm-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-sm-10.is-guttered {
    display: block;
  }
  .el-col-sm-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-sm-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-sm-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-sm-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-sm-11.is-guttered {
    display: block;
  }
  .el-col-sm-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-sm-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-sm-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-sm-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-sm-12.is-guttered {
    display: block;
  }
  .el-col-sm-offset-12 {
    margin-left: 50%;
  }
  .el-col-sm-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-sm-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-sm-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-sm-13.is-guttered {
    display: block;
  }
  .el-col-sm-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-sm-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-sm-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-sm-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-sm-14.is-guttered {
    display: block;
  }
  .el-col-sm-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-sm-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-sm-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-sm-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-sm-15.is-guttered {
    display: block;
  }
  .el-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-sm-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-sm-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-sm-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-sm-16.is-guttered {
    display: block;
  }
  .el-col-sm-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-sm-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-sm-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-sm-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-sm-17.is-guttered {
    display: block;
  }
  .el-col-sm-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-sm-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-sm-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-sm-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-sm-18.is-guttered {
    display: block;
  }
  .el-col-sm-offset-18 {
    margin-left: 75%;
  }
  .el-col-sm-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-sm-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-sm-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-sm-19.is-guttered {
    display: block;
  }
  .el-col-sm-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-sm-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-sm-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-sm-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-sm-20.is-guttered {
    display: block;
  }
  .el-col-sm-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-sm-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-sm-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-sm-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-sm-21.is-guttered {
    display: block;
  }
  .el-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-sm-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-sm-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-sm-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-sm-22.is-guttered {
    display: block;
  }
  .el-col-sm-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-sm-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-sm-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-sm-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-sm-23.is-guttered {
    display: block;
  }
  .el-col-sm-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-sm-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-sm-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-sm-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-sm-24.is-guttered {
    display: block;
  }
  .el-col-sm-offset-24 {
    margin-left: 100%;
  }
  .el-col-sm-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-sm-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .el-col-md-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-md-0.is-guttered {
    display: none;
  }
  .el-col-md-offset-0 {
    margin-left: 0%;
  }
  .el-col-md-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-md-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-md-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-md-1.is-guttered {
    display: block;
  }
  .el-col-md-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-md-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-md-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-md-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-md-2.is-guttered {
    display: block;
  }
  .el-col-md-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-md-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-md-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-md-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-md-3.is-guttered {
    display: block;
  }
  .el-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-md-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-md-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-md-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-md-4.is-guttered {
    display: block;
  }
  .el-col-md-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-md-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-md-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-md-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-md-5.is-guttered {
    display: block;
  }
  .el-col-md-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-md-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-md-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-md-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-md-6.is-guttered {
    display: block;
  }
  .el-col-md-offset-6 {
    margin-left: 25%;
  }
  .el-col-md-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-md-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-md-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-md-7.is-guttered {
    display: block;
  }
  .el-col-md-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-md-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-md-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-md-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-md-8.is-guttered {
    display: block;
  }
  .el-col-md-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-md-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-md-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-md-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-md-9.is-guttered {
    display: block;
  }
  .el-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-md-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-md-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-md-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-md-10.is-guttered {
    display: block;
  }
  .el-col-md-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-md-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-md-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-md-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-md-11.is-guttered {
    display: block;
  }
  .el-col-md-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-md-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-md-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-md-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-md-12.is-guttered {
    display: block;
  }
  .el-col-md-offset-12 {
    margin-left: 50%;
  }
  .el-col-md-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-md-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-md-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-md-13.is-guttered {
    display: block;
  }
  .el-col-md-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-md-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-md-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-md-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-md-14.is-guttered {
    display: block;
  }
  .el-col-md-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-md-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-md-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-md-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-md-15.is-guttered {
    display: block;
  }
  .el-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-md-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-md-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-md-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-md-16.is-guttered {
    display: block;
  }
  .el-col-md-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-md-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-md-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-md-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-md-17.is-guttered {
    display: block;
  }
  .el-col-md-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-md-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-md-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-md-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-md-18.is-guttered {
    display: block;
  }
  .el-col-md-offset-18 {
    margin-left: 75%;
  }
  .el-col-md-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-md-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-md-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-md-19.is-guttered {
    display: block;
  }
  .el-col-md-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-md-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-md-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-md-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-md-20.is-guttered {
    display: block;
  }
  .el-col-md-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-md-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-md-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-md-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-md-21.is-guttered {
    display: block;
  }
  .el-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-md-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-md-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-md-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-md-22.is-guttered {
    display: block;
  }
  .el-col-md-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-md-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-md-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-md-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-md-23.is-guttered {
    display: block;
  }
  .el-col-md-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-md-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-md-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-md-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-md-24.is-guttered {
    display: block;
  }
  .el-col-md-offset-24 {
    margin-left: 100%;
  }
  .el-col-md-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-md-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .el-col-lg-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-lg-0.is-guttered {
    display: none;
  }
  .el-col-lg-offset-0 {
    margin-left: 0%;
  }
  .el-col-lg-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-lg-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-lg-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-lg-1.is-guttered {
    display: block;
  }
  .el-col-lg-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-lg-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-lg-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-lg-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-lg-2.is-guttered {
    display: block;
  }
  .el-col-lg-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-lg-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-lg-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-lg-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-lg-3.is-guttered {
    display: block;
  }
  .el-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-lg-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-lg-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-lg-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-lg-4.is-guttered {
    display: block;
  }
  .el-col-lg-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-lg-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-lg-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-lg-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-lg-5.is-guttered {
    display: block;
  }
  .el-col-lg-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-lg-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-lg-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-lg-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-lg-6.is-guttered {
    display: block;
  }
  .el-col-lg-offset-6 {
    margin-left: 25%;
  }
  .el-col-lg-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-lg-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-lg-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-lg-7.is-guttered {
    display: block;
  }
  .el-col-lg-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-lg-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-lg-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-lg-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-lg-8.is-guttered {
    display: block;
  }
  .el-col-lg-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-lg-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-lg-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-lg-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-lg-9.is-guttered {
    display: block;
  }
  .el-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-lg-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-lg-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-lg-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-lg-10.is-guttered {
    display: block;
  }
  .el-col-lg-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-lg-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-lg-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-lg-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-lg-11.is-guttered {
    display: block;
  }
  .el-col-lg-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-lg-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-lg-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-lg-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-lg-12.is-guttered {
    display: block;
  }
  .el-col-lg-offset-12 {
    margin-left: 50%;
  }
  .el-col-lg-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-lg-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-lg-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-lg-13.is-guttered {
    display: block;
  }
  .el-col-lg-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-lg-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-lg-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-lg-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-lg-14.is-guttered {
    display: block;
  }
  .el-col-lg-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-lg-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-lg-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-lg-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-lg-15.is-guttered {
    display: block;
  }
  .el-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-lg-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-lg-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-lg-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-lg-16.is-guttered {
    display: block;
  }
  .el-col-lg-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-lg-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-lg-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-lg-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-lg-17.is-guttered {
    display: block;
  }
  .el-col-lg-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-lg-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-lg-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-lg-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-lg-18.is-guttered {
    display: block;
  }
  .el-col-lg-offset-18 {
    margin-left: 75%;
  }
  .el-col-lg-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-lg-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-lg-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-lg-19.is-guttered {
    display: block;
  }
  .el-col-lg-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-lg-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-lg-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-lg-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-lg-20.is-guttered {
    display: block;
  }
  .el-col-lg-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-lg-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-lg-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-lg-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-lg-21.is-guttered {
    display: block;
  }
  .el-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-lg-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-lg-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-lg-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-lg-22.is-guttered {
    display: block;
  }
  .el-col-lg-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-lg-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-lg-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-lg-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-lg-23.is-guttered {
    display: block;
  }
  .el-col-lg-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-lg-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-lg-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-lg-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-lg-24.is-guttered {
    display: block;
  }
  .el-col-lg-offset-24 {
    margin-left: 100%;
  }
  .el-col-lg-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-lg-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .el-col-xl-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-xl-0.is-guttered {
    display: none;
  }
  .el-col-xl-offset-0 {
    margin-left: 0%;
  }
  .el-col-xl-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-xl-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-xl-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-xl-1.is-guttered {
    display: block;
  }
  .el-col-xl-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-xl-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-xl-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-xl-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-xl-2.is-guttered {
    display: block;
  }
  .el-col-xl-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-xl-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-xl-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-xl-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-xl-3.is-guttered {
    display: block;
  }
  .el-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xl-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xl-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-xl-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-xl-4.is-guttered {
    display: block;
  }
  .el-col-xl-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-xl-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-xl-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-xl-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-xl-5.is-guttered {
    display: block;
  }
  .el-col-xl-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-xl-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-xl-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-xl-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-xl-6.is-guttered {
    display: block;
  }
  .el-col-xl-offset-6 {
    margin-left: 25%;
  }
  .el-col-xl-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xl-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-xl-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-xl-7.is-guttered {
    display: block;
  }
  .el-col-xl-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-xl-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-xl-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-xl-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-xl-8.is-guttered {
    display: block;
  }
  .el-col-xl-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-xl-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-xl-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-xl-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-xl-9.is-guttered {
    display: block;
  }
  .el-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xl-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xl-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-xl-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-xl-10.is-guttered {
    display: block;
  }
  .el-col-xl-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-xl-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-xl-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-xl-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-xl-11.is-guttered {
    display: block;
  }
  .el-col-xl-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-xl-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-xl-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-xl-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-xl-12.is-guttered {
    display: block;
  }
  .el-col-xl-offset-12 {
    margin-left: 50%;
  }
  .el-col-xl-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xl-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-xl-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-xl-13.is-guttered {
    display: block;
  }
  .el-col-xl-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-xl-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-xl-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-xl-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-xl-14.is-guttered {
    display: block;
  }
  .el-col-xl-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-xl-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-xl-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-xl-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-xl-15.is-guttered {
    display: block;
  }
  .el-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xl-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xl-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-xl-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-xl-16.is-guttered {
    display: block;
  }
  .el-col-xl-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-xl-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-xl-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-xl-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-xl-17.is-guttered {
    display: block;
  }
  .el-col-xl-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-xl-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-xl-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-xl-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-xl-18.is-guttered {
    display: block;
  }
  .el-col-xl-offset-18 {
    margin-left: 75%;
  }
  .el-col-xl-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xl-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-xl-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-xl-19.is-guttered {
    display: block;
  }
  .el-col-xl-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-xl-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-xl-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-xl-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-xl-20.is-guttered {
    display: block;
  }
  .el-col-xl-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-xl-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-xl-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-xl-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-xl-21.is-guttered {
    display: block;
  }
  .el-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xl-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xl-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-xl-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-xl-22.is-guttered {
    display: block;
  }
  .el-col-xl-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-xl-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-xl-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-xl-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-xl-23.is-guttered {
    display: block;
  }
  .el-col-xl-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-xl-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-xl-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-xl-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-xl-24.is-guttered {
    display: block;
  }
  .el-col-xl-offset-24 {
    margin-left: 100%;
  }
  .el-col-xl-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xl-push-24 {
    position: relative;
    left: 100%;
  }
}
/* just override what you need */
.el-collapse-item.is-disabled .el-collapse-item__header {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}

.el-collapse-item__header {
  width: 100%;
  padding: 0;
  border: none;
  display: flex;
  align-items: center;
  min-height: var(--el-collapse-header-height);
  line-height: var(--el-collapse-header-height);
  background-color: var(--el-collapse-header-bg-color);
  color: var(--el-collapse-header-text-color);
  cursor: pointer;
  border-bottom: 1px solid var(--el-collapse-border-color);
  font-size: var(--el-collapse-header-font-size);
  font-weight: 500;
  transition: border-bottom-color var(--el-transition-duration);
  outline: none;
  box-sizing: border-box;
}
.el-collapse-item__arrow {
  transition: transform var(--el-transition-duration);
  font-weight: 300;
}
.el-collapse-item__arrow.is-active {
  transform: rotate(90deg);
}

.el-collapse-item__title {
  text-align: left;
  flex: auto;
}

.el-collapse-item__header.focusing:focus:not(:hover) {
  color: var(--el-color-primary);
}
.el-collapse-item__header.is-active {
  border-bottom-color: transparent;
}

.el-collapse-item__wrap {
  will-change: height;
  background-color: var(--el-collapse-content-bg-color);
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid var(--el-collapse-border-color);
}

.el-collapse-item__content {
  padding-bottom: 25px;
  font-size: var(--el-collapse-content-font-size);
  color: var(--el-collapse-content-text-color);
  line-height: 1.7692307692;
}

.el-collapse-item:last-child {
  margin-bottom: -1px;
}

/* just override what you need */
.el-collapse {
  --el-collapse-border-color: var(--color-background-bg2);
  --el-collapse-header-height: 48px;
  --el-collapse-header-bg-color: transparent;
  --el-collapse-header-text-color: var(--el-text-color-primary);
  --el-collapse-header-font-size: 13px;
  --el-collapse-content-bg-color: transparent;
  --el-collapse-content-font-size: 13px;
  --el-collapse-content-text-color: var(--el-text-color-primary);
  border-top: 1px solid var(--el-collapse-border-color);
  border-bottom: 1px solid var(--el-collapse-border-color);
}

.el-collapse-icon-position-left .el-collapse-item__header {
  gap: 8px;
}
.el-collapse-icon-position-left .el-collapse-item__title {
  order: 1;
}
.el-collapse-icon-position-right .el-collapse-item__header {
  padding-right: 8px;
}

/* just override what you need */
.el-color-picker-panel {
  --el-colorpicker-bg-color: var(--el-bg-color-overlay);
  --el-fill-color-blank: var(--el-colorpicker-bg-color);
}

.el-color-picker-panel {
  width: 300px;
  padding: 12px;
  box-sizing: content-box;
  background: var(--el-colorpicker-bg-color);
}
.el-color-picker-panel.is-border {
  border: solid 1px var(--el-border-color-lighter);
  border-radius: 4px;
}

.el-color-picker-panel__wrapper {
  margin-bottom: 6px;
}
.el-color-picker-panel__footer {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  text-align: right;
}
.el-color-picker-panel__footer .el-input {
  line-height: 26px;
  font-size: 12px;
  color: #000000;
  width: 160px;
}

.el-color-picker-panel.is-disabled .el-color-svpanel {
  cursor: not-allowed;
  opacity: 0.3;
}
.el-color-picker-panel.is-disabled .el-color-hue-slider {
  cursor: not-allowed;
  opacity: 0.3;
}
.el-color-picker-panel.is-disabled .el-color-hue-slider__thumb {
  cursor: not-allowed;
}

.el-color-picker-panel.is-disabled .el-color-alpha-slider {
  cursor: not-allowed;
  opacity: 0.3;
}
.el-color-picker-panel.is-disabled .el-color-predefine .el-color-predefine__color-selector {
  cursor: not-allowed;
  opacity: 0.3;
}

.el-color-predefine {
  display: flex;
  font-size: 12px;
  margin-top: 8px;
  width: 280px;
}
.el-color-predefine__colors {
  display: flex;
  gap: 8px;
  flex: 1;
  flex-wrap: wrap;
}

.el-color-predefine__color-selector {
  width: 20px;
  height: 20px;
  padding: 0;
  border-radius: var(--el-border-radius-base);
  border: none;
  outline: none;
  overflow: hidden;
  cursor: pointer;
}
.el-color-predefine__color-selector.selected {
  box-shadow: 0 0 3px 2px var(--el-color-primary);
}
.el-color-predefine__color-selector:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-color-predefine__color-selector > div {
  display: flex;
  height: 100%;
}
.el-color-predefine__color-selector.is-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.el-color-hue-slider {
  position: relative;
  box-sizing: border-box;
  width: 280px;
  height: 12px;
  background-color: #f00;
  padding: 0 2px;
  float: right;
}
.el-color-hue-slider__bar {
  position: relative;
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  height: 100%;
}

.el-color-hue-slider__thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid var(--el-border-color-lighter);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.el-color-hue-slider__thumb:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 1px;
}

.el-color-hue-slider.is-vertical {
  width: 12px;
  height: 180px;
  padding: 2px 0;
}
.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
  background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}

.el-color-svpanel {
  position: relative;
  width: 280px;
  height: 180px;
  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.el-color-svpanel__cursor {
  position: absolute;
  cursor: pointer;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  transform: translate(-2px, -2px);
}
.el-color-svpanel__cursor:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}

.el-color-alpha-slider {
  position: relative;
  box-sizing: border-box;
  width: 280px;
  height: 12px;
  background-image: linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
  background-size: 12px 12px;
  background-position: 0 0, 6px 0, 6px -6px, 0 6px;
}
.el-color-alpha-slider.is-disabled .el-color-alpha-slider__thumb {
  cursor: not-allowed;
}

.el-color-alpha-slider__bar {
  position: relative;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--el-bg-color) 100%);
  height: 100%;
}

.el-color-alpha-slider__thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid var(--el-border-color-lighter);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.el-color-alpha-slider__thumb:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 1px;
}

.el-color-alpha-slider.is-vertical {
  width: 20px;
  height: 180px;
}
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}

.el-color-picker-panel {
  --el-color-picker-alpha-bg-a: #ccc;
  --el-color-picker-alpha-bg-b: transparent;
}

.dark .el-color-picker-panel {
  --el-color-picker-alpha-bg-a: #333333;
}

/* just override what you need */
.el-color-picker {
  display: inline-block;
  position: relative;
  line-height: normal;
  outline: none;
  height: 32px;
  width: 32px;
}
.el-color-picker:hover:not(.is-disabled, .is-focused) .el-color-picker__trigger {
  border-color: var(--el-border-color-hover);
}
.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 1px;
}
.el-color-picker.is-focused .el-color-picker__trigger {
  border-color: var(--el-color-primary);
}

.el-color-picker.is-disabled .el-color-picker__trigger {
  cursor: not-allowed;
  background-color: var(--el-fill-color-light);
}
.el-color-picker.is-disabled .el-color-picker__color {
  opacity: 0.3;
}

.el-color-picker--large {
  height: 40px;
  width: 40px;
}

.el-color-picker--small {
  height: 30px;
  width: 30px;
}

.el-color-picker--small .el-color-picker__icon,
.el-color-picker--small .el-color-picker__empty {
  transform: scale(0.8);
}

.el-color-picker__trigger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  padding: 4px;
  border: 1px solid var(--el-border-color);
  border-radius: 4px;
  font-size: 0;
  position: relative;
  cursor: pointer;
}

.el-color-picker__color {
  position: relative;
  display: block;
  box-sizing: border-box;
  border: 1px solid var(--el-text-color-secondary);
  border-radius: var(--el-border-radius-small);
  width: 100%;
  height: 100%;
  text-align: center;
}
.el-color-picker__color.is-alpha {
  background-image: linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
  background-size: 12px 12px;
  background-position: 0 0, 6px 0, 6px -6px, 0 6px;
}

.el-color-picker__color-inner {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.el-color-picker .el-color-picker__empty {
  font-size: 12px;
  color: var(--el-text-color-secondary);
}
.el-color-picker .el-color-picker__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 12px;
}
.el-color-picker__panel {
  background-color: #ffffff;
  border-radius: var(--el-border-radius-base);
  box-shadow: var(--el-box-shadow-light);
}
.el-color-picker__panel.el-popper {
  border: 1px solid var(--el-border-color-lighter);
}

.el-color-picker,
.el-color-picker__panel {
  --el-color-picker-alpha-bg-a: #ccc;
  --el-color-picker-alpha-bg-b: transparent;
}

.dark .el-color-picker,
.dark .el-color-picker__panel {
  --el-color-picker-alpha-bg-a: #333333;
}

.el-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-basis: auto;
  box-sizing: border-box;
  min-width: 0;
}
.el-container.is-vertical {
  flex-direction: column;
}

/* just override what you need */
/* just override what you need */
.el-date-table {
  font-size: 12px;
  user-select: none;
}
.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
  color: var(--el-datepicker-text-color);
}
.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}

.el-date-table td {
  width: 32px;
  height: 30px;
  padding: 4px 0;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.el-date-table td .el-date-table-cell {
  height: 30px;
  padding: 3px 0;
  box-sizing: border-box;
}
.el-date-table td .el-date-table-cell .el-date-table-cell__text {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto;
  line-height: 24px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
.el-date-table td.next-month, .el-date-table td.prev-month {
  color: var(--el-datepicker-off-text-color);
}
.el-date-table td.today {
  position: relative;
}
.el-date-table td.today .el-date-table-cell__text {
  color: var(--el-color-primary);
  font-weight: bold;
}
.el-date-table td.today.start-date .el-date-table-cell__text, .el-date-table td.today.end-date .el-date-table-cell__text {
  color: #ffffff;
}
.el-date-table td.available:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-date-table td.in-range .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-date-table td.in-range .el-date-table-cell:hover {
  background-color: var(--el-datepicker-inrange-hover-bg-color);
}
.el-date-table td.current:not(.disabled) .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text {
  outline: 2px solid var(--el-datepicker-active-color);
  outline-offset: 1px;
}
.el-date-table td.start-date .el-date-table-cell, .el-date-table td.end-date .el-date-table-cell {
  color: #ffffff;
}
.el-date-table td.start-date .el-date-table-cell__text, .el-date-table td.end-date .el-date-table-cell__text {
  background-color: var(--el-datepicker-active-color);
}
.el-date-table td.start-date .el-date-table-cell {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.el-date-table td.end-date .el-date-table-cell {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.el-date-table td.disabled .el-date-table-cell {
  background-color: var(--el-fill-color-light);
  opacity: 1;
  cursor: not-allowed;
  color: var(--el-text-color-placeholder);
}
.el-date-table td.selected .el-date-table-cell {
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 15px;
}
.el-date-table td.selected .el-date-table-cell__text {
  background-color: var(--el-datepicker-active-color);
  color: #ffffff;
  border-radius: 15px;
}
.el-date-table td.week {
  font-size: 80%;
  color: var(--el-datepicker-off-text-color);
  cursor: default;
}
.el-date-table td:focus {
  outline: none;
}
.el-date-table th {
  padding: 5px;
  color: var(--el-datepicker-header-text-color);
  font-weight: 400;
  border-bottom: solid 1px var(--el-border-color-lighter);
}
.el-date-table th.el-date-table__week-header {
  padding: 0;
  width: 24px;
}

/* just override what you need */
.el-month-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.el-month-table td {
  width: 68px;
  text-align: center;
  padding: 8px 0;
  cursor: pointer;
  position: relative;
}
.el-month-table td .el-date-table-cell {
  height: 48px;
  padding: 6px 0;
  box-sizing: border-box;
}
.el-month-table td.today .el-date-table-cell__text {
  color: var(--el-color-primary);
  font-weight: bold;
}
.el-month-table td.today.start-date .el-date-table-cell__text, .el-month-table td.today.end-date .el-date-table-cell__text {
  color: #ffffff;
}
.el-month-table td.disabled .el-date-table-cell__text {
  background-color: var(--el-fill-color-light);
  cursor: not-allowed;
  color: var(--el-text-color-placeholder);
}
.el-month-table td.disabled .el-date-table-cell__text:hover {
  color: var(--el-text-color-placeholder);
}
.el-month-table td .el-date-table-cell__text {
  width: 54px;
  height: 36px;
  display: block;
  line-height: 36px;
  color: var(--el-datepicker-text-color);
  margin: 0 auto;
  border-radius: 18px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.el-month-table td .el-date-table-cell__text:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-month-table td.in-range .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-month-table td.in-range .el-date-table-cell:hover {
  background-color: var(--el-datepicker-inrange-hover-bg-color);
}
.el-month-table td.start-date .el-date-table-cell, .el-month-table td.end-date .el-date-table-cell {
  color: #ffffff;
}
.el-month-table td.start-date .el-date-table-cell__text, .el-month-table td.end-date .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-month-table td.start-date .el-date-table-cell {
  margin-left: 3px;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.el-month-table td.end-date .el-date-table-cell {
  margin-right: 3px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.el-month-table td.current:not(.disabled) .el-date-table-cell {
  border-radius: 24px;
  margin-left: 3px;
  margin-right: 3px;
}
.el-month-table td.current:not(.disabled) .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-month-table td:focus-visible {
  outline: none;
}
.el-month-table td:focus-visible .el-date-table-cell__text {
  outline: 2px solid var(--el-datepicker-active-color);
  outline-offset: 1px;
}

/* just override what you need */
.el-year-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.el-year-table .el-icon {
  color: var(--el-datepicker-icon-color);
}
.el-year-table td {
  width: 68px;
  text-align: center;
  padding: 8px 0px;
  cursor: pointer;
  position: relative;
}
.el-year-table td .el-date-table-cell {
  height: 48px;
  padding: 6px 0;
  box-sizing: border-box;
}
.el-year-table td.today .el-date-table-cell__text {
  color: var(--el-color-primary);
  font-weight: bold;
}
.el-year-table td.today.start-date .el-date-table-cell__text, .el-year-table td.today.end-date .el-date-table-cell__text {
  color: #ffffff;
}
.el-year-table td.disabled .el-date-table-cell__text {
  background-color: var(--el-fill-color-light);
  cursor: not-allowed;
  color: var(--el-text-color-placeholder);
}
.el-year-table td.disabled .el-date-table-cell__text:hover {
  color: var(--el-text-color-placeholder);
}
.el-year-table td .el-date-table-cell__text {
  width: 60px;
  height: 36px;
  display: block;
  line-height: 36px;
  color: var(--el-datepicker-text-color);
  border-radius: 18px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.el-year-table td .el-date-table-cell__text:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-year-table td.in-range .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-year-table td.in-range .el-date-table-cell:hover {
  background-color: var(--el-datepicker-inrange-hover-bg-color);
}
.el-year-table td.start-date .el-date-table-cell, .el-year-table td.end-date .el-date-table-cell {
  color: #ffffff;
}
.el-year-table td.start-date .el-date-table-cell__text, .el-year-table td.end-date .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-year-table td.start-date .el-date-table-cell {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.el-year-table td.end-date .el-date-table-cell {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.el-year-table td.current:not(.disabled) .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-year-table td:focus-visible {
  outline: none;
}
.el-year-table td:focus-visible .el-date-table-cell__text {
  outline: 2px solid var(--el-datepicker-active-color);
  outline-offset: 1px;
}

/* just override what you need */
.el-time-spinner.has-seconds .el-time-spinner__wrapper {
  width: 33.3%;
}
.el-time-spinner__wrapper {
  max-height: 192px;
  overflow: auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative;
}
.el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px;
}
.el-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  transform: translateY(-32px);
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  background: var(--el-fill-color-light);
  cursor: default;
}

.el-time-spinner__arrow {
  font-size: 12px;
  color: var(--el-text-color-secondary);
  position: absolute;
  left: 0;
  width: 100%;
  z-index: var(--el-index-normal);
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.el-time-spinner__arrow:hover {
  color: var(--el-color-primary);
}
.el-time-spinner__arrow.arrow-up {
  top: 10px;
}
.el-time-spinner__arrow.arrow-down {
  bottom: 10px;
}

.el-time-spinner__input.el-input {
  width: 70%;
}
.el-time-spinner__input.el-input .el-input__inner {
  padding: 0;
  text-align: center;
}

.el-time-spinner__list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.el-time-spinner__list::after, .el-time-spinner__list::before {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
}

.el-time-spinner__item {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: var(--el-text-color-regular);
}
.el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  background: var(--el-fill-color-light);
  cursor: pointer;
}
.el-time-spinner__item.is-active:not(.is-disabled) {
  color: var(--el-text-color-primary);
  font-weight: bold;
}
.el-time-spinner__item.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}

/* just override what you need */
.el-picker__popper {
  --el-datepicker-border-color: var(--el-disabled-border-color);
}
.el-picker__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-datepicker-border-color);
  box-shadow: var(--el-box-shadow-light);
}
.el-picker__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-datepicker-border-color);
}
.el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.el-date-editor {
  --el-date-editor-width: 220px;
  --el-date-editor-monthrange-width: 300px;
  --el-date-editor-daterange-width: 350px;
  --el-date-editor-datetimerange-width: 400px;
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: none;
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: transparent;
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--color-background-bg2);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: transparent;
  --el-input-clear-hover-color: transparent;
  --el-input-focus-border-color: transparent;
  --el-input-width: 100%;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.el-date-editor.el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-border-color, transparent) inset;
}
.el-date-editor.el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-date-editor.is-focus .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-date-editor.el-input, .el-date-editor.el-input__wrapper {
  width: var(--el-date-editor-width);
  height: var(--el-input-height, var(--el-component-size));
}
.el-date-editor--monthrange {
  --el-date-editor-width: var(--el-date-editor-monthrange-width);
}

.el-date-editor--daterange, .el-date-editor--timerange {
  --el-date-editor-width: var(--el-date-editor-daterange-width);
}

.el-date-editor--datetimerange {
  --el-date-editor-width: var(--el-date-editor-datetimerange-width);
}

.el-date-editor--dates .el-input__wrapper {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-date-editor .close-icon {
  cursor: pointer;
}
.el-date-editor .clear-icon {
  cursor: pointer;
}
.el-date-editor .clear-icon:hover {
  color: var(--el-input-clear-hover-color);
}
.el-date-editor .el-range__icon {
  height: inherit;
  font-size: 14px;
  color: var(--el-text-color-placeholder);
  float: left;
}
.el-date-editor .el-range__icon svg {
  vertical-align: middle;
}
.el-date-editor .el-range-input {
  appearance: none;
  border: none;
  outline: none;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  width: 39%;
  text-align: center;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-regular);
  background-color: transparent;
}
.el-date-editor .el-range-input::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-date-editor .el-range-separator {
  flex: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  font-size: 14px;
  overflow-wrap: break-word;
  color: var(--el-text-color-primary);
}
.el-date-editor .el-range__close-icon {
  font-size: 14px;
  color: var(--el-text-color-placeholder);
  height: inherit;
  width: unset;
  cursor: pointer;
}
.el-date-editor .el-range__close-icon:hover {
  color: var(--el-input-clear-hover-color);
}
.el-date-editor .el-range__close-icon svg {
  vertical-align: middle;
}
.el-date-editor .el-range__close-icon--hidden {
  opacity: 0;
  visibility: hidden;
}

.el-range-editor.el-input__wrapper {
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  vertical-align: middle;
}
.el-range-editor.is-active {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-range-editor.is-active:hover {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-range-editor--large {
  line-height: var(--el-component-size-large);
}
.el-range-editor--large.el-input__wrapper {
  height: var(--el-component-size-large);
}
.el-range-editor--large .el-range-separator {
  line-height: 40px;
  font-size: 14px;
}
.el-range-editor--large .el-range-input {
  height: 38px;
  line-height: 38px;
  font-size: 14px;
}

.el-range-editor--small {
  line-height: var(--el-component-size-small);
}
.el-range-editor--small.el-input__wrapper {
  height: var(--el-component-size-small);
}
.el-range-editor--small .el-range-separator {
  line-height: 30px;
  font-size: 12px;
}
.el-range-editor--small .el-range-input {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}

.el-range-editor.is-disabled {
  background-color: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
  border-color: var(--el-disabled-border-color);
}
.el-range-editor.is-disabled input {
  background-color: var(--el-disabled-bg-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-range-editor.is-disabled input::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-range-editor.is-disabled .el-range-separator {
  color: var(--el-disabled-text-color);
}

/* just override what you need */
/* just override what you need */
/* just override what you need */
.el-picker-panel {
  color: var(--el-text-color-regular);
  background: var(--el-datepicker-bg-color);
  border-radius: var(--el-popper-border-radius, var(--el-border-radius-base));
  line-height: 30px;
}
.el-picker-panel .el-time-panel {
  margin: 5px 0;
  border: solid 1px var(--el-datepicker-border-color);
  background-color: var(--el-datepicker-bg-color);
  box-shadow: var(--el-box-shadow-light);
}
.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.el-picker-panel__content {
  position: relative;
  margin: 15px;
}

.el-picker-panel__footer {
  border-top: 1px solid var(--el-datepicker-inner-border-color);
  padding: 4px 12px;
  text-align: right;
  background-color: var(--el-datepicker-bg-color);
  position: relative;
  font-size: 0;
}

.el-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 14px;
  color: var(--el-datepicker-text-color);
  padding-left: 12px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.el-picker-panel__shortcut:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: var(--el-datepicker-active-color);
}

.el-picker-panel__btn {
  border: 1px solid var(--el-fill-color-darker);
  color: var(--el-text-color-primary);
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}
.el-picker-panel__btn[disabled] {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}

.el-picker-panel__icon-btn {
  font-size: 12px;
  color: var(--el-datepicker-icon-color);
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  line-height: 1;
  margin-top: 8px;
  padding: 1px 6px;
}
.el-picker-panel__icon-btn:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__icon-btn:focus-visible {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__icon-btn.is-disabled {
  color: var(--el-text-color-disabled);
}
.el-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}
.el-picker-panel__icon-btn.is-disabled .el-icon {
  cursor: inherit;
}

.el-picker-panel__icon-btn .el-icon {
  cursor: pointer;
  font-size: inherit;
}

.el-picker-panel__link-btn {
  vertical-align: middle;
}

.el-picker-panel.is-disabled .el-picker-panel__prev-btn {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__prev-btn:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__prev-btn .el-icon {
  cursor: inherit;
}

.el-picker-panel.is-disabled .el-picker-panel__next-btn {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__next-btn:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__next-btn .el-icon {
  cursor: inherit;
}

.el-picker-panel.is-disabled .el-picker-panel__icon-btn {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__icon-btn:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__icon-btn .el-icon {
  cursor: inherit;
}

.el-picker-panel.is-disabled .el-picker-panel__shortcut {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__shortcut:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__shortcut .el-icon {
  cursor: inherit;
}

.el-picker-panel *[slot=sidebar],
.el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid var(--el-datepicker-inner-border-color);
  box-sizing: border-box;
  padding-top: 6px;
  overflow: auto;
}

.el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 110px;
}

.el-date-picker {
  --el-datepicker-text-color: var(--el-text-color-regular);
  --el-datepicker-off-text-color: var(--el-text-color-placeholder);
  --el-datepicker-header-text-color: var(--el-text-color-regular);
  --el-datepicker-icon-color: var(--el-text-color-primary);
  --el-datepicker-border-color: var(--el-disabled-border-color);
  --el-datepicker-inner-border-color: var(--el-border-color-light);
  --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-active-color: var(--el-color-primary);
  --el-datepicker-hover-text-color: var(--el-color-primary);
  --el-datepicker-bg-color: var(--el-bg-color-overlay);
  --el-fill-color-blank: var(--el-datepicker-bg-color);
}

.el-date-picker {
  width: 322px;
}
.el-date-picker.has-sidebar.has-time {
  width: 434px;
}
.el-date-picker.has-sidebar {
  width: 438px;
}
.el-date-picker.has-time .el-picker-panel__body-wrapper {
  position: relative;
}
.el-date-picker .el-picker-panel__content {
  width: 292px;
}
.el-date-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-picker__editor-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}

.el-date-picker__time-header {
  position: relative;
  border-bottom: 1px solid var(--el-datepicker-inner-border-color);
  font-size: 12px;
  padding: 8px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.el-date-picker__header {
  padding: 12px 12px 0;
  text-align: center;
}
.el-date-picker__header--bordered {
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: solid 1px var(--el-border-color-lighter);
}
.el-date-picker__header--bordered + .el-picker-panel__content {
  margin-top: 0;
}

.el-date-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: var(--el-text-color-regular);
}
.el-date-picker__header-label:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-date-picker__header-label:focus-visible {
  outline: none;
  color: var(--el-datepicker-hover-text-color);
}
.el-date-picker__header-label.active {
  color: var(--el-datepicker-active-color);
}

.el-date-picker__prev-btn {
  float: left;
}

.el-date-picker__next-btn {
  float: right;
}

.el-date-picker__time-wrap {
  padding: 10px;
  text-align: center;
}

.el-date-picker__time-label {
  float: left;
  cursor: pointer;
  line-height: 30px;
  margin-left: 10px;
}

.el-date-picker .el-time-panel {
  position: absolute;
}
.el-date-picker.is-disabled .el-date-picker__header-label {
  color: var(--el-text-color-disabled);
}
.el-date-picker.is-disabled .el-date-picker__header-label:hover {
  cursor: not-allowed;
}
.el-date-picker.is-disabled .el-date-picker__header-label .el-icon {
  cursor: inherit;
}

/* just override what you need */
.el-date-range-picker {
  --el-datepicker-text-color: var(--el-text-color-regular);
  --el-datepicker-off-text-color: var(--el-text-color-placeholder);
  --el-datepicker-header-text-color: var(--el-text-color-regular);
  --el-datepicker-icon-color: var(--el-text-color-primary);
  --el-datepicker-border-color: var(--el-disabled-border-color);
  --el-datepicker-inner-border-color: var(--el-border-color-light);
  --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-active-color: var(--el-color-primary);
  --el-datepicker-hover-text-color: var(--el-color-primary);
  --el-datepicker-bg-color: var(--el-bg-color-overlay);
}

.el-date-range-picker {
  width: 646px;
}
.el-date-range-picker.has-sidebar {
  width: 756px;
}
.el-date-range-picker.has-time .el-picker-panel__body-wrapper {
  position: relative;
}
.el-date-range-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-range-picker .el-picker-panel__body {
  min-width: 513px;
}
.el-date-range-picker .el-picker-panel__content {
  margin: 0;
}
.el-date-range-picker__header {
  position: relative;
  text-align: center;
  height: 28px;
}
.el-date-range-picker__header [class*=arrow-left] {
  float: left;
}
.el-date-range-picker__header [class*=arrow-right] {
  float: right;
}
.el-date-range-picker__header div {
  font-size: 16px;
  font-weight: 500;
  margin-right: 50px;
}

.el-date-range-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: var(--el-text-color-regular);
}
.el-date-range-picker__header-label:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-date-range-picker__header-label:focus-visible {
  outline: none;
  color: var(--el-datepicker-hover-text-color);
}
.el-date-range-picker__header-label.active {
  color: var(--el-datepicker-active-color);
}

.el-date-range-picker__content {
  display: table-cell;
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
}
.el-date-range-picker__content.is-left {
  border-right: 1px solid var(--el-datepicker-inner-border-color);
}

.el-date-range-picker__content .el-date-range-picker__header div {
  margin-left: 50px;
  margin-right: 50px;
}

.el-date-range-picker__editors-wrap {
  box-sizing: border-box;
  display: table-cell;
}
.el-date-range-picker__editors-wrap.is-right {
  text-align: right;
}

.el-date-range-picker__time-header {
  position: relative;
  border-bottom: 1px solid var(--el-datepicker-inner-border-color);
  font-size: 12px;
  padding: 8px 5px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.el-date-range-picker__time-header > .el-icon-arrow-right {
  font-size: 20px;
  vertical-align: middle;
  display: table-cell;
  color: var(--el-datepicker-icon-color);
}

.el-date-range-picker__time-picker-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}
.el-date-range-picker__time-picker-wrap .el-picker-panel {
  position: absolute;
  top: 13px;
  right: 0;
  z-index: 1;
  background: #ffffff;
}
.el-date-range-picker__time-picker-wrap .el-time-panel {
  position: absolute;
}

.el-date-range-picker.is-disabled .el-date-range-picker__header-label {
  color: var(--el-text-color-disabled);
}
.el-date-range-picker.is-disabled .el-date-range-picker__header-label:hover {
  cursor: not-allowed;
}
.el-date-range-picker.is-disabled .el-date-range-picker__header-label .el-icon {
  cursor: inherit;
}

/* just override what you need */
.el-time-range-picker {
  width: 354px;
  overflow: visible;
}
.el-time-range-picker__content {
  position: relative;
  text-align: center;
  padding: 10px;
  z-index: 1;
}

.el-time-range-picker__cell {
  box-sizing: border-box;
  margin: 0;
  padding: 4px 7px 7px;
  width: 50%;
  display: inline-block;
}

.el-time-range-picker__header {
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px;
}

.el-time-range-picker__body {
  border-radius: 2px;
  border: 1px solid var(--el-datepicker-border-color);
}

/* just override what you need */
.el-time-panel {
  border-radius: 2px;
  position: relative;
  width: 180px;
  left: 0;
  z-index: var(--el-index-top);
  user-select: none;
  box-sizing: content-box;
}
.el-time-panel__content {
  font-size: 0;
  position: relative;
  overflow: hidden;
}
.el-time-panel__content::after, .el-time-panel__content::before {
  content: "";
  top: 50%;
  position: absolute;
  margin-top: -16px;
  height: 32px;
  z-index: -1;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: left;
}
.el-time-panel__content::after {
  left: 50%;
  margin-left: 12%;
  margin-right: 12%;
}
.el-time-panel__content::before {
  padding-left: 50%;
  margin-right: 12%;
  margin-left: 12%;
  border-top: 1px solid var(--el-border-color-light);
  border-bottom: 1px solid var(--el-border-color-light);
}
.el-time-panel__content.has-seconds::after {
  left: 66.6666666667%;
}
.el-time-panel__content.has-seconds::before {
  padding-left: 33.3333333333%;
}

.el-time-panel__footer {
  border-top: 1px solid var(--el-timepicker-inner-border-color, var(--el-border-color-light));
  padding: 4px;
  height: 36px;
  line-height: 25px;
  text-align: right;
  box-sizing: border-box;
}

.el-time-panel__btn {
  border: none;
  line-height: 28px;
  padding: 0 5px;
  margin: 0 5px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
  color: var(--el-text-color-primary);
}
.el-time-panel__btn.confirm {
  font-weight: 800;
  color: var(--el-timepicker-active-color, var(--el-color-primary));
}

.el-picker-panel.is-border {
  border: solid 1px var(--el-border-color-lighter);
}
.el-picker-panel.is-border .el-picker-panel__body-wrapper {
  position: relative;
}

.el-picker-panel.is-border.el-picker-panel *[slot=sidebar], .el-picker-panel.is-border.el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  height: 100%;
  width: 110px;
  border-right: 1px solid var(--el-datepicker-inner-border-color);
  box-sizing: border-box;
  padding-top: 6px;
  overflow: auto;
}

/* just override what you need */
.el-descriptions {
  --el-descriptions-table-border: 1px solid var(--el-border-color-lighter);
  --el-descriptions-item-bordered-label-background: var(--el-fill-color-light);
  box-sizing: border-box;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-primary);
}
.el-descriptions__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.el-descriptions__title {
  color: var(--el-text-color-primary);
  font-size: 16px;
  font-weight: bold;
}

.el-descriptions__body {
  background-color: var(--el-fill-color-blank);
}
.el-descriptions__body .el-descriptions__table {
  border-collapse: collapse;
  width: 100%;
}
.el-descriptions__body .el-descriptions__table .el-descriptions__cell {
  box-sizing: border-box;
  text-align: left;
  line-height: 23px;
  font-size: 14px;
}
.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left {
  text-align: left;
}

.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-center {
  text-align: center;
}

.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-right {
  text-align: right;
}

.el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
  border: var(--el-descriptions-table-border);
  padding: 8px 11px;
}
.el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
  padding-bottom: 12px;
}

.el-descriptions--large {
  font-size: 14px;
}
.el-descriptions--large .el-descriptions__header {
  margin-bottom: 20px;
}
.el-descriptions--large .el-descriptions__header .el-descriptions__title {
  font-size: 16px;
}

.el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
  font-size: 14px;
}
.el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
  padding: 12px 15px;
}
.el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
  padding-bottom: 16px;
}

.el-descriptions--small {
  font-size: 12px;
}
.el-descriptions--small .el-descriptions__header {
  margin-bottom: 12px;
}
.el-descriptions--small .el-descriptions__header .el-descriptions__title {
  font-size: 14px;
}

.el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
  font-size: 12px;
}
.el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
  padding: 4px 7px;
}
.el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
  padding-bottom: 8px;
}

/* just override what you need */
.el-descriptions__label.el-descriptions__cell.is-bordered-label {
  font-weight: bold;
  color: var(--el-text-color-regular);
  background: var(--el-descriptions-item-bordered-label-background);
}
.el-descriptions__label:not(.is-bordered-label) {
  color: var(--el-text-color-primary);
  margin-right: 16px;
}
.el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  padding-bottom: 6px;
}

.el-descriptions__content.el-descriptions__cell.is-bordered-content {
  color: var(--el-text-color-primary);
}
.el-descriptions__content:not(.is-bordered-label) {
  color: var(--el-text-color-regular);
}

.el-descriptions--large .el-descriptions__label:not(.is-bordered-label) {
  margin-right: 16px;
}
.el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  padding-bottom: 8px;
}

.el-descriptions--small .el-descriptions__label:not(.is-bordered-label) {
  margin-right: 12px;
}
.el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  padding-bottom: 4px;
}

/* just override what you need */
/* just override what you need */
:root {
  --el-popup-modal-bg-color: var(--el-color-black);
  --el-popup-modal-opacity: 0.5;
}

.v-modal-enter {
  animation: v-modal-in var(--el-transition-duration-fast) ease;
}

.v-modal-leave {
  animation: v-modal-out var(--el-transition-duration-fast) ease forwards;
}

@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}
@keyframes v-modal-out {
  100% {
    opacity: 0;
  }
}
.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: var(--el-popup-modal-opacity);
  background: var(--el-popup-modal-bg-color);
}

.el-popup-parent--hidden {
  overflow: hidden;
}

.el-dialog {
  --el-dialog-width: 50%;
  --el-dialog-margin-top: 15vh;
  --el-dialog-bg-color: var(--el-bg-color);
  --el-dialog-box-shadow: var(--el-box-shadow);
  --el-dialog-title-font-size: var(--el-font-size-large);
  --el-dialog-content-font-size: 14px;
  --el-dialog-font-line-height: var(--el-font-line-height-primary);
  --el-dialog-padding-primary: 16px;
  --el-dialog-border-radius: var(--el-border-radius-base);
  position: relative;
  margin: var(--el-dialog-margin-top, 15vh) auto 50px;
  background: var(--el-dialog-bg-color);
  border-radius: var(--el-dialog-border-radius);
  box-shadow: var(--el-dialog-box-shadow);
  box-sizing: border-box;
  padding: var(--el-dialog-padding-primary);
  width: var(--el-dialog-width, 50%);
  overflow-wrap: break-word;
}
.el-dialog:focus {
  outline: none !important;
}
.el-dialog.is-align-center {
  margin: auto;
}

.el-dialog.is-fullscreen {
  --el-dialog-width: 100%;
  --el-dialog-margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  overflow: auto;
  border-radius: 0px;
}

.el-dialog__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
}

.el-dialog.is-draggable .el-dialog__header {
  cursor: move;
  user-select: none;
}

.el-dialog__header {
  padding-bottom: var(--el-dialog-padding-primary);
}
.el-dialog__header.show-close {
  padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px));
}

.el-dialog__headerbtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 48px;
  height: 48px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: var(--el-message-close-size, 16px);
}
.el-dialog__headerbtn .el-dialog__close {
  color: var(--el-color-info);
  font-size: inherit;
}
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
  color: var(--el-color-primary);
}

.el-dialog__title {
  line-height: var(--el-dialog-font-line-height);
  font-size: var(--el-dialog-title-font-size);
  color: var(--el-text-color-primary);
}

.el-dialog__body {
  color: var(--el-text-color-regular);
  font-size: var(--el-dialog-content-font-size);
}

.el-dialog__footer {
  padding-top: var(--el-dialog-padding-primary);
  text-align: right;
  box-sizing: border-box;
}

.el-dialog--center {
  text-align: center;
}
.el-dialog--center .el-dialog__body {
  text-align: initial;
}

.el-dialog--center .el-dialog__footer {
  text-align: inherit;
}

.el-modal-dialog.is-penetrable {
  pointer-events: none;
}
.el-modal-dialog.is-penetrable .el-dialog {
  pointer-events: auto;
}

.el-overlay-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.el-overlay-dialog.is-closing .el-dialog {
  pointer-events: none;
}

.dialog-fade-enter-active {
  animation: modal-fade-in var(--el-transition-duration);
}
.dialog-fade-enter-active .el-overlay-dialog {
  animation: dialog-fade-in var(--el-transition-duration);
}

.dialog-fade-leave-active {
  animation: modal-fade-out var(--el-transition-duration);
}
.dialog-fade-leave-active .el-overlay-dialog {
  animation: dialog-fade-out var(--el-transition-duration);
}

@keyframes dialog-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes dialog-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
@keyframes modal-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes modal-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* just override what you need */
.el-divider {
  position: relative;
}
.el-divider--horizontal {
  display: block;
  height: 1px;
  width: 100%;
  margin: 24px 0;
  border-top: 1px var(--el-border-color) var(--el-border-style);
}

.el-divider--vertical {
  display: inline-block;
  width: 1px;
  height: 1em;
  margin: 0 8px;
  vertical-align: middle;
  position: relative;
  border-left: 1px var(--el-border-color) var(--el-border-style);
}

.el-divider__text {
  position: absolute;
  background-color: var(--el-bg-color);
  padding: 0 20px;
  font-weight: 500;
  color: var(--el-text-color-primary);
  font-size: 14px;
}
.el-divider__text.is-left {
  left: 20px;
  transform: translateY(-50%);
}

.el-divider__text.is-center {
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.el-divider__text.is-right {
  right: 20px;
  transform: translateY(-50%);
}

/* just override what you need */
.el-overlay.is-drawer {
  overflow: hidden;
}

.el-drawer {
  --el-drawer-bg-color: var(--el-dialog-bg-color, var(--el-bg-color));
  --el-drawer-padding-primary: var(--el-dialog-padding-primary, 20px);
  --el-drawer-dragger-size: 8px;
}

.el-drawer {
  position: absolute;
  box-sizing: border-box;
  background-color: var(--el-drawer-bg-color);
  display: flex;
  flex-direction: column;
  box-shadow: var(--el-box-shadow-dark);
  transition: all var(--el-transition-duration);
}
.el-drawer .rtl {
  transform: translate(0, 0);
}
.el-drawer .ltr {
  transform: translate(0, 0);
}
.el-drawer .ttb {
  transform: translate(0, 0);
}
.el-drawer .btt {
  transform: translate(0, 0);
}
.el-drawer__sr-focus:focus {
  outline: none !important;
}
.el-drawer__header {
  align-items: center;
  color: var(--el-text-color-primary);
  display: flex;
  margin-bottom: 32px;
  padding: var(--el-drawer-padding-primary);
  padding-bottom: 0;
  overflow: hidden;
}
.el-drawer__header > :first-child {
  flex: 1;
}
.el-drawer__title {
  margin: 0;
  flex: 1;
  line-height: inherit;
  font-size: 16px;
}
.el-drawer__footer {
  padding: var(--el-drawer-padding-primary);
  padding-top: 10px;
  text-align: right;
  overflow: hidden;
}

.el-drawer__close-btn {
  display: inline-flex;
  border: none;
  cursor: pointer;
  font-size: var(--el-font-size-extra-large);
  color: inherit;
  background-color: transparent;
  outline: none;
}
.el-drawer__close-btn:focus i, .el-drawer__close-btn:hover i {
  color: var(--el-color-primary);
}
.el-drawer__body {
  flex: 1;
  padding: var(--el-drawer-padding-primary);
  overflow: auto;
}
.el-drawer__body > * {
  box-sizing: border-box;
}
.el-drawer.is-dragging {
  transition: none;
}

.el-drawer__dragger {
  position: absolute;
  background-color: transparent;
  user-select: none;
  transition: all 0.2s;
}
.el-drawer__dragger::before {
  content: "";
  position: absolute;
  background-color: transparent;
  transition: all 0.2s;
}
.el-drawer__dragger:hover::before {
  background-color: var(--el-color-primary);
}

.el-drawer.ltr, .el-drawer.rtl {
  height: 100%;
  top: 0;
  bottom: 0;
}
.el-drawer.ltr > .el-drawer__dragger, .el-drawer.rtl > .el-drawer__dragger {
  height: 100%;
  width: var(--el-drawer-dragger-size);
  top: 0;
  bottom: 0;
  cursor: ew-resize;
}
.el-drawer.ltr > .el-drawer__dragger::before, .el-drawer.rtl > .el-drawer__dragger::before {
  top: 0;
  bottom: 0;
  width: 3px;
}
.el-drawer.ttb, .el-drawer.btt {
  width: 100%;
  left: 0;
  right: 0;
}
.el-drawer.ttb > .el-drawer__dragger, .el-drawer.btt > .el-drawer__dragger {
  width: 100%;
  height: var(--el-drawer-dragger-size);
  left: 0;
  right: 0;
  cursor: ns-resize;
}
.el-drawer.ttb > .el-drawer__dragger::before, .el-drawer.btt > .el-drawer__dragger::before {
  left: 0;
  right: 0;
  height: 3px;
}
.el-drawer.ltr {
  left: 0;
}
.el-drawer.ltr > .el-drawer__dragger {
  right: 0;
}
.el-drawer.ltr > .el-drawer__dragger::before {
  right: -2px;
}
.el-drawer.rtl {
  right: 0;
}
.el-drawer.rtl > .el-drawer__dragger {
  left: 0;
}
.el-drawer.rtl > .el-drawer__dragger::before {
  left: -2px;
}
.el-drawer.ttb {
  top: 0;
}
.el-drawer.ttb > .el-drawer__dragger {
  bottom: 0;
}
.el-drawer.ttb > .el-drawer__dragger::before {
  bottom: -2px;
}
.el-drawer.btt {
  bottom: 0;
}
.el-drawer.btt > .el-drawer__dragger {
  top: 0;
}
.el-drawer.btt > .el-drawer__dragger::before {
  top: -2px;
}

.el-modal-drawer.is-penetrable {
  pointer-events: none;
}
.el-modal-drawer.is-penetrable .el-drawer {
  pointer-events: auto;
}

.el-drawer-fade-enter-active, .el-drawer-fade-leave-active {
  transition: all var(--el-transition-duration);
}
.el-drawer-fade-enter-from, .el-drawer-fade-enter-active, .el-drawer-fade-enter-to, .el-drawer-fade-leave-from, .el-drawer-fade-leave-active, .el-drawer-fade-leave-to {
  overflow: hidden !important;
}
.el-drawer-fade-enter-from, .el-drawer-fade-leave-to {
  background-color: transparent !important;
}
.el-drawer-fade-enter-from .rtl, .el-drawer-fade-leave-to .rtl {
  transform: translateX(100%);
}
.el-drawer-fade-enter-from .ltr, .el-drawer-fade-leave-to .ltr {
  transform: translateX(-100%);
}
.el-drawer-fade-enter-from .ttb, .el-drawer-fade-leave-to .ttb {
  transform: translateY(-100%);
}
.el-drawer-fade-enter-from .btt, .el-drawer-fade-leave-to .btt {
  transform: translateY(100%);
}

/* just override what you need */
.el-dropdown {
  --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  --el-dropdown-menuItem-hover-fill: transparent;
  --el-dropdown-menuItem-hover-color: var(--color-primary);
  --el-dropdown-menu-index: 10;
  display: inline-flex;
  position: relative;
  color: var(--el-text-color-regular);
  font-size: var(--el-font-size-base);
  line-height: 1;
  vertical-align: top;
}
.el-dropdown.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}
.el-dropdown__popper {
  --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  --el-dropdown-menuItem-hover-fill: transparent;
  --el-dropdown-menuItem-hover-color: var(--color-primary);
  --el-dropdown-menu-index: 10;
}
.el-dropdown__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  box-shadow: var(--el-dropdown-menu-box-shadow);
}
.el-dropdown__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
}
.el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.el-dropdown__popper .el-dropdown-menu {
  border: none;
}
.el-dropdown__popper .el-dropdown__popper-selfdefine {
  outline: none;
}
.el-dropdown__popper .el-scrollbar__bar {
  z-index: calc(var(--el-dropdown-menu-index) + 1);
}
.el-dropdown__popper .el-dropdown__list {
  list-style: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.el-dropdown .el-dropdown__caret-button {
  padding-left: 0;
  padding-right: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  border-left: none;
}
.el-dropdown .el-dropdown__caret-button > span {
  display: inline-flex;
}
.el-dropdown .el-dropdown__caret-button::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  top: -1px;
  bottom: -1px;
  left: 0;
  background: var(--el-overlay-color-lighter);
}
.el-dropdown .el-dropdown__caret-button.el-button::before {
  background: var(--el-border-color);
  opacity: 0.5;
}
.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
  font-size: inherit;
  padding-left: 0;
}
.el-dropdown .el-dropdown-selfdefine {
  outline: none;
}
.el-dropdown--large .el-dropdown__caret-button {
  width: 40px;
}

.el-dropdown--small .el-dropdown__caret-button {
  width: 30px;
}

.el-dropdown-menu {
  position: relative;
  top: 0;
  left: 0;
  z-index: var(--el-dropdown-menu-index);
  padding: 6px 0;
  margin: 0;
  background-color: var(--el-bg-color-overlay);
  border: none;
  border-radius: var(--el-border-radius-base);
  box-shadow: none;
  list-style: none;
}
.el-dropdown-menu__item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  list-style: none;
  line-height: 22px;
  padding: 5px 16px;
  margin: 0;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-regular);
  cursor: pointer;
  outline: none;
}
.el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:not(.is-disabled):focus {
  background-color: var(--el-dropdown-menuItem-hover-fill);
  color: var(--el-dropdown-menuItem-hover-color);
}
.el-dropdown-menu__item i {
  margin-right: 5px;
}
.el-dropdown-menu__item--divided {
  margin: 6px 0;
  border-top: 1px solid var(--el-border-color-lighter);
}

.el-dropdown-menu__item.is-disabled {
  cursor: not-allowed;
  color: var(--el-text-color-disabled);
}

.el-dropdown-menu--large {
  padding: 8px 0;
}
.el-dropdown-menu--large .el-dropdown-menu__item {
  padding: 7px 20px;
  line-height: 22px;
  font-size: 14px;
}
.el-dropdown-menu--large .el-dropdown-menu__item--divided {
  margin: 8px 0;
}

.el-dropdown-menu--small {
  padding: 4px 0;
}
.el-dropdown-menu--small .el-dropdown-menu__item {
  padding: 2px 12px;
  line-height: 20px;
  font-size: 12px;
}
.el-dropdown-menu--small .el-dropdown-menu__item--divided {
  margin: 4px 0;
}

/* just override what you need */
.el-empty {
  --el-empty-padding: 40px 0;
  --el-empty-image-width: 160px;
  --el-empty-description-margin-top: 20px;
  --el-empty-bottom-margin-top: 20px;
  --el-empty-fill-color-0: var(--el-color-white);
  --el-empty-fill-color-1: #fcfcfd;
  --el-empty-fill-color-2: #f8f9fb;
  --el-empty-fill-color-3: #f7f8fc;
  --el-empty-fill-color-4: #eeeff3;
  --el-empty-fill-color-5: #edeef2;
  --el-empty-fill-color-6: #e9ebef;
  --el-empty-fill-color-7: #e5e7e9;
  --el-empty-fill-color-8: #e0e3e9;
  --el-empty-fill-color-9: #d5d7de;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  padding: var(--el-empty-padding);
}
.el-empty__image {
  width: var(--el-empty-image-width);
}
.el-empty__image img {
  user-select: none;
  width: 100%;
  height: 100%;
  vertical-align: top;
  object-fit: contain;
}
.el-empty__image svg {
  color: var(--el-svg-monochrome-grey);
  fill: currentColor;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.el-empty__description {
  margin-top: var(--el-empty-description-margin-top);
}
.el-empty__description p {
  margin: 0;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-secondary);
}

.el-empty__bottom {
  margin-top: var(--el-empty-bottom-margin-top);
}

/* just override what you need */
.el-footer {
  --el-footer-padding: 0 20px;
  --el-footer-height: 60px;
  padding: var(--el-footer-padding);
  box-sizing: border-box;
  flex-shrink: 0;
  height: var(--el-footer-height);
}

/* just override what you need */
.el-form-item {
  display: flex;
  --font-size: 14px;
  margin-bottom: 18px;
}
.el-form-item .el-form-item {
  margin-bottom: 0;
}
.el-form-item .el-input__validateIcon {
  display: none;
}
.el-form-item--large {
  --font-size: 14px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 22px;
}
.el-form-item--large .el-form-item__label {
  height: 40px;
  line-height: 40px;
}

.el-form-item--large .el-form-item__content {
  line-height: 40px;
}

.el-form-item--large .el-form-item__error {
  padding-top: 4px;
}

.el-form-item--default {
  --font-size: 14px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 18px;
}
.el-form-item--default .el-form-item__label {
  height: 32px;
  line-height: 32px;
}

.el-form-item--default .el-form-item__content {
  line-height: 32px;
}

.el-form-item--default .el-form-item__error {
  padding-top: 2px;
}

.el-form-item--small {
  --font-size: 12px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 18px;
}
.el-form-item--small .el-form-item__label {
  height: 24px;
  line-height: 24px;
}

.el-form-item--small .el-form-item__content {
  line-height: 24px;
}

.el-form-item--small .el-form-item__error {
  padding-top: 2px;
}

.el-form-item--label-left .el-form-item__label {
  text-align: left;
  justify-content: flex-start;
}

.el-form-item--label-right .el-form-item__label {
  text-align: right;
  justify-content: flex-end;
}

.el-form-item--label-top {
  display: block;
}
.el-form-item--label-top .el-form-item__label {
  display: block;
  width: fit-content;
  height: auto;
  text-align: left;
  margin-bottom: 8px;
  line-height: 22px;
  padding-right: 0;
}

.el-form-item__label-wrap {
  display: flex;
}

.el-form-item__label {
  display: inline-flex;
  align-items: flex-start;
  flex: 0 0 auto;
  font-size: var(--el-form-label-font-size);
  color: var(--el-text-color-regular);
  height: 32px;
  line-height: 32px;
  padding: 0 12px 0 0;
  box-sizing: border-box;
}

.el-form-item__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  line-height: 32px;
  position: relative;
  font-size: var(--font-size);
  min-width: 0;
}
.el-form-item__content .el-input-group {
  vertical-align: top;
}

.el-form-item__error {
  color: var(--el-color-danger);
  font-size: 12px;
  line-height: 1;
  padding-top: 2px;
  position: absolute;
  top: 100%;
  left: 0;
}
.el-form-item__error--inline {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  margin-left: 10px;
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label-wrap > .el-form-item__label:before {
  content: "*";
  color: var(--el-color-danger);
  margin-right: 4px;
}
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label:after,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label-wrap > .el-form-item__label:after {
  content: "*";
  color: var(--el-color-danger);
  margin-left: 4px;
}

.el-form-item.is-error .el-form-item__content .el-input__wrapper, .el-form-item.is-error .el-form-item__content .el-input__wrapper:hover, .el-form-item.is-error .el-form-item__content .el-input__wrapper:focus, .el-form-item.is-error .el-form-item__content .el-input__wrapper.is-focus,
.el-form-item.is-error .el-form-item__content .el-textarea__inner,
.el-form-item.is-error .el-form-item__content .el-textarea__inner:hover,
.el-form-item.is-error .el-form-item__content .el-textarea__inner:focus,
.el-form-item.is-error .el-form-item__content .el-textarea__inner.is-focus,
.el-form-item.is-error .el-form-item__content .el-select__wrapper,
.el-form-item.is-error .el-form-item__content .el-select__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-select__wrapper:focus,
.el-form-item.is-error .el-form-item__content .el-select__wrapper.is-focus,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:focus,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-form-item.is-error .el-form-item__content .el-input-group__append .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-input-group__prepend .el-input__wrapper {
  box-shadow: 0 0 0 1px transparent inset;
}
.el-form-item.is-error .el-form-item__content .el-input-group__append .el-input__validateIcon,
.el-form-item.is-error .el-form-item__content .el-input-group__prepend .el-input__validateIcon {
  display: none;
}
.el-form-item.is-error .el-form-item__content .el-input__validateIcon {
  color: var(--el-color-danger);
}

.el-form-item--feedback .el-input__validateIcon {
  display: inline-flex;
}

/* just override what you need */
.el-form {
  --el-form-label-font-size: var(--el-font-size-base);
  --el-form-inline-content-width: 220px;
}
.el-form--inline .el-form-item {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 32px;
}
.el-form--inline.el-form--label-top {
  display: flex;
  flex-wrap: wrap;
}
.el-form--inline.el-form--label-top .el-form-item {
  display: block;
}

/* just override what you need */
.el-header {
  --el-header-padding: 0px;
  --el-header-height: 60px;
  padding: var(--el-header-padding);
  box-sizing: border-box;
  flex-shrink: 0;
  height: var(--el-header-height);
}

/* just override what you need */
.el-image-viewer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.el-image-viewer__wrapper:focus {
  outline: none !important;
}

.el-image-viewer__btn {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0.8;
  cursor: pointer;
  box-sizing: border-box;
  user-select: none;
}
.el-image-viewer__btn .el-icon {
  cursor: pointer;
}

.el-image-viewer__close {
  top: 40px;
  right: 40px;
  width: 40px;
  height: 40px;
  font-size: 40px;
}

.el-image-viewer__canvas {
  position: static;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
}

.el-image-viewer__actions {
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  height: 44px;
  padding: 0 23px;
  background-color: var(--el-text-color-regular);
  border-color: #fff;
  border-radius: 22px;
}
.el-image-viewer__actions__inner {
  width: 100%;
  height: 100%;
  cursor: default;
  font-size: 23px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 22px;
  padding: 0 6px;
}
.el-image-viewer__actions__divider {
  margin: 0 -6px;
}

.el-image-viewer__progress {
  left: 50%;
  transform: translateX(-50%);
  cursor: default;
  color: #fff;
  bottom: 90px;
}

.el-image-viewer__prev {
  top: 50%;
  transform: translateY(-50%);
  left: 40px;
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: var(--el-text-color-regular);
  border-color: #fff;
}

.el-image-viewer__next {
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  text-indent: 2px;
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: var(--el-text-color-regular);
  border-color: #fff;
}

.el-image-viewer__close {
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: var(--el-text-color-regular);
  border-color: #fff;
}

.el-image-viewer__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: #000;
}

.el-image-viewer-parent--hidden {
  overflow: hidden;
}

.viewer-fade-enter-active {
  animation: viewer-fade-in var(--el-transition-duration);
}

.viewer-fade-leave-active {
  animation: viewer-fade-out var(--el-transition-duration);
}

@keyframes viewer-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes viewer-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
/* just override what you need */
.el-image__error, .el-image__placeholder, .el-image__wrapper, .el-image__inner {
  width: 100%;
  height: 100%;
}

.el-image {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.el-image__inner {
  vertical-align: top;
  opacity: 1;
}
.el-image__inner.is-loading {
  opacity: 0;
}

.el-image__wrapper {
  position: absolute;
  top: 0;
  left: 0;
}

.el-image__placeholder {
  background: var(--el-fill-color-light);
}

.el-image__error {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  background: var(--el-fill-color-light);
  color: var(--el-text-color-placeholder);
  vertical-align: middle;
}

.el-image__preview {
  cursor: pointer;
}

/* just override what you need */
.el-textarea {
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: none;
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: transparent;
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--color-background-bg2);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: transparent;
  --el-input-clear-hover-color: transparent;
  --el-input-focus-border-color: transparent;
  --el-input-width: 100%;
}

.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: var(--el-font-size-base);
}
.el-textarea__inner {
  position: relative;
  display: block;
  resize: vertical;
  padding: 5px 12px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  font-family: inherit;
  color: var(--el-input-text-color, var(--el-text-color-regular));
  background-color: var(--el-input-bg-color, var(--color-background-bg2));
  background-image: none;
  -webkit-appearance: none;
  box-shadow: 0 0 0 1px var(--el-input-border-color, transparent) inset;
  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  transition: var(--el-transition-box-shadow);
  border: none;
}
.el-textarea__inner.is-clearable {
  padding: 5px 26px 5px 12px;
}

.el-textarea__inner::placeholder {
  color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}
.el-textarea__inner:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-textarea__inner:focus {
  outline: none;
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-textarea__clear {
  position: absolute;
  right: 11px;
  top: 15px;
  transform: translateY(-50%);
  color: var(--el-input-icon-color);
  font-size: 14px;
  cursor: pointer;
}
.el-textarea__clear:hover {
  color: var(--el-input-clear-hover-color);
}

.el-textarea .el-input__count {
  color: var(--el-color-info);
  background: var(--el-fill-color-blank);
  position: absolute;
  font-size: 12px;
  line-height: 14px;
  bottom: 5px;
  right: 10px;
}
.el-textarea .el-input__count.is-outside {
  position: absolute;
  background: transparent;
  padding-top: 2px;
  top: 100%;
  right: 0;
  bottom: unset;
  line-height: 1;
}

.el-textarea.is-disabled .el-textarea__inner {
  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
  background-color: var(--el-disabled-bg-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: var(--el-text-color-placeholder);
}

.el-textarea.is-exceed .el-textarea__inner {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-textarea.is-exceed .el-input__count {
  color: var(--el-color-danger);
}

.el-input {
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: none;
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: transparent;
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--color-background-bg2);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: transparent;
  --el-input-clear-hover-color: transparent;
  --el-input-focus-border-color: transparent;
  --el-input-width: 100%;
}

.el-input {
  --el-input-height: var(--el-component-size);
  position: relative;
  font-size: var(--el-font-size-base);
  display: inline-flex;
  width: var(--el-input-width);
  line-height: var(--el-input-height);
  box-sizing: border-box;
  vertical-align: middle;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: var(--el-text-color-disabled);
}
.el-input::-webkit-scrollbar-corner {
  background: var(--el-fill-color-blank);
}
.el-input::-webkit-scrollbar-track {
  background: var(--el-fill-color-blank);
}
.el-input::-webkit-scrollbar-track-piece {
  background: var(--el-fill-color-blank);
  width: 6px;
}
.el-input .el-input__clear, .el-input .el-input__password {
  color: var(--el-input-icon-color);
  font-size: 14px;
  cursor: pointer;
}
.el-input .el-input__clear:hover, .el-input .el-input__password:hover {
  color: var(--el-input-clear-hover-color);
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: var(--el-color-info);
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: var(--el-fill-color-blank);
  line-height: initial;
  display: inline-block;
  padding-left: 8px;
}
.el-input .el-input__count.is-outside {
  height: unset;
  position: absolute;
  padding-top: 2px;
  top: 100%;
  right: 0;
}
.el-input .el-input__count.is-outside .el-input__count-inner {
  background: transparent;
  padding-left: 0px;
  line-height: 1;
}

.el-input__wrapper {
  display: inline-flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  padding: 0px 12px;
  background-color: var(--el-input-bg-color, var(--color-background-bg2));
  background-image: none;
  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  cursor: text;
  transition: var(--el-transition-box-shadow);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 0 1px var(--el-input-border-color, transparent) inset;
}
.el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-input {
  --el-input-inner-height: calc(var(--el-input-height, 32px) - 0px);
}
.el-input__inner {
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  color: var(--el-input-text-color, var(--el-text-color-regular));
  font-size: inherit;
  height: var(--el-input-inner-height);
  line-height: var(--el-input-inner-height);
  padding: 0;
  outline: none;
  border: none;
  background: none;
  box-sizing: border-box;
}
.el-input__inner:focus {
  outline: none;
}
.el-input__inner::placeholder {
  color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}
.el-input__inner[type=password]::-ms-reveal {
  display: none;
}
.el-input__inner[type=number] {
  line-height: 1;
}

.el-input__prefix {
  display: inline-flex;
  white-space: nowrap;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 100%;
  line-height: var(--el-input-inner-height);
  text-align: center;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  transition: all var(--el-transition-duration);
  pointer-events: none;
}

.el-input__prefix-inner {
  pointer-events: all;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.el-input__prefix-inner > :last-child {
  margin-right: 8px;
}
.el-input__prefix-inner > :first-child, .el-input__prefix-inner > :first-child.el-input__icon {
  margin-left: 0;
}

.el-input__suffix {
  display: inline-flex;
  white-space: nowrap;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 100%;
  line-height: var(--el-input-inner-height);
  text-align: center;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  transition: all var(--el-transition-duration);
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.el-input__suffix-inner > :first-child {
  margin-left: 8px;
}

.el-input .el-input__icon {
  height: inherit;
  line-height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all var(--el-transition-duration);
  margin-left: 8px;
}
.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-color, ) inset;
}

.el-input.is-disabled {
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__wrapper {
  background-color: var(--el-disabled-bg-color);
  cursor: not-allowed;
  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
}
.el-input.is-disabled .el-input__inner {
  color: var(--el-disabled-text-color);
  -webkit-text-fill-color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__prefix-inner,
.el-input.is-disabled .el-input__suffix-inner {
  pointer-events: none;
}

.el-input.is-exceed .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: var(--el-color-danger);
}

.el-input--large {
  --el-input-height: var(--el-component-size-large);
  font-size: 14px;
}
.el-input--large .el-input__wrapper {
  padding: 0px 16px;
}

.el-input--large {
  --el-input-inner-height: calc(var(--el-input-height, 40px) - 0px);
}

.el-input--small {
  --el-input-height: var(--el-component-size-small);
  font-size: 12px;
}
.el-input--small .el-input__wrapper {
  padding: 0px 8px;
}

.el-input--small {
  --el-input-inner-height: calc(var(--el-input-height, 30px) - 0px);
}

.el-input-group {
  display: inline-flex;
  width: 100%;
  align-items: stretch;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: var(--el-fill-color-light);
  color: var(--el-color-info);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  border-radius: var(--el-input-border-radius);
  padding: 0 20px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  flex: 1;
  margin: 0 -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append button.el-button:hover,
.el-input-group__append div.el-select .el-select__wrapper,
.el-input-group__append div.el-select:hover .el-select__wrapper, .el-input-group__prepend button.el-button,
.el-input-group__prepend button.el-button:hover,
.el-input-group__prepend div.el-select .el-select__wrapper,
.el-input-group__prepend div.el-select:hover .el-select__wrapper {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset;
}

.el-input-group--prepend > .el-input__wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset;
}

.el-input-group--append > .el-input__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-input-group__append .el-select .el-select__wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset;
}

.el-input-hidden {
  display: none !important;
}

/* just override what you need */
.el-input-number {
  position: relative;
  display: inline-flex;
  width: 150px;
  line-height: 30px;
  vertical-align: middle;
}
.el-input-number .el-input__wrapper {
  padding-left: 42px;
  padding-right: 42px;
}
.el-input-number .el-input__inner {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  text-align: center;
  line-height: 1;
}
.el-input-number .el-input__inner::-webkit-inner-spin-button, .el-input-number .el-input__inner::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.el-input-number.is-left .el-input__inner {
  text-align: left;
}

.el-input-number.is-right .el-input__inner {
  text-align: right;
}

.el-input-number.is-center .el-input__inner {
  text-align: center;
}

.el-input-number__increase, .el-input-number__decrease {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  position: absolute;
  z-index: 1;
  top: 1px;
  bottom: 1px;
  width: 32px;
  background: var(--el-fill-color-light);
  color: var(--el-text-color-regular);
  cursor: pointer;
  font-size: 13px;
  user-select: none;
}
.el-input-number__increase:hover, .el-input-number__decrease:hover {
  color: var(--el-color-primary);
}
.el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper, .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color, transparent) inset;
}
.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-input-number__increase {
  right: 1px;
  border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
  border-left: var(--el-border);
}

.el-input-number__decrease {
  left: 1px;
  border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
  border-right: var(--el-border);
}

.el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease {
  border-color: var(--el-disabled-border-color);
  color: var(--el-disabled-border-color);
}
.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover {
  color: var(--el-disabled-border-color);
  cursor: not-allowed;
}

.el-input-number--large {
  width: 180px;
  line-height: 38px;
}
.el-input-number--large .el-input-number__increase, .el-input-number--large .el-input-number__decrease {
  width: 40px;
  font-size: 14px;
}

.el-input-number--large.is-controls-right .el-input--large .el-input__wrapper {
  padding-right: 47px;
}

.el-input-number--large .el-input--large .el-input__wrapper {
  padding-left: 47px;
  padding-right: 47px;
}

.el-input-number--small {
  width: 120px;
  line-height: 28px;
}
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
  width: 30px;
  font-size: 12px;
}

.el-input-number--small.is-controls-right .el-input--small .el-input__wrapper {
  padding-right: 37px;
}

.el-input-number--small .el-input--small .el-input__wrapper {
  padding-left: 37px;
  padding-right: 37px;
}

.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.9);
}

.el-input-number.is-without-controls .el-input__wrapper {
  padding-left: 15px;
  padding-right: 15px;
}

.el-input-number.is-controls-right .el-input__wrapper {
  padding-left: 15px;
  padding-right: 42px;
}
.el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease {
  --el-input-number-controls-height: 15px;
  height: var(--el-input-number-controls-height);
  line-height: var(--el-input-number-controls-height);
}
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.8);
}

.el-input-number.is-controls-right .el-input-number__increase {
  bottom: auto;
  left: auto;
  border-radius: 0 var(--el-border-radius-base) 0 0;
  border-bottom: var(--el-border);
}

.el-input-number.is-controls-right .el-input-number__decrease {
  right: 1px;
  top: auto;
  left: auto;
  border-right: none;
  border-left: var(--el-border);
  border-radius: 0 0 var(--el-border-radius-base) 0;
}

.el-input-number.is-controls-right[class*=large] [class*=increase],
.el-input-number.is-controls-right[class*=large] [class*=decrease] {
  --el-input-number-controls-height: 19px;
}
.el-input-number.is-controls-right[class*=small] [class*=increase],
.el-input-number.is-controls-right[class*=small] [class*=decrease] {
  --el-input-number-controls-height: 14px;
}

/* just override what you need */
.el-input-tag {
  --el-input-tag-border-color-hover: var(--el-border-color-hover);
  --el-input-tag-placeholder-color: var(--el-text-color-placeholder);
  --el-input-tag-disabled-color: var(--el-disabled-text-color);
  --el-input-tag-disabled-border: var(--el-disabled-border-color);
  --el-input-tag-font-size: var(--el-font-size-base);
  --el-input-tag-close-hover-color: var(--el-text-color-secondary);
  --el-input-tag-text-color: var(--el-text-color-regular);
  --el-input-tag-input-focus-border-color: var(--el-color-primary);
  --el-input-tag-width: 100%;
  --el-input-tag-mini-height: var(--el-component-size);
  --el-input-tag-gap: 6px;
  --el-input-tag-padding: 4px;
  --el-input-tag-inner-padding: 8px;
  --el-input-tag-line-height: 32px;
}

.el-input-tag {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  font-size: var(--el-input-tag-font-size);
  padding: var(--el-input-tag-padding);
  width: var(--el-input-tag-width);
  min-height: var(--el-input-tag-mini-height);
  line-height: var(--el-input-tag-line-height);
  border-radius: var(--el-border-radius-base);
  background-color: var(--el-fill-color-blank);
  transition: var(--el-transition-duration);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 0 1px var(--el-border-color) inset;
}
.el-input-tag.is-focused {
  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
}

.el-input-tag.is-hovering:not(.is-focused) {
  box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
}

.el-input-tag.is-disabled {
  cursor: not-allowed;
  background-color: var(--el-fill-color-light);
  box-shadow: 0 0 0 1px var(--el-input-tag-disabled-border) inset;
}
.el-input-tag.is-disabled:hover {
  box-shadow: 0 0 0 1px var(--el-input-tag-disabled-border) inset;
}
.el-input-tag.is-disabled.is-focus {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-input-tag.is-disabled .el-input-tag__inner .el-input-tag__input {
  cursor: not-allowed;
}

.el-input-tag.is-disabled .el-input-tag__inner .el-tag {
  cursor: not-allowed;
}

.el-input-tag__prefix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 var(--el-input-tag-inner-padding);
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}

.el-input-tag__suffix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 var(--el-input-tag-inner-padding);
  gap: 8px;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}

.el-input-tag__collapse-tag {
  line-height: 1;
}

.el-input-tag__input-tag-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 6px;
}
.el-input-tag__input-tag-list.is-near {
  margin-left: -8px;
}

.el-input-tag__input-tag-list .el-tag {
  cursor: pointer;
  border-color: transparent;
}
.el-input-tag__input-tag-list .el-tag.el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-input-tag__input-tag-list .el-tag .el-tag__content {
  min-width: 0;
}

.el-input-tag__inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  max-width: 100%;
  min-width: 0;
  gap: var(--el-input-tag-gap);
}
.el-input-tag__inner.is-left-space {
  margin-left: var(--el-input-tag-inner-padding);
}

.el-input-tag__inner.is-right-space {
  margin-right: var(--el-input-tag-inner-padding);
}

.el-input-tag__inner.is-draggable .el-tag {
  cursor: move;
  user-select: none;
}

.el-input-tag__drop-indicator {
  position: absolute;
  top: 0;
  width: 1px;
  height: var(--el-input-tag-line-height);
  background-color: var(--el-color-primary);
}

.el-input-tag__inner .el-tag {
  max-width: 100%;
  cursor: pointer;
  border-color: transparent;
}
.el-input-tag__inner .el-tag.el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-input-tag__inner .el-tag .el-tag__content {
  min-width: 0;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-input-tag__input-wrapper {
  flex: 1;
}

.el-input-tag__input {
  border: none;
  outline: none;
  padding: 0;
  color: var(--el-input-tag-text-color);
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  appearance: none;
  width: 100%;
  background-color: transparent;
}
.el-input-tag__input::placeholder {
  color: var(--el-input-tag-placeholder-color);
}

.el-input-tag__input-calculator {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  visibility: hidden;
  white-space: pre;
  overflow: hidden;
}

.el-input-tag--large {
  --el-input-tag-gap: 6px;
  --el-input-tag-padding: 8px;
  --el-input-tag-padding-left: 8px;
  --el-input-tag-font-size: 14px;
}

.el-input-tag--small {
  --el-input-tag-gap: 4px;
  --el-input-tag-padding: 2px;
  --el-input-tag-padding-left: 6px;
  --el-input-tag-font-size: 12px;
  --el-input-tag-line-height: 25px;
  --el-input-tag-mini-height: var(--el-component-size-small);
}

/* just override what you need */
.el-link {
  --el-link-font-size: var(--el-font-size-base);
  --el-link-font-weight: var(--el-font-weight-primary);
  --el-link-text-color: var(--color-primary-light-9);
  --el-link-hover-text-color: var(--el-color-primary);
  --el-link-disabled-text-color: var(--el-text-color-placeholder);
}

.el-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  vertical-align: middle;
  position: relative;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  font-size: var(--el-link-font-size);
  font-weight: var(--el-link-font-weight);
  color: var(--el-link-text-color);
}
.el-link.is-hover-underline:hover:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--el-link-hover-text-color);
}

.el-link.is-underline:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--el-link-text-color);
}

.el-link:hover {
  color: var(--el-link-hover-text-color);
}
.el-link:hover:after {
  border-color: var(--el-link-hover-text-color);
}
.el-link [class*=el-icon-] + span {
  margin-left: 5px;
}
.el-link__inner {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.el-link.el-link--primary {
  --el-link-text-color: var(--el-color-primary);
  --el-link-hover-text-color: var(--el-color-primary-light-3);
  --el-link-disabled-text-color: var(--el-color-primary-light-5);
}
.el-link.el-link--success {
  --el-link-text-color: var(--el-color-success);
  --el-link-hover-text-color: var(--el-color-success-light-3);
  --el-link-disabled-text-color: var(--el-color-success-light-5);
}
.el-link.el-link--warning {
  --el-link-text-color: var(--el-color-warning);
  --el-link-hover-text-color: var(--el-color-warning-light-3);
  --el-link-disabled-text-color: var(--el-color-warning-light-5);
}
.el-link.el-link--danger {
  --el-link-text-color: var(--el-color-danger);
  --el-link-hover-text-color: var(--el-color-danger-light-3);
  --el-link-disabled-text-color: var(--el-color-danger-light-5);
}
.el-link.el-link--error {
  --el-link-text-color: var(--el-color-error);
  --el-link-hover-text-color: var(--el-color-error-light-3);
  --el-link-disabled-text-color: var(--el-color-error-light-5);
}
.el-link.el-link--info {
  --el-link-text-color: var(--el-color-info);
  --el-link-hover-text-color: var(--el-color-info-light-3);
  --el-link-disabled-text-color: var(--el-color-info-light-5);
}
.el-link.is-disabled {
  color: var(--el-link-disabled-text-color);
  cursor: not-allowed;
}
.el-link.is-disabled:after {
  border-color: var(--el-link-disabled-text-color);
}

/* just override what you need */
:root {
  --el-loading-spinner-size: 42px;
  --el-loading-fullscreen-spinner-size: 50px;
}

.el-loading-parent--relative {
  position: relative !important;
}

.el-loading-parent--hidden {
  overflow: hidden !important;
}

.el-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: var(--el-mask-color);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity var(--el-transition-duration);
}
.el-loading-mask.is-fullscreen {
  position: fixed;
}
.el-loading-mask.is-fullscreen .el-loading-spinner {
  margin-top: calc((0px - var(--el-loading-fullscreen-spinner-size)) / 2);
}
.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  height: var(--el-loading-fullscreen-spinner-size);
  width: var(--el-loading-fullscreen-spinner-size);
}

.el-loading-spinner {
  top: 50%;
  margin-top: calc((0px - var(--el-loading-spinner-size)) / 2);
  width: 100%;
  text-align: center;
  position: absolute;
}
.el-loading-spinner .el-loading-text {
  color: var(--el-color-primary);
  margin: 3px 0;
  font-size: 14px;
}
.el-loading-spinner .circular {
  display: inline;
  height: var(--el-loading-spinner-size);
  width: var(--el-loading-spinner-size);
  animation: loading-rotate 2s linear infinite;
}
.el-loading-spinner .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: var(--el-color-primary);
  stroke-linecap: round;
}
.el-loading-spinner i {
  color: var(--el-color-primary);
}

.el-loading-fade-enter-from,
.el-loading-fade-leave-to {
  opacity: 0;
}

@keyframes loading-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
/* just override what you need */
.el-main {
  --el-main-padding: 20px;
  display: block;
  flex: 1;
  flex-basis: auto;
  overflow: auto;
  box-sizing: border-box;
  padding: var(--el-main-padding);
}

/* just override what you need */
:root {
  --el-menu-active-color: var(--el-color-primary);
  --el-menu-text-color: var(--el-text-color-primary);
  --el-menu-hover-text-color: var(--el-color-primary);
  --el-menu-bg-color: var(--el-fill-color-blank);
  --el-menu-hover-bg-color: var(--color-background-bg);
  --el-menu-item-height: 56px;
  --el-menu-sub-item-height: calc(var(--el-menu-item-height) - 6px);
  --el-menu-horizontal-height: 60px;
  --el-menu-horizontal-sub-item-height: 36px;
  --el-menu-item-font-size: var(--el-font-size-base);
  --el-menu-item-hover-fill: var(--el-color-primary-light-9);
  --el-menu-border-color: var(--el-border-color);
  --el-menu-base-level-padding: 20px;
  --el-menu-level-padding: 20px;
  --el-menu-icon-width: 24px;
}

.el-menu {
  border-right: solid 1px var(--el-menu-border-color);
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
  background-color: var(--el-menu-bg-color);
  box-sizing: border-box;
}
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title {
  white-space: nowrap;
  padding-left: calc(var(--el-menu-base-level-padding) + var(--el-menu-level) * var(--el-menu-level-padding));
}

.el-menu:not(.el-menu--collapse) .el-sub-menu__title {
  padding-right: calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width));
}
.el-menu--horizontal {
  display: flex;
  flex-wrap: nowrap;
  border-right: none;
  height: var(--el-menu-horizontal-height);
}
.el-menu--horizontal.el-menu--popup-container {
  height: unset;
}
.el-menu--horizontal.el-menu {
  border-bottom: solid 1px var(--el-menu-border-color);
}
.el-menu--horizontal > .el-menu-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 0;
  border-bottom: 2px solid transparent;
  color: var(--el-menu-text-color);
}
.el-menu--horizontal > .el-menu-item a,
.el-menu--horizontal > .el-menu-item a:hover {
  color: inherit;
}
.el-menu--horizontal > .el-sub-menu:focus, .el-menu--horizontal > .el-sub-menu:hover {
  outline: none;
}
.el-menu--horizontal > .el-sub-menu:hover .el-sub-menu__title {
  color: var(--el-menu-hover-text-color);
}
.el-menu--horizontal > .el-sub-menu.is-active .el-sub-menu__title {
  border-bottom: 2px solid var(--el-menu-active-color);
  color: var(--el-menu-active-color);
}
.el-menu--horizontal > .el-sub-menu .el-sub-menu__title {
  height: 100%;
  border-bottom: 2px solid transparent;
  color: var(--el-menu-text-color);
}
.el-menu--horizontal > .el-sub-menu .el-sub-menu__title:hover {
  background-color: var(--el-menu-bg-color);
}
.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-sub-menu__title {
  background-color: var(--el-menu-bg-color);
  display: flex;
  align-items: center;
  height: var(--el-menu-horizontal-sub-item-height);
  line-height: var(--el-menu-horizontal-sub-item-height);
  padding: 0 10px;
  color: var(--el-menu-text-color);
}
.el-menu--horizontal .el-menu .el-sub-menu__title {
  padding-right: 40px;
}
.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-menu-item.is-active:hover, .el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title, .el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title:hover {
  color: var(--el-menu-active-color);
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
  outline: none;
  color: var(--el-menu-active-color, var(--el-menu-hover-text-color));
  background-color: var(--el-menu-hover-bg-color);
}
.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: 2px solid var(--el-menu-active-color);
  color: var(--el-menu-active-color) !important;
}

.el-menu--collapse {
  width: calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2);
}
.el-menu--collapse > .el-menu-item [class^=el-icon],
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title [class^=el-icon],
.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title [class^=el-icon] {
  margin: 0;
  vertical-align: middle;
  width: var(--el-menu-icon-width);
  text-align: center;
}
.el-menu--collapse > .el-menu-item .el-sub-menu__icon-arrow,
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow,
.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow {
  display: none;
}
.el-menu--collapse > .el-menu-item > span,
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title > span,
.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title > span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}
.el-menu--collapse > .el-menu-item.is-active i {
  color: inherit;
}
.el-menu--collapse .el-menu .el-sub-menu {
  min-width: 200px;
}
.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title {
  color: var(--el-menu-active-color);
}

.el-menu--popup {
  z-index: 100;
  min-width: 200px;
  border: none;
  padding: 5px 0;
  border-radius: var(--el-border-radius-small);
  box-shadow: var(--el-box-shadow-light);
}

.el-menu .el-icon {
  flex-shrink: 0;
}

.el-menu-item {
  display: flex;
  align-items: center;
  height: var(--el-menu-item-height);
  line-height: var(--el-menu-item-height);
  font-size: var(--el-menu-item-font-size);
  color: var(--el-menu-text-color);
  padding: 0 var(--el-menu-base-level-padding);
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
  box-sizing: border-box;
  white-space: nowrap;
}
.el-menu-item * {
  vertical-align: bottom;
}
.el-menu-item i {
  color: inherit;
}
.el-menu-item:hover, .el-menu-item:focus {
  outline: none;
}
.el-menu-item:hover {
  background-color: var(--el-menu-hover-bg-color);
}
.el-menu-item.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-menu-item [class^=el-icon] {
  margin-right: 5px;
  width: var(--el-menu-icon-width);
  text-align: center;
  font-size: 18px;
  vertical-align: middle;
}
.el-menu-item.is-active {
  color: var(--el-menu-active-color);
}
.el-menu-item.is-active i {
  color: inherit;
}

.el-menu-item .el-menu-tooltip__trigger {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 var(--el-menu-base-level-padding);
}

.el-sub-menu {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.el-sub-menu__title {
  display: flex;
  align-items: center;
  height: var(--el-menu-item-height);
  line-height: var(--el-menu-item-height);
  font-size: var(--el-menu-item-font-size);
  color: var(--el-menu-text-color);
  padding: 0 var(--el-menu-base-level-padding);
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
  box-sizing: border-box;
  white-space: nowrap;
}
.el-sub-menu__title * {
  vertical-align: bottom;
}
.el-sub-menu__title i {
  color: inherit;
}
.el-sub-menu__title:hover, .el-sub-menu__title:focus {
  outline: none;
}
.el-sub-menu__title:hover {
  background-color: var(--el-menu-hover-bg-color);
}
.el-sub-menu__title.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-sub-menu__title:hover {
  background-color: var(--el-menu-hover-bg-color);
}

.el-sub-menu .el-menu {
  border: none;
}
.el-sub-menu .el-menu-item {
  height: var(--el-menu-sub-item-height);
  line-height: var(--el-menu-sub-item-height);
}
.el-sub-menu.el-sub-menu__hide-arrow .el-sub-menu__title {
  padding-right: var(--el-menu-base-level-padding);
}
.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow {
  display: none !important;
}

.el-sub-menu.is-active .el-sub-menu__title {
  border-bottom-color: var(--el-menu-active-color);
}

.el-sub-menu.is-disabled .el-sub-menu__title,
.el-sub-menu.is-disabled .el-menu-item {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-sub-menu .el-icon {
  vertical-align: middle;
  margin-right: 5px;
  width: var(--el-menu-icon-width);
  text-align: center;
  font-size: 18px;
}
.el-sub-menu .el-icon.el-sub-menu__icon-more {
  margin-right: 0 !important;
}
.el-sub-menu .el-sub-menu__icon-arrow {
  position: absolute;
  top: 50%;
  right: var(--el-menu-base-level-padding);
  margin-top: -6px;
  transition: transform var(--el-transition-duration);
  font-size: 12px;
  margin-right: 0;
  width: inherit;
}

.el-menu-item-group > ul {
  padding: 0;
}
.el-menu-item-group__title {
  padding: 7px 0 7px var(--el-menu-base-level-padding);
  line-height: normal;
  font-size: 12px;
  color: var(--el-text-color-secondary);
}

.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow {
  transition: var(--el-transition-duration-fast);
  opacity: 0;
}

.el-popper,
.el-menu--popup-container,
.el-menu {
  outline: none;
}

/* just override what you need */
.el-message-box {
  --el-messagebox-title-color: var(--el-text-color-primary);
  --el-messagebox-width: 420px;
  --el-messagebox-border-radius: 4px;
  --el-messagebox-box-shadow: var(--el-box-shadow);
  --el-messagebox-font-size: var(--el-font-size-large);
  --el-messagebox-content-font-size: var(--el-font-size-base);
  --el-messagebox-content-color: var(--el-text-color-regular);
  --el-messagebox-error-font-size: 12px;
  --el-messagebox-padding-primary: 12px;
  --el-messagebox-font-line-height: var(--el-font-line-height-primary);
}

.el-message-box {
  display: inline-block;
  position: relative;
  max-width: var(--el-messagebox-width);
  width: 100%;
  padding: var(--el-messagebox-padding-primary);
  vertical-align: middle;
  background-color: var(--el-bg-color);
  border-radius: var(--el-messagebox-border-radius);
  font-size: var(--el-messagebox-font-size);
  box-shadow: var(--el-messagebox-box-shadow);
  text-align: left;
  overflow: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  overflow-wrap: break-word;
}
.el-message-box:focus {
  outline: none !important;
}
.is-message-box .el-overlay-message-box {
  text-align: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px;
  overflow: auto;
}
.is-message-box .el-overlay-message-box::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.el-message-box.is-draggable .el-message-box__header {
  cursor: move;
  user-select: none;
}

.el-message-box__header {
  padding-bottom: var(--el-messagebox-padding-primary);
}
.el-message-box__header.show-close {
  padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px));
}

.el-message-box__title {
  font-size: var(--el-messagebox-font-size);
  line-height: var(--el-messagebox-font-line-height);
  color: var(--el-messagebox-title-color);
}

.el-message-box__headerbtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: none;
  outline: none;
  background: transparent;
  font-size: var(--el-message-close-size, 16px);
  cursor: pointer;
}
.el-message-box__headerbtn .el-message-box__close {
  color: var(--el-color-info);
  font-size: inherit;
}
.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
  color: var(--el-color-primary);
}

.el-message-box__content {
  color: var(--el-messagebox-content-color);
  font-size: var(--el-messagebox-content-font-size);
}

.el-message-box__container {
  display: flex;
  align-items: center;
  gap: 12px;
}

.el-message-box__input {
  padding-top: 12px;
}
.el-message-box__input div.invalid > input {
  border-color: var(--el-color-error);
}
.el-message-box__input div.invalid > input:focus {
  border-color: var(--el-color-error);
}

.el-message-box__status {
  font-size: 24px;
}
.el-message-box__status.el-message-box-icon--primary {
  --el-messagebox-color: var(--el-color-primary);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--success {
  --el-messagebox-color: var(--el-color-success);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--info {
  --el-messagebox-color: var(--el-color-info);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--warning {
  --el-messagebox-color: var(--el-color-warning);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--error {
  --el-messagebox-color: var(--el-color-error);
  color: var(--el-messagebox-color);
}

.el-message-box__message {
  margin: 0;
  min-width: 0;
}
.el-message-box__message p {
  margin: 0;
  line-height: var(--el-messagebox-font-line-height);
}

.el-message-box__errormsg {
  color: var(--el-color-error);
  font-size: var(--el-messagebox-error-font-size);
  line-height: var(--el-messagebox-font-line-height);
}

.el-message-box__btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding-top: var(--el-messagebox-padding-primary);
}

.el-message-box--center .el-message-box__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.el-message-box--center .el-message-box__status {
  font-size: inherit;
}

.el-message-box--center .el-message-box__btns {
  justify-content: center;
}

.el-message-box--center .el-message-box__container {
  justify-content: center;
}

.el-message-box-parent--hidden {
  overflow: hidden;
}

.fade-in-linear-enter-active .el-overlay-message-box {
  animation: msgbox-fade-in var(--el-transition-duration);
}

.fade-in-linear-leave-active .el-overlay-message-box {
  animation: msgbox-fade-in var(--el-transition-duration) reverse;
}

@keyframes msgbox-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
/* just override what you need */
.el-message {
  --el-message-bg-color: var(--el-color-info-light-9);
  --el-message-border-color: var(--el-border-color-lighter);
  --el-message-padding: 11px 15px;
  --el-message-close-size: 16px;
  --el-message-close-icon-color: var(--el-text-color-placeholder);
  --el-message-close-hover-color: var(--el-text-color-secondary);
}

.el-message {
  width: max-content;
  max-width: calc(100% - 32px);
  box-sizing: border-box;
  border-radius: var(--el-border-radius-base);
  border-width: var(--el-border-width);
  border-style: var(--el-border-style);
  border-color: var(--el-message-border-color);
  position: fixed;
  background-color: var(--el-message-bg-color);
  transition: opacity var(--el-transition-duration), transform 0.4s, top 0.4s, bottom 0.4s;
  padding: var(--el-message-padding);
  display: flex;
  align-items: center;
  gap: 8px;
}
.el-message.is-left {
  left: 16px;
}
.el-message.is-right {
  right: 16px;
}
.el-message.is-center {
  left: 50%;
  transform: translateX(-50%);
}
.el-message.is-plain {
  background-color: var(--el-bg-color-overlay);
  border-color: var(--el-bg-color-overlay);
  box-shadow: var(--el-box-shadow-light);
}

.el-message p {
  margin: 0;
}
.el-message--primary {
  --el-message-bg-color: var(--el-color-primary-light-9);
  --el-message-border-color: var(--el-color-primary-light-8);
  --el-message-text-color: var(--el-color-primary);
}
.el-message--primary .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--primary {
  color: var(--el-message-text-color);
}
.el-message--success {
  --el-message-bg-color: var(--el-color-success-light-9);
  --el-message-border-color: var(--el-color-success-light-8);
  --el-message-text-color: var(--el-color-success);
}
.el-message--success .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--success {
  color: var(--el-message-text-color);
}
.el-message--info {
  --el-message-bg-color: var(--el-color-info-light-9);
  --el-message-border-color: var(--el-color-info-light-8);
  --el-message-text-color: var(--el-color-info);
}
.el-message--info .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--info {
  color: var(--el-message-text-color);
}
.el-message--warning {
  --el-message-bg-color: var(--el-color-warning-light-9);
  --el-message-border-color: var(--el-color-warning-light-8);
  --el-message-text-color: var(--el-color-warning);
}
.el-message--warning .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--warning {
  color: var(--el-message-text-color);
}
.el-message--error {
  --el-message-bg-color: var(--el-color-error-light-9);
  --el-message-border-color: var(--el-color-error-light-8);
  --el-message-text-color: var(--el-color-error);
}
.el-message--error .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--error {
  color: var(--el-message-text-color);
}
.el-message .el-message__badge {
  position: absolute;
  top: -8px;
  right: -8px;
}
.el-message__content {
  padding: 0;
  font-size: 14px;
  line-height: 1;
}
.el-message__content:focus {
  outline-width: 0;
}

.el-message .el-message__closeBtn {
  cursor: pointer;
  color: var(--el-message-close-icon-color);
  font-size: var(--el-message-close-size);
}
.el-message .el-message__closeBtn:focus {
  outline-width: 0;
}
.el-message .el-message__closeBtn:hover {
  color: var(--el-message-close-hover-color);
}

.el-message-fade-enter-from,
.el-message-fade-leave-to {
  opacity: 0;
}
.el-message-fade-enter-from.is-left, .el-message-fade-enter-from.is-right,
.el-message-fade-leave-to.is-left,
.el-message-fade-leave-to.is-right {
  transform: translateY(-100%);
}
.el-message-fade-enter-from.is-left.is-bottom, .el-message-fade-enter-from.is-right.is-bottom,
.el-message-fade-leave-to.is-left.is-bottom,
.el-message-fade-leave-to.is-right.is-bottom {
  transform: translateY(100%);
}
.el-message-fade-enter-from.is-center,
.el-message-fade-leave-to.is-center {
  transform: translate(-50%, -100%);
}
.el-message-fade-enter-from.is-center.is-bottom,
.el-message-fade-leave-to.is-center.is-bottom {
  transform: translate(-50%, 100%);
}

/* just override what you need */
.el-notification {
  --el-notification-width: 330px;
  --el-notification-padding: 14px 26px 14px 13px;
  --el-notification-radius: 8px;
  --el-notification-shadow: var(--el-box-shadow-light);
  --el-notification-border-color: var(--el-border-color-lighter);
  --el-notification-icon-size: 24px;
  --el-notification-close-font-size: var(--el-message-close-size, 16px);
  --el-notification-group-margin-left: 13px;
  --el-notification-group-margin-right: 8px;
  --el-notification-content-font-size: var(--el-font-size-base);
  --el-notification-content-color: var(--el-text-color-regular);
  --el-notification-title-font-size: 16px;
  --el-notification-title-color: var(--el-text-color-primary);
  --el-notification-close-color: var(--el-text-color-secondary);
  --el-notification-close-hover-color: var(--el-text-color-regular);
}

.el-notification {
  display: flex;
  width: var(--el-notification-width);
  padding: var(--el-notification-padding);
  border-radius: var(--el-notification-radius);
  box-sizing: border-box;
  border: 1px solid var(--el-notification-border-color);
  position: fixed;
  background-color: var(--el-bg-color-overlay);
  box-shadow: var(--el-notification-shadow);
  transition: opacity var(--el-transition-duration), transform var(--el-transition-duration), left var(--el-transition-duration), right var(--el-transition-duration), top 0.4s, bottom var(--el-transition-duration);
  overflow-wrap: break-word;
  overflow: hidden;
  z-index: 9999;
}
.el-notification.right {
  right: 16px;
}
.el-notification.left {
  left: 16px;
}
.el-notification__group {
  flex: 1;
  min-width: 0;
  margin-left: var(--el-notification-group-margin-left);
  margin-right: var(--el-notification-group-margin-right);
}

.el-notification__title {
  font-weight: bold;
  font-size: var(--el-notification-title-font-size);
  line-height: var(--el-notification-icon-size);
  color: var(--el-notification-title-color);
  margin: 0;
}

.el-notification__content {
  font-size: var(--el-notification-content-font-size);
  line-height: 24px;
  margin: 6px 0 0;
  color: var(--el-notification-content-color);
}
.el-notification__content p {
  margin: 0;
}

.el-notification .el-notification__icon {
  flex-shrink: 0;
  height: var(--el-notification-icon-size);
  width: var(--el-notification-icon-size);
  font-size: var(--el-notification-icon-size);
}
.el-notification .el-notification__closeBtn {
  position: absolute;
  top: 18px;
  right: 15px;
  cursor: pointer;
  color: var(--el-notification-close-color);
  font-size: var(--el-notification-close-font-size);
}
.el-notification .el-notification__closeBtn:hover {
  color: var(--el-notification-close-hover-color);
}
.el-notification .el-notification--primary {
  --el-notification-icon-color: var(--el-color-primary);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--success {
  --el-notification-icon-color: var(--el-color-success);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--info {
  --el-notification-icon-color: var(--el-color-info);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--warning {
  --el-notification-icon-color: var(--el-color-warning);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--error {
  --el-notification-icon-color: var(--el-color-error);
  color: var(--el-notification-icon-color);
}

.el-notification-fade-enter-from.right {
  right: 0;
  transform: translateX(100%);
}
.el-notification-fade-enter-from.left {
  left: 0;
  transform: translateX(-100%);
}

.el-notification-fade-leave-to {
  opacity: 0;
}

/* just override what you need */
.el-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  height: 100%;
  background-color: var(--el-overlay-color-lighter);
  overflow: auto;
}
.el-overlay .el-overlay-root {
  height: 0;
}

/* just override what you need */
.el-page-header.is-contentful .el-page-header__main {
  border-top: 1px solid var(--el-border-color-light);
  margin-top: 16px;
}

.el-page-header__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 24px;
}
.el-page-header__left {
  display: flex;
  align-items: center;
  margin-right: 40px;
  position: relative;
}
.el-page-header__back {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.el-page-header__left .el-divider--vertical {
  margin: 0 16px;
}
.el-page-header__icon {
  font-size: 16px;
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.el-page-header__icon .el-icon {
  font-size: inherit;
}

.el-page-header__title {
  font-size: 14px;
  font-weight: 500;
}

.el-page-header__content {
  font-size: 18px;
  color: var(--el-text-color-primary);
}

.el-page-header__breadcrumb {
  margin-bottom: 16px;
}

/* just override what you need */
.el-pagination {
  --el-pagination-font-size: 14px;
  --el-pagination-bg-color: transparent;
  --el-pagination-text-color: var(--el-text-color-primary);
  --el-pagination-border-radius: 0px;
  --el-pagination-button-color: var(--el-text-color-primary);
  --el-pagination-button-width: 32px;
  --el-pagination-button-height: 32px;
  --el-pagination-button-disabled-color: var(--color-text-secondary);
  --el-pagination-button-disabled-bg-color: transparent;
  --el-pagination-button-bg-color: var(--el-fill-color);
  --el-pagination-hover-color: var(--el-color-primary);
  --el-pagination-font-size-small: 12px;
  --el-pagination-button-width-small: 24px;
  --el-pagination-button-height-small: 24px;
  --el-pagination-button-width-large: 40px;
  --el-pagination-button-height-large: 40px;
  --el-pagination-item-gap: 10px;
  white-space: nowrap;
  color: var(--el-pagination-text-color);
  font-size: var(--el-pagination-font-size);
  font-weight: normal;
  display: flex;
  align-items: center;
}
.el-pagination .el-input__inner {
  text-align: center;
  -moz-appearance: textfield;
}
.el-pagination .el-select {
  width: 128px;
}
.el-pagination .btn-prev,
.el-pagination .btn-next {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--el-pagination-font-size);
  min-width: var(--el-pagination-button-width);
  height: var(--el-pagination-button-height);
  line-height: var(--el-pagination-button-height);
  color: var(--el-pagination-button-color);
  background: var(--el-pagination-bg-color);
  padding: 0 4px;
  border: none;
  border-radius: var(--el-pagination-border-radius);
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
}
.el-pagination .btn-prev *,
.el-pagination .btn-next * {
  pointer-events: none;
}
.el-pagination .btn-prev:focus,
.el-pagination .btn-next:focus {
  outline: none;
}
.el-pagination .btn-prev:hover,
.el-pagination .btn-next:hover {
  color: var(--el-pagination-hover-color);
}
.el-pagination .btn-prev.is-active,
.el-pagination .btn-next.is-active {
  color: var(--el-pagination-hover-color);
  cursor: default;
  font-weight: bold;
}
.el-pagination .btn-prev.is-active.is-disabled,
.el-pagination .btn-next.is-active.is-disabled {
  font-weight: bold;
  color: var(--el-text-color-secondary);
}
.el-pagination .btn-prev:disabled, .el-pagination .btn-prev.is-disabled,
.el-pagination .btn-next:disabled,
.el-pagination .btn-next.is-disabled {
  color: var(--el-pagination-button-disabled-color);
  background-color: var(--el-pagination-button-disabled-bg-color);
  cursor: not-allowed;
}
.el-pagination .btn-prev:focus-visible,
.el-pagination .btn-next:focus-visible {
  outline: 1px solid var(--el-pagination-hover-color);
  outline-offset: -1px;
}
.el-pagination .btn-prev .el-icon,
.el-pagination .btn-next .el-icon {
  display: block;
  font-size: 12px;
  font-weight: bold;
  width: inherit;
}
.el-pagination > *.is-first {
  margin-left: 0 !important;
}

.el-pagination > *.is-last {
  margin-right: 0 !important;
}

.el-pagination .btn-prev {
  margin-left: var(--el-pagination-item-gap);
}
.el-pagination__sizes {
  margin-left: var(--el-pagination-item-gap);
  font-weight: normal;
  color: var(--el-text-color-regular);
}

.el-pagination__total {
  margin-left: var(--el-pagination-item-gap);
  font-weight: normal;
  color: var(--el-text-color-regular);
}
.el-pagination__total[disabled=true] {
  color: var(--el-text-color-placeholder);
}

.el-pagination__jump {
  display: flex;
  align-items: center;
  margin-left: var(--el-pagination-item-gap);
  font-weight: normal;
  color: var(--el-text-color-regular);
}
.el-pagination__jump[disabled=true] {
  color: var(--el-text-color-placeholder);
}
.el-pagination__goto {
  margin-right: 8px;
}

.el-pagination__editor {
  text-align: center;
  box-sizing: border-box;
}
.el-pagination__editor.el-input {
  width: 56px;
}
.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.el-pagination__classifier {
  margin-left: 8px;
}

.el-pagination__rightwrapper {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .el-pager li {
  margin: 0 4px;
  background-color: var(--el-pagination-button-bg-color);
}
.el-pagination.is-background .btn-prev.is-active,
.el-pagination.is-background .btn-next.is-active,
.el-pagination.is-background .el-pager li.is-active {
  background-color: var(--el-color-primary);
  color: var(--el-color-white);
}
.el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .btn-prev.is-disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-next.is-disabled,
.el-pagination.is-background .el-pager li:disabled,
.el-pagination.is-background .el-pager li.is-disabled {
  color: var(--el-text-color-placeholder);
  background-color: var(--el-disabled-bg-color);
}
.el-pagination.is-background .btn-prev:disabled.is-active, .el-pagination.is-background .btn-prev.is-disabled.is-active,
.el-pagination.is-background .btn-next:disabled.is-active,
.el-pagination.is-background .btn-next.is-disabled.is-active,
.el-pagination.is-background .el-pager li:disabled.is-active,
.el-pagination.is-background .el-pager li.is-disabled.is-active {
  color: var(--el-text-color-secondary);
  background-color: var(--el-fill-color-dark);
}
.el-pagination.is-background .btn-prev {
  margin-left: var(--el-pagination-item-gap);
}

.el-pagination--small .btn-prev,
.el-pagination--small .btn-next,
.el-pagination--small .el-pager li {
  height: var(--el-pagination-button-height-small);
  line-height: var(--el-pagination-button-height-small);
  font-size: var(--el-pagination-font-size-small);
  min-width: var(--el-pagination-button-width-small);
}
.el-pagination--small span:not([class*=suffix]),
.el-pagination--small button {
  font-size: var(--el-pagination-font-size-small);
}
.el-pagination--small .el-select {
  width: 100px;
}

.el-pagination--large .btn-prev,
.el-pagination--large .btn-next,
.el-pagination--large .el-pager li {
  height: var(--el-pagination-button-height-large);
  line-height: var(--el-pagination-button-height-large);
  min-width: var(--el-pagination-button-width-large);
}
.el-pagination--large .el-select .el-input {
  width: 160px;
}

.el-pager {
  user-select: none;
  list-style: none;
  font-size: 0;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.el-pager li {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--el-pagination-font-size);
  min-width: var(--el-pagination-button-width);
  height: var(--el-pagination-button-height);
  line-height: var(--el-pagination-button-height);
  color: var(--el-pagination-button-color);
  background: var(--el-pagination-bg-color);
  padding: 0 4px;
  border: none;
  border-radius: var(--el-pagination-border-radius);
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
}
.el-pager li * {
  pointer-events: none;
}
.el-pager li:focus {
  outline: none;
}
.el-pager li:hover {
  color: var(--el-pagination-hover-color);
}
.el-pager li.is-active {
  color: var(--el-pagination-hover-color);
  cursor: default;
  font-weight: bold;
}
.el-pager li.is-active.is-disabled {
  font-weight: bold;
  color: var(--el-text-color-secondary);
}
.el-pager li:disabled, .el-pager li.is-disabled {
  color: var(--el-pagination-button-disabled-color);
  background-color: var(--el-pagination-button-disabled-bg-color);
  cursor: not-allowed;
}
.el-pager li:focus-visible {
  outline: 1px solid var(--el-pagination-hover-color);
  outline-offset: -1px;
}

/* just override what you need */
.el-popconfirm {
  outline: none;
}
.el-popconfirm__main {
  display: flex;
  align-items: center;
}

.el-popconfirm__icon {
  margin-right: 5px;
}

.el-popconfirm__action {
  text-align: right;
  margin-top: 8px;
}

/* just override what you need */
.el-popover {
  --el-popover-bg-color: var(--color-background-bg);
  --el-popover-font-size: var(--el-font-size-base);
  --el-popover-border-color: var(--color-text-secondary);
  --el-popover-padding: 12px;
  --el-popover-padding-large: 18px 20px;
  --el-popover-title-font-size: 16px;
  --el-popover-title-text-color: var(--el-text-color-primary);
  --el-popover-border-radius: 4px;
}
.el-popover.el-popper {
  background: var(--el-popover-bg-color);
  min-width: 150px;
  border-radius: var(--el-popover-border-radius);
  border: 1px solid var(--el-popover-border-color);
  padding: var(--el-popover-padding);
  z-index: var(--el-index-popper);
  color: var(--el-text-color-regular);
  line-height: 1.4;
  font-size: var(--el-popover-font-size);
  box-shadow: var(--el-box-shadow-light);
  overflow-wrap: break-word;
  box-sizing: border-box;
}
.el-popover.el-popper--plain {
  padding: var(--el-popover-padding-large);
}

.el-popover__title {
  color: var(--el-popover-title-text-color);
  font-size: var(--el-popover-title-font-size);
  line-height: 1;
  margin-bottom: 12px;
}

.el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover {
  outline-width: 0;
}

.el-popover.el-popper.is-dark {
  --el-popover-bg-color: var(--el-text-color-primary);
  --el-popover-border-color: var(--el-text-color-primary);
  --el-popover-title-text-color: var(--el-bg-color);
  color: var(--el-bg-color);
}

.el-popover.el-popper:focus:active, .el-popover.el-popper:focus {
  outline-width: 0;
}

/* just override what you need */
.el-progress {
  position: relative;
  line-height: 1;
  display: flex;
  align-items: center;
}
.el-progress__text {
  font-size: 14px;
  color: var(--el-text-color-regular);
  margin-left: 5px;
  min-width: 50px;
  line-height: 1;
}
.el-progress__text i {
  vertical-align: middle;
  display: block;
}

.el-progress--circle, .el-progress--dashboard {
  display: inline-block;
}
.el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translate(0, -50%);
}
.el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i {
  vertical-align: middle;
  display: inline-block;
}

.el-progress--without-text .el-progress__text {
  display: none;
}
.el-progress--without-text .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
  display: block;
}

.el-progress--text-inside .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
}

.el-progress.is-success .el-progress-bar__inner {
  background-color: var(--el-color-success);
}
.el-progress.is-success .el-progress__text {
  color: var(--el-color-success);
}

.el-progress.is-warning .el-progress-bar__inner {
  background-color: var(--el-color-warning);
}
.el-progress.is-warning .el-progress__text {
  color: var(--el-color-warning);
}

.el-progress.is-exception .el-progress-bar__inner {
  background-color: var(--el-color-danger);
}
.el-progress.is-exception .el-progress__text {
  color: var(--el-color-danger);
}

.el-progress-bar {
  flex-grow: 1;
  box-sizing: border-box;
}
.el-progress-bar__outer {
  height: 6px;
  border-radius: 100px;
  background-color: var(--el-border-color-lighter);
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}

.el-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: var(--el-color-primary);
  text-align: right;
  border-radius: 100px;
  line-height: 1;
  white-space: nowrap;
  transition: width 0.6s ease;
}
.el-progress-bar__inner::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-progress-bar__inner--indeterminate {
  transform: translateZ(0);
  animation: indeterminate 3s infinite;
}

.el-progress-bar__inner--striped {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
  background-size: 1.25em 1.25em;
}
.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow {
  animation: striped-flow 3s linear infinite;
}

.el-progress-bar__innerText {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  font-size: 12px;
  margin: 0 5px;
}

@keyframes progress {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 32px 0;
  }
}
@keyframes indeterminate {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes striped-flow {
  0% {
    background-position: -100%;
  }
  100% {
    background-position: 100%;
  }
}
/* just override what you need */
.el-radio-button {
  --el-radio-button-checked-bg-color: transparent;
  --el-radio-button-checked-text-color: var(--color-primary);
  --el-radio-button-checked-border-color: var(--color-primary);
  --el-radio-button-disabled-checked-fill: var(--el-border-color-extra-light);
}

.el-radio-button {
  position: relative;
  display: inline-block;
  outline: none;
}
.el-radio-button__inner {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  background: var(--el-button-bg-color, transparent);
  outline: var(--el-border);
  font-weight: var(--el-button-font-weight, var(--el-font-weight-primary));
  color: var(--el-button-text-color, var(--el-text-color-regular));
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  cursor: pointer;
  transition: var(--el-transition-all);
  user-select: none;
  padding: 9px 16px;
  font-size: var(--el-font-size-base);
  border-radius: 0;
}
.el-radio-button__inner.is-round {
  padding: 9px 16px;
}
.el-radio-button__inner:hover {
  color: var(--el-color-primary);
}
.el-radio-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-radio-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-radio-button:first-child .el-radio-button__inner {
  border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
  box-shadow: none !important;
}
.el-radio-button.is-active .el-radio-button__original-radio:not(:disabled) + .el-radio-button__inner {
  color: var(--el-radio-button-checked-text-color, var(--color-primary));
  background-color: var(--el-radio-button-checked-bg-color, transparent);
  border-color: var(--el-radio-button-checked-border-color, var(--color-primary));
  box-shadow: -1px 0 0 0 var(--el-radio-button-checked-border-color, var(--color-primary));
}

.el-radio-button__original-radio {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
}
.el-radio-button__original-radio:focus-visible + .el-radio-button__inner {
  border-left: var(--el-border);
  border-left-color: var(--el-radio-button-checked-border-color, var(--color-primary));
  outline: 2px solid var(--el-radio-button-checked-border-color);
  outline-offset: 1px;
  z-index: 2;
  border-radius: var(--el-border-radius-base);
  box-shadow: none;
}
.el-radio-button__original-radio:disabled + .el-radio-button__inner {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
  border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
  box-shadow: none;
}
.el-radio-button__original-radio:disabled:checked + .el-radio-button__inner {
  background-color: var(--el-radio-button-disabled-checked-fill);
}

.el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
}
.el-radio-button:first-child:last-child .el-radio-button__inner {
  border-radius: var(--el-border-radius-base);
}
.el-radio-button--large .el-radio-button__inner {
  padding: 13px 20px;
  font-size: var(--el-font-size-base);
  border-radius: 0;
}
.el-radio-button--large .el-radio-button__inner.is-round {
  padding: 13px 20px;
}

.el-radio-button--small .el-radio-button__inner {
  padding: 6px 12px;
  font-size: 12px;
  border-radius: 0;
}
.el-radio-button--small .el-radio-button__inner.is-round {
  padding: 6px 12px;
}

/* just override what you need */
.el-radio-group {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 0;
}

/* just override what you need */
.el-radio {
  --el-radio-font-size: var(--el-font-size-base);
  --el-radio-text-color: var(--el-text-color-regular);
  --el-radio-font-weight: var(--el-font-weight-primary);
  --el-radio-input-height: 14px;
  --el-radio-input-width: 14px;
  --el-radio-input-border-radius: var(--el-border-radius-circle);
  --el-radio-input-bg-color: var(--el-fill-color-blank);
  --el-radio-input-border: var(--el-border);
  --el-radio-input-border-color: var(--el-border-color);
  --el-radio-input-border-color-hover: var(--el-color-primary);
}

.el-radio {
  color: var(--el-radio-text-color);
  font-weight: var(--el-radio-font-weight);
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  outline: none;
  font-size: var(--el-font-size-base);
  user-select: none;
  margin-right: 30px;
  height: 32px;
}
.el-radio.el-radio--large {
  height: 40px;
}
.el-radio.el-radio--small {
  height: 30px;
}
.el-radio.is-bordered {
  padding: 0 16px 0 10px;
  border-radius: var(--el-border-radius-base);
  border: var(--el-border);
  box-sizing: border-box;
}
.el-radio.is-bordered.is-checked {
  border-color: var(--el-color-primary);
}
.el-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: var(--el-border-color-lighter);
}
.el-radio.is-bordered.el-radio--large {
  padding: 0 20px 0 12px;
  border-radius: var(--el-border-radius-base);
}
.el-radio.is-bordered.el-radio--large .el-radio__label {
  font-size: var(--el-font-size-base);
}
.el-radio.is-bordered.el-radio--large .el-radio__inner {
  height: 14px;
  width: 14px;
}
.el-radio.is-bordered.el-radio--small {
  padding: 0 12px 0 8px;
  border-radius: var(--el-border-radius-base);
}
.el-radio.is-bordered.el-radio--small .el-radio__label {
  font-size: 12px;
}
.el-radio.is-bordered.el-radio--small .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio:last-child {
  margin-right: 0;
}
.el-radio__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.el-radio__input.is-disabled .el-radio__inner {
  background-color: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
  cursor: not-allowed;
}
.el-radio__input.is-disabled .el-radio__inner::after {
  cursor: not-allowed;
  background-color: var(--el-disabled-bg-color);
}
.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  cursor: not-allowed;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
}
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: var(--el-text-color-placeholder);
}
.el-radio__input.is-disabled + span.el-radio__label {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: var(--el-color-primary);
  background: var(--el-color-primary);
}
.el-radio__input.is-checked .el-radio__inner::after {
  background-color: var(--el-color-white);
  transform: translate(-50%, -50%) scale(1);
}
.el-radio__input.is-checked + .el-radio__label {
  color: var(--el-color-primary);
}

.el-radio__input.is-focus .el-radio__inner {
  border-color: var(--el-radio-input-border-color-hover);
}

.el-radio__inner {
  border: var(--el-radio-input-border);
  border-radius: var(--el-radio-input-border-radius);
  width: var(--el-radio-input-width);
  height: var(--el-radio-input-height);
  background-color: var(--el-radio-input-bg-color);
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  transition: all 0.3s;
}
.el-radio__inner:hover {
  border-color: var(--el-radio-input-border-color-hover);
}
.el-radio__inner::after {
  width: 4px;
  height: 4px;
  border-radius: var(--el-radio-input-border-radius);
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in;
}

.el-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.el-radio__original:focus-visible + .el-radio__inner {
  outline: 2px solid var(--el-radio-input-border-color-hover);
  outline-offset: 1px;
  border-radius: var(--el-radio-input-border-radius);
}

.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) {
  /*获得焦点时 样式提醒*/
}
.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  box-shadow: 0 0 2px 2px var(--el-radio-input-border-color-hover);
}
.el-radio__label {
  font-size: var(--el-radio-font-size);
  padding-left: 8px;
}

.el-radio.el-radio--large .el-radio__label {
  font-size: 14px;
}

.el-radio.el-radio--large .el-radio__inner {
  width: 14px;
  height: 14px;
}

.el-radio.el-radio--small .el-radio__label {
  font-size: 12px;
}

.el-radio.el-radio--small .el-radio__inner {
  width: 12px;
  height: 12px;
}

/* just override what you need */
.el-rate {
  --el-rate-height: 20px;
  --el-rate-font-size: var(--el-font-size-base);
  --el-rate-icon-size: 18px;
  --el-rate-icon-margin: 6px;
  --el-rate-void-color: var(--el-border-color-darker);
  --el-rate-fill-color: #f7ba2a;
  --el-rate-disabled-void-color: var(--el-fill-color);
  --el-rate-text-color: var(--el-text-color-primary);
  --el-rate-outline-color: var(--el-color-primary-light-5);
}

.el-rate {
  display: inline-flex;
  align-items: center;
  height: 32px;
}
.el-rate:focus, .el-rate:active {
  outline: none;
}
.el-rate:focus-visible .el-rate__item .el-rate__icon.is-focus-visible {
  outline: 2px solid var(--el-rate-outline-color);
  transition: outline-offset 0s, outline 0s;
}

.el-rate__item {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 0;
  vertical-align: middle;
  color: var(--el-rate-void-color);
  line-height: normal;
}

.el-rate .el-rate__icon {
  position: relative;
  display: inline-block;
  font-size: var(--el-rate-icon-size);
  margin-right: var(--el-rate-icon-margin);
  transition: var(--el-transition-duration);
}
.el-rate .el-rate__icon.hover {
  transform: scale(1.15);
}
.el-rate .el-rate__icon .path2 {
  position: absolute;
  left: 0;
  top: 0;
}
.el-rate .el-rate__icon.is-active {
  color: var(--el-rate-fill-color);
}

.el-rate__decimal {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  overflow: hidden;
  color: var(--el-rate-fill-color);
}
.el-rate__decimal--box {
  position: absolute;
  top: 0;
  left: 0;
}

.el-rate__text {
  font-size: var(--el-rate-font-size);
  vertical-align: middle;
  color: var(--el-rate-text-color);
}

.el-rate--large {
  height: 40px;
}
.el-rate--small {
  height: 24px;
}
.el-rate--small .el-rate__icon {
  font-size: 14px;
}

.el-rate.is-disabled .el-rate__item {
  cursor: not-allowed;
  color: var(--el-rate-disabled-void-color);
}

/* just override what you need */
.el-result {
  --el-result-padding: 40px 30px;
  --el-result-icon-font-size: 64px;
  --el-result-title-font-size: 20px;
  --el-result-title-margin-top: 20px;
  --el-result-subtitle-margin-top: 10px;
  --el-result-extra-margin-top: 30px;
}

.el-result {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  padding: var(--el-result-padding);
}
.el-result__icon svg {
  width: var(--el-result-icon-font-size);
  height: var(--el-result-icon-font-size);
}

.el-result__title {
  margin-top: var(--el-result-title-margin-top);
}
.el-result__title p {
  margin: 0;
  font-size: var(--el-result-title-font-size);
  color: var(--el-text-color-primary);
  line-height: 1.3;
}

.el-result__subtitle {
  margin-top: var(--el-result-subtitle-margin-top);
}
.el-result__subtitle p {
  margin: 0;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-regular);
  line-height: 1.3;
}

.el-result__extra {
  margin-top: var(--el-result-extra-margin-top);
}

.el-result .icon-primary {
  --el-result-color: var(--el-color-primary);
  color: var(--el-result-color);
}
.el-result .icon-success {
  --el-result-color: var(--el-color-success);
  color: var(--el-result-color);
}
.el-result .icon-warning {
  --el-result-color: var(--el-color-warning);
  color: var(--el-result-color);
}
.el-result .icon-danger {
  --el-result-color: var(--el-color-danger);
  color: var(--el-result-color);
}
.el-result .icon-error {
  --el-result-color: var(--el-color-error);
  color: var(--el-result-color);
}
.el-result .icon-info {
  --el-result-color: var(--el-color-info);
  color: var(--el-result-color);
}

/* just override what you need */
.el-row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  box-sizing: border-box;
}
.el-row.is-justify-center {
  justify-content: center;
}

.el-row.is-justify-end {
  justify-content: flex-end;
}

.el-row.is-justify-space-between {
  justify-content: space-between;
}

.el-row.is-justify-space-around {
  justify-content: space-around;
}

.el-row.is-justify-space-evenly {
  justify-content: space-evenly;
}

.el-row.is-align-top {
  align-items: flex-start;
}

.el-row.is-align-middle {
  align-items: center;
}

.el-row.is-align-bottom {
  align-items: flex-end;
}

/* just override what you need */
.el-scrollbar {
  --el-scrollbar-opacity: 0.5;
  --el-scrollbar-bg-color: var(--el-text-color-secondary);
  --el-scrollbar-hover-opacity: 0.7;
  --el-scrollbar-hover-bg-color: var(--el-text-color-secondary);
}

.el-scrollbar {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.el-scrollbar__wrap {
  overflow: auto;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  display: none;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
  transition: var(--el-transition-duration) background-color;
  opacity: var(--el-scrollbar-opacity, 0.5);
}
.el-scrollbar__thumb:hover {
  background-color: var(--el-scrollbar-hover-bg-color, var(--el-text-color-secondary));
  opacity: var(--el-scrollbar-hover-opacity, 0.7);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.el-scrollbar-fade-enter-active {
  transition: opacity 340ms ease-out;
}
.el-scrollbar-fade-leave-active {
  transition: opacity 120ms ease-out;
}
.el-scrollbar-fade-enter-from, .el-scrollbar-fade-leave-active {
  opacity: 0;
}

/* just override what you need */
/* just override what you need */
.el-select-dropdown {
  z-index: calc(var(--el-index-top) + 1);
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
}
.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  padding: 0;
}

.el-select-dropdown__loading {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: var(--el-text-color-secondary);
  font-size: var(--el-select-font-size);
}

.el-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: var(--el-text-color-secondary);
  font-size: var(--el-select-font-size);
}

.el-select-dropdown__wrap {
  max-height: 274px;
}

.el-select-dropdown__list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  box-sizing: border-box;
}
.el-select-dropdown__list.el-vl__window {
  margin: 6px 0;
  padding: 0;
}

.el-select-dropdown__header {
  padding: 10px;
  border-bottom: none;
}

.el-select-dropdown__footer {
  padding: 10px;
  border-top: none;
}

/* just override what you need */
.el-select-dropdown__item {
  font-size: var(--el-font-size-base);
  padding: 0 32px 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--el-text-color-regular);
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}
.el-select-dropdown__item.is-hovering {
  background-color: var(--color-background-bg);
}

.el-select-dropdown__item.is-selected {
  color: var(--el-color-primary);
  font-weight: bold;
}

.el-select-dropdown__item.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
  background-color: unset;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  border-top: none;
  border-right: none;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--el-color-primary);
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  mask-size: 100% 100%;
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask-size: 100% 100%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
  background-color: var(--el-text-color-placeholder);
}

/* just override what you need */
.el-select-group {
  margin: 0;
  padding: 0;
}
.el-select-group__wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.el-select-group__title {
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 12px;
  color: var(--el-color-info);
  line-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-select-group .el-select-dropdown__item {
  padding-left: 20px;
}

.el-select {
  --el-select-border-color-hover: transparent;
  --el-select-disabled-color: var(--el-disabled-text-color);
  --el-select-disabled-border: var(--el-disabled-border-color);
  --el-select-font-size: var(--el-font-size-base);
  --el-select-close-hover-color: var(--el-text-color-secondary);
  --el-select-input-color: var(--el-text-color-placeholder);
  --el-select-multiple-input-color: var(--el-text-color-regular);
  --el-select-input-focus-border-color: transparent;
  --el-select-input-font-size: 14px;
  --el-select-width: 100%;
}

.el-select {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: var(--el-select-width);
}
.el-select__wrapper {
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  text-align: left;
  font-size: 14px;
  padding: 4px 12px;
  gap: 6px;
  min-height: 32px;
  line-height: 24px;
  border-radius: var(--el-border-radius-base);
  background-color: var(--el-fill-color-blank);
  transition: var(--el-transition-duration);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 0 1px var(--el-border-color) inset;
}
.el-select__wrapper.is-filterable {
  cursor: text;
}

.el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
}

.el-select__wrapper.is-hovering:not(.is-focused) {
  box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
}

.el-select__wrapper.is-disabled {
  cursor: not-allowed;
  background-color: var(--el-fill-color-light);
  color: var(--el-text-color-placeholder);
  box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset;
}
.el-select__wrapper.is-disabled:hover {
  box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset;
}
.el-select__wrapper.is-disabled.is-focus {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-select__wrapper.is-disabled .el-select__selected-item {
  color: var(--el-select-disabled-color);
}

.el-select__wrapper.is-disabled .el-select__caret {
  cursor: not-allowed;
}

.el-select__wrapper.is-disabled .el-tag {
  cursor: not-allowed;
}
.el-select__wrapper.is-disabled input {
  cursor: not-allowed;
}
.el-select__wrapper.is-disabled .el-select__prefix,
.el-select__wrapper.is-disabled .el-select__suffix {
  pointer-events: none;
}

.el-select__prefix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}

.el-select__suffix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}

.el-select__caret {
  color: var(--el-select-input-color);
  font-size: var(--el-select-input-font-size);
  transition: var(--el-transition-duration);
  transform: rotateZ(0deg);
  cursor: pointer;
}
.el-select__caret.is-reverse {
  transform: rotateZ(180deg);
}

.el-select__clear {
  cursor: pointer;
}
.el-select__clear:hover {
  color: var(--el-select-close-hover-color);
}

.el-select__selection {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 6px;
}
.el-select__selection.is-near {
  margin-left: -8px;
}

.el-select__selection .el-tag {
  cursor: pointer;
  border-color: transparent;
}
.el-select__selection .el-tag.el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-select__selection .el-tag .el-tag__content {
  min-width: 0;
}

.el-select__selected-item {
  display: flex;
  flex-wrap: wrap;
  user-select: none;
}

.el-select__tags-text {
  display: block;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-select__placeholder {
  position: absolute;
  z-index: -1;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--el-input-text-color, var(--el-text-color-regular));
}
.el-select__placeholder.is-transparent {
  user-select: none;
  color: var(--el-text-color-placeholder);
}

.el-select__popper.el-popper {
  background: var(--color-background-bg);
  border: none;
  box-shadow: var(--el-box-shadow-light);
}
.el-select__popper.el-popper .el-popper__arrow::before {
  border: none;
}
.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.el-select__input-wrapper {
  flex: 1;
}
.el-select__input-wrapper.is-hidden {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.el-select__input {
  border: none;
  outline: none;
  padding: 0;
  color: var(--el-select-multiple-input-color);
  font-size: inherit;
  font-family: inherit;
  appearance: none;
  height: 24px;
  width: 100%;
  background-color: transparent;
}

.el-select__input-calculator {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  visibility: hidden;
  white-space: pre;
  overflow: hidden;
}

.el-select--large .el-select__wrapper {
  gap: 6px;
  padding: 8px 16px;
  min-height: 40px;
  line-height: 24px;
  font-size: 14px;
}

.el-select--large .el-select__selection {
  gap: 6px;
}
.el-select--large .el-select__selection.is-near {
  margin-left: -8px;
}

.el-select--large .el-select__prefix {
  gap: 6px;
}

.el-select--large .el-select__suffix {
  gap: 6px;
}

.el-select--large .el-select__input {
  height: 24px;
}

.el-select--small .el-select__wrapper {
  gap: 4px;
  padding: 2px 8px;
  min-height: 30px;
  line-height: 20px;
  font-size: 12px;
}

.el-select--small .el-select__selection {
  gap: 4px;
}
.el-select--small .el-select__selection.is-near {
  margin-left: -6px;
}

.el-select--small .el-select__prefix {
  gap: 4px;
}

.el-select--small .el-select__suffix {
  gap: 4px;
}

.el-select--small .el-select__input {
  height: 20px;
}

/* just override what you need */
.el-skeleton {
  --el-skeleton-circle-size: var(--el-avatar-size);
}

.el-skeleton__item {
  background: var(--el-skeleton-color);
  display: inline-block;
  height: 16px;
  border-radius: var(--el-border-radius-base);
  width: 100%;
}

.el-skeleton__circle {
  border-radius: 50%;
  width: var(--el-skeleton-circle-size);
  height: var(--el-skeleton-circle-size);
  line-height: var(--el-skeleton-circle-size);
}

.el-skeleton__button {
  height: 40px;
  width: 64px;
  border-radius: 4px;
}

.el-skeleton__p {
  width: 100%;
}
.el-skeleton__p.is-last {
  width: 61%;
}

.el-skeleton__p.is-first {
  width: 33%;
}

.el-skeleton__text {
  width: 100%;
  height: var(--el-font-size-small);
}

.el-skeleton__caption {
  height: var(--el-font-size-extra-small);
}

.el-skeleton__h1 {
  height: var(--el-font-size-extra-large);
}

.el-skeleton__h3 {
  height: var(--el-font-size-large);
}

.el-skeleton__h5 {
  height: var(--el-font-size-medium);
}

.el-skeleton__image {
  width: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
.el-skeleton__image svg {
  color: var(--el-svg-monochrome-grey);
  fill: currentColor;
  width: 22%;
  height: 22%;
}

/* just override what you need */
.el-skeleton {
  --el-skeleton-color: var(--el-fill-color);
  --el-skeleton-to-color: var(--el-fill-color-darker);
}

@keyframes el-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.el-skeleton {
  width: 100%;
}
.el-skeleton__first-line {
  height: 16px;
  margin-top: 16px;
  background: var(--el-skeleton-color);
}

.el-skeleton__paragraph {
  height: 16px;
  margin-top: 16px;
  background: var(--el-skeleton-color);
}

.el-skeleton.is-animated .el-skeleton__item {
  background: linear-gradient(90deg, var(--el-skeleton-color) 25%, var(--el-skeleton-to-color) 37%, var(--el-skeleton-color) 63%);
  background-size: 400% 100%;
  animation: el-skeleton-loading 1.4s ease infinite;
}

/* just override what you need */
.el-slider {
  --el-slider-main-bg-color: var(--el-color-primary);
  --el-slider-runway-bg-color: var(--el-border-color-light);
  --el-slider-stop-bg-color: var(--el-color-white);
  --el-slider-disabled-color: var(--el-text-color-placeholder);
  --el-slider-border-radius: 3px;
  --el-slider-height: 6px;
  --el-slider-button-size: 20px;
  --el-slider-button-wrapper-size: 36px;
  --el-slider-button-wrapper-offset: -15px;
}

.el-slider {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
}
.el-slider__runway {
  flex: 1;
  height: var(--el-slider-height);
  background-color: var(--el-slider-runway-bg-color);
  border-radius: var(--el-slider-border-radius);
  position: relative;
  cursor: pointer;
}
.el-slider__runway.show-input {
  margin-right: 30px;
  width: auto;
}
.el-slider__runway.is-disabled {
  cursor: default;
}
.el-slider__runway.is-disabled .el-slider__bar {
  background-color: var(--el-slider-disabled-color);
}
.el-slider__runway.is-disabled .el-slider__button {
  border-color: var(--el-slider-disabled-color);
}
.el-slider__runway.is-disabled .el-slider__button-wrapper:hover, .el-slider__runway.is-disabled .el-slider__button-wrapper.hover {
  cursor: not-allowed;
}
.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging {
  cursor: not-allowed;
}
.el-slider__runway.is-disabled .el-slider__button:hover, .el-slider__runway.is-disabled .el-slider__button.hover, .el-slider__runway.is-disabled .el-slider__button.dragging {
  transform: scale(1);
}
.el-slider__runway.is-disabled .el-slider__button:hover, .el-slider__runway.is-disabled .el-slider__button.hover {
  cursor: not-allowed;
}
.el-slider__runway.is-disabled .el-slider__button.dragging {
  cursor: not-allowed;
}

.el-slider__input {
  flex-shrink: 0;
  width: 130px;
}

.el-slider__bar {
  height: var(--el-slider-height);
  background-color: var(--el-slider-main-bg-color);
  border-top-left-radius: var(--el-slider-border-radius);
  border-bottom-left-radius: var(--el-slider-border-radius);
  position: absolute;
}

.el-slider__button-wrapper {
  height: var(--el-slider-button-wrapper-size);
  width: var(--el-slider-button-wrapper-size);
  position: absolute;
  z-index: 1;
  top: var(--el-slider-button-wrapper-offset);
  transform: translateX(-50%);
  background-color: transparent;
  text-align: center;
  user-select: none;
  line-height: normal;
  outline: none;
}
.el-slider__button-wrapper::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-slider__button-wrapper:hover, .el-slider__button-wrapper.hover {
  cursor: grab;
}
.el-slider__button-wrapper.dragging {
  cursor: grabbing;
}

.el-slider__button {
  display: inline-block;
  width: var(--el-slider-button-size);
  height: var(--el-slider-button-size);
  vertical-align: middle;
  border: solid 2px var(--el-slider-main-bg-color);
  background-color: var(--el-color-white);
  border-radius: 50%;
  box-sizing: border-box;
  transition: var(--el-transition-duration-fast);
  user-select: none;
}
.el-slider__button:hover, .el-slider__button.hover, .el-slider__button.dragging {
  transform: scale(1.2);
}
.el-slider__button:hover, .el-slider__button.hover {
  cursor: grab;
}
.el-slider__button.dragging {
  cursor: grabbing;
}

.el-slider__stop {
  position: absolute;
  height: var(--el-slider-height);
  width: var(--el-slider-height);
  border-radius: var(--el-border-radius-circle);
  background-color: var(--el-slider-stop-bg-color);
  transform: translateX(-50%);
}

.el-slider__marks {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.el-slider__marks-text {
  position: absolute;
  transform: translateX(-50%);
  font-size: 14px;
  color: var(--el-color-info);
  margin-top: 15px;
  white-space: pre;
}

.el-slider.is-vertical {
  position: relative;
  display: inline-flex;
  width: auto;
  height: 100%;
  flex: 0;
}
.el-slider.is-vertical .el-slider__runway {
  width: var(--el-slider-height);
  height: 100%;
  margin: 0 16px;
}
.el-slider.is-vertical .el-slider__bar {
  width: var(--el-slider-height);
  height: auto;
  border-radius: 0 0 3px 3px;
}
.el-slider.is-vertical .el-slider__button-wrapper {
  top: auto;
  left: var(--el-slider-button-wrapper-offset);
  transform: translateY(50%);
}
.el-slider.is-vertical .el-slider__stop {
  transform: translateY(50%);
}
.el-slider.is-vertical .el-slider__marks-text {
  margin-top: 0;
  left: 15px;
  transform: translateY(50%);
}

.el-slider--large {
  height: 40px;
}
.el-slider--small {
  height: 24px;
}
/* just override what you need */
.el-space {
  display: inline-flex;
  vertical-align: top;
}
.el-space__item {
  display: flex;
  flex-wrap: wrap;
}
.el-space__item > * {
  flex: 1;
}

.el-space--vertical {
  flex-direction: column;
}

.el-time-spinner {
  width: 100%;
  white-space: nowrap;
}

.el-spinner {
  display: inline-block;
  vertical-align: middle;
}

.el-spinner-inner {
  animation: rotate 2s linear infinite;
  width: 50px;
  height: 50px;
}
.el-spinner-inner .path {
  stroke: var(--el-border-color-lighter);
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
/* just override what you need */
.el-step {
  position: relative;
  flex-shrink: 1;
}
.el-step:last-of-type .el-step__line {
  display: none;
}

.el-step:last-of-type.is-flex {
  flex-basis: auto !important;
  flex-shrink: 0;
  flex-grow: 0;
}

.el-step:last-of-type .el-step__main, .el-step:last-of-type .el-step__description {
  padding-right: 0;
}

.el-step__head {
  position: relative;
  width: 100%;
}
.el-step__head.is-process {
  color: var(--el-text-color-primary);
  border-color: var(--el-text-color-primary);
}

.el-step__head.is-wait {
  color: var(--el-text-color-placeholder);
  border-color: var(--el-text-color-placeholder);
}

.el-step__head.is-success {
  color: var(--el-color-success);
  border-color: var(--el-color-success);
}

.el-step__head.is-error {
  color: var(--el-color-danger);
  border-color: var(--el-color-danger);
}

.el-step__head.is-finish {
  color: var(--el-color-primary);
  border-color: var(--el-color-primary);
}

.el-step__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  box-sizing: border-box;
  background: var(--el-bg-color);
  transition: 0.15s ease-out;
}
.el-step__icon.is-text {
  border-radius: 50%;
  border: 2px solid;
  border-color: currentColor;
}

.el-step__icon.is-icon {
  width: 40px;
}

.el-step__icon-inner {
  display: inline-block;
  user-select: none;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}
.el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: 25px;
  font-weight: normal;
}
.el-step__icon-inner.is-status {
  transform: translateY(1px);
}

.el-step__line {
  position: absolute;
  border-color: currentColor;
  background-color: var(--el-text-color-placeholder);
}

.el-step__line-inner {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: currentColor;
  transition: 0.15s ease-out;
  box-sizing: border-box;
  width: 0;
  height: 0;
}

.el-step__main {
  white-space: normal;
  text-align: left;
}

.el-step__title {
  font-size: 16px;
  line-height: 38px;
}
.el-step__title.is-process {
  font-weight: bold;
  color: var(--el-text-color-primary);
}

.el-step__title.is-wait {
  color: var(--el-text-color-placeholder);
}

.el-step__title.is-success {
  color: var(--el-color-success);
}

.el-step__title.is-error {
  color: var(--el-color-danger);
}

.el-step__title.is-finish {
  color: var(--el-color-primary);
}

.el-step__description {
  padding-right: 10%;
  margin-top: -5px;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
}
.el-step__description.is-process {
  color: var(--el-text-color-primary);
}

.el-step__description.is-wait {
  color: var(--el-text-color-placeholder);
}

.el-step__description.is-success {
  color: var(--el-color-success);
}

.el-step__description.is-error {
  color: var(--el-color-danger);
}

.el-step__description.is-finish {
  color: var(--el-color-primary);
}

.el-step.is-horizontal {
  display: inline-block;
}
.el-step.is-horizontal .el-step__line {
  height: 2px;
  top: 11px;
  left: 0;
  right: 0;
}

.el-step.is-vertical {
  display: flex;
}
.el-step.is-vertical .el-step__head {
  flex-grow: 0;
  width: 24px;
}

.el-step.is-vertical .el-step__main {
  padding-left: 10px;
  flex-grow: 1;
}

.el-step.is-vertical .el-step__title {
  line-height: 24px;
  padding-bottom: 8px;
}

.el-step.is-vertical .el-step__line {
  width: 2px;
  top: 0;
  bottom: 0;
  left: 11px;
}

.el-step.is-vertical .el-step__icon.is-icon {
  width: 24px;
}

.el-step.is-vertical .el-step__description {
  padding-right: 0;
}

.el-step.is-center .el-step__head {
  text-align: center;
}

.el-step.is-center .el-step__main {
  text-align: center;
}

.el-step.is-center .el-step__description {
  padding-left: 20%;
  padding-right: 20%;
}

.el-step.is-center .el-step__line {
  left: 50%;
  right: -50%;
}

.el-step.is-simple {
  display: flex;
  align-items: center;
}
.el-step.is-simple .el-step__head {
  width: auto;
  font-size: 0;
  padding-right: 10px;
}

.el-step.is-simple .el-step__icon {
  background: transparent;
  width: 16px;
  height: 16px;
  font-size: 12px;
}

.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: 18px;
}
.el-step.is-simple .el-step__icon-inner.is-status {
  transform: scale(0.8) translateY(1px);
}

.el-step.is-simple .el-step__main {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-grow: 1;
}

.el-step.is-simple .el-step__title {
  font-size: 16px;
  line-height: 20px;
}

.el-step.is-simple:not(:last-of-type) .el-step__title {
  max-width: 50%;
  overflow-wrap: break-word;
}

.el-step.is-simple .el-step__arrow {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.el-step.is-simple .el-step__arrow::before, .el-step.is-simple .el-step__arrow::after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 15px;
  width: 1px;
  background: var(--el-text-color-placeholder);
}
.el-step.is-simple .el-step__arrow::before {
  transform: rotate(-45deg) translateY(-4px);
  transform-origin: 0 0;
}
.el-step.is-simple .el-step__arrow::after {
  transform: rotate(45deg) translateY(4px);
  transform-origin: 100% 100%;
}

.el-step.is-simple:last-of-type .el-step__arrow {
  display: none;
}

/* just override what you need */
.el-steps {
  display: flex;
  line-height: normal;
}
.el-steps--simple {
  padding: 13px 8%;
  border-radius: 4px;
  background: var(--el-fill-color-light);
}

.el-steps--horizontal {
  white-space: nowrap;
}

.el-steps--vertical {
  height: 100%;
  flex-flow: column;
}

/* just override what you need */
.el-switch {
  --el-switch-on-color: var(--el-color-primary);
  --el-switch-off-color: var(--el-border-color);
}

.el-switch {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  height: 32px;
  vertical-align: middle;
}
.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
  cursor: not-allowed;
}

.el-switch__label {
  transition: var(--el-transition-duration-fast);
  height: 20px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  vertical-align: middle;
  color: var(--el-text-color-primary);
}
.el-switch__label.is-active {
  color: var(--el-color-primary);
}

.el-switch__label--left {
  margin-right: 10px;
}

.el-switch__label--right {
  margin-left: 10px;
}

.el-switch__label * {
  line-height: 1;
  font-size: 14px;
  display: inline-block;
}
.el-switch__label .el-icon {
  height: inherit;
}
.el-switch__label .el-icon svg {
  vertical-align: middle;
}

.el-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}
.el-switch__input:focus-visible ~ .el-switch__core {
  outline: 2px solid var(--el-switch-on-color);
  outline-offset: 1px;
}

.el-switch__core {
  display: inline-flex;
  position: relative;
  align-items: center;
  min-width: 40px;
  height: 20px;
  border: 1px solid var(--el-switch-border-color, var(--el-switch-off-color));
  outline: none;
  border-radius: 10px;
  box-sizing: border-box;
  background: var(--el-switch-off-color);
  cursor: pointer;
  transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration);
}
.el-switch__core .el-switch__inner {
  width: 100%;
  transition: all var(--el-transition-duration);
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 0 4px 0 calc(16px + 2px);
}
.el-switch__core .el-switch__inner-wrapper {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--el-color-white);
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-switch__core .el-switch__action {
  position: absolute;
  left: 1px;
  border-radius: var(--el-border-radius-circle);
  transition: all var(--el-transition-duration);
  width: 16px;
  height: 16px;
  background-color: var(--el-color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--el-switch-off-color);
}

.el-switch.is-checked .el-switch__core {
  border-color: var(--el-switch-border-color, var(--el-switch-on-color));
  background-color: var(--el-switch-on-color);
}
.el-switch.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 17px);
  color: var(--el-switch-on-color);
}
.el-switch.is-checked .el-switch__core .el-switch__inner {
  padding: 0 calc(16px + 2px) 0 4px;
}

.el-switch.is-disabled {
  opacity: 0.6;
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
  left: 10px;
}
.el-switch--wide .el-switch__label.el-switch__label--right span {
  right: 10px;
}

.el-switch .label-fade-enter-from, .el-switch .label-fade-leave-active {
  opacity: 0;
}
.el-switch--large {
  font-size: 14px;
  line-height: 24px;
  height: 40px;
}
.el-switch--large .el-switch__label {
  height: 24px;
  font-size: 14px;
}
.el-switch--large .el-switch__label * {
  font-size: 14px;
}

.el-switch--large .el-switch__core {
  min-width: 50px;
  height: 24px;
  border-radius: 12px;
}
.el-switch--large .el-switch__core .el-switch__inner {
  height: 20px;
  padding: 0 6px 0 calc(20px + 2px);
}
.el-switch--large .el-switch__core .el-switch__action {
  width: 20px;
  height: 20px;
}

.el-switch--large.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 21px);
}
.el-switch--large.is-checked .el-switch__core .el-switch__inner {
  padding: 0 calc(20px + 2px) 0 6px;
}

.el-switch--small {
  font-size: 12px;
  line-height: 16px;
  height: 24px;
}
.el-switch--small .el-switch__label {
  height: 16px;
  font-size: 12px;
}
.el-switch--small .el-switch__label * {
  font-size: 12px;
}

.el-switch--small .el-switch__core {
  min-width: 30px;
  height: 16px;
  border-radius: 8px;
}
.el-switch--small .el-switch__core .el-switch__inner {
  height: 12px;
  padding: 0 2px 0 calc(12px + 2px);
}
.el-switch--small .el-switch__core .el-switch__action {
  width: 12px;
  height: 12px;
}

.el-switch--small.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 13px);
}
.el-switch--small.is-checked .el-switch__core .el-switch__inner {
  padding: 0 calc(12px + 2px) 0 2px;
}

/* just override what you need */
.el-table-column--selection .cell {
  padding-left: 14px;
  padding-right: 14px;
}

.el-table-filter {
  border: solid 1px var(--el-border-color-lighter);
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: var(--el-box-shadow-light);
  box-sizing: border-box;
  /** used for dropdown mode */
}
.el-table-filter__list {
  padding: 5px 0;
  margin: 0;
  list-style: none;
  min-width: 100px;
  outline: none;
}

.el-table-filter__list-item {
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
  font-size: var(--el-font-size-base);
  outline: none;
}
.el-table-filter__list-item:hover, .el-table-filter__list-item:focus {
  background-color: transparent;
  color: var(--color-primary);
}
.el-table-filter__list-item.is-active {
  background-color: var(--el-color-primary);
  color: #ffffff;
}

.el-table-filter__multiple {
  outline: none;
}

.el-table-filter__content {
  min-width: 100px;
}

.el-table-filter__bottom {
  border-top: 1px solid var(--el-border-color-lighter);
  padding: 8px;
}
.el-table-filter__bottom button {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table-filter__bottom button:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table-filter__bottom button {
  color: var(--el-text-color-regular);
  font-size: var(--el-font-size-small);
  padding: 0 3px;
}
.el-table-filter__bottom button:hover {
  color: var(--el-color-primary);
}
.el-table-filter__bottom button.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-table-filter__wrap {
  max-height: 280px;
}

.el-table-filter__checkbox-group {
  padding: 10px;
}
.el-table-filter__checkbox-group label.el-checkbox {
  display: flex;
  align-items: center;
  margin-right: 5px;
  margin-bottom: 12px;
  margin-left: 5px;
  height: unset;
}
.el-table-filter__checkbox-group .el-checkbox:last-child {
  margin-bottom: 0;
}

/* just override what you need */
.el-table {
  --el-table-border-color: var(--color-background-bg2);
  --el-table-border: 1px solid var(--el-table-border-color);
  --el-table-text-color: var(--el-text-color-regular);
  --el-table-header-text-color: var(--color-text-primary);
  --el-table-row-hover-bg-color: var(--color-background-bg);
  --el-table-current-row-bg-color: var(--color-background-bg);
  --el-table-header-bg-color: transparent;
  --el-table-fixed-box-shadow: var(--el-box-shadow-light);
  --el-table-bg-color: var(--el-fill-color-blank);
  --el-table-tr-bg-color: var(--el-fill-color-blank);
  --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-index: var(--el-index-normal);
}

.el-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  height: fit-content;
  width: 100%;
  max-width: 100%;
  background-color: var(--el-table-bg-color);
  font-size: var(--el-font-size-base);
  color: var(--el-table-text-color);
}
.el-table__inner-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.el-table__inner-wrapper::before {
  left: 0;
  bottom: 0;
  height: 1px;
}

.el-table tbody:focus-visible {
  outline: none;
}
.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell, .el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell {
  border-bottom-color: transparent;
}
.el-table__empty-block {
  position: sticky;
  left: 0;
  min-height: 60px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-table__empty-text {
  line-height: 60px;
  width: 50%;
  color: var(--el-text-color-secondary);
}

.el-table__expand-column .cell {
  padding: 0;
  text-align: center;
  user-select: none;
}

.el-table__expand-icon {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table__expand-icon:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: -2px;
}
.el-table__expand-icon {
  color: var(--el-text-color-regular);
  font-size: 12px;
  line-height: 12px;
  width: min(23px, 100%);
  height: 23px;
}
.el-table__expand-icon.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-table__expand-icon--expanded {
  transform: rotate(90deg);
}

.el-table__expand-icon > .el-icon {
  font-size: 12px;
}

.el-table__expanded-cell {
  background-color: var(--el-table-expanded-cell-bg-color);
}
.el-table__expanded-cell[class*=cell] {
  padding: 20px 50px;
}
.el-table__expanded-cell:hover {
  background-color: transparent !important;
}

.el-table__placeholder {
  display: inline-block;
  width: 20px;
}

.el-table__append-wrapper {
  overflow: hidden;
}

.el-table--fit {
  border-right: 0;
  border-bottom: 0;
}
.el-table--fit .el-table__cell.gutter {
  border-right-width: 1px;
}
.el-table--fit .el-table__inner-wrapper::before {
  width: 100%;
}

.el-table thead {
  color: var(--el-table-header-text-color);
}
.el-table thead th {
  font-weight: 600;
}
.el-table thead.is-group th.el-table__cell {
  background: var(--el-fill-color-light);
}
.el-table .el-table__cell {
  padding: 8px 0;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left;
  z-index: var(--el-table-index);
}
.el-table .el-table__cell.is-center {
  text-align: center;
}

.el-table .el-table__cell.is-right {
  text-align: right;
}

.el-table .el-table__cell.gutter {
  width: 15px;
  border-right-width: 0;
  border-bottom-width: 0;
  padding: 0;
}
.el-table .el-table__cell.is-hidden > * {
  visibility: hidden;
}
.el-table .cell {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  overflow-wrap: break-word;
  line-height: 23px;
  padding: 0 12px;
}
.el-table .cell.el-tooltip {
  white-space: nowrap;
  min-width: 50px;
}
.el-table--large {
  font-size: var(--el-font-size-base);
}
.el-table--large .el-table__cell {
  padding: 12px 0;
}
.el-table--large .cell {
  padding: 0 16px;
}

.el-table--default {
  font-size: var(--el-font-size-base);
}
.el-table--default .el-table__cell {
  padding: 8px 0;
}
.el-table--default .cell {
  padding: 0 12px;
}

.el-table--small {
  font-size: var(--el-font-size-extra-small);
}
.el-table--small .el-table__cell {
  padding: 4px 0;
}
.el-table--small .cell {
  padding: 0 8px;
}

.el-table tr {
  background-color: var(--el-table-tr-bg-color);
}
.el-table tr input[type=checkbox] {
  margin: 0;
}
.el-table th.el-table__cell.is-leaf,
.el-table td.el-table__cell {
  border-bottom: var(--el-table-border);
}
.el-table th.el-table__cell.is-sortable {
  cursor: pointer;
}
.el-table th.el-table__cell {
  background-color: var(--el-table-header-bg-color);
}
.el-table th.el-table__cell > .cell.highlight {
  color: var(--el-color-primary);
}
.el-table th.el-table__cell.required > div::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff4d51;
  margin-right: 5px;
  vertical-align: middle;
}
.el-table td.el-table__cell div {
  box-sizing: border-box;
}
.el-table td.el-table__cell.gutter {
  width: 0;
}
.el-table--border::after, .el-table--border::before, .el-table--border .el-table__inner-wrapper::after, .el-table__inner-wrapper::before {
  content: "";
  position: absolute;
  background-color: var(--el-table-border-color);
  z-index: calc(var(--el-table-index) + 2);
}

.el-table--border .el-table__inner-wrapper::after {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  z-index: calc(var(--el-table-index) + 2);
}

.el-table--border::before {
  top: -1px;
  left: 0;
  width: 1px;
  height: 100%;
}
.el-table--border::after {
  top: -1px;
  right: 0;
  width: 1px;
  height: 100%;
}
.el-table--border .el-table__inner-wrapper {
  border-right: none;
  border-bottom: none;
}

.el-table--border .el-table__footer-wrapper {
  position: relative;
  flex-shrink: 0;
}

.el-table--border .el-table__cell {
  border-right: var(--el-table-border);
}
.el-table--border th.el-table__cell.gutter:last-of-type {
  border-bottom: var(--el-table-border);
  border-bottom-width: 1px;
}
.el-table--border th.el-table__cell {
  border-bottom: var(--el-table-border);
}

.el-table--hidden {
  visibility: hidden;
}

.el-table__header-wrapper, .el-table__body-wrapper, .el-table__footer-wrapper {
  width: 100%;
}
.el-table__header-wrapper tr td.el-table-fixed-column--left, .el-table__header-wrapper tr td.el-table-fixed-column--right,
.el-table__header-wrapper tr th.el-table-fixed-column--left,
.el-table__header-wrapper tr th.el-table-fixed-column--right, .el-table__body-wrapper tr td.el-table-fixed-column--left, .el-table__body-wrapper tr td.el-table-fixed-column--right,
.el-table__body-wrapper tr th.el-table-fixed-column--left,
.el-table__body-wrapper tr th.el-table-fixed-column--right, .el-table__footer-wrapper tr td.el-table-fixed-column--left, .el-table__footer-wrapper tr td.el-table-fixed-column--right,
.el-table__footer-wrapper tr th.el-table-fixed-column--left,
.el-table__footer-wrapper tr th.el-table-fixed-column--right {
  position: sticky !important;
  background: inherit;
  z-index: calc(var(--el-table-index) + 1);
}
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column::before {
  content: "";
  position: absolute;
  top: 0px;
  width: 10px;
  bottom: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: none;
  touch-action: none;
  pointer-events: none;
}
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column::before {
  left: -10px;
}
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column::before {
  right: -10px;
}
.el-table__header-wrapper tr td.el-table__fixed-right-patch,
.el-table__header-wrapper tr th.el-table__fixed-right-patch, .el-table__body-wrapper tr td.el-table__fixed-right-patch,
.el-table__body-wrapper tr th.el-table__fixed-right-patch, .el-table__footer-wrapper tr td.el-table__fixed-right-patch,
.el-table__footer-wrapper tr th.el-table__fixed-right-patch {
  position: sticky !important;
  z-index: calc(var(--el-table-index) + 1);
  background: #fff;
  right: 0;
}

.el-table__header-wrapper {
  flex-shrink: 0;
}
.el-table__header-wrapper tr th.el-table-fixed-column--left, .el-table__header-wrapper tr th.el-table-fixed-column--right {
  background-color: var(--el-table-header-bg-color);
}

.el-table__header, .el-table__body, .el-table__footer {
  table-layout: fixed;
  border-collapse: separate;
}

.el-table__header-wrapper {
  overflow: hidden;
}
.el-table__header-wrapper tbody td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
  color: var(--el-table-text-color);
}

.el-table__footer-wrapper {
  overflow: hidden;
  flex-shrink: 0;
}
.el-table__footer-wrapper tfoot td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
  color: var(--el-table-text-color);
}

.el-table__header-wrapper .el-table-column--selection > .cell, .el-table__body-wrapper .el-table-column--selection > .cell {
  display: inline-flex;
  align-items: center;
  height: 23px;
}
.el-table__header-wrapper .el-table-column--selection .el-checkbox, .el-table__body-wrapper .el-table-column--selection .el-checkbox {
  height: unset;
}

.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column::before {
  box-shadow: var(--el-table-fixed-right-column);
}
.el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell {
  border-right: var(--el-table-border);
}
.el-table.is-scrolling-left th.el-table-fixed-column--left {
  background-color: var(--el-table-header-bg-color);
}

.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column::before {
  box-shadow: var(--el-table-fixed-left-column);
}
.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell {
  border-right: none;
}
.el-table.is-scrolling-right th.el-table-fixed-column--right {
  background-color: var(--el-table-header-bg-color);
}

.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell {
  border-right: none;
}
.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column::before {
  box-shadow: var(--el-table-fixed-right-column);
}
.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column::before {
  box-shadow: var(--el-table-fixed-left-column);
}

.el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column::before, .el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column::before,
.el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column::before,
.el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column::before {
  box-shadow: none;
}
.el-table.is-scrolling-none th.el-table-fixed-column--left,
.el-table.is-scrolling-none th.el-table-fixed-column--right {
  background-color: var(--el-table-header-bg-color);
}

.el-table__body-wrapper {
  overflow: hidden;
  position: relative;
  flex: 1;
}
.el-table__body-wrapper .el-scrollbar__bar {
  z-index: calc(var(--el-table-index) + 2);
}

.el-table .caret-wrapper {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table .caret-wrapper:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table .caret-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  height: 14px;
  width: 24px;
  vertical-align: middle;
  overflow: initial;
  position: relative;
}
.el-table .sort-caret {
  width: 0;
  height: 0;
  border: solid 5px transparent;
  position: absolute;
  left: 7px;
}
.el-table .sort-caret.ascending {
  border-bottom-color: var(--el-text-color-placeholder);
  top: -5px;
}
.el-table .sort-caret.descending {
  border-top-color: var(--el-text-color-placeholder);
  bottom: -3px;
}
.el-table .ascending .sort-caret.ascending {
  border-bottom-color: var(--el-color-primary);
}
.el-table .descending .sort-caret.descending {
  border-top-color: var(--el-color-primary);
}
.el-table .hidden-columns {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: var(--el-fill-color-lighter);
}
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell {
  background-color: var(--el-table-current-row-bg-color);
}

.el-table__body tr.hover-row > td.el-table__cell, .el-table__body tr.hover-row.current-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
}
.el-table__body tr > td.hover-cell {
  background-color: var(--el-table-row-hover-bg-color);
}
.el-table__body tr.current-row > td.el-table__cell {
  background-color: var(--el-table-current-row-bg-color);
}

.el-table.el-table--scrollable-y .el-table__body-header {
  position: sticky;
  top: 0;
  z-index: calc(var(--el-table-index) + 2);
}

.el-table.el-table--scrollable-y .el-table__body-footer {
  position: sticky;
  bottom: 0;
  z-index: calc(var(--el-table-index) + 2);
}

.el-table__column-resize-proxy {
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: var(--el-table-border);
  z-index: calc(var(--el-table-index) + 9);
}

.el-table__column-filter-trigger {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table__column-filter-trigger:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table__column-filter-trigger {
  display: inline-block;
}
.el-table__column-filter-trigger i {
  color: var(--el-color-info);
  font-size: 14px;
  vertical-align: middle;
}

.el-table__border-left-patch {
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  z-index: calc(var(--el-table-index) + 2);
  position: absolute;
  background-color: var(--el-table-border-color);
}

.el-table__border-bottom-patch {
  left: 0;
  height: 1px;
  z-index: calc(var(--el-table-index) + 2);
  position: absolute;
  background-color: var(--el-table-border-color);
}

.el-table__border-right-patch {
  top: 0;
  height: 100%;
  width: 1px;
  z-index: calc(var(--el-table-index) + 2);
  position: absolute;
  background-color: var(--el-table-border-color);
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
  transition: background-color 0.25s ease;
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.el-table .el-table.el-table--border .el-table__cell {
  border-right: var(--el-table-border);
}
.el-table:not(.el-table--border) .el-table__cell {
  border-right: none;
}
.el-table:not(.el-table--border) > .el-table__inner-wrapper::after {
  content: none;
}

/* just override what you need */
.el-table-v2 {
  --el-table-border-color: var(--color-background-bg2);
  --el-table-border: 1px solid var(--el-table-border-color);
  --el-table-text-color: var(--el-text-color-regular);
  --el-table-header-text-color: var(--color-text-primary);
  --el-table-row-hover-bg-color: var(--color-background-bg);
  --el-table-current-row-bg-color: var(--color-background-bg);
  --el-table-header-bg-color: transparent;
  --el-table-fixed-box-shadow: var(--el-box-shadow-light);
  --el-table-bg-color: var(--el-fill-color-blank);
  --el-table-tr-bg-color: var(--el-fill-color-blank);
  --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-index: var(--el-index-normal);
}

.el-table-v2 {
  font-size: var(--el-font-size-base);
}
.el-table-v2 * {
  box-sizing: border-box;
}
.el-table-v2__root {
  position: relative;
}
.el-table-v2__root:hover .el-table-v2__main .el-virtual-scrollbar {
  opacity: 1;
}

.el-table-v2__main {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  overflow: hidden;
  top: 0;
  background-color: var(--el-bg-color);
  left: 0;
}
.el-table-v2__main .el-vl__horizontal,
.el-table-v2__main .el-vl__vertical {
  z-index: 2;
}

.el-table-v2__left {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  overflow: hidden;
  top: 0;
  background-color: var(--el-bg-color);
  left: 0;
  box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.06);
}
.el-table-v2__left .el-virtual-scrollbar {
  opacity: 0;
}
.el-table-v2__left .el-vl__vertical,
.el-table-v2__left .el-vl__horizontal {
  z-index: -1;
}

.el-table-v2__right {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  overflow: hidden;
  top: 0;
  background-color: var(--el-bg-color);
  right: 0;
  box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.06);
}
.el-table-v2__right .el-virtual-scrollbar {
  opacity: 0;
}
.el-table-v2__right .el-vl__vertical,
.el-table-v2__right .el-vl__horizontal {
  z-index: -1;
}
.el-table-v2__header-row {
  padding-inline-end: var(--el-table-scrollbar-size);
}

.el-table-v2__row {
  padding-inline-end: var(--el-table-scrollbar-size);
}

.el-table-v2__header-wrapper {
  overflow: hidden;
}

.el-table-v2__header {
  position: relative;
  overflow: hidden;
}
.el-table-v2__header .el-checkbox {
  z-index: 0;
}

.el-table-v2__footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.el-table-v2__empty {
  position: absolute;
  left: 0;
}

.el-table-v2__overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
}

.el-table-v2__header-row {
  display: flex;
  border-bottom: var(--el-table-border);
}
.el-table-v2__header-cell {
  height: 100%;
  user-select: none;
  overflow: hidden;
  background-color: var(--el-table-header-bg-color);
  color: var(--el-table-header-text-color);
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 0 8px;
}
.el-table-v2__header-cell.is-align-center {
  justify-content: center;
  text-align: center;
}

.el-table-v2__header-cell.is-align-right {
  justify-content: flex-end;
  text-align: right;
}

.el-table-v2__header-cell.is-sortable {
  cursor: pointer;
}

.el-table-v2__header-cell:hover .el-icon {
  display: block;
}

.el-table-v2__sort-icon {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table-v2__sort-icon:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table-v2__sort-icon {
  transition: opacity, display var(--el-transition-duration);
  opacity: 0.6;
  display: none;
}
.el-table-v2__sort-icon.is-sorting {
  display: flex;
  opacity: 1;
}

.el-table-v2__row {
  border-bottom: var(--el-table-border);
  display: flex;
  align-items: center;
  transition: background-color var(--el-transition-duration);
}
.el-table-v2__row.is-hovered {
  background-color: var(--el-table-row-hover-bg-color);
}

.el-table-v2__row:hover {
  background-color: var(--el-table-row-hover-bg-color);
}
.el-table-v2__row-cell {
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 8px;
}
.el-table-v2__row-cell.is-align-center {
  justify-content: center;
  text-align: center;
}

.el-table-v2__row-cell.is-align-right {
  justify-content: flex-end;
  text-align: right;
}

.el-table-v2__expand-icon {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table-v2__expand-icon:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table-v2__expand-icon {
  margin: 0 4px;
  user-select: none;
}
.el-table-v2__expand-icon svg {
  transition: transform var(--el-transition-duration);
}
.el-table-v2__expand-icon.is-expanded svg {
  transform: rotate(90deg);
}

.el-table-v2:not(.is-dynamic) .el-table-v2__cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-table-v2.is-dynamic .el-table-v2__row {
  overflow: hidden;
  align-items: stretch;
}
.el-table-v2.is-dynamic .el-table-v2__row .el-table-v2__row-cell {
  overflow-wrap: break-word;
}

/* just override what you need */
.el-tabs {
  --el-tabs-header-height: 40px;
  display: flex;
}
.el-tabs__header {
  padding: 0;
  position: relative;
  margin: 0 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.el-tabs__header-vertical {
  flex-direction: column;
}

.el-tabs__active-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: var(--el-color-primary);
  z-index: 1;
  transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  list-style: none;
}
.el-tabs__active-bar.is-bottom {
  bottom: auto;
}

.el-tabs__new-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid var(--el-border-color);
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin: 10px 0 10px 10px;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  color: var(--el-text-color-primary);
  cursor: pointer;
  transition: all 0.15s;
}
.el-tabs__new-tab .is-icon-plus {
  height: inherit;
  width: inherit;
  transform: scale(0.8, 0.8);
}
.el-tabs__new-tab .is-icon-plus svg {
  vertical-align: middle;
}
.el-tabs__new-tab:hover {
  color: var(--el-color-primary);
}

.el-tabs__new-tab-vertical {
  margin-left: 0;
}

.el-tabs__nav-wrap {
  overflow: hidden;
  margin-bottom: -1px;
  position: relative;
  flex: 1 auto;
}
.el-tabs__nav-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--el-border-color-light);
  z-index: var(--el-index-normal);
}
.el-tabs__nav-wrap.is-bottom::after {
  top: 0;
  bottom: auto;
}
.el-tabs__nav-wrap.is-scrollable {
  padding: 0 20px;
  box-sizing: border-box;
}

.el-tabs__nav-scroll {
  overflow: hidden;
}

.el-tabs__nav-next, .el-tabs__nav-prev {
  position: absolute;
  cursor: pointer;
  line-height: 44px;
  font-size: 12px;
  color: var(--el-text-color-secondary);
  width: 20px;
  text-align: center;
}
.el-tabs__nav-next.is-disabled, .el-tabs__nav-prev.is-disabled {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}

.el-tabs__nav-next {
  right: 0;
}

.el-tabs__nav-prev {
  left: 0;
}

.el-tabs__nav {
  display: flex;
  white-space: nowrap;
  position: relative;
  transition: transform var(--el-transition-duration);
  float: left;
  z-index: calc(var(--el-index-normal) + 1);
}
.el-tabs__nav.is-stretch {
  min-width: 100%;
  display: flex;
}
.el-tabs__nav.is-stretch > * {
  flex: 1;
  text-align: center;
}

.el-tabs__item {
  padding: 0 20px;
  height: var(--el-tabs-header-height);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  font-size: var(--el-font-size-base);
  font-weight: 500;
  color: var(--el-text-color-primary);
  position: relative;
}
.el-tabs__item:focus, .el-tabs__item:focus:active {
  outline: none;
}
.el-tabs__item:focus-visible {
  box-shadow: 0 0 2px 2px var(--el-color-primary) inset;
  border-radius: 3px;
}
.el-tabs__item .is-icon-close {
  border-radius: 50%;
  text-align: center;
  transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  margin-left: 5px;
}
.el-tabs__item .is-icon-close:before {
  transform: scale(0.9);
  display: inline-block;
}
.el-tabs__item .is-icon-close:hover {
  background-color: var(--el-text-color-placeholder);
  color: #ffffff;
}
.el-tabs__item.is-active {
  color: var(--el-color-primary);
}

.el-tabs__item:hover {
  color: var(--el-color-primary);
  cursor: pointer;
}
.el-tabs__item.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-tabs__content {
  overflow: hidden;
  position: relative;
  flex-grow: 1;
}

.el-tabs--top > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom > .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 0;
}
.el-tabs--top > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 0;
}
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 20px;
}
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 20px;
}

.el-tabs--card > .el-tabs__header {
  border-bottom: 1px solid var(--el-border-color-light);
  height: var(--el-tabs-header-height);
  box-sizing: border-box;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
  content: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 1px solid var(--el-border-color-light);
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
}
.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
  display: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item .is-icon-close {
  position: relative;
  font-size: 12px;
  width: 0;
  height: 14px;
  overflow: hidden;
  right: -2px;
  transform-origin: 100% 50%;
}
.el-tabs--card > .el-tabs__header .el-tabs__item {
  margin-top: -1px;
  border-bottom: 1px solid transparent;
  border-left: 1px solid var(--el-border-color-light);
  transition: color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
}
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
  border-left: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
  padding-left: 13px;
  padding-right: 13px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close {
  width: 14px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: var(--el-bg-color);
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
  padding-left: 20px;
  padding-right: 20px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close {
  width: 14px;
}

.el-tabs--border-card {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color);
}
.el-tabs--border-card > .el-tabs__content {
  padding: 15px;
}
.el-tabs--border-card > .el-tabs__header {
  background-color: var(--el-fill-color-light);
  border-bottom: 1px solid var(--el-border-color-light);
  margin: 0;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after {
  content: none;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  border: 1px solid transparent;
  margin-top: -1px;
  color: var(--el-text-color-secondary);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
  margin-left: -1px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item {
  margin-left: -1px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  color: var(--el-color-primary);
  background-color: var(--el-bg-color-overlay);
  border-right-color: var(--el-border-color);
  border-left-color: var(--el-border-color);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: var(--el-color-primary);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
  color: var(--el-disabled-text-color);
}
.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
  margin-left: 0;
}

.el-tabs--bottom {
  flex-direction: column;
}
.el-tabs--bottom .el-tabs__header.is-bottom {
  margin-bottom: 0;
  margin-top: 10px;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
  border-bottom: 0;
  border-top: 1px solid var(--el-border-color);
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
  margin-top: -1px;
  margin-bottom: 0;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
  border: 1px solid transparent;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
  margin: 0 -1px -1px;
}

.el-tabs--left, .el-tabs--right {
  overflow: hidden;
}
.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--left .el-tabs__nav-scroll, .el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-scroll {
  height: 100%;
}
.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
  top: 0;
  bottom: auto;
  width: 2px;
  height: auto;
}
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-bottom: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
  height: 30px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i {
  transform: rotateZ(90deg);
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev.is-disabled,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next.is-disabled,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev.is-disabled,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next.is-disabled, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev.is-disabled,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next.is-disabled,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev.is-disabled,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next.is-disabled {
  cursor: not-allowed;
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
  left: auto;
  top: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
  right: auto;
  bottom: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
  padding: 30px 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left::after,
.el-tabs--left .el-tabs__nav-wrap.is-right::after, .el-tabs--right .el-tabs__nav-wrap.is-left::after,
.el-tabs--right .el-tabs__nav-wrap.is-right::after {
  height: 100%;
  width: 2px;
  bottom: auto;
  top: 0;
}
.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
  flex-direction: column;
}
.el-tabs--left .el-tabs__item.is-left, .el-tabs--right .el-tabs__item.is-left {
  justify-content: flex-end;
}
.el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-right {
  justify-content: flex-start;
}

.el-tabs--left {
  flex-direction: row;
}
.el-tabs--left .el-tabs__header.is-left {
  margin-bottom: 0;
  margin-right: 10px;
}
.el-tabs--left .el-tabs__nav-wrap.is-left {
  margin-right: -1px;
}
.el-tabs--left .el-tabs__nav-wrap.is-left::after {
  left: auto;
  right: 0;
}
.el-tabs--left .el-tabs__active-bar.is-left {
  right: 0;
  left: auto;
}
.el-tabs--left .el-tabs__item.is-left {
  text-align: right;
}
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
  display: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
  border-left: none;
  border-right: 1px solid var(--el-border-color-light);
  border-bottom: none;
  border-top: 1px solid var(--el-border-color-light);
  text-align: left;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
  border-right: 1px solid var(--el-border-color-light);
  border-top: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
  border: 1px solid var(--el-border-color-light);
  border-right-color: #fff;
  border-left: none;
  border-bottom: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
  border-top: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
  border-bottom: none;
}
.el-tabs--left.el-tabs--card .el-tabs__nav {
  border-radius: 4px 0 0 4px;
  border-bottom: 1px solid var(--el-border-color-light);
  border-right: none;
}
.el-tabs--left.el-tabs--card .el-tabs__new-tab {
  float: none;
}
.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  border-right: 1px solid var(--el-border-color);
}
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
  border: 1px solid transparent;
  margin: -1px 0 -1px -1px;
}
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}
.el-tabs--left > .el-tabs__content + .el-tabs__header {
  order: -1;
}

.el-tabs--right .el-tabs__header.is-right {
  margin-bottom: 0;
  margin-left: 10px;
}
.el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-left: -1px;
}
.el-tabs--right .el-tabs__nav-wrap.is-right::after {
  left: 0;
  right: auto;
}
.el-tabs--right .el-tabs__active-bar.is-right {
  left: 0;
}
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
  display: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
  border-bottom: none;
  border-top: 1px solid var(--el-border-color-light);
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
  border-left: 1px solid var(--el-border-color-light);
  border-top: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
  border: 1px solid var(--el-border-color-light);
  border-left-color: #fff;
  border-right: none;
  border-bottom: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
  border-top: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
  border-bottom: none;
}
.el-tabs--right.el-tabs--card .el-tabs__nav {
  border-radius: 0 4px 4px 0;
  border-bottom: 1px solid var(--el-border-color-light);
  border-left: none;
}
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
  border-left: 1px solid var(--el-border-color);
}
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
  border: 1px solid transparent;
  margin: -1px -1px -1px 0;
}
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}

.el-tabs--top {
  flex-direction: column;
}
.el-tabs--top > .el-tabs__content + .el-tabs__header {
  order: -1;
}

.slideInRight-transition,
.slideInLeft-transition {
  display: inline-block;
}

.slideInRight-enter {
  animation: slideInRight-enter var(--el-transition-duration);
}

.slideInRight-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInRight-leave var(--el-transition-duration);
}

.slideInLeft-enter {
  animation: slideInLeft-enter var(--el-transition-duration);
}

.slideInLeft-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInLeft-leave var(--el-transition-duration);
}

@keyframes slideInRight-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInRight-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes slideInLeft-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInLeft-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0;
  }
}
/* just override what you need */
.el-tag {
  --el-tag-font-size: 12px;
  --el-tag-border-radius: 4px;
  --el-tag-border-radius-rounded: 9999px;
}

.el-tag {
  background-color: var(--el-tag-bg-color);
  border-color: var(--el-tag-border-color);
  color: var(--el-tag-text-color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 32px;
  padding: 0 10px;
  font-size: var(--el-tag-font-size);
  line-height: 1;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--el-tag-border-radius);
  box-sizing: border-box;
  white-space: nowrap;
  --el-icon-size: 14px;
  --el-tag-bg-color: var(--el-color-primary-light-9);
  --el-tag-border-color: var(--el-color-primary-light-8);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag.el-tag--primary {
  --el-tag-bg-color: var(--el-color-primary-light-9);
  --el-tag-border-color: var(--el-color-primary-light-8);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag.el-tag--success {
  --el-tag-bg-color: var(--el-color-success-light-9);
  --el-tag-border-color: var(--el-color-success-light-8);
  --el-tag-hover-color: var(--el-color-success);
}
.el-tag.el-tag--warning {
  --el-tag-bg-color: var(--el-color-warning-light-9);
  --el-tag-border-color: var(--el-color-warning-light-8);
  --el-tag-hover-color: var(--el-color-warning);
}
.el-tag.el-tag--danger {
  --el-tag-bg-color: var(--el-color-danger-light-9);
  --el-tag-border-color: var(--el-color-danger-light-8);
  --el-tag-hover-color: var(--el-color-danger);
}
.el-tag.el-tag--error {
  --el-tag-bg-color: var(--el-color-error-light-9);
  --el-tag-border-color: var(--el-color-error-light-8);
  --el-tag-hover-color: var(--el-color-error);
}
.el-tag.el-tag--info {
  --el-tag-bg-color: var(--el-color-info-light-9);
  --el-tag-border-color: var(--el-color-info-light-8);
  --el-tag-hover-color: var(--el-color-info);
}
.el-tag.is-hit {
  border-color: var(--el-color-primary);
}

.el-tag.is-round {
  border-radius: var(--el-tag-border-radius-rounded);
}

.el-tag .el-tag__close {
  flex-shrink: 0;
  color: var(--el-tag-text-color);
}
.el-tag .el-tag__close:hover {
  color: var(--el-color-white);
  background-color: var(--el-tag-hover-color);
}
.el-tag.el-tag--primary {
  --el-tag-text-color: var(--el-color-primary);
}
.el-tag.el-tag--success {
  --el-tag-text-color: var(--el-color-success);
}
.el-tag.el-tag--warning {
  --el-tag-text-color: var(--el-color-warning);
}
.el-tag.el-tag--danger {
  --el-tag-text-color: var(--el-color-danger);
}
.el-tag.el-tag--error {
  --el-tag-text-color: var(--el-color-error);
}
.el-tag.el-tag--info {
  --el-tag-text-color: var(--el-color-info);
}
.el-tag .el-icon {
  border-radius: 50%;
  cursor: pointer;
  font-size: calc(var(--el-icon-size) - 2px);
  height: var(--el-icon-size);
  width: var(--el-icon-size);
}
.el-tag .el-tag__close {
  padding: 0;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  outline: none;
  overflow: hidden;
  margin-left: 6px;
}
.el-tag .el-tag__close:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-tag .el-tag__close .el-icon {
  display: flex;
}
.el-tag--dark {
  --el-tag-text-color: var(--el-color-white);
  --el-tag-bg-color: var(--el-color-primary);
  --el-tag-border-color: var(--el-color-primary);
  --el-tag-hover-color: var(--el-color-primary-light-3);
}
.el-tag--dark.el-tag--primary {
  --el-tag-bg-color: var(--el-color-primary);
  --el-tag-border-color: var(--el-color-primary);
  --el-tag-hover-color: var(--el-color-primary-light-3);
}
.el-tag--dark.el-tag--success {
  --el-tag-bg-color: var(--el-color-success);
  --el-tag-border-color: var(--el-color-success);
  --el-tag-hover-color: var(--el-color-success-light-3);
}
.el-tag--dark.el-tag--warning {
  --el-tag-bg-color: var(--el-color-warning);
  --el-tag-border-color: var(--el-color-warning);
  --el-tag-hover-color: var(--el-color-warning-light-3);
}
.el-tag--dark.el-tag--danger {
  --el-tag-bg-color: var(--el-color-danger);
  --el-tag-border-color: var(--el-color-danger);
  --el-tag-hover-color: var(--el-color-danger-light-3);
}
.el-tag--dark.el-tag--error {
  --el-tag-bg-color: var(--el-color-error);
  --el-tag-border-color: var(--el-color-error);
  --el-tag-hover-color: var(--el-color-error-light-3);
}
.el-tag--dark.el-tag--info {
  --el-tag-bg-color: var(--el-color-info);
  --el-tag-border-color: var(--el-color-info);
  --el-tag-hover-color: var(--el-color-info-light-3);
}
.el-tag--dark.el-tag--primary {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--success {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--warning {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--danger {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--error {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--info {
  --el-tag-text-color: var(--el-color-white);
}

.el-tag--plain {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-primary-light-5);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag--plain.el-tag--primary {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-primary-light-5);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag--plain.el-tag--success {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-success-light-5);
  --el-tag-hover-color: var(--el-color-success);
}
.el-tag--plain.el-tag--warning {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-warning-light-5);
  --el-tag-hover-color: var(--el-color-warning);
}
.el-tag--plain.el-tag--danger {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-danger-light-5);
  --el-tag-hover-color: var(--el-color-danger);
}
.el-tag--plain.el-tag--error {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-error-light-5);
  --el-tag-hover-color: var(--el-color-error);
}
.el-tag--plain.el-tag--info {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-info-light-5);
  --el-tag-hover-color: var(--el-color-info);
}

.el-tag.is-closable {
  padding-right: 6px;
}
.el-tag--large {
  padding: 0 11px;
  height: 40px;
  --el-icon-size: 16px;
}
.el-tag--large .el-tag__close {
  margin-left: 8px;
}
.el-tag--large.is-closable {
  padding-right: 8px;
}

.el-tag--small {
  padding: 0 7px;
  height: 25px;
  --el-icon-size: 12px;
}
.el-tag--small .el-tag__close {
  margin-left: 4px;
}
.el-tag--small.is-closable {
  padding-right: 4px;
}

.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag.el-tag--primary.is-hit {
  border-color: var(--el-color-primary);
}

.el-tag.el-tag--success.is-hit {
  border-color: var(--el-color-success);
}

.el-tag.el-tag--warning.is-hit {
  border-color: var(--el-color-warning);
}

.el-tag.el-tag--danger.is-hit {
  border-color: var(--el-color-danger);
}

.el-tag.el-tag--error.is-hit {
  border-color: var(--el-color-error);
}

.el-tag.el-tag--info.is-hit {
  border-color: var(--el-color-info);
}

/* just override what you need */
.el-text {
  --el-text-font-size: var(--el-font-size-base);
  --el-text-color: var(--el-text-color-regular);
}

.el-text {
  align-self: center;
  margin: 0;
  padding: 0;
  font-size: var(--el-text-font-size);
  color: var(--el-text-color);
  overflow-wrap: break-word;
}
.el-text.is-truncated {
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.el-text.is-line-clamp {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.el-text--large {
  --el-text-font-size: var(--el-font-size-medium);
}

.el-text--default {
  --el-text-font-size: var(--el-font-size-base);
}

.el-text--small {
  --el-text-font-size: var(--el-font-size-extra-small);
}

.el-text.el-text--primary {
  --el-text-color: var(--el-color-primary);
}
.el-text.el-text--success {
  --el-text-color: var(--el-color-success);
}
.el-text.el-text--warning {
  --el-text-color: var(--el-color-warning);
}
.el-text.el-text--danger {
  --el-text-color: var(--el-color-danger);
}
.el-text.el-text--error {
  --el-text-color: var(--el-color-error);
}
.el-text.el-text--info {
  --el-text-color: var(--el-color-info);
}
.el-text > .el-icon {
  vertical-align: -2px;
}

/* just override what you need */
.time-select {
  margin: 5px 0;
  min-width: 0;
}
.time-select .el-picker-panel__content {
  max-height: 200px;
  margin: 0;
}
.time-select-item {
  padding: 8px 10px;
  font-size: 14px;
  line-height: 20px;
}
.time-select-item.disabled {
  color: var(--el-datepicker-border-color);
  cursor: not-allowed;
}
.time-select-item:hover {
  background-color: var(--el-fill-color-light);
  font-weight: bold;
  cursor: pointer;
}
.time-select .time-select-item.selected:not(.disabled) {
  color: var(--el-color-primary);
  font-weight: bold;
}

/* just override what you need */
.el-timeline-item {
  position: relative;
  padding-bottom: 20px;
}
.el-timeline-item__wrapper {
  box-sizing: content-box;
  position: relative;
  top: -3px;
}

.el-timeline-item__tail {
  position: absolute;
  height: 100%;
  border-left: 2px solid var(--el-timeline-node-color);
}

.el-timeline-item .el-timeline-item__icon {
  color: var(--el-color-white);
  font-size: var(--el-font-size-small);
}
.el-timeline-item__node {
  position: absolute;
  background-color: var(--el-timeline-node-color);
  border-color: var(--el-timeline-node-color);
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.el-timeline-item__node--normal {
  width: var(--el-timeline-node-size-normal);
  height: var(--el-timeline-node-size-normal);
}

.el-timeline-item__node--large {
  width: var(--el-timeline-node-size-large);
  height: var(--el-timeline-node-size-large);
}

.el-timeline-item__node.is-hollow {
  background: var(--el-color-white);
  border-style: solid;
  border-width: 2px;
}

.el-timeline-item__node--primary {
  background-color: var(--el-color-primary);
  border-color: var(--el-color-primary);
}

.el-timeline-item__node--success {
  background-color: var(--el-color-success);
  border-color: var(--el-color-success);
}

.el-timeline-item__node--warning {
  background-color: var(--el-color-warning);
  border-color: var(--el-color-warning);
}

.el-timeline-item__node--danger {
  background-color: var(--el-color-danger);
  border-color: var(--el-color-danger);
}

.el-timeline-item__node--info {
  background-color: var(--el-color-info);
  border-color: var(--el-color-info);
}

.el-timeline-item__dot {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-timeline-item__content {
  color: var(--el-text-color-primary);
}

.el-timeline-item__timestamp {
  color: var(--el-text-color-secondary);
  line-height: 1;
  font-size: var(--el-font-size-small);
}
.el-timeline-item__timestamp.is-top {
  margin-bottom: 8px;
  padding-top: 4px;
}

.el-timeline-item__timestamp.is-bottom {
  margin-top: 8px;
}

.el-timeline-item.is-start .el-timeline-item__wrapper {
  padding-left: 28px;
}

.el-timeline-item.is-start .el-timeline-item__tail {
  left: 4px;
}

.el-timeline-item.is-start .el-timeline-item__node--normal {
  left: -1px;
}

.el-timeline-item.is-start .el-timeline-item__node--large {
  left: -2px;
}

.el-timeline-item.is-end .el-timeline-item__wrapper {
  padding-right: 28px;
  text-align: right;
}

.el-timeline-item.is-end .el-timeline-item__tail {
  right: 4px;
}

.el-timeline-item.is-end .el-timeline-item__node--normal {
  right: -1px;
}

.el-timeline-item.is-end .el-timeline-item__node--large {
  right: -2px;
}

.el-timeline-item.is-alternate .el-timeline-item__tail, .el-timeline-item.is-alternate .el-timeline-item__node {
  left: 50%;
  transform: translateX(-50%);
}

.el-timeline-item.is-alternate-reverse .el-timeline-item__tail, .el-timeline-item.is-alternate-reverse .el-timeline-item__node {
  left: 50%;
  transform: translateX(-50%);
}

/* just override what you need */
.el-timeline {
  --el-timeline-node-size-normal: 12px;
  --el-timeline-node-size-large: 14px;
  --el-timeline-node-color: var(--el-border-color-light);
}

.el-timeline {
  margin: 0;
  font-size: var(--el-font-size-base);
  list-style: none;
}
.el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
  display: none;
}
.el-timeline .el-timeline-item__center {
  display: flex;
  align-items: center;
}
.el-timeline .el-timeline-item__center .el-timeline-item__wrapper {
  width: 100%;
}
.el-timeline .el-timeline-item__center .el-timeline-item__tail {
  top: 0;
}
.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail {
  height: calc(50% + 10px);
  top: calc(50% - 10px);
}
.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail {
  display: block;
  height: calc(50% - 10px);
}
.el-timeline.is-start {
  padding-left: 40px;
  padding-right: 0;
}

.el-timeline.is-end {
  padding-left: 0;
  padding-right: 40px;
}

.el-timeline.is-alternate {
  padding-left: 20px;
  padding-right: 20px;
}
.el-timeline.is-alternate .el-timeline-item:nth-child(2n+1) .el-timeline-item__wrapper {
  width: calc(50% - 28px);
  left: calc(50% - var(--el-timeline-node-size-large) / 2);
  padding-left: 28px;
}
.el-timeline.is-alternate .el-timeline-item:nth-child(2n) .el-timeline-item__wrapper {
  width: calc(50% - 28px + var(--el-timeline-node-size-large) / 2);
  text-align: right;
  padding-right: 28px;
}

.el-timeline.is-alternate-reverse {
  padding-left: 20px;
  padding-right: 20px;
}
.el-timeline.is-alternate-reverse .el-timeline-item:nth-child(2n+1) .el-timeline-item__wrapper {
  width: calc(50% - 28px + var(--el-timeline-node-size-large) / 2);
  text-align: right;
  padding-right: 28px;
}
.el-timeline.is-alternate-reverse .el-timeline-item:nth-child(2n) .el-timeline-item__wrapper {
  width: calc(50% - 28px);
  left: calc(50% - var(--el-timeline-node-size-large) / 2);
  padding-left: 28px;
}

/* just override what you need */
.el-transfer {
  --el-transfer-border-color: transparent;
  --el-transfer-border-radius: var(--el-border-radius-base);
  --el-transfer-panel-width: 200px;
  --el-transfer-panel-header-height: 35px;
  --el-transfer-panel-header-bg-color: var(--color-background-bg2);
  --el-transfer-panel-footer-height: 40px;
  --el-transfer-panel-body-height: 278px;
  --el-transfer-item-height: 30px;
  --el-transfer-filter-height: 32px;
}

.el-transfer {
  font-size: var(--el-font-size-base);
}
.el-transfer__buttons {
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
}

.el-transfer__button {
  vertical-align: top;
}
.el-transfer__button:nth-child(2) {
  margin: 0 0 0 10px;
}
.el-transfer__button i,
.el-transfer__button span {
  font-size: 14px;
}
.el-transfer__button .el-icon + span {
  margin-left: 0;
}

.el-transfer-panel {
  overflow: hidden;
  background: var(--el-bg-color-overlay);
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: var(--el-transfer-panel-width);
  max-height: 100%;
  box-sizing: border-box;
  position: relative;
}
.el-transfer-panel__body {
  height: var(--el-transfer-panel-body-height);
  border-left: 1px solid var(--el-transfer-border-color);
  border-right: 1px solid var(--el-transfer-border-color);
  border-bottom: 1px solid var(--el-transfer-border-color);
  border-bottom-left-radius: var(--el-transfer-border-radius);
  border-bottom-right-radius: var(--el-transfer-border-radius);
  overflow: hidden;
}
.el-transfer-panel__body.is-with-footer {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.el-transfer-panel__list {
  margin: 0;
  padding: 6px 0;
  list-style: none;
  height: var(--el-transfer-panel-body-height);
  overflow: auto;
  box-sizing: border-box;
}
.el-transfer-panel__list.is-filterable {
  height: calc(100% - var(--el-transfer-filter-height) - 30px);
  padding-top: 0;
}

.el-transfer-panel__item {
  height: var(--el-transfer-item-height);
  line-height: var(--el-transfer-item-height);
  padding-left: 15px;
  display: block !important;
}
.el-transfer-panel__item + .el-transfer-panel__item {
  margin-left: 0;
}
.el-transfer-panel__item.el-checkbox {
  color: var(--el-text-color-regular);
  margin-right: 30px;
}
.el-transfer-panel__item:hover {
  color: var(--el-color-primary);
}
.el-transfer-panel__item.el-checkbox .el-checkbox__label {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  box-sizing: border-box;
  padding-left: 22px;
  line-height: var(--el-transfer-item-height);
}
.el-transfer-panel__item .el-checkbox__input {
  position: absolute;
  top: 8px;
}

.el-transfer-panel__filter {
  text-align: center;
  padding: 15px;
  box-sizing: border-box;
}
.el-transfer-panel__filter .el-input__inner {
  height: var(--el-transfer-filter-height);
  width: 100%;
  font-size: 12px;
  display: inline-block;
  box-sizing: border-box;
}
.el-transfer-panel__filter .el-icon-circle-close {
  cursor: pointer;
}

.el-transfer-panel .el-transfer-panel__header {
  display: flex;
  align-items: center;
  height: var(--el-transfer-panel-header-height);
  background: var(--el-transfer-panel-header-bg-color);
  margin: 0;
  padding-left: 15px;
  border: 1px solid var(--el-transfer-border-color);
  border-top-left-radius: var(--el-transfer-border-radius);
  border-top-right-radius: var(--el-transfer-border-radius);
  box-sizing: border-box;
  color: var(--el-color-black);
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 0;
  font-size: 16px;
  color: var(--el-text-color-primary);
  font-weight: normal;
}
.el-transfer-panel .el-transfer-panel__header-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.el-transfer-panel .el-transfer-panel__header-count {
  flex-shrink: 0;
  margin-left: 8px;
  margin-right: 15px;
  color: var(--el-text-color-secondary);
  font-size: 12px;
}
.el-transfer-panel .el-transfer-panel__footer {
  height: var(--el-transfer-panel-footer-height);
  background: var(--el-bg-color-overlay);
  margin: 0;
  padding: 0;
  border: 1px solid var(--el-transfer-border-color);
  border-bottom-left-radius: var(--el-transfer-border-radius);
  border-bottom-right-radius: var(--el-transfer-border-radius);
}
.el-transfer-panel .el-transfer-panel__footer::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
  padding-left: 20px;
  color: var(--el-text-color-regular);
}
.el-transfer-panel .el-transfer-panel__empty {
  margin: 0;
  height: var(--el-transfer-item-height);
  line-height: var(--el-transfer-item-height);
  padding: 6px 15px 0;
  color: var(--el-text-color-secondary);
  text-align: center;
}
.el-transfer-panel .el-checkbox__label {
  padding-left: 8px;
}

/* just override what you need */
.el-tree {
  --el-tree-node-content-height: 26px;
  --el-tree-node-hover-bg-color: var(--color-background-bg);
  --el-tree-text-color: var(--el-text-color-regular);
  --el-tree-expand-icon-color: var(--el-text-color-placeholder);
}

.el-tree {
  position: relative;
  cursor: default;
  background: var(--el-fill-color-blank);
  color: var(--el-tree-text-color);
  font-size: var(--el-font-size-base);
}
.el-tree__empty-block {
  position: relative;
  min-height: 60px;
  text-align: center;
  width: 100%;
  height: 100%;
}

.el-tree__empty-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--el-text-color-secondary);
  font-size: var(--el-font-size-base);
}

.el-tree__drop-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--el-color-primary);
}

.el-tree-node {
  white-space: nowrap;
  outline: none;
}
.el-tree-node:focus {
  /* focus */
}
.el-tree-node:focus > .el-tree-node__content {
  background-color: var(--el-tree-node-hover-bg-color);
}
.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
  background-color: var(--el-color-primary);
  color: #fff;
}

.el-tree-node__content {
  --el-checkbox-height: var(--el-tree-node-content-height);
  display: flex;
  align-items: center;
  height: var(--el-tree-node-content-height);
  cursor: pointer;
}
.el-tree-node__content > .el-tree-node__expand-icon {
  padding: 6px;
  box-sizing: content-box;
}
.el-tree-node__content > label.el-checkbox {
  margin-right: 8px;
}
.el-tree-node__content:hover {
  background-color: var(--el-tree-node-hover-bg-color);
}
.el-tree.is-dragging .el-tree-node__content {
  cursor: move;
}
.el-tree.is-dragging .el-tree-node__content * {
  pointer-events: none;
}
.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
  cursor: not-allowed;
}

.el-tree-node__expand-icon {
  cursor: pointer;
  color: var(--el-tree-expand-icon-color);
  font-size: 12px;
  transform: rotate(0deg);
  transition: transform var(--el-transition-duration) ease-in-out;
}
.el-tree-node__expand-icon.expanded {
  transform: rotate(90deg);
}
.el-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
  visibility: hidden;
}
.el-tree-node__expand-icon.is-hidden {
  visibility: hidden;
}

.el-tree-node__loading-icon {
  margin-right: 8px;
  font-size: var(--el-font-size-base);
  color: var(--el-tree-expand-icon-color);
}

.el-tree-node > .el-tree-node__children {
  overflow: hidden;
  background-color: transparent;
}
.el-tree-node.is-expanded > .el-tree-node__children {
  display: block;
}

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: var(--el-color-primary-light-9);
}

/* just override what you need */
.el-tree-select {
  --el-tree-node-content-height: 26px;
  --el-tree-node-hover-bg-color: var(--color-background-bg);
  --el-tree-text-color: var(--el-text-color-regular);
  --el-tree-expand-icon-color: var(--el-text-color-placeholder);
}

.el-tree-select__popper .el-tree-node__expand-icon {
  margin-left: 8px;
}
.el-tree-select__popper .el-tree-node.is-checked > .el-tree-node__content .el-select-dropdown__item.selected::after {
  content: none;
}
.el-tree-select__popper .el-select-dropdown__list > .el-select-dropdown__item {
  padding-left: 32px;
}
.el-tree-select__popper .el-select-dropdown__item {
  flex: 1;
  background: transparent !important;
  padding-left: 0;
  height: 20px;
  line-height: 20px;
}

/* just override what you need */
.el-upload {
  --el-upload-dragger-padding-horizontal: 10px;
  --el-upload-dragger-padding-vertical: 40px;
  --el-upload-list-picture-card-size: var(--el-upload-picture-card-size);
  --el-upload-picture-card-size: 148px;
}

.el-upload {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: none;
}
.el-upload.is-disabled {
  cursor: not-allowed;
}
.el-upload.is-disabled:focus {
  border-color: var(--el-border-color-darker);
  color: inherit;
}
.el-upload.is-disabled:focus .el-upload-dragger {
  border-color: var(--el-border-color-darker);
}
.el-upload.is-disabled .el-upload-dragger {
  cursor: not-allowed;
  background-color: var(--el-disabled-bg-color);
}
.el-upload.is-disabled .el-upload-dragger .el-upload__text {
  color: var(--el-text-color-placeholder);
}
.el-upload.is-disabled .el-upload-dragger .el-upload__text em {
  color: var(--el-disabled-text-color);
}
.el-upload.is-disabled .el-upload-dragger:hover {
  border-color: var(--el-border-color-darker);
}

.el-upload__input {
  display: none;
}

.el-upload__tip {
  font-size: 12px;
  color: var(--el-text-color-regular);
  margin-top: 7px;
}

.el-upload iframe {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.el-upload {
  /* Picture Card for Wall */
}
.el-upload--picture-card {
  background-color: var(--el-fill-color-lighter);
  border: 1px dashed var(--el-border-color-darker);
  border-radius: 6px;
  box-sizing: border-box;
  width: var(--el-upload-picture-card-size);
  height: var(--el-upload-picture-card-size);
  cursor: pointer;
  vertical-align: top;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.el-upload--picture-card > i {
  font-size: 28px;
  color: var(--el-text-color-secondary);
}
.el-upload--picture-card:hover {
  border-color: var(--el-color-primary);
  color: var(--el-color-primary);
}

.el-upload.is-drag {
  display: block;
}

.el-upload:focus {
  border-color: var(--el-color-primary);
  color: var(--el-color-primary);
}
.el-upload:focus .el-upload-dragger {
  border-color: var(--el-color-primary);
}

.el-upload-dragger {
  padding: var(--el-upload-dragger-padding-vertical) var(--el-upload-dragger-padding-horizontal);
  background-color: var(--el-fill-color-blank);
  border: 1px dashed var(--el-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.el-upload-dragger .el-icon--upload {
  font-size: 67px;
  color: var(--el-text-color-placeholder);
  margin-bottom: 16px;
  line-height: 50px;
}
.el-upload-dragger + .el-upload__tip {
  text-align: center;
}
.el-upload-dragger ~ .el-upload__files {
  border-top: var(--el-border);
  margin-top: 7px;
  padding-top: 5px;
}
.el-upload-dragger .el-upload__text {
  color: var(--el-text-color-regular);
  font-size: 14px;
  text-align: center;
}
.el-upload-dragger .el-upload__text em {
  color: var(--el-color-primary);
  font-style: normal;
}
.el-upload-dragger:hover {
  border-color: var(--el-color-primary);
}
.el-upload-dragger.is-dragover {
  padding: calc(var(--el-upload-dragger-padding-vertical) - 1px) calc(var(--el-upload-dragger-padding-horizontal) - 1px);
  background-color: var(--el-color-primary-light-9);
  border: 2px dashed var(--el-color-primary);
}

.el-upload-list {
  --el-upload-dragger-padding-horizontal: 10px;
  --el-upload-dragger-padding-vertical: 40px;
  --el-upload-list-picture-card-size: var(--el-upload-picture-card-size);
  --el-upload-picture-card-size: 148px;
}

.el-upload-list {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.el-upload-list__item {
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  font-size: 14px;
  color: var(--el-text-color-regular);
  margin-bottom: 5px;
  position: relative;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
}
.el-upload-list__item .el-progress {
  position: absolute;
  top: 20px;
  width: 100%;
}
.el-upload-list__item .el-progress__text {
  position: absolute;
  right: 0;
  top: -13px;
}
.el-upload-list__item .el-progress-bar {
  margin-right: 0;
  padding-right: 0;
}
.el-upload-list__item .el-icon--upload-success {
  color: var(--el-color-success);
}
.el-upload-list__item .el-icon--close {
  display: none;
  position: absolute;
  right: 5px;
  top: 50%;
  cursor: pointer;
  opacity: 0.75;
  color: var(--el-text-color-regular);
  transition: opacity var(--el-transition-duration);
  transform: translateY(-50%);
}
.el-upload-list__item .el-icon--close:hover {
  opacity: 1;
  color: var(--el-color-primary);
}
.el-upload-list__item .el-icon--close-tip {
  display: none;
  position: absolute;
  top: 1px;
  right: 5px;
  font-size: 12px;
  cursor: pointer;
  opacity: 1;
  color: var(--el-color-primary);
  font-style: normal;
}
.el-upload-list__item:hover, .el-upload-list__item:focus-within {
  background-color: var(--el-fill-color-light);
}
.el-upload-list__item:hover .el-icon--close, .el-upload-list__item:focus-within .el-icon--close {
  display: inline-flex;
}
.el-upload-list__item:hover .el-icon--close-tip, .el-upload-list__item:focus-within .el-icon--close-tip {
  right: 24px;
}
.el-upload-list__item:hover .el-progress__text, .el-upload-list__item:focus-within .el-progress__text {
  display: none;
}
.el-upload-list__item .el-upload-list__item-info {
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  width: calc(100% - 30px);
  margin-left: 4px;
}
.el-upload-list__item.is-success .el-upload-list__item-status-label {
  display: inline-flex;
}
.el-upload-list__item.is-success .el-upload-list__item-name:hover,
.el-upload-list__item.is-success .el-upload-list__item-name:focus {
  color: var(--el-color-primary);
  cursor: pointer;
}
.el-upload-list__item.is-success:focus:not(:hover) {
  /* 键盘focus */
}
.el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip {
  display: inline-block;
}
.el-upload-list__item.is-success:not(.focusing):focus, .el-upload-list__item.is-success:active {
  /* click时 */
  outline-width: 0;
}
.el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip, .el-upload-list__item.is-success:active .el-icon--close-tip {
  display: none;
}
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label, .el-upload-list__item.is-success:focus-within .el-upload-list__item-status-label {
  display: none;
  opacity: 0;
}

.el-upload-list__item-name {
  color: var(--el-text-color-regular);
  display: inline-flex;
  text-align: center;
  align-items: center;
  padding: 0 4px;
  transition: color var(--el-transition-duration);
  font-size: var(--el-font-size-base);
}
.el-upload-list__item-name .el-icon {
  margin-right: 6px;
  color: var(--el-text-color-secondary);
}

.el-upload-list__item-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-upload-list__item-status-label {
  position: absolute;
  right: 5px;
  top: 0;
  line-height: inherit;
  display: none;
  height: 100%;
  justify-content: center;
  align-items: center;
  transition: opacity var(--el-transition-duration);
}

.el-upload-list__item-delete {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 12px;
  color: var(--el-text-color-regular);
  display: none;
}
.el-upload-list__item-delete:hover {
  color: var(--el-color-primary);
}

.el-upload-list--picture-card {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0;
}
.el-upload-list--picture-card .el-upload-list__item {
  overflow: hidden;
  background-color: var(--el-fill-color-blank);
  border: 1px solid var(--el-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  width: var(--el-upload-list-picture-card-size);
  height: var(--el-upload-list-picture-card-size);
  margin: 0 8px 8px 0;
  padding: 0;
  display: inline-flex;
}
.el-upload-list--picture-card .el-upload-list__item .el-icon--check,
.el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check {
  color: #ffffff;
}
.el-upload-list--picture-card .el-upload-list__item .el-icon--close {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
  opacity: 0;
  display: block;
}
.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
  display: block;
}
.el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.el-upload-list--picture-card .el-upload-list__item-status-label {
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: var(--el-color-success);
  text-align: center;
  transform: rotate(45deg);
}
.el-upload-list--picture-card .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
}
.el-upload-list--picture-card .el-upload-list__item-actions {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  opacity: 0;
  font-size: 20px;
  background-color: var(--el-overlay-color-lighter);
  transition: opacity var(--el-transition-duration);
}
.el-upload-list--picture-card .el-upload-list__item-actions span {
  display: none;
  cursor: pointer;
}
.el-upload-list--picture-card .el-upload-list__item-actions span + span {
  margin-left: 16px;
}
.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  position: static;
  font-size: inherit;
  color: inherit;
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover {
  opacity: 1;
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
  display: inline-flex;
}
.el-upload-list--picture-card .el-progress {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  width: 126px;
}
.el-upload-list--picture-card .el-progress .el-progress__text {
  top: 50%;
}

.el-upload-list--picture .el-upload-list__item {
  overflow: hidden;
  z-index: 0;
  background-color: var(--el-fill-color-blank);
  border: 1px solid var(--el-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
}
.el-upload-list--picture .el-upload-list__item .el-icon--check,
.el-upload-list--picture .el-upload-list__item .el-icon--circle-check {
  color: #ffffff;
}
.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
  opacity: 0;
  display: inline-flex;
}
.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
  display: block;
}
.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
  display: none;
}
.el-upload-list--picture .el-upload-list__item .el-icon--close {
  top: 5px;
  transform: translateY(0);
}
.el-upload-list--picture .el-upload-list__item-thumbnail {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  object-fit: contain;
  position: relative;
  z-index: 1;
  background-color: var(--el-color-white);
}
.el-upload-list--picture .el-upload-list__item-status-label {
  position: absolute;
  right: -17px;
  top: -7px;
  width: 46px;
  height: 26px;
  background: var(--el-color-success);
  text-align: center;
  transform: rotate(45deg);
}
.el-upload-list--picture .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 12px;
  transform: rotate(-45deg);
}
.el-upload-list--picture .el-progress {
  position: relative;
  top: -7px;
}

.el-upload-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  cursor: default;
}
.el-upload-cover::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-upload-cover img {
  display: block;
  width: 100%;
  height: 100%;
}
.el-upload-cover__label {
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: var(--el-color-success);
  text-align: center;
  transform: rotate(45deg);
}
.el-upload-cover__label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
  color: #fff;
}

.el-upload-cover__progress {
  display: inline-block;
  vertical-align: middle;
  position: static;
  width: 243px;
}
.el-upload-cover__progress + .el-upload__inner {
  opacity: 0;
}

.el-upload-cover__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.el-upload-cover__interact {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--el-overlay-color-light);
  text-align: center;
}
.el-upload-cover__interact .btn {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
  transition: var(--el-transition-md-fade);
  margin-top: 60px;
}
.el-upload-cover__interact .btn i {
  margin-top: 0;
}
.el-upload-cover__interact .btn span {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.el-upload-cover__interact .btn:not(:first-child) {
  margin-left: 35px;
}
.el-upload-cover__interact .btn:hover {
  transform: translateY(-13px);
}
.el-upload-cover__interact .btn:hover span {
  opacity: 1;
}
.el-upload-cover__interact .btn i {
  color: #ffffff;
  display: block;
  font-size: 24px;
  line-height: inherit;
  margin: 0 auto 5px;
}

.el-upload-cover__title {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  height: 36px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  text-align: left;
  padding: 0 10px;
  margin: 0;
  line-height: 36px;
  font-size: 14px;
  color: var(--el-text-color-primary);
}

.el-upload-cover + .el-upload__inner {
  opacity: 0;
  position: relative;
  z-index: 1;
}

/* just override what you need */
.el-vl__wrapper {
  position: relative;
}
.el-vl__wrapper:hover .el-virtual-scrollbar {
  opacity: 1;
}
.el-vl__wrapper.always-on .el-virtual-scrollbar {
  opacity: 1;
}

.el-vl__window {
  scrollbar-width: none;
}
.el-vl__window::-webkit-scrollbar {
  display: none;
}

.el-virtual-scrollbar {
  opacity: 0;
  transition: opacity 340ms ease-out;
}
.el-virtual-scrollbar.always-on {
  opacity: 1;
}

.el-vg__wrapper {
  position: relative;
}

/* just override what you need */
.el-popper {
  --el-popper-border-radius: var(--el-popover-border-radius, 4px);
  --el-popper-bg-color-light: var(--el-bg-color-overlay);
  --el-popper-bg-color-dark: var(--el-text-color-primary);
}

.el-popper {
  position: absolute;
  border-radius: var(--el-popper-border-radius);
  padding: 5px 11px;
  z-index: 2000;
  font-size: 12px;
  line-height: 20px;
  min-width: 10px;
  overflow-wrap: break-word;
  word-break: normal;
  visibility: visible;
}
.el-popper.is-dark {
  --el-fill-color-blank: var(--el-popper-bg-color-dark);
  color: var(--el-bg-color);
  background: var(--el-popper-bg-color-dark);
  border: 1px solid var(--el-text-color-primary);
}
.el-popper.is-dark > .el-popper__arrow::before {
  border: 1px solid var(--el-text-color-primary);
  background: var(--el-popper-bg-color-dark);
  right: 0;
}

.el-popper.is-light {
  --el-fill-color-blank: var(--el-popper-bg-color-light);
  background: var(--el-popper-bg-color-light);
  border: 1px solid var(--el-border-color-light);
}
.el-popper.is-light > .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
  background: var(--el-popper-bg-color-light);
  right: 0;
}

.el-popper.is-pure {
  padding: 0;
}

.el-popper__arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  z-index: -1;
}
.el-popper__arrow::before {
  position: absolute;
  width: 10px;
  height: 10px;
  z-index: -1;
  content: " ";
  transform: rotate(45deg);
  background: var(--el-text-color-primary);
  box-sizing: border-box;
}

.el-popper[data-popper-placement^=top] > .el-popper__arrow {
  bottom: -5px;
}
.el-popper[data-popper-placement^=top] > .el-popper__arrow::before {
  border-bottom-right-radius: 2px;
}
.el-popper[data-popper-placement^=bottom] > .el-popper__arrow {
  top: -5px;
}
.el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
  border-top-left-radius: 2px;
}
.el-popper[data-popper-placement^=left] > .el-popper__arrow {
  right: -5px;
}
.el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
  border-top-right-radius: 2px;
}
.el-popper[data-popper-placement^=right] > .el-popper__arrow {
  left: -5px;
}
.el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
  border-bottom-left-radius: 2px;
}
.el-popper[data-popper-placement^=top] > .el-popper__arrow::before {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
}
.el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
}
.el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
}
.el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}

/* just override what you need */
.el-statistic {
  --el-statistic-title-font-weight: 400;
  --el-statistic-title-font-size: var(--el-font-size-extra-small);
  --el-statistic-title-color: var(--el-text-color-regular);
  --el-statistic-content-font-weight: 400;
  --el-statistic-content-font-size: var(--el-font-size-extra-large);
  --el-statistic-content-color: var(--el-text-color-primary);
}
.el-statistic__head {
  font-weight: var(--el-statistic-title-font-weight);
  font-size: var(--el-statistic-title-font-size);
  color: var(--el-statistic-title-color);
  line-height: 20px;
  margin-bottom: 4px;
}

.el-statistic__content {
  font-weight: var(--el-statistic-content-font-weight);
  font-size: var(--el-statistic-content-font-size);
  color: var(--el-statistic-content-color);
}
.el-statistic__value {
  display: inline-block;
}

.el-statistic__prefix {
  margin-right: 4px;
  display: inline-block;
}

.el-statistic__suffix {
  margin-left: 4px;
  display: inline-block;
}

/* just override what you need */
.el-tour {
  --el-tour-width: 520px;
  --el-tour-padding-primary: 12px;
  --el-tour-font-line-height: var(--el-font-line-height-primary);
  --el-tour-title-font-size: 16px;
  --el-tour-title-text-color: var(--el-text-color-primary);
  --el-tour-title-font-weight: 400;
  --el-tour-close-color: var(--el-color-info);
  --el-tour-font-size: 14px;
  --el-tour-color: var(--el-text-color-primary);
  --el-tour-bg-color: var(--el-bg-color);
  --el-tour-border-radius: 4px;
}
.el-tour__hollow {
  transition: all var(--el-transition-duration) ease;
}

.el-tour__content {
  border-radius: var(--el-tour-border-radius);
  width: var(--el-tour-width);
  padding: var(--el-tour-padding-primary);
  background: var(--el-tour-bg-color);
  box-shadow: var(--el-box-shadow-light);
  box-sizing: border-box;
  overflow-wrap: break-word;
  outline: none;
}
.el-tour__arrow {
  position: absolute;
  background: var(--el-tour-bg-color);
  width: 10px;
  height: 10px;
  pointer-events: none;
  transform: rotate(45deg);
  box-sizing: border-box;
}
.el-tour__content[data-side^=top] .el-tour__arrow {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-tour__content[data-side^=bottom] .el-tour__arrow {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-tour__content[data-side^=left] .el-tour__arrow {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-tour__content[data-side^=right] .el-tour__arrow {
  border-right-color: transparent;
  border-top-color: transparent;
}
.el-tour__content[data-side^=top] .el-tour__arrow {
  bottom: -5px;
}
.el-tour__content[data-side^=bottom] .el-tour__arrow {
  top: -5px;
}
.el-tour__content[data-side^=left] .el-tour__arrow {
  right: -5px;
}
.el-tour__content[data-side^=right] .el-tour__arrow {
  left: -5px;
}

.el-tour__closebtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: var(--el-message-close-size, 16px);
}
.el-tour__closebtn .el-tour__close {
  color: var(--el-tour-close-color);
  font-size: inherit;
}
.el-tour__closebtn:focus .el-tour__close, .el-tour__closebtn:hover .el-tour__close {
  color: var(--el-color-primary);
}

.el-tour__header {
  padding-bottom: var(--el-tour-padding-primary);
}
.el-tour__header.show-close {
  padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 16px));
}

.el-tour__title {
  line-height: var(--el-tour-font-line-height);
  font-size: var(--el-tour-title-font-size);
  color: var(--el-tour-title-text-color);
  font-weight: var(--el-tour-title-font-weight);
}

.el-tour__body {
  color: var(--el-tour-text-color);
  font-size: var(--el-tour-font-size);
}
.el-tour__body img,
.el-tour__body video {
  max-width: 100%;
}

.el-tour__footer {
  padding-top: var(--el-tour-padding-primary);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.el-tour__content .el-tour-indicators {
  display: inline-block;
  flex: 1;
}
.el-tour__content .el-tour-indicator {
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 50%;
  background: var(--el-color-info-light-9);
  margin-right: 6px;
}
.el-tour__content .el-tour-indicator.is-active {
  background: var(--el-color-primary);
}

.el-tour.el-tour--primary {
  --el-tour-title-text-color: #fff;
  --el-tour-text-color: #fff;
  --el-tour-bg-color: var(--el-color-primary);
  --el-tour-close-color: #fff;
}
.el-tour.el-tour--primary .el-tour__closebtn:focus .el-tour__close, .el-tour.el-tour--primary .el-tour__closebtn:hover .el-tour__close {
  color: var(--el-tour-title-text-color);
}
.el-tour.el-tour--primary .el-button--default {
  color: var(--el-color-primary);
  border-color: var(--el-color-primary);
  background: #fff;
}
.el-tour.el-tour--primary .el-button--primary {
  border-color: #fff;
}
.el-tour.el-tour--primary .el-tour-indicator {
  background: rgba(255, 255, 255, 0.15);
}
.el-tour.el-tour--primary .el-tour-indicator.is-active {
  background: #fff;
}

.el-tour-parent--hidden {
  overflow: hidden;
}

/* just override what you need */
.el-anchor {
  --el-anchor-bg-color: var(--el-bg-color);
  --el-anchor-padding-indent: 14px;
  --el-anchor-line-height: 22px;
  --el-anchor-font-size: 12px;
  --el-anchor-color: var(--el-text-color-secondary);
  --el-anchor-active-color: var(--el-color-primary);
  --el-anchor-hover-color: var(--el-text-color-regular);
  --el-anchor-marker-bg-color: var(--el-color-primary);
  position: relative;
  background-color: var(--el-anchor-bg-color);
}
.el-anchor__marker {
  position: absolute;
  background-color: var(--el-anchor-marker-bg-color);
  border-radius: 4px;
  opacity: 0;
  z-index: 0;
}

.el-anchor.el-anchor--vertical .el-anchor__marker {
  width: 4px;
  height: 14px;
  top: 8px;
  left: 0;
  transition: top 0.25s ease-in-out, opacity 0.25s;
}

.el-anchor.el-anchor--vertical .el-anchor__list {
  padding-left: var(--el-anchor-padding-indent);
}

.el-anchor.el-anchor--vertical.el-anchor--underline::before {
  position: absolute;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: rgba(5, 5, 5, 0.06);
  content: "";
}
.el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker {
  width: 2px;
  border-radius: unset;
}

.el-anchor.el-anchor--horizontal .el-anchor__marker {
  height: 2px;
  width: 20px;
  bottom: 0;
  transition: left 0.25s ease-in-out, opacity 0.25s, width 0.25s;
}

.el-anchor.el-anchor--horizontal .el-anchor__list {
  display: flex;
  padding-bottom: 4px;
}
.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item {
  padding-left: 16px;
}
.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child {
  padding-left: 0;
}

.el-anchor.el-anchor--horizontal.el-anchor--underline::before {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: rgba(5, 5, 5, 0.06);
  content: "";
}
.el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker {
  height: 2px;
  border-radius: unset;
}

/* just override what you need */
.el-anchor__item {
  display: flex;
  flex-direction: column;
}

.el-anchor__link {
  font-size: var(--el-anchor-font-size);
  line-height: var(--el-anchor-line-height);
  padding: 4px 0;
  color: var(--el-anchor-color);
  transition: color var(--el-transition-duration);
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  outline: none;
  cursor: pointer;
}
.el-anchor__link:hover, .el-anchor__link:focus {
  color: var(--el-hover-color);
}
.el-anchor__link:focus-visible {
  border-radius: var(--el-border-radius-base);
  outline: 2px solid var(--el-color-primary);
}
.el-anchor__link.is-active {
  color: var(--el-anchor-active-color);
}

.el-anchor .el-anchor__list .el-anchor__item a {
  display: inline-block;
}

/* just override what you need */
.el-segmented--vertical {
  flex-direction: column;
}
.el-segmented--vertical .el-segmented__item {
  padding: 11px 11px;
}

.el-segmented {
  --el-segmented-color: var(--el-text-color-regular);
  --el-segmented-bg-color: var(--el-fill-color-light);
  --el-segmented-padding: 2px;
  --el-segmented-item-selected-color: var(--el-color-white);
  --el-segmented-item-selected-bg-color: var(--el-color-primary);
  --el-segmented-item-selected-disabled-bg-color: var(--el-color-primary-light-5);
  --el-segmented-item-hover-color: var(--el-text-color-primary);
  --el-segmented-item-hover-bg-color: var(--el-fill-color-dark);
  --el-segmented-item-active-bg-color: var(--el-fill-color-darker);
  --el-segmented-item-disabled-color: var(--el-text-color-placeholder);
}

.el-segmented {
  display: inline-flex;
  align-items: stretch;
  min-height: 32px;
  background: var(--el-segmented-bg-color);
  padding: var(--el-segmented-padding);
  border-radius: var(--el-border-radius-base);
  font-size: 14px;
  color: var(--el-segmented-color);
  box-sizing: border-box;
}
.el-segmented__group {
  display: flex;
  align-items: stretch;
  position: relative;
  width: 100%;
}

.el-segmented__item-selected {
  position: absolute;
  top: 0;
  left: 0;
  background: var(--el-segmented-item-selected-bg-color);
  height: 100%;
  width: 10px;
  border-radius: calc(var(--el-border-radius-base) - 2px);
  transition: all 0.3s;
  pointer-events: none;
}
.el-segmented__item-selected.is-disabled {
  background: var(--el-segmented-item-selected-disabled-bg-color);
}

.el-segmented__item-selected.is-focus-visible:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: inherit;
  outline: 2px solid var(--el-segmented-item-selected-bg-color);
  outline-offset: 1px;
}

.el-segmented__item {
  display: flex;
  align-items: center;
  flex: 1;
  cursor: pointer;
  border-radius: calc(var(--el-border-radius-base) - 2px);
  padding: 0 11px;
}
.el-segmented__item:not(.is-disabled):not(.is-selected):hover {
  color: var(--el-segmented-item-hover-color);
  background: var(--el-segmented-item-hover-bg-color);
}
.el-segmented__item:not(.is-disabled):not(.is-selected):active {
  background: var(--el-segmented-item-active-bg-color);
}
.el-segmented__item.is-selected {
  color: var(--el-segmented-item-selected-color);
}
.el-segmented__item.is-selected.is-disabled {
  color: var(--el-segmented-item-selected-color);
}

.el-segmented__item.is-disabled {
  cursor: not-allowed;
  color: var(--el-segmented-item-disabled-color);
}

.el-segmented__item-input {
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.el-segmented__item-label {
  flex: 1;
  text-align: center;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.3s;
  z-index: 1;
}

.el-segmented.is-block {
  display: flex;
}
.el-segmented.is-block .el-segmented__item {
  min-width: 0;
}

.el-segmented--large {
  min-height: 40px;
  border-radius: var(--el-border-radius-base);
  font-size: 16px;
}
.el-segmented--large .el-segmented__item-selected {
  border-radius: calc(var(--el-border-radius-base) - 2px);
}

.el-segmented--large .el-segmented--vertical .el-segmented__item {
  padding: 11px 11px;
}

.el-segmented--large .el-segmented__item {
  border-radius: calc(var(--el-border-radius-base) - 2px);
  padding: 0 11px;
}

.el-segmented--small {
  min-height: 30px;
  border-radius: calc(var(--el-border-radius-base) - 1px);
  font-size: 14px;
}
.el-segmented--small .el-segmented__item-selected {
  border-radius: calc(calc(var(--el-border-radius-base) - 1px) - 2px);
}

.el-segmented--small .el-segmented--vertical .el-segmented__item {
  padding: 7px 7px;
}

.el-segmented--small .el-segmented__item {
  border-radius: calc(calc(var(--el-border-radius-base) - 1px) - 2px);
  padding: 0 7px;
}

/* just override what you need */
.el-mention {
  position: relative;
  width: 100%;
}
.el-mention__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  box-shadow: var(--el-box-shadow-light);
}
.el-mention__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
}
.el-mention__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-mention__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-mention__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-mention__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.el-mention-dropdown {
  --el-mention-font-size: var(--el-font-size-base);
  --el-mention-bg-color: var(--el-bg-color-overlay);
  --el-mention-shadow: var(--el-box-shadow-light);
  --el-mention-border: 1px solid var(--el-border-color-light);
  --el-mention-option-color: var(--el-text-color-regular);
  --el-mention-option-height: 34px;
  --el-mention-option-min-width: 100px;
  --el-mention-option-hover-background: var(--el-fill-color-light);
  --el-mention-option-selected-color: var(--el-color-primary);
  --el-mention-option-disabled-color: var(--el-text-color-placeholder);
  --el-mention-option-loading-color: var(--el-text-color-secondary);
  --el-mention-option-loading-padding: 10px 0;
  --el-mention-max-height: 174px;
  --el-mention-padding: 6px 0;
  --el-mention-header-padding: 10px;
  --el-mention-footer-padding: 10px;
}
.el-mention-dropdown__item {
  font-size: var(--el-mention-font-size);
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--el-mention-option-color);
  height: var(--el-mention-option-height);
  line-height: var(--el-mention-option-height);
  box-sizing: border-box;
  min-width: var(--el-mention-option-min-width);
  cursor: pointer;
}
.el-mention-dropdown__item.is-hovering {
  background-color: var(--el-mention-option-hover-background);
}

.el-mention-dropdown__item.is-selected {
  color: var(--el-mention-option-selected-color);
  font-weight: bold;
}

.el-mention-dropdown__item.is-disabled {
  color: var(--el-mention-option-disabled-color);
  cursor: not-allowed;
  background-color: unset;
}

.el-mention-dropdown {
  z-index: calc(var(--el-index-top) + 1);
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
}

.el-mention-dropdown__loading {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: var(--el-mention-option-loading-color);
  font-size: 12px;
  min-width: var(--el-mention-option-min-width);
}

.el-mention-dropdown__wrap {
  max-height: var(--el-mention-max-height);
}

.el-mention-dropdown__list {
  list-style: none;
  padding: var(--el-mention-padding);
  margin: 0;
  box-sizing: border-box;
}

.el-mention-dropdown__header {
  padding: var(--el-mention-header-padding);
  border-bottom: var(--el-mention-border);
}

.el-mention-dropdown__footer {
  padding: var(--el-mention-footer-padding);
  border-top: var(--el-mention-border);
}

/* just override what you need */
.el-splitter {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
.el-splitter__mask {
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.el-splitter__mask-horizontal {
  cursor: ew-resize;
}

.el-splitter__mask-vertical {
  cursor: ns-resize;
}

.el-splitter__horizontal {
  flex-direction: row;
}

.el-splitter__vertical {
  flex-direction: column;
}

.el-splitter-bar {
  flex: none;
  position: relative;
  user-select: none;
}
.el-splitter-bar__dragger {
  z-index: 1;
  position: absolute;
  background: transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.el-splitter-bar__dragger::before, .el-splitter-bar__dragger::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--el-border-color-light);
}
.el-splitter-bar__dragger:not(.is-lazy)::after {
  display: none;
}
.el-splitter-bar__dragger::after {
  opacity: 0.4;
}
.el-splitter-bar__dragger:hover:not(.is-disabled)::before {
  background-color: var(--el-color-primary-light-5);
}

.el-splitter-bar__dragger-horizontal::before, .el-splitter-bar__dragger-horizontal::after {
  height: 100%;
  width: 2px;
}

.el-splitter-bar__dragger-vertical::before, .el-splitter-bar__dragger-vertical::after {
  height: 2px;
  width: 100%;
}

.el-splitter-bar__dragger-active::before, .el-splitter-bar__dragger-active::after {
  background-color: var(--el-color-primary-light-3);
}
.el-splitter-bar__dragger-active.el-splitter-bar__dragger-horizontal::after {
  transform: translate(calc(-50% + var(--el-splitter-bar-offset)), -50%);
}
.el-splitter-bar__dragger-active.el-splitter-bar__dragger-vertical::after {
  transform: translate(-50%, calc(-50% + var(--el-splitter-bar-offset)));
}

.el-splitter-bar:hover .el-splitter-bar__collapse-icon {
  opacity: 1;
}

.el-splitter-bar__collapse-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background: var(--el-border-color-light);
  border-radius: 2px;
  cursor: pointer;
  opacity: 0;
  z-index: 9;
}
.el-splitter-bar__collapse-icon:hover {
  opacity: 1;
  background-color: var(--el-color-primary-light-5);
}

.el-splitter-bar__horizontal-collapse-icon-start {
  left: -12px;
  top: 50%;
  height: 24px;
  width: 16px;
  transform: translate(-50%, -50%);
}

.el-splitter-bar__horizontal-collapse-icon-end {
  left: 12px;
  top: 50%;
  height: 24px;
  width: 16px;
  transform: translate(-50%, -50%);
}

.el-splitter-bar__vertical-collapse-icon-start {
  top: -12px;
  right: 50%;
  height: 16px;
  width: 24px;
  transform: translate(50%, -50%);
}

.el-splitter-bar__vertical-collapse-icon-end {
  top: 12px;
  right: 50%;
  height: 16px;
  width: 24px;
  transform: translate(50%, -50%);
}

.el-splitter-panel {
  flex-grow: 0;
  overflow: auto;
  scrollbar-width: thin;
  box-sizing: border-box;
}

:root {
  --el-color-primary: var(--color-primary);
  --el-color-primary-light-1: var(--color-primary-light-1);
  --el-color-primary-light-2: var(--color-primary-light-2);
  --el-color-primary-light-3: var(--color-primary-light-3);
  --el-color-primary-light-4: var(--color-primary-light-4);
  --el-color-primary-light-5: var(--color-primary-light-5);
  --el-color-primary-light-6: var(--color-primary-light-6);
  --el-color-primary-light-7: var(--color-primary-light-7);
  --el-color-primary-light-8: var(--color-primary-light-8);
  --el-color-primary-light-9: var(--color-primary-light-9);
  --el-color-primary-dark-2: var(--color-primary);
  --el-text-color-primary: var(--color-text-primary);
  --el-text-color-regular: $color-text-regular;
  --el-text-color-secondary: var(--color-text-secondary);
  --el-component-size: 35px;
  --el-fill-color-blank: transparent;
}

.l-floating-card {
  background-color: var(--color-background-bg2);
  padding: 10px;
  border-radius: 5px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}.error[data-v-9217665f] {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.error .dataErrorLayout[data-v-9217665f] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  flex: 1;
  animation: fadeIn-9217665f 1.5s ease-in-out 0.001s forwards;
}
.error .dataErrorLayout .labels[data-v-9217665f] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.error .dataErrorLayout .labels .error-text[data-v-9217665f] {
  color: var(--color-text-secondary);
}
.error .dataErrorLayout .labels .light[data-v-9217665f] {
  padding: 0.4rem 0 0.4rem 0;
  font-size: 1.1rem;
}
@keyframes fadeIn-9217665f {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}.l-grid[data-v-d0e6a044] {
  box-sizing: border-box;
  display: grid;
  height: 100%;
}.l-grid-item[data-v-6ca213aa] {
  width: 100%;
}.input-wrapper[data-v-74e27001] {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.input-wrapper label[data-v-74e27001] {
  font-size: 0.95em;
  font-weight: 600;
  font-style: normal;
  color: var(--color-text-primary);
  white-space: nowrap;
}
.input-wrapper label.has-suffix[data-v-74e27001] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.input-wrapper.error[data-v-74e27001] .el-input__wrapper,
.input-wrapper.error[data-v-74e27001] .el-textarea__inner,
.input-wrapper.error[data-v-74e27001] .el-input-group__prepend,
.input-wrapper.error[data-v-74e27001] .el-input-group__append,
.input-wrapper.error[data-v-74e27001] .el-select-v2__wrapper,
.input-wrapper.error[data-v-74e27001] .el-select__wrapper,
.input-wrapper.error[data-v-74e27001] .el-color-picker__trigger {
  border-color: #f56c6c;
}
.input-wrapper.error .error-msg[data-v-74e27001] {
  display: block;
}
.input-wrapper .error-msg[data-v-74e27001] {
  font-size: 12px;
  color: #f56c6c;
  margin-top: 5px;
  display: none;
}.monaco-editor-wrapper[data-v-08587ec9] {
  height: 100%;
  background-color: var(--color-background-bg, transparent);
  --vscode-focusBorder: transparent;
}
[data-v-08587ec9] .monaco-editor,[data-v-08587ec9] .monaco-editor .margin,[data-v-08587ec9] .monaco-editor .monaco-editor-background,[data-v-08587ec9] .monaco-editor .view-overlays,[data-v-08587ec9] canvas.minimap-decorations-layer {
  background-color: var(--color-background-bg, transparent) !important;
}
[data-v-08587ec9] .monaco-editor {
  outline-color: var(--color-background-bg) !important;
}.l-table-wrapper[data-v-ba7fc7aa] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  height: 100%;
}
.l-table-container[data-v-ba7fc7aa] {
  padding: 0;
  min-height: 70%;
  border: 0.1rem solid var(--color-background-outstanding-light);
  border-radius: 0.4rem;
}
.l-table-container.is-loading[data-v-ba7fc7aa] {
  justify-content: center;
}
.l-table-container .el-table[data-v-ba7fc7aa] {
  max-height: 400px;
  overflow: auto;
}
[data-v-ba7fc7aa] .el-table {
  border-radius: 0;
  border: none;
  font-size: 1.1rem;
  box-sizing: border-box;
}
[data-v-ba7fc7aa] .el-table .el-table__header {
  height: 30px !important;
  width: 100% !important;
}
[data-v-ba7fc7aa] .el-table .el-table__header .el-table__cell {
  flex: auto !important;
  gap: 0.3rem;
  height: 37px !important;
  line-height: 37px !important;
  width: 100% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-color: var(--color-background-bg2);
}
[data-v-ba7fc7aa] .el-table .el-table__cell {
  flex: auto !important;
  font-size: 1.1rem;
  border: 1px solid var(--color-background-outstanding-light) !important;
}
[data-v-ba7fc7aa] .el-table .el-table__cell.no-flex {
  flex: unset !important;
  width: 3rem !important;
}
[data-v-ba7fc7aa] .el-table .el-table__row {
  height: 37px !important;
  border: 1px solid var(--color-background-outstanding-light) !important;
  background: transparent !important;
}
[data-v-ba7fc7aa] .el-table tr {
  background-color: transparent !important;
}
[data-v-ba7fc7aa] .el-table .el-table__row:hover {
  background: var(--color-primary-light-1) !important;
}
[data-v-ba7fc7aa] .el-table .el-table__body tr:nth-child(odd) {
  background-color: var(--color-background-bg-light) !important;
}
[data-v-ba7fc7aa] .el-table .el-table__row.selected,[data-v-ba7fc7aa] .el-table .el-table__row.current-row {
  background-color: var(--color-primary-light-1) !important;
  color: var(--color-primary);
  font-weight: 600;
}
[data-v-ba7fc7aa] .el-table .el-table__row.selected:nth-child(odd) {
  background-color: var(--color-primary-light-2) !important;
}
[data-v-ba7fc7aa] .el-table .el-table__row:nth-child(odd):hover {
  background-color: var(--color-primary-light-1) !important;
}
[data-v-ba7fc7aa] .el-table .el-table__header .el-table__cell.no-flex {
  flex: unset !important;
  width: 3rem !important;
}
[data-v-ba7fc7aa] .el-table .el-table__header .el-table__cell .caret-wrapper {
  opacity: 0;
  transition: opacity 0.2s;
}
[data-v-ba7fc7aa] .el-table .el-table__header .el-table__cell:hover .caret-wrapper {
  opacity: 1;
}
[data-v-ba7fc7aa] .el-table .el-table__empty-text {
  visibility: visible !important;
  opacity: 1 !important;
}
[data-v-ba7fc7aa] .el-table .el-table__header-wrapper .cell {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
[data-v-ba7fc7aa] .el-table .el-table__body-wrapper .cell {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
[data-v-ba7fc7aa] .el-table .el-input {
  width: 100% !important;
}
[data-v-ba7fc7aa] .el-table .el-input__wrapper,[data-v-ba7fc7aa] .el-table .el-textarea__inner {
  background-color: transparent !important;
  border: 1px solid var(--color-text-secondary) !important;
}
[data-v-ba7fc7aa] .el-table--fit .el-table__inner-wrapper::before {
  background-color: transparent !important;
}.l-spinner[data-v-c540e0b0] {
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}
.luca-notification[data-v-7b8dc152] {
  position: absolute;
  z-index: 9999;
  bottom: 20px;
  right: 30px;
  width: auto;
  min-width: 300px;
}
.el-alert[data-v-7b8dc152] {
  margin-bottom: 10px;
}
.l-date-range-combo[data-v-8095c276] {
  display: flex;
  flex-direction: column;
  border-color: var(--el-border-color);
  gap: 1rem;
  min-width: 170px;
}
.l-date-range-combo__select .l-date-range-combo__select[data-v-8095c276] {
  width: 100%;
}
.l-date-range-combo[data-v-8095c276] .l-date-range-combo__select:has(+ .l-date-range-combo__date-range.error) .el-input__wrapper {
  border-color: #f56c6c;
}
.l-date-range-combo__select-option[data-v-8095c276] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.l-date-range-combo__select-option--desc[data-v-8095c276] {
  font-size: 0.9em;
}
.l-date-range-combo__select-option--detail[data-v-8095c276] {
  color: var(--el-text-color-secondary);
  font-size: 0.8em;
}
.l-date-range-combo[data-v-8095c276] .l-date-range-combo__date-range .el-range-editor {
  border-bottom: 1px solid var(--el-border-color);
  width: 100%;
}
.l-date-range-combo[data-v-8095c276] .l-date-range-combo__date-range.error .el-range-editor {
  border-color: #f56c6c;
}
.l-date-range-combo[data-v-8095c276]:hover .l-date-range-combo__date-range:not(.error) .el-range-editor,
.l-date-range-combo[data-v-8095c276]:hover .l-date-range-combo__select .el-input__wrapper {
  border-color: var(--color-primary);
}.el-select[data-v-656e1384] .el-input__inner {
  height: var(--el-input-inner-height) !important;
}
[data-v-656e1384] .l-selectable-popper {
  position: fixed !important;
}.l-query-select-filter[data-v-9108c1cc] {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 10px;
}
.l-query-update-filter[data-v-9108c1cc] {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
[data-v-9108c1cc] .l-date-range-combo__select {
  width: 100%;
}
[data-v-9108c1cc] .el-input {
  width: 100%;
}
[data-v-9108c1cc] .el-input__wrapper {
  flex: 1 1 auto;
}.search-input[data-v-a36fdf1f] {
  margin-bottom: 1rem;
  margin-top: 2rem;
  width: 100%;
  padding: 8px 0;
}
.el-table[data-v-a36fdf1f] {
  border-radius: 0;
  border: none;
  font-size: 1.1rem;
  box-sizing: border-box;
}
.el-table[data-v-a36fdf1f] .el-table__header .el-table__cell {
  flex: auto !important;
  gap: 0.3rem;
  height: 37px !important;
  line-height: 37px !important;
  width: 100% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-color: var(--color-background-bg2);
}
.el-table[data-v-a36fdf1f] .el-table__cell {
  flex: auto !important;
  font-size: 1.1rem;
  border: 1px solid var(--color-background-outstanding-light) !important;
}
.el-table[data-v-a36fdf1f] .el-table__cell.no-flex {
  flex: unset !important;
  width: 3rem !important;
}
.el-table[data-v-a36fdf1f] .el-table__row {
  height: 37px !important;
}
.el-table[data-v-a36fdf1f] .el-table__body tr.odd-row-bg {
  background-color: var(--color-background-bg-light);
}
.el-table[data-v-a36fdf1f] .el-table__body tr.even-row-bg {
  background-color: var(--color-background-bg2);
}
.el-table[data-v-a36fdf1f] .el-table__body tr.current-row > .el-table__cell,
.el-table[data-v-a36fdf1f] .el-table__row.selected-row > .el-table__cell {
  background-color: var(--color-primary-light-1);
  color: var(--color-primary);
  font-weight: 700;
}
.el-table[data-v-a36fdf1f] .sort-caret.ascending {
  border-bottom-color: var(--color-text-regular);
}
.el-table[data-v-a36fdf1f] .sort-caret.descending {
  border-top-color: var(--color-text-regular);
}
.el-table[data-v-a36fdf1f] .el-table__header .el-table__cell .caret-wrapper {
  opacity: 0;
  transition: opacity 0.2s;
}
.el-table[data-v-a36fdf1f] .el-table__header .el-table__cell:hover .caret-wrapper {
  opacity: 1;
}
.el-table[data-v-a36fdf1f] .el-table__empty-text {
  visibility: visible !important;
  opacity: 1 !important;
}
.el-table[data-v-a36fdf1f] .el-table__empty-block {
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.el-table[data-v-a36fdf1f] .totalizer {
  background-color: var(--color-primary-light-1);
}
.el-table[data-v-a36fdf1f] .el-table__footer-wrapper tr,
.el-table[data-v-a36fdf1f] .el-table__footer-wrapper td {
  background-color: var(--color-background-bg-light);
  color: var(--color-text-primary);
  font-weight: 700;
  padding: 5px;
}
.table-expand-wrapper[data-v-a36fdf1f] {
  border-radius: var(--border-radius-basic);
  border: 0.1rem solid var(--color-background-outstanding-light);
  overflow: hidden;
}
.table-expand-enter-active[data-v-a36fdf1f],
.table-expand-leave-active[data-v-a36fdf1f] {
  transition: max-height 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.table-expand-enter-from[data-v-a36fdf1f],
.table-expand-leave-to[data-v-a36fdf1f] {
  max-height: 0;
}
.table-expand-enter-to[data-v-a36fdf1f],
.table-expand-leave-from[data-v-a36fdf1f] {
  max-height: 2000px;
}
.table-pagination-bar[data-v-a36fdf1f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  font-size: 12px;
  font-weight: 400;
  color: var(--color-text-regular);
}
.el-pagination[data-v-a36fdf1f] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
[theme=dark] .el-table[data-v-a36fdf1f] .el-table__header-wrapper th {
  border: 0.25px solid var(--color-border-basic);
  background-color: var(--color-background-bg2) !important;
  text-align: left;
}
[theme=dark] .el-table[data-v-a36fdf1f] .el-table__body tr.odd-row-bg {
  background-color: var(--color-background-bg2);
}
[theme=dark] .el-table[data-v-a36fdf1f] .el-table__body tr.even-row-bg {
  background-color: var(--color-background-bg-light);
}
[data-v-a36fdf1f] .el-table--fit .el-table__inner-wrapper::before {
  background-color: transparent !important;
}
[data-v-a36fdf1f] .el-table__row[style*="--hover-style"]:hover {
  color: var(--el-table-text-color, var(--color-text-primary)) !important;
}.l-chart[data-v-2da36236] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.l-chart[data-v-2da36236] .loading {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100%;
  width: 100%;
}
.l-chart .content[data-v-2da36236],
.l-chart .chart-container[data-v-2da36236] {
  width: 100%;
  height: 100%;
}
.l-chart .l-chart-table[data-v-2da36236] {
  padding: 0px 5px;
}
.l-chart-error[data-v-2da36236] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-chart-error p[data-v-2da36236] {
  font-size: 14px;
  text-align: center;
}
.l-chart[data-v-2da36236] .wrapper {
  display: flex !important;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.l-chart[data-v-2da36236] .state-view-column,
.l-chart[data-v-2da36236] .state-view-row {
  position: relative !important;
  min-height: auto !important;
  height: 100%;
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
.l-chart[data-v-2da36236] .full-size {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: auto;
}
.l-chart[data-v-2da36236] .img {
  max-width: 100%;
  max-height: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-chart[data-v-2da36236] .img svg {
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.l-chart[data-v-2da36236] .state-view-labels {
  max-width: 90%;
  word-wrap: break-word;
  flex-shrink: 0;
}.stable[data-v-94883125] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  height: 100%;
  gap: 1rem;
}
.table[data-v-94883125] {
  padding: 0;
  min-height: 70%;
  border: 0.1rem solid var(--color-background-outstanding-light);
  border-radius: 0.4rem;
}
[data-v-94883125] .el-footer {
  --el-footer-height: auto;
  --el-footer-padding: 0rem;
  display: flex;
  align-items: center;
  min-height: 3.5rem;
}
[data-v-94883125] .el-table__header .el-table__cell .caret-wrapper {
  opacity: 0;
  transition: opacity 0.2s;
}
[data-v-94883125] .el-table__header .el-table__cell:hover .caret-wrapper {
  opacity: 1;
}
[data-v-94883125] .el-table__empty-text {
  visibility: visible !important;
  opacity: 1 !important;
}
.el-table[data-v-94883125] {
  border-radius: 0;
  border: none;
  font-size: 1.1rem;
  box-sizing: border-box;
}
.el-table[data-v-94883125] .el-table__header .el-table__cell {
  flex: auto !important;
  gap: 0.3rem;
  height: 37px !important;
  line-height: 37px !important;
  width: 100% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-color: var(--color-background-bg2);
}
.el-table[data-v-94883125] .el-table__cell {
  flex: auto !important;
  font-size: 1.1rem;
  border: 1px solid var(--color-background-outstanding-light) !important;
}
.el-table[data-v-94883125] .el-table__cell.no-flex {
  flex: unset !important;
  width: 3rem !important;
}
.el-table[data-v-94883125] .el-table__row {
  height: 37px !important;
  border: 1px solid var(--color-background-outstanding-light) !important;
  background: transparent;
}
.el-table[data-v-94883125] .el-table__row:hover {
  background: var(--color-primary-light-1);
}
.el-table[data-v-94883125] .el-table__body tr:nth-child(odd) {
  background-color: var(--color-background-bg-light);
}
.el-table[data-v-94883125] .el-table__row.selected,
.el-table[data-v-94883125] .el-table__row.current-row {
  background-color: var(--color-primary-light-1) !important;
  color: var(--color-primary);
  font-weight: 600;
}
.el-table[data-v-94883125] .el-table__row.selected:nth-child(odd) {
  background-color: var(--color-primary-light-2) !important;
}
.el-table[data-v-94883125] .el-table__row:nth-child(odd):hover {
  background-color: var(--color-primary-light-1);
}
.el-table[data-v-94883125] .el-table__header .el-table__cell.no-flex {
  flex: unset !important;
  width: 3rem !important;
}
.el-table[data-v-94883125] .el-table__header-wrapper .cell {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.el-table[data-v-94883125] .el-table__body-wrapper .cell {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.el-table[data-v-94883125] .el-input {
  width: 100% !important;
  background-color: var(--color-background-bg2) !important;
}
.el-table[data-v-94883125] .el-input__wrapper,
.el-table[data-v-94883125] .el-textarea__inner {
  background-color: transparent !important;
  border: 1px solid var(--color-text-secondary) !important;
}
.el-table[data-v-94883125] .s-input-number {
  width: 100% !important;
}
.el-table[data-v-94883125] .s-input-number .el-input__wrapper {
  text-align: left !important;
}
.el-table[data-v-94883125] .s-input-number .el-input__inner {
  text-align: left !important;
}
.el-table[data-v-94883125] .el-date-editor {
  width: 100% !important;
}
.el-table[data-v-94883125] .l-selectable {
  width: 100% !important;
}
.el-table[data-v-94883125] .el-select {
  width: 100% !important;
}
[data-v-94883125] .el-table--fit .el-table__inner-wrapper::before {
  background-color: transparent !important;
}
[data-v-94883125] .cell .el-input-number__decrease {
  border-top: 1px solid var(--color-background-outstanding) !important;
}
[data-v-94883125] .cell .el-input-number__decrease,[data-v-94883125] .cell .el-input-number__increase {
  background-color: var(--color-background-bg2);
  border-left: 1px solid var(--color-background-outstanding) !important;
}
[data-v-94883125] .el-table__row[style*="--hover-style"]:hover {
  color: var(--el-table-text-color, var(--color-text-primary)) !important;
}.l-query-result-http[data-v-55a4cbce] {
  display: flex;
  width: 100%;
  height: 100%;
}
.l-query-result-http__raw[data-v-55a4cbce] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.l-query-result-http__tab[data-v-55a4cbce] {
  height: 100%;
}
.l-query-result-http__tab[data-v-55a4cbce] .el-tabs__header {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  background-color: var(--color-background-bg);
}
.l-query-result-http__tab[data-v-55a4cbce] .el-tabs__content,
.l-query-result-http__tab[data-v-55a4cbce] .el-tab-pane {
  height: 100%;
}
.l-query-result-http__tab[data-v-55a4cbce] .tabs-content {
  background-color: var(--color-background-bg) !important;
}
.l-query-result-http__tab[data-v-55a4cbce] .tab-content {
  border: 1px solid var(--color-background-outstanding);
  padding-top: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.6rem;
  background-color: var(--color-background-bg);
}
.l-query-result-http__tab[data-v-55a4cbce] .el-tabs__item.is-active,
.l-query-result-http__tab[data-v-55a4cbce] .el-tabs__item:not(.is-active):not(.is-disabled):hover,
.l-query-result-http__tab[data-v-55a4cbce] .el-tabs__item.is-active *,
.l-query-result-http__tab[data-v-55a4cbce] .el-tabs__item:not(.is-active):not(.is-disabled):hover * {
  background-color: var(--color-background-outstanding) !important;
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}
.l-query-result-http__tab[data-v-55a4cbce] .el-tabs__item.is-active:hover,
.l-query-result-http__tab[data-v-55a4cbce] .el-tabs__item.is-active:hover * {
  background-color: var(--color-background-bg) !important;
}
.l-query-result-http__tab[data-v-55a4cbce] .el-scrollbar__view {
  height: 100%;
}
.l-query-result-http__status[data-v-55a4cbce] {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 14px;
}
.l-query-result-http__body[data-v-55a4cbce] {
  width: 100%;
  height: 100%;
}
.l-query-result-http__table-headers[data-v-55a4cbce] {
  width: 100%;
  height: 100%;
}.l-query-result-insert[data-v-f25e907a] {
  display: flex;
  width: 100%;
  height: 100%;
}
.l-query-result-insert pre[data-v-f25e907a] {
  display: flex;
  height: 100%;
  width: 100%;
}.l-query-result-log[data-v-1ebcc3fc] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  gap: 10px;
}
.l-query-result-log pre[data-v-1ebcc3fc] {
  flex-grow: 1;
  width: 100%;
  margin: 0;
  overflow: auto;
}
.l-query-result-log pre[data-v-1ebcc3fc] code {
  height: 100%;
}.l-query-result[data-v-f219849a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.l-query-result__error[data-v-f219849a] {
  display: flex;
  width: 100%;
  height: 100%;
}
.l-query-result__error[data-v-f219849a] code {
  width: 100%;
  height: 100%;
  background-color: var(--color-background-bg2);
  color: var(--color-text-primary);
}
.l-query-result[data-v-f219849a] .wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.l-query-result[data-v-f219849a] .state-view-column,
.l-query-result[data-v-f219849a] .state-view-row {
  position: relative !important;
  min-height: auto !important;
  height: 100%;
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
.l-query-result[data-v-f219849a] .full-size {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: auto;
}
.l-query-result[data-v-f219849a] .img {
  max-width: 100%;
  max-height: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-query-result[data-v-f219849a] .img svg {
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.l-query-result[data-v-f219849a] .state-view-labels {
  max-width: 90%;
  word-wrap: break-word;
  flex-shrink: 0;
}[data-v-bea4ddb8] .input-wrapper {
  margin-right: 0px;
}
.confirm-row[data-v-bea4ddb8] {
  margin-top: auto;
  display: flex;
  align-self: end;
  align-items: center;
  gap: 10px;
}
.confirm-row .bulk-file-name[data-v-bea4ddb8] {
  font-size: 12px;
}
.confirm-row[data-v-bea4ddb8] .el-upload-list {
  margin: 0;
}.l-tree-navigation[data-v-bef89c5b] {
  height: 50%;
}
.l-tree-navigation .tree-structure[data-v-bef89c5b] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0rem 1rem 1rem 1rem;
  justify-content: space-between;
}
.l-tree-navigation .l-tree-menu[data-v-bef89c5b] {
  width: 100%;
  border-right: none;
  background: transparent;
}
.l-tree-navigation[data-v-bef89c5b] .tree-text {
  display: flex;
  align-items: center;
  padding-left: 1rem;
  gap: 0.75rem;
  min-width: 0;
}
.l-tree-navigation[data-v-bef89c5b] .tree-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 200px;
}
.l-tree-navigation[data-v-bef89c5b] .tree-text.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
[data-v-bef89c5b] .el-sub-menu__icon-arrow {
  margin-right: 0.5rem !important;
}
[data-v-bef89c5b] span > i {
  margin: 0 !important;
}
[data-v-bef89c5b] .el-sub-menu__title {
  padding-left: 0 !important;
}
[data-v-bef89c5b] .el-menu-item.is-active::before,[data-v-bef89c5b] .el-sub-menu__title::before {
  background-color: transparent !important;
}.header[data-v-270ccf3f] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.shortcuts[data-v-270ccf3f] {
  display: flex;
  gap: 3rem;
  flex-direction: column;
  overflow: auto;
  padding-bottom: 7rem;
}
.shortcuts .group[data-v-270ccf3f] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.shortcuts .group .subtitle[data-v-270ccf3f] {
  font-weight: 500;
}
.shortcuts .group .shortcut-container[data-v-270ccf3f] {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1.5rem;
  column-gap: 1rem;
}
.shortcuts .group .shortcut-container .shortcut[data-v-270ccf3f] {
  display: grid;
  grid-template-columns: 10rem 1fr;
  align-items: center;
  width: 48%;
}.global-search[data-v-9a862038] {
  display: flex;
}
.global-search .shortcut[data-v-9a862038] {
  cursor: pointer;
}
.embedded[data-v-9a862038] {
  padding: 0.5rem;
}
.searchmenu[data-v-9a862038] {
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 0.5rem 0.25rem 0.5rem 0.5rem;
  max-height: calc(100vh - 10rem);
  user-select: none;
}
.searchmenu section[data-v-9a862038] {
  display: flex;
  flex-direction: column;
  padding: 0rem 0rem 1rem 0rem;
}
.searchmenu section .category[data-v-9a862038] {
  padding: 0.5rem;
}
.searchmenu section .category p[data-v-9a862038] {
  font-weight: 600;
}
.searchmenu section .recent-category[data-v-9a862038] {
  display: flex;
  justify-content: space-between;
}
.searchmenu section .recent-category .clear[data-v-9a862038] {
  cursor: pointer;
  color: var(--color-text-secondary) !important;
  font-size: 1rem;
}
.searchmenu section .recent-category .clear[data-v-9a862038]:hover {
  color: var(--color-text-primary) !important;
}
.searchmenu section .recent-category .clear[data-v-9a862038]:focus {
  color: var(--color-text-primary) !important;
  outline: none !important;
}
.searchmenu section .main-wrapper[data-v-9a862038] {
  position: relative;
  cursor: pointer;
}
.searchmenu section .main-wrapper .option-wrapper[data-v-9a862038] {
  padding: 1rem 1.5rem;
  font-weight: 400;
  font-size: 1.1rem;
  border-radius: 0.4rem;
  line-height: 1rem;
  letter-spacing: 0.05rem;
}
.searchmenu section .main-wrapper .option-wrapper p[data-v-9a862038] {
  display: flex;
  gap: 0.75rem;
  align-items: flex-end;
}
.searchmenu section .main-wrapper .option-wrapper p .second-label[data-v-9a862038] {
  color: var(--color-text-secondary);
  font-size: 1rem;
  line-height: 1.25rem;
}
.searchmenu section .main-wrapper .option-wrapper[data-v-9a862038]:hover,
.searchmenu section .main-wrapper .option-wrapper[data-v-9a862038]:focus {
  background-color: var(--color-background-bg-light);
  outline: none;
}
.searchmenu section[data-v-9a862038]:last-child {
  padding: 0;
}
.searchmenu .no-results-wrapper[data-v-9a862038] {
  display: flex;
  height: 20rem;
  width: 100%;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.searchmenu .no-results-wrapper .error[data-v-9a862038] {
  position: relative !important;
}
.overlay[data-v-9a862038] {
  position: absolute;
  top: 4rem;
  left: 0;
  width: 100%;
  height: calc(100vh - 4rem);
  background-color: var(--color-background-bg2-light);
  backdrop-filter: blur(0.07rem);
  pointer-events: auto;
  z-index: 9998;
  overflow: hidden;
}.about-us[data-v-ec3d1871] {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  flex-direction: column;
  border-radius: 0.5rem;
}
.banner[data-v-ec3d1871] {
  height: 35rem;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.banner .banner-content[data-v-ec3d1871] {
  display: flex;
  height: 100%;
  flex-direction: column;
  padding: 2.5rem 3rem;
}
.banner .banner-content .header[data-v-ec3d1871] {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.banner .banner-content .header h2[data-v-ec3d1871] {
  color: var(--el-color-white);
}
.banner .banner-content .header i[data-v-ec3d1871] {
  color: var(--el-color-white);
  cursor: pointer;
}
.banner .banner-content .body[data-v-ec3d1871] {
  margin: auto;
}
.banner .banner-content .body p[data-v-ec3d1871] {
  font-size: 6.5rem;
  line-height: 6.5rem;
  font-weight: 600;
  color: var(--el-color-white);
}
.bottom-content[data-v-ec3d1871] {
  height: 32rem;
  background-color: var(--color-qr-background);
}
.bottom-content .container[data-v-ec3d1871] {
  display: flex;
  width: 100%;
  height: 100%;
}
.bottom-content .container .left-column[data-v-ec3d1871] {
  width: 60%;
  padding: 2rem;
}
.bottom-content .container .right-column[data-v-ec3d1871] {
  width: 40%;
  padding: 2rem 1rem 2rem 0;
}
.logo[data-v-ec3d1871] {
  color: var(--color-primary);
  font-weight: 700;
  letter-spacing: 0.5rem;
  font-size: 1.25rem;
  pointer-events: all;
  height: 10rem;
  display: flex;
}
.content[data-v-ec3d1871] {
  display: flex;
  height: 100%;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1.5rem;
  color: var(--color-text-primary);
  overflow: auto;
}
[data-v-ec3d1871] .card {
  overflow: unset;
}
.card-container[data-v-ec3d1871] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  gap: 1rem;
  overflow: auto;
  padding-bottom: 0.5rem;
}
@media (min-width: 768px) {
.card-container[data-v-ec3d1871] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767.9px) {
.card-container[data-v-ec3d1871] {
    grid-template-columns: 1fr;
}
}
.content-group[data-v-ec3d1871] {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
.content-group-header[data-v-ec3d1871] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
h4[data-v-ec3d1871] {
  color: var(--color-text-primary);
}
[data-v-ec3d1871] .banner-text em {
  color: var(--color-primary);
}
[data-v-ec3d1871] .footer a {
  text-decoration: underline;
}
[data-v-ec3d1871] a {
  color: var(--color-primary);
}
.content[data-v-ec3d1871] > * {
  padding-right: 1rem;
}
[data-v-ec3d1871] .s-key-properties {
  height: 13rem;
}
[data-v-ec3d1871] .s-key-properties .value {
  overflow-y: hidden !important;
}
.settings-info[data-v-ec3d1871] {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  align-items: center;
}
@media (max-width: 767.9px) {
.container[data-v-ec3d1871] {
    flex-direction: column;
    overflow: auto;
}
.left-column[data-v-ec3d1871] {
    width: 100% !important;
}
.right-column[data-v-ec3d1871] {
    width: 100% !important;
    padding: 2rem !important;
}
.body p[data-v-ec3d1871] {
    font-size: 4.5rem !important;
    line-height: 4.5rem !important;
}
.card-container[data-v-ec3d1871] {
    flex-wrap: wrap;
}
.logo[data-v-ec3d1871] {
    height: 5rem !important;
}
.content[data-v-ec3d1871] > * {
    padding-right: 0 !important;
}
}
.image[data-v-ec3d1871] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 200px;
}.chat-dialog .drawer-header-flex[data-v-9691896d] {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.chat-dialog .drawer-header-flex .chat-title[data-v-9691896d] {
  font-size: 20px;
  color: var(--color-text-primary);
  font-weight: bold;
}
.ia-model-selector[data-v-9691896d] {
  min-width: 20rem;
}
.ia-model-icon[data-v-9691896d] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}
.ia-model-icon.option[data-v-9691896d] {
  margin-right: 8px;
}
.ia-model-option[data-v-9691896d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 0.5rem;
}
.ia-model-option i[data-v-9691896d] {
  font-size: 1.2rem;
  color: var(--color-text-secondary);
}
.el-select-dropdown__footer {
  border-top: 1px solid var(--color-background-outstanding) !important;
}
.dropdown-footer[data-v-9691896d] {
  padding: 0rem 1rem;
}
.dropdown-link[data-v-9691896d] {
  color: var(--color-primary);
  cursor: pointer;
}
.dropdown-link[data-v-9691896d]:hover {
  text-decoration: underline;
}
.chat-border[data-v-9691896d] {
  height: 100%;
  border-radius: 0.5rem;
}
.triangle[data-v-9691896d] {
  width: 0;
  height: 0;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-bottom: 1rem solid var(--color-background-bg2);
  position: absolute;
  top: -0.75rem;
  right: 11rem;
}.toolbar[data-v-73b51902] {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  gap: 0.5rem;
}
.toolbar .brand .home[data-v-73b51902] {
  display: flex;
  align-items: center;
  position: relative;
  backface-visibility: hidden;
  cursor: pointer;
  pointer-events: none;
}
.toolbar .brand .home .logo[data-v-73b51902] {
  color: var(--color-primary);
  font-weight: 700;
  letter-spacing: 0.5rem;
  font-size: 1.25rem;
  pointer-events: all;
  height: auto;
  width: 10rem;
  display: flex;
  padding-right: 1rem;
}
.toolbar .brand .home .logo[data-v-73b51902] svg {
  height: auto;
}
.toolbar .brand .home img[data-v-73b51902] {
  max-height: 3.25rem;
  backface-visibility: hidden;
  pointer-events: all;
  max-width: 20rem;
}
.toolbar .brand .home .logoicon[data-v-73b51902] {
  color: var(--color-primary);
  font-weight: 700;
  letter-spacing: 0.5rem;
  font-size: 1.25rem;
  pointer-events: all;
  height: auto;
  width: 2.9rem;
  display: flex;
  padding-right: 1rem;
}
.toolbar .brand .home .logoicon[data-v-73b51902] svg {
  height: 200px;
}
.toolbar .brand .home[data-v-73b51902]:focus,
.toolbar .brand .home[data-v-73b51902]:hover {
  outline: none !important;
  zoom: 1.03;
}
.toolbar .toolItems[data-v-73b51902] {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  justify-content: flex-end;
  margin-left: auto;
  height: 100%;
}
.toolbar .toolItems .incibeBanner[data-v-73b51902] {
  height: 100%;
}
.toolbar .toolItems .dateContainer[data-v-73b51902] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0rem 0.5rem;
}
.toolbar .toolItems .dateContainer p[data-v-73b51902] {
  font-feature-settings: "tnum";
  font-size: 1.1rem;
  line-height: 4rem;
  font-weight: 400;
}
.toolbar .toolItems .user[data-v-73b51902] {
  color: var(--color-primary);
}
.shortcut[data-v-73b51902] {
  flex: 1;
  align-self: center;
  display: flex;
  justify-content: flex-end;
  min-width: 10rem;
}
.link[data-v-73b51902] {
  display: flex;
  align-items: center;
}
.link .nic-sliders[data-v-73b51902] {
  transform: rotate(90deg);
}
a[data-v-73b51902]:visited {
  text-decoration: none;
  text-transform: none;
  color: var(--color-text-primary);
}.l-menu[data-v-f1f46171] {
  display: flex;
  flex-direction: column;
}.l-menu-item[data-v-7d9579c3] {
  display: flex;
  gap: 8px;
  height: var(--v7f6ef0b6);
  padding: var(--v60f507ee) var(--v60f5080a);
  text-decoration: none;
  color: var(--color-text-primary);
}
.l-menu-item__content[data-v-7d9579c3] {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  overflow: hidden;
  flex: 1;
  padding: 0 12px;
  border-radius: 4px;
}
.l-menu-item__text[data-v-7d9579c3] {
  opacity: 1;
  transition: opacity 0.3s;
  backface-visibility: hidden;
}
.l-menu-item--active .l-menu-item__content[data-v-7d9579c3] {
  background: var(--color-background-bg);
  color: var(--color-primary);
}
.l-menu-item:not(.l-menu-item--active):hover .l-menu-item__content[data-v-7d9579c3] {
  background: var(--color-background-bg);
}
.l-menu-item--collapsed .l-menu-item__text[data-v-7d9579c3] {
  opacity: 0;
}
.l-menu-item:not(.l-menu-item--collapsed) .l-menu-item__text[data-v-7d9579c3] {
  font-weight: 700;
}.l-menu-item-tooltip.el-popper.tooltip[data-popper-placement^=right] > .el-popper__arrow {
  top: 50% !important;
  transform: translateY(-50%) !important;
}[data-v-bd24f16e]::-webkit-scrollbar {
  width: 4px;
}
[data-v-bd24f16e]::-webkit-scrollbar-thumb {
  border: none;
  border-radius: 4px;
}
[data-v-bd24f16e]::-webkit-scrollbar,[data-v-bd24f16e]::-webkit-scrollbar-track,[data-v-bd24f16e]::-webkit-scrollbar-corner {
  background: var(--color-background-bg2);
}
.vertical-navbar[data-v-bd24f16e] {
  background-color: var(--color-background-bg2);
  border: none;
  height: calc(100vh - var(--navbar-height));
  width: 60px;
  display: flex;
  flex-direction: column;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  z-index: 999;
  backface-visibility: hidden;
  transition: width 0.3s ease;
}
.vertical-navbar.configuration-mode[data-v-bd24f16e] {
  position: fixed;
}
.vertical-navbar .menu-content[data-v-bd24f16e] {
  flex: 1;
  height: calc(100% - 60px - 54px);
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 0.5rem;
}
.vertical-navbar .collapse-button-wrapper[data-v-bd24f16e] {
  flex-shrink: 0;
  padding: 10px;
}
.vertical-navbar .l-menu-item-mock[data-v-bd24f16e] {
  display: flex;
  gap: 8px;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
}
.vertical-navbar .l-menu-item-mock__content[data-v-bd24f16e] {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  overflow: hidden;
  flex: 1;
  padding: 0 12px;
  border-radius: 6px;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}
.vertical-navbar .l-menu-item-mock__text[data-v-bd24f16e] {
  opacity: 1;
  transition: opacity 0.3s;
  backface-visibility: hidden;
}
.vertical-navbar .l-menu-item-mock:hover .l-menu-item-mock__content[data-v-bd24f16e] {
  background: var(--color-background-bg);
  color: var(--color-primary);
}
.vertical-navbar.collapse .l-menu-item-mock__text[data-v-bd24f16e] {
  opacity: 0;
  display: none;
}
.vertical-navbar.collapse[data-v-bd24f16e] .l-application-menu,
.vertical-navbar.collapse[data-v-bd24f16e] .l-menu {
  width: 60px;
}
.vertical-navbar.collapse[data-v-bd24f16e] .l-application-menu .el-tooltip__trigger,
.vertical-navbar.collapse[data-v-bd24f16e] .l-menu .el-tooltip__trigger {
  width: 100%;
}
.vertical-navbar.collapse[data-v-bd24f16e] .l-application-menu .el-menu-item span {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.vertical-navbar[data-v-bd24f16e]:not(.collapse) {
  width: 300px;
}
.vertical-navbar:not(.collapse) .l-menu-item-mock__text[data-v-bd24f16e] {
  font-weight: 700;
  opacity: 1;
  display: inline;
}
.vertical-navbar[data-v-bd24f16e]:not(.collapse) .l-application-menu,
.vertical-navbar[data-v-bd24f16e]:not(.collapse) .l-menu {
  width: 100%;
}
.vertical-navbar[data-v-bd24f16e]:not(.collapse) .l-application-menu .el-menu-item i,
.vertical-navbar[data-v-bd24f16e]:not(.collapse) .l-application-menu .el-sub-menu__title i,
.vertical-navbar[data-v-bd24f16e]:not(.collapse) .l-menu .el-menu-item i,
.vertical-navbar[data-v-bd24f16e]:not(.collapse) .l-menu .el-sub-menu__title i {
  margin-right: 8px !important;
  transition: margin-right 0.2s ease;
}
.vertical-navbar[data-v-bd24f16e]:not(.collapse) .l-application-menu .el-sub-menu__icon-arrow,
.vertical-navbar[data-v-bd24f16e]:not(.collapse) .l-menu .el-sub-menu__icon-arrow {
  display: block;
}
.vertical-navbar[data-v-bd24f16e] .l-application-menu .el-menu-item span {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.25s ease 0.15s, visibility 0s linear 0.15s;
}
.vertical-navbar[data-v-bd24f16e] .l-application-menu,
.vertical-navbar[data-v-bd24f16e] .l-menu {
  border-right: none;
  background-color: transparent;
}
@media (max-height: 700px) {
.vertical-navbar .collapse-button-wrapper[data-v-bd24f16e] {
    padding: 5px 10px;
}
.vertical-navbar .l-menu-item-mock[data-v-bd24f16e] {
    height: 32px;
}
}
@media (max-height: 500px) {
.vertical-navbar .collapse-button-wrapper[data-v-bd24f16e] {
    padding: 2px 10px;
}
.vertical-navbar .l-menu-item-mock[data-v-bd24f16e] {
    height: 28px;
}
}body[data-v-b86ef157],
html[data-v-b86ef157],
#lc-app[data-v-b86ef157] {
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.blur-active .home .main .el-main[data-v-b86ef157] {
  filter: blur(4px);
  -webkit-filter: blur(4px);
}
.sidebar-backdrop[data-v-b86ef157] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 998;
}
.fade-enter-active[data-v-b86ef157],
.fade-leave-active[data-v-b86ef157] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-b86ef157],
.fade-leave-to[data-v-b86ef157] {
  opacity: 0;
}
.sidebar-margin[data-v-b86ef157] {
  margin-left: 40px;
}
.home[data-v-b86ef157] {
  height: 100%;
}
.home .main[data-v-b86ef157] {
  position: relative;
}
.home .main .el-main[data-v-b86ef157] {
  padding: 0rem;
}
.home .main .el-main .content[data-v-b86ef157] {
  display: flex;
  height: 100%;
}
.home .mask[data-v-b86ef157] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .mask .avatar[data-v-b86ef157] {
  display: flex;
  border-radius: 50%;
  color: var(--color-primary);
  background-color: var(--color-primary-light-3);
  font-weight: 700;
}
.home .avatar[aria-expanded=true][data-v-b86ef157] {
  outline: 0.2rem solid var(--color-primary);
}
.home .navBar[data-v-b86ef157] {
  --el-header-height: 4rem;
  background-color: var(--color-background-bg2);
  padding: 0em 1em;
  text-align: right;
  user-select: none;
  z-index: 9996;
  border-bottom: 0.1rem solid var(--color-background-outstanding);
}
.home .navBar[data-v-b86ef157]:not(.opened) {
  box-shadow: var(--box-shadow-basic);
}
.home .breadcrumb[data-v-b86ef157] {
  height: 4rem !important;
  overflow: hidden;
  background-color: var(--color-background-bg2);
  padding: 0em 1em !important;
  text-align: right;
  user-select: none;
  box-shadow: var(--box-shadow-basic);
  z-index: 9995;
  transition: height var(--el-transition-duration);
}
.home .breadcrumb[data-v-b86ef157]:not(.opened) {
  height: 0rem !important;
}
.home .breadcrumb-button i[data-v-b86ef157] {
  transition: transform 0.3s ease;
}
.home .breadcrumb-button .opened[data-v-b86ef157] {
  transform: rotate(-180deg);
}
[data-v-b86ef157] .el-dialog__body .el-dialog__header {
  display: none;
}
.nic-sliders[data-v-b86ef157] {
  transform: rotate(90deg);
}
.alert-banner-container[data-v-b86ef157] {
  background-color: var(--color-background-bg2);
  padding: 0 1em;
  box-shadow: var(--box-shadow-basic);
  z-index: 9994;
}
.alert-banner[data-v-b86ef157] {
  display: flex;
  flex-direction: row;
}
.banner-slide-enter-active[data-v-b86ef157] {
  transition: all 0.4s ease-out;
  overflow: hidden;
}
.banner-slide-leave-active[data-v-b86ef157] {
  transition: all 0.3s ease-in;
  overflow: hidden;
}
.banner-slide-enter-from[data-v-b86ef157] {
  max-height: 0;
  opacity: 0;
}
.banner-slide-leave-to[data-v-b86ef157] {
  max-height: 0;
  opacity: 0;
}
.banner-slide-enter-to[data-v-b86ef157],
.banner-slide-leave-from[data-v-b86ef157] {
  max-height: 100px;
  opacity: 1;
}
[data-v-b86ef157] .el-switch {
  width: 3.5rem;
}
[data-v-b86ef157] .el-input-number.is-center .el-input__inner {
  text-align: left;
}
#lc-app[data-v-b86ef157]:not(.library-mode) * {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
#lc-app[data-v-b86ef157]:not(.library-mode) :not(.el-scrollbar__wrap):not(.el-table__body-wrapper):not(.el-table__header-wrapper):hover {
  scrollbar-width: thin;
  scrollbar-color: var(--color-background-outstanding) transparent;
}
.l-floating-card {
  background-color: var(--color-background-bg2);
  padding: 10px;
  border-radius: 5px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}

@font-face {
  font-family: "netwin-icon-font";
  src: url("/assets/netwin-icon-font-DZ2xs7mr.eot?m4vj7v");
  src: url("/assets/netwin-icon-font-DZ2xs7mr.eot") format("embedded-opentype"), url("/assets/netwin-icon-font-CvyDe_N9.ttf") format("truetype"), url("/assets/netwin-icon-font-DX-9SASo.woff") format("woff"), url("/assets/netwin-icon-font-BZU612VN.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=nic-],
[class*=" nic-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "netwin-icon-font", sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nic-rd-party:before {
  content: "\e900";
}

.nic-activity:before {
  content: "\e901";
}

.nic-add-organization:before {
  content: "\e902";
}

.nic-ai-models:before {
  content: "\e903";
}

.nic-ai-report:before {
  content: "\e904";
}

.nic-airplay:before {
  content: "\e905";
}

.nic-alert-circle:before {
  content: "\e906";
}

.nic-alert-octagon:before {
  content: "\e907";
}

.nic-alert-triangle:before {
  content: "\e908";
}

.nic-align-center:before {
  content: "\e909";
}

.nic-align-end-horizontal:before {
  content: "\e90a";
}

.nic-align-end-vertical:before {
  content: "\e90b";
}

.nic-align-justify:before {
  content: "\e90c";
}

.nic-align-left:before {
  content: "\e90d";
}

.nic-align-right:before {
  content: "\e90e";
}

.nic-align-start-horizontal:before {
  content: "\e90f";
}

.nic-align-start-vertical:before {
  content: "\e910";
}

.nic-anchor:before {
  content: "\e911";
}

.nic-aperture:before {
  content: "\e912";
}

.nic-app-window-mac:before {
  content: "\e913";
}

.nic-archive:before {
  content: "\e914";
}

.nic-archive-restore:before {
  content: "\e915";
}

.nic-arrow-down:before {
  content: "\e916";
}

.nic-arrow-down-circle:before {
  content: "\e917";
}

.nic-arrow-down-left:before {
  content: "\e918";
}

.nic-arrow-down-right:before {
  content: "\e919";
}

.nic-arrow-left:before {
  content: "\e91a";
}

.nic-arrow-left-circle:before {
  content: "\e91b";
}

.nic-arrow-right:before {
  content: "\e91c";
}

.nic-arrow-right-circle:before {
  content: "\e91d";
}

.nic-arrow-up:before {
  content: "\e91e";
}

.nic-arrow-up-circle:before {
  content: "\e91f";
}

.nic-arrow-up-down:before {
  content: "\e920";
}

.nic-arrow-up-left:before {
  content: "\e921";
}

.nic-arrow-up-right:before {
  content: "\e922";
}

.nic-assets:before {
  content: "\e923";
}

.nic-at-sign:before {
  content: "\e924";
}

.nic-aurora:before {
  content: "\e925";
}

.nic-award:before {
  content: "\e926";
}

.nic-bar-chart:before {
  content: "\e927";
}

.nic-bar-chart-2:before {
  content: "\e928";
}

.nic-baseline:before {
  content: "\e929";
}

.nic-battery:before {
  content: "\e92a";
}

.nic-battery-charging:before {
  content: "\e92b";
}

.nic-bell:before {
  content: "\e92c";
}

.nic-bell-off:before {
  content: "\e92d";
}

.nic-bell-ring:before {
  content: "\e92e";
}

.nic-blocks:before {
  content: "\e92f";
}

.nic-bluetooth:before {
  content: "\e930";
}

.nic-bold:before {
  content: "\e931";
}

.nic-book:before {
  content: "\e932";
}

.nic-bookmark:before {
  content: "\e933";
}

.nic-book-open:before {
  content: "\e934";
}

.nic-box:before {
  content: "\e935";
}

.nic-braces:before {
  content: "\e936";
}

.nic-brain-circuit:before {
  content: "\e937";
}

.nic-briefcase:before {
  content: "\e938";
}

.nic-cable:before {
  content: "\e939";
}

.nic-calendar:before {
  content: "\e93a";
}

.nic-camera:before {
  content: "\e93b";
}

.nic-camera-off:before {
  content: "\e93c";
}

.nic-cast:before {
  content: "\e93d";
}

.nic-category:before {
  content: "\e93e";
}

.nic-cctv:before {
  content: "\e93f";
}

.nic-chart-column-stacked:before {
  content: "\e940";
}

.nic-chatbot:before {
  content: "\e941";
}

.nic-check:before {
  content: "\e942";
}

.nic-check-circle:before {
  content: "\e943";
}

.nic-check-square:before {
  content: "\e944";
}

.nic-chevron-down:before {
  content: "\e945";
}

.nic-chevron-left:before {
  content: "\e946";
}

.nic-chevron-right:before {
  content: "\e947";
}

.nic-chevrons-down:before {
  content: "\e948";
}

.nic-chevrons-left:before {
  content: "\e949";
}

.nic-chevrons-right:before {
  content: "\e94a";
}

.nic-chevrons-up:before {
  content: "\e94b";
}

.nic-chevron-up:before {
  content: "\e94c";
}

.nic-chrome:before {
  content: "\e94d";
}

.nic-circle:before {
  content: "\e94e";
}

.nic-circle-check:before {
  content: "\e94f";
}

.nic-circle-point:before {
  content: "\e950";
}

.nic-circuit-board:before {
  content: "\e951";
}

.nic-clipboard:before {
  content: "\e952";
}

.nic-clipboard-check:before {
  content: "\e953";
}

.nic-clipboard-plus:before {
  content: "\e954";
}

.nic-clock:before {
  content: "\e955";
}

.nic-close-panel:before {
  content: "\e956";
}

.nic-close-tree:before {
  content: "\e957";
}

.nic-cloud:before {
  content: "\e958";
}

.nic-cloud-drizzle:before {
  content: "\e959";
}

.nic-cloud-lightning:before {
  content: "\e95a";
}

.nic-cloud-off:before {
  content: "\e95b";
}

.nic-cloud-rain:before {
  content: "\e95c";
}

.nic-cloud-snow:before {
  content: "\e95d";
}

.nic-cluster:before {
  content: "\e95e";
}

.nic-code:before {
  content: "\e95f";
}

.nic-codepen:before {
  content: "\e960";
}

.nic-codesandbox:before {
  content: "\e961";
}

.nic-coffee:before {
  content: "\e962";
}

.nic-columns:before {
  content: "\e963";
}

.nic-command:before {
  content: "\e964";
}

.nic-compass:before {
  content: "\e965";
}

.nic-connection-path:before {
  content: "\e966";
}

.nic-console:before {
  content: "\e967";
}

.nic-copy:before {
  content: "\e968";
}

.nic-copyright:before {
  content: "\e969";
}

.nic-corner-down-left:before {
  content: "\e96a";
}

.nic-corner-down-right:before {
  content: "\e96b";
}

.nic-corner-left-down:before {
  content: "\e96c";
}

.nic-corner-left-up:before {
  content: "\e96d";
}

.nic-corner-right-down:before {
  content: "\e96e";
}

.nic-corner-right-up:before {
  content: "\e96f";
}

.nic-corner-up-left:before {
  content: "\e970";
}

.nic-corner-up-right:before {
  content: "\e971";
}

.nic-cpd:before {
  content: "\e972";
}

.nic-cpu:before {
  content: "\e973";
}

.nic-credit-card:before {
  content: "\e974";
}

.nic-crop:before {
  content: "\e975";
}

.nic-crosshair:before {
  content: "\e976";
}

.nic-dashboard:before {
  content: "\e977";
}

.nic-dashed:before {
  content: "\e978";
}

.nic-database:before {
  content: "\e979";
}

.nic-delete:before {
  content: "\e97a";
}

.nic-diamond:before {
  content: "\e97b";
}

.nic-disc:before {
  content: "\e97c";
}

.nic-divide:before {
  content: "\e97d";
}

.nic-divide-circle:before {
  content: "\e97e";
}

.nic-divide-square:before {
  content: "\e97f";
}

.nic-doble-check:before {
  content: "\e980";
}

.nic-dock:before {
  content: "\e981";
}

.nic-dollar-sign:before {
  content: "\e982";
}

.nic-dotted:before {
  content: "\e983";
}

.nic-download:before {
  content: "\e984";
}

.nic-download-cloud:before {
  content: "\e985";
}

.nic-draw-zone:before {
  content: "\e986";
}

.nic-dribbble:before {
  content: "\e987";
}

.nic-drilldown:before {
  content: "\e988";
}

.nic-droplet:before {
  content: "\e989";
}

.nic-d-substation:before {
  content: "\e98a";
}

.nic-E2E:before {
  content: "\e98b";
}

.nic-edit:before {
  content: "\e98c";
}

.nic-edit-2:before {
  content: "\e98d";
}

.nic-edit-3:before {
  content: "\e98e";
}

.nic-ember:before {
  content: "\e98f";
}

.nic-equal:before {
  content: "\e990";
}

.nic-events:before {
  content: "\e991";
}

.nic-excel:before {
  content: "\e992";
}

.nic-excel-reload:before {
  content: "\e993";
}

.nic-external-link:before {
  content: "\e994";
}

.nic-eye:before {
  content: "\e995";
}

.nic-eye-off:before {
  content: "\e996";
}

.nic-facebook:before {
  content: "\e997";
}

.nic-factory:before {
  content: "\e998";
}

.nic-factory-generate:before {
  content: "\e999";
}

.nic-factory-use:before {
  content: "\e99a";
}

.nic-fast-forward:before {
  content: "\e99b";
}

.nic-feather:before {
  content: "\e99c";
}

.nic-figma:before {
  content: "\e99d";
}

.nic-file:before {
  content: "\e99e";
}

.nic-file-badge:before {
  content: "\e99f";
}

.nic-file-box:before {
  content: "\e9a0";
}

.nic-file-check-2:before {
  content: "\e9a1";
}

.nic-file-digit:before {
  content: "\e9a2";
}

.nic-file-down:before {
  content: "\e9a3";
}

.nic-file-input:before {
  content: "\e9a4";
}

.nic-file-json:before {
  content: "\e9a5";
}

.nic-file-minus:before {
  content: "\e9a6";
}

.nic-file-output:before {
  content: "\e9a7";
}

.nic-file-pen-line:before {
  content: "\e9a8";
}

.nic-file-plus:before {
  content: "\e9a9";
}

.nic-file-text:before {
  content: "\e9aa";
}

.nic-file-up:before {
  content: "\e9ab";
}

.nic-film:before {
  content: "\e9ac";
}

.nic-filter:before {
  content: "\e9ad";
}

.nic-flag:before {
  content: "\e9ae";
}

.nic-flame:before {
  content: "\e9af";
}

.nic-flask-conical:before {
  content: "\e9b0";
}

.nic-folder:before {
  content: "\e9b1";
}

.nic-folder-minus:before {
  content: "\e9b2";
}

.nic-folder-open:before {
  content: "\e9b3";
}

.nic-folder-plus:before {
  content: "\e9b4";
}

.nic-framer:before {
  content: "\e9b5";
}

.nic-frown:before {
  content: "\e9b6";
}

.nic-gas-substation:before {
  content: "\e9b7";
}

.nic-gem:before {
  content: "\e9b8";
}

.nic-gift:before {
  content: "\e9b9";
}

.nic-git-branch:before {
  content: "\e9ba";
}

.nic-git-commit:before {
  content: "\e9bb";
}

.nic-github:before {
  content: "\e9bc";
}

.nic-gitlab:before {
  content: "\e9bd";
}

.nic-git-merge:before {
  content: "\e9be";
}

.nic-git-pull-request:before {
  content: "\e9bf";
}

.nic-glasses:before {
  content: "\e9c0";
}

.nic-globe:before {
  content: "\e9c1";
}

.nic-globe-pencil:before {
  content: "\e9c2";
}

.nic-grab:before {
  content: "\e9c3";
}

.nic-greater-than:before {
  content: "\e9c4";
}

.nic-grid:before {
  content: "\e9c5";
}

.nic-grid-2x2-check:before {
  content: "\e9c6";
}

.nic-grid-map:before {
  content: "\e9c7";
}

.nic-groupby-alpha-asc:before {
  content: "\e9c8";
}

.nic-groupby-alpha-desc:before {
  content: "\e9c9";
}

.nic-groupby-asc:before {
  content: "\e9ca";
}

.nic-groupby-desc:before {
  content: "\e9cb";
}

.nic-hand:before {
  content: "\e9cc";
}

.nic-hard-drive:before {
  content: "\e9cd";
}

.nic-hash:before {
  content: "\e9ce";
}

.nic-headphones:before {
  content: "\e9cf";
}

.nic-heart:before {
  content: "\e9d0";
}

.nic-heart-filled:before {
  content: "\e9d1";
}

.nic-help-circle:before {
  content: "\e9d2";
}

.nic-hexagon:before {
  content: "\e9d3";
}

.nic-home:before {
  content: "\e9d4";
}

.nic-icon-luca:before {
  content: "\e9d5";
}

.nic-image:before {
  content: "\e9d6";
}

.nic-inbox:before {
  content: "\e9d7";
}

.nic-info:before {
  content: "\e9d8";
}

.nic-instagram:before {
  content: "\e9d9";
}

.nic-interface:before {
  content: "\e9da";
}

.nic-IP:before {
  content: "\e9db";
}

.nic-italic:before {
  content: "\e9dc";
}

.nic-join:before {
  content: "\e9dd";
}

.nic-key:before {
  content: "\e9de";
}

.nic-kilometer-site:before {
  content: "\e9df";
}

.nic-layers:before {
  content: "\e9e0";
}

.nic-layout:before {
  content: "\e9e1";
}

.nic-layout-list:before {
  content: "\e9e2";
}

.nic-less-than:before {
  content: "\e9e3";
}

.nic-life-buoy:before {
  content: "\e9e4";
}

.nic-link:before {
  content: "\e9e5";
}

.nic-link-2:before {
  content: "\e9e6";
}

.nic-linkedin:before {
  content: "\e9e7";
}

.nic-list:before {
  content: "\e9e8";
}

.nic-loader:before {
  content: "\e9e9";
}

.nic-lock:before {
  content: "\e9ea";
}

.nic-log-in:before {
  content: "\e9eb";
}

.nic-log-out:before {
  content: "\e9ec";
}

.nic-luca:before {
  content: "\e9ed";
}

.nic-mail:before {
  content: "\e9ee";
}

.nic-map:before {
  content: "\e9ef";
}

.nic-map-pin:before {
  content: "\e9f0";
}

.nic-mast:before {
  content: "\e9f1";
}

.nic-maximize:before {
  content: "\e9f2";
}

.nic-maximize-2:before {
  content: "\e9f3";
}

.nic-meh:before {
  content: "\e9f4";
}

.nic-menu:before {
  content: "\e9f5";
}

.nic-message-circle:before {
  content: "\e9f6";
}

.nic-message-circle-question-mark:before {
  content: "\e9f7";
}

.nic-message-square:before {
  content: "\e9f8";
}

.nic-message-square-code:before {
  content: "\e9f9";
}

.nic-message-square-more:before {
  content: "\e9fa";
}

.nic-message-square-warning:before {
  content: "\e9fb";
}

.nic-message-square-x:before {
  content: "\e9fc";
}

.nic-mic:before {
  content: "\e9fd";
}

.nic-mic-off:before {
  content: "\e9fe";
}

.nic-minimap:before {
  content: "\e9ff";
}

.nic-minimize:before {
  content: "\ea00";
}

.nic-minimize-2:before {
  content: "\ea01";
}

.nic-minus:before {
  content: "\ea02";
}

.nic-minus-circle:before {
  content: "\ea03";
}

.nic-minus-square:before {
  content: "\ea04";
}

.nic-monitor:before {
  content: "\ea05";
}

.nic-monitoring_profile_default:before {
  content: "\ea06";
}

.nic-monitoring_profile_inburn:before {
  content: "\ea07";
}

.nic-monitoring_profile_maintenance:before {
  content: "\ea08";
}

.nic-monitoring_profile_production:before {
  content: "\ea09";
}

.nic-monitoring_profile_user:before {
  content: "\ea0a";
}

.nic-moon:before {
  content: "\ea0b";
}

.nic-more-horizontal:before {
  content: "\ea0c";
}

.nic-more-vertical:before {
  content: "\ea0d";
}

.nic-mouse-pointer:before {
  content: "\ea0e";
}

.nic-move:before {
  content: "\ea0f";
}

.nic-music:before {
  content: "\ea10";
}

.nic-nami:before {
  content: "\ea11";
}

.nic-navigation:before {
  content: "\ea12";
}

.nic-navigation-2:before {
  content: "\ea13";
}

.nic-netbot-chat:before {
  content: "\ea14";
}

.nic-netwin:before {
  content: "\ea15";
}

.nic-network-link:before {
  content: "\ea16";
}

.nic-noc:before {
  content: "\ea17";
}

.nic-no-data:before {
  content: "\ea18";
}

.nic-node:before {
  content: "\ea19";
}

.nic-no-permision-organization:before {
  content: "\ea1a";
}

.nic-notepad-text-dashed:before {
  content: "\ea1b";
}

.nic-not-equal:before {
  content: "\ea1c";
}

.nic-nuclear:before {
  content: "\ea1d";
}

.nic-octagon:before {
  content: "\ea1e";
}

.nic-office:before {
  content: "\ea1f";
}

.nic-open-panel:before {
  content: "\ea20";
}

.nic-open-tree:before {
  content: "\ea21";
}

.nic-oss:before {
  content: "\ea22";
}

.nic-package:before {
  content: "\ea23";
}

.nic-paperclip:before {
  content: "\ea24";
}

.nic-pause:before {
  content: "\ea25";
}

.nic-pause-circle:before {
  content: "\ea26";
}

.nic-pen-tool:before {
  content: "\ea27";
}

.nic-percent:before {
  content: "\ea28";
}

.nic-phone:before {
  content: "\ea29";
}

.nic-phone-call:before {
  content: "\ea2a";
}

.nic-phone-forwarded:before {
  content: "\ea2b";
}

.nic-phone-incoming:before {
  content: "\ea2c";
}

.nic-phone-missed:before {
  content: "\ea2d";
}

.nic-phone-off:before {
  content: "\ea2e";
}

.nic-phone-outgoing:before {
  content: "\ea2f";
}

.nic-pie-chart:before {
  content: "\ea30";
}

.nic-pin:before {
  content: "\ea31";
}

.nic-pincel-ruler:before {
  content: "\ea32";
}

.nic-pinOut:before {
  content: "\ea33";
}

.nic-play:before {
  content: "\ea34";
}

.nic-play-circle:before {
  content: "\ea35";
}

.nic-plus:before {
  content: "\ea36";
}

.nic-plus-circle:before {
  content: "\ea37";
}

.nic-plus-square:before {
  content: "\ea38";
}

.nic-pocket:before {
  content: "\ea39";
}

.nic-power:before {
  content: "\ea3a";
}

.nic-printer:before {
  content: "\ea3b";
}

.nic-proxy:before {
  content: "\ea3c";
}

.nic-qr-code:before {
  content: "\ea3d";
}

.nic-queries-combos:before {
  content: "\ea3e";
}

.nic-queries-delete:before {
  content: "\ea3f";
}

.nic-queries-insert:before {
  content: "\ea40";
}

.nic-queries-select:before {
  content: "\ea41";
}

.nic-queries-update:before {
  content: "\ea42";
}

.nic-rack:before {
  content: "\ea43";
}

.nic-radio:before {
  content: "\ea44";
}

.nic-random-password:before {
  content: "\ea45";
}

.nic-refresh:before {
  content: "\ea46";
}

.nic-refresh-ccw:before {
  content: "\ea47";
}

.nic-refresh-cw:before {
  content: "\ea48";
}

.nic-repeat:before {
  content: "\ea49";
}

.nic-reset-password:before {
  content: "\ea4a";
}

.nic-rewind:before {
  content: "\ea4b";
}

.nic-rocket:before {
  content: "\ea4c";
}

.nic-rotate-ccw:before {
  content: "\ea4d";
}

.nic-rotate-cw:before {
  content: "\ea4e";
}

.nic-rotate-device:before {
  content: "\ea4f";
}

.nic-router:before {
  content: "\ea50";
}

.nic-rss:before {
  content: "\ea51";
}

.nic-running:before {
  content: "\ea52";
}

.nic-SAS:before {
  content: "\ea53";
}

.nic-save:before {
  content: "\ea54";
}

.nic-schema:before {
  content: "\ea55";
}

.nic-scissors:before {
  content: "\ea56";
}

.nic-search:before {
  content: "\ea57";
}

.nic-security:before {
  content: "\ea58";
}

.nic-semaphore:before {
  content: "\ea59";
}

.nic-send:before {
  content: "\ea5a";
}

.nic-series:before {
  content: "\ea5b";
}

.nic-server:before {
  content: "\ea5c";
}

.nic-settings:before {
  content: "\ea5d";
}

.nic-shape-bottom-round-rectangle:before {
  content: "\ea5e";
}

.nic-shape-cut-rectangle:before {
  content: "\ea5f";
}

.nic-shape-diamond:before {
  content: "\ea60";
}

.nic-shape-ellipse:before {
  content: "\ea61";
}

.nic-shape-heptagon:before {
  content: "\ea62";
}

.nic-shape-hexagon:before {
  content: "\ea63";
}

.nic-shape-octagon:before {
  content: "\ea64";
}

.nic-shape-pentagon:before {
  content: "\ea65";
}

.nic-shape-rectangle:before {
  content: "\ea66";
}

.nic-shape-triangle:before {
  content: "\ea67";
}

.nic-share:before {
  content: "\ea68";
}

.nic-share-2:before {
  content: "\ea69";
}

.nic-sheet-reload:before {
  content: "\ea6a";
}

.nic-shield:before {
  content: "\ea6b";
}

.nic-shield-off:before {
  content: "\ea6c";
}

.nic-shield-plus:before {
  content: "\ea6d";
}

.nic-shopping-bag:before {
  content: "\ea6e";
}

.nic-shopping-cart:before {
  content: "\ea6f";
}

.nic-shortcut:before {
  content: "\ea70";
}

.nic-shuffle:before {
  content: "\ea71";
}

.nic-sidebar:before {
  content: "\ea72";
}

.nic-siren:before {
  content: "\ea73";
}

.nic-skip-back:before {
  content: "\ea74";
}

.nic-skip-forward:before {
  content: "\ea75";
}

.nic-slack:before {
  content: "\ea76";
}

.nic-slash:before {
  content: "\ea77";
}

.nic-sliders:before {
  content: "\ea78";
}

.nic-sliders-horizontal:before {
  content: "\ea79";
}

.nic-smartphone:before {
  content: "\ea7a";
}

.nic-smile:before {
  content: "\ea7b";
}

.nic-soc:before {
  content: "\ea7c";
}

.nic-solid:before {
  content: "\ea7d";
}

.nic-sparkle:before {
  content: "\ea7e";
}

.nic-sparkles:before {
  content: "\ea7f";
}

.nic-speaker:before {
  content: "\ea80";
}

.nic-square:before {
  content: "\ea81";
}

.nic-square-arrow-out-up-right:before {
  content: "\ea82";
}

.nic-square-function:before {
  content: "\ea83";
}

.nic-square-menu:before {
  content: "\ea84";
}

.nic-square-point:before {
  content: "\ea85";
}

.nic-star:before {
  content: "\ea86";
}

.nic-star-filled:before {
  content: "\ea87";
}

.nic-starting:before {
  content: "\ea88";
}

.nic-state_in_maintenance:before {
  content: "\ea89";
}

.nic-state_in_stock:before {
  content: "\ea8a";
}

.nic-state_in_transit:before {
  content: "\ea8b";
}

.nic-state_in_use:before {
  content: "\ea8c";
}

.nic-state_missing:before {
  content: "\ea8d";
}

.nic-state_on_order:before {
  content: "\ea8e";
}

.nic-state_planned:before {
  content: "\ea8f";
}

.nic-state_retired:before {
  content: "\ea90";
}

.nic-status-check:before {
  content: "\ea91";
}

.nic-stop-circle:before {
  content: "\ea92";
}

.nic-stopped:before {
  content: "\ea93";
}

.nic-substation:before {
  content: "\ea94";
}

.nic-sun:before {
  content: "\ea95";
}

.nic-sunrise:before {
  content: "\ea96";
}

.nic-sunset:before {
  content: "\ea97";
}

.nic-table:before {
  content: "\ea98";
}

.nic-table-2:before {
  content: "\ea99";
}

.nic-tablet:before {
  content: "\ea9a";
}

.nic-tag:before {
  content: "\ea9b";
}

.nic-target:before {
  content: "\ea9c";
}

.nic-terminal:before {
  content: "\ea9d";
}

.nic-thermometer:before {
  content: "\ea9e";
}

.nic-thumbs-down:before {
  content: "\ea9f";
}

.nic-thumbs-up:before {
  content: "\eaa0";
}

.nic-toggle-left:before {
  content: "\eaa1";
}

.nic-toggle-right:before {
  content: "\eaa2";
}

.nic-tool:before {
  content: "\eaa3";
}

.nic-trash:before {
  content: "\eaa4";
}

.nic-trash-2:before {
  content: "\eaa5";
}

.nic-tree:before {
  content: "\eaa6";
}

.nic-trello:before {
  content: "\eaa7";
}

.nic-trending-down:before {
  content: "\eaa8";
}

.nic-trending-up:before {
  content: "\eaa9";
}

.nic-triangle:before {
  content: "\eaaa";
}

.nic-truck:before {
  content: "\eaab";
}

.nic-tv:before {
  content: "\eaac";
}

.nic-twitch:before {
  content: "\eaad";
}

.nic-twitter:before {
  content: "\eaae";
}

.nic-type:before {
  content: "\eaaf";
}

.nic-umbrella:before {
  content: "\eab0";
}

.nic-unami:before {
  content: "\eab1";
}

.nic-underline:before {
  content: "\eab2";
}

.nic-unit:before {
  content: "\eab3";
}

.nic-unlock:before {
  content: "\eab4";
}

.nic-unplug:before {
  content: "\eab5";
}

.nic-upload:before {
  content: "\eab6";
}

.nic-upload-cloud:before {
  content: "\eab7";
}

.nic-user:before {
  content: "\eab8";
}

.nic-user-check:before {
  content: "\eab9";
}

.nic-user-minus:before {
  content: "\eaba";
}

.nic-user-plus:before {
  content: "\eabb";
}

.nic-users:before {
  content: "\eabc";
}

.nic-user-x:before {
  content: "\eabd";
}

.nic-video:before {
  content: "\eabe";
}

.nic-video-off:before {
  content: "\eabf";
}

.nic-voicemail:before {
  content: "\eac0";
}

.nic-volume:before {
  content: "\eac1";
}

.nic-volume-1:before {
  content: "\eac2";
}

.nic-volume-2:before {
  content: "\eac3";
}

.nic-volume-x:before {
  content: "\eac4";
}

.nic-vulcano:before {
  content: "\eac5";
}

.nic-vulnerability:before {
  content: "\eac6";
}

.nic-watch:before {
  content: "\eac7";
}

.nic-water-mill:before {
  content: "\eac8";
}

.nic-wifi:before {
  content: "\eac9";
}

.nic-wifi-off:before {
  content: "\eaca";
}

.nic-wifi-pen:before {
  content: "\eacb";
}

.nic-wind:before {
  content: "\eacc";
}

.nic-wind-farm:before {
  content: "\eacd";
}

.nic-workflow:before {
  content: "\eace";
}

.nic-x:before {
  content: "\eacf";
}

.nic-x-axis:before {
  content: "\ead0";
}

.nic-x-circle:before {
  content: "\ead1";
}

.nic-x-octagon:before {
  content: "\ead2";
}

.nic-x-square:before {
  content: "\ead3";
}

.nic-y-axis:before {
  content: "\ead4";
}

.nic-youtube:before {
  content: "\ead5";
}

.nic-zap:before {
  content: "\ead6";
}

.nic-zap-off:before {
  content: "\ead7";
}

.nic-zoom-in:before {
  content: "\ead8";
}

.nic-zoom-out:before {
  content: "\ead9";
}

/* Montserrat Bold */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/Montserrat-Bold-Bsf7A8hH.woff2") format("woff2");
}
/* Montserrat Bold Italic */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  src: url("/assets/Montserrat-BoldItalic-OQJFugaf.woff2") format("woff2");
}
/* Montserrat Extra Bold */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("/assets/Montserrat-ExtraBold-DdALr8Zz.woff2") format("woff2");
}
/* Montserrat Extra Bold Italic */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 800;
  src: url("/assets/Montserrat-ExtraBoldItalic-CQzWuM0v.woff2") format("woff2");
}
/* Montserrat Italic */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  src: url("/assets/Montserrat-Italic-BqFRq9EE.woff2") format("woff2");
}
/* Montserrat Light */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/Montserrat-Light-CPHNg_Dm.woff2") format("woff2");
}
/* Montserrat Light Italic */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 300;
  src: url("/assets/Montserrat-LightItalic-CrdX3Up6.woff2") format("woff2");
}
/* Montserrat Medium */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/Montserrat-Medium-BttyIOWL.woff2") format("woff2");
}
/* Montserrat Medium Italic */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 500;
  src: url("/assets/Montserrat-MediumItalic-B3SjDKCX.woff2") format("woff2");
}
/* Montserrat Regular */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/Montserrat-Regular-CB6Ljo7d.woff2") format("woff2");
}
/* Montserrat Semibold */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("/assets/Montserrat-SemiBold-CZgMtajf.woff2") format("woff2");
}
/* Montserrat Semibold Italic */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 600;
  src: url("/assets/Montserrat-SemiBoldItalic-DINI1VB2.woff2") format("woff2");
}
/* Space Mono Regular */
@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 600;
  src: url("/assets/SpaceMono-Regular-ClfNuUQ9.woff2") format("woff2");
}
/* just override what you need */
/* Element Chalk Variables */
/* just override what you need */
/* just override what you need */
/* just override what you need */
:root {
  --el-color-white: #ffffff;
  --el-color-black: #000000;
  --el-color-primary-rgb: 64, 158, 255;
  --el-color-success-rgb: 103, 194, 58;
  --el-color-warning-rgb: 230, 162, 60;
  --el-color-danger-rgb: 245, 108, 108;
  --el-color-error-rgb: 245, 108, 108;
  --el-color-info-rgb: 144, 147, 153;
  --el-font-size-extra-large: 20px;
  --el-font-size-large: 18px;
  --el-font-size-medium: 16px;
  --el-font-size-base: 14px;
  --el-font-size-small: 13px;
  --el-font-size-extra-small: 12px;
  --el-font-family: 'Montserrat', sans-serif;;
  --el-font-weight-primary: 500;
  --el-font-line-height-primary: 24px;
  --el-index-normal: 1;
  --el-index-top: 1000;
  --el-index-popper: 2000;
  --el-border-radius-base: 4px;
  --el-border-radius-small: 2px;
  --el-border-radius-round: 20px;
  --el-border-radius-circle: 100%;
  --el-transition-duration: 0.3s;
  --el-transition-duration-fast: 0.2s;
  --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
  --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
  --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
  --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-component-size-large: 45px;
  --el-component-size: 40px;
  --el-component-size-small: 35px;
}

:root {
  color-scheme: light;
  --el-color-primary: #409eff;
  --el-color-primary-light-3: rgb(121, 187, 255);
  --el-color-primary-light-5: rgb(160, 207, 255);
  --el-color-primary-light-7: rgb(198, 226, 255);
  --el-color-primary-light-8: rgb(217, 236, 255);
  --el-color-primary-light-9: rgb(236, 245, 255);
  --el-color-primary-dark-2: rgb(51, 126, 204);
  --el-color-success: #67c23a;
  --el-color-success-light-3: rgb(149, 212, 117);
  --el-color-success-light-5: rgb(179, 225, 157);
  --el-color-success-light-7: rgb(209, 237, 196);
  --el-color-success-light-8: rgb(225, 243, 216);
  --el-color-success-light-9: rgb(240, 249, 235);
  --el-color-success-dark-2: rgb(82, 155, 46);
  --el-color-warning: #e6a23c;
  --el-color-warning-light-3: rgb(238, 190, 119);
  --el-color-warning-light-5: rgb(243, 209, 158);
  --el-color-warning-light-7: rgb(248, 227, 197);
  --el-color-warning-light-8: rgb(250, 236, 216);
  --el-color-warning-light-9: rgb(253, 246, 236);
  --el-color-warning-dark-2: rgb(184, 130, 48);
  --el-color-danger: #f56c6c;
  --el-color-danger-light-3: rgb(248, 152, 152);
  --el-color-danger-light-5: rgb(250, 182, 182);
  --el-color-danger-light-7: rgb(252, 211, 211);
  --el-color-danger-light-8: rgb(253, 226, 226);
  --el-color-danger-light-9: rgb(254, 240, 240);
  --el-color-danger-dark-2: rgb(196, 86, 86);
  --el-color-error: #f56c6c;
  --el-color-error-light-3: rgb(248, 152, 152);
  --el-color-error-light-5: rgb(250, 182, 182);
  --el-color-error-light-7: rgb(252, 211, 211);
  --el-color-error-light-8: rgb(253, 226, 226);
  --el-color-error-light-9: rgb(254, 240, 240);
  --el-color-error-dark-2: rgb(196, 86, 86);
  --el-color-info: #909399;
  --el-color-info-light-3: rgb(177, 179, 184);
  --el-color-info-light-5: rgb(200, 201, 204);
  --el-color-info-light-7: rgb(222, 223, 224);
  --el-color-info-light-8: rgb(233, 233, 235);
  --el-color-info-light-9: rgb(244, 244, 245);
  --el-color-info-dark-2: rgb(115, 118, 122);
  --el-bg-color: var(--color-background-bg);
  --el-bg-color-page: #f2f3f5;
  --el-bg-color-overlay: var(--color-background-bg);
  --el-text-color-primary: #303133;
  --el-text-color-regular: #606266;
  --el-text-color-secondary: #909399;
  --el-text-color-placeholder: #a8abb2;
  --el-text-color-disabled: #c0c4cc;
  --el-border-color: #dcdfe6;
  --el-border-color-light: #e4e7ed;
  --el-border-color-lighter: #ebeef5;
  --el-border-color-extra-light: #f2f6fc;
  --el-border-color-dark: #d4d7de;
  --el-border-color-darker: #cdd0d6;
  --el-fill-color: #f0f2f5;
  --el-fill-color-light: #f5f7fa;
  --el-fill-color-lighter: #fafafa;
  --el-fill-color-extra-light: #fafcff;
  --el-fill-color-dark: #ebedf0;
  --el-fill-color-darker: #e6e8eb;
  --el-fill-color-blank: #ffffff;
  --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
  --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
  --el-disabled-bg-color: var(--el-fill-color-light);
  --el-disabled-text-color: var(--el-text-color-placeholder);
  --el-disabled-border-color: var(--el-border-color-light);
  --el-overlay-color: rgba(0, 0, 0, 0.8);
  --el-overlay-color-light: rgba(0, 0, 0, 0.7);
  --el-overlay-color-lighter: rgba(0, 0, 0, 0.5);
  --el-mask-color: rgba(255, 255, 255, 0.9);
  --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);
  --el-border-width: 1px;
  --el-border-style: solid;
  --el-border-color-hover: var(--el-text-color-disabled);
  --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
  --el-svg-monochrome-grey: var(--el-border-color);
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}

.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}

.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter-from,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: var(--el-transition-md-fade);
  transform-origin: center top;
}
.el-zoom-in-top-enter-active[data-popper-placement^=top],
.el-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: var(--el-transition-md-fade);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: var(--el-transition-md-fade);
  transform-origin: top left;
}

.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}

.el-collapse-transition-leave-active,
.el-collapse-transition-enter-active {
  transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter-from,
.el-list-leave-to {
  opacity: 0;
  transform: translateY(-30px);
}

.el-list-leave-active {
  position: absolute !important;
}

.el-opacity-transition {
  transition: opacity var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

/* just override what you need */
.el-icon--right {
  margin-left: 5px;
}

.el-icon--left {
  margin-right: 5px;
}

@keyframes rotating {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.el-icon {
  --color: inherit;
  height: 1em;
  width: 1em;
  line-height: 1em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  fill: currentColor;
  color: var(--color);
  font-size: inherit;
}
.el-icon.is-loading {
  animation: rotating 2s linear infinite;
}

.el-icon svg {
  height: 1em;
  width: 1em;
}

:root {
  --el-color-primary: var(--color-primary);
  --el-color-primary-light-1: var(--color-primary-light-1);
  --el-color-primary-light-2: var(--color-primary-light-2);
  --el-color-primary-light-3: var(--color-primary-light-3);
  --el-color-primary-light-4: var(--color-primary-light-4);
  --el-color-primary-light-5: var(--color-primary-light-5);
  --el-color-primary-light-6: var(--color-primary-light-6);
  --el-color-primary-light-7: var(--color-primary-light-7);
  --el-color-primary-light-8: var(--color-primary-light-8);
  --el-color-primary-light-9: var(--color-primary-light-9);
  --el-color-primary-dark-2: var(--color-primary);
  --el-color-secondary: var(--color-secondary);
  --el-color-secondary-light-1: var(--color-secondary-light-1);
  --el-color-secondary-light-2: var(--color-secondary-light-2);
  --el-color-secondary-light-3: var(--color-secondary-light-3);
  --el-color-secondary-light-4: var(--color-secondary-light-4);
  --el-color-secondary-light-5: var(--color-secondary-light-5);
  --el-color-secondary-light-6: var(--color-secondary-light-6);
  --el-color-secondary-light-7: var(--color-secondary-light-7);
  --el-color-secondary-light-8: var(--color-secondary-light-8);
  --el-color-secondary-light-9: var(--color-secondary-light-9);
  --el-color-secondary-dark-2: var(--color-secondary);
  --el-color-tertiary: var(--color-tertiary);
  --el-color-tertiary-light-1: var(--color-tertiary-light-1);
  --el-color-tertiary-light-2: var(--color-tertiary-light-2);
  --el-color-tertiary-light-3: var(--color-tertiary-light-3);
  --el-color-tertiary-light-4: var(--color-tertiary-light-4);
  --el-color-tertiary-light-5: var(--color-tertiary-light-5);
  --el-color-tertiary-light-6: var(--color-tertiary-light-6);
  --el-color-tertiary-light-7: var(--color-tertiary-light-7);
  --el-color-tertiary-light-8: var(--color-tertiary-light-8);
  --el-color-tertiary-light-9: var(--color-tertiary-light-9);
  --el-color-tertiary-dark-2: var(--color-tertiary);
  --el-color-error: var(--color-error);
  --el-color-error-light-1: var(--color-error-light-1);
  --el-color-error-light-2: var(--color-error-light-2);
  --el-color-error-light-3: var(--color-error-light-3);
  --el-color-error-light-4: var(--color-error-light-4);
  --el-color-error-light-5: var(--color-error-light-5);
  --el-color-error-light-6: var(--color-error-light-6);
  --el-color-error-light-7: var(--color-error-light-7);
  --el-color-error-light-8: var(--color-error-light-8);
  --el-color-error-light-9: var(--color-error-light-9);
  --el-color-error-dark-2: var(--color-error);
  --el-color-warning: var(--color-warning);
  --el-color-warning-light-1: var(--color-warning-light-1);
  --el-color-warning-light-2: var(--color-warning-light-2);
  --el-color-warning-light-3: var(--color-warning-light-3);
  --el-color-warning-light-4: var(--color-warning-light-4);
  --el-color-warning-light-5: var(--color-warning-light-5);
  --el-color-warning-light-6: var(--color-warning-light-6);
  --el-color-warning-light-7: var(--color-warning-light-7);
  --el-color-warning-light-8: var(--color-warning-light-8);
  --el-color-warning-light-9: var(--color-warning-light-9);
  --el-color-warning-dark-2: var(--color-warning);
  --el-color-advice: var(--color-advice);
  --el-color-advice-light-1: var(--color-advice-light-1);
  --el-color-advice-light-2: var(--color-advice-light-2);
  --el-color-advice-light-3: var(--color-advice-light-3);
  --el-color-advice-light-4: var(--color-advice-light-4);
  --el-color-advice-light-5: var(--color-advice-light-5);
  --el-color-advice-light-6: var(--color-advice-light-6);
  --el-color-advice-light-7: var(--color-advice-light-7);
  --el-color-advice-light-8: var(--color-advice-light-8);
  --el-color-advice-light-9: var(--color-advice-light-9);
  --el-color-advice-dark-2: var(--color-advice);
  --el-color-success: var(--color-success);
  --el-color-success-light-1: var(--color-success-light-1);
  --el-color-success-light-2: var(--color-success-light-2);
  --el-color-success-light-3: var(--color-success-light-3);
  --el-color-success-light-4: var(--color-success-light-4);
  --el-color-success-light-5: var(--color-success-light-5);
  --el-color-success-light-6: var(--color-success-light-6);
  --el-color-success-light-7: var(--color-success-light-7);
  --el-color-success-light-8: var(--color-success-light-8);
  --el-color-success-light-9: var(--color-success-light-9);
  --el-color-success-dark-2: var(--color-success);
  --el-color-info: var(--color-info);
  --el-color-info-light-1: var(--color-info-light-1);
  --el-color-info-light-2: var(--color-info-light-2);
  --el-color-info-light-3: var(--color-info-light-3);
  --el-color-info-light-4: var(--color-info-light-4);
  --el-color-info-light-5: var(--color-info-light-5);
  --el-color-info-light-6: var(--color-info-light-6);
  --el-color-info-light-7: var(--color-info-light-7);
  --el-color-info-light-8: var(--color-info-light-8);
  --el-color-info-light-9: var(--color-info-light-9);
  --el-color-info-dark-2: var(--color-info);
  --el-color-outstanding: var(--color-background-outstanding);
  --el-color-tooltip: var(--color-tooltip);
  --el-text-color-primary: var(--color-text-primary);
  --el-text-color-secondary: var(--color-text-secondary);
  --el-font-size-base: 1.2rem;
  --el-component-size: 30px;
  --el-fill-color-blank: transparent;
  --overlay-left: 7rem;
}

.apexcharts-legend-text {
  padding-left: 2rem !important;
  color: var(--color-primary-text) !important;
}

.apexcharts-menu {
  color: var(--color-text-primary) !important;
  background: var(--color-background-bg2) !important;
  border: none !important;
  box-shadow: var(--box-shadow-basic) !important;
  min-width: 12rem !important;
}
.apexcharts-menu .apexcharts-menu-item {
  display: flex;
  font-weight: 500;
}
.apexcharts-menu .apexcharts-menu-item:hover {
  background: none !important;
  color: var(--color-primary) !important;
  font-weight: 600;
}

.apexcharts-menu-icon:hover svg {
  fill: var(--color-primary) !important;
}

.apexcharts-menu-icon > i {
  color: var(--color-text-primary) !important;
}

.apexcharts-menu-icon:hover > i {
  color: var(--color-primary) !important;
}

.apexcharts-tooltip {
  background: var(--color-background-outstanding-light) !important;
  border: none !important;
  box-shadow: var(--box-shadow-basic) !important;
  color: var(--color-text-primary) !important;
}

.apexcharts-tooltip .apexcharts-tooltip-title {
  background: var(--color-background-bg) !important;
  font-weight: 500;
  font-size: 1.1rem !important;
  border: none !important;
}

.apexcharts-tooltip-title {
  margin-bottom: 0px;
}

.apexcharts-radar-series.apexcharts-plot-series polygon,
.apexcharts-radar-series.apexcharts-plot-series line {
  stroke: var(--color-text-primary);
  stroke-width: 0.3;
}

.apexcharts-radar-series.apexcharts-plot-series polygon:first-of-type {
  stroke-width: 0.7;
}

.apexcharts-gridline {
  stroke: var(--color-text-primary);
  stroke-width: 0.3;
}

.apexcharts-grid .apexcharts-gridlines-horizontal line {
  stroke: var(--color-text-primary);
  stroke-width: 0.3;
}

.apexcharts-legend-marker > svg,
.apexcharts-tooltip-marker {
  border-radius: 0.6rem !important;
}

.apexcharts-legend-series {
  display: flex !important;
  align-items: center;
}

.apexcharts-radialbar-label {
  color: var(--color-primary) !important;
}

.apexcharts-toolbar {
  display: flex;
  padding-right: 1rem !important;
}
.apexcharts-toolbar > div {
  transform: none !important;
  margin: 0;
  border-radius: 0.4rem;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.apexcharts-toolbar > div > i {
  color: var(--color-text-secondary) !important;
}
.apexcharts-toolbar > div:hover {
  background-color: var(--color-background-bg);
}
.apexcharts-toolbar > .apexcharts-selected > i {
  color: var(--color-primary) !important;
}

.panelOpened .maplibregl-ctrl-bottom-right {
  padding-right: 41rem !important;
  transition: all 0.4s;
}

.maplibregl-ctrl-attrib-button {
  user-select: none;
  width: 2.7rem !important;
  background: none !important;
  justify-content: center;
  color: var(--color-text-primary);
}

.maplibregl-ctrl-attrib.maplibregl-compact {
  background-color: var(--color-background-bg) !important;
  border: 1px solid var(--color-background-outstanding);
  user-select: none;
  border-radius: 0.4rem !important;
  height: 2.7rem;
  width: 2.7rem !important;
  font-size: 2rem;
  padding: 0rem;
  margin: 0.5rem 1rem !important;
  position: relative;
  left: 11rem;
  display: flex;
}

.maplibregl-ctrl-attrib.maplibregl-compact-show {
  width: 19.5rem !important;
  padding: 0rem !important;
}

.maplibregl-ctrl-attrib-button:focus,
.maplibregl-ctrl-group button:focus {
  box-shadow: none !important;
}

.maplibregl-ctrl-attrib-inner {
  color: var(--color-text-primary) !important;
  font-size: 1.1rem;
}

.maplibregl-ctrl-attrib-inner a {
  color: var(--color-text-primary) !important;
  font-weight: 600;
}

.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button,
.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner {
  display: flex !important;
  gap: 0.4rem;
  align-items: center;
  height: 100%;
}

.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner {
  padding-left: 2.5rem;
}

.maplibregl-ctrl-attrib-button i {
  font-size: 1.5rem;
  line-height: 2rem;
}

.sgeo-ctx-menu {
  --ctx-menu-bg-color: var(--color-background-bg2);
  z-index: 9999;
  padding-bottom: 0.5rem !important;
}
.sgeo-ctx-menu .maplibregl-popup-content {
  background-color: var(--ctx-menu-bg-color);
  border-radius: 0.4rem;
  padding: 1rem !important;
}
.sgeo-ctx-menu .maplibregl-popup-tip {
  border: 6px solid transparent;
}
.sgeo-ctx-menu.maplibregl-popup-anchor-bottom .maplibregl-popup-tip, .sgeo-ctx-menu.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip, .sgeo-ctx-menu.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip {
  border-top-color: var(--ctx-menu-bg-color) !important;
}
.sgeo-ctx-menu.maplibregl-popup-anchor-top .maplibregl-popup-tip, .sgeo-ctx-menu.maplibregl-popup-anchor-top-right .maplibregl-popup-tip, .sgeo-ctx-menu.maplibregl-popup-anchor-top-left .maplibregl-popup-tip {
  border-bottom-color: var(--ctx-menu-bg-color) !important;
}
.sgeo-ctx-menu.maplibregl-popup-anchor-right .maplibregl-popup-tip {
  border-left-color: var(--ctx-menu-bg-color) !important;
}
.sgeo-ctx-menu.maplibregl-popup-anchor-left .maplibregl-popup-tip {
  border-right-color: var(--ctx-menu-bg-color) !important;
}

.maplibregl-popup-content {
  font-family: "Montserrat", sans-serif !important;
}

.maplibregl-ctrl-top-left {
  left: 0;
  top: 0;
}

.maplibregl-ctrl-top-right {
  right: 0;
  top: 0;
}

.maplibregl-ctrl-bottom-left {
  bottom: 0;
  left: 0;
}

.maplibregl-ctrl-bottom-right {
  bottom: 0;
  right: 0;
}

.maplibregl-ctrl-bottom-left > .maplibregl-ctrl-attrib.maplibregl-compact-show,
.maplibregl-ctrl-top-left > .maplibregl-ctrl-attrib.maplibregl-compact-show {
  border-radius: 12px;
  padding: 2px 8px 2px 28px;
}

.maplibregl-ctrl-attrib.maplibregl-compact-show {
  width: 19.5rem !important;
  padding: 0rem !important;
}

.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button,
.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner {
  display: flex !important;
  gap: 0.4rem;
  align-items: center;
  height: 100%;
}

.maplibregl-ctrl {
  clear: both;
  pointer-events: auto;
  transform: translate(0);
}

.maplibregl-ctrl-bottom-left .maplibregl-ctrl {
  float: left;
  margin: 0 0 10px 10px;
}

.maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib-button,
.maplibregl-ctrl-top-left .maplibregl-ctrl-attrib-button {
  left: 0;
}

.maplibregl-ctrl-attrib-button {
  position: absolute;
  top: 0;
  width: 24px;
}

.maplibregl-ctrl-bottom-left,
.maplibregl-ctrl-bottom-right,
.maplibregl-ctrl-top-left,
.maplibregl-ctrl-top-right {
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.maplibregl-control-container {
  width: 100%;
  height: 100%;
  left: 0 !important;
  pointer-events: none;
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  /* Inherited from body because it's a better practise */
  box-sizing: inherit;
  text-decoration: none;
}

html {
  /* Default browsers font-size is 16px and we want
   a 10px font-size by default to calculate all 
   measures with rem and the calculations will be simple.
   Defines what a 1rem is */
  font-size: 62.5%;
}

body {
  box-sizing: border-box;
}

html,
body {
  height: 100vh;
}

.panel-header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 2rem;
  user-select: none;
}

#app {
  height: 100%;
  overflow: hidden;
}

::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

::-webkit-scrollbar-thumb {
  --el-scrollbar-bg-color: var(--color-background-outstanding);
  --el-scrollbar-opacity: 1;
  --el-scrollbar-hover-opacity: 1;
  background: var(--color-background-outstanding);
  border-radius: 2rem;
}

::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
  background: var(--color-background-bg2);
}

:focus-visible {
  outline: 0.1rem solid var(--color-primary);
  border-radius: 0.4rem;
}

.s-box {
  box-shadow: var(--box-shadow-basic);
  border-radius: 0.4rem;
  height: 100%;
  width: 100%;
  background-color: var(--color-background-bg2);
  padding: 1.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
}

.s-box.scroll {
  padding: 0rem;
  overflow-x: hidden;
}
.s-box.scroll .el-scrollbar {
  width: 100%;
  height: 100%;
}
.s-box.scroll .el-scrollbar .el-scrollbar__view {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}
.s-box.scroll .el-scrollbar .el-scrollbar__bar.is-horizontal {
  display: none;
}

p > em {
  font-weight: 600;
  font-style: normal;
}

.error em {
  color: var(--color-error);
}

.success em {
  color: var(--color-success);
}

.warning em {
  color: var(--color-warning);
}

.info em {
  color: var(--color-info);
}

.asterisk {
  color: var(--el-color-danger);
  padding: 0rem 0.5rem;
}

.port:focus {
  outline: none !important;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px var(--pulse-color);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}
body,
button,
input,
textarea {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: var(--color-text-primary);
  font-size: 1.2rem;
  background-color: var(--color-background-bg);
}

*::placeholder {
  font-family: "Montserrat", sans-serif;
  color: var(--color-text-primary);
}

*::-webkit-input-placeholder {
  font-family: "Montserrat", sans-serif;
  color: var(--color-text-primary);
}

.italic {
  font-style: italic !important;
}

.light {
  font-weight: 400 !important;
}

.semibold {
  font-weight: 600 !important;
}

.bold {
  font-weight: 700 !important;
}

.parragraph {
  line-height: 2.5rem;
}

h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 2.8rem;
  color: var(--color-primary);
  line-height: 2.8rem;
}

h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 1.8rem;
  color: var(--color-primary);
  line-height: 1.8rem;
}

h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 1.6rem;
  color: var(--color-primary);
  line-height: 1.6rem;
}

h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 1.4rem;
  color: var(--color-primary);
  line-height: 1.4rem;
}

p {
  font-style: normal;
  color: var(--color-text-primary);
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 400;
  text-align: left;
}

i {
  font-size: 1.6rem;
}

p.title-text {
  font-weight: 700;
}

p.info-text {
  font-style: italic;
  color: var(--color-text-primary);
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 600;
}

p.primary-text {
  color: var(--color-primary);
  font-weight: 700;
}

p.error-text {
  font-size: 1.2rem;
  font-weight: 900;
}

p.disabled {
  color: var(--color-text-secondary);
}

.console {
  font-family: "Space Mono", sans-serif;
}

.el-alert {
  --el-alert-padding: 10px 15px;
  --el-alert-border-radius-base: var(--el-border-radius-base);
  --el-alert-title-font-size: 14px;
  --el-alert-title-with-description-font-size: 16px;
  --el-alert-description-font-size: 14px;
  --el-alert-close-font-size: 16px;
  --el-alert-close-customed-font-size: 14px;
  --el-alert-icon-size: 16px;
  --el-alert-icon-large-size: 28px;
  width: 100%;
  padding: var(--el-alert-padding);
  margin: 0;
  box-sizing: border-box;
  border-radius: var(--el-alert-border-radius-base);
  position: relative;
  background-color: var(--el-color-white);
  overflow: hidden;
  opacity: 1;
  display: flex;
  align-items: center;
  transition: opacity var(--el-transition-duration-fast);
}
.el-alert.is-light .el-alert__close-btn {
  color: var(--el-text-color-placeholder);
}

.el-alert.is-dark .el-alert__close-btn {
  color: var(--el-color-white);
}
.el-alert.is-dark .el-alert__description {
  color: var(--el-color-white);
}

.el-alert.is-center {
  justify-content: center;
}

.el-alert--primary {
  --el-alert-bg-color: var(--el-color-primary-light-9);
}
.el-alert--primary.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-primary);
}
.el-alert--primary.is-light .el-alert__description {
  color: var(--el-color-primary);
}
.el-alert--primary.is-dark {
  background-color: var(--el-color-primary);
  color: var(--el-color-white);
}

.el-alert--success {
  --el-alert-bg-color: var(--el-color-success-light-9);
}
.el-alert--success.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-success);
}
.el-alert--success.is-light .el-alert__description {
  color: var(--el-color-success);
}
.el-alert--success.is-dark {
  background-color: var(--el-color-success);
  color: var(--el-color-white);
}

.el-alert--info {
  --el-alert-bg-color: var(--el-color-info-light-9);
}
.el-alert--info.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-info);
}
.el-alert--info.is-light .el-alert__description {
  color: var(--el-color-info);
}
.el-alert--info.is-dark {
  background-color: var(--el-color-info);
  color: var(--el-color-white);
}

.el-alert--warning {
  --el-alert-bg-color: var(--el-color-warning-light-9);
}
.el-alert--warning.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-warning);
}
.el-alert--warning.is-light .el-alert__description {
  color: var(--el-color-warning);
}
.el-alert--warning.is-dark {
  background-color: var(--el-color-warning);
  color: var(--el-color-white);
}

.el-alert--error {
  --el-alert-bg-color: var(--el-color-error-light-9);
}
.el-alert--error.is-light {
  background-color: var(--el-alert-bg-color);
  color: var(--el-color-error);
}
.el-alert--error.is-light .el-alert__description {
  color: var(--el-color-error);
}
.el-alert--error.is-dark {
  background-color: var(--el-color-error);
  color: var(--el-color-white);
}

.el-alert__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.el-alert .el-alert__icon {
  font-size: var(--el-alert-icon-size);
  width: var(--el-alert-icon-size);
  margin-right: 8px;
}
.el-alert .el-alert__icon.is-big {
  font-size: var(--el-alert-icon-large-size);
  width: var(--el-alert-icon-large-size);
  margin-right: 12px;
}

.el-alert__title {
  font-size: var(--el-alert-title-font-size);
  line-height: 24px;
}
.el-alert__title.with-description {
  font-size: var(--el-alert-title-with-description-font-size);
}

.el-alert .el-alert__description {
  font-size: var(--el-alert-description-font-size);
  margin: 0;
}
.el-alert .el-alert__close-btn {
  font-size: var(--el-alert-close-font-size);
  opacity: 1;
  position: absolute;
  top: 12px;
  right: 16px;
  cursor: pointer;
}
.el-alert .el-alert__close-btn.is-customed {
  font-style: normal;
  font-size: var(--el-alert-close-customed-font-size);
  line-height: 24px;
  top: 8px;
}

.el-alert-fade-enter-from,
.el-alert-fade-leave-active {
  opacity: 0;
}

.el-alert {
  --el-alert-title-font-size: 1.2rem;
  --el-alert-title-with-description-font-size: 1.2rem;
  --el-alert-description-font-size: 1.1rem;
  user-select: none;
}

.el-alert--success {
  --el-alert-bg-color: var(--el-color-success-light-3);
}
.el-alert--success i {
  color: var(--el-color-success);
}

.el-alert--info {
  --el-alert-bg-color: var(--color-background-bg-light);
}
.el-alert--info i {
  color: var(--color-text-primary);
}

.el-alert--warning {
  --el-alert-bg-color: var(--el-color-warning-light-3);
}
.el-alert--warning i {
  color: var(--el-color-warning);
}

.el-alert--error {
  --el-alert-bg-color: var(--el-color-error-light-3);
}
.el-alert--error i {
  color: var(--el-color-error);
}

.el-aside {
  overflow: auto;
  box-sizing: border-box;
  flex-shrink: 0;
  width: var(--el-aside-width, 300px);
}

.el-aside {
  overflow: hidden;
  background-color: var(--color-background-bg2);
  display: flex;
  flex-direction: column;
  z-index: 1;
}

.el-autocomplete {
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: none;
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: transparent;
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--color-background-bg2);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: transparent;
  --el-input-clear-hover-color: transparent;
  --el-input-focus-border-color: var(--el-color-primary);
  --el-input-width: 100%;
}

.el-autocomplete {
  width: var(--el-input-width);
  position: relative;
  display: inline-block;
}
.el-autocomplete__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  box-shadow: var(--el-box-shadow-light);
}
.el-autocomplete__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
}
.el-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-autocomplete__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.el-autocomplete-suggestion {
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
}
.el-autocomplete-suggestion__header {
  padding: 10px;
  border-bottom: 1px solid var(--el-border-color-lighter);
}

.el-autocomplete-suggestion__footer {
  padding: 10px;
  border-top: 1px solid var(--el-border-color-lighter);
}

.el-autocomplete-suggestion__wrap {
  max-height: 280px;
  padding: 10px 0;
  box-sizing: border-box;
}

.el-autocomplete-suggestion__list {
  margin: 0;
  padding: 0;
}

.el-autocomplete-suggestion li {
  padding: 0 20px;
  margin: 0;
  line-height: 34px;
  cursor: pointer;
  color: var(--el-text-color-regular);
  font-size: var(--el-font-size-base);
  list-style: none;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-autocomplete-suggestion li:hover {
  background-color: var(--color-background-bg);
}
.el-autocomplete-suggestion li.highlighted {
  background-color: var(--color-background-bg);
}
.el-autocomplete-suggestion li.divider {
  margin-top: 6px;
  border-top: 1px solid var(--el-color-black);
}
.el-autocomplete-suggestion li.divider:last-child {
  margin-bottom: -6px;
}
.el-autocomplete-suggestion.is-loading li {
  cursor: default;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--el-text-color-secondary);
}
.el-autocomplete-suggestion.is-loading li:hover {
  background-color: var(--el-bg-color-overlay);
}

.el-autocomplete {
  width: 400px;
  margin-right: 2rem;
}

.el-autocomplete__popper.el-popper.is-light {
  background-color: var(--color-background-bg2);
  box-shadow: var(--box-shadow-basic);
  box-sizing: border-box;
  border: var(--border-bottom-basic);
}

.el-avatar {
  --el-avatar-text-color: var(--el-color-white);
  --el-avatar-bg-color: var(--el-text-color-disabled);
  --el-avatar-text-size: 14px;
  --el-avatar-icon-size: 18px;
  --el-avatar-border-radius: var(--el-border-radius-base);
  --el-avatar-size-large: 56px;
  --el-avatar-size: 40px;
  --el-avatar-size-small: 24px;
  --el-avatar-size: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  outline: none;
  color: var(--el-avatar-text-color);
  background: var(--el-avatar-bg-color);
  width: var(--el-avatar-size);
  height: var(--el-avatar-size);
  font-size: var(--el-avatar-text-size);
}
.el-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
}
.el-avatar--circle {
  border-radius: 50%;
}

.el-avatar--square {
  border-radius: var(--el-avatar-border-radius);
}

.el-avatar--icon {
  font-size: var(--el-avatar-icon-size);
}

.el-avatar--small {
  --el-avatar-size: 24px;
}

.el-avatar--large {
  --el-avatar-size: 56px;
}

.el-avatar {
  --el-avatar-bg-color: transparent;
  min-height: var(--el-avatar-size);
  min-width: var(--el-avatar-size);
  align-items: center;
  box-shadow: none !important;
}

.el-badge {
  --el-badge-bg-color: var(--el-color-danger);
  --el-badge-radius: 10px;
  --el-badge-font-size: 12px;
  --el-badge-padding: 6px;
  --el-badge-size: 18px;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: fit-content;
}
.el-badge__content {
  background-color: var(--el-badge-bg-color);
  border-radius: var(--el-badge-radius);
  color: var(--el-color-white);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: var(--el-badge-font-size);
  height: var(--el-badge-size);
  padding: 0 var(--el-badge-padding);
  white-space: nowrap;
  border: 1px solid var(--el-bg-color);
}
.el-badge__content.is-fixed {
  position: absolute;
  top: 0;
  right: calc(1px + var(--el-badge-size) / 2);
  transform: translateY(-50%) translateX(100%);
  z-index: var(--el-index-normal);
}
.el-badge__content.is-fixed.is-dot {
  right: 5px;
}

.el-badge__content.is-dot {
  height: 8px;
  width: 8px;
  padding: 0;
  right: 0;
  border-radius: 50%;
}

.el-badge__content.is-hide-zero {
  display: none;
}

.el-badge__content--primary {
  background-color: var(--el-color-primary);
}

.el-badge__content--success {
  background-color: var(--el-color-success);
}

.el-badge__content--warning {
  background-color: var(--el-color-warning);
}

.el-badge__content--info {
  background-color: var(--el-color-info);
}

.el-badge__content--danger {
  background-color: var(--el-color-danger);
}

.el-badge .el-badge__content {
  border: none;
}
.el-badge.error .el-badge__content {
  background-color: var(--color-error) !important;
}
.el-badge.warning .el-badge__content {
  background-color: var(--color-warning) !important;
}
.el-badge.small-badge .el-badge__content {
  font-size: 0.6rem !important;
  height: 1rem !important;
  line-height: 1rem !important;
  padding: 0.4rem !important;
  min-width: 1rem !important;
}
.el-badge .el-badge__content.is-dot {
  height: 0.6rem;
  width: 0.6rem;
  right: 0.75rem !important;
  top: 0.2rem !important;
}

.secondary {
  --el-badge-bg-color: var(--color-secondary);
}
.secondary .el-badge__content {
  background-color: var(--color-secondary);
}

.el-button {
  --el-button-font-weight: var(--el-font-weight-primary);
  --el-button-border-color: var(--el-border-color);
  --el-button-bg-color: var(--el-fill-color-blank);
  --el-button-text-color: var(--el-text-color-regular);
  --el-button-disabled-text-color: var(--el-disabled-text-color);
  --el-button-disabled-bg-color: var(--el-fill-color-blank);
  --el-button-disabled-border-color: var(--el-border-color-light);
  --el-button-divide-border-color: rgba(255, 255, 255, 0.5);
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-color-primary-light-9);
  --el-button-hover-border-color: var(--el-color-primary-light-7);
  --el-button-active-text-color: var(--el-button-hover-text-color);
  --el-button-active-border-color: var(--el-color-primary);
  --el-button-active-bg-color: var(--el-button-hover-bg-color);
  --el-button-outline-color: var(--el-color-primary-light-5);
  --el-button-hover-link-text-color: var(--el-text-color-secondary);
  --el-button-active-color: var(--el-text-color-primary);
}

.el-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  height: 40px;
  white-space: nowrap;
  cursor: pointer;
  color: var(--el-button-text-color);
  text-align: center;
  box-sizing: border-box;
  outline: none;
  transition: 0.1s;
  font-weight: var(--el-button-font-weight);
  user-select: none;
  vertical-align: middle;
  -webkit-appearance: none;
  background-color: var(--el-button-bg-color);
  border: var(--el-border);
  border-color: var(--el-button-border-color);
}
.el-button:hover {
  color: var(--el-button-hover-text-color);
  border-color: var(--el-button-hover-border-color);
  background-color: var(--el-button-hover-bg-color);
  outline: none;
}
.el-button:active {
  color: var(--el-button-active-text-color);
  border-color: var(--el-button-active-border-color);
  background-color: var(--el-button-active-bg-color);
  outline: none;
}
.el-button:focus-visible {
  outline: 2px solid var(--el-button-outline-color);
  outline-offset: 1px;
  transition: outline-offset 0s, outline 0s;
}
.el-button > span {
  display: inline-flex;
  align-items: center;
}
.el-button + .el-button {
  margin-left: 12px;
}
.el-button {
  padding: 8px 15px;
  font-size: var(--el-font-size-base);
  border-radius: var(--el-border-radius-base);
}
.el-button.is-round {
  padding: 8px 15px;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*=el-icon] + span {
  margin-left: 6px;
}
.el-button [class*=el-icon] svg {
  vertical-align: bottom;
}
.el-button.is-plain {
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-fill-color-blank);
  --el-button-hover-border-color: var(--el-color-primary);
}

.el-button.is-active {
  color: var(--el-button-active-text-color);
  border-color: var(--el-button-active-border-color);
  background-color: var(--el-button-active-bg-color);
  outline: none;
}

.el-button.is-disabled, .el-button.is-disabled:hover {
  color: var(--el-button-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--el-button-disabled-bg-color);
  border-color: var(--el-button-disabled-border-color);
}

.el-button.is-loading {
  position: relative;
  pointer-events: none;
}
.el-button.is-loading:before {
  z-index: 1;
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: var(--el-mask-color-extra-light);
}

.el-button.is-round {
  border-radius: var(--el-border-radius-round);
}

.el-button.is-dashed {
  border-style: dashed;
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-fill-color-blank);
  --el-button-hover-border-color: var(--el-color-primary);
}

.el-button.is-circle {
  width: 40px;
  border-radius: 50%;
  padding: 8px;
}

.el-button.is-text {
  color: var(--el-button-text-color);
  border: 0 solid transparent;
  background-color: transparent;
}
.el-button.is-text.is-disabled {
  color: var(--el-button-disabled-text-color);
  background-color: transparent !important;
}

.el-button.is-text:not(.is-disabled):hover {
  background-color: var(--el-fill-color-light);
}
.el-button.is-text:not(.is-disabled):focus-visible {
  outline: 2px solid var(--el-button-outline-color);
  outline-offset: 1px;
  transition: outline-offset 0s, outline 0s;
}
.el-button.is-text:not(.is-disabled):active {
  background-color: var(--el-fill-color);
}
.el-button.is-text:not(.is-disabled).is-has-bg {
  background-color: var(--el-fill-color-light);
}
.el-button.is-text:not(.is-disabled).is-has-bg:hover {
  background-color: var(--el-fill-color);
}
.el-button.is-text:not(.is-disabled).is-has-bg:active {
  background-color: var(--el-fill-color-dark);
}

.el-button__text--expand {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}

.el-button.is-link {
  border-color: transparent;
  color: var(--el-button-text-color);
  background: transparent;
  padding: 2px;
  height: auto;
}
.el-button.is-link:hover {
  color: var(--el-button-hover-link-text-color);
}
.el-button.is-link.is-disabled {
  color: var(--el-button-disabled-text-color);
  background-color: transparent !important;
  border-color: transparent !important;
}

.el-button.is-link:not(.is-disabled):hover {
  border-color: transparent;
  background-color: transparent;
}
.el-button.is-link:not(.is-disabled):active {
  color: var(--el-button-active-color);
  border-color: transparent;
  background-color: transparent;
}

.el-button--text {
  border-color: transparent;
  background: transparent;
  color: var(--el-color-primary);
  padding-left: 0;
  padding-right: 0;
}
.el-button--text.is-disabled {
  color: var(--el-button-disabled-text-color);
  background-color: transparent !important;
  border-color: transparent !important;
}

.el-button--text:not(.is-disabled):hover {
  color: var(--el-color-primary-light-3);
  border-color: transparent;
  background-color: transparent;
}
.el-button--text:not(.is-disabled):active {
  color: var(--el-color-primary-dark-2);
  border-color: transparent;
  background-color: transparent;
}

.el-button__link--expand {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}

.el-button--primary {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-primary);
  --el-button-border-color: var(--el-color-primary);
  --el-button-outline-color: var(--el-color-primary-light-5);
  --el-button-active-color: var(--el-color-primary-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-primary-light-5);
  --el-button-hover-bg-color: var(--el-color-primary-light-3);
  --el-button-hover-border-color: var(--el-color-primary-light-3);
  --el-button-active-bg-color: var(--el-color-primary-dark-2);
  --el-button-active-border-color: var(--el-color-primary-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-primary-light-5);
  --el-button-disabled-border-color: var(--el-color-primary-light-5);
}
.el-button--primary.is-plain, .el-button--primary.is-text, .el-button--primary.is-link {
  --el-button-text-color: var(--el-color-primary);
  --el-button-bg-color: var(--el-color-primary-light-9);
  --el-button-border-color: var(--el-color-primary-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-primary);
  --el-button-hover-border-color: var(--el-color-primary);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-text.is-disabled, .el-button--primary.is-text.is-disabled:hover, .el-button--primary.is-text.is-disabled:focus, .el-button--primary.is-text.is-disabled:active, .el-button--primary.is-link.is-disabled, .el-button--primary.is-link.is-disabled:hover, .el-button--primary.is-link.is-disabled:focus, .el-button--primary.is-link.is-disabled:active {
  color: var(--el-color-primary-light-5);
  background-color: var(--el-color-primary-light-9);
  border-color: var(--el-color-primary-light-8);
}
.el-button--primary.is-dashed {
  --el-button-text-color: var(--el-color-primary);
  --el-button-bg-color: var(--el-color-primary-light-9);
  --el-button-border-color: var(--el-color-primary-light-5);
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-color-primary-light-9);
  --el-button-hover-border-color: var(--el-color-primary-light-3);
  --el-button-active-text-color: var(--el-color-primary-dark-2);
  --el-button-active-bg-color: var(--el-color-primary-light-9);
  --el-button-active-border-color: var(--el-color-primary-dark-2);
}
.el-button--primary.is-dashed.is-disabled, .el-button--primary.is-dashed.is-disabled:hover, .el-button--primary.is-dashed.is-disabled:focus, .el-button--primary.is-dashed.is-disabled:active {
  color: var(--el-color-primary-light-5);
  background-color: var(--el-color-primary-light-9);
  border-color: var(--el-color-primary-light-8);
}

.el-button--success {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-success);
  --el-button-border-color: var(--el-color-success);
  --el-button-outline-color: var(--el-color-success-light-5);
  --el-button-active-color: var(--el-color-success-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-success-light-5);
  --el-button-hover-bg-color: var(--el-color-success-light-3);
  --el-button-hover-border-color: var(--el-color-success-light-3);
  --el-button-active-bg-color: var(--el-color-success-dark-2);
  --el-button-active-border-color: var(--el-color-success-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-success-light-5);
  --el-button-disabled-border-color: var(--el-color-success-light-5);
}
.el-button--success.is-plain, .el-button--success.is-text, .el-button--success.is-link {
  --el-button-text-color: var(--el-color-success);
  --el-button-bg-color: var(--el-color-success-light-9);
  --el-button-border-color: var(--el-color-success-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-success);
  --el-button-hover-border-color: var(--el-color-success);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-text.is-disabled, .el-button--success.is-text.is-disabled:hover, .el-button--success.is-text.is-disabled:focus, .el-button--success.is-text.is-disabled:active, .el-button--success.is-link.is-disabled, .el-button--success.is-link.is-disabled:hover, .el-button--success.is-link.is-disabled:focus, .el-button--success.is-link.is-disabled:active {
  color: var(--el-color-success-light-5);
  background-color: var(--el-color-success-light-9);
  border-color: var(--el-color-success-light-8);
}
.el-button--success.is-dashed {
  --el-button-text-color: var(--el-color-success);
  --el-button-bg-color: var(--el-color-success-light-9);
  --el-button-border-color: var(--el-color-success-light-5);
  --el-button-hover-text-color: var(--el-color-success);
  --el-button-hover-bg-color: var(--el-color-success-light-9);
  --el-button-hover-border-color: var(--el-color-success-light-3);
  --el-button-active-text-color: var(--el-color-success-dark-2);
  --el-button-active-bg-color: var(--el-color-success-light-9);
  --el-button-active-border-color: var(--el-color-success-dark-2);
}
.el-button--success.is-dashed.is-disabled, .el-button--success.is-dashed.is-disabled:hover, .el-button--success.is-dashed.is-disabled:focus, .el-button--success.is-dashed.is-disabled:active {
  color: var(--el-color-success-light-5);
  background-color: var(--el-color-success-light-9);
  border-color: var(--el-color-success-light-8);
}

.el-button--warning {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-warning);
  --el-button-border-color: var(--el-color-warning);
  --el-button-outline-color: var(--el-color-warning-light-5);
  --el-button-active-color: var(--el-color-warning-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-warning-light-5);
  --el-button-hover-bg-color: var(--el-color-warning-light-3);
  --el-button-hover-border-color: var(--el-color-warning-light-3);
  --el-button-active-bg-color: var(--el-color-warning-dark-2);
  --el-button-active-border-color: var(--el-color-warning-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-warning-light-5);
  --el-button-disabled-border-color: var(--el-color-warning-light-5);
}
.el-button--warning.is-plain, .el-button--warning.is-text, .el-button--warning.is-link {
  --el-button-text-color: var(--el-color-warning);
  --el-button-bg-color: var(--el-color-warning-light-9);
  --el-button-border-color: var(--el-color-warning-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-warning);
  --el-button-hover-border-color: var(--el-color-warning);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-text.is-disabled, .el-button--warning.is-text.is-disabled:hover, .el-button--warning.is-text.is-disabled:focus, .el-button--warning.is-text.is-disabled:active, .el-button--warning.is-link.is-disabled, .el-button--warning.is-link.is-disabled:hover, .el-button--warning.is-link.is-disabled:focus, .el-button--warning.is-link.is-disabled:active {
  color: var(--el-color-warning-light-5);
  background-color: var(--el-color-warning-light-9);
  border-color: var(--el-color-warning-light-8);
}
.el-button--warning.is-dashed {
  --el-button-text-color: var(--el-color-warning);
  --el-button-bg-color: var(--el-color-warning-light-9);
  --el-button-border-color: var(--el-color-warning-light-5);
  --el-button-hover-text-color: var(--el-color-warning);
  --el-button-hover-bg-color: var(--el-color-warning-light-9);
  --el-button-hover-border-color: var(--el-color-warning-light-3);
  --el-button-active-text-color: var(--el-color-warning-dark-2);
  --el-button-active-bg-color: var(--el-color-warning-light-9);
  --el-button-active-border-color: var(--el-color-warning-dark-2);
}
.el-button--warning.is-dashed.is-disabled, .el-button--warning.is-dashed.is-disabled:hover, .el-button--warning.is-dashed.is-disabled:focus, .el-button--warning.is-dashed.is-disabled:active {
  color: var(--el-color-warning-light-5);
  background-color: var(--el-color-warning-light-9);
  border-color: var(--el-color-warning-light-8);
}

.el-button--danger {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-danger);
  --el-button-border-color: var(--el-color-danger);
  --el-button-outline-color: var(--el-color-danger-light-5);
  --el-button-active-color: var(--el-color-danger-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-danger-light-5);
  --el-button-hover-bg-color: var(--el-color-danger-light-3);
  --el-button-hover-border-color: var(--el-color-danger-light-3);
  --el-button-active-bg-color: var(--el-color-danger-dark-2);
  --el-button-active-border-color: var(--el-color-danger-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-danger-light-5);
  --el-button-disabled-border-color: var(--el-color-danger-light-5);
}
.el-button--danger.is-plain, .el-button--danger.is-text, .el-button--danger.is-link {
  --el-button-text-color: var(--el-color-danger);
  --el-button-bg-color: var(--el-color-danger-light-9);
  --el-button-border-color: var(--el-color-danger-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-danger);
  --el-button-hover-border-color: var(--el-color-danger);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-text.is-disabled, .el-button--danger.is-text.is-disabled:hover, .el-button--danger.is-text.is-disabled:focus, .el-button--danger.is-text.is-disabled:active, .el-button--danger.is-link.is-disabled, .el-button--danger.is-link.is-disabled:hover, .el-button--danger.is-link.is-disabled:focus, .el-button--danger.is-link.is-disabled:active {
  color: var(--el-color-danger-light-5);
  background-color: var(--el-color-danger-light-9);
  border-color: var(--el-color-danger-light-8);
}
.el-button--danger.is-dashed {
  --el-button-text-color: var(--el-color-danger);
  --el-button-bg-color: var(--el-color-danger-light-9);
  --el-button-border-color: var(--el-color-danger-light-5);
  --el-button-hover-text-color: var(--el-color-danger);
  --el-button-hover-bg-color: var(--el-color-danger-light-9);
  --el-button-hover-border-color: var(--el-color-danger-light-3);
  --el-button-active-text-color: var(--el-color-danger-dark-2);
  --el-button-active-bg-color: var(--el-color-danger-light-9);
  --el-button-active-border-color: var(--el-color-danger-dark-2);
}
.el-button--danger.is-dashed.is-disabled, .el-button--danger.is-dashed.is-disabled:hover, .el-button--danger.is-dashed.is-disabled:focus, .el-button--danger.is-dashed.is-disabled:active {
  color: var(--el-color-danger-light-5);
  background-color: var(--el-color-danger-light-9);
  border-color: var(--el-color-danger-light-8);
}

.el-button--info {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-info);
  --el-button-border-color: var(--el-color-info);
  --el-button-outline-color: var(--el-color-info-light-5);
  --el-button-active-color: var(--el-color-info-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-info-light-5);
  --el-button-hover-bg-color: var(--el-color-info-light-3);
  --el-button-hover-border-color: var(--el-color-info-light-3);
  --el-button-active-bg-color: var(--el-color-info-dark-2);
  --el-button-active-border-color: var(--el-color-info-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-info-light-5);
  --el-button-disabled-border-color: var(--el-color-info-light-5);
}
.el-button--info.is-plain, .el-button--info.is-text, .el-button--info.is-link {
  --el-button-text-color: var(--el-color-info);
  --el-button-bg-color: var(--el-color-info-light-9);
  --el-button-border-color: var(--el-color-info-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-info);
  --el-button-hover-border-color: var(--el-color-info);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-text.is-disabled, .el-button--info.is-text.is-disabled:hover, .el-button--info.is-text.is-disabled:focus, .el-button--info.is-text.is-disabled:active, .el-button--info.is-link.is-disabled, .el-button--info.is-link.is-disabled:hover, .el-button--info.is-link.is-disabled:focus, .el-button--info.is-link.is-disabled:active {
  color: var(--el-color-info-light-5);
  background-color: var(--el-color-info-light-9);
  border-color: var(--el-color-info-light-8);
}
.el-button--info.is-dashed {
  --el-button-text-color: var(--el-color-info);
  --el-button-bg-color: var(--el-color-info-light-9);
  --el-button-border-color: var(--el-color-info-light-5);
  --el-button-hover-text-color: var(--el-color-info);
  --el-button-hover-bg-color: var(--el-color-info-light-9);
  --el-button-hover-border-color: var(--el-color-info-light-3);
  --el-button-active-text-color: var(--el-color-info-dark-2);
  --el-button-active-bg-color: var(--el-color-info-light-9);
  --el-button-active-border-color: var(--el-color-info-dark-2);
}
.el-button--info.is-dashed.is-disabled, .el-button--info.is-dashed.is-disabled:hover, .el-button--info.is-dashed.is-disabled:focus, .el-button--info.is-dashed.is-disabled:active {
  color: var(--el-color-info-light-5);
  background-color: var(--el-color-info-light-9);
  border-color: var(--el-color-info-light-8);
}

.el-button--large {
  --el-button-size: 45px;
  height: var(--el-button-size);
}
.el-button--large [class*=el-icon] + span {
  margin-left: 8px;
}
.el-button--large {
  padding: 12px 19px;
  font-size: var(--el-font-size-base);
  border-radius: var(--el-border-radius-base);
}
.el-button--large.is-round {
  padding: 12px 19px;
}
.el-button--large.is-circle {
  width: var(--el-button-size);
  padding: 12px;
}

.el-button--small {
  --el-button-size: 35px;
  height: var(--el-button-size);
}
.el-button--small [class*=el-icon] + span {
  margin-left: 4px;
}
.el-button--small {
  padding: 5px 11px;
  font-size: 12px;
  border-radius: calc(var(--el-border-radius-base) - 1px);
}
.el-button--small.is-round {
  padding: 5px 11px;
}
.el-button--small.is-circle {
  width: var(--el-button-size);
  padding: 5px;
}

.el-button,
.el-button + .el-button {
  margin: 0px;
}

.el-button {
  --el-button-text-color: var(--el-color-white);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-disabled-text-color: var(--el-color-white);
  height: 2.5rem;
  width: auto;
  min-width: 0rem;
  font-weight: 600;
  transition: 0s;
  border: 0.1rem solid transparent;
}
.el-button:focus-visible {
  outline: none;
}
.el-button:focus, .el-button:hover {
  border: 0.1rem solid transparent;
}
.el-button:disabled, .el-button:hover:disabled {
  box-shadow: none;
  border-color: transparent;
  background: var(--color-background-outstanding-light);
  color: var(--color-text-secondary);
}
.el-button > span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.el-button--small {
  height: 2.5rem;
  width: 15rem;
  font-weight: 500;
}

.el-button--large {
  height: 4.5rem;
  width: 25rem;
}

.el-button--primary {
  --el-button-text-color: var(--color-text-button-primary);
  --el-button-hover-text-color: var(--color-text-button-primary);
  --el-button-bg-color: var(--el-color-primary);
  --el-button-border-color: var(--el-color-primary);
  font-weight: 600;
  border: 0.1rem solid transparent;
}
.el-button--primary:hover:not(.is-disabled) {
  background-color: var(--color-primary-light-8);
}
.el-button--primary:focus:not(.is-disabled), .el-button--primary:focus-visible:not(.is-disabled) {
  background-color: var(--color-primary-light-8);
  border: 0.1rem solid var(--color-primary);
}
.el-button--primary.is-disabled {
  color: var(--color-text-secondary);
  border: none;
  background: none;
}
.el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:focus-visible {
  background: none !important;
  border: none !important;
  color: var(--color-text-secondary);
}
.el-button--primary.el-button--warning-variant {
  --el-button-bg-color: var(--el-color-warning);
  --el-button-border-color: var(--el-color-warning);
}
.el-button--primary.el-button--warning-variant:hover:not(.is-disabled) {
  background-color: var(--el-color-warning-light-8);
}
.el-button--primary.el-button--warning-variant:focus:not(.is-disabled), .el-button--primary.el-button--warning-variant:focus-visible:not(.is-disabled) {
  background-color: var(--el-color-warning-light-8);
  border: 0.1rem solid var(--el-color-warning);
}
.el-button--primary.el-button--error-variant {
  --el-button-bg-color: var(--el-color-error);
  --el-button-border-color: var(--el-color-error);
}
.el-button--primary.el-button--error-variant:hover:not(.is-disabled) {
  background-color: var(--el-color-error-light-8);
}
.el-button--primary.el-button--error-variant:focus:not(.is-disabled), .el-button--primary.el-button--error-variant:focus-visible:not(.is-disabled) {
  background-color: var(--el-color-error-light-8);
  border: 0.1rem solid var(--el-color-error);
}
.el-button--primary.el-button--success-variant {
  --el-button-bg-color: var(--el-color-success);
  --el-button-border-color: var(--el-color-success);
}
.el-button--primary.el-button--success-variant:hover:not(.is-disabled) {
  background-color: var(--el-color-success-light-8);
}
.el-button--primary.el-button--success-variant:focus:not(.is-disabled), .el-button--primary.el-button--success-variant:focus-visible:not(.is-disabled) {
  background-color: var(--el-color-success-light-8);
  border: 0.1rem solid var(--el-color-success);
}
.el-button--primary.el-button--info-variant {
  --el-button-bg-color: var(--el-color-info);
  --el-button-border-color: var(--el-color-info);
}
.el-button--primary.el-button--info-variant:hover:not(.is-disabled) {
  background-color: var(--el-color-info-light-8);
}
.el-button--primary.el-button--info-variant:focus:not(.is-disabled), .el-button--primary.el-button--info-variant:focus-visible:not(.is-disabled) {
  background-color: var(--el-color-info-light-8);
  border: 0.1rem solid var(--el-color-info);
}
.el-button--primary.el-button--advice-variant {
  --el-button-bg-color: var(--el-color-advice);
  --el-button-border-color: var(--el-color-advice);
}
.el-button--primary.el-button--advice-variant:hover:not(.is-disabled) {
  background-color: var(--el-color-advice-light-8);
}
.el-button--primary.el-button--advice-variant:focus:not(.is-disabled), .el-button--primary.el-button--advice-variant:focus-visible:not(.is-disabled) {
  background-color: var(--el-color-advice-light-8);
  border: 0.1rem solid var(--el-color-advice);
}

.el-button--secondary {
  --el-button-text-color: var(--color-text-primary);
  --el-button-hover-text-color: var(--color-primary);
  --el-button-bg-color: transparent;
  --el-button-border-color: var(--color-text-primary);
  font-weight: 600;
  border: 0.1rem solid var(--color-text-primary);
}
.el-button--secondary:hover:not(.is-disabled) {
  color: var(--color-primary);
  border-color: var(--color-primary);
  background-color: transparent;
}
.el-button--secondary:focus:not(.is-disabled), .el-button--secondary:focus-visible:not(.is-disabled) {
  color: var(--color-primary);
  border: 0.1rem solid var(--color-primary);
  background-color: transparent;
}
.el-button--secondary.is-disabled {
  color: var(--color-text-secondary);
  border: 0.1rem solid var(--color-text-secondary);
  background-color: transparent;
}
.el-button--secondary.is-disabled:hover, .el-button--secondary.is-disabled:focus, .el-button--secondary.is-disabled:focus-visible {
  background-color: transparent !important;
  border: 0.1rem solid var(--color-text-secondary) !important;
  color: var(--color-text-secondary);
}
.el-button--secondary.el-button--warning-variant:hover:not(.is-disabled), .el-button--secondary.el-button--error-variant:hover:not(.is-disabled), .el-button--secondary.el-button--success-variant:hover:not(.is-disabled), .el-button--secondary.el-button--info-variant:hover:not(.is-disabled), .el-button--secondary.el-button--advice-variant:hover:not(.is-disabled) {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
}
.el-button--secondary.el-button--warning-variant:focus:not(.is-disabled), .el-button--secondary.el-button--warning-variant:focus-visible:not(.is-disabled), .el-button--secondary.el-button--error-variant:focus:not(.is-disabled), .el-button--secondary.el-button--error-variant:focus-visible:not(.is-disabled), .el-button--secondary.el-button--success-variant:focus:not(.is-disabled), .el-button--secondary.el-button--success-variant:focus-visible:not(.is-disabled), .el-button--secondary.el-button--info-variant:focus:not(.is-disabled), .el-button--secondary.el-button--info-variant:focus-visible:not(.is-disabled), .el-button--secondary.el-button--advice-variant:focus:not(.is-disabled), .el-button--secondary.el-button--advice-variant:focus-visible:not(.is-disabled) {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
}

.el-button--tertiary {
  --el-button-text-color: var(--color-text-primary);
  --el-button-hover-text-color: var(--color-primary-light-8);
  --el-button-bg-color: transparent;
  --el-button-border-color: transparent;
  font-weight: 600;
  border: 0.1rem solid transparent;
}
.el-button--tertiary:hover:not(.is-disabled) {
  color: var(--color-primary);
  background-color: var(--color-primary-light-3);
}
.el-button--tertiary:focus:not(.is-disabled), .el-button--tertiary:focus-visible:not(.is-disabled) {
  border: 0.1rem solid var(--color-primary);
  background-color: var(--color-primary-light-3);
  color: var(--color-primary);
}
.el-button--tertiary.is-disabled {
  color: var(--color-text-secondary);
  border: none;
  background: transparent !important;
}
.el-button--tertiary.el-button--link {
  color: var(--color-primary);
  border: none;
  background: transparent;
}
.el-button--tertiary.el-button--link:hover, .el-button--tertiary.el-button--link:focus, .el-button--tertiary.el-button--link:focus-visible {
  background: transparent !important;
  border: none !important;
  color: var(--el-button-hover-text-color);
  box-shadow: none !important;
}
.el-button--tertiary.el-button--warning-variant:hover:not(.is-disabled) {
  color: var(--color-warning);
  background-color: var(--color-warning-light-3);
}
.el-button--tertiary.el-button--warning-variant:focus:not(.is-disabled), .el-button--tertiary.el-button--warning-variant:focus-visible:not(.is-disabled) {
  color: var(--color-warning);
  background-color: var(--color-warning-light-3);
  border: 0.1rem solid var(--color-warning);
}
.el-button--tertiary.el-button--error-variant:hover:not(.is-disabled) {
  color: var(--el-color-error);
  background-color: var(--el-color-error-light-3);
}
.el-button--tertiary.el-button--error-variant:focus:not(.is-disabled), .el-button--tertiary.el-button--error-variant:focus-visible:not(.is-disabled) {
  color: var(--el-color-error);
  background-color: var(--el-color-error-light-3);
  border: 0.1rem solid var(--el-color-error);
}
.el-button--tertiary.el-button--advice-variant:hover:not(.is-disabled) {
  color: var(--el-color-advice);
  background-color: var(--el-color-advice-light-3);
}
.el-button--tertiary.el-button--advice-variant:focus:not(.is-disabled), .el-button--tertiary.el-button--advice-variant:focus-visible:not(.is-disabled) {
  color: var(--el-color-advice);
  background-color: var(--el-color-advice-light-3);
  border: 0.1rem solid var(--el-color-advice);
}
.el-button--tertiary.el-button--success-variant:hover:not(.is-disabled) {
  color: var(--el-color-success);
  background-color: var(--el-color-success-light-3);
}
.el-button--tertiary.el-button--success-variant:focus:not(.is-disabled), .el-button--tertiary.el-button--success-variant:focus-visible:not(.is-disabled) {
  color: var(--el-color-success);
  background-color: var(--el-color-success-light-3);
  border: 0.1rem solid var(--el-color-success);
}
.el-button--tertiary.el-button--info-variant {
  --el-button-text-color: var(--el-color-info);
  --el-button-hover-text-color: var(--el-color-info);
  --el-button-bg-color: transparent;
  --el-button-border-color: transparent;
}
.el-button--tertiary.el-button--info-variant:hover:not(.is-disabled) {
  color: var(--el-color-info);
  background-color: var(--el-color-info-light-3);
}
.el-button--tertiary.el-button--info-variant:focus:not(.is-disabled), .el-button--tertiary.el-button--info-variant:focus-visible:not(.is-disabled) {
  color: var(--el-color-info);
  background-color: var(--el-color-info-light-3);
  border: 0.1rem solid var(--el-color-info);
}

.el-button--error {
  --el-button-bg-color: var(--el-color-error);
  --el-button-hover-bg-color: var(--el-color-error);
  --el-button-active-bg-color: var(--el-color-error);
  --el-button-border-color: var(--el-color-error-light-8);
  --el-button-outline-color: var(--el-color-error-light-5);
  --el-button-disabled-bg-color: var(--el-color-error-light-5);
  --el-button-text-color: var(--el-color-white);
  --el-button-hover-text-color: var(--el-color-white);
  background-color: var(--el-color-error) !important;
}

.el-button--error:hover {
  background-color: var(--el-color-error-light-8) !important;
}

.el-button--error:focus-visible {
  background-color: var(--el-color-error-light-8) !important;
}

.el-button--error.is-disabled.animated {
  background: var(--el-color-error) !important;
}

.el-button--warning {
  --el-button-bg-color: var(--el-color-warning);
  --el-button-hover-bg-color: var(--el-color-warning);
  --el-button-active-bg-color: var(--el-color-warning);
  --el-button-border-color: var(--el-color-warning-light-8);
  --el-button-outline-color: var(--el-color-warning-light-5);
  --el-button-disabled-bg-color: var(--el-color-warning-light-5);
  --el-button-text-color: var(--color-text-button-state);
  --el-button-hover-text-color: var(--color-text-button-state);
  background-color: var(--el-color-warning) !important;
}

.el-button--warning:hover {
  background-color: var(--el-color-warning-light-8) !important;
}

.el-button--warning:focus-visible {
  background-color: var(--el-color-warning-light-8) !important;
}

.el-button--warning.is-disabled.animated {
  background: var(--el-color-warning) !important;
}

.el-button--advice {
  --el-button-bg-color: var(--el-color-advice);
  --el-button-hover-bg-color: var(--el-color-advice);
  --el-button-active-bg-color: var(--el-color-advice);
  --el-button-border-color: var(--el-color-advice-light-8);
  --el-button-outline-color: var(--el-color-advice-light-5);
  --el-button-disabled-bg-color: var(--el-color-advice-light-5);
  --el-button-text-color: var(--color-text-button-state);
  --el-button-hover-text-color: var(--color-text-button-state);
  background-color: var(--el-color-advice) !important;
}

.el-button--advice:hover {
  background-color: var(--el-color-advice-light-8) !important;
}

.el-button--advice:focus-visible {
  background-color: var(--el-color-advice-light-8) !important;
}

.el-button--advice.is-disabled.animated {
  background: var(--el-color-advice) !important;
}

.el-button--success {
  --el-button-bg-color: var(--el-color-success);
  --el-button-hover-bg-color: var(--el-color-success);
  --el-button-active-bg-color: var(--el-color-success);
  --el-button-border-color: var(--el-color-success-light-8);
  --el-button-outline-color: var(--el-color-success-light-5);
  --el-button-disabled-bg-color: var(--el-color-success-light-5);
  --el-button-text-color: var(--color-text-button-state);
  --el-button-hover-text-color: var(--color-text-button-state);
  background-color: var(--el-color-success) !important;
}

.el-button--success:hover {
  background-color: var(--el-color-success-light-8) !important;
}

.el-button--success:focus-visible {
  background-color: var(--el-color-success-light-8) !important;
}

.el-button--success.is-disabled.animated {
  background: var(--el-color-success) !important;
}

.el-button--info {
  --el-button-bg-color: var(--el-color-info);
  --el-button-hover-bg-color: var(--el-color-info);
  --el-button-active-bg-color: var(--el-color-info);
  --el-button-border-color: var(--el-color-info-light-8);
  --el-button-outline-color: var(--el-color-info-light-5);
  --el-button-disabled-bg-color: var(--el-color-info-light-5);
  --el-button-text-color: var(--color-text-button-state);
  --el-button-hover-text-color: var(--color-text-button-state);
  background-color: var(--el-color-info) !important;
}

.el-button--info:hover {
  background-color: var(--el-color-info-light-8) !important;
}

.el-button--info:focus-visible {
  background-color: var(--el-color-info-light-8) !important;
}

.el-button--info.is-disabled.animated {
  background: var(--el-color-info) !important;
}

.el-button--icon {
  height: 2.5rem;
  width: 2.5rem;
  font-size: 2rem;
  padding: 0rem;
  --el-button-outline-color: transparent;
  --el-button-border-color: transparent;
  --el-button-bg-color: transparent;
  --el-button-text-color: var(--color-text-primary);
  --el-button-hover-text-color: var(--color-text-primary);
  --el-button-hover-bg-color: var(--color-background-bg-light);
  --el-button-disabled-text-color: var(--el-color-text-primary);
  min-width: 0.5rem;
  border: 0.1rem;
}
.el-button--icon span,
.el-button--icon i,
.el-button--icon .slot {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.el-button--icon:active:enabled {
  box-shadow: 0px 0px 12px var(--el-button-outline-color);
  border: 0.1rem;
}

.el-button--icon:hover:enabled {
  box-shadow: 0px 0px 12px var(--el-button-outline-color);
  border: 0.1rem;
}

.el-button--icon:focus {
  background-color: var(--color-background-bg-light) !important;
}

.el-button--icon.is-disabled.animated {
  background: transparent !important;
}

.el-button--icon.selected {
  color: var(--el-color-primary) !important;
  background: var(--color-background-bg-light) !important;
}

.el-button [class*=el-icon] + span {
  margin: 0;
}

.btn-next {
  stroke: var(--color-text-primary);
  stroke-width: 5rem;
}

.btn-next:disabled,
button[disabled] {
  stroke: var(--color-text-secondary);
}

.btn-next:hover {
  stroke: var(--color-primary);
  stroke-width: 5rem;
}

.btn-prev {
  stroke: var(--color-text-primary);
  stroke-width: 5rem;
}

.btn-prev:hover {
  stroke: var(--color-primary);
  stroke-width: 5rem;
}

.btn-prev:disabled,
button[disabled] {
  stroke: var(--color-text-secondary);
}

.el-breadcrumb {
  font-size: 14px;
  line-height: 1;
}
.el-breadcrumb::before,
.el-breadcrumb::after {
  display: table;
  content: "";
}

.el-breadcrumb::after {
  clear: both;
}

.el-breadcrumb {
  font-size: 1.2rem;
  gap: 1rem;
  display: flex;
}
.el-breadcrumb .path {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: 1rem;
}
.el-breadcrumb .path i {
  line-height: 1rem;
  font-size: 1.1rem;
  color: var(--color-text-secondary) !important;
}
.el-breadcrumb .path span {
  line-height: 1rem;
  font-size: 1.1rem;
  color: var(--color-text-secondary) !important;
}

.el-breadcrumb__separator {
  margin: 0 9px;
  font-weight: bold;
  color: var(--el-text-color-placeholder);
}
.el-breadcrumb__separator.el-icon {
  margin: 0 6px;
  font-weight: normal;
}
.el-breadcrumb__separator.el-icon svg {
  vertical-align: middle;
}

.el-breadcrumb__item {
  float: left;
  display: inline-flex;
  align-items: center;
}
.el-breadcrumb__inner {
  color: var(--el-text-color-regular);
}
.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
  font-weight: bold;
  text-decoration: none;
  transition: var(--el-transition-color);
  color: var(--el-text-color-primary);
}
.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
  color: var(--el-color-primary);
  cursor: pointer;
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
  font-weight: normal;
  color: var(--el-text-color-regular);
  cursor: text;
}
.el-breadcrumb__item:last-child .el-breadcrumb__separator {
  display: none;
}

.el-breadcrumb__inner a {
  font-weight: 600;
  color: var(--color-text-secondary);
}

.el-breadcrumb__inner span {
  font-weight: 600;
  color: var(--color-text-secondary);
}

.el-breadcrumb__inner.is-link {
  color: var(--color-text-secondary);
  font-weight: 600;
}

.el-breadcrumb__separator {
  display: none;
}

.el-breadcrumb__inner a:focus {
  font-weight: 600;
  color: var(--color-primary);
  outline: transparent !important;
}

.el-breadcrumb__item:last-of-type .el-breadcrumb__inner,
.el-breadcrumb__item:last-of-type .el-breadcrumb__inner:hover {
  font-weight: 600;
  color: var(--color-text-primary);
  cursor: default;
}

.el-carousel {
  --el-carousel-arrow-font-size: 12px;
  --el-carousel-arrow-size: 36px;
  --el-carousel-arrow-background: rgba(31, 45, 61, 0.11);
  --el-carousel-arrow-hover-background: rgba(31, 45, 61, 0.23);
  --el-carousel-indicator-width: 30px;
  --el-carousel-indicator-height: 2px;
  --el-carousel-indicator-padding-horizontal: 4px;
  --el-carousel-indicator-padding-vertical: 12px;
  --el-carousel-indicator-out-color: var(--el-border-color-hover);
  position: relative;
}
.el-carousel--horizontal {
  overflow: hidden;
}

.el-carousel--vertical {
  overflow: hidden;
}

.el-carousel.is-vertical-outside {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.el-carousel.is-vertical-outside .el-carousel__container {
  flex: 1;
}

.el-carousel__container {
  position: relative;
  height: 300px;
}

.el-carousel__arrow {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  height: var(--el-carousel-arrow-size);
  width: var(--el-carousel-arrow-size);
  cursor: pointer;
  transition: var(--el-transition-duration);
  border-radius: 50%;
  background-color: var(--el-carousel-arrow-background);
  color: #ffffff;
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  text-align: center;
  font-size: var(--el-carousel-arrow-font-size);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.el-carousel__arrow--left {
  left: 16px;
}

.el-carousel__arrow--right {
  right: 16px;
}

.el-carousel__arrow:hover {
  background-color: var(--el-carousel-arrow-hover-background);
}
.el-carousel__arrow i {
  cursor: pointer;
}

.el-carousel__indicators {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: calc(var(--el-index-normal) + 1);
}
.el-carousel__indicators--horizontal {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.el-carousel__indicators--vertical {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.el-carousel__indicators--outside {
  text-align: center;
  position: static;
  transform: none;
}
.el-carousel__indicators--outside .el-carousel__indicator:hover button {
  opacity: 0.64;
}
.el-carousel__indicators--outside button {
  background-color: var(--el-carousel-indicator-out-color);
  opacity: 0.24;
}

.el-carousel__indicators--right {
  right: 0;
}

.el-carousel__indicators--labels .el-carousel__button {
  padding: 2px 18px;
  font-size: 12px;
  color: #000000;
}
.el-carousel__indicators--labels .el-carousel__indicator {
  padding: 6px 4px;
}

.el-carousel__indicator {
  background-color: transparent;
  cursor: pointer;
}
.el-carousel__indicator:hover button {
  opacity: 0.72;
}
.el-carousel__indicator--horizontal {
  display: inline-block;
  padding: var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal);
}

.el-carousel__indicator--vertical {
  padding: var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical);
}
.el-carousel__indicator--vertical .el-carousel__button {
  width: var(--el-carousel-indicator-height);
  height: calc(var(--el-carousel-indicator-width) / 2);
}

.el-carousel__indicator.is-active button {
  opacity: 1;
}

.el-carousel__button {
  display: block;
  opacity: 0.48;
  width: var(--el-carousel-indicator-width);
  height: var(--el-carousel-indicator-height);
  background-color: #ffffff;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: var(--el-transition-duration);
}
.el-carousel__indicators--labels .el-carousel__button {
  height: auto;
  width: auto;
}

.carousel-arrow-left-enter-from,
.carousel-arrow-left-leave-active {
  transform: translateY(-50%) translateX(-10px);
  opacity: 0;
}

.carousel-arrow-right-enter-from,
.carousel-arrow-right-leave-active {
  transform: translateY(-50%) translateX(10px);
  opacity: 0;
}

.el-transitioning {
  filter: url("#elCarouselHorizontal");
}

.el-transitioning-vertical {
  filter: url("#elCarouselVertical");
}

.el-carousel {
  border-radius: 0.4rem;
}
.el-carousel .el-carousel__arrow {
  background: var(--color-background-bg);
  box-shadow: var(--box-shadow-basic);
  color: var(--color-primary);
  cursor: pointer;
}
.el-carousel .el-carousel__arrow.el-carousel__arrow--left:hover {
  color: var(--color-primary);
}
.el-carousel .el-carousel__arrow.el-carousel__arrow--right:hover {
  color: var(--color-primary);
}
.el-carousel .el-carousel__item.is-active.is-animating {
  background: transparent;
}
.el-carousel .el-carousel__item:nth-child(2n) {
  background-color: transparent;
}
.el-carousel .el-carousel__item:nth-child(2n+1) {
  background-color: transparent;
}
.el-carousel .el-carousel__button {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 0.4rem;
  border-radius: 50%;
  cursor: pointer;
}
.el-carousel .el-carousel__indicator.el-carousel__indicator--horizontal {
  position: relative;
  z-index: 999;
  padding-top: 2rem;
  cursor: pointer;
}

.el-carousel__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
  z-index: calc(var(--el-index-normal) - 1);
}
.el-carousel__item.is-active {
  z-index: calc(var(--el-index-normal) - 1);
}

.el-carousel__item.is-animating {
  transition: transform 0.4s ease-in-out;
}

.el-carousel__item--card {
  width: 50%;
  transition: transform 0.4s ease-in-out;
}
.el-carousel__item--card.is-in-stage {
  cursor: pointer;
  z-index: var(--el-index-normal);
}
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask, .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask {
  opacity: 0.12;
}
.el-carousel__item--card.is-active {
  z-index: calc(var(--el-index-normal) + 1);
}

.el-carousel__item--card-vertical {
  width: 100%;
  height: 50%;
}

.el-carousel__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--el-color-white);
  opacity: 0.24;
  transition: var(--el-transition-duration-fast);
}

.el-checkbox {
  --el-checkbox-font-size: 14px;
  --el-checkbox-font-weight: var(--el-font-weight-primary);
  --el-checkbox-text-color: var(--el-text-color-regular);
  --el-checkbox-input-height: 14px;
  --el-checkbox-input-width: 14px;
  --el-checkbox-border-radius: var(--el-border-radius-small);
  --el-checkbox-bg-color: var(--el-fill-color-blank);
  --el-checkbox-input-border: 1px solid var(--color-text-primary);
  --el-checkbox-disabled-border-color: var(--el-border-color);
  --el-checkbox-disabled-input-fill: var(--el-fill-color-light);
  --el-checkbox-disabled-icon-color: var(--el-text-color-placeholder);
  --el-checkbox-disabled-checked-input-fill: var(--el-border-color-extra-light);
  --el-checkbox-disabled-checked-input-border-color: var(--el-border-color);
  --el-checkbox-disabled-checked-icon-color: var(--el-text-color-placeholder);
  --el-checkbox-checked-text-color: var(--el-color-primary);
  --el-checkbox-checked-input-border-color: var(--el-color-primary);
  --el-checkbox-checked-bg-color: var(--el-color-primary);
  --el-checkbox-checked-icon-color: var(--el-color-white);
  --el-checkbox-input-border-color-hover: var(--el-color-primary);
}

.el-checkbox {
  color: var(--el-checkbox-text-color);
  font-weight: var(--el-checkbox-font-weight);
  font-size: var(--el-font-size-base);
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  user-select: none;
  margin-right: 30px;
  height: var(--el-checkbox-height, 40px);
}
.el-checkbox.is-disabled {
  cursor: not-allowed;
}

.el-checkbox.is-bordered {
  padding: 0 15px 0 9px;
  border-radius: var(--el-border-radius-base);
  border: var(--el-border);
  box-sizing: border-box;
}
.el-checkbox.is-bordered.is-checked {
  border-color: var(--el-color-primary);
}
.el-checkbox.is-bordered.is-disabled {
  border-color: var(--el-border-color-lighter);
}
.el-checkbox.is-bordered.el-checkbox--large {
  padding: 0 19px 0 11px;
  border-radius: var(--el-border-radius-base);
}
.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
  font-size: var(--el-font-size-base);
}
.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 0 11px 0 7px;
  border-radius: calc(var(--el-border-radius-base) - 1px);
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox input:focus-visible + .el-checkbox__inner {
  outline: 2px solid var(--el-checkbox-input-border-color-hover);
  outline-offset: 1px;
  border-radius: var(--el-checkbox-border-radius);
}
.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  position: relative;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-input-fill);
  border-color: var(--el-checkbox-disabled-border-color);
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: var(--el-checkbox-disabled-icon-color);
  will-change: transform;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-checked-input-fill);
  border-color: var(--el-checkbox-disabled-checked-input-border-color);
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: var(--el-checkbox-disabled-checked-icon-color);
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-checked-input-fill);
  border-color: var(--el-checkbox-disabled-checked-input-border-color);
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: var(--el-checkbox-disabled-checked-icon-color);
  border-color: var(--el-checkbox-disabled-checked-icon-color);
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--el-checkbox-checked-bg-color);
  border-color: var(--el-checkbox-checked-input-border-color);
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: translate(-45%, -60%) rotate(45deg) scaleY(1);
  border-color: var(--el-checkbox-checked-icon-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--el-checkbox-checked-text-color);
}

.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible) {
  border-color: var(--el-checkbox-input-border-color-hover);
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--el-checkbox-checked-bg-color);
  border-color: var(--el-checkbox-checked-input-border-color);
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: var(--el-checkbox-checked-icon-color);
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: var(--el-checkbox-input-border);
  border-radius: var(--el-checkbox-border-radius);
  box-sizing: border-box;
  width: var(--el-checkbox-input-width);
  height: var(--el-checkbox-input-height);
  background-color: var(--el-checkbox-bg-color);
  z-index: var(--el-index-normal);
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), outline 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: var(--el-checkbox-input-border-color-hover);
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid transparent;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-45%, -60%) rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 8px;
  line-height: 1;
  font-size: var(--el-checkbox-font-size);
}

.el-checkbox.el-checkbox--large {
  height: 45px;
}
.el-checkbox.el-checkbox--large .el-checkbox__label {
  font-size: 14px;
}

.el-checkbox.el-checkbox--large .el-checkbox__inner {
  width: 14px;
  height: 14px;
}

.el-checkbox.el-checkbox--small {
  height: 35px;
}
.el-checkbox.el-checkbox--small .el-checkbox__label {
  font-size: 12px;
}

.el-checkbox.el-checkbox--small .el-checkbox__inner {
  width: 12px;
  height: 12px;
}

.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  top: 4px;
}

.el-checkbox.el-checkbox--small .el-checkbox__inner::after {
  width: 2px;
  height: 6px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox {
  color: var(--color-text-primary);
  --el-checkbox-disabled-input-fill: var(--color-background-outstanding-light);
  --el-checkbox-disabled-border-color: var(--color-background-outstanding);
  --el-checkbox-disabled-checked-input-fill: var(--color-text-secondary);
  --el-checkbox-disabled-checked-input-border-color: var(--color-text-secondary);
}
.el-checkbox .el-checkbox__inner {
  border: 0.06rem solid var(--color-text-secondary);
}
.el-checkbox .el-checkbox__inner::after {
  border: 2px solid var(--el-color-white);
  border-left: 0;
  border-top: 0;
  border-bottom-right-radius: 1px;
}
.el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  height: 4px;
  top: 4px;
}
.el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.el-checkbox .el-checkbox__input.is-indeterminate.is-disabled .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-checked-input-fill);
  border-color: var(--el-checkbox-disabled-checked-input-border-color);
}

.el-checkbox input:focus-visible + .el-checkbox__inner {
  outline: none !important;
  outline-offset: 0rem !important;
  border: 2px solid var(--el-color-white);
}

.el-checkbox-button {
  --el-checkbox-button-checked-bg-color: var(--el-color-primary);
  --el-checkbox-button-checked-text-color: var(--el-color-white);
  --el-checkbox-button-checked-border-color: var(--el-color-primary);
  --el-checkbox-button-disabled-checked-fill: var(--el-border-color-extra-light);
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: var(--el-checkbox-font-weight);
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: var(--el-button-bg-color, var(--el-fill-color-blank));
  outline: var(--el-border);
  color: var(--el-button-text-color, var(--el-text-color-regular));
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  transition: var(--el-transition-all);
  user-select: none;
  padding: 8px 15px;
  font-size: var(--el-font-size-base);
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 8px 15px;
}
.el-checkbox-button__inner:hover {
  color: var(--el-color-primary);
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: var(--el-checkbox-button-checked-text-color);
  background-color: var(--el-checkbox-button-checked-bg-color);
  border-color: var(--el-checkbox-button-checked-border-color);
  box-shadow: -1px 0 0 0 var(--el-color-primary-light-7);
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: var(--el-checkbox-button-checked-border-color);
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
  border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
}
.el-checkbox-button.is-disabled.is-checked .el-checkbox-button__inner {
  background-color: var(--el-checkbox-button-disabled-checked-fill);
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-top-left-radius: var(--el-border-radius-base);
  border-bottom-left-radius: var(--el-border-radius-base);
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: var(--el-checkbox-button-checked-border-color);
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-top-right-radius: var(--el-border-radius-base);
  border-bottom-right-radius: var(--el-border-radius-base);
}
.el-checkbox-button--large .el-checkbox-button__inner {
  padding: 12px 19px;
  font-size: var(--el-font-size-base);
  border-radius: 0;
}
.el-checkbox-button--large .el-checkbox-button__inner.is-round {
  padding: 12px 19px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 5px 11px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 5px 11px;
}

.el-checkbox-button {
  width: auto;
  min-width: 8rem;
  font-weight: 700;
  color: var(--color-text-secondary);
  --el-checkbox-button-checked-border-color: var(--color-text-secondary);
  --el-checkbox-button-checked-bg-color: var(--color-primary);
  --el-checkbox-button-checked-text-color: var(--color-text-primary);
  height: 3rem;
  border-radius: 0.4rem;
}

.el-checkbox-button__inner {
  width: 100%;
  --el-button-bg-color: var(--color-background-bg2);
  border: 0.1rem solid var(--color-background-outstanding);
  transition: 0.2s;
  color: var(--color-text-primary);
  height: 3rem;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}

.el-checkbox-button__inner:hover {
  color: var(--color-primary);
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: var(--color-background-bg);
  border: 0.1rem solid var(--color-primary);
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-color: var(--color-background-outstanding);
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner,
.el-checkbox-button.is-checked.is-focus:first-child .el-checkbox-button__inner {
  border-color: var(--color-primary);
}

.el-checkbox-button.is-checked .el-checkbox-button__inner:hover {
  --el-checkbox-button-checked-bg-color: var(--color-primary-light-8);
}

.el-checkbox-button.is-checked.is-focus .el-checkbox-button__inner {
  background-color: var(--color-primary-light-8);
  color: var(--color-background-bg);
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: var(--color-primary);
}

label.el-checkbox-button.is-disabled.is-checked {
  background: var(--color-primary);
  border-radius: 0.4rem;
}
label.el-checkbox-button.is-disabled.is-checked .el-checkbox-button__inner {
  color: var(--color-background-bg);
}

.el-checkbox-group {
  font-size: 0;
  line-height: 0;
}

.el-checkbox-group {
  height: 3rem;
  display: flex;
  gap: 0.2rem;
}

[class*=el-col-] {
  box-sizing: border-box;
}
[class*=el-col-].is-guttered {
  display: block;
  min-height: 1px;
}

.el-col-0 {
  display: none;
  max-width: 0%;
  flex: 0 0 0%;
}
.el-col-0.is-guttered {
  display: none;
}

.el-col-offset-0 {
  margin-left: 0%;
}

.el-col-pull-0 {
  position: relative;
  right: 0%;
}

.el-col-push-0 {
  position: relative;
  left: 0%;
}

.el-col-1 {
  display: block;
  max-width: 4.1666666667%;
  flex: 0 0 4.1666666667%;
}
.el-col-1.is-guttered {
  display: block;
}

.el-col-offset-1 {
  margin-left: 4.1666666667%;
}

.el-col-pull-1 {
  position: relative;
  right: 4.1666666667%;
}

.el-col-push-1 {
  position: relative;
  left: 4.1666666667%;
}

.el-col-2 {
  display: block;
  max-width: 8.3333333333%;
  flex: 0 0 8.3333333333%;
}
.el-col-2.is-guttered {
  display: block;
}

.el-col-offset-2 {
  margin-left: 8.3333333333%;
}

.el-col-pull-2 {
  position: relative;
  right: 8.3333333333%;
}

.el-col-push-2 {
  position: relative;
  left: 8.3333333333%;
}

.el-col-3 {
  display: block;
  max-width: 12.5%;
  flex: 0 0 12.5%;
}
.el-col-3.is-guttered {
  display: block;
}

.el-col-offset-3 {
  margin-left: 12.5%;
}

.el-col-pull-3 {
  position: relative;
  right: 12.5%;
}

.el-col-push-3 {
  position: relative;
  left: 12.5%;
}

.el-col-4 {
  display: block;
  max-width: 16.6666666667%;
  flex: 0 0 16.6666666667%;
}
.el-col-4.is-guttered {
  display: block;
}

.el-col-offset-4 {
  margin-left: 16.6666666667%;
}

.el-col-pull-4 {
  position: relative;
  right: 16.6666666667%;
}

.el-col-push-4 {
  position: relative;
  left: 16.6666666667%;
}

.el-col-5 {
  display: block;
  max-width: 20.8333333333%;
  flex: 0 0 20.8333333333%;
}
.el-col-5.is-guttered {
  display: block;
}

.el-col-offset-5 {
  margin-left: 20.8333333333%;
}

.el-col-pull-5 {
  position: relative;
  right: 20.8333333333%;
}

.el-col-push-5 {
  position: relative;
  left: 20.8333333333%;
}

.el-col-6 {
  display: block;
  max-width: 25%;
  flex: 0 0 25%;
}
.el-col-6.is-guttered {
  display: block;
}

.el-col-offset-6 {
  margin-left: 25%;
}

.el-col-pull-6 {
  position: relative;
  right: 25%;
}

.el-col-push-6 {
  position: relative;
  left: 25%;
}

.el-col-7 {
  display: block;
  max-width: 29.1666666667%;
  flex: 0 0 29.1666666667%;
}
.el-col-7.is-guttered {
  display: block;
}

.el-col-offset-7 {
  margin-left: 29.1666666667%;
}

.el-col-pull-7 {
  position: relative;
  right: 29.1666666667%;
}

.el-col-push-7 {
  position: relative;
  left: 29.1666666667%;
}

.el-col-8 {
  display: block;
  max-width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
}
.el-col-8.is-guttered {
  display: block;
}

.el-col-offset-8 {
  margin-left: 33.3333333333%;
}

.el-col-pull-8 {
  position: relative;
  right: 33.3333333333%;
}

.el-col-push-8 {
  position: relative;
  left: 33.3333333333%;
}

.el-col-9 {
  display: block;
  max-width: 37.5%;
  flex: 0 0 37.5%;
}
.el-col-9.is-guttered {
  display: block;
}

.el-col-offset-9 {
  margin-left: 37.5%;
}

.el-col-pull-9 {
  position: relative;
  right: 37.5%;
}

.el-col-push-9 {
  position: relative;
  left: 37.5%;
}

.el-col-10 {
  display: block;
  max-width: 41.6666666667%;
  flex: 0 0 41.6666666667%;
}
.el-col-10.is-guttered {
  display: block;
}

.el-col-offset-10 {
  margin-left: 41.6666666667%;
}

.el-col-pull-10 {
  position: relative;
  right: 41.6666666667%;
}

.el-col-push-10 {
  position: relative;
  left: 41.6666666667%;
}

.el-col-11 {
  display: block;
  max-width: 45.8333333333%;
  flex: 0 0 45.8333333333%;
}
.el-col-11.is-guttered {
  display: block;
}

.el-col-offset-11 {
  margin-left: 45.8333333333%;
}

.el-col-pull-11 {
  position: relative;
  right: 45.8333333333%;
}

.el-col-push-11 {
  position: relative;
  left: 45.8333333333%;
}

.el-col-12 {
  display: block;
  max-width: 50%;
  flex: 0 0 50%;
}
.el-col-12.is-guttered {
  display: block;
}

.el-col-offset-12 {
  margin-left: 50%;
}

.el-col-pull-12 {
  position: relative;
  right: 50%;
}

.el-col-push-12 {
  position: relative;
  left: 50%;
}

.el-col-13 {
  display: block;
  max-width: 54.1666666667%;
  flex: 0 0 54.1666666667%;
}
.el-col-13.is-guttered {
  display: block;
}

.el-col-offset-13 {
  margin-left: 54.1666666667%;
}

.el-col-pull-13 {
  position: relative;
  right: 54.1666666667%;
}

.el-col-push-13 {
  position: relative;
  left: 54.1666666667%;
}

.el-col-14 {
  display: block;
  max-width: 58.3333333333%;
  flex: 0 0 58.3333333333%;
}
.el-col-14.is-guttered {
  display: block;
}

.el-col-offset-14 {
  margin-left: 58.3333333333%;
}

.el-col-pull-14 {
  position: relative;
  right: 58.3333333333%;
}

.el-col-push-14 {
  position: relative;
  left: 58.3333333333%;
}

.el-col-15 {
  display: block;
  max-width: 62.5%;
  flex: 0 0 62.5%;
}
.el-col-15.is-guttered {
  display: block;
}

.el-col-offset-15 {
  margin-left: 62.5%;
}

.el-col-pull-15 {
  position: relative;
  right: 62.5%;
}

.el-col-push-15 {
  position: relative;
  left: 62.5%;
}

.el-col-16 {
  display: block;
  max-width: 66.6666666667%;
  flex: 0 0 66.6666666667%;
}
.el-col-16.is-guttered {
  display: block;
}

.el-col-offset-16 {
  margin-left: 66.6666666667%;
}

.el-col-pull-16 {
  position: relative;
  right: 66.6666666667%;
}

.el-col-push-16 {
  position: relative;
  left: 66.6666666667%;
}

.el-col-17 {
  display: block;
  max-width: 70.8333333333%;
  flex: 0 0 70.8333333333%;
}
.el-col-17.is-guttered {
  display: block;
}

.el-col-offset-17 {
  margin-left: 70.8333333333%;
}

.el-col-pull-17 {
  position: relative;
  right: 70.8333333333%;
}

.el-col-push-17 {
  position: relative;
  left: 70.8333333333%;
}

.el-col-18 {
  display: block;
  max-width: 75%;
  flex: 0 0 75%;
}
.el-col-18.is-guttered {
  display: block;
}

.el-col-offset-18 {
  margin-left: 75%;
}

.el-col-pull-18 {
  position: relative;
  right: 75%;
}

.el-col-push-18 {
  position: relative;
  left: 75%;
}

.el-col-19 {
  display: block;
  max-width: 79.1666666667%;
  flex: 0 0 79.1666666667%;
}
.el-col-19.is-guttered {
  display: block;
}

.el-col-offset-19 {
  margin-left: 79.1666666667%;
}

.el-col-pull-19 {
  position: relative;
  right: 79.1666666667%;
}

.el-col-push-19 {
  position: relative;
  left: 79.1666666667%;
}

.el-col-20 {
  display: block;
  max-width: 83.3333333333%;
  flex: 0 0 83.3333333333%;
}
.el-col-20.is-guttered {
  display: block;
}

.el-col-offset-20 {
  margin-left: 83.3333333333%;
}

.el-col-pull-20 {
  position: relative;
  right: 83.3333333333%;
}

.el-col-push-20 {
  position: relative;
  left: 83.3333333333%;
}

.el-col-21 {
  display: block;
  max-width: 87.5%;
  flex: 0 0 87.5%;
}
.el-col-21.is-guttered {
  display: block;
}

.el-col-offset-21 {
  margin-left: 87.5%;
}

.el-col-pull-21 {
  position: relative;
  right: 87.5%;
}

.el-col-push-21 {
  position: relative;
  left: 87.5%;
}

.el-col-22 {
  display: block;
  max-width: 91.6666666667%;
  flex: 0 0 91.6666666667%;
}
.el-col-22.is-guttered {
  display: block;
}

.el-col-offset-22 {
  margin-left: 91.6666666667%;
}

.el-col-pull-22 {
  position: relative;
  right: 91.6666666667%;
}

.el-col-push-22 {
  position: relative;
  left: 91.6666666667%;
}

.el-col-23 {
  display: block;
  max-width: 95.8333333333%;
  flex: 0 0 95.8333333333%;
}
.el-col-23.is-guttered {
  display: block;
}

.el-col-offset-23 {
  margin-left: 95.8333333333%;
}

.el-col-pull-23 {
  position: relative;
  right: 95.8333333333%;
}

.el-col-push-23 {
  position: relative;
  left: 95.8333333333%;
}

.el-col-24 {
  display: block;
  max-width: 100%;
  flex: 0 0 100%;
}
.el-col-24.is-guttered {
  display: block;
}

.el-col-offset-24 {
  margin-left: 100%;
}

.el-col-pull-24 {
  position: relative;
  right: 100%;
}

.el-col-push-24 {
  position: relative;
  left: 100%;
}

@media only screen and (max-width: 767px) {
  .el-col-xs-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-xs-0.is-guttered {
    display: none;
  }
  .el-col-xs-offset-0 {
    margin-left: 0%;
  }
  .el-col-xs-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-xs-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-xs-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-xs-1.is-guttered {
    display: block;
  }
  .el-col-xs-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-xs-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-xs-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-xs-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-xs-2.is-guttered {
    display: block;
  }
  .el-col-xs-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-xs-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-xs-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-xs-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-xs-3.is-guttered {
    display: block;
  }
  .el-col-xs-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xs-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xs-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-xs-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-xs-4.is-guttered {
    display: block;
  }
  .el-col-xs-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-xs-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-xs-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-xs-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-xs-5.is-guttered {
    display: block;
  }
  .el-col-xs-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-xs-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-xs-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-xs-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-xs-6.is-guttered {
    display: block;
  }
  .el-col-xs-offset-6 {
    margin-left: 25%;
  }
  .el-col-xs-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xs-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-xs-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-xs-7.is-guttered {
    display: block;
  }
  .el-col-xs-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-xs-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-xs-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-xs-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-xs-8.is-guttered {
    display: block;
  }
  .el-col-xs-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-xs-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-xs-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-xs-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-xs-9.is-guttered {
    display: block;
  }
  .el-col-xs-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xs-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xs-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-xs-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-xs-10.is-guttered {
    display: block;
  }
  .el-col-xs-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-xs-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-xs-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-xs-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-xs-11.is-guttered {
    display: block;
  }
  .el-col-xs-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-xs-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-xs-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-xs-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-xs-12.is-guttered {
    display: block;
  }
  .el-col-xs-offset-12 {
    margin-left: 50%;
  }
  .el-col-xs-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xs-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-xs-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-xs-13.is-guttered {
    display: block;
  }
  .el-col-xs-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-xs-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-xs-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-xs-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-xs-14.is-guttered {
    display: block;
  }
  .el-col-xs-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-xs-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-xs-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-xs-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-xs-15.is-guttered {
    display: block;
  }
  .el-col-xs-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xs-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xs-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-xs-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-xs-16.is-guttered {
    display: block;
  }
  .el-col-xs-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-xs-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-xs-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-xs-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-xs-17.is-guttered {
    display: block;
  }
  .el-col-xs-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-xs-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-xs-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-xs-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-xs-18.is-guttered {
    display: block;
  }
  .el-col-xs-offset-18 {
    margin-left: 75%;
  }
  .el-col-xs-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xs-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-xs-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-xs-19.is-guttered {
    display: block;
  }
  .el-col-xs-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-xs-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-xs-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-xs-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-xs-20.is-guttered {
    display: block;
  }
  .el-col-xs-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-xs-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-xs-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-xs-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-xs-21.is-guttered {
    display: block;
  }
  .el-col-xs-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xs-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xs-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-xs-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-xs-22.is-guttered {
    display: block;
  }
  .el-col-xs-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-xs-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-xs-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-xs-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-xs-23.is-guttered {
    display: block;
  }
  .el-col-xs-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-xs-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-xs-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-xs-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-xs-24.is-guttered {
    display: block;
  }
  .el-col-xs-offset-24 {
    margin-left: 100%;
  }
  .el-col-xs-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xs-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .el-col-sm-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-sm-0.is-guttered {
    display: none;
  }
  .el-col-sm-offset-0 {
    margin-left: 0%;
  }
  .el-col-sm-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-sm-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-sm-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-sm-1.is-guttered {
    display: block;
  }
  .el-col-sm-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-sm-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-sm-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-sm-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-sm-2.is-guttered {
    display: block;
  }
  .el-col-sm-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-sm-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-sm-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-sm-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-sm-3.is-guttered {
    display: block;
  }
  .el-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-sm-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-sm-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-sm-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-sm-4.is-guttered {
    display: block;
  }
  .el-col-sm-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-sm-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-sm-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-sm-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-sm-5.is-guttered {
    display: block;
  }
  .el-col-sm-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-sm-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-sm-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-sm-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-sm-6.is-guttered {
    display: block;
  }
  .el-col-sm-offset-6 {
    margin-left: 25%;
  }
  .el-col-sm-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-sm-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-sm-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-sm-7.is-guttered {
    display: block;
  }
  .el-col-sm-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-sm-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-sm-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-sm-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-sm-8.is-guttered {
    display: block;
  }
  .el-col-sm-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-sm-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-sm-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-sm-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-sm-9.is-guttered {
    display: block;
  }
  .el-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-sm-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-sm-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-sm-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-sm-10.is-guttered {
    display: block;
  }
  .el-col-sm-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-sm-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-sm-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-sm-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-sm-11.is-guttered {
    display: block;
  }
  .el-col-sm-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-sm-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-sm-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-sm-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-sm-12.is-guttered {
    display: block;
  }
  .el-col-sm-offset-12 {
    margin-left: 50%;
  }
  .el-col-sm-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-sm-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-sm-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-sm-13.is-guttered {
    display: block;
  }
  .el-col-sm-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-sm-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-sm-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-sm-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-sm-14.is-guttered {
    display: block;
  }
  .el-col-sm-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-sm-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-sm-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-sm-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-sm-15.is-guttered {
    display: block;
  }
  .el-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-sm-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-sm-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-sm-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-sm-16.is-guttered {
    display: block;
  }
  .el-col-sm-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-sm-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-sm-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-sm-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-sm-17.is-guttered {
    display: block;
  }
  .el-col-sm-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-sm-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-sm-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-sm-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-sm-18.is-guttered {
    display: block;
  }
  .el-col-sm-offset-18 {
    margin-left: 75%;
  }
  .el-col-sm-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-sm-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-sm-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-sm-19.is-guttered {
    display: block;
  }
  .el-col-sm-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-sm-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-sm-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-sm-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-sm-20.is-guttered {
    display: block;
  }
  .el-col-sm-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-sm-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-sm-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-sm-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-sm-21.is-guttered {
    display: block;
  }
  .el-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-sm-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-sm-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-sm-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-sm-22.is-guttered {
    display: block;
  }
  .el-col-sm-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-sm-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-sm-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-sm-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-sm-23.is-guttered {
    display: block;
  }
  .el-col-sm-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-sm-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-sm-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-sm-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-sm-24.is-guttered {
    display: block;
  }
  .el-col-sm-offset-24 {
    margin-left: 100%;
  }
  .el-col-sm-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-sm-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .el-col-md-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-md-0.is-guttered {
    display: none;
  }
  .el-col-md-offset-0 {
    margin-left: 0%;
  }
  .el-col-md-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-md-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-md-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-md-1.is-guttered {
    display: block;
  }
  .el-col-md-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-md-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-md-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-md-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-md-2.is-guttered {
    display: block;
  }
  .el-col-md-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-md-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-md-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-md-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-md-3.is-guttered {
    display: block;
  }
  .el-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-md-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-md-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-md-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-md-4.is-guttered {
    display: block;
  }
  .el-col-md-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-md-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-md-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-md-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-md-5.is-guttered {
    display: block;
  }
  .el-col-md-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-md-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-md-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-md-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-md-6.is-guttered {
    display: block;
  }
  .el-col-md-offset-6 {
    margin-left: 25%;
  }
  .el-col-md-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-md-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-md-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-md-7.is-guttered {
    display: block;
  }
  .el-col-md-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-md-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-md-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-md-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-md-8.is-guttered {
    display: block;
  }
  .el-col-md-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-md-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-md-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-md-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-md-9.is-guttered {
    display: block;
  }
  .el-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-md-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-md-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-md-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-md-10.is-guttered {
    display: block;
  }
  .el-col-md-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-md-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-md-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-md-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-md-11.is-guttered {
    display: block;
  }
  .el-col-md-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-md-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-md-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-md-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-md-12.is-guttered {
    display: block;
  }
  .el-col-md-offset-12 {
    margin-left: 50%;
  }
  .el-col-md-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-md-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-md-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-md-13.is-guttered {
    display: block;
  }
  .el-col-md-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-md-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-md-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-md-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-md-14.is-guttered {
    display: block;
  }
  .el-col-md-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-md-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-md-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-md-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-md-15.is-guttered {
    display: block;
  }
  .el-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-md-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-md-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-md-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-md-16.is-guttered {
    display: block;
  }
  .el-col-md-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-md-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-md-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-md-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-md-17.is-guttered {
    display: block;
  }
  .el-col-md-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-md-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-md-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-md-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-md-18.is-guttered {
    display: block;
  }
  .el-col-md-offset-18 {
    margin-left: 75%;
  }
  .el-col-md-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-md-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-md-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-md-19.is-guttered {
    display: block;
  }
  .el-col-md-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-md-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-md-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-md-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-md-20.is-guttered {
    display: block;
  }
  .el-col-md-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-md-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-md-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-md-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-md-21.is-guttered {
    display: block;
  }
  .el-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-md-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-md-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-md-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-md-22.is-guttered {
    display: block;
  }
  .el-col-md-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-md-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-md-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-md-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-md-23.is-guttered {
    display: block;
  }
  .el-col-md-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-md-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-md-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-md-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-md-24.is-guttered {
    display: block;
  }
  .el-col-md-offset-24 {
    margin-left: 100%;
  }
  .el-col-md-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-md-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .el-col-lg-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-lg-0.is-guttered {
    display: none;
  }
  .el-col-lg-offset-0 {
    margin-left: 0%;
  }
  .el-col-lg-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-lg-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-lg-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-lg-1.is-guttered {
    display: block;
  }
  .el-col-lg-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-lg-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-lg-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-lg-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-lg-2.is-guttered {
    display: block;
  }
  .el-col-lg-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-lg-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-lg-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-lg-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-lg-3.is-guttered {
    display: block;
  }
  .el-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-lg-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-lg-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-lg-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-lg-4.is-guttered {
    display: block;
  }
  .el-col-lg-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-lg-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-lg-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-lg-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-lg-5.is-guttered {
    display: block;
  }
  .el-col-lg-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-lg-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-lg-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-lg-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-lg-6.is-guttered {
    display: block;
  }
  .el-col-lg-offset-6 {
    margin-left: 25%;
  }
  .el-col-lg-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-lg-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-lg-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-lg-7.is-guttered {
    display: block;
  }
  .el-col-lg-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-lg-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-lg-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-lg-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-lg-8.is-guttered {
    display: block;
  }
  .el-col-lg-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-lg-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-lg-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-lg-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-lg-9.is-guttered {
    display: block;
  }
  .el-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-lg-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-lg-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-lg-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-lg-10.is-guttered {
    display: block;
  }
  .el-col-lg-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-lg-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-lg-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-lg-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-lg-11.is-guttered {
    display: block;
  }
  .el-col-lg-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-lg-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-lg-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-lg-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-lg-12.is-guttered {
    display: block;
  }
  .el-col-lg-offset-12 {
    margin-left: 50%;
  }
  .el-col-lg-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-lg-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-lg-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-lg-13.is-guttered {
    display: block;
  }
  .el-col-lg-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-lg-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-lg-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-lg-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-lg-14.is-guttered {
    display: block;
  }
  .el-col-lg-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-lg-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-lg-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-lg-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-lg-15.is-guttered {
    display: block;
  }
  .el-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-lg-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-lg-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-lg-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-lg-16.is-guttered {
    display: block;
  }
  .el-col-lg-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-lg-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-lg-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-lg-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-lg-17.is-guttered {
    display: block;
  }
  .el-col-lg-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-lg-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-lg-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-lg-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-lg-18.is-guttered {
    display: block;
  }
  .el-col-lg-offset-18 {
    margin-left: 75%;
  }
  .el-col-lg-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-lg-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-lg-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-lg-19.is-guttered {
    display: block;
  }
  .el-col-lg-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-lg-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-lg-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-lg-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-lg-20.is-guttered {
    display: block;
  }
  .el-col-lg-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-lg-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-lg-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-lg-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-lg-21.is-guttered {
    display: block;
  }
  .el-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-lg-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-lg-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-lg-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-lg-22.is-guttered {
    display: block;
  }
  .el-col-lg-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-lg-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-lg-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-lg-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-lg-23.is-guttered {
    display: block;
  }
  .el-col-lg-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-lg-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-lg-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-lg-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-lg-24.is-guttered {
    display: block;
  }
  .el-col-lg-offset-24 {
    margin-left: 100%;
  }
  .el-col-lg-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-lg-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .el-col-xl-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-xl-0.is-guttered {
    display: none;
  }
  .el-col-xl-offset-0 {
    margin-left: 0%;
  }
  .el-col-xl-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-xl-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-xl-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-xl-1.is-guttered {
    display: block;
  }
  .el-col-xl-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-xl-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-xl-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-xl-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-xl-2.is-guttered {
    display: block;
  }
  .el-col-xl-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-xl-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-xl-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-xl-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-xl-3.is-guttered {
    display: block;
  }
  .el-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xl-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xl-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-xl-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-xl-4.is-guttered {
    display: block;
  }
  .el-col-xl-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-xl-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-xl-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-xl-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-xl-5.is-guttered {
    display: block;
  }
  .el-col-xl-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-xl-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-xl-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-xl-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-xl-6.is-guttered {
    display: block;
  }
  .el-col-xl-offset-6 {
    margin-left: 25%;
  }
  .el-col-xl-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xl-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-xl-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-xl-7.is-guttered {
    display: block;
  }
  .el-col-xl-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-xl-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-xl-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-xl-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-xl-8.is-guttered {
    display: block;
  }
  .el-col-xl-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-xl-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-xl-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-xl-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-xl-9.is-guttered {
    display: block;
  }
  .el-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xl-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xl-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-xl-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-xl-10.is-guttered {
    display: block;
  }
  .el-col-xl-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-xl-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-xl-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-xl-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-xl-11.is-guttered {
    display: block;
  }
  .el-col-xl-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-xl-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-xl-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-xl-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-xl-12.is-guttered {
    display: block;
  }
  .el-col-xl-offset-12 {
    margin-left: 50%;
  }
  .el-col-xl-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xl-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-xl-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-xl-13.is-guttered {
    display: block;
  }
  .el-col-xl-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-xl-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-xl-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-xl-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-xl-14.is-guttered {
    display: block;
  }
  .el-col-xl-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-xl-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-xl-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-xl-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-xl-15.is-guttered {
    display: block;
  }
  .el-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xl-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xl-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-xl-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-xl-16.is-guttered {
    display: block;
  }
  .el-col-xl-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-xl-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-xl-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-xl-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-xl-17.is-guttered {
    display: block;
  }
  .el-col-xl-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-xl-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-xl-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-xl-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-xl-18.is-guttered {
    display: block;
  }
  .el-col-xl-offset-18 {
    margin-left: 75%;
  }
  .el-col-xl-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xl-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-xl-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-xl-19.is-guttered {
    display: block;
  }
  .el-col-xl-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-xl-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-xl-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-xl-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-xl-20.is-guttered {
    display: block;
  }
  .el-col-xl-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-xl-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-xl-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-xl-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-xl-21.is-guttered {
    display: block;
  }
  .el-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xl-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xl-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-xl-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-xl-22.is-guttered {
    display: block;
  }
  .el-col-xl-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-xl-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-xl-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-xl-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-xl-23.is-guttered {
    display: block;
  }
  .el-col-xl-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-xl-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-xl-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-xl-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-xl-24.is-guttered {
    display: block;
  }
  .el-col-xl-offset-24 {
    margin-left: 100%;
  }
  .el-col-xl-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xl-push-24 {
    position: relative;
    left: 100%;
  }
}
.el-collapse {
  --el-collapse-border-color: var(--color-background-outstanding);
  --el-collapse-header-height: 48px;
  --el-collapse-header-bg-color: transparent;
  --el-collapse-header-text-color: var(--el-text-color-primary);
  --el-collapse-header-font-size: 13px;
  --el-collapse-content-bg-color: transparent;
  --el-collapse-content-font-size: 13px;
  --el-collapse-content-text-color: var(--el-text-color-primary);
  border-top: 1px solid var(--el-collapse-border-color);
  border-bottom: 1px solid var(--el-collapse-border-color);
}

.el-collapse-icon-position-left .el-collapse-item__header {
  gap: 8px;
}
.el-collapse-icon-position-left .el-collapse-item__title {
  order: 1;
}
.el-collapse-icon-position-right .el-collapse-item__header {
  padding-right: 8px;
}

.el-collapse {
  border: none !important;
  gap: 1rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: auto;
}
.el-collapse .el-collapse-item {
  padding-right: 0.5rem;
}
.el-collapse .el-collapse-item__content {
  padding: 1rem;
}
.el-collapse .el-collapse-item__wrap {
  padding: 0rem;
  border-bottom: none;
}

.el-collapse-item.is-disabled .el-collapse-item__header {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}

.el-collapse-item__header {
  width: 100%;
  padding: 0;
  border: none;
  display: flex;
  align-items: center;
  min-height: var(--el-collapse-header-height);
  line-height: var(--el-collapse-header-height);
  background-color: var(--el-collapse-header-bg-color);
  color: var(--el-collapse-header-text-color);
  cursor: pointer;
  border-bottom: 1px solid var(--el-collapse-border-color);
  font-size: var(--el-collapse-header-font-size);
  font-weight: 500;
  transition: border-bottom-color var(--el-transition-duration);
  outline: none;
  box-sizing: border-box;
}
.el-collapse-item__arrow {
  transition: transform var(--el-transition-duration);
  font-weight: 300;
}
.el-collapse-item__arrow.is-active {
  transform: rotate(90deg);
}

.el-collapse-item__title {
  text-align: left;
  flex: auto;
}

.el-collapse-item__header.focusing:focus:not(:hover) {
  color: var(--el-color-primary);
}
.el-collapse-item__header.is-active {
  border-bottom-color: transparent;
}

.el-collapse-item__wrap {
  will-change: height;
  background-color: var(--el-collapse-content-bg-color);
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid var(--el-collapse-border-color);
}

.el-collapse-item__content {
  padding-bottom: 25px;
  font-size: var(--el-collapse-content-font-size);
  color: var(--el-collapse-content-text-color);
  line-height: 1.7692307692;
}

.el-collapse-item:last-child {
  margin-bottom: -1px;
}

.el-collapse-item__header {
  font-weight: 600;
  line-height: 1.2rem;
  font-size: 1.2rem;
  background-color: var(--color-background-bg-light);
  border-radius: 0.4rem !important;
  color: var(--color-text-primary) !important;
  height: auto;
  margin: 0rem;
  border: none;
  min-height: 3.5rem !important;
  padding: 0rem 1rem 0rem 1rem !important;
}

.el-collapse-item__header:hover,
.el-collapse-item__header.focusing {
  background-color: var(--color-background-bg);
  color: var(--color-text-primary);
}

.el-collapse-item__header.is-active {
  background-color: var(--color-background-bg);
}

.el-collapse-item__header.is-active:hover,
.el-collapse-item__header.is-active.focusing {
  background-color: var(--color-background-bg);
}

.is-disabled .el-collapse-item__header {
  background-color: var(--color-background-outstanding-light);
  gap: 1rem;
}
.is-disabled .el-collapse-item__header i {
  color: var(--color-text-secondary);
}

.hide-arrow .el-collapse-item__arrow {
  display: none;
}

.el-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-basis: auto;
  box-sizing: border-box;
  min-width: 0;
}
.el-container.is-vertical {
  flex-direction: column;
}

.el-container {
  width: 100%;
  height: 100%;
}

.el-picker-panel {
  color: var(--el-text-color-regular);
  background: var(--el-datepicker-bg-color);
  border-radius: var(--el-popper-border-radius, var(--el-border-radius-base));
  line-height: 30px;
}
.el-picker-panel .el-time-panel {
  margin: 5px 0;
  border: solid 1px var(--el-datepicker-border-color);
  background-color: var(--el-datepicker-bg-color);
  box-shadow: var(--el-box-shadow-light);
}
.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.el-picker-panel__content {
  position: relative;
  margin: 15px;
}

.el-picker-panel__footer {
  border-top: 1px solid var(--el-datepicker-inner-border-color);
  padding: 4px 12px;
  text-align: right;
  background-color: var(--el-datepicker-bg-color);
  position: relative;
  font-size: 0;
}

.el-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 14px;
  color: var(--el-datepicker-text-color);
  padding-left: 12px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.el-picker-panel__shortcut:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: var(--el-datepicker-active-color);
}

.el-picker-panel__btn {
  border: 1px solid var(--el-fill-color-darker);
  color: var(--el-text-color-primary);
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}
.el-picker-panel__btn[disabled] {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}

.el-picker-panel__icon-btn {
  font-size: 12px;
  color: var(--el-datepicker-icon-color);
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  line-height: 1;
  margin-top: 8px;
  padding: 1px 6px;
}
.el-picker-panel__icon-btn:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__icon-btn:focus-visible {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__icon-btn.is-disabled {
  color: var(--el-text-color-disabled);
}
.el-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}
.el-picker-panel__icon-btn.is-disabled .el-icon {
  cursor: inherit;
}

.el-picker-panel__icon-btn .el-icon {
  cursor: pointer;
  font-size: inherit;
}

.el-picker-panel__link-btn {
  vertical-align: middle;
}

.el-picker-panel.is-disabled .el-picker-panel__prev-btn {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__prev-btn:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__prev-btn .el-icon {
  cursor: inherit;
}

.el-picker-panel.is-disabled .el-picker-panel__next-btn {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__next-btn:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__next-btn .el-icon {
  cursor: inherit;
}

.el-picker-panel.is-disabled .el-picker-panel__icon-btn {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__icon-btn:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__icon-btn .el-icon {
  cursor: inherit;
}

.el-picker-panel.is-disabled .el-picker-panel__shortcut {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__shortcut:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__shortcut .el-icon {
  cursor: inherit;
}

.el-picker-panel *[slot=sidebar],
.el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid var(--el-datepicker-inner-border-color);
  box-sizing: border-box;
  padding-top: 6px;
  overflow: auto;
}

.el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 110px;
}

.el-date-picker {
  --el-datepicker-text-color: var(--el-text-color-regular);
  --el-datepicker-off-text-color: var(--el-text-color-placeholder);
  --el-datepicker-header-text-color: var(--el-text-color-regular);
  --el-datepicker-icon-color: var(--el-text-color-primary);
  --el-datepicker-border-color: var(--el-disabled-border-color);
  --el-datepicker-inner-border-color: var(--el-border-color-light);
  --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-active-color: var(--el-color-primary);
  --el-datepicker-hover-text-color: var(--el-color-primary);
  --el-datepicker-bg-color: var(--el-bg-color-overlay);
  --el-fill-color-blank: var(--el-datepicker-bg-color);
}

.el-date-picker {
  width: 322px;
}
.el-date-picker.has-sidebar.has-time {
  width: 434px;
}
.el-date-picker.has-sidebar {
  width: 438px;
}
.el-date-picker.has-time .el-picker-panel__body-wrapper {
  position: relative;
}
.el-date-picker .el-picker-panel__content {
  width: 292px;
}
.el-date-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-picker__editor-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}

.el-date-picker__time-header {
  position: relative;
  border-bottom: 1px solid var(--el-datepicker-inner-border-color);
  font-size: 12px;
  padding: 8px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.el-date-picker__header {
  padding: 12px 12px 0;
  text-align: center;
}
.el-date-picker__header--bordered {
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: solid 1px var(--el-border-color-lighter);
}
.el-date-picker__header--bordered + .el-picker-panel__content {
  margin-top: 0;
}

.el-date-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: var(--el-text-color-regular);
}
.el-date-picker__header-label:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-date-picker__header-label:focus-visible {
  outline: none;
  color: var(--el-datepicker-hover-text-color);
}
.el-date-picker__header-label.active {
  color: var(--el-datepicker-active-color);
}

.el-date-picker__prev-btn {
  float: left;
}

.el-date-picker__next-btn {
  float: right;
}

.el-date-picker__time-wrap {
  padding: 10px;
  text-align: center;
}

.el-date-picker__time-label {
  float: left;
  cursor: pointer;
  line-height: 30px;
  margin-left: 10px;
}

.el-date-picker .el-time-panel {
  position: absolute;
}
.el-date-picker.is-disabled .el-date-picker__header-label {
  color: var(--el-text-color-disabled);
}
.el-date-picker.is-disabled .el-date-picker__header-label:hover {
  cursor: not-allowed;
}
.el-date-picker.is-disabled .el-date-picker__header-label .el-icon {
  cursor: inherit;
}

.el-date-range-picker {
  --el-datepicker-text-color: var(--el-text-color-regular);
  --el-datepicker-off-text-color: var(--el-text-color-placeholder);
  --el-datepicker-header-text-color: var(--el-text-color-regular);
  --el-datepicker-icon-color: var(--el-text-color-primary);
  --el-datepicker-border-color: var(--el-disabled-border-color);
  --el-datepicker-inner-border-color: var(--el-border-color-light);
  --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-active-color: var(--el-color-primary);
  --el-datepicker-hover-text-color: var(--el-color-primary);
  --el-datepicker-bg-color: var(--el-bg-color-overlay);
}

.el-date-range-picker {
  width: 646px;
}
.el-date-range-picker.has-sidebar {
  width: 756px;
}
.el-date-range-picker.has-time .el-picker-panel__body-wrapper {
  position: relative;
}
.el-date-range-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-range-picker .el-picker-panel__body {
  min-width: 513px;
}
.el-date-range-picker .el-picker-panel__content {
  margin: 0;
}
.el-date-range-picker__header {
  position: relative;
  text-align: center;
  height: 28px;
}
.el-date-range-picker__header [class*=arrow-left] {
  float: left;
}
.el-date-range-picker__header [class*=arrow-right] {
  float: right;
}
.el-date-range-picker__header div {
  font-size: 16px;
  font-weight: 500;
  margin-right: 50px;
}

.el-date-range-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: var(--el-text-color-regular);
}
.el-date-range-picker__header-label:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-date-range-picker__header-label:focus-visible {
  outline: none;
  color: var(--el-datepicker-hover-text-color);
}
.el-date-range-picker__header-label.active {
  color: var(--el-datepicker-active-color);
}

.el-date-range-picker__content {
  display: table-cell;
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
}
.el-date-range-picker__content.is-left {
  border-right: 1px solid var(--el-datepicker-inner-border-color);
}

.el-date-range-picker__content .el-date-range-picker__header div {
  margin-left: 50px;
  margin-right: 50px;
}

.el-date-range-picker__editors-wrap {
  box-sizing: border-box;
  display: table-cell;
}
.el-date-range-picker__editors-wrap.is-right {
  text-align: right;
}

.el-date-range-picker__time-header {
  position: relative;
  border-bottom: 1px solid var(--el-datepicker-inner-border-color);
  font-size: 12px;
  padding: 8px 5px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.el-date-range-picker__time-header > .el-icon-arrow-right {
  font-size: 20px;
  vertical-align: middle;
  display: table-cell;
  color: var(--el-datepicker-icon-color);
}

.el-date-range-picker__time-picker-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}
.el-date-range-picker__time-picker-wrap .el-picker-panel {
  position: absolute;
  top: 13px;
  right: 0;
  z-index: 1;
  background: #ffffff;
}
.el-date-range-picker__time-picker-wrap .el-time-panel {
  position: absolute;
}

.el-date-range-picker.is-disabled .el-date-range-picker__header-label {
  color: var(--el-text-color-disabled);
}
.el-date-range-picker.is-disabled .el-date-range-picker__header-label:hover {
  cursor: not-allowed;
}
.el-date-range-picker.is-disabled .el-date-range-picker__header-label .el-icon {
  cursor: inherit;
}

.el-time-range-picker {
  width: 354px;
  overflow: visible;
}
.el-time-range-picker__content {
  position: relative;
  text-align: center;
  padding: 10px;
  z-index: 1;
}

.el-time-range-picker__cell {
  box-sizing: border-box;
  margin: 0;
  padding: 4px 7px 7px;
  width: 50%;
  display: inline-block;
}

.el-time-range-picker__header {
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px;
}

.el-time-range-picker__body {
  border-radius: 2px;
  border: 1px solid var(--el-datepicker-border-color);
}

.el-time-panel {
  border-radius: 2px;
  position: relative;
  width: 180px;
  left: 0;
  z-index: var(--el-index-top);
  user-select: none;
  box-sizing: content-box;
}
.el-time-panel__content {
  font-size: 0;
  position: relative;
  overflow: hidden;
}
.el-time-panel__content::after, .el-time-panel__content::before {
  content: "";
  top: 50%;
  position: absolute;
  margin-top: -16px;
  height: 32px;
  z-index: -1;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: left;
}
.el-time-panel__content::after {
  left: 50%;
  margin-left: 12%;
  margin-right: 12%;
}
.el-time-panel__content::before {
  padding-left: 50%;
  margin-right: 12%;
  margin-left: 12%;
  border-top: 1px solid var(--el-border-color-light);
  border-bottom: 1px solid var(--el-border-color-light);
}
.el-time-panel__content.has-seconds::after {
  left: 66.6666666667%;
}
.el-time-panel__content.has-seconds::before {
  padding-left: 33.3333333333%;
}

.el-time-panel__footer {
  border-top: 1px solid var(--el-timepicker-inner-border-color, var(--el-border-color-light));
  padding: 4px;
  height: 36px;
  line-height: 25px;
  text-align: right;
  box-sizing: border-box;
}

.el-time-panel__btn {
  border: none;
  line-height: 28px;
  padding: 0 5px;
  margin: 0 5px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
  color: var(--el-text-color-primary);
}
.el-time-panel__btn.confirm {
  font-weight: 800;
  color: var(--el-timepicker-active-color, var(--el-color-primary));
}

.el-date-table {
  font-size: 12px;
  user-select: none;
}
.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
  color: var(--el-datepicker-text-color);
}
.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}

.el-date-table td {
  width: 32px;
  height: 30px;
  padding: 4px 0;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.el-date-table td .el-date-table-cell {
  height: 30px;
  padding: 3px 0;
  box-sizing: border-box;
}
.el-date-table td .el-date-table-cell .el-date-table-cell__text {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto;
  line-height: 24px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
.el-date-table td.next-month, .el-date-table td.prev-month {
  color: var(--el-datepicker-off-text-color);
}
.el-date-table td.today {
  position: relative;
}
.el-date-table td.today .el-date-table-cell__text {
  color: var(--el-color-primary);
  font-weight: bold;
}
.el-date-table td.today.start-date .el-date-table-cell__text, .el-date-table td.today.end-date .el-date-table-cell__text {
  color: #ffffff;
}
.el-date-table td.available:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-date-table td.in-range .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-date-table td.in-range .el-date-table-cell:hover {
  background-color: var(--el-datepicker-inrange-hover-bg-color);
}
.el-date-table td.current:not(.disabled) .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text {
  outline: 2px solid var(--el-datepicker-active-color);
  outline-offset: 1px;
}
.el-date-table td.start-date .el-date-table-cell, .el-date-table td.end-date .el-date-table-cell {
  color: #ffffff;
}
.el-date-table td.start-date .el-date-table-cell__text, .el-date-table td.end-date .el-date-table-cell__text {
  background-color: var(--el-datepicker-active-color);
}
.el-date-table td.start-date .el-date-table-cell {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.el-date-table td.end-date .el-date-table-cell {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.el-date-table td.disabled .el-date-table-cell {
  background-color: var(--el-fill-color-light);
  opacity: 1;
  cursor: not-allowed;
  color: var(--el-text-color-placeholder);
}
.el-date-table td.selected .el-date-table-cell {
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 15px;
}
.el-date-table td.selected .el-date-table-cell__text {
  background-color: var(--el-datepicker-active-color);
  color: #ffffff;
  border-radius: 15px;
}
.el-date-table td.week {
  font-size: 80%;
  color: var(--el-datepicker-off-text-color);
  cursor: default;
}
.el-date-table td:focus {
  outline: none;
}
.el-date-table th {
  padding: 5px;
  color: var(--el-datepicker-header-text-color);
  font-weight: 400;
  border-bottom: solid 1px var(--el-border-color-lighter);
}
.el-date-table th.el-date-table__week-header {
  padding: 0;
  width: 24px;
}

.el-month-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.el-month-table td {
  width: 68px;
  text-align: center;
  padding: 8px 0;
  cursor: pointer;
  position: relative;
}
.el-month-table td .el-date-table-cell {
  height: 48px;
  padding: 6px 0;
  box-sizing: border-box;
}
.el-month-table td.today .el-date-table-cell__text {
  color: var(--el-color-primary);
  font-weight: bold;
}
.el-month-table td.today.start-date .el-date-table-cell__text, .el-month-table td.today.end-date .el-date-table-cell__text {
  color: #ffffff;
}
.el-month-table td.disabled .el-date-table-cell__text {
  background-color: var(--el-fill-color-light);
  cursor: not-allowed;
  color: var(--el-text-color-placeholder);
}
.el-month-table td.disabled .el-date-table-cell__text:hover {
  color: var(--el-text-color-placeholder);
}
.el-month-table td .el-date-table-cell__text {
  width: 54px;
  height: 36px;
  display: block;
  line-height: 36px;
  color: var(--el-datepicker-text-color);
  margin: 0 auto;
  border-radius: 18px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.el-month-table td .el-date-table-cell__text:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-month-table td.in-range .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-month-table td.in-range .el-date-table-cell:hover {
  background-color: var(--el-datepicker-inrange-hover-bg-color);
}
.el-month-table td.start-date .el-date-table-cell, .el-month-table td.end-date .el-date-table-cell {
  color: #ffffff;
}
.el-month-table td.start-date .el-date-table-cell__text, .el-month-table td.end-date .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-month-table td.start-date .el-date-table-cell {
  margin-left: 3px;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.el-month-table td.end-date .el-date-table-cell {
  margin-right: 3px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.el-month-table td.current:not(.disabled) .el-date-table-cell {
  border-radius: 24px;
  margin-left: 3px;
  margin-right: 3px;
}
.el-month-table td.current:not(.disabled) .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-month-table td:focus-visible {
  outline: none;
}
.el-month-table td:focus-visible .el-date-table-cell__text {
  outline: 2px solid var(--el-datepicker-active-color);
  outline-offset: 1px;
}

.el-picker__popper {
  --el-datepicker-border-color: var(--el-disabled-border-color);
}
.el-picker__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-datepicker-border-color);
  box-shadow: var(--el-box-shadow-light);
}
.el-picker__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-datepicker-border-color);
}
.el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.el-date-editor {
  --el-date-editor-width: 220px;
  --el-date-editor-monthrange-width: 300px;
  --el-date-editor-daterange-width: 350px;
  --el-date-editor-datetimerange-width: 400px;
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: none;
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: transparent;
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--color-background-bg2);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: transparent;
  --el-input-clear-hover-color: transparent;
  --el-input-focus-border-color: var(--el-color-primary);
  --el-input-width: 100%;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.el-date-editor.el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-border-color, transparent) inset;
}
.el-date-editor.el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-date-editor.is-focus .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-date-editor.el-input, .el-date-editor.el-input__wrapper {
  width: var(--el-date-editor-width);
  height: var(--el-input-height, var(--el-component-size));
}
.el-date-editor--monthrange {
  --el-date-editor-width: var(--el-date-editor-monthrange-width);
}

.el-date-editor--daterange, .el-date-editor--timerange {
  --el-date-editor-width: var(--el-date-editor-daterange-width);
}

.el-date-editor--datetimerange {
  --el-date-editor-width: var(--el-date-editor-datetimerange-width);
}

.el-date-editor--dates .el-input__wrapper {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-date-editor .close-icon {
  cursor: pointer;
}
.el-date-editor .clear-icon {
  cursor: pointer;
}
.el-date-editor .clear-icon:hover {
  color: var(--el-input-clear-hover-color);
}
.el-date-editor .el-range__icon {
  height: inherit;
  font-size: 14px;
  color: var(--el-text-color-placeholder);
  float: left;
}
.el-date-editor .el-range__icon svg {
  vertical-align: middle;
}
.el-date-editor .el-range-input {
  appearance: none;
  border: none;
  outline: none;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  margin: 0;
  padding: 0;
  width: 39%;
  text-align: center;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-regular);
  background-color: transparent;
}
.el-date-editor .el-range-input::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-date-editor .el-range-separator {
  flex: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  font-size: 14px;
  overflow-wrap: break-word;
  color: var(--el-text-color-primary);
}
.el-date-editor .el-range__close-icon {
  font-size: 14px;
  color: var(--el-text-color-placeholder);
  height: inherit;
  width: unset;
  cursor: pointer;
}
.el-date-editor .el-range__close-icon:hover {
  color: var(--el-input-clear-hover-color);
}
.el-date-editor .el-range__close-icon svg {
  vertical-align: middle;
}
.el-date-editor .el-range__close-icon--hidden {
  opacity: 0;
  visibility: hidden;
}

.el-range-editor.el-input__wrapper {
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  vertical-align: middle;
}
.el-range-editor.is-active {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-range-editor.is-active:hover {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-range-editor--large {
  line-height: var(--el-component-size-large);
}
.el-range-editor--large.el-input__wrapper {
  height: var(--el-component-size-large);
}
.el-range-editor--large .el-range-separator {
  line-height: 45px;
  font-size: 14px;
}
.el-range-editor--large .el-range-input {
  height: 43px;
  line-height: 43px;
  font-size: 14px;
}

.el-range-editor--small {
  line-height: var(--el-component-size-small);
}
.el-range-editor--small.el-input__wrapper {
  height: var(--el-component-size-small);
}
.el-range-editor--small .el-range-separator {
  line-height: 35px;
  font-size: 12px;
}
.el-range-editor--small .el-range-input {
  height: 33px;
  line-height: 33px;
  font-size: 12px;
}

.el-range-editor.is-disabled {
  background-color: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
  border-color: var(--el-disabled-border-color);
}
.el-range-editor.is-disabled input {
  background-color: var(--el-disabled-bg-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-range-editor.is-disabled input::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-range-editor.is-disabled .el-range-separator {
  color: var(--el-disabled-text-color);
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
  width: 33.3%;
}
.el-time-spinner__wrapper {
  max-height: 192px;
  overflow: auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative;
}
.el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px;
}
.el-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  transform: translateY(-32px);
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  background: var(--el-fill-color-light);
  cursor: default;
}

.el-time-spinner__arrow {
  font-size: 12px;
  color: var(--el-text-color-secondary);
  position: absolute;
  left: 0;
  width: 100%;
  z-index: var(--el-index-normal);
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.el-time-spinner__arrow:hover {
  color: var(--el-color-primary);
}
.el-time-spinner__arrow.arrow-up {
  top: 10px;
}
.el-time-spinner__arrow.arrow-down {
  bottom: 10px;
}

.el-time-spinner__input.el-input {
  width: 70%;
}
.el-time-spinner__input.el-input .el-input__inner {
  padding: 0;
  text-align: center;
}

.el-time-spinner__list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.el-time-spinner__list::after, .el-time-spinner__list::before {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
}

.el-time-spinner__item {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: var(--el-text-color-regular);
}
.el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  background: var(--el-fill-color-light);
  cursor: pointer;
}
.el-time-spinner__item.is-active:not(.is-disabled) {
  color: var(--el-text-color-primary);
  font-weight: bold;
}
.el-time-spinner__item.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}

.el-year-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.el-year-table .el-icon {
  color: var(--el-datepicker-icon-color);
}
.el-year-table td {
  width: 68px;
  text-align: center;
  padding: 8px 0px;
  cursor: pointer;
  position: relative;
}
.el-year-table td .el-date-table-cell {
  height: 48px;
  padding: 6px 0;
  box-sizing: border-box;
}
.el-year-table td.today .el-date-table-cell__text {
  color: var(--el-color-primary);
  font-weight: bold;
}
.el-year-table td.today.start-date .el-date-table-cell__text, .el-year-table td.today.end-date .el-date-table-cell__text {
  color: #ffffff;
}
.el-year-table td.disabled .el-date-table-cell__text {
  background-color: var(--el-fill-color-light);
  cursor: not-allowed;
  color: var(--el-text-color-placeholder);
}
.el-year-table td.disabled .el-date-table-cell__text:hover {
  color: var(--el-text-color-placeholder);
}
.el-year-table td .el-date-table-cell__text {
  width: 60px;
  height: 36px;
  display: block;
  line-height: 36px;
  color: var(--el-datepicker-text-color);
  border-radius: 18px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.el-year-table td .el-date-table-cell__text:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-year-table td.in-range .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-year-table td.in-range .el-date-table-cell:hover {
  background-color: var(--el-datepicker-inrange-hover-bg-color);
}
.el-year-table td.start-date .el-date-table-cell, .el-year-table td.end-date .el-date-table-cell {
  color: #ffffff;
}
.el-year-table td.start-date .el-date-table-cell__text, .el-year-table td.end-date .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-year-table td.start-date .el-date-table-cell {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.el-year-table td.end-date .el-date-table-cell {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.el-year-table td.current:not(.disabled) .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-year-table td:focus-visible {
  outline: none;
}
.el-year-table td:focus-visible .el-date-table-cell__text {
  outline: 2px solid var(--el-datepicker-active-color);
  outline-offset: 1px;
}

.el-picker-panel,
.el-picker-panel__footer,
.el-popper.is-light {
  background-color: var(--color-background-bg2);
  border-radius: var(--border-radius-basic);
}

.el-date-range-picker__time-header {
  border-bottom: 0px solid;
  padding: 1rem;
  padding-bottom: 0;
}

.el-date-range-picker__content {
  border-right: 0px solid !important;
  padding: 1rem;
}

.el-picker-panel__content.el-date-range-picker__content th {
  color: var(--color-text-primary);
  font-size: 1rem;
  font-weight: 500 !important;
  line-height: 1.2rem;
  border-bottom: solid 1px var(--color-text-secondary);
}

.el-picker-panel__icon-btn {
  color: var(--color-text-primary);
}

.el-picker__popper {
  outline: none !important;
}

.el-date-table {
  font-size: 1rem;
}

.el-picker-panel {
  outline: none !important;
}

.el-picker-panel__sidebar {
  border-right: none !important;
  padding-top: 1rem !important;
  background-color: var(--color-background-bg-light) !important;
}

.el-picker-panel__shortcut {
  font-size: 1rem !important;
  font-weight: 500;
  color: var(--color-text-secondary) !important;
}

.el-picker-panel__shortcut:hover,
.el-picker-panel__shortcut:focus {
  color: var(--color-text-primary) !important;
}

.el-date-table td .el-date-table-cell {
  padding: 0;
  display: flex;
  align-items: center;
}

span.el-date-table-cell__text:hover {
  color: var(--el-color-white) !important;
  background: var(--color-primary-light-5);
}

.el-date-table td .el-date-table-cell .el-date-table-cell__text {
  border-radius: 0.4rem;
  color: var(--color-text-primary);
}

.el-date-table td.available:hover {
  color: var(--el-text-color-regular);
}

.el-picker-panel.el-date-picker.has-time {
  flex-direction: column;
}

.el-date-table td.today .el-date-table-cell__text {
  color: var(--color-primary);
  font-weight: bold;
}

span.el-date-picker__header-label {
  color: var(--color-primary);
  font-weight: bold;
}

.el-picker-panel__content.el-date-range-picker__content.is-left tr:last-child {
  border-bottom: 1px solid;
}

.el-date-table td.next-month span.el-date-table-cell__text,
.el-date-table td.prev-month span.el-date-table-cell__text {
  color: var(--color-text-secondary);
}

.dark .el-date-table td.next-month span.el-date-table-cell__text,
.dark .el-date-table td.prev-month span.el-date-table-cell__text {
  color: var(--color-text-secondary);
  opacity: 0.5;
  font-weight: 600;
}

.el-picker-panel__footer {
  display: flex;
  justify-content: flex-end;
  height: 5rem;
  padding: 1rem;
  border-top: 0px solid;
}
.el-picker-panel__footer button.el-button.el-button--small.is-text.el-picker-panel__link-btn {
  background: transparent;
  border: none;
  color: var(--color-primary);
  font-weight: bold;
  box-shadow: none;
  width: 10rem;
}
.el-picker-panel__footer button.el-button.el-button--small.is-plain.el-picker-panel__link-btn {
  background: var(--color-primary);
  color: var(--el-color-white);
  font-weight: bold;
  box-shadow: none;
  width: 10rem;
}

.available.in-range.start-date .el-date-table-cell {
  margin-left: 1rem;
  box-shadow: none;
}
.available.in-range.start-date .el-date-table-cell span {
  background: var(--color-primary);
  border-radius: 0.4rem;
  color: var(--el-color-white);
}

.available.in-range.start-date .el-date-table-cell:hover {
  color: var(--el-color-white);
}

.available.in-range.start-date .el-date-table-cell .el-date-table-cell__text:hover {
  background: var(--color-primary);
  color: var(--el-color-white) !important;
}

.el-date-table td.in-range .el-date-table-cell:hover {
  color: var(--el-color-primary);
  background-color: var(--color-primary-light-1);
}

.el-date-table td.in-range .el-date-table-cell {
  background-color: var(--color-primary-light-1);
}

.available.in-range.end-date .el-date-table-cell {
  margin-right: 1rem;
  box-shadow: none;
}
.available.in-range.end-date .el-date-table-cell span {
  background: transparent;
}

.available.in-range.end-date .el-date-table-cell:hover {
  color: var(--el-color-white);
}

.el-date-range-picker__header div {
  color: var(--color-text-primary) !important;
  font-size: 1.2rem !important;
}

.available.in-range span.el-date-table-cell__text:hover {
  color: var(--el-color-primary) !important;
  background: transparent;
}

.available.in-range.end-date .el-date-table-cell span.el-date-table-cell__text {
  color: var(--el-color-white);
  background: var(--color-primary);
  border-radius: 0.4rem;
}

.available.in-range.end-date .el-date-table-cell .el-date-table-cell__text:hover {
  background: var(--color-primary);
  color: var(--el-color-white) !important;
}

.el-range-editor.el-input__wrapper {
  border: var(--border-bottom-basic);
}

.el-range-separator {
  color: var(--color-text-secondary) !important;
  font-size: var(--el-font-size-base) !important;
}

.el-date-editor .el-range-input {
  color: var(--color-text-primary) !important;
}

/*time*/
.el-time-panel {
  background: var(--color-background-bg2) !important;
  min-width: 220px;
  border: var(--border-bottom-basic) !important;
  box-shadow: var(--box-shadow-basic) !important;
}

.el-time-panel__content::before {
  background: var(--color-primary-light-1);
  border-radius: 0.4rem;
  border: 0px solid;
  margin-right: 1.5rem;
  margin-left: 1.5rem;
  padding: 0;
}

.el-time-spinner__item.is-active {
  color: var(--color-primary) !important;
}

.el-time-spinner.has-seconds {
  padding: 1.5rem;
}

.el-time-spinner__item {
  color: var(--color-text-secondary);
}

.el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  cursor: pointer;
  background: transparent;
  color: var(--color-primary);
  border-radius: 0.4rem;
}

.el-date-picker .el-picker-panel__footer button.el-button.el-button--small.is-text.el-picker-panel__link-btn {
  display: none;
}

:root {
  --el-popup-modal-bg-color: var(--el-color-black);
  --el-popup-modal-opacity: 0.5;
}

.v-modal-enter {
  animation: v-modal-in var(--el-transition-duration-fast) ease;
}

.v-modal-leave {
  animation: v-modal-out var(--el-transition-duration-fast) ease forwards;
}

@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}
@keyframes v-modal-out {
  100% {
    opacity: 0;
  }
}
.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: var(--el-popup-modal-opacity);
  background: var(--el-popup-modal-bg-color);
}

.el-popup-parent--hidden {
  overflow: hidden;
}

.el-dialog {
  --el-dialog-width: 50%;
  --el-dialog-margin-top: 15vh;
  --el-dialog-bg-color: var(--el-bg-color);
  --el-dialog-box-shadow: var(--el-box-shadow);
  --el-dialog-title-font-size: var(--el-font-size-large);
  --el-dialog-content-font-size: 14px;
  --el-dialog-font-line-height: var(--el-font-line-height-primary);
  --el-dialog-padding-primary: 16px;
  --el-dialog-border-radius: var(--el-border-radius-base);
  position: relative;
  margin: var(--el-dialog-margin-top, 15vh) auto 50px;
  background: var(--el-dialog-bg-color);
  border-radius: var(--el-dialog-border-radius);
  box-shadow: var(--el-dialog-box-shadow);
  box-sizing: border-box;
  padding: var(--el-dialog-padding-primary);
  width: var(--el-dialog-width, 50%);
  overflow-wrap: break-word;
}
.el-dialog:focus {
  outline: none !important;
}
.el-dialog.is-align-center {
  margin: auto;
}

.el-dialog.is-fullscreen {
  --el-dialog-width: 100%;
  --el-dialog-margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  overflow: auto;
  border-radius: 0px;
}

.el-dialog__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
}

.el-dialog.is-draggable .el-dialog__header {
  cursor: move;
  user-select: none;
}

.el-dialog__header {
  padding-bottom: var(--el-dialog-padding-primary);
}
.el-dialog__header.show-close {
  padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px));
}

.el-dialog__headerbtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 48px;
  height: 48px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: var(--el-message-close-size, 16px);
}
.el-dialog__headerbtn .el-dialog__close {
  color: var(--el-color-info);
  font-size: inherit;
}
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
  color: var(--el-color-primary);
}

.el-dialog__title {
  line-height: var(--el-dialog-font-line-height);
  font-size: var(--el-dialog-title-font-size);
  color: var(--el-text-color-primary);
}

.el-dialog__body {
  color: var(--el-text-color-regular);
  font-size: var(--el-dialog-content-font-size);
}

.el-dialog__footer {
  padding-top: var(--el-dialog-padding-primary);
  text-align: right;
  box-sizing: border-box;
}

.el-dialog--center {
  text-align: center;
}
.el-dialog--center .el-dialog__body {
  text-align: initial;
}

.el-dialog--center .el-dialog__footer {
  text-align: inherit;
}

.el-modal-dialog.is-penetrable {
  pointer-events: none;
}
.el-modal-dialog.is-penetrable .el-dialog {
  pointer-events: auto;
}

.el-overlay-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.el-overlay-dialog.is-closing .el-dialog {
  pointer-events: none;
}

.dialog-fade-enter-active {
  animation: modal-fade-in var(--el-transition-duration);
}
.dialog-fade-enter-active .el-overlay-dialog {
  animation: dialog-fade-in var(--el-transition-duration);
}

.dialog-fade-leave-active {
  animation: modal-fade-out var(--el-transition-duration);
}
.dialog-fade-leave-active .el-overlay-dialog {
  animation: dialog-fade-out var(--el-transition-duration);
}

@keyframes dialog-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes dialog-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
@keyframes modal-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes modal-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.el-dialog {
  --el-dialog-bg-color: var(--color-background-bg2);
  border-radius: var(--border-radius-basic);
  border: 0.1rem solid var(--color-background-outstanding-light);
}
.el-dialog .el-dialog__title {
  font-style: normal;
  font-weight: 700;
  font-size: 1.4rem;
  color: var(--color-primary);
  line-height: 1.4rem;
}
.el-dialog .el-dialog__body {
  padding: 1rem 1rem;
}
.el-dialog .dialog-footer {
  width: 100%;
}
.el-dialog .el-dialog__footer {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
.el-dialog .el-dialog__close {
  color: var(--color-text-primary);
}
.el-dialog .el-dialog__close:hover {
  color: var(--color-primary);
}

.passwordReset .el-dialog__body {
  min-height: 10rem;
}

.tutorial-carousel .el-dialog__header {
  padding: 0rem;
}
.tutorial-carousel .el-dialog__body {
  padding: 0rem;
}

.the-search-dialog {
  padding: 1rem !important;
  width: auto !important;
  max-width: var(--el-dialog-width);
}
.the-search-dialog .el-dialog__header {
  padding: 0 !important;
}
.the-search-dialog .el-dialog__body {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: calc(100vh - 5rem);
  overflow: auto;
}

.banner-dialog {
  padding: 0 !important;
}
.banner-dialog .el-dialog__header {
  padding: 0 !important;
}
.banner-dialog .el-dialog__body {
  padding: 0 !important;
}

@media (max-width: 767.9px) {
  .banner-dialog {
    --el-dialog-width: 90% !important;
  }
}
.blacklist-dialog .el-dialog__body {
  padding: 0rem;
}

.el-divider {
  position: relative;
}
.el-divider--horizontal {
  display: block;
  height: 1px;
  width: 100%;
  margin: 24px 0;
  border-top: 1px var(--el-border-color) var(--el-border-style);
}

.el-divider--vertical {
  display: inline-block;
  width: 1px;
  height: 1em;
  margin: 0 8px;
  vertical-align: middle;
  position: relative;
  border-left: 1px var(--el-border-color) var(--el-border-style);
}

.el-divider__text {
  position: absolute;
  background-color: var(--el-bg-color);
  padding: 0 20px;
  font-weight: 500;
  color: var(--el-text-color-primary);
  font-size: 14px;
}
.el-divider__text.is-left {
  left: 20px;
  transform: translateY(-50%);
}

.el-divider__text.is-center {
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.el-divider__text.is-right {
  right: 20px;
  transform: translateY(-50%);
}

.el-divider.el-divider--horizontal {
  margin: 0rem;
  border-top: 1px var(--color-background-outstanding) var(--el-border-style);
}

.el-divider.el-divider--vertical {
  border-left: 1px var(--color-background-outstanding) var(--el-border-style);
}

.el-overlay.is-drawer {
  overflow: hidden;
}

.el-drawer {
  --el-drawer-bg-color: var(--el-dialog-bg-color, var(--el-bg-color));
  --el-drawer-padding-primary: var(--el-dialog-padding-primary, 20px);
  --el-drawer-dragger-size: 8px;
}

.el-drawer {
  position: absolute;
  box-sizing: border-box;
  background-color: var(--el-drawer-bg-color);
  display: flex;
  flex-direction: column;
  box-shadow: var(--el-box-shadow-dark);
  transition: all var(--el-transition-duration);
}
.el-drawer .rtl {
  transform: translate(0, 0);
}
.el-drawer .ltr {
  transform: translate(0, 0);
}
.el-drawer .ttb {
  transform: translate(0, 0);
}
.el-drawer .btt {
  transform: translate(0, 0);
}
.el-drawer__sr-focus:focus {
  outline: none !important;
}
.el-drawer__header {
  align-items: center;
  color: var(--el-text-color-primary);
  display: flex;
  margin-bottom: 32px;
  padding: var(--el-drawer-padding-primary);
  padding-bottom: 0;
  overflow: hidden;
}
.el-drawer__header > :first-child {
  flex: 1;
}
.el-drawer__title {
  margin: 0;
  flex: 1;
  line-height: inherit;
  font-size: 16px;
}
.el-drawer__footer {
  padding: var(--el-drawer-padding-primary);
  padding-top: 10px;
  text-align: right;
  overflow: hidden;
}

.el-drawer__close-btn {
  display: inline-flex;
  border: none;
  cursor: pointer;
  font-size: var(--el-font-size-extra-large);
  color: inherit;
  background-color: transparent;
  outline: none;
}
.el-drawer__close-btn:focus i, .el-drawer__close-btn:hover i {
  color: var(--el-color-primary);
}
.el-drawer__body {
  flex: 1;
  padding: var(--el-drawer-padding-primary);
  overflow: auto;
}
.el-drawer__body > * {
  box-sizing: border-box;
}
.el-drawer.is-dragging {
  transition: none;
}

.el-drawer__dragger {
  position: absolute;
  background-color: transparent;
  user-select: none;
  transition: all 0.2s;
}
.el-drawer__dragger::before {
  content: "";
  position: absolute;
  background-color: transparent;
  transition: all 0.2s;
}
.el-drawer__dragger:hover::before {
  background-color: var(--el-color-primary);
}

.el-drawer.ltr, .el-drawer.rtl {
  height: 100%;
  top: 0;
  bottom: 0;
}
.el-drawer.ltr > .el-drawer__dragger, .el-drawer.rtl > .el-drawer__dragger {
  height: 100%;
  width: var(--el-drawer-dragger-size);
  top: 0;
  bottom: 0;
  cursor: ew-resize;
}
.el-drawer.ltr > .el-drawer__dragger::before, .el-drawer.rtl > .el-drawer__dragger::before {
  top: 0;
  bottom: 0;
  width: 3px;
}
.el-drawer.ttb, .el-drawer.btt {
  width: 100%;
  left: 0;
  right: 0;
}
.el-drawer.ttb > .el-drawer__dragger, .el-drawer.btt > .el-drawer__dragger {
  width: 100%;
  height: var(--el-drawer-dragger-size);
  left: 0;
  right: 0;
  cursor: ns-resize;
}
.el-drawer.ttb > .el-drawer__dragger::before, .el-drawer.btt > .el-drawer__dragger::before {
  left: 0;
  right: 0;
  height: 3px;
}
.el-drawer.ltr {
  left: 0;
}
.el-drawer.ltr > .el-drawer__dragger {
  right: 0;
}
.el-drawer.ltr > .el-drawer__dragger::before {
  right: -2px;
}
.el-drawer.rtl {
  right: 0;
}
.el-drawer.rtl > .el-drawer__dragger {
  left: 0;
}
.el-drawer.rtl > .el-drawer__dragger::before {
  left: -2px;
}
.el-drawer.ttb {
  top: 0;
}
.el-drawer.ttb > .el-drawer__dragger {
  bottom: 0;
}
.el-drawer.ttb > .el-drawer__dragger::before {
  bottom: -2px;
}
.el-drawer.btt {
  bottom: 0;
}
.el-drawer.btt > .el-drawer__dragger {
  top: 0;
}
.el-drawer.btt > .el-drawer__dragger::before {
  top: -2px;
}

.el-modal-drawer.is-penetrable {
  pointer-events: none;
}
.el-modal-drawer.is-penetrable .el-drawer {
  pointer-events: auto;
}

.el-drawer-fade-enter-active, .el-drawer-fade-leave-active {
  transition: all var(--el-transition-duration);
}
.el-drawer-fade-enter-from, .el-drawer-fade-enter-active, .el-drawer-fade-enter-to, .el-drawer-fade-leave-from, .el-drawer-fade-leave-active, .el-drawer-fade-leave-to {
  overflow: hidden !important;
}
.el-drawer-fade-enter-from, .el-drawer-fade-leave-to {
  background-color: transparent !important;
}
.el-drawer-fade-enter-from .rtl, .el-drawer-fade-leave-to .rtl {
  transform: translateX(100%);
}
.el-drawer-fade-enter-from .ltr, .el-drawer-fade-leave-to .ltr {
  transform: translateX(-100%);
}
.el-drawer-fade-enter-from .ttb, .el-drawer-fade-leave-to .ttb {
  transform: translateY(-100%);
}
.el-drawer-fade-enter-from .btt, .el-drawer-fade-leave-to .btt {
  transform: translateY(100%);
}

.el-drawer {
  position: fixed;
  --el-drawer-padding-primary: 1.5rem;
}

.el-drawer__header {
  margin-bottom: 0rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--color-text-primary);
}

.theMenuDrawerModal {
  z-index: 9994 !important;
}
.theMenuDrawerModal .el-drawer {
  background: var(--color-background-bg2);
  box-shadow: var(--box-shadow-popper);
}
.theMenuDrawerModal .el-drawer .el-drawer__body {
  border-right: 1px solid var(--color-background-outstanding-light);
  padding: 1rem 0.2rem 1rem 1rem;
}

.sMapFilterModal {
  pointer-events: none;
  width: 100%;
  z-index: 1 !important;
  position: absolute !important;
  height: inherit !important;
  padding: 0.5rem;
  display: flex;
  justify-content: flex-end;
}
.sMapFilterModal .el-drawer__body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
  width: 100%;
  overflow-x: hidden;
}
.sMapFilterModal .el-drawer {
  position: relative !important;
  height: inherit !important;
  z-index: 9 !important;
  pointer-events: auto;
  border-radius: var(--border-radius-basic);
  background: var(--color-background-bg2);
  box-shadow: var(--box-shadow-popper);
  transition: all 0.4s;
}

.sNotificationsDrawerModal {
  width: 100%;
  position: absolute !important;
  padding: 1rem;
  display: flex;
  justify-content: flex-end;
  z-index: 9996 !important;
  top: 3.75rem !important;
  height: auto !important;
}
.sNotificationsDrawerModal .el-drawer {
  position: relative !important;
  z-index: 9 !important;
  border-radius: var(--border-radius-basic);
  background: var(--color-background-bg2);
  box-shadow: var(--box-shadow-basic);
  transition: all 0.4s;
  overflow: visible;
  height: calc(100% - 0.5rem) !important;
  max-height: fit-content;
  display: flex;
  user-select: none;
}
.sNotificationsDrawerModal .el-drawer__body {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  overflow: auto;
}

.theChatbotDrawerModal {
  width: 100%;
  position: absolute !important;
  padding: 1rem;
  display: flex;
  justify-content: flex-end;
  z-index: 9996 !important;
  top: 3.75rem !important;
  height: auto !important;
}
.theChatbotDrawerModal .el-drawer {
  position: relative !important;
  z-index: 9 !important;
  border-radius: var(--border-radius-basic);
  background: var(--color-background-bg2);
  box-shadow: var(--box-shadow-basic);
  transition: all 0.4s;
  overflow: visible;
  height: calc(100% - 0.5rem) !important;
  display: flex;
  user-select: none;
  width: 750px !important;
}
.theChatbotDrawerModal .el-drawer__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  overflow: auto;
}

.el-main.pinned .sNotificationsDrawerModal {
  margin: 0rem 0rem 0rem 27rem;
}

.el-dropdown {
  --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  --el-dropdown-menuItem-hover-fill: transparent;
  --el-dropdown-menuItem-hover-color: var(--color-primary);
  --el-dropdown-menu-index: 10;
  display: inline-flex;
  position: relative;
  color: var(--el-text-color-regular);
  font-size: var(--el-font-size-base);
  line-height: 1;
  vertical-align: top;
}
.el-dropdown.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}
.el-dropdown__popper {
  --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  --el-dropdown-menuItem-hover-fill: transparent;
  --el-dropdown-menuItem-hover-color: var(--color-primary);
  --el-dropdown-menu-index: 10;
}
.el-dropdown__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  box-shadow: var(--el-dropdown-menu-box-shadow);
}
.el-dropdown__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
}
.el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.el-dropdown__popper .el-dropdown-menu {
  border: none;
}
.el-dropdown__popper .el-dropdown__popper-selfdefine {
  outline: none;
}
.el-dropdown__popper .el-scrollbar__bar {
  z-index: calc(var(--el-dropdown-menu-index) + 1);
}
.el-dropdown__popper .el-dropdown__list {
  list-style: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.el-dropdown .el-dropdown__caret-button {
  padding-left: 0;
  padding-right: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  border-left: none;
}
.el-dropdown .el-dropdown__caret-button > span {
  display: inline-flex;
}
.el-dropdown .el-dropdown__caret-button::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  top: -1px;
  bottom: -1px;
  left: 0;
  background: var(--el-overlay-color-lighter);
}
.el-dropdown .el-dropdown__caret-button.el-button::before {
  background: var(--el-border-color);
  opacity: 0.5;
}
.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
  font-size: inherit;
  padding-left: 0;
}
.el-dropdown .el-dropdown-selfdefine {
  outline: none;
}
.el-dropdown--large .el-dropdown__caret-button {
  width: 45px;
}

.el-dropdown--small .el-dropdown__caret-button {
  width: 35px;
}

.el-dropdown-menu {
  position: relative;
  top: 0;
  left: 0;
  z-index: var(--el-dropdown-menu-index);
  padding: 5px 0;
  margin: 0;
  background-color: var(--el-bg-color-overlay);
  border: none;
  border-radius: var(--el-border-radius-base);
  box-shadow: none;
  list-style: none;
}
.el-dropdown-menu__item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  list-style: none;
  line-height: 22px;
  padding: 5px 16px;
  margin: 0;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-regular);
  cursor: pointer;
  outline: none;
}
.el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:not(.is-disabled):focus {
  background-color: var(--el-dropdown-menuItem-hover-fill);
  color: var(--el-dropdown-menuItem-hover-color);
}
.el-dropdown-menu__item i {
  margin-right: 5px;
}
.el-dropdown-menu__item--divided {
  margin: 6px 0;
  border-top: 1px solid var(--el-border-color-lighter);
}

.el-dropdown-menu__item.is-disabled {
  cursor: not-allowed;
  color: var(--el-text-color-disabled);
}

.el-dropdown-menu--large {
  padding: 7px 0;
}
.el-dropdown-menu--large .el-dropdown-menu__item {
  padding: 7px 20px;
  line-height: 22px;
  font-size: 14px;
}
.el-dropdown-menu--large .el-dropdown-menu__item--divided {
  margin: 8px 0;
}

.el-dropdown-menu--small {
  padding: 3px 0;
}
.el-dropdown-menu--small .el-dropdown-menu__item {
  padding: 2px 12px;
  line-height: 20px;
  font-size: 12px;
}
.el-dropdown-menu--small .el-dropdown-menu__item--divided {
  margin: 4px 0;
}

.el-dropdown:hover {
  border-radius: 1rem;
  outline: none;
  cursor: pointer;
}

.el-dropdown-menu {
  background-color: var(--color-background-bg2);
  min-width: 20rem;
  padding: 0.75rem;
  border-radius: var(--border-radius-basic);
  user-select: none;
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
.el-dropdown-menu .itemGroup.title-text {
  padding: 0.6rem 0;
  border-bottom: 0.1rem solid var(--color-background-bg);
}
.el-dropdown-menu .el-divider {
  width: auto;
  margin: 0rem 1.5rem !important;
}

.el-dropdown-menu__item {
  padding: 1rem 2rem 1rem 1rem;
  font-weight: 600;
  width: 100%;
  display: flex;
  color: var(--color-text-primary);
  font-size: 1.2rem;
  position: relative;
  border-radius: 0.4rem;
}
.el-dropdown-menu__item i {
  margin-right: 1.2rem;
}
.el-dropdown-menu__item p.subtitle {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1rem;
}

.el-dropdown-menu__item--divided {
  margin: 0.1rem 1.5rem;
  border: none;
  border-bottom: 0.1rem solid var(--color-background-bg);
}

.el-dropdown-menu__item:hover {
  background-color: var(--color-background-bg-light);
}
.el-dropdown-menu__item:hover .shortcut {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.el-dropdown-menu__item:focus {
  background-color: var(--color-background-bg-light) !important;
  color: var(--color-text-primary) !important;
}
.el-dropdown-menu__item:focus .shortcut {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}
.el-dropdown-menu__item:focus .shortcut p {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.el-dropdown-menu__item.is-disabled p {
  color: var(--color-text-secondary);
}
.el-dropdown-menu__item.is-disabled i {
  color: var(--color-text-secondary);
}

.el-dropdown-menu__item.is-disabled:hover,
.el-dropdown-menu__item.is-disabled:focus {
  background: none !important;
}

.el-dropdown-menu__item.is-active {
  background-color: var(--color-background-bg-light) !important;
}
.el-dropdown-menu__item.is-active i {
  color: var(--color-primary);
}
.el-dropdown-menu__item.is-active p {
  color: var(--color-primary);
}
.el-dropdown-menu__item.is-active .shortcut {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}
.el-dropdown-menu__item.is-active .shortcut p {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.el-dropdown-menu__item.is-active::before {
  bottom: 0.1rem !important;
  display: block;
  content: " ";
  position: absolute;
  left: 0rem;
  top: 0rem;
  bottom: 0rem;
  width: 0.3rem;
  border-radius: 0.2rem 0rem 0rem 0.2rem !important;
  background-color: var(--color-primary);
}

.el-dropdown-menu__item.is-active:hover {
  background-color: var(--color-background-outstanding-light) !important;
}

.el-dropdown-menu__item.is-active:focus {
  background-color: var(--color-background-outstanding-light) !important;
}

.userMenu .user-info {
  flex-direction: column;
  gap: 0.2rem;
  display: flex;
  padding: 1rem 2rem 1rem 1rem;
}

.settingsMenu .settings-info {
  flex-direction: column;
  gap: 0.2rem;
  display: flex;
  padding: 0rem;
  width: 100%;
}
.settingsMenu .settings-info .el-dropdown-menu__item {
  padding: 0rem;
}

.el-empty {
  --el-empty-padding: 40px 0;
  --el-empty-image-width: 160px;
  --el-empty-description-margin-top: 20px;
  --el-empty-bottom-margin-top: 20px;
  --el-empty-fill-color-0: var(--el-color-white);
  --el-empty-fill-color-1: #fcfcfd;
  --el-empty-fill-color-2: #f8f9fb;
  --el-empty-fill-color-3: #f7f8fc;
  --el-empty-fill-color-4: #eeeff3;
  --el-empty-fill-color-5: #edeef2;
  --el-empty-fill-color-6: #e9ebef;
  --el-empty-fill-color-7: #e5e7e9;
  --el-empty-fill-color-8: #e0e3e9;
  --el-empty-fill-color-9: #d5d7de;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  padding: var(--el-empty-padding);
}
.el-empty__image {
  width: var(--el-empty-image-width);
}
.el-empty__image img {
  user-select: none;
  width: 100%;
  height: 100%;
  vertical-align: top;
  object-fit: contain;
}
.el-empty__image svg {
  color: var(--el-svg-monochrome-grey);
  fill: currentColor;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.el-empty__description {
  margin-top: var(--el-empty-description-margin-top);
}
.el-empty__description p {
  margin: 0;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-secondary);
}

.el-empty__bottom {
  margin-top: var(--el-empty-bottom-margin-top);
}

.el-empty {
  padding: 0px;
}

.el-footer {
  --el-footer-padding: 0 20px;
  --el-footer-height: 60px;
  padding: var(--el-footer-padding);
  box-sizing: border-box;
  flex-shrink: 0;
  height: var(--el-footer-height);
}

.el-footer {
  --el-footer-height: auto;
  --el-footer-padding: 0rem;
  display: flex;
  align-items: center;
}

.el-form {
  --el-form-label-font-size: var(--el-font-size-base);
  --el-form-inline-content-width: 220px;
}
.el-form--inline .el-form-item {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 32px;
}
.el-form--inline.el-form--label-top {
  display: flex;
  flex-wrap: wrap;
}
.el-form--inline.el-form--label-top .el-form-item {
  display: block;
}

.el-form {
  --el-form-label-font-size: var(--el-font-size-base);
}
.el-form .info-layout {
  display: flex;
  gap: 0rem 2rem;
  flex-wrap: wrap;
  margin: 0.5rem 0rem 1rem 0rem;
}
.el-form .el-divider {
  margin-bottom: 1rem;
}
.el-form .el-col:not(:last-child) .el-form-item {
  margin-right: 1.5rem;
}
@media (max-width: 767.9px) {
  .el-form .el-row .el-col:not(:last-child) .el-form-item {
    margin-right: 0;
  }
}

.el-form .el-collapse-item__content {
  padding: 1rem 0rem !important;
}

.el-form-item {
  display: flex;
  --font-size: 14px;
  margin-bottom: 18px;
}
.el-form-item .el-form-item {
  margin-bottom: 0;
}
.el-form-item .el-input__validateIcon {
  display: none;
}
.el-form-item--large {
  --font-size: 14px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 22px;
}
.el-form-item--large .el-form-item__label {
  height: 40px;
  line-height: 40px;
}

.el-form-item--large .el-form-item__content {
  line-height: 40px;
}

.el-form-item--large .el-form-item__error {
  padding-top: 4px;
}

.el-form-item--default {
  --font-size: 14px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 18px;
}
.el-form-item--default .el-form-item__label {
  height: 32px;
  line-height: 32px;
}

.el-form-item--default .el-form-item__content {
  line-height: 32px;
}

.el-form-item--default .el-form-item__error {
  padding-top: 2px;
}

.el-form-item--small {
  --font-size: 12px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 18px;
}
.el-form-item--small .el-form-item__label {
  height: 24px;
  line-height: 24px;
}

.el-form-item--small .el-form-item__content {
  line-height: 24px;
}

.el-form-item--small .el-form-item__error {
  padding-top: 2px;
}

.el-form-item--label-left .el-form-item__label {
  text-align: left;
  justify-content: flex-start;
}

.el-form-item--label-right .el-form-item__label {
  text-align: right;
  justify-content: flex-end;
}

.el-form-item--label-top {
  display: block;
}
.el-form-item--label-top .el-form-item__label {
  display: block;
  width: fit-content;
  height: auto;
  text-align: left;
  margin-bottom: 8px;
  line-height: 22px;
  padding-right: 0;
}

.el-form-item__label-wrap {
  display: flex;
}

.el-form-item__label {
  display: inline-flex;
  align-items: flex-start;
  flex: 0 0 auto;
  font-size: var(--el-form-label-font-size);
  color: var(--el-text-color-regular);
  height: 32px;
  line-height: 32px;
  padding: 0 12px 0 0;
  box-sizing: border-box;
}

.el-form-item__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  line-height: 32px;
  position: relative;
  font-size: var(--font-size);
  min-width: 0;
}
.el-form-item__content .el-input-group {
  vertical-align: top;
}

.el-form-item__error {
  color: var(--el-color-danger);
  font-size: 12px;
  line-height: 1;
  padding-top: 2px;
  position: absolute;
  top: 100%;
  left: 0;
}
.el-form-item__error--inline {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  margin-left: 10px;
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label-wrap > .el-form-item__label:before {
  content: "*";
  color: var(--el-color-danger);
  margin-right: 4px;
}
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label:after,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label-wrap > .el-form-item__label:after {
  content: "*";
  color: var(--el-color-danger);
  margin-left: 4px;
}

.el-form-item.is-error .el-form-item__content .el-input__wrapper, .el-form-item.is-error .el-form-item__content .el-input__wrapper:hover, .el-form-item.is-error .el-form-item__content .el-input__wrapper:focus, .el-form-item.is-error .el-form-item__content .el-input__wrapper.is-focus,
.el-form-item.is-error .el-form-item__content .el-textarea__inner,
.el-form-item.is-error .el-form-item__content .el-textarea__inner:hover,
.el-form-item.is-error .el-form-item__content .el-textarea__inner:focus,
.el-form-item.is-error .el-form-item__content .el-textarea__inner.is-focus,
.el-form-item.is-error .el-form-item__content .el-select__wrapper,
.el-form-item.is-error .el-form-item__content .el-select__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-select__wrapper:focus,
.el-form-item.is-error .el-form-item__content .el-select__wrapper.is-focus,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:focus,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-form-item.is-error .el-form-item__content .el-input-group__append .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-input-group__prepend .el-input__wrapper {
  box-shadow: 0 0 0 1px transparent inset;
}
.el-form-item.is-error .el-form-item__content .el-input-group__append .el-input__validateIcon,
.el-form-item.is-error .el-form-item__content .el-input-group__prepend .el-input__validateIcon {
  display: none;
}
.el-form-item.is-error .el-form-item__content .el-input__validateIcon {
  color: var(--el-color-danger);
}

.el-form-item--feedback .el-input__validateIcon {
  display: inline-flex;
}

.el-form-item .el-form-item__label {
  color: var(--color-text-primary);
  display: inline-flex !important;
  user-select: none;
  font-weight: 600;
  margin-bottom: 0rem;
}
.el-form-item .el-form-item__label .el-button {
  margin-left: 0.25rem;
}
.el-form-item .el-date-editor {
  width: 100%;
}
.el-form-item .el-form-item__error {
  user-select: none;
}

.el-form-item.info {
  display: flex !important;
  margin: 0.5rem 0rem !important;
}
.el-form-item.info .el-form-item__label {
  margin-bottom: 0 !important;
}

.el-header {
  --el-header-padding: 0px;
  --el-header-height: 60px;
  padding: var(--el-header-padding);
  box-sizing: border-box;
  flex-shrink: 0;
  height: var(--el-header-height);
}

.el-header {
  --el-header-height: auto;
  display: flex;
  align-items: center;
}

.el-textarea {
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: none;
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: transparent;
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--color-background-bg2);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: transparent;
  --el-input-clear-hover-color: transparent;
  --el-input-focus-border-color: var(--el-color-primary);
  --el-input-width: 100%;
}

.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: var(--el-font-size-base);
}
.el-textarea__inner {
  position: relative;
  display: block;
  resize: vertical;
  padding: 5px 11px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  font-family: inherit;
  color: var(--el-input-text-color, var(--el-text-color-regular));
  background-color: var(--el-input-bg-color, var(--color-background-bg2));
  background-image: none;
  -webkit-appearance: none;
  box-shadow: 0 0 0 1px var(--el-input-border-color, transparent) inset;
  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  transition: var(--el-transition-box-shadow);
  border: none;
}
.el-textarea__inner.is-clearable {
  padding: 5px 26px 5px 11px;
}

.el-textarea__inner::placeholder {
  color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}
.el-textarea__inner:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-textarea__inner:focus {
  outline: none;
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-textarea__clear {
  position: absolute;
  right: 11px;
  top: 15px;
  transform: translateY(-50%);
  color: var(--el-input-icon-color);
  font-size: 14px;
  cursor: pointer;
}
.el-textarea__clear:hover {
  color: var(--el-input-clear-hover-color);
}

.el-textarea .el-input__count {
  color: var(--el-color-info);
  background: var(--el-fill-color-blank);
  position: absolute;
  font-size: 12px;
  line-height: 14px;
  bottom: 5px;
  right: 10px;
}
.el-textarea .el-input__count.is-outside {
  position: absolute;
  background: transparent;
  padding-top: 2px;
  top: 100%;
  right: 0;
  bottom: unset;
  line-height: 1;
}

.el-textarea.is-disabled .el-textarea__inner {
  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
  background-color: var(--el-disabled-bg-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: var(--el-text-color-placeholder);
}

.el-textarea.is-exceed .el-textarea__inner {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-textarea.is-exceed .el-input__count {
  color: var(--el-color-danger);
}

.el-input {
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: none;
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: transparent;
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--color-background-bg2);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: transparent;
  --el-input-clear-hover-color: transparent;
  --el-input-focus-border-color: var(--el-color-primary);
  --el-input-width: 100%;
}

.el-input {
  --el-input-height: var(--el-component-size);
  position: relative;
  font-size: var(--el-font-size-base);
  display: inline-flex;
  width: var(--el-input-width);
  line-height: var(--el-input-height);
  box-sizing: border-box;
  vertical-align: middle;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: var(--el-text-color-disabled);
}
.el-input::-webkit-scrollbar-corner {
  background: var(--el-fill-color-blank);
}
.el-input::-webkit-scrollbar-track {
  background: var(--el-fill-color-blank);
}
.el-input::-webkit-scrollbar-track-piece {
  background: var(--el-fill-color-blank);
  width: 6px;
}
.el-input .el-input__clear, .el-input .el-input__password {
  color: var(--el-input-icon-color);
  font-size: 14px;
  cursor: pointer;
}
.el-input .el-input__clear:hover, .el-input .el-input__password:hover {
  color: var(--el-input-clear-hover-color);
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: var(--el-color-info);
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: var(--el-fill-color-blank);
  line-height: initial;
  display: inline-block;
  padding-left: 8px;
}
.el-input .el-input__count.is-outside {
  height: unset;
  position: absolute;
  padding-top: 2px;
  top: 100%;
  right: 0;
}
.el-input .el-input__count.is-outside .el-input__count-inner {
  background: transparent;
  padding-left: 0px;
  line-height: 1;
}

.el-input__wrapper {
  display: inline-flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  padding: 1px 11px;
  background-color: var(--el-input-bg-color, var(--color-background-bg2));
  background-image: none;
  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  cursor: text;
  transition: var(--el-transition-box-shadow);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 0 1px var(--el-input-border-color, transparent) inset;
}
.el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-input {
  --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px);
}
.el-input__inner {
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  color: var(--el-input-text-color, var(--el-text-color-regular));
  font-size: inherit;
  height: var(--el-input-inner-height);
  line-height: var(--el-input-inner-height);
  padding: 0;
  outline: none;
  border: none;
  background: none;
  box-sizing: border-box;
}
.el-input__inner:focus {
  outline: none;
}
.el-input__inner::placeholder {
  color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}
.el-input__inner[type=password]::-ms-reveal {
  display: none;
}
.el-input__inner[type=number] {
  line-height: 1;
}

.el-input__prefix {
  display: inline-flex;
  white-space: nowrap;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 100%;
  line-height: var(--el-input-inner-height);
  text-align: center;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  transition: all var(--el-transition-duration);
  pointer-events: none;
}

.el-input__prefix-inner {
  pointer-events: all;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.el-input__prefix-inner > :last-child {
  margin-right: 8px;
}
.el-input__prefix-inner > :first-child, .el-input__prefix-inner > :first-child.el-input__icon {
  margin-left: 0;
}

.el-input__suffix {
  display: inline-flex;
  white-space: nowrap;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 100%;
  line-height: var(--el-input-inner-height);
  text-align: center;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  transition: all var(--el-transition-duration);
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.el-input__suffix-inner > :first-child {
  margin-left: 8px;
}

.el-input .el-input__icon {
  height: inherit;
  line-height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all var(--el-transition-duration);
  margin-left: 8px;
}
.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-color, ) inset;
}

.el-input.is-disabled {
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__wrapper {
  background-color: var(--el-disabled-bg-color);
  cursor: not-allowed;
  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
}
.el-input.is-disabled .el-input__inner {
  color: var(--el-disabled-text-color);
  -webkit-text-fill-color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__prefix-inner,
.el-input.is-disabled .el-input__suffix-inner {
  pointer-events: none;
}

.el-input.is-exceed .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: var(--el-color-danger);
}

.el-input--large {
  --el-input-height: var(--el-component-size-large);
  font-size: 14px;
}
.el-input--large .el-input__wrapper {
  padding: 1px 15px;
}

.el-input--large {
  --el-input-inner-height: calc(var(--el-input-height, 45px) - 2px);
}

.el-input--small {
  --el-input-height: var(--el-component-size-small);
  font-size: 12px;
}
.el-input--small .el-input__wrapper {
  padding: 1px 7px;
}

.el-input--small {
  --el-input-inner-height: calc(var(--el-input-height, 35px) - 2px);
}

.el-input-group {
  display: inline-flex;
  width: 100%;
  align-items: stretch;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: var(--el-fill-color-light);
  color: var(--el-color-info);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  border-radius: var(--el-input-border-radius);
  padding: 0 20px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  flex: 1;
  margin: 0 -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append button.el-button:hover,
.el-input-group__append div.el-select .el-select__wrapper,
.el-input-group__append div.el-select:hover .el-select__wrapper, .el-input-group__prepend button.el-button,
.el-input-group__prepend button.el-button:hover,
.el-input-group__prepend div.el-select .el-select__wrapper,
.el-input-group__prepend div.el-select:hover .el-select__wrapper {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset;
}

.el-input-group--prepend > .el-input__wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset;
}

.el-input-group--append > .el-input__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-input-group__append .el-select .el-select__wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset;
}

.el-input-hidden {
  display: none !important;
}

.el-input .el-input__wrapper,
.el-input .el-textarea__inner,
.el-textarea .el-input__wrapper,
.el-textarea .el-textarea__inner {
  box-sizing: border-box;
  background-color: var(--color-background-bg2);
  --border-bottom-basic: 0.1rem solid var(--color-background-outstanding);
  border: var(--border-bottom-basic);
  height: 3rem;
  --el-input-clear-hover-color: var(--color-text-primary);
  --el-input-placeholder-color: var(--color-text-secondary) !important;
}
.el-input .is-focus,
.el-textarea .is-focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: none !important;
}
.el-input.el-input--small .el-input__wrapper,
.el-input.el-input--small .el-textarea__inner,
.el-textarea.el-input--small .el-input__wrapper,
.el-textarea.el-input--small .el-textarea__inner {
  height: 3rem;
}
.el-input .el-textarea__inner,
.el-textarea .el-textarea__inner {
  min-height: 5rem !important;
}
.el-input .el-textarea__inner,
.el-input .el-input__inner,
.el-textarea .el-textarea__inner,
.el-textarea .el-input__inner {
  color: var(--color-text-primary, var(--color-text-secondary));
}
.el-input .el-textarea__inner[disabled],
.el-input .el-input__inner[disabled],
.el-textarea .el-textarea__inner[disabled],
.el-textarea .el-input__inner[disabled] {
  background-color: var(--color-background-outstanding-light);
  color: var(--color-text-secondary) !important;
  box-shadow: none;
  outline: none;
  border: transparent;
}
.el-input.is-disabled .el-input__wrapper,
.el-textarea.is-disabled .el-input__wrapper {
  background-color: var(--color-background-outstanding-light);
  color: var(--color-text-secondary) !important;
  box-shadow: none;
  outline: none;
  border: transparent;
}
.el-input .el-input-group__append,
.el-input .el-input-group__prepend,
.el-textarea .el-input-group__append,
.el-textarea .el-input-group__prepend {
  color: var(--color-text-primary);
}
.el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-icon.el-select__caret.el-select__icon,
.el-textarea .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-icon.el-select__caret.el-select__icon {
  stroke: var(--color-text-primary);
}
.el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-icon.el-select__caret.el-select__icon.is-reverse,
.el-textarea .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-icon.el-select__caret.el-select__icon.is-reverse {
  stroke: var(--color-primary);
}
.el-input .el-input__count,
.el-textarea .el-input__count {
  color: var(--color-text-secondary);
}

label.required:after {
  content: " *";
  color: var(--color-error);
}

.el-input-number .el-input-number__increase,
.el-input-number .el-input-number__decrease {
  background: transparent;
}

.el-input__prefix {
  transition: none;
}

.el-input-group__append div.el-select,
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__wrapper,
.el-input-group__prepend div.el-select,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__wrapper {
  display: flex;
  margin: 0;
  color: var(--color-text-primary);
}

.el-input-group__append,
.el-input-group__prepend {
  padding: 0;
  background: var(--color-background-outstanding);
}

.is-disabled .el-input-group__append,
.el-input-group__append button.el-button.is-disabled,
.el-input-group__append button.el-button.is-disabled.animated,
.is-disabled .el-input-group__prepend,
.el-input-group__prepend button.el-button.is-disabled,
.el-input-group__prepend button.el-button.is-disabled.animated {
  background: var(--color-background-outstanding-light) !important;
  color: var(--color-text-secondary) !important;
  -webkit-text-fill-color: var(--el-disabled-text-color);
}
.is-disabled .el-input-group__append .el-tag,
.el-input-group__append button.el-button.is-disabled .el-tag,
.el-input-group__append button.el-button.is-disabled.animated .el-tag,
.is-disabled .el-input-group__prepend .el-tag,
.el-input-group__prepend button.el-button.is-disabled .el-tag,
.el-input-group__prepend button.el-button.is-disabled.animated .el-tag {
  -webkit-text-fill-color: initial;
}

.el-input-group__append button.el-button:hover,
.el-input-group__append button.el-button:focus,
.el-input-group__append div.el-select:hover .el-input__wrapper,
.el-input-group__prepend button.el-button:hover,
.el-input-group__prepend button.el-button:focus,
.el-input-group__prepend div.el-select:hover .el-input__wrapper {
  color: var(--color-primary);
  background-color: transparent !important;
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__wrapper,
.el-input-group--append .el-input-group__append .el-select .el-input.is-focus .el-input__wrapper {
  box-shadow: none !important;
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus,
.el-input-group--append .el-input-group__append .el-select .el-input.is-focus {
  box-shadow: none !important;
  border: 0rem !important;
}

.el-input-tag {
  --el-input-tag-border-color-hover: var(--el-border-color-hover);
  --el-input-tag-placeholder-color: var(--el-text-color-placeholder);
  --el-input-tag-disabled-color: var(--el-disabled-text-color);
  --el-input-tag-disabled-border: var(--el-disabled-border-color);
  --el-input-tag-font-size: var(--el-font-size-base);
  --el-input-tag-close-hover-color: var(--el-text-color-secondary);
  --el-input-tag-text-color: var(--el-text-color-regular);
  --el-input-tag-input-focus-border-color: var(--el-color-primary);
  --el-input-tag-width: 100%;
  --el-input-tag-mini-height: var(--el-component-size);
  --el-input-tag-gap: 6px;
  --el-input-tag-padding: 4px;
  --el-input-tag-inner-padding: 8px;
  --el-input-tag-line-height: 32px;
}

.el-input-tag {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  font-size: var(--el-input-tag-font-size);
  padding: var(--el-input-tag-padding);
  width: var(--el-input-tag-width);
  min-height: var(--el-input-tag-mini-height);
  line-height: var(--el-input-tag-line-height);
  border-radius: var(--el-border-radius-base);
  background-color: var(--el-fill-color-blank);
  transition: var(--el-transition-duration);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 0 1px var(--el-border-color) inset;
}
.el-input-tag.is-focused {
  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
}

.el-input-tag.is-hovering:not(.is-focused) {
  box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
}

.el-input-tag.is-disabled {
  cursor: not-allowed;
  background-color: var(--el-fill-color-light);
  box-shadow: 0 0 0 1px var(--el-input-tag-disabled-border) inset;
}
.el-input-tag.is-disabled:hover {
  box-shadow: 0 0 0 1px var(--el-input-tag-disabled-border) inset;
}
.el-input-tag.is-disabled.is-focus {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-input-tag.is-disabled .el-input-tag__inner .el-input-tag__input {
  cursor: not-allowed;
}

.el-input-tag.is-disabled .el-input-tag__inner .el-tag {
  cursor: not-allowed;
}

.el-input-tag__prefix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 var(--el-input-tag-inner-padding);
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}

.el-input-tag__suffix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 var(--el-input-tag-inner-padding);
  gap: 8px;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}

.el-input-tag__collapse-tag {
  line-height: 1;
}

.el-input-tag__input-tag-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 6px;
}
.el-input-tag__input-tag-list.is-near {
  margin-left: -8px;
}

.el-input-tag__input-tag-list .el-tag {
  cursor: pointer;
  border-color: transparent;
}
.el-input-tag__input-tag-list .el-tag.el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-input-tag__input-tag-list .el-tag .el-tag__content {
  min-width: 0;
}

.el-input-tag__inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  max-width: 100%;
  min-width: 0;
  gap: var(--el-input-tag-gap);
}
.el-input-tag__inner.is-left-space {
  margin-left: var(--el-input-tag-inner-padding);
}

.el-input-tag__inner.is-right-space {
  margin-right: var(--el-input-tag-inner-padding);
}

.el-input-tag__inner.is-draggable .el-tag {
  cursor: move;
  user-select: none;
}

.el-input-tag__drop-indicator {
  position: absolute;
  top: 0;
  width: 1px;
  height: var(--el-input-tag-line-height);
  background-color: var(--el-color-primary);
}

.el-input-tag__inner .el-tag {
  max-width: 100%;
  cursor: pointer;
  border-color: transparent;
}
.el-input-tag__inner .el-tag.el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-input-tag__inner .el-tag .el-tag__content {
  min-width: 0;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-input-tag__input-wrapper {
  flex: 1;
}

.el-input-tag__input {
  border: none;
  outline: none;
  padding: 0;
  color: var(--el-input-tag-text-color);
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  appearance: none;
  width: 100%;
  background-color: transparent;
}
.el-input-tag__input::placeholder {
  color: var(--el-input-tag-placeholder-color);
}

.el-input-tag__input-calculator {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  visibility: hidden;
  white-space: pre;
  overflow: hidden;
}

.el-input-tag--large {
  --el-input-tag-gap: 6px;
  --el-input-tag-padding: 8px;
  --el-input-tag-padding-left: 8px;
  --el-input-tag-font-size: 14px;
}

.el-input-tag--small {
  --el-input-tag-gap: 4px;
  --el-input-tag-padding: 2px;
  --el-input-tag-padding-left: 6px;
  --el-input-tag-font-size: 12px;
  --el-input-tag-line-height: 25px;
  --el-input-tag-mini-height: var(--el-component-size-small);
}

.el-input-tag {
  min-height: 3rem;
  font-size: 1.2rem;
  box-shadow: none !important;
  position: relative;
  display: flex;
  box-sizing: border-box;
  background-color: var(--color-background-bg2);
  border: 0.1rem solid var(--color-background-outstanding);
  --el-input-tag-placeholder-color: var(--color-text-secondary) !important;
  transition: none;
}
.el-input-tag.is-disabled {
  background-color: var(--color-background-bg);
  box-shadow: none;
  outline: none;
  border: transparent;
}
.el-input-tag.is-disabled .el-input-tag__input {
  color: var(--color-text-secondary) !important;
}
.el-input-tag .el-input-tag__input {
  color: var(--color-text-primary) !important;
}
.el-input-tag .el-tag {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-background-outstanding-light) !important;
  --el-tag-text-color: var(--color-text-primary) !important;
  --el-tag-border-color: transparent !important;
}
.el-input-tag .el-tag .el-tag__close:hover {
  background-color: var(--color-background-outstanding) !important;
  color: var(--color-text-primary) !important;
}

.el-input-tag__input:focus-visible {
  outline: none !important;
}

.el-input-tag__inner {
  margin-left: 1rem;
}

.el-input-number {
  position: relative;
  display: inline-flex;
  width: 150px;
  line-height: 38px;
  vertical-align: middle;
}
.el-input-number .el-input__wrapper {
  padding-left: 50px;
  padding-right: 50px;
}
.el-input-number .el-input__inner {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  text-align: center;
  line-height: 1;
}
.el-input-number .el-input__inner::-webkit-inner-spin-button, .el-input-number .el-input__inner::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.el-input-number.is-left .el-input__inner {
  text-align: left;
}

.el-input-number.is-right .el-input__inner {
  text-align: right;
}

.el-input-number.is-center .el-input__inner {
  text-align: center;
}

.el-input-number__increase, .el-input-number__decrease {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  position: absolute;
  z-index: 1;
  top: 1px;
  bottom: 1px;
  width: 40px;
  background: var(--el-fill-color-light);
  color: var(--el-text-color-regular);
  cursor: pointer;
  font-size: 13px;
  user-select: none;
}
.el-input-number__increase:hover, .el-input-number__decrease:hover {
  color: var(--el-color-primary);
}
.el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper, .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset;
}
.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-input-number__increase {
  right: 1px;
  border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
  border-left: var(--el-border);
}

.el-input-number__decrease {
  left: 1px;
  border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
  border-right: var(--el-border);
}

.el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease {
  border-color: var(--el-disabled-border-color);
  color: var(--el-disabled-border-color);
}
.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover {
  color: var(--el-disabled-border-color);
  cursor: not-allowed;
}

.el-input-number--large {
  width: 180px;
  line-height: 43px;
}
.el-input-number--large .el-input-number__increase, .el-input-number--large .el-input-number__decrease {
  width: 45px;
  font-size: 14px;
}

.el-input-number--large.is-controls-right .el-input--large .el-input__wrapper {
  padding-right: 52px;
}

.el-input-number--large .el-input--large .el-input__wrapper {
  padding-left: 52px;
  padding-right: 52px;
}

.el-input-number--small {
  width: 120px;
  line-height: 33px;
}
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
  width: 35px;
  font-size: 12px;
}

.el-input-number--small.is-controls-right .el-input--small .el-input__wrapper {
  padding-right: 42px;
}

.el-input-number--small .el-input--small .el-input__wrapper {
  padding-left: 42px;
  padding-right: 42px;
}

.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.9);
}

.el-input-number.is-without-controls .el-input__wrapper {
  padding-left: 15px;
  padding-right: 15px;
}

.el-input-number.is-controls-right .el-input__wrapper {
  padding-left: 15px;
  padding-right: 50px;
}
.el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease {
  --el-input-number-controls-height: 19px;
  height: var(--el-input-number-controls-height);
  line-height: var(--el-input-number-controls-height);
}
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.8);
}

.el-input-number.is-controls-right .el-input-number__increase {
  bottom: auto;
  left: auto;
  border-radius: 0 var(--el-border-radius-base) 0 0;
  border-bottom: var(--el-border);
}

.el-input-number.is-controls-right .el-input-number__decrease {
  right: 1px;
  top: auto;
  left: auto;
  border-right: none;
  border-left: var(--el-border);
  border-radius: 0 0 var(--el-border-radius-base) 0;
}

.el-input-number.is-controls-right[class*=large] [class*=increase],
.el-input-number.is-controls-right[class*=large] [class*=decrease] {
  --el-input-number-controls-height: 21.5px;
}
.el-input-number.is-controls-right[class*=small] [class*=increase],
.el-input-number.is-controls-right[class*=small] [class*=decrease] {
  --el-input-number-controls-height: 16.5px;
}

.el-input-number {
  width: 15rem;
}
.el-input-number .el-input__suffix {
  display: none;
}
.el-input-number .el-input__wrapper {
  background: var(--color-background-outstanding);
  width: 100%;
}
.el-input-number .el-input__wrapper .el-input__inner {
  background: var(--color-background-bg2);
}
.el-input-number .el-icon {
  color: var(--color-text-primary) !important;
}

.el-input-number__increase,
.el-input-number__decrease {
  width: 3rem;
}

.el-input-number .el-input__wrapper {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.el-input-number .el-input-number__increase,
.el-input-number .el-input-number__decrease {
  background: var(--color-background-outstanding);
  border: none;
}

.el-input-number .el-input-number__increase:hover,
.el-input-number .el-input-number__decrease:hover {
  border: none;
}

.el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper,
.el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
  box-shadow: none;
}

.export-input-number p {
  display: flex;
  align-items: center;
}

:root {
  --el-loading-spinner-size: 42px;
  --el-loading-fullscreen-spinner-size: 50px;
}

.el-loading-parent--relative {
  position: relative !important;
}

.el-loading-parent--hidden {
  overflow: hidden !important;
}

.el-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: var(--el-mask-color);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity var(--el-transition-duration);
}
.el-loading-mask.is-fullscreen {
  position: fixed;
}
.el-loading-mask.is-fullscreen .el-loading-spinner {
  margin-top: calc((0px - var(--el-loading-fullscreen-spinner-size)) / 2);
}
.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  height: var(--el-loading-fullscreen-spinner-size);
  width: var(--el-loading-fullscreen-spinner-size);
}

.el-loading-spinner {
  top: 50%;
  margin-top: calc((0px - var(--el-loading-spinner-size)) / 2);
  width: 100%;
  text-align: center;
  position: absolute;
}
.el-loading-spinner .el-loading-text {
  color: var(--el-color-primary);
  margin: 3px 0;
  font-size: 14px;
}
.el-loading-spinner .circular {
  display: inline;
  height: var(--el-loading-spinner-size);
  width: var(--el-loading-spinner-size);
  animation: loading-rotate 2s linear infinite;
}
.el-loading-spinner .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: var(--el-color-primary);
  stroke-linecap: round;
}
.el-loading-spinner i {
  color: var(--el-color-primary);
}

.el-loading-fade-enter-from,
.el-loading-fade-leave-to {
  opacity: 0;
}

@keyframes loading-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
.el-loading-mask {
  --el-mask-color: var(--color-background-bg2-light);
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  overflow: auto;
}

.el-main {
  --el-main-padding: 20px;
  display: block;
  flex: 1;
  flex-basis: auto;
  overflow: auto;
  box-sizing: border-box;
  padding: var(--el-main-padding);
}

.el-main {
  --el-main-padding: 1.5rem;
  display: flex;
  flex-direction: column;
}

:root {
  --el-menu-active-color: var(--el-color-primary);
  --el-menu-text-color: var(--el-text-color-primary);
  --el-menu-hover-text-color: var(--el-color-primary);
  --el-menu-bg-color: var(--el-fill-color-blank);
  --el-menu-hover-bg-color: var(--color-background-bg);
  --el-menu-item-height: 56px;
  --el-menu-sub-item-height: calc(var(--el-menu-item-height) - 6px);
  --el-menu-horizontal-height: 60px;
  --el-menu-horizontal-sub-item-height: 36px;
  --el-menu-item-font-size: var(--el-font-size-base);
  --el-menu-item-hover-fill: var(--el-color-primary-light-9);
  --el-menu-border-color: var(--el-border-color);
  --el-menu-base-level-padding: 20px;
  --el-menu-level-padding: 20px;
  --el-menu-icon-width: 24px;
}

.el-menu {
  border-right: solid 1px var(--el-menu-border-color);
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
  background-color: var(--el-menu-bg-color);
  box-sizing: border-box;
}
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title {
  white-space: nowrap;
  padding-left: calc(var(--el-menu-base-level-padding) + var(--el-menu-level) * var(--el-menu-level-padding));
}

.el-menu:not(.el-menu--collapse) .el-sub-menu__title {
  padding-right: calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width));
}
.el-menu--horizontal {
  display: flex;
  flex-wrap: nowrap;
  border-right: none;
  height: var(--el-menu-horizontal-height);
}
.el-menu--horizontal.el-menu--popup-container {
  height: unset;
}
.el-menu--horizontal.el-menu {
  border-bottom: solid 1px var(--el-menu-border-color);
}
.el-menu--horizontal > .el-menu-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 0;
  border-bottom: 2px solid transparent;
  color: var(--el-menu-text-color);
}
.el-menu--horizontal > .el-menu-item a,
.el-menu--horizontal > .el-menu-item a:hover {
  color: inherit;
}
.el-menu--horizontal > .el-sub-menu:focus, .el-menu--horizontal > .el-sub-menu:hover {
  outline: none;
}
.el-menu--horizontal > .el-sub-menu:hover .el-sub-menu__title {
  color: var(--el-menu-hover-text-color);
}
.el-menu--horizontal > .el-sub-menu.is-active .el-sub-menu__title {
  border-bottom: 2px solid var(--el-menu-active-color);
  color: var(--el-menu-active-color);
}
.el-menu--horizontal > .el-sub-menu .el-sub-menu__title {
  height: 100%;
  border-bottom: 2px solid transparent;
  color: var(--el-menu-text-color);
}
.el-menu--horizontal > .el-sub-menu .el-sub-menu__title:hover {
  background-color: var(--el-menu-bg-color);
}
.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-sub-menu__title {
  background-color: var(--el-menu-bg-color);
  display: flex;
  align-items: center;
  height: var(--el-menu-horizontal-sub-item-height);
  line-height: var(--el-menu-horizontal-sub-item-height);
  padding: 0 10px;
  color: var(--el-menu-text-color);
}
.el-menu--horizontal .el-menu .el-sub-menu__title {
  padding-right: 40px;
}
.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-menu-item.is-active:hover, .el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title, .el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title:hover {
  color: var(--el-menu-active-color);
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
  outline: none;
  color: var(--el-menu-active-color, var(--el-menu-hover-text-color));
  background-color: var(--el-menu-hover-bg-color);
}
.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: 2px solid var(--el-menu-active-color);
  color: var(--el-menu-active-color) !important;
}

.el-menu--collapse {
  width: calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2);
}
.el-menu--collapse > .el-menu-item [class^=el-icon],
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title [class^=el-icon],
.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title [class^=el-icon] {
  margin: 0;
  vertical-align: middle;
  width: var(--el-menu-icon-width);
  text-align: center;
}
.el-menu--collapse > .el-menu-item .el-sub-menu__icon-arrow,
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow,
.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow {
  display: none;
}
.el-menu--collapse > .el-menu-item > span,
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title > span,
.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title > span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}
.el-menu--collapse > .el-menu-item.is-active i {
  color: inherit;
}
.el-menu--collapse .el-menu .el-sub-menu {
  min-width: 200px;
}
.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title {
  color: var(--el-menu-active-color);
}

.el-menu--popup {
  z-index: 100;
  min-width: 200px;
  border: none;
  padding: 5px 0;
  border-radius: var(--el-border-radius-small);
  box-shadow: var(--el-box-shadow-light);
}

.el-menu .el-icon {
  flex-shrink: 0;
}

.el-menu-item {
  display: flex;
  align-items: center;
  height: var(--el-menu-item-height);
  line-height: var(--el-menu-item-height);
  font-size: var(--el-menu-item-font-size);
  color: var(--el-menu-text-color);
  padding: 0 var(--el-menu-base-level-padding);
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
  box-sizing: border-box;
  white-space: nowrap;
}
.el-menu-item * {
  vertical-align: bottom;
}
.el-menu-item i {
  color: inherit;
}
.el-menu-item:hover, .el-menu-item:focus {
  outline: none;
}
.el-menu-item:hover {
  background-color: var(--el-menu-hover-bg-color);
}
.el-menu-item.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-menu-item [class^=el-icon] {
  margin-right: 5px;
  width: var(--el-menu-icon-width);
  text-align: center;
  font-size: 18px;
  vertical-align: middle;
}
.el-menu-item.is-active {
  color: var(--el-menu-active-color);
}
.el-menu-item.is-active i {
  color: inherit;
}

.el-menu-item .el-menu-tooltip__trigger {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 var(--el-menu-base-level-padding);
}

.el-sub-menu {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.el-sub-menu__title {
  display: flex;
  align-items: center;
  height: var(--el-menu-item-height);
  line-height: var(--el-menu-item-height);
  font-size: var(--el-menu-item-font-size);
  color: var(--el-menu-text-color);
  padding: 0 var(--el-menu-base-level-padding);
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
  box-sizing: border-box;
  white-space: nowrap;
}
.el-sub-menu__title * {
  vertical-align: bottom;
}
.el-sub-menu__title i {
  color: inherit;
}
.el-sub-menu__title:hover, .el-sub-menu__title:focus {
  outline: none;
}
.el-sub-menu__title:hover {
  background-color: var(--el-menu-hover-bg-color);
}
.el-sub-menu__title.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-sub-menu__title:hover {
  background-color: var(--el-menu-hover-bg-color);
}

.el-sub-menu .el-menu {
  border: none;
}
.el-sub-menu .el-menu-item {
  height: var(--el-menu-sub-item-height);
  line-height: var(--el-menu-sub-item-height);
}
.el-sub-menu.el-sub-menu__hide-arrow .el-sub-menu__title {
  padding-right: var(--el-menu-base-level-padding);
}
.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow {
  display: none !important;
}

.el-sub-menu.is-active .el-sub-menu__title {
  border-bottom-color: var(--el-menu-active-color);
}

.el-sub-menu.is-disabled .el-sub-menu__title,
.el-sub-menu.is-disabled .el-menu-item {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-sub-menu .el-icon {
  vertical-align: middle;
  margin-right: 5px;
  width: var(--el-menu-icon-width);
  text-align: center;
  font-size: 18px;
}
.el-sub-menu .el-icon.el-sub-menu__icon-more {
  margin-right: 0 !important;
}
.el-sub-menu .el-sub-menu__icon-arrow {
  position: absolute;
  top: 50%;
  right: var(--el-menu-base-level-padding);
  margin-top: -6px;
  transition: transform var(--el-transition-duration);
  font-size: 12px;
  margin-right: 0;
  width: inherit;
}

.el-menu-item-group > ul {
  padding: 0;
}
.el-menu-item-group__title {
  padding: 7px 0 7px var(--el-menu-base-level-padding);
  line-height: normal;
  font-size: 12px;
  color: var(--el-text-color-secondary);
}

.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow {
  transition: var(--el-transition-duration-fast);
  opacity: 0;
}

.el-popper,
.el-menu--popup-container,
.el-menu {
  outline: none;
}

.el-menu {
  --el-menu-base-level-padding: 0.5rem;
  --el-menu-level-padding: 2.75rem;
  --el-menu-icon-width: 2rem;
  --el-menu-item-height: 3.4rem;
  --el-transition-fade-linear: 0s;
  --el-transition-duration: 0s;
  --el-menu-hover-text-color: var(--color-text-primary);
  padding: 0rem;
  width: 100%;
  border: none;
  margin-right: 1rem;
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
.el-menu .el-menu--inline {
  gap: 0.1rem;
  padding-left: calc(var(--el-menu-level) * var(--el-menu-level-padding));
  --el-transition-duration: 0.3s;
  --el-transition-duration-fast: 0.2s;
}
.el-menu .el-menu-item:hover {
  background-color: var(--color-background-bg-light) !important;
  border-radius: 0.4rem;
}
.el-menu .el-menu-item.is-active:hover,
.el-menu .el-menu-item.is-active:focus {
  background-color: var(--color-background-outstanding-light);
}
.el-menu .el-menu-item.is-active::before {
  display: block;
  content: " ";
  position: absolute;
  left: 0rem;
  top: 0rem;
  bottom: 0rem;
  width: 0.3rem;
  border-radius: 0.2rem 0rem 0rem 0.2rem !important;
  background-color: var(--color-primary);
}

.appMenu .el-menu.el-menu--inline .subitems .el-sub-menu__title {
  padding-left: 1rem;
}
.appMenu .subitems .el-menu.el-menu--inline {
  padding-left: 2rem;
}
.appMenu .el-sub-menu__title {
  padding-right: 3rem !important;
}
.appMenu .el-sub-menu__icon-arrow {
  margin-right: 0.5rem !important;
}

.userMenu,
.settingsMenu {
  z-index: 9996 !important;
}

.el-menu--popup {
  display: none;
}

.el-menu-item {
  user-select: none;
  display: flex;
  align-items: center;
  height: inherit;
  border-radius: 0.4rem;
  padding: 0 !important;
}
.el-menu-item .link {
  display: flex;
  height: inherit;
  border-radius: 0.4rem;
  align-items: center;
  width: 100%;
  padding: 0rem 0.5rem;
}
.el-menu-item .link:focus-visible {
  background-color: var(--color-background-bg-light);
  outline: none;
}
.el-menu-item:has(.link:not(.level):focus-visible) {
  background-color: var(--color-background-bg-light);
}

.el-menu-item.is-active {
  background-color: var(--color-background-bg-light);
}
.el-menu-item.is-active .link {
  color: var(--color-primary);
}
.el-menu-item.is-active .link:focus-visible {
  background-color: var(--color-background-bg-light);
}

.el-message {
  --el-message-bg-color: var(--el-color-info-light-9);
  --el-message-border-color: var(--el-border-color-lighter);
  --el-message-padding: 11px 15px;
  --el-message-close-size: 16px;
  --el-message-close-icon-color: var(--el-text-color-placeholder);
  --el-message-close-hover-color: var(--el-text-color-secondary);
}

.el-message {
  width: max-content;
  max-width: calc(100% - 32px);
  box-sizing: border-box;
  border-radius: var(--el-border-radius-base);
  border-width: var(--el-border-width);
  border-style: var(--el-border-style);
  border-color: var(--el-message-border-color);
  position: fixed;
  background-color: var(--el-message-bg-color);
  transition: opacity var(--el-transition-duration), transform 0.4s, top 0.4s, bottom 0.4s;
  padding: var(--el-message-padding);
  display: flex;
  align-items: center;
  gap: 8px;
}
.el-message.is-left {
  left: 16px;
}
.el-message.is-right {
  right: 16px;
}
.el-message.is-center {
  left: 50%;
  transform: translateX(-50%);
}
.el-message.is-plain {
  background-color: var(--el-bg-color-overlay);
  border-color: var(--el-bg-color-overlay);
  box-shadow: var(--el-box-shadow-light);
}

.el-message p {
  margin: 0;
}
.el-message--primary {
  --el-message-bg-color: var(--el-color-primary-light-9);
  --el-message-border-color: var(--el-color-primary-light-8);
  --el-message-text-color: var(--el-color-primary);
}
.el-message--primary .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--primary {
  color: var(--el-message-text-color);
}
.el-message--success {
  --el-message-bg-color: var(--el-color-success-light-9);
  --el-message-border-color: var(--el-color-success-light-8);
  --el-message-text-color: var(--el-color-success);
}
.el-message--success .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--success {
  color: var(--el-message-text-color);
}
.el-message--info {
  --el-message-bg-color: var(--el-color-info-light-9);
  --el-message-border-color: var(--el-color-info-light-8);
  --el-message-text-color: var(--el-color-info);
}
.el-message--info .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--info {
  color: var(--el-message-text-color);
}
.el-message--warning {
  --el-message-bg-color: var(--el-color-warning-light-9);
  --el-message-border-color: var(--el-color-warning-light-8);
  --el-message-text-color: var(--el-color-warning);
}
.el-message--warning .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--warning {
  color: var(--el-message-text-color);
}
.el-message--error {
  --el-message-bg-color: var(--el-color-error-light-9);
  --el-message-border-color: var(--el-color-error-light-8);
  --el-message-text-color: var(--el-color-error);
}
.el-message--error .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--error {
  color: var(--el-message-text-color);
}
.el-message .el-message__badge {
  position: absolute;
  top: -8px;
  right: -8px;
}
.el-message__content {
  padding: 0;
  font-size: 14px;
  line-height: 1;
}
.el-message__content:focus {
  outline-width: 0;
}

.el-message .el-message__closeBtn {
  cursor: pointer;
  color: var(--el-message-close-icon-color);
  font-size: var(--el-message-close-size);
}
.el-message .el-message__closeBtn:focus {
  outline-width: 0;
}
.el-message .el-message__closeBtn:hover {
  color: var(--el-message-close-hover-color);
}

.el-message-fade-enter-from,
.el-message-fade-leave-to {
  opacity: 0;
}
.el-message-fade-enter-from.is-left, .el-message-fade-enter-from.is-right,
.el-message-fade-leave-to.is-left,
.el-message-fade-leave-to.is-right {
  transform: translateY(-100%);
}
.el-message-fade-enter-from.is-left.is-bottom, .el-message-fade-enter-from.is-right.is-bottom,
.el-message-fade-leave-to.is-left.is-bottom,
.el-message-fade-leave-to.is-right.is-bottom {
  transform: translateY(100%);
}
.el-message-fade-enter-from.is-center,
.el-message-fade-leave-to.is-center {
  transform: translate(-50%, -100%);
}
.el-message-fade-enter-from.is-center.is-bottom,
.el-message-fade-leave-to.is-center.is-bottom {
  transform: translate(-50%, 100%);
}

.el-message {
  user-select: none;
  --el-message-padding: 0.7rem 1rem;
  z-index: 9999 !important;
}
.el-message .el-message__content {
  font-weight: 600;
  font-size: 1.2rem;
}

.el-message--success {
  --el-message-bg-color: var(--el-color-success-light-1);
  --el-message-border-color: var(--el-color-success-light-8);
  --el-message-text-color: var(--el-color-success);
  --el-message-close-icon-color: var(--el-color-success-light-8);
  --el-message-close-hover-color: var(--el-color-success-light-3);
  backdrop-filter: blur(10px);
}

.el-message--success .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: anywhere;
}

.el-message--info {
  --el-message-bg-color: var(--el-color-info-light-1);
  --el-message-border-color: var(--el-color-info-light-8);
  --el-message-text-color: var(--el-color-info);
  --el-message-close-icon-color: var(--el-color-info-light-8);
  --el-message-close-hover-color: var(--el-color-info-light-3);
  backdrop-filter: blur(10px);
}

.el-message--info .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: anywhere;
}

.el-message--warning {
  --el-message-bg-color: var(--el-color-warning-light-1);
  --el-message-border-color: var(--el-color-warning-light-8);
  --el-message-text-color: var(--el-color-warning);
  --el-message-close-icon-color: var(--el-color-warning-light-8);
  --el-message-close-hover-color: var(--el-color-warning-light-3);
  backdrop-filter: blur(10px);
}

.el-message--warning .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: anywhere;
}

.el-message--error {
  --el-message-bg-color: var(--el-color-error-light-1);
  --el-message-border-color: var(--el-color-error-light-8);
  --el-message-text-color: var(--el-color-error);
  --el-message-close-icon-color: var(--el-color-error-light-8);
  --el-message-close-hover-color: var(--el-color-error-light-3);
  backdrop-filter: blur(1rem);
}

.el-message--error .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: anywhere;
}

.el-message-box {
  --el-messagebox-title-color: var(--el-text-color-primary);
  --el-messagebox-width: 420px;
  --el-messagebox-border-radius: 4px;
  --el-messagebox-box-shadow: var(--el-box-shadow);
  --el-messagebox-font-size: var(--el-font-size-large);
  --el-messagebox-content-font-size: var(--el-font-size-base);
  --el-messagebox-content-color: var(--el-text-color-regular);
  --el-messagebox-error-font-size: 12px;
  --el-messagebox-padding-primary: 12px;
  --el-messagebox-font-line-height: var(--el-font-line-height-primary);
}

.el-message-box {
  display: inline-block;
  position: relative;
  max-width: var(--el-messagebox-width);
  width: 100%;
  padding: var(--el-messagebox-padding-primary);
  vertical-align: middle;
  background-color: var(--el-bg-color);
  border-radius: var(--el-messagebox-border-radius);
  font-size: var(--el-messagebox-font-size);
  box-shadow: var(--el-messagebox-box-shadow);
  text-align: left;
  overflow: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  overflow-wrap: break-word;
}
.el-message-box:focus {
  outline: none !important;
}
.is-message-box .el-overlay-message-box {
  text-align: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px;
  overflow: auto;
}
.is-message-box .el-overlay-message-box::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.el-message-box.is-draggable .el-message-box__header {
  cursor: move;
  user-select: none;
}

.el-message-box__header {
  padding-bottom: var(--el-messagebox-padding-primary);
}
.el-message-box__header.show-close {
  padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px));
}

.el-message-box__title {
  font-size: var(--el-messagebox-font-size);
  line-height: var(--el-messagebox-font-line-height);
  color: var(--el-messagebox-title-color);
}

.el-message-box__headerbtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: none;
  outline: none;
  background: transparent;
  font-size: var(--el-message-close-size, 16px);
  cursor: pointer;
}
.el-message-box__headerbtn .el-message-box__close {
  color: var(--el-color-info);
  font-size: inherit;
}
.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
  color: var(--el-color-primary);
}

.el-message-box__content {
  color: var(--el-messagebox-content-color);
  font-size: var(--el-messagebox-content-font-size);
}

.el-message-box__container {
  display: flex;
  align-items: center;
  gap: 12px;
}

.el-message-box__input {
  padding-top: 12px;
}
.el-message-box__input div.invalid > input {
  border-color: var(--el-color-error);
}
.el-message-box__input div.invalid > input:focus {
  border-color: var(--el-color-error);
}

.el-message-box__status {
  font-size: 24px;
}
.el-message-box__status.el-message-box-icon--primary {
  --el-messagebox-color: var(--el-color-primary);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--success {
  --el-messagebox-color: var(--el-color-success);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--info {
  --el-messagebox-color: var(--el-color-info);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--warning {
  --el-messagebox-color: var(--el-color-warning);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--error {
  --el-messagebox-color: var(--el-color-error);
  color: var(--el-messagebox-color);
}

.el-message-box__message {
  margin: 0;
  min-width: 0;
}
.el-message-box__message p {
  margin: 0;
  line-height: var(--el-messagebox-font-line-height);
}

.el-message-box__errormsg {
  color: var(--el-color-error);
  font-size: var(--el-messagebox-error-font-size);
  line-height: var(--el-messagebox-font-line-height);
}

.el-message-box__btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding-top: var(--el-messagebox-padding-primary);
}

.el-message-box--center .el-message-box__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.el-message-box--center .el-message-box__status {
  font-size: inherit;
}

.el-message-box--center .el-message-box__btns {
  justify-content: center;
}

.el-message-box--center .el-message-box__container {
  justify-content: center;
}

.el-message-box-parent--hidden {
  overflow: hidden;
}

.fade-in-linear-enter-active .el-overlay-message-box {
  animation: msgbox-fade-in var(--el-transition-duration);
}

.fade-in-linear-leave-active .el-overlay-message-box {
  animation: msgbox-fade-in var(--el-transition-duration) reverse;
}

@keyframes msgbox-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.el-message-box {
  background-color: var(--color-background-bg2);
  user-select: none;
  border: 1px solid var(--color-background-outstanding-light);
  position: relative;
  padding: 0rem;
}
.el-message-box .el-message-box__header {
  display: flex;
  align-items: center;
  padding-top: 2rem;
  position: relative;
}
.el-message-box .el-message-box__header .el-message-box__title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.2;
}
.el-message-box .el-message-box__content .el-icon::before {
  background-color: var(--color-primary-light-3);
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  font-family: "netwin-icon-font", sans-serif;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: normal;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.el-message-box .el-message-box__container {
  display: flex;
  align-items: flex-start;
  margin-right: 1.5rem;
}
.el-message-box .el-message-box__container .el-message-box__status {
  top: -1.5rem;
  right: -2rem;
}
.el-message-box .el-message-box__content .icon {
  z-index: 2;
  font-size: 1.2rem;
  line-height: 2rem;
}
.el-message-box .el-message-box__message {
  margin-left: -0.25rem;
  padding: 2rem 0rem 1.5rem 0rem;
}
.el-message-box .el-message-box__btns {
  border-top: 1px solid var(--color-background-outstanding-light);
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  display: flex;
  gap: 1.5rem;
}
.el-message-box .el-message-box__btns button:nth-child(2) {
  margin-left: 0;
  color: var(--color-text-button-primary);
}
.el-message-box .el-message-box__content {
  padding: 0;
}
.el-message-box .el-message-box__close {
  color: var(--color-text-primary) !important;
  right: 1rem !important;
  top: 3rem !important;
  position: absolute !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.4rem !important;
  height: 2.4rem !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
}
.el-message-box em {
  font-style: normal;
  font-weight: 600;
}
.el-message-box .el-message-box__headerbtn {
  height: 20px;
}
.el-message-box .custom-message-slot {
  width: 100%;
  color: var(--color-text-primary);
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
.el-message-box .custom-message-slot h3 {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--color-text-primary);
}
.el-message-box .custom-message-slot p {
  line-height: 1.5rem;
  color: var(--color-text-primary);
  font-weight: 100;
}
.el-message-box .custom-message-slot ul {
  margin: 1rem 0;
  padding-left: 1.5rem;
}
.el-message-box .custom-message-slot ul li {
  margin: 0.5rem 0;
  line-height: 1.4;
  color: var(--color-text-primary);
}
.el-message-box .custom-message-slot small {
  font-size: 0.85rem;
  opacity: 0.8;
  color: var(--color-text-secondary);
}
.el-message-box .default-message-content {
  width: 100%;
  line-height: 1.5;
  color: var(--color-text-primary);
}

.el-message-box__container {
  gap: 0px;
}

.message-box--large {
  width: 60rem;
  max-width: 60rem;
}

.el-message-box.success .el-message-box__content .el-icon::before {
  background-color: var(--color-success-light-3);
}
.el-message-box.success em,
.el-message-box.success .icon {
  color: var(--color-success);
}

.el-message-box.error .el-message-box__content .el-icon::before {
  background-color: var(--color-error-light-3);
}
.el-message-box.error em,
.el-message-box.error .icon {
  color: var(--color-error);
}

.el-message-box.warning .el-message-box__content .el-icon::before {
  background-color: var(--color-warning-light-3);
}
.el-message-box.warning em,
.el-message-box.warning .icon {
  color: var(--color-warning);
}

.el-message-box.info .el-message-box__content .el-icon::before {
  background-color: var(--color-info-light-3);
}
.el-message-box.info em,
.el-message-box.info .icon {
  color: var(--color-info);
}

.el-message-box .icon {
  color: var(--color-primary);
}
.el-message-box em {
  color: var(--color-primary);
}

.el-notification {
  --el-notification-width: 330px;
  --el-notification-padding: 14px 26px 14px 13px;
  --el-notification-radius: 8px;
  --el-notification-shadow: var(--el-box-shadow-light);
  --el-notification-border-color: var(--el-border-color-lighter);
  --el-notification-icon-size: 24px;
  --el-notification-close-font-size: var(--el-message-close-size, 16px);
  --el-notification-group-margin-left: 13px;
  --el-notification-group-margin-right: 8px;
  --el-notification-content-font-size: var(--el-font-size-base);
  --el-notification-content-color: var(--el-text-color-regular);
  --el-notification-title-font-size: 16px;
  --el-notification-title-color: var(--el-text-color-primary);
  --el-notification-close-color: var(--el-text-color-secondary);
  --el-notification-close-hover-color: var(--el-text-color-regular);
}

.el-notification {
  display: flex;
  width: var(--el-notification-width);
  padding: var(--el-notification-padding);
  border-radius: var(--el-notification-radius);
  box-sizing: border-box;
  border: 1px solid var(--el-notification-border-color);
  position: fixed;
  background-color: var(--el-bg-color-overlay);
  box-shadow: var(--el-notification-shadow);
  transition: opacity var(--el-transition-duration), transform var(--el-transition-duration), left var(--el-transition-duration), right var(--el-transition-duration), top 0.4s, bottom var(--el-transition-duration);
  overflow-wrap: break-word;
  overflow: hidden;
  z-index: 9999;
}
.el-notification.right {
  right: 16px;
}
.el-notification.left {
  left: 16px;
}
.el-notification__group {
  flex: 1;
  min-width: 0;
  margin-left: var(--el-notification-group-margin-left);
  margin-right: var(--el-notification-group-margin-right);
}

.el-notification__title {
  font-weight: bold;
  font-size: var(--el-notification-title-font-size);
  line-height: var(--el-notification-icon-size);
  color: var(--el-notification-title-color);
  margin: 0;
}

.el-notification__content {
  font-size: var(--el-notification-content-font-size);
  line-height: 24px;
  margin: 6px 0 0;
  color: var(--el-notification-content-color);
}
.el-notification__content p {
  margin: 0;
}

.el-notification .el-notification__icon {
  flex-shrink: 0;
  height: var(--el-notification-icon-size);
  width: var(--el-notification-icon-size);
  font-size: var(--el-notification-icon-size);
}
.el-notification .el-notification__closeBtn {
  position: absolute;
  top: 18px;
  right: 15px;
  cursor: pointer;
  color: var(--el-notification-close-color);
  font-size: var(--el-notification-close-font-size);
}
.el-notification .el-notification__closeBtn:hover {
  color: var(--el-notification-close-hover-color);
}
.el-notification .el-notification--primary {
  --el-notification-icon-color: var(--el-color-primary);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--success {
  --el-notification-icon-color: var(--el-color-success);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--info {
  --el-notification-icon-color: var(--el-color-info);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--warning {
  --el-notification-icon-color: var(--el-color-warning);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--error {
  --el-notification-icon-color: var(--el-color-error);
  color: var(--el-notification-icon-color);
}

.el-notification-fade-enter-from.right {
  right: 0;
  transform: translateX(100%);
}
.el-notification-fade-enter-from.left {
  left: 0;
  transform: translateX(-100%);
}

.el-notification-fade-leave-to {
  opacity: 0;
}

.s-notification {
  border: 0;
  background: var(--color-background-bg2);
  padding: 0;
  display: flex;
  flex-direction: column;
  z-index: 9999 !important;
  --el-notification-title-font-size: 1.4rem;
  --el-notification-icon-size: 1rem;
}
.s-notification .el-notification__title {
  margin-top: 1rem;
  font-weight: bold;
  color: var(--color-secondary);
  display: flex;
  align-items: center;
}
.s-notification .el-notification__title i {
  padding: 0 1rem 0 0;
  vertical-align: text-top;
}
.s-notification .el-notification__title i .el-icon.el-notification__icon {
  color: var(--color-secondary);
}
.s-notification .el-notification__content {
  padding-left: 3rem;
  padding-bottom: 1rem;
}
.s-notification .el-notification__content p {
  font-size: 1.1rem;
}
.s-notification .el-progress-bar__inner {
  background-color: var(--color-secondary);
}
.s-notification .el-progress-bar__outer {
  height: 0.3rem !important;
  background-color: var(--color-background-outstanding);
}

.s-notification.success {
  border-color: var(--color-success);
}
.s-notification.success .el-notification__group .el-notification__title {
  font-weight: bold;
  color: var(--color-success);
}
.s-notification.success i.el-icon.el-notification__icon {
  color: var(--color-success);
}
.s-notification.success .el-progress-bar__inner {
  background-color: var(--color-success);
}

.s-notification.warning {
  border-color: var(--color-warning);
}
.s-notification.warning .el-notification__group .el-notification__title {
  font-weight: bold;
  color: var(--color-warning);
}
.s-notification.warning i.el-icon.el-notification__icon {
  color: var(--color-warning);
}
.s-notification.warning .el-progress-bar__inner {
  background-color: var(--color-warning);
}

.s-notification.error {
  border-color: var(--color-error);
}
.s-notification.error .el-notification__group .el-notification__title {
  font-weight: bold;
  color: var(--color-error);
}
.s-notification.error i.el-icon.el-notification__icon {
  color: var(--color-error);
}
.s-notification.error .el-progress-bar__inner {
  background-color: var(--color-error);
}

.s-notification.info {
  border-color: var(--color-info);
}
.s-notification.info .el-notification__group .el-notification__title {
  font-weight: bold;
  color: var(--color-info);
}
.s-notification.info i.el-icon.el-notification__icon {
  color: var(--color-info);
}
.s-notification.info .el-progress-bar__inner {
  background-color: var(--color-info);
}

.s-notification.default {
  border-color: var(--color-secondary);
}
.s-notification.default .el-notification__group .el-notification__title {
  font-weight: bold;
  color: var(--color-secondary);
}
.s-notification.default i.el-icon.el-notification__icon {
  color: var(--color-secondary);
}
.s-notification.default .el-progress-bar__inner {
  background-color: var(--color-secondary);
}

.s-ui-notification {
  width: auto;
  min-width: 30rem;
  border: 0;
  backdrop-filter: blur(20rem);
  padding: 0.5rem 1rem 0.5rem 1rem;
  display: flex;
  align-items: center;
  z-index: 9999 !important;
  user-select: none;
  border-radius: 0.4rem;
}
.s-ui-notification i {
  font-size: 1.5rem !important;
}
.s-ui-notification .el-notification__content {
  color: var(--color-text-primary);
}
.s-ui-notification .el-notification__content p {
  font-size: 1.2rem;
  font-weight: 600;
}
.s-ui-notification {
  background-color: var(--el-color-secondary-light-3);
  border-color: var(--el-color-secondary);
}
.s-ui-notification i.el-icon.el-notification__icon {
  color: var(--color-secondary);
}

.s-ui-notification.success {
  background-color: var(--el-color-success-light-3);
  border-color: var(--el-color-success);
}
.s-ui-notification.success i.el-icon.el-notification__icon {
  color: var(--color-success);
}

.s-ui-notification.warning {
  background-color: var(--el-color-warning-light-3);
  border-color: var(--el-color-warning);
}
.s-ui-notification.warning i.el-icon.el-notification__icon {
  color: var(--color-warning);
}

.s-ui-notification.error {
  background-color: var(--el-color-error-light-3);
  border-color: var(--el-color-error);
}
.s-ui-notification.error i.el-icon.el-notification__icon {
  color: var(--color-error);
}

.s-ui-notification.info {
  background-color: var(--el-color-info-light-3);
  border-color: var(--el-color-info);
}
.s-ui-notification.info i.el-icon.el-notification__icon {
  color: var(--color-info);
}

.el-select-dropdown__item {
  font-size: var(--el-font-size-base);
  padding: 0 32px 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--el-text-color-regular);
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}
.el-select-dropdown__item.is-hovering {
  background-color: var(--color-background-bg);
}

.el-select-dropdown__item.is-selected {
  color: var(--el-color-primary);
  font-weight: bold;
}

.el-select-dropdown__item.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
  background-color: unset;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  border-top: none;
  border-right: none;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--el-color-primary);
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  mask-size: 100% 100%;
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask-size: 100% 100%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
  background-color: var(--el-text-color-placeholder);
}

.el-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  height: 100%;
  background-color: var(--el-overlay-color-lighter);
  overflow: auto;
}
.el-overlay .el-overlay-root {
  height: 0;
}

.el-overlay {
  --el-overlay-color-lighter: var(--color-background-bg2-light);
  backdrop-filter: blur(0.2rem);
  z-index: 9997 !important;
}

.el-overlay.sNotificationsDrawerModal,
.el-overlay.theChatbotDrawerModal {
  --el-overlay-color-lighter: transparent;
  backdrop-filter: none;
  z-index: 9996 !important;
}

.el-overlay.theMenuDrawerModal {
  z-index: 9994 !important;
}

.el-pagination {
  --el-pagination-font-size: 14px;
  --el-pagination-bg-color: transparent;
  --el-pagination-text-color: var(--el-text-color-primary);
  --el-pagination-border-radius: 0px;
  --el-pagination-button-color: var(--el-text-color-primary);
  --el-pagination-button-width: 32px;
  --el-pagination-button-height: 32px;
  --el-pagination-button-disabled-color: var(--color-text-secondary);
  --el-pagination-button-disabled-bg-color: transparent;
  --el-pagination-button-bg-color: var(--el-fill-color);
  --el-pagination-hover-color: var(--el-color-primary);
  --el-pagination-font-size-small: 12px;
  --el-pagination-button-width-small: 24px;
  --el-pagination-button-height-small: 24px;
  --el-pagination-button-width-large: 40px;
  --el-pagination-button-height-large: 40px;
  --el-pagination-item-gap: 10px;
  white-space: nowrap;
  color: var(--el-pagination-text-color);
  font-size: var(--el-pagination-font-size);
  font-weight: normal;
  display: flex;
  align-items: center;
}
.el-pagination .el-input__inner {
  text-align: center;
  -moz-appearance: textfield;
}
.el-pagination .el-select {
  width: 128px;
}
.el-pagination .btn-prev,
.el-pagination .btn-next {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--el-pagination-font-size);
  min-width: var(--el-pagination-button-width);
  height: var(--el-pagination-button-height);
  line-height: var(--el-pagination-button-height);
  color: var(--el-pagination-button-color);
  background: var(--el-pagination-bg-color);
  padding: 0 4px;
  border: none;
  border-radius: var(--el-pagination-border-radius);
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
}
.el-pagination .btn-prev *,
.el-pagination .btn-next * {
  pointer-events: none;
}
.el-pagination .btn-prev:focus,
.el-pagination .btn-next:focus {
  outline: none;
}
.el-pagination .btn-prev:hover,
.el-pagination .btn-next:hover {
  color: var(--el-pagination-hover-color);
}
.el-pagination .btn-prev.is-active,
.el-pagination .btn-next.is-active {
  color: var(--el-pagination-hover-color);
  cursor: default;
  font-weight: bold;
}
.el-pagination .btn-prev.is-active.is-disabled,
.el-pagination .btn-next.is-active.is-disabled {
  font-weight: bold;
  color: var(--el-text-color-secondary);
}
.el-pagination .btn-prev:disabled, .el-pagination .btn-prev.is-disabled,
.el-pagination .btn-next:disabled,
.el-pagination .btn-next.is-disabled {
  color: var(--el-pagination-button-disabled-color);
  background-color: var(--el-pagination-button-disabled-bg-color);
  cursor: not-allowed;
}
.el-pagination .btn-prev:focus-visible,
.el-pagination .btn-next:focus-visible {
  outline: 1px solid var(--el-pagination-hover-color);
  outline-offset: -1px;
}
.el-pagination .btn-prev .el-icon,
.el-pagination .btn-next .el-icon {
  display: block;
  font-size: 12px;
  font-weight: bold;
  width: inherit;
}
.el-pagination > *.is-first {
  margin-left: 0 !important;
}

.el-pagination > *.is-last {
  margin-right: 0 !important;
}

.el-pagination .btn-prev {
  margin-left: var(--el-pagination-item-gap);
}
.el-pagination__sizes {
  margin-left: var(--el-pagination-item-gap);
  font-weight: normal;
  color: var(--el-text-color-regular);
}

.el-pagination__total {
  margin-left: var(--el-pagination-item-gap);
  font-weight: normal;
  color: var(--el-text-color-regular);
}
.el-pagination__total[disabled=true] {
  color: var(--el-text-color-placeholder);
}

.el-pagination__jump {
  display: flex;
  align-items: center;
  margin-left: var(--el-pagination-item-gap);
  font-weight: normal;
  color: var(--el-text-color-regular);
}
.el-pagination__jump[disabled=true] {
  color: var(--el-text-color-placeholder);
}
.el-pagination__goto {
  margin-right: 8px;
}

.el-pagination__editor {
  text-align: center;
  box-sizing: border-box;
}
.el-pagination__editor.el-input {
  width: 56px;
}
.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.el-pagination__classifier {
  margin-left: 8px;
}

.el-pagination__rightwrapper {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .el-pager li {
  margin: 0 4px;
  background-color: var(--el-pagination-button-bg-color);
}
.el-pagination.is-background .btn-prev.is-active,
.el-pagination.is-background .btn-next.is-active,
.el-pagination.is-background .el-pager li.is-active {
  background-color: var(--el-color-primary);
  color: var(--el-color-white);
}
.el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .btn-prev.is-disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-next.is-disabled,
.el-pagination.is-background .el-pager li:disabled,
.el-pagination.is-background .el-pager li.is-disabled {
  color: var(--el-text-color-placeholder);
  background-color: var(--el-disabled-bg-color);
}
.el-pagination.is-background .btn-prev:disabled.is-active, .el-pagination.is-background .btn-prev.is-disabled.is-active,
.el-pagination.is-background .btn-next:disabled.is-active,
.el-pagination.is-background .btn-next.is-disabled.is-active,
.el-pagination.is-background .el-pager li:disabled.is-active,
.el-pagination.is-background .el-pager li.is-disabled.is-active {
  color: var(--el-text-color-secondary);
  background-color: var(--el-fill-color-dark);
}
.el-pagination.is-background .btn-prev {
  margin-left: var(--el-pagination-item-gap);
}

.el-pagination--small .btn-prev,
.el-pagination--small .btn-next,
.el-pagination--small .el-pager li {
  height: var(--el-pagination-button-height-small);
  line-height: var(--el-pagination-button-height-small);
  font-size: var(--el-pagination-font-size-small);
  min-width: var(--el-pagination-button-width-small);
}
.el-pagination--small span:not([class*=suffix]),
.el-pagination--small button {
  font-size: var(--el-pagination-font-size-small);
}
.el-pagination--small .el-select {
  width: 100px;
}

.el-pagination--large .btn-prev,
.el-pagination--large .btn-next,
.el-pagination--large .el-pager li {
  height: var(--el-pagination-button-height-large);
  line-height: var(--el-pagination-button-height-large);
  min-width: var(--el-pagination-button-width-large);
}
.el-pagination--large .el-select .el-input {
  width: 160px;
}

.el-pager {
  user-select: none;
  list-style: none;
  font-size: 0;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.el-pager li {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--el-pagination-font-size);
  min-width: var(--el-pagination-button-width);
  height: var(--el-pagination-button-height);
  line-height: var(--el-pagination-button-height);
  color: var(--el-pagination-button-color);
  background: var(--el-pagination-bg-color);
  padding: 0 4px;
  border: none;
  border-radius: var(--el-pagination-border-radius);
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
}
.el-pager li * {
  pointer-events: none;
}
.el-pager li:focus {
  outline: none;
}
.el-pager li:hover {
  color: var(--el-pagination-hover-color);
}
.el-pager li.is-active {
  color: var(--el-pagination-hover-color);
  cursor: default;
  font-weight: bold;
}
.el-pager li.is-active.is-disabled {
  font-weight: bold;
  color: var(--el-text-color-secondary);
}
.el-pager li:disabled, .el-pager li.is-disabled {
  color: var(--el-pagination-button-disabled-color);
  background-color: var(--el-pagination-button-disabled-bg-color);
  cursor: not-allowed;
}
.el-pager li:focus-visible {
  outline: 1px solid var(--el-pagination-hover-color);
  outline-offset: -1px;
}

.el-pagination {
  font-size: 1.1rem;
  height: 3.5rem;
  color: var(--color-text-primary);
  border: 0.1rem solid var(--color-background-outstanding-light);
  background-color: var(--color-background-bg2);
  border-radius: var(--border-radius-basic);
  --el-pagination-font-size: 1.2rem;
  --el-pagination-bg-color: var(--color-background-bg2);
  --el-pagination-text-color: var(--color-text-primary);
  --el-pagination-button-width: 2.5rem;
  --el-pagination-button-height: 2.5rem;
  width: min-content;
  margin-left: auto;
  margin-right: 0;
}
.el-pagination .el-pagination__sizes {
  margin: 0;
  height: 3.5rem;
}
.el-pagination .el-pagination__sizes .el-select__wrapper {
  background: transparent;
  border: none;
  border-right: 0.1rem solid var(--color-background-outstanding-light);
  margin: 0;
  font-size: 1.1rem;
  height: 3.5rem;
}
.el-pagination .el-pagination__sizes .el-input.el-input--mini .el-input__inner {
  height: 22px;
  line-height: 22px;
  color: var(--color-text-primary);
}
.el-pagination .el-select__wrapper.is-focused {
  border: 0.1rem var(--color-primary) solid !important;
}
.el-pagination .el-input__inner {
  color: var(--color-text-primary);
}
.el-pagination .el-pagination__total {
  margin: 0;
  padding: 0 1.5rem;
  color: var(--color-text-primary);
}
.el-pagination .btn-prev {
  border-left: 0.1rem solid var(--color-background-outstanding-light);
  margin: 0;
}
.el-pagination .btn-prev .el-icon {
  font-weight: 800;
}
.el-pagination .el-pager .number {
  font-size: 1.1rem;
}
.el-pagination .el-pager .is-active.number {
  color: var(--color-text-button-primary);
  background-color: var(--color-primary);
  font-weight: 600;
  border-radius: 0.4rem;
}
.el-pagination .el-pager .more.btn-quicknext.el-icon {
  stroke: none;
  stroke-width: 3rem;
}
.el-pagination button:hover {
  font-weight: 700;
}
.el-pagination .btn-next {
  border-right: 0.1rem solid var(--color-background-outstanding);
  margin: 0;
  font-weight: 600;
}
.el-pagination .btn-next .el-icon svg {
  font-weight: 900;
}
.el-pagination .btn-next.is-last {
  border-right: none;
}
.el-pagination .el-pagination__jump {
  margin: 0;
  padding: 0 1rem;
  color: var(--color-text-primary);
}
.el-pagination .el-pagination__jump .el-select__wrapper {
  border: 0.1rem solid var(--color-background-outstanding-light);
  height: 2.5rem;
  color: var(--color-text-primary);
  font-size: 1.1rem;
  border-radius: 0.4rem;
}
.el-pagination .el-pager li:focus-visible {
  color: var(--color-primary);
  outline: none;
  font-weight: 700;
}
.el-pagination .btn-prev:focus-visible,
.el-pagination .btn-next:focus-visible {
  stroke: var(--color-primary);
  stroke-width: 5rem;
  outline: none;
}
.el-pagination .btn-prev[disabled],
.el-pagination .btn-next[disabled] {
  stroke: var(--el-pagination-button-disabled-color);
}

.el-popper {
  --el-popper-border-radius: var(--el-popover-border-radius, 4px);
  --el-popper-bg-color-light: var(--el-bg-color-overlay);
  --el-popper-bg-color-dark: var(--el-text-color-primary);
}

.el-popper {
  position: absolute;
  border-radius: var(--el-popper-border-radius);
  padding: 5px 11px;
  z-index: 2000;
  font-size: 12px;
  line-height: 20px;
  min-width: 10px;
  overflow-wrap: break-word;
  word-break: normal;
  visibility: visible;
}
.el-popper.is-dark {
  --el-fill-color-blank: var(--el-popper-bg-color-dark);
  color: var(--el-bg-color);
  background: var(--el-popper-bg-color-dark);
  border: 1px solid var(--el-text-color-primary);
}
.el-popper.is-dark > .el-popper__arrow::before {
  border: 1px solid var(--el-text-color-primary);
  background: var(--el-popper-bg-color-dark);
  right: 0;
}

.el-popper.is-light {
  --el-fill-color-blank: var(--el-popper-bg-color-light);
  background: var(--el-popper-bg-color-light);
  border: 1px solid var(--el-border-color-light);
}
.el-popper.is-light > .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
  background: var(--el-popper-bg-color-light);
  right: 0;
}

.el-popper.is-pure {
  padding: 0;
}

.el-popper__arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  z-index: -1;
}
.el-popper__arrow::before {
  position: absolute;
  width: 10px;
  height: 10px;
  z-index: -1;
  content: " ";
  transform: rotate(45deg);
  background: var(--el-text-color-primary);
  box-sizing: border-box;
}

.el-popper[data-popper-placement^=top] > .el-popper__arrow {
  bottom: -5px;
}
.el-popper[data-popper-placement^=top] > .el-popper__arrow::before {
  border-bottom-right-radius: 2px;
}
.el-popper[data-popper-placement^=bottom] > .el-popper__arrow {
  top: -5px;
}
.el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
  border-top-left-radius: 2px;
}
.el-popper[data-popper-placement^=left] > .el-popper__arrow {
  right: -5px;
}
.el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
  border-top-right-radius: 2px;
}
.el-popper[data-popper-placement^=right] > .el-popper__arrow {
  left: -5px;
}
.el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
  border-bottom-left-radius: 2px;
}
.el-popper[data-popper-placement^=top] > .el-popper__arrow::before {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
}
.el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
}
.el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
}
.el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}

.el-popper {
  border: none !important;
  border-radius: var(--border-radius-basic);
  z-index: 9995 !important;
}

.el-select__selection .el-tag {
  --el-tag-bg-color: var(--color-background-outstanding) !important;
  --el-tag-text-color: var(--color-text-primary) !important;
  --el-tag-border-color: transparent !important;
}

.el-popper.tooltip {
  color: var(--color-text-primary) !important;
  background: var(--color-tooltip) !important;
  min-width: 6rem !important;
  max-width: 50rem;
  padding: 0.5rem 1rem !important;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-style: italic;
  font-size: 1.1rem;
  word-break: break-word !important;
}

.el-popper.tooltip .el-popper__arrow::before {
  border: none;
  position: absolute;
  z-index: -999 !important;
  background: var(--color-tooltip) !important;
}

.el-popper.tooltip.info {
  padding: 1rem 1rem !important;
  align-items: flex-start;
  color: var(--color-background-bg) !important;
  user-select: none;
}
.el-popper.tooltip.info ul {
  margin-left: 2rem;
}
.el-popper.tooltip.info br {
  height: 0.5rem;
  content: "";
  display: block;
}

.el-select-v2__popper {
  background-color: var(--color-background-bg2) !important;
  box-shadow: var(--box-shadow-basic) !important;
}
.el-select-v2__popper .el-scrollbar__thumb {
  display: none;
}

.el-popper.is-pure .el-sub-menu {
  display: none;
}

.el-popper.is-light {
  box-shadow: var(--box-shadow-basic);
  background-color: var(--color-background-bg2) !important;
}

.el-popper.is-light .el-popper__arrow::before {
  background: var(--color-background-bg2);
  border: none !important;
  z-index: -1 !important;
}

.el-select__popper.el-popper {
  z-index: 9998 !important;
  background-color: var(--color-background-bg2) !important;
}

.el-popper[data-popper-placement^=right] > .el-popper__arrow {
  top: 10px !important;
}

.el-table-filter {
  height: auto;
  font-size: 1.1rem !important;
}
.el-table-filter .el-table-filter__checkbox-group {
  padding: 0.5rem;
  height: auto;
}
.el-table-filter button {
  padding: 0 3px;
  border: none;
  background-color: transparent;
}
.el-table-filter .el-checkbox {
  padding: 0.2rem;
  height: auto;
}
.el-table-filter .el-checkbox__label {
  font-size: 1.1rem;
}
.el-table-filter .el-table-filter__bottom {
  display: flex;
  justify-content: space-evenly;
  padding: 1rem 0rem;
}
.el-table-filter .el-table-filter__bottom button {
  font-size: 1.1rem;
  cursor: pointer;
}
.el-table-filter .el-table-filter__bottom button:hover {
  color: var(--color-primary);
}
.el-table-filter .el-checkbox-group {
  flex-direction: column;
}

.el-popover {
  --el-popover-bg-color: var(--color-background-bg);
  --el-popover-font-size: var(--el-font-size-base);
  --el-popover-border-color: var(--color-text-secondary);
  --el-popover-padding: 12px;
  --el-popover-padding-large: 18px 20px;
  --el-popover-title-font-size: 16px;
  --el-popover-title-text-color: var(--el-text-color-primary);
  --el-popover-border-radius: 4px;
}
.el-popover.el-popper {
  background: var(--el-popover-bg-color);
  min-width: 150px;
  border-radius: var(--el-popover-border-radius);
  border: 1px solid var(--el-popover-border-color);
  padding: var(--el-popover-padding);
  z-index: var(--el-index-popper);
  color: var(--el-text-color-regular);
  line-height: 1.4;
  font-size: var(--el-popover-font-size);
  box-shadow: var(--el-box-shadow-light);
  overflow-wrap: break-word;
  box-sizing: border-box;
}
.el-popover.el-popper--plain {
  padding: var(--el-popover-padding-large);
}

.el-popover__title {
  color: var(--el-popover-title-text-color);
  font-size: var(--el-popover-title-font-size);
  line-height: 1;
  margin-bottom: 12px;
}

.el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover {
  outline-width: 0;
}

.el-popover.el-popper.is-dark {
  --el-popover-bg-color: var(--el-text-color-primary);
  --el-popover-border-color: var(--el-text-color-primary);
  --el-popover-title-text-color: var(--el-bg-color);
  color: var(--el-bg-color);
}

.el-popover.el-popper:focus:active, .el-popover.el-popper:focus {
  outline-width: 0;
}

.el-popover.el-popper {
  background-color: var(--color-background-bg2);
  --el-popover-border-radius: var(--border-radius-basic);
  box-shadow: var(--box-shadow-basic);
  --el-popover-padding: 1.5rem;
}

.el-popover.el-popper.popperinfo {
  background: var(--color-tertiary-light-5);
  backdrop-filter: blur(0.4rem);
}

.el-popover.el-popper.popperinfo p.title-text {
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.4rem;
  display: flex;
  align-items: center;
  color: var(--el-color-white);
}

.el-popover.popover-autorefresh {
  min-width: 25rem !important;
}

.separator {
  background-color: var(--color-background-outstanding) !important;
  margin: 0.25rem 1.5rem;
}

.el-popover.popover-box-card {
  z-index: 9999 !important;
  width: 35rem !important;
}

.global-search-popover {
  z-index: 9999 !important;
  padding: 0rem !important;
  border-radius: 0.4rem !important;
}

.map-hierarchical-search {
  z-index: 9999 !important;
  padding: 1rem !important;
  border-radius: 0.4rem !important;
}

.el-popover.series-popover {
  width: 35rem !important;
  padding: 1rem !important;
}
.el-popover.series-popover .series-list {
  display: flex;
  gap: 0.3rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-height: 13rem;
  overflow-y: auto;
}

.groupby-popover .el-popover__title {
  font-weight: 600 !important;
  font-size: small !important;
}
.groupby-popover .groupBy-block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0rem;
}
.groupby-popover .groupBy-block .groupBy-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.groupby-popover .groupBy-block .groupBy-content .group-titles {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.groupby-popover .groupBy-block .groupBy-content .group-titles .groupBy-icons {
  display: flex;
  gap: 0.8rem;
}
.groupby-popover .groupBy-block .groupBy-content .group-titles .groupBy-icons i {
  color: var(--color-text-secondary);
  cursor: pointer;
}
.groupby-popover .groupBy-block .groupBy-content .group-titles .selected {
  color: var(--color-primary) !important;
}
.groupby-popover .groupBy-block .groupBy-content .group-titles .selected i {
  color: var(--color-primary) !important;
}

.el-progress {
  position: relative;
  line-height: 1;
  display: flex;
  align-items: center;
}
.el-progress__text {
  font-size: 14px;
  color: var(--el-text-color-regular);
  margin-left: 5px;
  min-width: 50px;
  line-height: 1;
}
.el-progress__text i {
  vertical-align: middle;
  display: block;
}

.el-progress--circle, .el-progress--dashboard {
  display: inline-block;
}
.el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translate(0, -50%);
}
.el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i {
  vertical-align: middle;
  display: inline-block;
}

.el-progress--without-text .el-progress__text {
  display: none;
}
.el-progress--without-text .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
  display: block;
}

.el-progress--text-inside .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
}

.el-progress.is-success .el-progress-bar__inner {
  background-color: var(--el-color-success);
}
.el-progress.is-success .el-progress__text {
  color: var(--el-color-success);
}

.el-progress.is-warning .el-progress-bar__inner {
  background-color: var(--el-color-warning);
}
.el-progress.is-warning .el-progress__text {
  color: var(--el-color-warning);
}

.el-progress.is-exception .el-progress-bar__inner {
  background-color: var(--el-color-danger);
}
.el-progress.is-exception .el-progress__text {
  color: var(--el-color-danger);
}

.el-progress-bar {
  flex-grow: 1;
  box-sizing: border-box;
}
.el-progress-bar__outer {
  height: 6px;
  border-radius: 100px;
  background-color: var(--el-border-color-lighter);
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}

.el-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: var(--el-color-primary);
  text-align: right;
  border-radius: 100px;
  line-height: 1;
  white-space: nowrap;
  transition: width 0.6s ease;
}
.el-progress-bar__inner::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-progress-bar__inner--indeterminate {
  transform: translateZ(0);
  animation: indeterminate 3s infinite;
}

.el-progress-bar__inner--striped {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
  background-size: 1.25em 1.25em;
}
.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow {
  animation: striped-flow 3s linear infinite;
}

.el-progress-bar__innerText {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  font-size: 12px;
  margin: 0 5px;
}

@keyframes progress {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 32px 0;
  }
}
@keyframes indeterminate {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes striped-flow {
  0% {
    background-position: -100%;
  }
  100% {
    background-position: 100%;
  }
}
.el-progress {
  min-width: 25rem;
}
.el-progress .el-progress-bar__inner {
  background-color: var(--color-primary);
}
.el-progress .el-progress-bar__outer {
  background-color: var(--color-background-outstanding);
}

.el-radio {
  --el-radio-font-size: var(--el-font-size-base);
  --el-radio-text-color: var(--el-text-color-regular);
  --el-radio-font-weight: var(--el-font-weight-primary);
  --el-radio-input-height: 14px;
  --el-radio-input-width: 14px;
  --el-radio-input-border-radius: var(--el-border-radius-circle);
  --el-radio-input-bg-color: var(--el-fill-color-blank);
  --el-radio-input-border: var(--el-border);
  --el-radio-input-border-color: var(--el-border-color);
  --el-radio-input-border-color-hover: var(--el-color-primary);
}

.el-radio {
  color: var(--el-radio-text-color);
  font-weight: var(--el-radio-font-weight);
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  outline: none;
  font-size: var(--el-font-size-base);
  user-select: none;
  margin-right: 30px;
  height: 40px;
}
.el-radio.el-radio--large {
  height: 45px;
}
.el-radio.el-radio--small {
  height: 35px;
}
.el-radio.is-bordered {
  padding: 0 15px 0 9px;
  border-radius: var(--el-border-radius-base);
  border: var(--el-border);
  box-sizing: border-box;
}
.el-radio.is-bordered.is-checked {
  border-color: var(--el-color-primary);
}
.el-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: var(--el-border-color-lighter);
}
.el-radio.is-bordered.el-radio--large {
  padding: 0 19px 0 11px;
  border-radius: var(--el-border-radius-base);
}
.el-radio.is-bordered.el-radio--large .el-radio__label {
  font-size: var(--el-font-size-base);
}
.el-radio.is-bordered.el-radio--large .el-radio__inner {
  height: 14px;
  width: 14px;
}
.el-radio.is-bordered.el-radio--small {
  padding: 0 11px 0 7px;
  border-radius: var(--el-border-radius-base);
}
.el-radio.is-bordered.el-radio--small .el-radio__label {
  font-size: 12px;
}
.el-radio.is-bordered.el-radio--small .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio:last-child {
  margin-right: 0;
}
.el-radio__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.el-radio__input.is-disabled .el-radio__inner {
  background-color: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
  cursor: not-allowed;
}
.el-radio__input.is-disabled .el-radio__inner::after {
  cursor: not-allowed;
  background-color: var(--el-disabled-bg-color);
}
.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  cursor: not-allowed;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
}
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: var(--el-text-color-placeholder);
}
.el-radio__input.is-disabled + span.el-radio__label {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: var(--el-color-primary);
  background: var(--el-color-primary);
}
.el-radio__input.is-checked .el-radio__inner::after {
  background-color: var(--el-color-white);
  transform: translate(-50%, -50%) scale(1);
}
.el-radio__input.is-checked + .el-radio__label {
  color: var(--el-color-primary);
}

.el-radio__input.is-focus .el-radio__inner {
  border-color: var(--el-radio-input-border-color-hover);
}

.el-radio__inner {
  border: var(--el-radio-input-border);
  border-radius: var(--el-radio-input-border-radius);
  width: var(--el-radio-input-width);
  height: var(--el-radio-input-height);
  background-color: var(--el-radio-input-bg-color);
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  transition: all 0.3s;
}
.el-radio__inner:hover {
  border-color: var(--el-radio-input-border-color-hover);
}
.el-radio__inner::after {
  width: 4px;
  height: 4px;
  border-radius: var(--el-radio-input-border-radius);
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in;
}

.el-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.el-radio__original:focus-visible + .el-radio__inner {
  outline: 2px solid var(--el-radio-input-border-color-hover);
  outline-offset: 1px;
  border-radius: var(--el-radio-input-border-radius);
}

.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) {
  /*获得焦点时 样式提醒*/
}
.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  box-shadow: 0 0 2px 2px var(--el-radio-input-border-color-hover);
}
.el-radio__label {
  font-size: var(--el-radio-font-size);
  padding-left: 8px;
}

.el-radio.el-radio--large .el-radio__label {
  font-size: 14px;
}

.el-radio.el-radio--large .el-radio__inner {
  width: 14px;
  height: 14px;
}

.el-radio.el-radio--small .el-radio__label {
  font-size: 12px;
}

.el-radio.el-radio--small .el-radio__inner {
  width: 12px;
  height: 12px;
}

.el-radio {
  color: var(--color-text-primary) !important;
}
.el-radio .el-radio__inner {
  width: 1.2rem;
  height: 1.2rem;
  border-width: 0.15rem;
  background-color: transparent;
}
.el-radio .el-radio__inner::after {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: var(--color-primary);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.el-radio:not(.is-checked):not(.is-disabled) .el-radio__inner {
  border-color: var(--color-text-primary);
}
.el-radio:not(.is-checked):not(.is-disabled):hover .el-radio__inner {
  border-color: var(--color-primary);
}
.el-radio:not(.is-checked):not(.is-disabled) .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(0) !important;
}
.el-radio.is-checked .el-radio__inner {
  border-color: var(--color-primary) !important;
  background-color: transparent !important;
}
.el-radio.is-checked .el-radio__inner::after {
  width: 0.6rem !important;
  height: 0.6rem !important;
  background-color: var(--color-primary) !important;
  transform: translate(-50%, -50%) scale(1) !important;
}
.el-radio.is-disabled .el-radio__inner {
  background-color: transparent !important;
  border-color: var(--color-background-outstanding) !important;
}
.el-radio.is-disabled .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(0);
}
.el-radio.is-disabled.is-checked .el-radio__inner {
  background-color: transparent !important;
  border-color: var(--color-background-outstanding) !important;
}
.el-radio.is-disabled.is-checked .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(1);
  background-color: var(--color-background-outstanding) !important;
}
.el-radio.is-error .el-radio__inner {
  border-color: var(--color-error) !important;
}
.el-radio.is-error .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(0);
}
.el-radio.is-error.is-checked .el-radio__inner::after {
  background-color: var(--color-error) !important;
  transform: translate(-50%, -50%) scale(1);
}
.el-radio .el-radio__input.is-focus .el-radio__inner,
.el-radio .el-radio__original:focus-visible + .el-radio__inner {
  outline: none !important;
  box-shadow: none !important;
}
.el-radio:not(.is-disabled):not(.is-checked) .el-radio__input.is-focus .el-radio__inner, .el-radio:not(.is-disabled):not(.is-checked) .el-radio__original:focus-visible + .el-radio__inner {
  border-color: var(--color-primary) !important;
}
.el-radio.is-checked .el-radio__label, .el-radio.is-disabled .el-radio__label {
  color: var(--color-text-primary) !important;
}

.el-radio-group {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 0;
}

.el-radio-group {
  gap: 0.25rem;
  display: flex;
  align-items: center;
}

.el-radio-button {
  --el-radio-button-checked-bg-color: transparent;
  --el-radio-button-checked-text-color: var(--color-primary);
  --el-radio-button-checked-border-color: var(--color-primary);
  --el-radio-button-disabled-checked-fill: var(--el-border-color-extra-light);
}

.el-radio-button {
  position: relative;
  display: inline-block;
  outline: none;
}
.el-radio-button__inner {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  background: var(--el-button-bg-color, var(--el-fill-color-blank));
  outline: var(--el-border);
  font-weight: var(--el-button-font-weight, var(--el-font-weight-primary));
  color: var(--el-button-text-color, var(--el-text-color-regular));
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  cursor: pointer;
  transition: var(--el-transition-all);
  user-select: none;
  padding: 8px 15px;
  font-size: var(--el-font-size-base);
  border-radius: 0;
}
.el-radio-button__inner.is-round {
  padding: 8px 15px;
}
.el-radio-button__inner:hover {
  color: var(--el-color-primary);
}
.el-radio-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-radio-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-radio-button:first-child .el-radio-button__inner {
  border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
  box-shadow: none !important;
}
.el-radio-button.is-active .el-radio-button__original-radio:not(:disabled) + .el-radio-button__inner {
  color: var(--el-radio-button-checked-text-color, var(--color-primary));
  background-color: var(--el-radio-button-checked-bg-color, transparent);
  border-color: var(--el-radio-button-checked-border-color, var(--color-primary));
  box-shadow: -1px 0 0 0 var(--el-radio-button-checked-border-color, var(--color-primary));
}

.el-radio-button__original-radio {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
}
.el-radio-button__original-radio:focus-visible + .el-radio-button__inner {
  border-left: var(--el-border);
  border-left-color: var(--el-radio-button-checked-border-color, var(--color-primary));
  outline: 2px solid var(--el-radio-button-checked-border-color);
  outline-offset: 1px;
  z-index: 2;
  border-radius: var(--el-border-radius-base);
  box-shadow: none;
}
.el-radio-button__original-radio:disabled + .el-radio-button__inner {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
  border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
  box-shadow: none;
}
.el-radio-button__original-radio:disabled:checked + .el-radio-button__inner {
  background-color: var(--el-radio-button-disabled-checked-fill);
}

.el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
}
.el-radio-button:first-child:last-child .el-radio-button__inner {
  border-radius: var(--el-border-radius-base);
}
.el-radio-button--large .el-radio-button__inner {
  padding: 12px 19px;
  font-size: var(--el-font-size-base);
  border-radius: 0;
}
.el-radio-button--large .el-radio-button__inner.is-round {
  padding: 12px 19px;
}

.el-radio-button--small .el-radio-button__inner {
  padding: 5px 11px;
  font-size: 12px;
  border-radius: 0;
}
.el-radio-button--small .el-radio-button__inner.is-round {
  padding: 5px 11px;
}

.el-radio-button .el-radio-button__inner {
  border: none !important;
  font-size: 1.1rem !important;
  font-weight: 600;
  border-radius: 0.4rem !important;
  background-color: var(--color-background-outstanding);
  color: var(--color-text-primary) !important;
}

.el-radio-button:hover .el-radio-button__inner {
  background-color: var(--color-background-outstanding-light) !important;
  color: var(--color-text-primary) !important;
}

.el-radio-button.is-focus .el-radio-button__inner {
  outline: none !important;
  transform: scale(1.01);
}

.el-radio-button.is-active .el-radio-button__inner {
  background-color: var(--color-primary) !important;
  color: var(--el-color-white) !important;
}

.el-radio-button.is-disabled .el-radio-button__inner {
  background-color: var(--color-background-bg-light) !important;
  color: var(--color-background-outstanding) !important;
}

.el-row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  box-sizing: border-box;
}
.el-row.is-justify-center {
  justify-content: center;
}

.el-row.is-justify-end {
  justify-content: flex-end;
}

.el-row.is-justify-space-between {
  justify-content: space-between;
}

.el-row.is-justify-space-around {
  justify-content: space-around;
}

.el-row.is-justify-space-evenly {
  justify-content: space-evenly;
}

.el-row.is-align-top {
  align-items: flex-start;
}

.el-row.is-align-middle {
  align-items: center;
}

.el-row.is-align-bottom {
  align-items: flex-end;
}

.el-form .el-row {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0rem;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  margin: 0rem !important;
}

.el-scrollbar {
  --el-scrollbar-opacity: 0.5;
  --el-scrollbar-bg-color: var(--el-text-color-secondary);
  --el-scrollbar-hover-opacity: 0.7;
  --el-scrollbar-hover-bg-color: var(--el-text-color-secondary);
}

.el-scrollbar {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.el-scrollbar__wrap {
  overflow: auto;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  display: none;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
  transition: var(--el-transition-duration) background-color;
  opacity: var(--el-scrollbar-opacity, 0.5);
}
.el-scrollbar__thumb:hover {
  background-color: var(--el-scrollbar-hover-bg-color, var(--el-text-color-secondary));
  opacity: var(--el-scrollbar-hover-opacity, 0.7);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.el-scrollbar-fade-enter-active {
  transition: opacity 340ms ease-out;
}
.el-scrollbar-fade-leave-active {
  transition: opacity 120ms ease-out;
}
.el-scrollbar-fade-enter-from, .el-scrollbar-fade-leave-active {
  opacity: 0;
}

.el-scrollbar__thumb {
  background-color: var(--color-background-outstanding);
}

.el-scrollbar__thumb:hover,
.el-scrollbar__thumb:focus,
.el-scrollbar__thumb:active {
  background-color: var(--el-text-color-secondary);
  opacity: var(0.5);
}

.el-scrollbar__bar {
  right: 0px;
  bottom: 0px;
}

.el-scrollbar__view {
  padding-right: 1rem;
}

.el-scrollbar__bar.is-vertical {
  width: 0.5rem;
}

.el-scrollbar__bar.is-horizontal {
  height: 0.5rem;
}

.sMapFilterModal-items-scroll-view {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.el-segmented--vertical {
  flex-direction: column;
}
.el-segmented--vertical .el-segmented__item {
  padding: 11px 11px;
}

.el-segmented {
  --el-segmented-color: var(--el-text-color-regular);
  --el-segmented-bg-color: var(--el-fill-color-light);
  --el-segmented-padding: 2px;
  --el-segmented-item-selected-color: var(--el-color-white);
  --el-segmented-item-selected-bg-color: var(--el-color-primary);
  --el-segmented-item-selected-disabled-bg-color: var(--el-color-primary-light-5);
  --el-segmented-item-hover-color: var(--el-text-color-primary);
  --el-segmented-item-hover-bg-color: var(--el-fill-color-dark);
  --el-segmented-item-active-bg-color: var(--el-fill-color-darker);
  --el-segmented-item-disabled-color: var(--el-text-color-placeholder);
}

.el-segmented {
  display: inline-flex;
  align-items: stretch;
  min-height: 40px;
  background: var(--el-segmented-bg-color);
  padding: var(--el-segmented-padding);
  border-radius: var(--el-border-radius-base);
  font-size: 14px;
  color: var(--el-segmented-color);
  box-sizing: border-box;
}
.el-segmented__group {
  display: flex;
  align-items: stretch;
  position: relative;
  width: 100%;
}

.el-segmented__item-selected {
  position: absolute;
  top: 0;
  left: 0;
  background: var(--el-segmented-item-selected-bg-color);
  height: 100%;
  width: 10px;
  border-radius: calc(var(--el-border-radius-base) - 2px);
  transition: all 0.3s;
  pointer-events: none;
}
.el-segmented__item-selected.is-disabled {
  background: var(--el-segmented-item-selected-disabled-bg-color);
}

.el-segmented__item-selected.is-focus-visible:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: inherit;
  outline: 2px solid var(--el-segmented-item-selected-bg-color);
  outline-offset: 1px;
}

.el-segmented__item {
  display: flex;
  align-items: center;
  flex: 1;
  cursor: pointer;
  border-radius: calc(var(--el-border-radius-base) - 2px);
  padding: 0 11px;
}
.el-segmented__item:not(.is-disabled):not(.is-selected):hover {
  color: var(--el-segmented-item-hover-color);
  background: var(--el-segmented-item-hover-bg-color);
}
.el-segmented__item:not(.is-disabled):not(.is-selected):active {
  background: var(--el-segmented-item-active-bg-color);
}
.el-segmented__item.is-selected {
  color: var(--el-segmented-item-selected-color);
}
.el-segmented__item.is-selected.is-disabled {
  color: var(--el-segmented-item-selected-color);
}

.el-segmented__item.is-disabled {
  cursor: not-allowed;
  color: var(--el-segmented-item-disabled-color);
}

.el-segmented__item-input {
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.el-segmented__item-label {
  flex: 1;
  text-align: center;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.3s;
  z-index: 1;
}

.el-segmented.is-block {
  display: flex;
}
.el-segmented.is-block .el-segmented__item {
  min-width: 0;
}

.el-segmented--large {
  min-height: 45px;
  border-radius: var(--el-border-radius-base);
  font-size: 16px;
}
.el-segmented--large .el-segmented__item-selected {
  border-radius: calc(var(--el-border-radius-base) - 2px);
}

.el-segmented--large .el-segmented--vertical .el-segmented__item {
  padding: 11px 11px;
}

.el-segmented--large .el-segmented__item {
  border-radius: calc(var(--el-border-radius-base) - 2px);
  padding: 0 11px;
}

.el-segmented--small {
  min-height: 35px;
  border-radius: calc(var(--el-border-radius-base) - 1px);
  font-size: 14px;
}
.el-segmented--small .el-segmented__item-selected {
  border-radius: calc(calc(var(--el-border-radius-base) - 1px) - 2px);
}

.el-segmented--small .el-segmented--vertical .el-segmented__item {
  padding: 7px 7px;
}

.el-segmented--small .el-segmented__item {
  border-radius: calc(calc(var(--el-border-radius-base) - 1px) - 2px);
  padding: 0 7px;
}

.el-segmented {
  background-color: transparent;
  --el-border-radius-base: 0.8rem;
  border: 0.1rem solid var(--color-background-outstanding);
  min-height: 3rem;
}
.el-segmented.is-block {
  width: 100%;
}
.el-segmented .el-segmented__item {
  background-color: var(--color-background-bg2);
}
.el-segmented .el-segmented__item:not(.is-disabled):not(.is-selected):hover {
  color: var(--color-text-primary);
  background: var(--color-background-outstanding);
}

.el-select-dropdown {
  z-index: calc(var(--el-index-top) + 1);
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
}
.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  padding: 0;
}

.el-select-dropdown__loading {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: var(--el-text-color-secondary);
  font-size: var(--el-select-font-size);
}

.el-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: var(--el-text-color-secondary);
  font-size: var(--el-select-font-size);
}

.el-select-dropdown__wrap {
  max-height: 274px;
}

.el-select-dropdown__list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  box-sizing: border-box;
}
.el-select-dropdown__list.el-vl__window {
  margin: 6px 0;
  padding: 0;
}

.el-select-dropdown__header {
  padding: 10px;
  border-bottom: 1px solid var(--el-border-color-light);
}

.el-select-dropdown__footer {
  padding: 10px;
  border-top: 1px solid var(--el-border-color-light);
}

.el-select-group {
  margin: 0;
  padding: 0;
}
.el-select-group__wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.el-select-group__title {
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 12px;
  color: var(--el-color-info);
  line-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-select-group .el-select-dropdown__item {
  padding-left: 20px;
}

.el-select {
  --el-select-border-color-hover: transparent;
  --el-select-disabled-color: var(--el-disabled-text-color);
  --el-select-disabled-border: var(--el-disabled-border-color);
  --el-select-font-size: var(--el-font-size-base);
  --el-select-close-hover-color: var(--el-text-color-secondary);
  --el-select-input-color: var(--el-text-color-placeholder);
  --el-select-multiple-input-color: var(--el-text-color-regular);
  --el-select-input-focus-border-color: var(--el-color-primary);
  --el-select-input-font-size: 14px;
  --el-select-width: 100%;
}

.el-select {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: var(--el-select-width);
}
.el-select__wrapper {
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  text-align: left;
  font-size: 14px;
  padding: 4px 12px;
  gap: 6px;
  min-height: 40px;
  line-height: 24px;
  border-radius: var(--el-border-radius-base);
  background-color: var(--el-fill-color-blank);
  transition: var(--el-transition-duration);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 0 1px var(--el-border-color) inset;
}
.el-select__wrapper.is-filterable {
  cursor: text;
}

.el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
}

.el-select__wrapper.is-hovering:not(.is-focused) {
  box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
}

.el-select__wrapper.is-disabled {
  cursor: not-allowed;
  background-color: var(--el-fill-color-light);
  color: var(--el-text-color-placeholder);
  box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset;
}
.el-select__wrapper.is-disabled:hover {
  box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset;
}
.el-select__wrapper.is-disabled.is-focus {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-select__wrapper.is-disabled .el-select__selected-item {
  color: var(--el-select-disabled-color);
}

.el-select__wrapper.is-disabled .el-select__caret {
  cursor: not-allowed;
}

.el-select__wrapper.is-disabled .el-tag {
  cursor: not-allowed;
}
.el-select__wrapper.is-disabled input {
  cursor: not-allowed;
}
.el-select__wrapper.is-disabled .el-select__prefix,
.el-select__wrapper.is-disabled .el-select__suffix {
  pointer-events: none;
}

.el-select__prefix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}

.el-select__suffix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}

.el-select__caret {
  color: var(--el-select-input-color);
  font-size: var(--el-select-input-font-size);
  transition: var(--el-transition-duration);
  transform: rotateZ(0deg);
  cursor: pointer;
}
.el-select__caret.is-reverse {
  transform: rotateZ(180deg);
}

.el-select__clear {
  cursor: pointer;
}
.el-select__clear:hover {
  color: var(--el-select-close-hover-color);
}

.el-select__selection {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 6px;
}
.el-select__selection.is-near {
  margin-left: -8px;
}

.el-select__selection .el-tag {
  cursor: pointer;
  border-color: transparent;
}
.el-select__selection .el-tag.el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-select__selection .el-tag .el-tag__content {
  min-width: 0;
}

.el-select__selected-item {
  display: flex;
  flex-wrap: wrap;
  user-select: none;
}

.el-select__tags-text {
  display: block;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-select__placeholder {
  position: absolute;
  z-index: -1;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--el-input-text-color, var(--el-text-color-regular));
}
.el-select__placeholder.is-transparent {
  user-select: none;
  color: var(--el-text-color-placeholder);
}

.el-select__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  box-shadow: var(--el-box-shadow-light);
}
.el-select__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
}
.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.el-select__input-wrapper {
  flex: 1;
}
.el-select__input-wrapper.is-hidden {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.el-select__input {
  border: none;
  outline: none;
  padding: 0;
  color: var(--el-select-multiple-input-color);
  font-size: inherit;
  font-family: inherit;
  appearance: none;
  height: 24px;
  width: 100%;
  background-color: transparent;
}

.el-select__input-calculator {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  visibility: hidden;
  white-space: pre;
  overflow: hidden;
}

.el-select--large .el-select__wrapper {
  gap: 6px;
  padding: 8px 16px;
  min-height: 45px;
  line-height: 24px;
  font-size: 14px;
}

.el-select--large .el-select__selection {
  gap: 6px;
}
.el-select--large .el-select__selection.is-near {
  margin-left: -8px;
}

.el-select--large .el-select__prefix {
  gap: 6px;
}

.el-select--large .el-select__suffix {
  gap: 6px;
}

.el-select--large .el-select__input {
  height: 24px;
}

.el-select--small .el-select__wrapper {
  gap: 4px;
  padding: 2px 8px;
  min-height: 35px;
  line-height: 20px;
  font-size: 12px;
}

.el-select--small .el-select__selection {
  gap: 4px;
}
.el-select--small .el-select__selection.is-near {
  margin-left: -6px;
}

.el-select--small .el-select__prefix {
  gap: 4px;
}

.el-select--small .el-select__suffix {
  gap: 4px;
}

.el-select--small .el-select__input {
  height: 20px;
}

.el-select {
  font-size: 1.2rem;
  --el-select-multiple-input-color: var(--color-text-primary);
}
.el-select .el-select__tags-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}
.el-select .el-select__selection .el-tag {
  --el-tag-bg-color: var(--color-background-outstanding);
  --el-tag-text-color: var(--color-text-primary);
  --el-tag-border-color: transparent;
  -webkit-text-fill-color: initial;
}
.el-select .el-tag {
  --el-tag-bg-color: var(--color-background-outstanding);
  --el-tag-text-color: var(--color-text-primary);
  --el-tag-border-color: transparent;
}
.el-select .el-tag .el-tag__close {
  background-color: var(--color-background-outstanding);
  color: var(--color-text-secondary);
}
.el-select .el-tag .el-tag__content {
  font-weight: 700;
  font-size: 0.9rem;
}
.el-select .el-select__wrapper {
  min-height: 2.5rem;
  font-size: 1.2rem;
  box-shadow: none !important;
  position: relative;
  display: flex;
  box-sizing: border-box;
  background-color: var(--color-background-bg2);
  border: 0.1rem solid var(--color-background-outstanding);
  height: 3rem;
  transition: none;
}
.el-select .el-select__wrapper .el-tag {
  -webkit-text-fill-color: initial;
}
.el-select .el-select__wrapper .el-select__placeholder {
  color: var(--color-text-primary);
}
.el-select .el-select__wrapper .el-select__placeholder.is-transparent {
  color: var(--color-text-secondary);
}
.el-select .el-select__wrapper.is-disabled {
  background-color: var(--color-background-outstanding-light) !important;
  border: 0.1rem solid var(--color-background-outstanding-light) !important;
  color: var(--color-text-secondary) !important;
  -webkit-text-fill-color: var(--el-disabled-text-color);
}
.el-select .el-select__wrapper.is-disabled .el-select__placeholder {
  color: var(--color-text-secondary);
}
.el-select .el-select__wrapper.is-disabled .el-select__placeholder.is-transparent {
  color: var(--color-text-secondary);
}
.el-select .el-input__wrapper.is-focus {
  border: 0.1rem var(--color-primary) solid !important;
  box-shadow: none !important;
}
.el-select .el-input.is-focus .el-input__wrapper {
  box-shadow: none !important;
}
.el-select .el-input.is-disabled .el-input__wrapper {
  background: var(--color-background-outstanding-light);
}
.el-select .el-input.is-disabled .el-input__wrapper:hover {
  background: var(--color-background-outstanding-light);
  border: transparent;
  box-shadow: none;
}

.el-select__popper.el-popper {
  background-color: var(--color-background-bg2);
  border-radius: var(--border-radius-basic);
  box-shadow: var(--box-shadow-basic) !important;
}

.el-select__popper.el-popper.el-popper__arrow::before {
  background: var(--color-background-bg2);
  border: none !important;
}

.el-form-item.is-error .el-select .el-select__wrapper {
  border: 0.1rem solid var(--el-color-danger) !important;
  box-shadow: none !important;
}
.el-form-item.is-error .el-select.is-focus .el-select__wrapper, .el-form-item.is-error .el-select:focus-within .el-select__wrapper {
  border: 0.1rem solid var(--color-primary) !important;
}

.el-select-dropdown .el-select-dropdown__item {
  font-size: 1.2rem;
  color: var(--color-text-primary);
  background-color: var(--color-background-bg2);
  font-weight: 500 !important;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  padding-left: 1rem !important;
}
.el-select-dropdown .el-select-dropdown__item:nth-last-child(1) {
  border-bottom: transparent;
}
.el-select-dropdown .el-select-dropdown__option-item {
  color: var(--color-text-primary);
  font-size: 1.2rem;
  background-color: transparent;
}
.el-select-dropdown .el-select-dropdown__item:not(:last-child):after {
  content: "";
  height: 0.1rem;
  position: absolute;
  background-color: var(--color-background-outstanding-light);
  margin-top: 3.3rem;
  width: 100%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.el-select-dropdown .el-select-dropdown__item.is-selected {
  color: var(--color-primary);
  background-color: var(--color-background-bg) !important;
}
.el-select-dropdown .el-select-dropdown__item.is-selected::before {
  display: block;
  content: " ";
  position: absolute;
  left: 0rem;
  top: 0rem;
  bottom: 0rem;
  width: 0.3rem;
  border-radius: 0.2rem 0rem 0rem 0.2rem !important;
  background-color: var(--color-primary);
  z-index: 2;
}
.el-select-dropdown .el-select-dropdown__item.is-selected:focus,
.el-select-dropdown .el-select-dropdown__item.is-selected.is-hovering {
  background-color: var(--color-background-outstanding-light) !important;
}
.el-select-dropdown .el-select-dropdown__item:hover,
.el-select-dropdown .el-select-dropdown__item.is-hovering {
  background-color: var(--color-background-bg) !important;
}
.el-select-dropdown .el-select-dropdown__item.is-disabled {
  color: var(--color-text-secondary);
}
.el-select-dropdown .el-select-dropdown__item.is-disabled:hover {
  background-color: transparent !important;
}
.el-select-dropdown .el-select-dropdown__option-item.is-hovering {
  background-color: transparent !important;
}
.el-select-dropdown .el-select-dropdown__option-item.is-selected {
  background-color: var(--el-color-primary-light-1) !important;
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  border-top: none;
  border-right: none;
  background-repeat: no-repeat;
  background-position: center;
}
.el-select-dropdown .el-select-dropdown__option-item.is-selected.is-hovering {
  background-color: var(--el-color-primary-light-2) !important;
}
.el-select-dropdown .el-select-dropdown__list {
  margin: 0 !important;
  padding: 0.75rem !important;
  border-radius: 0.4rem !important;
  border: none;
  background: var(--color-background-bg2) !important;
}
.el-select-dropdown .el-select-dropdown__list > div {
  position: relative;
}
.el-select-dropdown .el-vl__wrapper {
  margin: 0.75rem 0 !important;
}
.el-select-dropdown .el-vl__wrapper .el-select-dropdown__list {
  padding: 0 0.75rem !important;
}
.el-select-dropdown .el-select-dropdown__empty {
  padding: 1rem;
  color: var(--color-text-primary);
}
.el-select-dropdown .el-select-dropdown__wrap.el-scrollbar__wrap.el-scrollbar__wrap--hidden-default {
  background-color: var(--color-background-bg2);
  border-radius: 0.4rem !important;
}

.el-select-v2 {
  height: 3rem;
  font-size: 1.2rem;
}
.el-select-v2 .el-select-v2__wrapper {
  transition: none;
  color: var(--color-text-primary);
  border: 0.1rem solid var(--color-background-outstanding);
  background-color: var(--color-background-bg2);
}
.el-select-v2 .el-select-v2__wrapper .el-select-v2__placeholder.is-transparent {
  font-size: 1.2rem;
}
.el-select-v2 .el-select-v2__wrapper .el-select-v2__selection .el-tag {
  background-color: var(--el-color-primary-light-2);
}
.el-select-v2 .el-select-v2__wrapper .el-select-v2__selection .el-tag .el-tag__close {
  color: var(--color-primary);
  font-weight: 600;
  background-color: var(--color-primary-light-3);
}
.el-select-v2 .el-select-v2__wrapper .el-select-v2__selection .el-tag .el-tag__content {
  color: var(--color-primary);
  font-weight: 700;
  font-size: 0.9rem;
}
.el-select-v2 .el-select-v2__wrapper .el-select-v2__selection .el-tag .el-tag .is-closable {
  padding: 0;
}
.el-select-v2 .el-select-v2__wrapper .el-select-v2__suffix {
  font-size: 1.1rem;
}
.el-select-v2 .el-select-v2__wrapper.is-focused,
.el-select-v2 .el-select-v2__wrapper.is-focused.is-hovering {
  border: 0.1rem solid var(--color-primary) !important;
}
.el-select-v2 .el-select-v2__wrapper.is-hovering {
  border: 0.1rem solid var(--color-background-outstanding);
}

.el-select-v2__popper {
  background-color: var(--color-background-bg2) !important;
  box-shadow: var(--box-shadow-basic) !important;
  border-radius: var(--border-radius-basic);
}
.el-select-v2__popper .el-scrollbar__thumb {
  display: none !important;
}

.el-select-v2__popper.el-popper .el-popper__arrow::before {
  background: var(--color-background-bg2);
  border: none;
}

span.el-select-v2__placeholder {
  color: var(--color-text-primary);
}

.el-select-v2__caret.el-icon {
  stroke: var(--color-text-primary);
}

.el-select-v2__wrapper.is-focused i {
  stroke: var(--color-primary);
}

.no-scroll .el-scrollbar__thumb {
  display: none !important;
}

.svirtualdropdown-popper .el-select-dropdown__empty {
  min-height: 20rem;
}

.semipolar-spinner .ring {
  border-top-color: var(--color-primary) !important;
  border-left-color: var(--color-primary) !important;
}

.el-step {
  position: relative;
  flex-shrink: 1;
}
.el-step:last-of-type .el-step__line {
  display: none;
}

.el-step:last-of-type.is-flex {
  flex-basis: auto !important;
  flex-shrink: 0;
  flex-grow: 0;
}

.el-step:last-of-type .el-step__main, .el-step:last-of-type .el-step__description {
  padding-right: 0;
}

.el-step__head {
  position: relative;
  width: 100%;
}
.el-step__head.is-process {
  color: var(--el-text-color-primary);
  border-color: var(--el-text-color-primary);
}

.el-step__head.is-wait {
  color: var(--el-text-color-placeholder);
  border-color: var(--el-text-color-placeholder);
}

.el-step__head.is-success {
  color: var(--el-color-success);
  border-color: var(--el-color-success);
}

.el-step__head.is-error {
  color: var(--el-color-danger);
  border-color: var(--el-color-danger);
}

.el-step__head.is-finish {
  color: var(--el-color-primary);
  border-color: var(--el-color-primary);
}

.el-step__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  box-sizing: border-box;
  background: var(--el-bg-color);
  transition: 0.15s ease-out;
}
.el-step__icon.is-text {
  border-radius: 50%;
  border: 2px solid;
  border-color: currentColor;
}

.el-step__icon.is-icon {
  width: 40px;
}

.el-step__icon-inner {
  display: inline-block;
  user-select: none;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}
.el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: 25px;
  font-weight: normal;
}
.el-step__icon-inner.is-status {
  transform: translateY(1px);
}

.el-step__line {
  position: absolute;
  border-color: currentColor;
  background-color: var(--el-text-color-placeholder);
}

.el-step__line-inner {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: currentColor;
  transition: 0.15s ease-out;
  box-sizing: border-box;
  width: 0;
  height: 0;
}

.el-step__main {
  white-space: normal;
  text-align: left;
}

.el-step__title {
  font-size: 16px;
  line-height: 38px;
}
.el-step__title.is-process {
  font-weight: bold;
  color: var(--el-text-color-primary);
}

.el-step__title.is-wait {
  color: var(--el-text-color-placeholder);
}

.el-step__title.is-success {
  color: var(--el-color-success);
}

.el-step__title.is-error {
  color: var(--el-color-danger);
}

.el-step__title.is-finish {
  color: var(--el-color-primary);
}

.el-step__description {
  padding-right: 10%;
  margin-top: -5px;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
}
.el-step__description.is-process {
  color: var(--el-text-color-primary);
}

.el-step__description.is-wait {
  color: var(--el-text-color-placeholder);
}

.el-step__description.is-success {
  color: var(--el-color-success);
}

.el-step__description.is-error {
  color: var(--el-color-danger);
}

.el-step__description.is-finish {
  color: var(--el-color-primary);
}

.el-step.is-horizontal {
  display: inline-block;
}
.el-step.is-horizontal .el-step__line {
  height: 2px;
  top: 11px;
  left: 0;
  right: 0;
}

.el-step.is-vertical {
  display: flex;
}
.el-step.is-vertical .el-step__head {
  flex-grow: 0;
  width: 24px;
}

.el-step.is-vertical .el-step__main {
  padding-left: 10px;
  flex-grow: 1;
}

.el-step.is-vertical .el-step__title {
  line-height: 24px;
  padding-bottom: 8px;
}

.el-step.is-vertical .el-step__line {
  width: 2px;
  top: 0;
  bottom: 0;
  left: 11px;
}

.el-step.is-vertical .el-step__icon.is-icon {
  width: 24px;
}

.el-step.is-vertical .el-step__description {
  padding-right: 0;
}

.el-step.is-center .el-step__head {
  text-align: center;
}

.el-step.is-center .el-step__main {
  text-align: center;
}

.el-step.is-center .el-step__description {
  padding-left: 20%;
  padding-right: 20%;
}

.el-step.is-center .el-step__line {
  left: 50%;
  right: -50%;
}

.el-step.is-simple {
  display: flex;
  align-items: center;
}
.el-step.is-simple .el-step__head {
  width: auto;
  font-size: 0;
  padding-right: 10px;
}

.el-step.is-simple .el-step__icon {
  background: transparent;
  width: 16px;
  height: 16px;
  font-size: 12px;
}

.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: 18px;
}
.el-step.is-simple .el-step__icon-inner.is-status {
  transform: scale(0.8) translateY(1px);
}

.el-step.is-simple .el-step__main {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-grow: 1;
}

.el-step.is-simple .el-step__title {
  font-size: 16px;
  line-height: 20px;
}

.el-step.is-simple:not(:last-of-type) .el-step__title {
  max-width: 50%;
  overflow-wrap: break-word;
}

.el-step.is-simple .el-step__arrow {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.el-step.is-simple .el-step__arrow::before, .el-step.is-simple .el-step__arrow::after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 15px;
  width: 1px;
  background: var(--el-text-color-placeholder);
}
.el-step.is-simple .el-step__arrow::before {
  transform: rotate(-45deg) translateY(-4px);
  transform-origin: 0 0;
}
.el-step.is-simple .el-step__arrow::after {
  transform: rotate(45deg) translateY(4px);
  transform-origin: 100% 100%;
}

.el-step.is-simple:last-of-type .el-step__arrow {
  display: none;
}

.el-step__line {
  background: var(--color-text-secondary);
}

.el-step__icon.is-icon {
  background: var(--color-background-bg);
  color: var(--color-text-primary);
  width: 3.5rem;
  height: 3rem;
  margin-top: -5px;
  border-radius: var(--border-radius-basic);
}
.el-step__icon.is-icon .el-button {
  color: white;
  font-weight: normal;
}

.el-step__title {
  font-size: 1.2rem;
}

.el-step__title.is-finish {
  color: var(--color-text-primary);
  font-weight: bolder;
}

.el-step__head.is-finish .el-step__line {
  background: var(--color-primary);
}

.el-step__head.is-finish .el-step__icon.is-icon {
  background: var(--color-primary);
  color: var(--el-color-white);
}

.el-step__head.is-process .el-step__icon.is-icon {
  background: var(--color-primary);
  color: var(--el-color-white);
}

.el-step__description {
  font-size: 1.4rem;
  font-weight: bold;
}

.el-step__description.is-process {
  color: var(--color-primary);
}

.step-connection {
  background-color: var(--color-primary);
  margin: 0 auto;
  height: 0.2rem;
  margin-top: 1.1rem;
}

.step-connection-end {
  width: 0;
  height: 0;
  margin-top: 1.1rem;
}

.el-steps {
  display: flex;
  line-height: normal;
}
.el-steps--simple {
  padding: 13px 8%;
  border-radius: 4px;
  background: var(--el-fill-color-light);
}

.el-steps--horizontal {
  white-space: nowrap;
}

.el-steps--vertical {
  height: 100%;
  flex-flow: column;
}

.el-sub-menu {
  user-select: none;
  gap: 0.2rem;
  display: flex;
  flex-direction: column;
}
.el-sub-menu i {
  font-size: 1.6rem;
  margin-right: 1.5rem;
  margin-left: 0.25rem;
}
.el-sub-menu .el-sub-menu__icon-arrow {
  font-size: 1.2rem;
  margin-right: 0rem;
  --el-transition-duration: 0.3s;
  --el-transition-duration-fast: 0.2s;
}
.el-sub-menu .el-menu.el-menu--inline .el-menu-item {
  height: var(--el-menu-item-height);
  border-radius: 0.4rem;
}

.el-sub-menu__title {
  border-radius: 0.4rem;
}
.el-sub-menu__title:has(.link:not(.level):focus-visible) {
  background-color: var(--color-background-bg-light);
}

.el-sub-menu__title:hover {
  background-color: var(--color-background-bg-light);
  border-radius: 0.4rem;
  font-weight: 600;
}

.el-sub-menu.is-active > .el-sub-menu__title {
  color: var(--el-menu-active-color);
  background-color: var(--color-background-bg-light);
  font-weight: 600;
  border-radius: 0.4rem;
}
.el-sub-menu.is-active > .el-sub-menu__title span,
.el-sub-menu.is-active > .el-sub-menu__title i {
  color: var(--color-primary);
}

.el-sub-menu.is-active > .el-sub-menu__title::before {
  display: block;
  content: " ";
  position: absolute;
  left: 0rem;
  top: 0rem;
  bottom: 0rem;
  width: 0.3rem;
  border-radius: 0.2rem 0rem 0rem 0.2rem !important;
  background-color: var(--color-primary);
}

.el-sub-menu.is-active > .el-sub-menu__title:hover,
.el-sub-menu.is-active > .el-sub-menu__title:focus {
  background-color: var(--color-background-outstanding-light);
}

.el-switch {
  --el-switch-on-color: var(--el-color-primary);
  --el-switch-off-color: var(--el-border-color);
}

.el-switch {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  height: 32px;
  vertical-align: middle;
}
.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
  cursor: not-allowed;
}

.el-switch__label {
  transition: var(--el-transition-duration-fast);
  height: 20px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  vertical-align: middle;
  color: var(--el-text-color-primary);
}
.el-switch__label.is-active {
  color: var(--el-color-primary);
}

.el-switch__label--left {
  margin-right: 10px;
}

.el-switch__label--right {
  margin-left: 10px;
}

.el-switch__label * {
  line-height: 1;
  font-size: 14px;
  display: inline-block;
}
.el-switch__label .el-icon {
  height: inherit;
}
.el-switch__label .el-icon svg {
  vertical-align: middle;
}

.el-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}
.el-switch__input:focus-visible ~ .el-switch__core {
  outline: 2px solid var(--el-switch-on-color);
  outline-offset: 1px;
}

.el-switch__core {
  display: inline-flex;
  position: relative;
  align-items: center;
  min-width: 40px;
  height: 20px;
  border: 1px solid var(--el-switch-border-color, var(--el-switch-off-color));
  outline: none;
  border-radius: 10px;
  box-sizing: border-box;
  background: var(--el-switch-off-color);
  cursor: pointer;
  transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration);
}
.el-switch__core .el-switch__inner {
  width: 100%;
  transition: all var(--el-transition-duration);
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 0 4px 0 calc(16px + 2px);
}
.el-switch__core .el-switch__inner-wrapper {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--el-color-white);
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-switch__core .el-switch__action {
  position: absolute;
  left: 1px;
  border-radius: var(--el-border-radius-circle);
  transition: all var(--el-transition-duration);
  width: 16px;
  height: 16px;
  background-color: var(--el-color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--el-switch-off-color);
}

.el-switch.is-checked .el-switch__core {
  border-color: var(--el-switch-border-color, var(--el-switch-on-color));
  background-color: var(--el-switch-on-color);
}
.el-switch.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 17px);
  color: var(--el-switch-on-color);
}
.el-switch.is-checked .el-switch__core .el-switch__inner {
  padding: 0 calc(16px + 2px) 0 4px;
}

.el-switch.is-disabled {
  opacity: 0.6;
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
  left: 10px;
}
.el-switch--wide .el-switch__label.el-switch__label--right span {
  right: 10px;
}

.el-switch .label-fade-enter-from, .el-switch .label-fade-leave-active {
  opacity: 0;
}
.el-switch--large {
  font-size: 14px;
  line-height: 24px;
  height: 40px;
}
.el-switch--large .el-switch__label {
  height: 24px;
  font-size: 14px;
}
.el-switch--large .el-switch__label * {
  font-size: 14px;
}

.el-switch--large .el-switch__core {
  min-width: 50px;
  height: 24px;
  border-radius: 12px;
}
.el-switch--large .el-switch__core .el-switch__inner {
  height: 20px;
  padding: 0 6px 0 calc(20px + 2px);
}
.el-switch--large .el-switch__core .el-switch__action {
  width: 20px;
  height: 20px;
}

.el-switch--large.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 21px);
}
.el-switch--large.is-checked .el-switch__core .el-switch__inner {
  padding: 0 calc(20px + 2px) 0 6px;
}

.el-switch--small {
  font-size: 12px;
  line-height: 16px;
  height: 24px;
}
.el-switch--small .el-switch__label {
  height: 16px;
  font-size: 12px;
}
.el-switch--small .el-switch__label * {
  font-size: 12px;
}

.el-switch--small .el-switch__core {
  min-width: 30px;
  height: 16px;
  border-radius: 8px;
}
.el-switch--small .el-switch__core .el-switch__inner {
  height: 12px;
  padding: 0 2px 0 calc(12px + 2px);
}
.el-switch--small .el-switch__core .el-switch__action {
  width: 12px;
  height: 12px;
}

.el-switch--small.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 13px);
}
.el-switch--small.is-checked .el-switch__core .el-switch__inner {
  padding: 0 calc(12px + 2px) 0 2px;
}

.el-switch {
  --el-switch-off-color: var(--color-text-secondary);
}
.el-switch .el-switch__core .el-switch__action {
  background-color: var(--color-background-bg2);
}

.dark .el-switch {
  --el-switch-off-color: var(--color-background-outstanding) !important;
}
.dark .el-switch .el-switch__action {
  background-color: var(--color-text-primary) !important;
}

.el-table {
  --el-table-border-color: var(--color-background-outstanding);
  --el-table-border: 1px solid var(--el-table-border-color);
  --el-table-text-color: var(--el-text-color-regular);
  --el-table-header-text-color: var(--color-text-primary);
  --el-table-row-hover-bg-color: var(--color-background-bg);
  --el-table-current-row-bg-color: var(--color-background-bg);
  --el-table-header-bg-color: transparent;
  --el-table-fixed-box-shadow: var(--el-box-shadow-light);
  --el-table-bg-color: var(--el-fill-color-blank);
  --el-table-tr-bg-color: var(--el-fill-color-blank);
  --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-index: var(--el-index-normal);
}

.el-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  height: fit-content;
  width: 100%;
  max-width: 100%;
  background-color: var(--el-table-bg-color);
  font-size: var(--el-font-size-base);
  color: var(--el-table-text-color);
}
.el-table__inner-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.el-table__inner-wrapper::before {
  left: 0;
  bottom: 0;
  height: 1px;
}

.el-table tbody:focus-visible {
  outline: none;
}
.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell, .el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell {
  border-bottom-color: transparent;
}
.el-table__empty-block {
  position: sticky;
  left: 0;
  min-height: 60px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-table__empty-text {
  line-height: 60px;
  width: 50%;
  color: var(--el-text-color-secondary);
}

.el-table__expand-column .cell {
  padding: 0;
  text-align: center;
  user-select: none;
}

.el-table__expand-icon {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table__expand-icon:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: -2px;
}
.el-table__expand-icon {
  color: var(--el-text-color-regular);
  font-size: 12px;
  line-height: 12px;
  width: min(23px, 100%);
  height: 23px;
}
.el-table__expand-icon.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-table__expand-icon--expanded {
  transform: rotate(90deg);
}

.el-table__expand-icon > .el-icon {
  font-size: 12px;
}

.el-table__expanded-cell {
  background-color: var(--el-table-expanded-cell-bg-color);
}
.el-table__expanded-cell[class*=cell] {
  padding: 20px 50px;
}
.el-table__expanded-cell:hover {
  background-color: transparent !important;
}

.el-table__placeholder {
  display: inline-block;
  width: 20px;
}

.el-table__append-wrapper {
  overflow: hidden;
}

.el-table--fit {
  border-right: 0;
  border-bottom: 0;
}
.el-table--fit .el-table__cell.gutter {
  border-right-width: 1px;
}
.el-table--fit .el-table__inner-wrapper::before {
  width: 100%;
}

.el-table thead {
  color: var(--el-table-header-text-color);
}
.el-table thead th {
  font-weight: 600;
}
.el-table thead.is-group th.el-table__cell {
  background: var(--el-fill-color-light);
}
.el-table .el-table__cell {
  padding: 8px 0;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left;
  z-index: var(--el-table-index);
}
.el-table .el-table__cell.is-center {
  text-align: center;
}

.el-table .el-table__cell.is-right {
  text-align: right;
}

.el-table .el-table__cell.gutter {
  width: 15px;
  border-right-width: 0;
  border-bottom-width: 0;
  padding: 0;
}
.el-table .el-table__cell.is-hidden > * {
  visibility: hidden;
}
.el-table .cell {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  overflow-wrap: break-word;
  line-height: 23px;
  padding: 0 12px;
}
.el-table .cell.el-tooltip {
  white-space: nowrap;
  min-width: 50px;
}
.el-table--large {
  font-size: var(--el-font-size-base);
}
.el-table--large .el-table__cell {
  padding: 12px 0;
}
.el-table--large .cell {
  padding: 0 16px;
}

.el-table--default {
  font-size: var(--el-font-size-base);
}
.el-table--default .el-table__cell {
  padding: 8px 0;
}
.el-table--default .cell {
  padding: 0 12px;
}

.el-table--small {
  font-size: var(--el-font-size-extra-small);
}
.el-table--small .el-table__cell {
  padding: 4px 0;
}
.el-table--small .cell {
  padding: 0 8px;
}

.el-table tr {
  background-color: var(--el-table-tr-bg-color);
}
.el-table tr input[type=checkbox] {
  margin: 0;
}
.el-table th.el-table__cell.is-leaf,
.el-table td.el-table__cell {
  border-bottom: var(--el-table-border);
}
.el-table th.el-table__cell.is-sortable {
  cursor: pointer;
}
.el-table th.el-table__cell {
  background-color: var(--el-table-header-bg-color);
}
.el-table th.el-table__cell > .cell.highlight {
  color: var(--el-color-primary);
}
.el-table th.el-table__cell.required > div::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff4d51;
  margin-right: 5px;
  vertical-align: middle;
}
.el-table td.el-table__cell div {
  box-sizing: border-box;
}
.el-table td.el-table__cell.gutter {
  width: 0;
}
.el-table--border::after, .el-table--border::before, .el-table--border .el-table__inner-wrapper::after, .el-table__inner-wrapper::before {
  content: "";
  position: absolute;
  background-color: var(--el-table-border-color);
  z-index: calc(var(--el-table-index) + 2);
}

.el-table--border .el-table__inner-wrapper::after {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  z-index: calc(var(--el-table-index) + 2);
}

.el-table--border::before {
  top: -1px;
  left: 0;
  width: 1px;
  height: 100%;
}
.el-table--border::after {
  top: -1px;
  right: 0;
  width: 1px;
  height: 100%;
}
.el-table--border .el-table__inner-wrapper {
  border-right: none;
  border-bottom: none;
}

.el-table--border .el-table__footer-wrapper {
  position: relative;
  flex-shrink: 0;
}

.el-table--border .el-table__cell {
  border-right: var(--el-table-border);
}
.el-table--border th.el-table__cell.gutter:last-of-type {
  border-bottom: var(--el-table-border);
  border-bottom-width: 1px;
}
.el-table--border th.el-table__cell {
  border-bottom: var(--el-table-border);
}

.el-table--hidden {
  visibility: hidden;
}

.el-table__header-wrapper, .el-table__body-wrapper, .el-table__footer-wrapper {
  width: 100%;
}
.el-table__header-wrapper tr td.el-table-fixed-column--left, .el-table__header-wrapper tr td.el-table-fixed-column--right,
.el-table__header-wrapper tr th.el-table-fixed-column--left,
.el-table__header-wrapper tr th.el-table-fixed-column--right, .el-table__body-wrapper tr td.el-table-fixed-column--left, .el-table__body-wrapper tr td.el-table-fixed-column--right,
.el-table__body-wrapper tr th.el-table-fixed-column--left,
.el-table__body-wrapper tr th.el-table-fixed-column--right, .el-table__footer-wrapper tr td.el-table-fixed-column--left, .el-table__footer-wrapper tr td.el-table-fixed-column--right,
.el-table__footer-wrapper tr th.el-table-fixed-column--left,
.el-table__footer-wrapper tr th.el-table-fixed-column--right {
  position: sticky !important;
  background: inherit;
  z-index: calc(var(--el-table-index) + 1);
}
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column::before {
  content: "";
  position: absolute;
  top: 0px;
  width: 10px;
  bottom: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: none;
  touch-action: none;
  pointer-events: none;
}
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column::before {
  left: -10px;
}
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column::before {
  right: -10px;
}
.el-table__header-wrapper tr td.el-table__fixed-right-patch,
.el-table__header-wrapper tr th.el-table__fixed-right-patch, .el-table__body-wrapper tr td.el-table__fixed-right-patch,
.el-table__body-wrapper tr th.el-table__fixed-right-patch, .el-table__footer-wrapper tr td.el-table__fixed-right-patch,
.el-table__footer-wrapper tr th.el-table__fixed-right-patch {
  position: sticky !important;
  z-index: calc(var(--el-table-index) + 1);
  background: #fff;
  right: 0;
}

.el-table__header-wrapper {
  flex-shrink: 0;
}
.el-table__header-wrapper tr th.el-table-fixed-column--left, .el-table__header-wrapper tr th.el-table-fixed-column--right {
  background-color: var(--el-table-header-bg-color);
}

.el-table__header, .el-table__body, .el-table__footer {
  table-layout: fixed;
  border-collapse: separate;
}

.el-table__header-wrapper {
  overflow: hidden;
}
.el-table__header-wrapper tbody td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
  color: var(--el-table-text-color);
}

.el-table__footer-wrapper {
  overflow: hidden;
  flex-shrink: 0;
}
.el-table__footer-wrapper tfoot td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
  color: var(--el-table-text-color);
}

.el-table__header-wrapper .el-table-column--selection > .cell, .el-table__body-wrapper .el-table-column--selection > .cell {
  display: inline-flex;
  align-items: center;
  height: 23px;
}
.el-table__header-wrapper .el-table-column--selection .el-checkbox, .el-table__body-wrapper .el-table-column--selection .el-checkbox {
  height: unset;
}

.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column::before {
  box-shadow: var(--el-table-fixed-right-column);
}
.el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell {
  border-right: var(--el-table-border);
}
.el-table.is-scrolling-left th.el-table-fixed-column--left {
  background-color: var(--el-table-header-bg-color);
}

.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column::before {
  box-shadow: var(--el-table-fixed-left-column);
}
.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell {
  border-right: none;
}
.el-table.is-scrolling-right th.el-table-fixed-column--right {
  background-color: var(--el-table-header-bg-color);
}

.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell {
  border-right: none;
}
.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column::before {
  box-shadow: var(--el-table-fixed-right-column);
}
.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column::before {
  box-shadow: var(--el-table-fixed-left-column);
}

.el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column::before, .el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column::before,
.el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column::before,
.el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column::before {
  box-shadow: none;
}
.el-table.is-scrolling-none th.el-table-fixed-column--left,
.el-table.is-scrolling-none th.el-table-fixed-column--right {
  background-color: var(--el-table-header-bg-color);
}

.el-table__body-wrapper {
  overflow: hidden;
  position: relative;
  flex: 1;
}
.el-table__body-wrapper .el-scrollbar__bar {
  z-index: calc(var(--el-table-index) + 2);
}

.el-table .caret-wrapper {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table .caret-wrapper:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table .caret-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  height: 14px;
  width: 24px;
  vertical-align: middle;
  overflow: initial;
  position: relative;
}
.el-table .sort-caret {
  width: 0;
  height: 0;
  border: solid 5px transparent;
  position: absolute;
  left: 7px;
}
.el-table .sort-caret.ascending {
  border-bottom-color: var(--el-text-color-placeholder);
  top: -5px;
}
.el-table .sort-caret.descending {
  border-top-color: var(--el-text-color-placeholder);
  bottom: -3px;
}
.el-table .ascending .sort-caret.ascending {
  border-bottom-color: var(--el-color-primary);
}
.el-table .descending .sort-caret.descending {
  border-top-color: var(--el-color-primary);
}
.el-table .hidden-columns {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: var(--el-fill-color-lighter);
}
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell {
  background-color: var(--el-table-current-row-bg-color);
}

.el-table__body tr.hover-row > td.el-table__cell, .el-table__body tr.hover-row.current-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
}
.el-table__body tr > td.hover-cell {
  background-color: var(--el-table-row-hover-bg-color);
}
.el-table__body tr.current-row > td.el-table__cell {
  background-color: var(--el-table-current-row-bg-color);
}

.el-table.el-table--scrollable-y .el-table__body-header {
  position: sticky;
  top: 0;
  z-index: calc(var(--el-table-index) + 2);
}

.el-table.el-table--scrollable-y .el-table__body-footer {
  position: sticky;
  bottom: 0;
  z-index: calc(var(--el-table-index) + 2);
}

.el-table__column-resize-proxy {
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: var(--el-table-border);
  z-index: calc(var(--el-table-index) + 9);
}

.el-table__column-filter-trigger {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table__column-filter-trigger:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table__column-filter-trigger {
  display: inline-block;
}
.el-table__column-filter-trigger i {
  color: var(--el-color-info);
  font-size: 14px;
  vertical-align: middle;
}

.el-table__border-left-patch {
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  z-index: calc(var(--el-table-index) + 2);
  position: absolute;
  background-color: var(--el-table-border-color);
}

.el-table__border-bottom-patch {
  left: 0;
  height: 1px;
  z-index: calc(var(--el-table-index) + 2);
  position: absolute;
  background-color: var(--el-table-border-color);
}

.el-table__border-right-patch {
  top: 0;
  height: 100%;
  width: 1px;
  z-index: calc(var(--el-table-index) + 2);
  position: absolute;
  background-color: var(--el-table-border-color);
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
  transition: background-color 0.25s ease;
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.el-table .el-table.el-table--border .el-table__cell {
  border-right: var(--el-table-border);
}
.el-table:not(.el-table--border) .el-table__cell {
  border-right: none;
}
.el-table:not(.el-table--border) > .el-table__inner-wrapper::after {
  content: none;
}

.el-table {
  --el-checkbox-height: 25px;
  --el-table-current-row-bg-color: var(--color-primary-light-1);
  --el-checkbox-font-size: 1.1rem;
  background-color: var(--color-background-bg2);
  border-radius: 1rem;
  box-shadow: var(--box-shadow-basic);
  font-size: 1.1rem;
}
.el-table .el-table__cell {
  height: 25px;
}
.el-table p,
.el-table .el-checkbox__label {
  font-size: 1.1rem;
}
.el-table .el-table__row {
  height: 25px;
}
.el-table i {
  font-size: 1.2rem;
}
.el-table .cell {
  padding: 0 2rem;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.el-table .el-table__empty-text {
  visibility: hidden;
}
.el-table td.el-table__cell.el-table__expanded-cell {
  padding: 1rem 2rem 3rem 0rem;
}
.el-table td.el-table__cell.el-table__expanded-cell p {
  margin-bottom: 1em;
}
.el-table .el-table__header-wrapper thead {
  color: var(--color-text-primary);
  font-weight: 700;
}
.el-table .el-table__header-wrapper thead th.el-table__cell.is-leaf {
  border-bottom: 0.2rem solid var(--color-text-secondary);
}
.el-table .el-table__body-wrapper {
  color: var(--color-text-primary);
  font-weight: 400;
  overflow-x: hidden;
}
.el-table .el-table__body-wrapper .el-table__row.current-row {
  background-color: var(--color-primary-light-1);
  color: var(--color-primary);
  font-weight: 600;
}
.el-table .el-table__body-wrapper .el-table__row.critical-row {
  background-color: var(--color-error-light-2);
}
.el-table .el-table__body-wrapper .el-table__row.critical-row:hover > td.el-table__cell {
  background-color: var(--color-error-light-2);
  color: var(--color-error);
}
.el-table .el-table__body-wrapper .el-table__row.current-row.critical-row > td.el-table__cell {
  background-color: var(--color-error-light-2);
  color: var(--color-error);
}
.el-table .el-table__body-wrapper .el-table__row.info-row {
  background-color: var(--color-secondary-light-2);
}
.el-table .el-table__body-wrapper .el-table__row.info-row:hover > td.el-table__cell {
  background-color: var(--color-secondary-light-2);
  color: var(--color-secondary);
}
.el-table .el-table__body-wrapper .el-table__row.current-row.info-row > td.el-table__cell {
  background-color: var(--color-secondary-light-2);
  color: var(--color-secondary);
}
.el-table .el-table__body-wrapper .el-table__row.major-row {
  background-color: var(--color-warning-light-2);
}
.el-table .el-table__body-wrapper .el-table__row.major-row:hover > td.el-table__cell {
  background-color: var(--color-warning-light-2);
  color: var(--color-warning);
}
.el-table .el-table__body-wrapper .el-table__row.current-row.major-row > td.el-table__cell {
  background-color: var(--color-warning-light-2);
  color: var(--color-warning);
}
.el-table .el-table__body-wrapper .el-table__row.minor-row {
  background-color: var(--color-advice-light-3);
}
.el-table .el-table__body-wrapper .el-table__row.minor-row:hover > td.el-table__cell {
  background-color: var(--color-advice-light-3);
  color: var(--color-advice);
}
.el-table .el-table__body-wrapper .el-table__row.current-row.minor-row > td.el-table__cell {
  background-color: var(--color-advice-light-3);
  color: var(--color-advice);
}
.el-table .el-table__body-wrapper .el-table__row.normal-row {
  background-color: var(--color-success-light-2);
}
.el-table .el-table__body-wrapper .el-table__row.normal-row:hover > td.el-table__cell {
  background-color: var(--color-success-light-2);
  color: var(--color-success);
}
.el-table .el-table__body-wrapper .el-table__row.current-row.normal-row > td.el-table__cell {
  background-color: var(--color-success-light-2);
  color: var(--color-success);
}
.el-table .el-table__body-wrapper .el-table__row.trap-row {
  background-color: var(--color-tertiary-light-2);
}
.el-table .el-table__body-wrapper .el-table__row.trap-row:hover > td.el-table__cell {
  background-color: var(--color-tertiary-light-2);
  color: var(--color-tertiary);
}
.el-table .el-table__body-wrapper .el-table__row.current-row.trap-row > td.el-table__cell {
  background-color: var(--color-tertiary-light-2);
  color: var(--color-tertiary);
}
.el-table .el-table__body-wrapper .el-table__row.unknown-row {
  background-color: var(--color-background-outstanding);
}
.el-table .el-table__body-wrapper .el-table__row.unknown-row:hover > td.el-table__cell {
  background-color: var(--color-background-outstanding);
  color: var(--color-text-primary);
}
.el-table .el-table__body-wrapper .el-table__row.current-row.unknown-row > td.el-table__cell {
  background-color: var(--color-background-outstanding);
  color: var(--color-text-primary);
}
.el-table .el-table__body-wrapper .el-table__row.warning-row {
  background-color: var(--color-info-light-2);
}
.el-table .el-table__body-wrapper .el-table__row.warning-row:hover > td.el-table__cell {
  background-color: var(--color-info-light-2);
  color: var(--color-info);
}
.el-table .el-table__body-wrapper .el-table__row.current-row.warning-row > td.el-table__cell {
  background-color: var(--color-info-light-2);
  color: var(--color-info);
}
.el-table .el-table__body-wrapper .el-table__cell {
  border: none;
}
.el-table .el-scrollbar__view {
  padding-right: 0rem !important;
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background-color: var(--color-background-bg);
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: var(--color-primary-light-1);
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
  transition: background-color 0s ease;
}

.el-table-v2 {
  --el-table-border-color: var(--color-background-outstanding);
  --el-table-border: 1px solid var(--el-table-border-color);
  --el-table-text-color: var(--el-text-color-regular);
  --el-table-header-text-color: var(--color-text-primary);
  --el-table-row-hover-bg-color: var(--color-background-bg);
  --el-table-current-row-bg-color: var(--color-background-bg);
  --el-table-header-bg-color: transparent;
  --el-table-fixed-box-shadow: var(--el-box-shadow-light);
  --el-table-bg-color: var(--el-fill-color-blank);
  --el-table-tr-bg-color: var(--el-fill-color-blank);
  --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-index: var(--el-index-normal);
}

.el-table-v2 {
  font-size: var(--el-font-size-base);
}
.el-table-v2 * {
  box-sizing: border-box;
}
.el-table-v2__root {
  position: relative;
}
.el-table-v2__root:hover .el-table-v2__main .el-virtual-scrollbar {
  opacity: 1;
}

.el-table-v2__main {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  overflow: hidden;
  top: 0;
  background-color: var(--el-bg-color);
  left: 0;
}
.el-table-v2__main .el-vl__horizontal,
.el-table-v2__main .el-vl__vertical {
  z-index: 2;
}

.el-table-v2__left {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  overflow: hidden;
  top: 0;
  background-color: var(--el-bg-color);
  left: 0;
  box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.06);
}
.el-table-v2__left .el-virtual-scrollbar {
  opacity: 0;
}
.el-table-v2__left .el-vl__vertical,
.el-table-v2__left .el-vl__horizontal {
  z-index: -1;
}

.el-table-v2__right {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  overflow: hidden;
  top: 0;
  background-color: var(--el-bg-color);
  right: 0;
  box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.06);
}
.el-table-v2__right .el-virtual-scrollbar {
  opacity: 0;
}
.el-table-v2__right .el-vl__vertical,
.el-table-v2__right .el-vl__horizontal {
  z-index: -1;
}
.el-table-v2__header-row {
  padding-inline-end: var(--el-table-scrollbar-size);
}

.el-table-v2__row {
  padding-inline-end: var(--el-table-scrollbar-size);
}

.el-table-v2__header-wrapper {
  overflow: hidden;
}

.el-table-v2__header {
  position: relative;
  overflow: hidden;
}
.el-table-v2__header .el-checkbox {
  z-index: 0;
}

.el-table-v2__footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.el-table-v2__empty {
  position: absolute;
  left: 0;
}

.el-table-v2__overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
}

.el-table-v2__header-row {
  display: flex;
  border-bottom: var(--el-table-border);
}
.el-table-v2__header-cell {
  height: 100%;
  user-select: none;
  overflow: hidden;
  background-color: var(--el-table-header-bg-color);
  color: var(--el-table-header-text-color);
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 0 8px;
}
.el-table-v2__header-cell.is-align-center {
  justify-content: center;
  text-align: center;
}

.el-table-v2__header-cell.is-align-right {
  justify-content: flex-end;
  text-align: right;
}

.el-table-v2__header-cell.is-sortable {
  cursor: pointer;
}

.el-table-v2__header-cell:hover .el-icon {
  display: block;
}

.el-table-v2__sort-icon {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table-v2__sort-icon:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table-v2__sort-icon {
  transition: opacity, display var(--el-transition-duration);
  opacity: 0.6;
  display: none;
}
.el-table-v2__sort-icon.is-sorting {
  display: flex;
  opacity: 1;
}

.el-table-v2__row {
  border-bottom: var(--el-table-border);
  display: flex;
  align-items: center;
  transition: background-color var(--el-transition-duration);
}
.el-table-v2__row.is-hovered {
  background-color: var(--el-table-row-hover-bg-color);
}

.el-table-v2__row:hover {
  background-color: var(--el-table-row-hover-bg-color);
}
.el-table-v2__row-cell {
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 8px;
}
.el-table-v2__row-cell.is-align-center {
  justify-content: center;
  text-align: center;
}

.el-table-v2__row-cell.is-align-right {
  justify-content: flex-end;
  text-align: right;
}

.el-table-v2__expand-icon {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table-v2__expand-icon:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table-v2__expand-icon {
  margin: 0 4px;
  user-select: none;
}
.el-table-v2__expand-icon svg {
  transition: transform var(--el-transition-duration);
}
.el-table-v2__expand-icon.is-expanded svg {
  transform: rotate(90deg);
}

.el-table-v2:not(.is-dynamic) .el-table-v2__cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-table-v2.is-dynamic .el-table-v2__row {
  overflow: hidden;
  align-items: stretch;
}
.el-table-v2.is-dynamic .el-table-v2__row .el-table-v2__row-cell {
  overflow-wrap: break-word;
}

.el-table-v2 .el-select__caret {
  color: var(--color-primary);
}
.el-table-v2 {
  /* Base cell styles */
}
.el-table-v2 .el-table-v2__row-cell,
.el-table-v2 .el-table-v2__header-cell {
  border: none; /* remove full border */
}
.el-table-v2 {
  /* Vertical lines (not on last column) */
}
.el-table-v2 .el-table-v2__row-cell:not(:last-child),
.el-table-v2 .el-table-v2__header-cell:not(:last-child) {
  border-right: 0.1rem solid var(--color-background-outstanding-light);
}
.el-table-v2 {
  /* Horizontal lines (not on last row) */
}
.el-table-v2 .el-table-v2__row:not(:last-child) .el-table-v2__row-cell {
  border-bottom: 0.1rem solid var(--color-background-outstanding-light);
}
.el-table-v2 .el-table-v2 .el-table-v2__main .el-table-v2__row {
  padding: 0rem 0rem !important;
}
.el-table-v2 .el-table-v2__header-row {
  padding: 0rem 0rem !important;
}
.el-table-v2 .el-table-v2__row.selected {
  background-color: var(--color-primary-light-3) !important;
}
.el-table-v2 {
  font-size: 1.1rem;
}
.el-table-v2 i {
  font-size: 1.5rem;
}
.el-table-v2 p {
  font-size: 1.1rem;
}
.el-table-v2 .el-table-v2__main {
  background-color: var(--color-background-bg2);
  border-radius: var(--border-radius-basic);
}
.el-table-v2 .el-table-v2__main .el-table-v2__row {
  padding: 0rem 0rem !important;
  border: none;
  cursor: pointer;
  transition: none !important;
}
.el-table-v2 .el-table-v2__main .el-table-v2__row:hover {
  background-color: var(--color-primary-light-1) !important;
}
.el-table-v2 .el-table-v2__main .el-table-v2__row .el-checkbox.is-checked + .el-table-v2__row {
  background-color: var(--color-primary-light-1);
  color: var(--color-primary);
  font-weight: 600;
}
.el-table-v2 .el-table-v2__main .el-table-v2__row:nth-child(odd) {
  background-color: var(--color-background-bg-light);
}
.el-table-v2 .el-table-v2__main .el-table-v2__row.selected:nth-child(odd) {
  background-color: var(--color-primary-light-3) !important;
}
.el-table-v2 .el-table-v2__main .el-table-v2__row:nth-child(odd):hover {
  background-color: var(--color-primary-light-1) !important;
}
.el-table-v2 .el-table-v2__main .el-table-v2__dynamic-header-row {
  padding: 0rem 1.2rem;
  border: none;
}
.el-table-v2 .el-table-v2__main .el-virtual-scrollbar.el-vl__horizontal {
  bottom: 0px !important;
}
.el-table-v2 .el-table-v2__main .el-virtual-scrollbar {
  background-color: transparent;
}
.el-table-v2 .el-table-v2__main .el-virtual-scrollbar .el-scrollbar__thumb {
  opacity: 1;
}

.el-table-v2__overlay {
  top: 3rem;
  z-index: 5;
}

.el-table-v2__empty {
  display: none;
}

.el-vl__horizontal {
  height: 0.5rem !important;
}

.el-vl__vertical {
  top: auto !important;
  right: 0.001rem !important;
  width: 0.5rem !important;
}

.el-table-v2__header-cell {
  flex: auto !important;
  gap: 0.3rem;
}
.el-table-v2__header-cell[data-key=selection], .el-table-v2__header-cell[data-key=lockedState] {
  flex: unset !important;
  width: 3.3rem !important;
}

.el-table-v2__row-cell,
.el-table-v2__header-cell {
  flex: auto !important;
}
.el-table-v2__row-cell.no-flex,
.el-table-v2__header-cell.no-flex {
  flex: unset !important;
  width: 3.3rem !important;
}

.el-table-v2__row.selected {
  background-color: var(--color-primary-light-3) !important;
  font-weight: 600;
}
.el-table-v2__row.selected p {
  font-weight: 600;
}

.el-table-v2__row .el-input {
  width: 100% !important;
}

.el-table-v2__row .el-input__wrapper,
.el-table-v2__row .el-textarea__inner {
  background-color: transparent !important;
  border: 1px solid var(--color-text-secondary) !important;
}
.el-table-v2__row .el-input__wrapper .el-input__count,
.el-table-v2__row .el-textarea__inner .el-input__count {
  visibility: hidden;
}
.el-table-v2__row .el-input__wrapper.is-focus .el-input__count,
.el-table-v2__row .el-textarea__inner.is-focus .el-input__count {
  visibility: visible;
}

.el-tabs {
  --el-tabs-header-height: 40px;
  display: flex;
}
.el-tabs__header {
  padding: 0;
  position: relative;
  margin: 0 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.el-tabs__header-vertical {
  flex-direction: column;
}

.el-tabs__active-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: var(--el-color-primary);
  z-index: 1;
  transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  list-style: none;
}
.el-tabs__active-bar.is-bottom {
  bottom: auto;
}

.el-tabs__new-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid var(--el-border-color);
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin: 10px 0 10px 10px;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  color: var(--el-text-color-primary);
  cursor: pointer;
  transition: all 0.15s;
}
.el-tabs__new-tab .is-icon-plus {
  height: inherit;
  width: inherit;
  transform: scale(0.8, 0.8);
}
.el-tabs__new-tab .is-icon-plus svg {
  vertical-align: middle;
}
.el-tabs__new-tab:hover {
  color: var(--el-color-primary);
}

.el-tabs__new-tab-vertical {
  margin-left: 0;
}

.el-tabs__nav-wrap {
  overflow: hidden;
  margin-bottom: -1px;
  position: relative;
  flex: 1 auto;
}
.el-tabs__nav-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--el-border-color-light);
  z-index: var(--el-index-normal);
}
.el-tabs__nav-wrap.is-bottom::after {
  top: 0;
  bottom: auto;
}
.el-tabs__nav-wrap.is-scrollable {
  padding: 0 20px;
  box-sizing: border-box;
}

.el-tabs__nav-scroll {
  overflow: hidden;
}

.el-tabs__nav-next, .el-tabs__nav-prev {
  position: absolute;
  cursor: pointer;
  line-height: 44px;
  font-size: 12px;
  color: var(--el-text-color-secondary);
  width: 20px;
  text-align: center;
}
.el-tabs__nav-next.is-disabled, .el-tabs__nav-prev.is-disabled {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}

.el-tabs__nav-next {
  right: 0;
}

.el-tabs__nav-prev {
  left: 0;
}

.el-tabs__nav {
  display: flex;
  white-space: nowrap;
  position: relative;
  transition: transform var(--el-transition-duration);
  float: left;
  z-index: calc(var(--el-index-normal) + 1);
}
.el-tabs__nav.is-stretch {
  min-width: 100%;
  display: flex;
}
.el-tabs__nav.is-stretch > * {
  flex: 1;
  text-align: center;
}

.el-tabs__item {
  padding: 0 20px;
  height: var(--el-tabs-header-height);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  font-size: var(--el-font-size-base);
  font-weight: 500;
  color: var(--el-text-color-primary);
  position: relative;
}
.el-tabs__item:focus, .el-tabs__item:focus:active {
  outline: none;
}
.el-tabs__item:focus-visible {
  box-shadow: 0 0 2px 2px var(--el-color-primary) inset;
  border-radius: 3px;
}
.el-tabs__item .is-icon-close {
  border-radius: 50%;
  text-align: center;
  transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  margin-left: 5px;
}
.el-tabs__item .is-icon-close:before {
  transform: scale(0.9);
  display: inline-block;
}
.el-tabs__item .is-icon-close:hover {
  background-color: var(--el-text-color-placeholder);
  color: #ffffff;
}
.el-tabs__item.is-active {
  color: var(--el-color-primary);
}

.el-tabs__item:hover {
  color: var(--el-color-primary);
  cursor: pointer;
}
.el-tabs__item.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-tabs__content {
  overflow: hidden;
  position: relative;
  flex-grow: 1;
}

.el-tabs--top > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom > .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 0;
}
.el-tabs--top > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 0;
}
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 20px;
}
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 20px;
}

.el-tabs--card > .el-tabs__header {
  border-bottom: 1px solid var(--el-border-color-light);
  height: var(--el-tabs-header-height);
  box-sizing: border-box;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
  content: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 1px solid var(--el-border-color-light);
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
}
.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
  display: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item .is-icon-close {
  position: relative;
  font-size: 12px;
  width: 0;
  height: 14px;
  overflow: hidden;
  right: -2px;
  transform-origin: 100% 50%;
}
.el-tabs--card > .el-tabs__header .el-tabs__item {
  margin-top: -1px;
  border-bottom: 1px solid transparent;
  border-left: 1px solid var(--el-border-color-light);
  transition: color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
}
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
  border-left: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
  padding-left: 13px;
  padding-right: 13px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close {
  width: 14px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: var(--el-bg-color);
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
  padding-left: 20px;
  padding-right: 20px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close {
  width: 14px;
}

.el-tabs--border-card {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color);
}
.el-tabs--border-card > .el-tabs__content {
  padding: 15px;
}
.el-tabs--border-card > .el-tabs__header {
  background-color: var(--el-fill-color-light);
  border-bottom: 1px solid var(--el-border-color-light);
  margin: 0;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after {
  content: none;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  border: 1px solid transparent;
  margin-top: -1px;
  color: var(--el-text-color-secondary);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
  margin-left: -1px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item {
  margin-left: -1px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  color: var(--el-color-primary);
  background-color: var(--el-bg-color-overlay);
  border-right-color: var(--el-border-color);
  border-left-color: var(--el-border-color);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: var(--el-color-primary);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
  color: var(--el-disabled-text-color);
}
.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
  margin-left: 0;
}

.el-tabs--bottom {
  flex-direction: column;
}
.el-tabs--bottom .el-tabs__header.is-bottom {
  margin-bottom: 0;
  margin-top: 10px;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
  border-bottom: 0;
  border-top: 1px solid var(--el-border-color);
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
  margin-top: -1px;
  margin-bottom: 0;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
  border: 1px solid transparent;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
  margin: 0 -1px -1px;
}

.el-tabs--left, .el-tabs--right {
  overflow: hidden;
}
.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--left .el-tabs__nav-scroll, .el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-scroll {
  height: 100%;
}
.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
  top: 0;
  bottom: auto;
  width: 2px;
  height: auto;
}
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-bottom: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
  height: 30px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i {
  transform: rotateZ(90deg);
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev.is-disabled,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next.is-disabled,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev.is-disabled,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next.is-disabled, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev.is-disabled,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next.is-disabled,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev.is-disabled,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next.is-disabled {
  cursor: not-allowed;
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
  left: auto;
  top: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
  right: auto;
  bottom: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
  padding: 30px 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left::after,
.el-tabs--left .el-tabs__nav-wrap.is-right::after, .el-tabs--right .el-tabs__nav-wrap.is-left::after,
.el-tabs--right .el-tabs__nav-wrap.is-right::after {
  height: 100%;
  width: 2px;
  bottom: auto;
  top: 0;
}
.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
  flex-direction: column;
}
.el-tabs--left .el-tabs__item.is-left, .el-tabs--right .el-tabs__item.is-left {
  justify-content: flex-end;
}
.el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-right {
  justify-content: flex-start;
}

.el-tabs--left {
  flex-direction: row;
}
.el-tabs--left .el-tabs__header.is-left {
  margin-bottom: 0;
  margin-right: 10px;
}
.el-tabs--left .el-tabs__nav-wrap.is-left {
  margin-right: -1px;
}
.el-tabs--left .el-tabs__nav-wrap.is-left::after {
  left: auto;
  right: 0;
}
.el-tabs--left .el-tabs__active-bar.is-left {
  right: 0;
  left: auto;
}
.el-tabs--left .el-tabs__item.is-left {
  text-align: right;
}
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
  display: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
  border-left: none;
  border-right: 1px solid var(--el-border-color-light);
  border-bottom: none;
  border-top: 1px solid var(--el-border-color-light);
  text-align: left;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
  border-right: 1px solid var(--el-border-color-light);
  border-top: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
  border: 1px solid var(--el-border-color-light);
  border-right-color: #fff;
  border-left: none;
  border-bottom: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
  border-top: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
  border-bottom: none;
}
.el-tabs--left.el-tabs--card .el-tabs__nav {
  border-radius: 4px 0 0 4px;
  border-bottom: 1px solid var(--el-border-color-light);
  border-right: none;
}
.el-tabs--left.el-tabs--card .el-tabs__new-tab {
  float: none;
}
.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  border-right: 1px solid var(--el-border-color);
}
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
  border: 1px solid transparent;
  margin: -1px 0 -1px -1px;
}
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}
.el-tabs--left > .el-tabs__content + .el-tabs__header {
  order: -1;
}

.el-tabs--right .el-tabs__header.is-right {
  margin-bottom: 0;
  margin-left: 10px;
}
.el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-left: -1px;
}
.el-tabs--right .el-tabs__nav-wrap.is-right::after {
  left: 0;
  right: auto;
}
.el-tabs--right .el-tabs__active-bar.is-right {
  left: 0;
}
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
  display: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
  border-bottom: none;
  border-top: 1px solid var(--el-border-color-light);
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
  border-left: 1px solid var(--el-border-color-light);
  border-top: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
  border: 1px solid var(--el-border-color-light);
  border-left-color: #fff;
  border-right: none;
  border-bottom: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
  border-top: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
  border-bottom: none;
}
.el-tabs--right.el-tabs--card .el-tabs__nav {
  border-radius: 0 4px 4px 0;
  border-bottom: 1px solid var(--el-border-color-light);
  border-left: none;
}
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
  border-left: 1px solid var(--el-border-color);
}
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
  border: 1px solid transparent;
  margin: -1px -1px -1px 0;
}
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}

.el-tabs--top {
  flex-direction: column;
}
.el-tabs--top > .el-tabs__content + .el-tabs__header {
  order: -1;
}

.slideInRight-transition,
.slideInLeft-transition {
  display: inline-block;
}

.slideInRight-enter {
  animation: slideInRight-enter var(--el-transition-duration);
}

.slideInRight-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInRight-leave var(--el-transition-duration);
}

.slideInLeft-enter {
  animation: slideInLeft-enter var(--el-transition-duration);
}

.slideInLeft-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInLeft-leave var(--el-transition-duration);
}

@keyframes slideInRight-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInRight-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes slideInLeft-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInLeft-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0;
  }
}
.el-tabs {
  display: flex;
  width: 100%;
  height: 100%;
  user-select: none;
}
.el-tabs .el-tabs__header {
  margin: 0rem;
  border: none !important;
  height: auto !important;
}
.el-tabs .el-tabs__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem;
}
.el-tabs .el-tabs__content .el-tab-pane {
  width: 100%;
  height: 100%;
}
.el-tabs .el-tabs__nav {
  display: flex;
  flex-direction: row;
  align-content: center;
  gap: 0.6rem;
  background-color: transparent;
  padding: 0.5rem;
  border-radius: 0.4rem;
  border: none !important;
  height: auto !important;
}
.el-tabs .el-tabs__nav-next,
.el-tabs .el-tabs__nav-prev {
  line-height: 4rem;
}
.el-tabs .el-tabs__nav-wrap::after {
  position: relative;
}
.el-tabs .el-tabs__nav-scroll {
  border-radius: 0.4rem;
}
.el-tabs .el-tabs__nav-scroll .el-tabs__item.is-top {
  padding: 0 1rem !important;
  height: 3rem;
}
.el-tabs .el-tabs__nav-scroll .el-tabs__active-bar {
  display: none;
}
.el-tabs .el-tabs__nav-scroll .el-tabs__item {
  width: auto;
  height: 2.5rem !important;
  border-radius: 0.4rem;
  border: 0.2rem solid transparent !important;
  font-weight: 500 !important;
}
.el-tabs .el-tabs__nav-scroll .el-tabs__item:focus-visible {
  outline: none;
  box-shadow: none;
  border: 0.2rem solid transparent !important;
}
.el-tabs .el-tabs__nav-scroll .el-tabs__item.is-active {
  animation: tabAnimation 0.3s forwards;
}
.el-tabs .el-tabs__nav-scroll .el-tabs__item p {
  font-weight: 500;
  color: var(--color-text-primary);
}
.el-tabs .el-tabs__nav-scroll .el-tabs__item.is-top p {
  line-height: normal;
}
.el-tabs .el-tabs__new-tab {
  display: none;
}

.el-tabs .el-tabs__item {
  background-color: transparent;
  color: var(--color-text-primary);
}
.el-tabs .el-tabs__item:not(.is-disabled):not(.is-active):hover {
  background-color: var(--color-background-bg-light) !important;
}
.el-tabs .el-tabs__item:not(.is-disabled).is-active:hover {
  background-color: var(--color-background-bg) !important;
}
.el-tabs .el-tabs__item:focus-visible {
  color: var(--color-text-primary);
  background-color: var(--color-background-bg) !important;
}
.el-tabs .el-tabs__item.is-active {
  background-color: var(--color-background-bg);
  color: var(--color-text-primary);
}
.el-tabs .el-tabs__item.is-disabled {
  color: var(--color-text-secondary);
  background-color: var(--color-background-outstanding-light) !important;
}

.el-tabs__item .is-icon-close:hover {
  background-color: var(--color-background-outstanding) !important;
}

.el-tabs.secondary .el-tabs__nav-scroll {
  background-color: var(--color-background-bg);
}
.el-tabs.secondary .el-tabs__item {
  background-color: transparent;
  color: var(--color-text-primary);
}
.el-tabs.secondary .el-tabs__item:not(.is-disabled):not(.is-active):hover {
  background-color: var(--color-background-outstanding-light) !important;
}
.el-tabs.secondary .el-tabs__item:not(.is-disabled).is-active:hover {
  background-color: var(--color-background-outstanding) !important;
}
.el-tabs.secondary .el-tabs__item:focus-visible {
  color: var(--color-text-primary);
  background-color: var(--color-background-outstanding) !important;
}
.el-tabs.secondary .el-tabs__item.is-active {
  background-color: var(--color-background-outstanding);
  color: var(--color-text-primary);
}
.el-tabs.secondary .el-tabs__item.is-disabled {
  color: var(--color-text-secondary);
  background-color: var(--color-background-bg2-light) !important;
}

@keyframes tabAnimation {
  0% {
    transform-origin: left;
  }
  100% {
    transform-origin: left;
  }
}
.el-tab-pane {
  display: flex;
  flex-direction: column;
}

.el-tag {
  --el-tag-font-size: 12px;
  --el-tag-border-radius: 4px;
  --el-tag-border-radius-rounded: 9999px;
}

.el-tag {
  background-color: var(--el-tag-bg-color);
  border-color: var(--el-tag-border-color);
  color: var(--el-tag-text-color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 32px;
  padding: 0 9px;
  font-size: var(--el-tag-font-size);
  line-height: 1;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--el-tag-border-radius);
  box-sizing: border-box;
  white-space: nowrap;
  --el-icon-size: 14px;
  --el-tag-bg-color: var(--el-color-primary-light-9);
  --el-tag-border-color: var(--el-color-primary-light-8);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag.el-tag--primary {
  --el-tag-bg-color: var(--el-color-primary-light-9);
  --el-tag-border-color: var(--el-color-primary-light-8);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag.el-tag--success {
  --el-tag-bg-color: var(--el-color-success-light-9);
  --el-tag-border-color: var(--el-color-success-light-8);
  --el-tag-hover-color: var(--el-color-success);
}
.el-tag.el-tag--warning {
  --el-tag-bg-color: var(--el-color-warning-light-9);
  --el-tag-border-color: var(--el-color-warning-light-8);
  --el-tag-hover-color: var(--el-color-warning);
}
.el-tag.el-tag--danger {
  --el-tag-bg-color: var(--el-color-danger-light-9);
  --el-tag-border-color: var(--el-color-danger-light-8);
  --el-tag-hover-color: var(--el-color-danger);
}
.el-tag.el-tag--error {
  --el-tag-bg-color: var(--el-color-error-light-9);
  --el-tag-border-color: var(--el-color-error-light-8);
  --el-tag-hover-color: var(--el-color-error);
}
.el-tag.el-tag--info {
  --el-tag-bg-color: var(--el-color-info-light-9);
  --el-tag-border-color: var(--el-color-info-light-8);
  --el-tag-hover-color: var(--el-color-info);
}
.el-tag.is-hit {
  border-color: var(--el-color-primary);
}

.el-tag.is-round {
  border-radius: var(--el-tag-border-radius-rounded);
}

.el-tag .el-tag__close {
  flex-shrink: 0;
  color: var(--el-tag-text-color);
}
.el-tag .el-tag__close:hover {
  color: var(--el-color-white);
  background-color: var(--el-tag-hover-color);
}
.el-tag.el-tag--primary {
  --el-tag-text-color: var(--el-color-primary);
}
.el-tag.el-tag--success {
  --el-tag-text-color: var(--el-color-success);
}
.el-tag.el-tag--warning {
  --el-tag-text-color: var(--el-color-warning);
}
.el-tag.el-tag--danger {
  --el-tag-text-color: var(--el-color-danger);
}
.el-tag.el-tag--error {
  --el-tag-text-color: var(--el-color-error);
}
.el-tag.el-tag--info {
  --el-tag-text-color: var(--el-color-info);
}
.el-tag .el-icon {
  border-radius: 50%;
  cursor: pointer;
  font-size: calc(var(--el-icon-size) - 2px);
  height: var(--el-icon-size);
  width: var(--el-icon-size);
}
.el-tag .el-tag__close {
  padding: 0;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  outline: none;
  overflow: hidden;
  margin-left: 6px;
}
.el-tag .el-tag__close:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-tag .el-tag__close .el-icon {
  display: flex;
}
.el-tag--dark {
  --el-tag-text-color: var(--el-color-white);
  --el-tag-bg-color: var(--el-color-primary);
  --el-tag-border-color: var(--el-color-primary);
  --el-tag-hover-color: var(--el-color-primary-light-3);
}
.el-tag--dark.el-tag--primary {
  --el-tag-bg-color: var(--el-color-primary);
  --el-tag-border-color: var(--el-color-primary);
  --el-tag-hover-color: var(--el-color-primary-light-3);
}
.el-tag--dark.el-tag--success {
  --el-tag-bg-color: var(--el-color-success);
  --el-tag-border-color: var(--el-color-success);
  --el-tag-hover-color: var(--el-color-success-light-3);
}
.el-tag--dark.el-tag--warning {
  --el-tag-bg-color: var(--el-color-warning);
  --el-tag-border-color: var(--el-color-warning);
  --el-tag-hover-color: var(--el-color-warning-light-3);
}
.el-tag--dark.el-tag--danger {
  --el-tag-bg-color: var(--el-color-danger);
  --el-tag-border-color: var(--el-color-danger);
  --el-tag-hover-color: var(--el-color-danger-light-3);
}
.el-tag--dark.el-tag--error {
  --el-tag-bg-color: var(--el-color-error);
  --el-tag-border-color: var(--el-color-error);
  --el-tag-hover-color: var(--el-color-error-light-3);
}
.el-tag--dark.el-tag--info {
  --el-tag-bg-color: var(--el-color-info);
  --el-tag-border-color: var(--el-color-info);
  --el-tag-hover-color: var(--el-color-info-light-3);
}
.el-tag--dark.el-tag--primary {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--success {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--warning {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--danger {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--error {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--info {
  --el-tag-text-color: var(--el-color-white);
}

.el-tag--plain {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-primary-light-5);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag--plain.el-tag--primary {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-primary-light-5);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag--plain.el-tag--success {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-success-light-5);
  --el-tag-hover-color: var(--el-color-success);
}
.el-tag--plain.el-tag--warning {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-warning-light-5);
  --el-tag-hover-color: var(--el-color-warning);
}
.el-tag--plain.el-tag--danger {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-danger-light-5);
  --el-tag-hover-color: var(--el-color-danger);
}
.el-tag--plain.el-tag--error {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-error-light-5);
  --el-tag-hover-color: var(--el-color-error);
}
.el-tag--plain.el-tag--info {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-info-light-5);
  --el-tag-hover-color: var(--el-color-info);
}

.el-tag.is-closable {
  padding-right: 5px;
}
.el-tag--large {
  padding: 0 11px;
  height: 40px;
  --el-icon-size: 16px;
}
.el-tag--large .el-tag__close {
  margin-left: 8px;
}
.el-tag--large.is-closable {
  padding-right: 7px;
}

.el-tag--small {
  padding: 0 7px;
  height: 25px;
  --el-icon-size: 12px;
}
.el-tag--small .el-tag__close {
  margin-left: 4px;
}
.el-tag--small.is-closable {
  padding-right: 3px;
}

.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag.el-tag--primary.is-hit {
  border-color: var(--el-color-primary);
}

.el-tag.el-tag--success.is-hit {
  border-color: var(--el-color-success);
}

.el-tag.el-tag--warning.is-hit {
  border-color: var(--el-color-warning);
}

.el-tag.el-tag--danger.is-hit {
  border-color: var(--el-color-danger);
}

.el-tag.el-tag--error.is-hit {
  border-color: var(--el-color-error);
}

.el-tag.el-tag--info.is-hit {
  border-color: var(--el-color-info);
}

.el-tag {
  --el-tag-font-size: 0.9rem;
  padding: 0.5rem;
  line-height: 1rem;
  font-weight: 700;
  font-size: 0.9rem;
  height: 1.75rem;
  user-select: none;
  --el-tag-border-radius: 0.3rem;
  --el-tag-bg-color: var(--color-default-tag);
  --el-tag-text-color: var(--color-text-primary);
  --el-tag-border-color: var(--color-text-primary) !important;
}
.el-tag .el-tag__close:hover {
  background-color: var(--color-background-outstanding-light) !important;
  color: var(--color-text-secondary) !important;
}

.el-tag.primary,
.el-tag--info {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-primary-light-1) !important;
  --el-tag-text-color: var(--color-primary) !important;
  --el-tag-border-color: var(--color-primary) !important;
}

.el-tag.secondary {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-secondary-light-3) !important;
  --el-tag-text-color: var(--color-secondary) !important;
  --el-tag-border-color: var(--color-secondary) !important;
}

.el-tag.success {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-success-light-3) !important;
  --el-tag-text-color: var(--color-success) !important;
  --el-tag-border-color: var(--color-success) !important;
}

.el-tag.error {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-error-light-3) !important;
  --el-tag-text-color: var(--color-error) !important;
  --el-tag-border-color: var(--color-error) !important;
}

.el-tag.warning {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-warning-light-3) !important;
  --el-tag-text-color: var(--color-warning) !important;
  --el-tag-border-color: var(--color-warning) !important;
}

.el-tag.highlight {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-highlight-light-3) !important;
  --el-tag-text-color: var(--color-highlight) !important;
  --el-tag-border-color: var(--color-highlight) !important;
}

.el-tag.advice {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-advice-light-3) !important;
  --el-tag-text-color: var(--color-advice) !important;
  --el-tag-border-color: var(--color-advice) !important;
}

.el-tag.outstanding {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-background-outstanding) !important;
  --el-tag-text-color: var(--color-text-secondary) !important;
  --el-tag-border-color: var(--color-text-secondary) !important;
}

.el-tag.info {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-info-light-3) !important;
  --el-tag-text-color: var(--color-info) !important;
  --el-tag-border-color: var(--color-info) !important;
}

.el-tag.date {
  --el-tag-bg-color: var(--color-background-bg-light) !important;
  --el-tag-text-color: var(--color-text-primary) !important;
  --el-tag-border-color: var(--color-text-secondary) !important;
  width: fit-content;
  display: flex;
  justify-content: flex-start;
}
.el-tag.date .el-tag__content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-feature-settings: "tnum";
}
.el-tag.date .el-tag__content i {
  font-size: 1.2rem;
}

.el-tag.date.success {
  --el-tag-bg-color: var(--color-success-light-3) !important;
  --el-tag-text-color: var(--color-success) !important;
  --el-tag-border-color: var(--color-success) !important;
}

.el-tag.date.error {
  --el-tag-bg-color: var(--color-error-light-3) !important;
  --el-tag-text-color: var(--color-error) !important;
  --el-tag-border-color: var(--color-error) !important;
}

.el-tag.date.warning {
  --el-tag-bg-color: var(--color-warning-light-3) !important;
  --el-tag-text-color: var(--color-warning) !important;
  --el-tag-border-color: var(--color-warning) !important;
}

.el-tag.date.advice {
  --el-tag-bg-color: var(--color-advice-light-3) !important;
  --el-tag-text-color: var(--color-advice) !important;
  --el-tag-border-color: var(--color-advice) !important;
}

.el-tag.fallback {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-background-outstanding) !important;
  --el-tag-text-color: var(--color-text-primary) !important;
  --el-tag-border-color: var(--color-text-primary) !important;
}

.el-tag.date.fallback {
  min-width: 3rem;
  --el-tag-bg-color: var(--color-background-outstanding) !important;
  --el-tag-text-color: var(--color-text-primary) !important;
  --el-tag-border-color: var(--color-text-primary) !important;
}

.el-tag.series {
  min-width: 3rem;
  --el-tag-bg-color: transparent !important;
  --el-tag-text-color: var(--color-text-primary) !important;
  --el-tag-border-color: var(--color-background-outstanding) !important;
  font-size: 1rem;
  font-weight: 400;
}

.tooltip {
  z-index: 9999999 !important;
  line-height: 1.3rem;
  border-radius: 0.4rem;
}

.header-tooltip {
  padding: 0rem !important;
}
.header-tooltip .tooltip-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.header-tooltip .tooltip-content header {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  background-color: var(--color-background-bg-light);
  padding: 1rem 1rem;
}
.header-tooltip .tooltip-content span {
  padding: 0rem 1rem 1rem 1rem;
  color: var(--color-text-primary);
}

.el-transfer {
  --el-transfer-border-color: transparent;
  --el-transfer-border-radius: var(--el-border-radius-base);
  --el-transfer-panel-width: 200px;
  --el-transfer-panel-header-height: 35px;
  --el-transfer-panel-header-bg-color: var(--color-background-bg2);
  --el-transfer-panel-footer-height: 40px;
  --el-transfer-panel-body-height: 278px;
  --el-transfer-item-height: 30px;
  --el-transfer-filter-height: 32px;
}

.el-transfer {
  font-size: var(--el-font-size-base);
}
.el-transfer__buttons {
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
}

.el-transfer__button {
  vertical-align: top;
}
.el-transfer__button:nth-child(2) {
  margin: 0 0 0 10px;
}
.el-transfer__button i,
.el-transfer__button span {
  font-size: 14px;
}
.el-transfer__button .el-icon + span {
  margin-left: 0;
}

.el-transfer-panel {
  overflow: hidden;
  background: var(--el-bg-color-overlay);
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: var(--el-transfer-panel-width);
  max-height: 100%;
  box-sizing: border-box;
  position: relative;
}
.el-transfer-panel__body {
  height: var(--el-transfer-panel-body-height);
  border-left: 1px solid var(--el-transfer-border-color);
  border-right: 1px solid var(--el-transfer-border-color);
  border-bottom: 1px solid var(--el-transfer-border-color);
  border-bottom-left-radius: var(--el-transfer-border-radius);
  border-bottom-right-radius: var(--el-transfer-border-radius);
  overflow: hidden;
}
.el-transfer-panel__body.is-with-footer {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.el-transfer-panel__list {
  margin: 0;
  padding: 6px 0;
  list-style: none;
  height: var(--el-transfer-panel-body-height);
  overflow: auto;
  box-sizing: border-box;
}
.el-transfer-panel__list.is-filterable {
  height: calc(100% - var(--el-transfer-filter-height) - 30px);
  padding-top: 0;
}

.el-transfer-panel__item {
  height: var(--el-transfer-item-height);
  line-height: var(--el-transfer-item-height);
  padding-left: 15px;
  display: block !important;
}
.el-transfer-panel__item + .el-transfer-panel__item {
  margin-left: 0;
}
.el-transfer-panel__item.el-checkbox {
  color: var(--el-text-color-regular);
  margin-right: 30px;
}
.el-transfer-panel__item:hover {
  color: var(--el-color-primary);
}
.el-transfer-panel__item.el-checkbox .el-checkbox__label {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  box-sizing: border-box;
  padding-left: 22px;
  line-height: var(--el-transfer-item-height);
}
.el-transfer-panel__item .el-checkbox__input {
  position: absolute;
  top: 8px;
}

.el-transfer-panel__filter {
  text-align: center;
  padding: 15px;
  box-sizing: border-box;
}
.el-transfer-panel__filter .el-input__inner {
  height: var(--el-transfer-filter-height);
  width: 100%;
  font-size: 12px;
  display: inline-block;
  box-sizing: border-box;
}
.el-transfer-panel__filter .el-icon-circle-close {
  cursor: pointer;
}

.el-transfer-panel .el-transfer-panel__header {
  display: flex;
  align-items: center;
  height: var(--el-transfer-panel-header-height);
  background: var(--el-transfer-panel-header-bg-color);
  margin: 0;
  padding-left: 15px;
  border: 1px solid var(--el-transfer-border-color);
  border-top-left-radius: var(--el-transfer-border-radius);
  border-top-right-radius: var(--el-transfer-border-radius);
  box-sizing: border-box;
  color: var(--el-color-black);
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 0;
  font-size: 16px;
  color: var(--el-text-color-primary);
  font-weight: normal;
}
.el-transfer-panel .el-transfer-panel__header-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.el-transfer-panel .el-transfer-panel__header-count {
  flex-shrink: 0;
  margin-left: 8px;
  margin-right: 15px;
  color: var(--el-text-color-secondary);
  font-size: 12px;
}
.el-transfer-panel .el-transfer-panel__footer {
  height: var(--el-transfer-panel-footer-height);
  background: var(--el-bg-color-overlay);
  margin: 0;
  padding: 0;
  border: 1px solid var(--el-transfer-border-color);
  border-bottom-left-radius: var(--el-transfer-border-radius);
  border-bottom-right-radius: var(--el-transfer-border-radius);
}
.el-transfer-panel .el-transfer-panel__footer::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
  padding-left: 20px;
  color: var(--el-text-color-regular);
}
.el-transfer-panel .el-transfer-panel__empty {
  margin: 0;
  height: var(--el-transfer-item-height);
  line-height: var(--el-transfer-item-height);
  padding: 6px 15px 0;
  color: var(--el-text-color-secondary);
  text-align: center;
}
.el-transfer-panel .el-checkbox__label {
  padding-left: 8px;
}

.el-transfer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.el-transfer-panel {
  flex: 1;
}

.el-transfer .el-button {
  width: auto;
}

.el-tree {
  --el-tree-node-content-height: 26px;
  --el-tree-node-hover-bg-color: var(--color-background-bg);
  --el-tree-text-color: var(--el-text-color-regular);
  --el-tree-expand-icon-color: var(--el-text-color-placeholder);
}

.el-tree {
  position: relative;
  cursor: default;
  background: var(--el-fill-color-blank);
  color: var(--el-tree-text-color);
  font-size: var(--el-font-size-base);
}
.el-tree__empty-block {
  position: relative;
  min-height: 60px;
  text-align: center;
  width: 100%;
  height: 100%;
}

.el-tree__empty-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--el-text-color-secondary);
  font-size: var(--el-font-size-base);
}

.el-tree__drop-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--el-color-primary);
}

.el-tree-node {
  white-space: nowrap;
  outline: none;
}
.el-tree-node:focus {
  /* focus */
}
.el-tree-node:focus > .el-tree-node__content {
  background-color: var(--el-tree-node-hover-bg-color);
}
.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
  background-color: var(--el-color-primary);
  color: #fff;
}

.el-tree-node__content {
  --el-checkbox-height: var(--el-tree-node-content-height);
  display: flex;
  align-items: center;
  height: var(--el-tree-node-content-height);
  cursor: pointer;
}
.el-tree-node__content > .el-tree-node__expand-icon {
  padding: 6px;
  box-sizing: content-box;
}
.el-tree-node__content > label.el-checkbox {
  margin-right: 8px;
}
.el-tree-node__content:hover {
  background-color: var(--el-tree-node-hover-bg-color);
}
.el-tree.is-dragging .el-tree-node__content {
  cursor: move;
}
.el-tree.is-dragging .el-tree-node__content * {
  pointer-events: none;
}
.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
  cursor: not-allowed;
}

.el-tree-node__expand-icon {
  cursor: pointer;
  color: var(--el-tree-expand-icon-color);
  font-size: 12px;
  transform: rotate(0deg);
  transition: transform var(--el-transition-duration) ease-in-out;
}
.el-tree-node__expand-icon.expanded {
  transform: rotate(90deg);
}
.el-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
  visibility: hidden;
}
.el-tree-node__expand-icon.is-hidden {
  visibility: hidden;
}

.el-tree-node__loading-icon {
  margin-right: 8px;
  font-size: var(--el-font-size-base);
  color: var(--el-tree-expand-icon-color);
}

.el-tree-node > .el-tree-node__children {
  overflow: hidden;
  background-color: transparent;
}
.el-tree-node.is-expanded > .el-tree-node__children {
  display: block;
}

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: var(--el-color-primary-light-9);
}

.el-tree {
  user-select: none;
  --el-tree-node-hover-bg-color: var(--color-background-bg-light);
  --el-tree-text-color: var(--color-text-primary);
}
.el-tree .el-tree-node__expand-icon {
  display: none;
}
.el-tree .expand-icon {
  flex-grow: 0;
  flex-shrink: 0;
  width: 2.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
}
.el-tree .expand-icon i {
  font-size: 1.2rem !important;
  transition: transform var(--el-transition-duration);
}
.el-tree .expand-icon .opened {
  transform: rotate(90deg);
}
.el-tree .el-tree-node {
  width: calc(100% - 1rem) !important;
}
.el-tree .el-tree-node__content {
  border-radius: 0.4rem;
  background-color: transparent !important;
}
.el-tree .el-tree-node.is-expanded .expand-icon i {
  transform: rotate(90deg);
}
.el-tree .tree-slot {
  display: flex;
  width: -webkit-fill-available;
  width: -moz-available;
  height: calc(100% - 0.2rem);
  border-radius: 0.4rem;
  align-items: center;
  position: absolute;
  outline: none !important;
}
.el-tree .tree-slot:focus-within {
  background-color: var(--color-background-bg-light) !important;
}
.el-tree .tree-slot:hover {
  background-color: var(--color-background-bg-light) !important;
}
.el-tree .tree-slot.selected:hover,
.el-tree .tree-slot.selected:focus-visible {
  background-color: var(--color-background-bg) !important;
}
.el-tree .tree-slot.selected {
  background-color: var(--color-background-bg) !important;
}
.el-tree .tree-slot.selected::before {
  display: block;
  content: " ";
  position: absolute;
  left: 0rem;
  top: 0rem;
  bottom: 0rem;
  width: 0.3rem;
  border-radius: 0.2rem 0rem 0rem 0.2rem !important;
  background-color: var(--color-primary);
  z-index: 2;
}
.el-tree .tree-slot.selected-parent {
  background-color: var(--color-background-bg) !important;
}
.el-tree .tree-slot.selected-parent:hover,
.el-tree .tree-slot.selected-parent:focus-visible {
  background-color: var(--color-background-bg) !important;
}
.el-tree .el-virtual-scrollbar {
  width: 0.5rem !important;
}

.sMapFilterModal-items-el-tree {
  display: flex;
  flex-shrink: 1;
  flex-grow: 1;
  flex-direction: column;
}
.sMapFilterModal-items-el-tree .el-tree-node {
  padding: 0.5rem 0;
  width: 100%;
  overflow: hidden !important;
  border-radius: 0.4rem;
}
.sMapFilterModal-items-el-tree .el-tree-node__content {
  width: 100%;
}
.sMapFilterModal-items-el-tree .el-tree-node__children {
  margin-top: 0.5rem;
  padding-bottom: 0;
  margin-bottom: -0.5rem !important;
}
.sMapFilterModal-items-el-tree .el-tree__empty-block {
  flex-grow: 1;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.el-upload {
  --el-upload-dragger-padding-horizontal: 10px;
  --el-upload-dragger-padding-vertical: 40px;
  --el-upload-list-picture-card-size: var(--el-upload-picture-card-size);
  --el-upload-picture-card-size: 148px;
}

.el-upload {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: none;
}
.el-upload.is-disabled {
  cursor: not-allowed;
}
.el-upload.is-disabled:focus {
  border-color: var(--el-border-color-darker);
  color: inherit;
}
.el-upload.is-disabled:focus .el-upload-dragger {
  border-color: var(--el-border-color-darker);
}
.el-upload.is-disabled .el-upload-dragger {
  cursor: not-allowed;
  background-color: var(--el-disabled-bg-color);
}
.el-upload.is-disabled .el-upload-dragger .el-upload__text {
  color: var(--el-text-color-placeholder);
}
.el-upload.is-disabled .el-upload-dragger .el-upload__text em {
  color: var(--el-disabled-text-color);
}
.el-upload.is-disabled .el-upload-dragger:hover {
  border-color: var(--el-border-color-darker);
}

.el-upload__input {
  display: none;
}

.el-upload__tip {
  font-size: 12px;
  color: var(--el-text-color-regular);
  margin-top: 7px;
}

.el-upload iframe {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.el-upload {
  /* Picture Card for Wall */
}
.el-upload--picture-card {
  background-color: var(--el-fill-color-lighter);
  border: 1px dashed var(--el-border-color-darker);
  border-radius: 6px;
  box-sizing: border-box;
  width: var(--el-upload-picture-card-size);
  height: var(--el-upload-picture-card-size);
  cursor: pointer;
  vertical-align: top;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.el-upload--picture-card > i {
  font-size: 28px;
  color: var(--el-text-color-secondary);
}
.el-upload--picture-card:hover {
  border-color: var(--el-color-primary);
  color: var(--el-color-primary);
}

.el-upload.is-drag {
  display: block;
}

.el-upload:focus {
  border-color: var(--el-color-primary);
  color: var(--el-color-primary);
}
.el-upload:focus .el-upload-dragger {
  border-color: var(--el-color-primary);
}

.el-upload-dragger {
  padding: var(--el-upload-dragger-padding-vertical) var(--el-upload-dragger-padding-horizontal);
  background-color: var(--el-fill-color-blank);
  border: 1px dashed var(--el-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.el-upload-dragger .el-icon--upload {
  font-size: 67px;
  color: var(--el-text-color-placeholder);
  margin-bottom: 16px;
  line-height: 50px;
}
.el-upload-dragger + .el-upload__tip {
  text-align: center;
}
.el-upload-dragger ~ .el-upload__files {
  border-top: var(--el-border);
  margin-top: 7px;
  padding-top: 5px;
}
.el-upload-dragger .el-upload__text {
  color: var(--el-text-color-regular);
  font-size: 14px;
  text-align: center;
}
.el-upload-dragger .el-upload__text em {
  color: var(--el-color-primary);
  font-style: normal;
}
.el-upload-dragger:hover {
  border-color: var(--el-color-primary);
}
.el-upload-dragger.is-dragover {
  padding: calc(var(--el-upload-dragger-padding-vertical) - 1px) calc(var(--el-upload-dragger-padding-horizontal) - 1px);
  background-color: var(--el-color-primary-light-9);
  border: 2px dashed var(--el-color-primary);
}

.el-upload-list {
  --el-upload-dragger-padding-horizontal: 10px;
  --el-upload-dragger-padding-vertical: 40px;
  --el-upload-list-picture-card-size: var(--el-upload-picture-card-size);
  --el-upload-picture-card-size: 148px;
}

.el-upload-list {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.el-upload-list__item {
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  font-size: 14px;
  color: var(--el-text-color-regular);
  margin-bottom: 5px;
  position: relative;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
}
.el-upload-list__item .el-progress {
  position: absolute;
  top: 20px;
  width: 100%;
}
.el-upload-list__item .el-progress__text {
  position: absolute;
  right: 0;
  top: -13px;
}
.el-upload-list__item .el-progress-bar {
  margin-right: 0;
  padding-right: 0;
}
.el-upload-list__item .el-icon--upload-success {
  color: var(--el-color-success);
}
.el-upload-list__item .el-icon--close {
  display: none;
  position: absolute;
  right: 5px;
  top: 50%;
  cursor: pointer;
  opacity: 0.75;
  color: var(--el-text-color-regular);
  transition: opacity var(--el-transition-duration);
  transform: translateY(-50%);
}
.el-upload-list__item .el-icon--close:hover {
  opacity: 1;
  color: var(--el-color-primary);
}
.el-upload-list__item .el-icon--close-tip {
  display: none;
  position: absolute;
  top: 1px;
  right: 5px;
  font-size: 12px;
  cursor: pointer;
  opacity: 1;
  color: var(--el-color-primary);
  font-style: normal;
}
.el-upload-list__item:hover, .el-upload-list__item:focus-within {
  background-color: var(--el-fill-color-light);
}
.el-upload-list__item:hover .el-icon--close, .el-upload-list__item:focus-within .el-icon--close {
  display: inline-flex;
}
.el-upload-list__item:hover .el-icon--close-tip, .el-upload-list__item:focus-within .el-icon--close-tip {
  right: 24px;
}
.el-upload-list__item:hover .el-progress__text, .el-upload-list__item:focus-within .el-progress__text {
  display: none;
}
.el-upload-list__item .el-upload-list__item-info {
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  width: calc(100% - 30px);
  margin-left: 4px;
}
.el-upload-list__item.is-success .el-upload-list__item-status-label {
  display: inline-flex;
}
.el-upload-list__item.is-success .el-upload-list__item-name:hover,
.el-upload-list__item.is-success .el-upload-list__item-name:focus {
  color: var(--el-color-primary);
  cursor: pointer;
}
.el-upload-list__item.is-success:focus:not(:hover) {
  /* 键盘focus */
}
.el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip {
  display: inline-block;
}
.el-upload-list__item.is-success:not(.focusing):focus, .el-upload-list__item.is-success:active {
  /* click时 */
  outline-width: 0;
}
.el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip, .el-upload-list__item.is-success:active .el-icon--close-tip {
  display: none;
}
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label, .el-upload-list__item.is-success:focus-within .el-upload-list__item-status-label {
  display: none;
  opacity: 0;
}

.el-upload-list__item-name {
  color: var(--el-text-color-regular);
  display: inline-flex;
  text-align: center;
  align-items: center;
  padding: 0 4px;
  transition: color var(--el-transition-duration);
  font-size: var(--el-font-size-base);
}
.el-upload-list__item-name .el-icon {
  margin-right: 6px;
  color: var(--el-text-color-secondary);
}

.el-upload-list__item-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-upload-list__item-status-label {
  position: absolute;
  right: 5px;
  top: 0;
  line-height: inherit;
  display: none;
  height: 100%;
  justify-content: center;
  align-items: center;
  transition: opacity var(--el-transition-duration);
}

.el-upload-list__item-delete {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 12px;
  color: var(--el-text-color-regular);
  display: none;
}
.el-upload-list__item-delete:hover {
  color: var(--el-color-primary);
}

.el-upload-list--picture-card {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0;
}
.el-upload-list--picture-card .el-upload-list__item {
  overflow: hidden;
  background-color: var(--el-fill-color-blank);
  border: 1px solid var(--el-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  width: var(--el-upload-list-picture-card-size);
  height: var(--el-upload-list-picture-card-size);
  margin: 0 8px 8px 0;
  padding: 0;
  display: inline-flex;
}
.el-upload-list--picture-card .el-upload-list__item .el-icon--check,
.el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check {
  color: #ffffff;
}
.el-upload-list--picture-card .el-upload-list__item .el-icon--close {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
  opacity: 0;
  display: block;
}
.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
  display: block;
}
.el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.el-upload-list--picture-card .el-upload-list__item-status-label {
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: var(--el-color-success);
  text-align: center;
  transform: rotate(45deg);
}
.el-upload-list--picture-card .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
}
.el-upload-list--picture-card .el-upload-list__item-actions {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  opacity: 0;
  font-size: 20px;
  background-color: var(--el-overlay-color-lighter);
  transition: opacity var(--el-transition-duration);
}
.el-upload-list--picture-card .el-upload-list__item-actions span {
  display: none;
  cursor: pointer;
}
.el-upload-list--picture-card .el-upload-list__item-actions span + span {
  margin-left: 16px;
}
.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  position: static;
  font-size: inherit;
  color: inherit;
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover {
  opacity: 1;
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
  display: inline-flex;
}
.el-upload-list--picture-card .el-progress {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  width: 126px;
}
.el-upload-list--picture-card .el-progress .el-progress__text {
  top: 50%;
}

.el-upload-list--picture .el-upload-list__item {
  overflow: hidden;
  z-index: 0;
  background-color: var(--el-fill-color-blank);
  border: 1px solid var(--el-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
}
.el-upload-list--picture .el-upload-list__item .el-icon--check,
.el-upload-list--picture .el-upload-list__item .el-icon--circle-check {
  color: #ffffff;
}
.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
  opacity: 0;
  display: inline-flex;
}
.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
  display: block;
}
.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
  display: none;
}
.el-upload-list--picture .el-upload-list__item .el-icon--close {
  top: 5px;
  transform: translateY(0);
}
.el-upload-list--picture .el-upload-list__item-thumbnail {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  object-fit: contain;
  position: relative;
  z-index: 1;
  background-color: var(--el-color-white);
}
.el-upload-list--picture .el-upload-list__item-status-label {
  position: absolute;
  right: -17px;
  top: -7px;
  width: 46px;
  height: 26px;
  background: var(--el-color-success);
  text-align: center;
  transform: rotate(45deg);
}
.el-upload-list--picture .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 12px;
  transform: rotate(-45deg);
}
.el-upload-list--picture .el-progress {
  position: relative;
  top: -7px;
}

.el-upload-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  cursor: default;
}
.el-upload-cover::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-upload-cover img {
  display: block;
  width: 100%;
  height: 100%;
}
.el-upload-cover__label {
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: var(--el-color-success);
  text-align: center;
  transform: rotate(45deg);
}
.el-upload-cover__label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
  color: #fff;
}

.el-upload-cover__progress {
  display: inline-block;
  vertical-align: middle;
  position: static;
  width: 243px;
}
.el-upload-cover__progress + .el-upload__inner {
  opacity: 0;
}

.el-upload-cover__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.el-upload-cover__interact {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--el-overlay-color-light);
  text-align: center;
}
.el-upload-cover__interact .btn {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
  transition: var(--el-transition-md-fade);
  margin-top: 60px;
}
.el-upload-cover__interact .btn i {
  margin-top: 0;
}
.el-upload-cover__interact .btn span {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.el-upload-cover__interact .btn:not(:first-child) {
  margin-left: 35px;
}
.el-upload-cover__interact .btn:hover {
  transform: translateY(-13px);
}
.el-upload-cover__interact .btn:hover span {
  opacity: 1;
}
.el-upload-cover__interact .btn i {
  color: #ffffff;
  display: block;
  font-size: 24px;
  line-height: inherit;
  margin: 0 auto 5px;
}

.el-upload-cover__title {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  height: 36px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  text-align: left;
  padding: 0 10px;
  margin: 0;
  line-height: 36px;
  font-size: 14px;
  color: var(--el-text-color-primary);
}

.el-upload-cover + .el-upload__inner {
  opacity: 0;
  position: relative;
  z-index: 1;
}

.el-upload .el-upload-dragger {
  padding: 1.5rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  --el-border-color: var(--color-background-outstanding);
  gap: 1rem;
  user-select: none;
  color: var(--color-text-secondary);
}
.el-upload .el-upload-dragger.is-dragover {
  background-color: var(--el-color-primary-light-2);
}
.el-upload .upload-icon {
  padding: 1rem;
}
.el-upload .upload-icon i {
  color: var(--color-primary);
  font-size: 3rem;
}
.el-upload .template {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.el-upload .template .sub {
  font-size: 1.1rem;
  text-align-last: center;
  color: var(--color-text-secondary);
}

.el-color-picker {
  display: inline-block;
  position: relative;
  line-height: normal;
  outline: none;
  height: 40px;
  width: 40px;
}
.el-color-picker:hover:not(.is-disabled, .is-focused) .el-color-picker__trigger {
  border-color: var(--el-border-color-hover);
}
.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 1px;
}
.el-color-picker.is-focused .el-color-picker__trigger {
  border-color: var(--el-color-primary);
}

.el-color-picker.is-disabled .el-color-picker__trigger {
  cursor: not-allowed;
  background-color: var(--el-fill-color-light);
}
.el-color-picker.is-disabled .el-color-picker__color {
  opacity: 0.3;
}

.el-color-picker--large {
  height: 45px;
  width: 45px;
}

.el-color-picker--small {
  height: 35px;
  width: 35px;
}

.el-color-picker--small .el-color-picker__icon,
.el-color-picker--small .el-color-picker__empty {
  transform: scale(0.8);
}

.el-color-picker__trigger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  padding: 4px;
  border: 1px solid var(--el-border-color);
  border-radius: 4px;
  font-size: 0;
  position: relative;
  cursor: pointer;
}

.el-color-picker__color {
  position: relative;
  display: block;
  box-sizing: border-box;
  border: 1px solid var(--el-text-color-secondary);
  border-radius: var(--el-border-radius-small);
  width: 100%;
  height: 100%;
  text-align: center;
}
.el-color-picker__color.is-alpha {
  background-image: linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
  background-size: 12px 12px;
  background-position: 0 0, 6px 0, 6px -6px, 0 6px;
}

.el-color-picker__color-inner {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.el-color-picker .el-color-picker__empty {
  font-size: 12px;
  color: var(--el-text-color-secondary);
}
.el-color-picker .el-color-picker__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 12px;
}
.el-color-picker__panel {
  background-color: #ffffff;
  border-radius: var(--el-border-radius-base);
  box-shadow: var(--el-box-shadow-light);
}
.el-color-picker__panel.el-popper {
  border: 1px solid var(--el-border-color-lighter);
}

.el-color-picker,
.el-color-picker__panel {
  --el-color-picker-alpha-bg-a: #ccc;
  --el-color-picker-alpha-bg-b: transparent;
}

.dark .el-color-picker,
.dark .el-color-picker__panel {
  --el-color-picker-alpha-bg-a: #333333;
}