@charset "UTF-8";
/* Element Chalk Variables */
/*
  TODO: Add docs on when to use placeholder vs when to use SASS variable

  Placeholder
    - When we want to keep customization to our self between templates use it

  Variables
    - When we want to allow customization from both user and our side
    - You can also use variable for consistency (e.g. mx 1 rem should be applied to both vertical nav items and vertical nav header)
*/
/*
    ❗ Heads up
    ==================
    Here we assume we will always use shorthand property which will apply same padding on four side
    This is because this have been used as value of top property by `.popper-content`
*/
.v-dialog .v-card, .layout-horizontal-nav .nav-group .popper-content > div {
  /* width */
}
.v-dialog .v-card::-webkit-scrollbar, .layout-horizontal-nav .nav-group .popper-content > div::-webkit-scrollbar {
  background: rgb(var(--v-theme-surface));
  block-size: 8px;
  border-end-end-radius: 14px;
  border-start-end-radius: 14px;
  inline-size: 4px;
}
.v-dialog .v-card, .layout-horizontal-nav .nav-group .popper-content > div {
  /* Track */
}
.v-dialog .v-card::-webkit-scrollbar-track, .layout-horizontal-nav .nav-group .popper-content > div::-webkit-scrollbar-track {
  background: transparent;
}
.v-dialog .v-card, .layout-horizontal-nav .nav-group .popper-content > div {
  /* Handle */
}
.v-dialog .v-card::-webkit-scrollbar-thumb, .layout-horizontal-nav .nav-group .popper-content > div::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  background: rgb(var(--v-theme-perfect-scrollbar-thumb));
}
.v-dialog .v-card::-webkit-scrollbar-corner, .layout-horizontal-nav .nav-group .popper-content > div::-webkit-scrollbar-corner {
  display: none;
}

.layout-horizontal-nav .nav-link a, .layout-horizontal-nav .nav-group .popper-triggerer .nav-group-label {
  padding-block: 0.6rem;
  padding-inline: 1rem;
}

.layout-horizontal-nav .nav-link:not(.sub-item) a, .layout-horizontal-nav .nav-group:not(.sub-item) > .popper-triggerer > .nav-group-label {
  border-radius: 0.4rem;
}

.layout-horizontal-nav .nav-link.sub-item a.router-link-active {
  background: rgba(var(--v-theme-primary), 0.1);
  color: rgb(var(--v-theme-primary));
}

/*
  ℹ️ This style is required when you don't provide any transition to horizontal nav items via themeConfig `themeConfig.horizontalNav.transition`
  Also, you have to disable it if you are using transition
*/
/*
  ℹ️ This style is required when you don't provide any transition to horizontal nav items via themeConfig `themeConfig.horizontalNav.transition`
  Also, you have to disable it if you are using transition
*/
.layout-horizontal-nav .nav-item-icon {
  font-size: 1.5rem;
  margin-inline-end: 0.625rem;
}

.layout-horizontal-nav .nav-link.sub-item,
.layout-horizontal-nav .nav-group.sub-item {
  min-inline-size: 12rem;
}
.layout-horizontal-nav .nav-link.sub-item .nav-item-title,
.layout-horizontal-nav .nav-group.sub-item .nav-item-title {
  margin-inline-end: 1rem;
}

.layout-horizontal-nav .nav-group.sub-item .sub-item .nav-item-icon {
  font-size: 0.9rem;
  margin-inline-end: 0.75rem;
  /*
    ℹ️ `margin-inline` will be (normal icon font-size - small icon font-size) / 2
    (1.5rem - 0.9rem) / 2 => 0.6rem / 2 => 0.3rem
  */
  margin-inline-start: 0.3rem;
}

.layout-horizontal-nav .nav-group .nav-item-title {
  margin-inline-end: 0.3rem;
  white-space: nowrap;
}

.layout-horizontal-nav .nav-group .popper-content {
  box-shadow: 0 3px 9px rgba(var(--v-shadow-key-umbra-color), 0.15), 0 0 transparent, 0 0 transparent;
  border-radius: 6px;
  padding-block: 0.3rem;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-header .header-action {
  font-size: 1.25rem;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-section-title, .layout-nav-type-vertical .layout-vertical-nav .nav-link > :first-child,
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child {
  margin-block: 0;
  margin-inline: 2px 8px;
  padding-block: 0;
  padding-inline: 1rem;
  white-space: nowrap;
  font-size: 0.875rem;
  color: rgba(var(--v-theme-text-color));
  font-weight: 400;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-group > .nav-group-children > .nav-link a {
  padding-inline-start: 1.3rem;
  padding-inline-end: 6px;
}

.layout-nav-type-vertical .layout-vertical-nav.collapsed:not(.hovered) .nav-group > .nav-group-children > .nav-link a {
  padding-inline: 8px;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-link > :first-child,
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child {
  border-radius: 0.4rem;
  block-size: 2.75rem;
  /*
    ℹ️ We will use `margin-block-end` instead of `margin-block` to give more space for shadow to appear.
    With `margin-block`, due to small space (space gets divided between top & bottom) shadow cuts
  */
  margin-block-end: 0.375rem;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-link .nav-item-icon,
.layout-nav-type-vertical .layout-vertical-nav .nav-group .nav-item-icon {
  flex-shrink: 0;
  font-size: 20px;
  margin-inline-end: 6px;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-group .nav-group .nav-item-icon,
.layout-nav-type-vertical .layout-vertical-nav .nav-group .nav-link .nav-item-icon {
  /*
    ℹ️ `margin-inline` will be (normal icon font-size - small icon font-size) / 2
    (1.5rem - 0.9rem) / 2 => 0.6rem / 2 => 0.3rem
  */
  font-size: 20px;
  margin-inline-end: 6px;
  margin-inline-start: 0px;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-group .nav-group .nav-link .nav-item-icon,
.layout-nav-type-vertical .layout-vertical-nav .nav-group .nav-group .nav-group .nav-item-icon {
  visibility: hidden;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-section-title {
  block-size: 1.5rem;
  color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
  font-size: 0.75rem;
  text-transform: uppercase;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-item-badge {
  display: inline-block;
  border-radius: 1.5rem;
  font-size: 0.8em;
  font-weight: 500;
  line-height: 1;
  padding-block: 0.25em;
  padding-inline: 0.55em;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}

.layout-horizontal-nav, .layout-nav-type-vertical .layout-vertical-nav {
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.layout-horizontal-nav .nav-item-title, .layout-nav-type-vertical .layout-vertical-nav .nav-item-title {
  letter-spacing: 0.15px;
}
.layout-horizontal-nav .nav-section-title, .layout-nav-type-vertical .layout-vertical-nav .nav-section-title {
  letter-spacing: 0.4px;
}

/*
    Active nav link styles for horizontal & vertical nav

    For horizontal nav it will be only applied to top level nav items
    For vertical nav it will be only applied to nav links (not nav groups)
*/
.layout-horizontal-nav .nav-link:not(.sub-item) a.router-link-active, .layout-horizontal-nav .nav-group:not(.sub-item).active > .popper-triggerer > .nav-group-label, .layout-nav-type-vertical .layout-vertical-nav .nav-link > .router-link-exact-active {
  background-color: rgb(var(--v-global-theme-primary));
  color: rgb(var(--v-theme-text-accent-main));
  box-shadow: 0 3px 8px rgba(var(--v-shadow-key-umbra-color), 0.14), 0 0 transparent, 0 0 transparent;
}

.layout-horizontal-nav .nav-link a, .layout-nav-type-vertical .layout-vertical-nav .nav-link a {
  color: inherit;
}

.layout-navbar {
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.layout-wrapper.layout-nav-type-vertical .navbar-blur.layout-navbar .navbar-content-container, .layout-wrapper.layout-nav-type-horizontal .header-blur.layout-navbar-and-nav-container {
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  /* stylelint-enable */
  background-color: rgb(var(--v-theme-surface), 0.9);
}

.layout-wrapper.layout-nav-type-vertical .layout-navbar .navbar-content-container {
  box-shadow: 0 2px 6px rgba(var(--v-shadow-key-umbra-color), 0.14), 0 0 transparent, 0 0 transparent;
  padding-inline: 1.2rem;
}

.layout-wrapper.layout-nav-type-vertical .layout-navbar.navbar-blur {
  isolation: isolate;
}
.layout-wrapper.layout-nav-type-vertical .layout-navbar.navbar-blur::after {
  position: absolute;
  z-index: -1;
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  /* stylelint-enable */
  background: linear-gradient(180deg, rgba(var(--v-theme-background), 70%) 44%, rgba(var(--v-theme-background), 43%) 73%, rgba(var(--v-theme-background), 0%));
  background-repeat: repeat;
  block-size: calc(64px + 0.5rem);
  content: "";
  inset-block-start: 0px;
  inset-inline-end: 0;
  inset-inline-start: 0;
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-mask: linear-gradient(black, black 18%, transparent 100%);
  mask: linear-gradient(black, black 18%, transparent 100%);
  /* stylelint-enable */
}

.layout-wrapper.layout-nav-type-horizontal .layout-navbar-and-nav-container {
  box-shadow: 0 3px 8px rgba(var(--v-shadow-key-umbra-color), 0.14), 0 0 transparent, 0 0 transparent;
  z-index: 1001;
  background-color: rgb(var(--v-theme-surface));
}
.layout-wrapper.layout-nav-type-horizontal .layout-navbar {
  border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}

.layout-wrapper.layout-nav-type-horizontal .layout-horizontal-nav {
  padding-block: 0.6875rem;
}

.layout-wrapper.layout-nav-type-horizontal .layout-horizontal-nav .nav-items {
  gap: 4px;
}

.layout-horizontal-nav, .layout-nav-type-vertical .layout-vertical-nav {
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}

/*
    Active nav link styles for horizontal & vertical nav

    For horizontal nav it will be only applied to top level nav items
    For vertical nav it will be only applied to nav links (not nav groups)
*/
.layout-horizontal-nav .nav-link:not(.sub-item) a.router-link-active, .layout-horizontal-nav .nav-group:not(.sub-item).active > .popper-triggerer > .nav-group-label, .layout-nav-type-vertical .layout-vertical-nav .nav-link > .router-link-exact-active {
  background: linear-gradient(72.47deg, rgb(var(--v-global-theme-primary)) 22.16%, rgba(var(--v-global-theme-primary), 0.7) 76.47%) !important;
  box-shadow: 0 2px 6px rgba(var(--v-global-theme-primary), 0.48);
  font-weight: 500;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-link .nav-item-icon,
.layout-nav-type-vertical .layout-vertical-nav .nav-group .nav-item-icon {
  font-size: 20px;
  margin-inline-start: 0px;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-item-badge {
  line-height: 1rem;
  margin-inline-end: 2px;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-link > :first-child,
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child {
  block-size: 2rem;
  margin-block-end: 0rem;
}

.layout-horizontal-nav .nav-item-icon {
  font-size: 1.375rem;
}

.layout-horizontal-nav .nav-link a, .layout-horizontal-nav .nav-group .popper-triggerer .nav-group-label {
  padding-block: 0.485rem;
  padding-inline: 0.7rem;
}

.layout-horizontal-nav .nav-group .popper-content .nav-link.sub-item a,
.layout-horizontal-nav .nav-group .popper-content .nav-group-label,
.layout-horizontal-nav .nav-link .popper-content .nav-link.sub-item a,
.layout-horizontal-nav .nav-link .popper-content .nav-group-label {
  border-radius: 0.375rem;
  margin-block: 0.25rem;
  margin-inline: 0.5rem;
}

.layout-horizontal-nav .nav-link.sub-item a.router-link-active {
  background: rgba(var(--v-theme-primary), 0.08);
}
.layout-horizontal-nav .nav-link.sub-item a.router-link-active::before {
  content: none;
}

.layout-horizontal-nav .nav-group .popper-content {
  box-shadow: 0 4px 11px rgba(var(--v-shadow-key-umbra-color), 0.16), 0 0 transparent, 0 0 transparent;
}

.layout-wrapper.layout-nav-type-vertical .layout-navbar .navbar-content-container {
  padding-inline: 1.5rem;
}

.layout-wrapper.layout-nav-type-horizontal .layout-navbar-and-nav-container {
  box-shadow: 0 2px 6px rgba(var(--v-shadow-key-umbra-color), 0.14), 0 0 transparent, 0 0 transparent;
}

.layout-nav-type-vertical .layout-vertical-nav {
  background-color: rgb(var(--v-theme-sub-background));
}
.layout-nav-type-vertical .layout-vertical-nav .layout-vertical-nav-collapsed.layout-nav-type-vertical .layout-vertical-nav.hovered {
  box-shadow: 0 4px 11px rgba(var(--v-shadow-key-umbra-color), 0.16), 0 0 transparent, 0 0 transparent;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-header {
  overflow: hidden;
  padding: 1rem 1rem;
  margin-inline: 0.875rem;
  min-block-size: 64px;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-header .app-logo {
  flex-shrink: 0;
  transition: transform 0.25s ease-in-out;
}
.layout-vertical-nav-collapsed.layout-nav-type-vertical .layout-vertical-nav:not(.hovered) .nav-header .app-logo {
  transform: translateX(-19px);
}
[dir=rtl] .layout-vertical-nav-collapsed.layout-nav-type-vertical .layout-vertical-nav:not(.hovered) .nav-header .app-logo {
  transform: translateX(19px);
}

.layout-nav-type-vertical .layout-vertical-nav .nav-header .header-action {
  display: none;
}
.layout-nav-type-vertical .layout-vertical-nav .vertical-nav-items-shadow {
  position: absolute;
  z-index: 1;
  background: linear-gradient(rgb(var(--v-theme-sub-background)) 5%, rgba(var(--v-theme-sub-background), 75%) 45%, rgba(var(--v-theme-sub-background), 20%) 80%, transparent);
  block-size: 55px;
  inline-size: 100%;
  inset-block-start: calc(64px - 2px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease-in-out;
  will-change: opacity;
}
[dir=rtl] .layout-nav-type-vertical .layout-vertical-nav .vertical-nav-items-shadow {
  transform: translateX(8px);
}
.layout-nav-type-vertical .layout-vertical-nav.scrolled .vertical-nav-items-shadow {
  opacity: 1;
}
.layout-nav-type-vertical .layout-vertical-nav .ps__rail-y {
  z-index: 1;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-section-title {
  margin-block-end: 0.375rem;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-section-title:not(:first-child) {
  margin-block-start: 1.25rem;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-section-title .placeholder-icon {
  margin-inline: auto;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-link,
.layout-nav-type-vertical .layout-vertical-nav .nav-group {
  overflow: hidden;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-link.disabled,
.layout-nav-type-vertical .layout-vertical-nav .nav-group.disabled {
  pointer-events: none;
}
.layout-nav-type-vertical .layout-vertical-nav.collapsed:not(.hovered) .nav-item-icon {
  margin-inline-end: 0px;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group.disabled .nav-group-children {
  display: none !important;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-link > a {
  position: relative;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-link > a::before {
  position: absolute;
  border-radius: inherit;
  background: currentcolor;
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-link > a:hover::before {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.layout-nav-type-vertical .layout-vertical-nav .nav-link > a:focus-visible::before {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .layout-nav-type-vertical .layout-vertical-nav .nav-link > a:focus::before {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group .nav-group-arrow {
  flex-shrink: 0;
  transform-origin: center;
  transition: transform 0.15s ease-in-out;
  will-change: transform;
  transform: rotateZ(90deg);
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group.open > .nav-group-label .nav-group-arrow {
  transform: rotateZ(270deg);
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child {
  position: relative;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child::before {
  position: absolute;
  border-radius: inherit;
  background: currentcolor;
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child:hover::before {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child:focus-visible::before {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child:focus::before {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group.active > :first-child {
  background: rgb(var(--v-theme-light-purple));
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group.active.has-active-child > :first-child, .layout-nav-type-vertical .layout-vertical-nav .nav-group.open.has-active-child > :first-child {
  background: transparent;
}

.vertical-nav-section-title-enter-active,
.vertical-nav-section-title-leave-active {
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

.vertical-nav-section-title-enter-from,
.vertical-nav-section-title-leave-to {
  opacity: 0;
  transform: translateX(15px);
}
[dir=rtl] .vertical-nav-section-title-enter-from,
[dir=rtl] .vertical-nav-section-title-leave-to {
  transform: translateX(-15px);
}

.transition-slide-x-enter-active,
.transition-slide-x-leave-active {
  transition: opacity 0.1s ease-in-out, transform 0.12s ease-in-out;
}

.transition-slide-x-enter-from,
.transition-slide-x-leave-to {
  opacity: 0;
  transform: translateX(-15px);
}
[dir=rtl] .transition-slide-x-enter-from,
[dir=rtl] .transition-slide-x-leave-to {
  transform: translateX(15px);
}

.vertical-nav-app-title-enter-active,
.vertical-nav-app-title-leave-active {
  transition: opacity 0.1s ease-in-out, transform 0.12s ease-in-out;
}

.vertical-nav-app-title-enter-from,
.vertical-nav-app-title-leave-to {
  opacity: 0;
  transform: translateX(-15px);
}
[dir=rtl] .vertical-nav-app-title-enter-from,
[dir=rtl] .vertical-nav-app-title-leave-to {
  transform: translateX(15px);
}

.layout-horizontal-nav .nav-link.disabled,
.layout-horizontal-nav .nav-group.disabled {
  opacity: var(--v-disabled-opacity);
  pointer-events: none;
}
.layout-horizontal-nav .nav-link a {
  position: relative;
}
.layout-horizontal-nav .nav-link a::before {
  position: absolute;
  border-radius: inherit;
  background: currentcolor;
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.layout-horizontal-nav .nav-link a:hover::before {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.layout-horizontal-nav .nav-link a:focus-visible::before {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .layout-horizontal-nav .nav-link a:focus::before {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.layout-horizontal-nav .nav-group > .popper-triggerer > .nav-group-label {
  position: relative;
}
.layout-horizontal-nav .nav-group > .popper-triggerer > .nav-group-label::before {
  position: absolute;
  border-radius: inherit;
  background: currentcolor;
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.layout-horizontal-nav .nav-group > .popper-triggerer > .nav-group-label:hover::before {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.layout-horizontal-nav .nav-group > .popper-triggerer > .nav-group-label:focus-visible::before {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .layout-horizontal-nav .nav-group > .popper-triggerer > .nav-group-label:focus::before {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.layout-horizontal-nav .nav-group .popper-content {
  background-color: rgb(var(--v-theme-surface));
}
.layout-horizontal-nav .nav-group .popper-content > div {
  max-block-size: calc(var(--vh, 1vh) * 100 - 120px - 4rem);
}
.layout-horizontal-nav .nav-group:not(.sub-item) > .popper-triggerer {
  position: relative;
  /*
    ℹ️ The Bridge
    This after pseudo will work as bridge when we have space between popper triggerer and popper content
    Initially it will have pointer events none for normal behavior and once the content is shown it will
      work as bridge by setting pointer events to `auto`
  */
}
.layout-horizontal-nav .nav-group:not(.sub-item) > .popper-triggerer::after {
  position: absolute;
  block-size: 1.0625rem;
  content: "";
  inline-size: 100%;
  inset-block-start: 100%;
  inset-inline-start: 0;
  pointer-events: none;
}
.layout-horizontal-nav .nav-group:not(.sub-item).show-content > .popper-triggerer::after {
  /*
    ℹ️ We have added `z-index: 2` because when there is horizontal nav item below the popper trigger (group)
      without this style nav item below popper trigger (group) gets focus hence closes the popper content
  */
  z-index: 2;
  pointer-events: auto;
}
.layout-horizontal-nav .nav-group:not(.sub-item) > .popper-content {
  margin-block-start: 1.0625rem !important;
}
.layout-horizontal-nav .nav-group.sub-item.active > .popper-triggerer > .nav-group-label::before {
  opacity: calc(var(--v-selected-opacity) * var(--v-theme-overlay-multiplier));
}
.layout-horizontal-nav .nav-group.sub-item.active:hover > .popper-triggerer > .nav-group-label::before {
  opacity: calc(var(--v-selected-opacity) + var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.layout-horizontal-nav .nav-group.sub-item.active:focus-visible > .popper-triggerer > .nav-group-label::before {
  opacity: calc(var(--v-selected-opacity) + var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .layout-horizontal-nav .nav-group.sub-item.active:focus > .popper-triggerer > .nav-group-label::before {
    opacity: calc(var(--v-selected-opacity) + var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.layout-horizontal-nav .nav-group .nav-group-arrow {
  font-size: 1.375rem;
  /*
    ℹ️ ml-auto won't matter in top level group (because we haven't specified fixed width for top level groups)
    but we wrote generally because we don't want to become so specific
  */
  margin-inline-start: auto;
}
.layout-horizontal-nav .nav-group.popper-inline-end .nav-group-arrow {
  transform: rotateZ(270deg);
}
[dir=rtl] .layout-horizontal-nav .nav-group.popper-inline-end .nav-group-arrow {
  transform: rotateZ(90deg);
}
.layout-horizontal-nav .nav-group.show-content:not(.active) > .popper-triggerer > .nav-group-label::before {
  opacity: calc(var(--v-selected-opacity) * var(--v-theme-overlay-multiplier));
}
.layout-horizontal-nav .nav-group.show-content:not(.active):hover > .popper-triggerer > .nav-group-label::before {
  opacity: calc(var(--v-selected-opacity) + var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.layout-horizontal-nav .nav-group.show-content:not(.active):focus-visible > .popper-triggerer > .nav-group-label::before {
  opacity: calc(var(--v-selected-opacity) + var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .layout-horizontal-nav .nav-group.show-content:not(.active):focus > .popper-triggerer > .nav-group-label::before {
    opacity: calc(var(--v-selected-opacity) + var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}

.layout-vertical-nav ol,
.layout-vertical-nav ul,
.layout-horizontal-nav ol,
.layout-horizontal-nav ul {
  list-style: none;
}

.scrollable-content.v-navigation-drawer .v-navigation-drawer__content {
  display: flex;
  overflow: hidden;
  flex-direction: column;
}

code {
  border-radius: 3px;
  color: rgb(var(--v-code-color));
  font-size: 90%;
  font-weight: 400;
  padding-block: 0.2em;
  padding-inline: 0.4em;
}

.layout-wrapper.layout-nav-type-vertical:not(.layout-navbar-sticky) .layout-navbar .navbar-content-container {
  margin-block-start: 0px;
}
.layout-wrapper.layout-nav-type-vertical .layout-navbar .navbar-content-container {
  border-radius: 6px;
  background-color: rgb(var(--v-theme-surface));
}
.layout-wrapper.layout-nav-type-vertical .layout-footer .footer-content-container {
  border-radius: 6px 6px 0 0;
}
.layout-footer-sticky.layout-wrapper.layout-nav-type-vertical .layout-footer .footer-content-container {
  background-color: rgb(var(--v-theme-surface));
  padding-block: 0;
  padding-inline: 1.2rem;
  box-shadow: 0 3px 8px rgba(var(--v-shadow-key-umbra-color), 0.14), 0 0 transparent, 0 0 transparent;
}

.layout-wrapper.layout-nav-type-horizontal .navbar-content-container {
  display: flex;
  align-items: center;
  block-size: 100%;
}
.layout-footer-sticky.layout-wrapper.layout-nav-type-horizontal .layout-footer {
  background-color: rgb(var(--v-theme-surface));
  box-shadow: 0 3px 8px rgba(var(--v-shadow-key-umbra-color), 0.14), 0 0 transparent, 0 0 transparent;
}

.layout-wrapper.layout-nav-type-horizontal .layout-page-content {
  padding-block: 12px;
  padding-inline: 12px;
}

/* ℹ️ This styles extends the existing layout package's styles for handling cases that aren't related to layouts package */
/*
  ℹ️ When we use v-layout as immediate first child of `.page-content-container`, it adds display:flex and page doesn't get contained height
*/
.layout-wrapper.layout-nav-type-vertical.layout-content-height-fixed .page-content-container > .v-layout:first-child {
  overflow: hidden;
  min-block-size: 100%;
}
.layout-wrapper.layout-nav-type-vertical.layout-content-height-fixed .page-content-container > .v-layout:first-child > .v-main .v-main__wrap > :first-child {
  block-size: 100%;
  overflow-y: auto;
}

.layout-wrapper.layout-nav-type-horizontal.layout-content-height-fixed > .layout-page-content {
  display: flex;
}

.layout-wrapper.layout-nav-type-vertical.layout-navbar-sticky .layout-navbar {
  inset-block-start: 0px;
}
.layout-wrapper.layout-nav-type-vertical.layout-navbar-sticky {
  /*
    ℹ️ If it's floating navbar
    Add `vertical-nav-floating-navbar-top` as margin top to .layout-page-content
  */
}
.layout-wrapper.layout-nav-type-vertical.layout-navbar-sticky .layout-page-content {
  margin-block-start: 0px;
}

.text-xs {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
}

.text-sm {
  font-size: 0.8125rem;
  line-height: 1.25rem;
}

.text-base {
  font-size: 0.9375rem;
  line-height: 1.3125rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.text-xl {
  font-size: 1.375rem;
  line-height: 1.875rem;
}

.text-2xl {
  font-size: 1.625rem;
  line-height: 2.25rem;
}

.text-3xl {
  font-size: 2rem;
  line-height: 2.75rem;
}

.text-4xl {
  font-size: 2.375rem;
  line-height: 3.25rem;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-6xl {
  font-size: 3.5rem;
  line-height: 1;
}

.text-7xl {
  font-size: 4rem;
  line-height: 1;
}

.text-8xl {
  font-size: 4.5rem;
  line-height: 1;
}

.text-9xl {
  font-size: 5.25rem;
  line-height: 1;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gap-0 {
  gap: 0;
}

.gap-x-0 {
  column-gap: 0;
}

.gap-y-0 {
  row-gap: 0;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-x-1 {
  column-gap: 0.25rem;
}

.gap-y-1 {
  row-gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-x-2 {
  column-gap: 0.5rem;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-x-3 {
  column-gap: 0.75rem;
}

.gap-y-3 {
  row-gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-x-4 {
  column-gap: 1rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-x-5 {
  column-gap: 1.25rem;
}

.gap-y-5 {
  row-gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-x-6 {
  column-gap: 1.5rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-x-7 {
  column-gap: 1.75rem;
}

.gap-y-7 {
  row-gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x-8 {
  column-gap: 2rem;
}

.gap-y-8 {
  row-gap: 2rem;
}

.gap-9 {
  gap: 2.25rem;
}

.gap-x-9 {
  column-gap: 2.25rem;
}

.gap-y-9 {
  row-gap: 2.25rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-x-10 {
  column-gap: 2.5rem;
}

.gap-y-10 {
  row-gap: 2.5rem;
}

.gap-11 {
  gap: 2.75rem;
}

.gap-x-11 {
  column-gap: 2.75rem;
}

.gap-y-11 {
  row-gap: 2.75rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-x-12 {
  column-gap: 3rem;
}

.gap-y-12 {
  row-gap: 3rem;
}

.gap-14 {
  gap: 3.5rem;
}

.gap-x-14 {
  column-gap: 3.5rem;
}

.gap-y-14 {
  row-gap: 3.5rem;
}

.gap-16 {
  gap: 4rem;
}

.gap-x-16 {
  column-gap: 4rem;
}

.gap-y-16 {
  row-gap: 4rem;
}

.gap-20 {
  gap: 5rem;
}

.gap-x-20 {
  column-gap: 5rem;
}

.gap-y-20 {
  row-gap: 5rem;
}

.gap-24 {
  gap: 6rem;
}

.gap-x-24 {
  column-gap: 6rem;
}

.gap-y-24 {
  row-gap: 6rem;
}

.gap-28 {
  gap: 7rem;
}

.gap-x-28 {
  column-gap: 7rem;
}

.gap-y-28 {
  row-gap: 7rem;
}

.gap-32 {
  gap: 8rem;
}

.gap-x-32 {
  column-gap: 8rem;
}

.gap-y-32 {
  row-gap: 8rem;
}

.gap-36 {
  gap: 9rem;
}

.gap-x-36 {
  column-gap: 9rem;
}

.gap-y-36 {
  row-gap: 9rem;
}

.gap-40 {
  gap: 10rem;
}

.gap-x-40 {
  column-gap: 10rem;
}

.gap-y-40 {
  row-gap: 10rem;
}

.gap-44 {
  gap: 11rem;
}

.gap-x-44 {
  column-gap: 11rem;
}

.gap-y-44 {
  row-gap: 11rem;
}

.gap-48 {
  gap: 12rem;
}

.gap-x-48 {
  column-gap: 12rem;
}

.gap-y-48 {
  row-gap: 12rem;
}

.gap-52 {
  gap: 13rem;
}

.gap-x-52 {
  column-gap: 13rem;
}

.gap-y-52 {
  row-gap: 13rem;
}

.gap-56 {
  gap: 14rem;
}

.gap-x-56 {
  column-gap: 14rem;
}

.gap-y-56 {
  row-gap: 14rem;
}

.gap-60 {
  gap: 15rem;
}

.gap-x-60 {
  column-gap: 15rem;
}

.gap-y-60 {
  row-gap: 15rem;
}

.gap-64 {
  gap: 16rem;
}

.gap-x-64 {
  column-gap: 16rem;
}

.gap-y-64 {
  row-gap: 16rem;
}

.gap-72 {
  gap: 18rem;
}

.gap-x-72 {
  column-gap: 18rem;
}

.gap-y-72 {
  row-gap: 18rem;
}

.gap-80 {
  gap: 20rem;
}

.gap-x-80 {
  column-gap: 20rem;
}

.gap-y-80 {
  row-gap: 20rem;
}

.gap-96 {
  gap: 24rem;
}

.gap-x-96 {
  column-gap: 24rem;
}

.gap-y-96 {
  row-gap: 24rem;
}

.list-none {
  list-style-type: none;
}

.skin--bordered .v-card:not(.v-card--flat) {
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.skin--bordered .v-menu .v-overlay__content > .v-card, .skin--bordered .v-menu .v-overlay__content > .v-sheet, .skin--bordered .v-menu .v-overlay__content > .v-list {
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.skin--bordered .popper-content {
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.skin--bordered .layout-navbar-and-nav-container {
  box-shadow: none !important;
  border-bottom: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.skin--bordered .layout-nav-type-vertical.window-scrolled.layout-navbar-sticky .layout-navbar .navbar-content-container {
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.skin--bordered .layout-nav-type-vertical.window-scrolled .layout-navbar .navbar-content-container {
  border-block-start: none !important;
}
.skin--bordered .layout-nav-type-vertical.layout-footer-sticky .layout-footer .footer-content-container {
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.skin--bordered .layout-nav-type-vertical.layout-footer-sticky .layout-footer .footer-content-container {
  border-block-end: none;
}
.skin--bordered .layout-nav-type-horizontal.layout-footer-sticky .layout-footer {
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.skin--bordered .layout-nav-type-horizontal.layout-footer-sticky .layout-footer {
  border-block-end: none;
}
.skin--bordered .layout-vertical-nav {
  border-inline-end: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
}

.v-avatar-group {
  display: flex;
  align-items: center;
}
.v-avatar-group > * {
  transition: transform 0.25s ease, box-shadow 0.15s ease;
}
.v-avatar-group > *:not(:first-child) {
  margin-inline-start: -0.8rem;
}
.v-avatar-group > *:hover {
  z-index: 2;
  transform: translateY(-5px) scale(1.05);
  box-shadow: 0 3px 8px rgba(var(--v-shadow-key-umbra-color), 0.14), 0 0 transparent, 0 0 transparent;
}
.v-avatar-group > .v-avatar {
  border: 2px solid rgb(var(--v-theme-surface));
  transition: transform 0.15s ease;
}

.v-alert--variant-outlined:not([class*=text-]),
.v-avatar--variant-outlined:not([class*=text-]),
.v-btn.v-btn--variant-outlined:not([class*=text-]),
.v-card--variant-outlined:not([class*=text-]),
.v-chip--variant-outlined:not([class*=text-]),
.v-list-item--variant-outlined:not([class*=text-]) {
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
}
.v-alert--variant-outlined.text-default,
.v-avatar--variant-outlined.text-default,
.v-btn.v-btn--variant-outlined.text-default,
.v-card--variant-outlined.text-default,
.v-chip--variant-outlined.text-default,
.v-list-item--variant-outlined.text-default {
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
}

.v-label.custom-input {
  padding: 1rem;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
  opacity: 1;
  white-space: normal;
}
.v-label.custom-input:hover {
  border-color: rgba(var(--v-border-color), 0.25);
}
.v-label.custom-input.active {
  border-color: rgb(var(--v-theme-primary));
}
.v-label.custom-input.active .v-icon {
  color: rgb(var(--v-theme-primary)) !important;
}

.v-dialog .v-dialog-close-btn {
  position: absolute;
  z-index: 1;
  color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) !important;
  inset-block-start: 0.9375rem;
  inset-inline-end: 0.9375rem;
}
.v-dialog .v-dialog-close-btn .v-btn__overlay {
  display: none;
}
@media (min-width: 600px) {
  .v-dialog.v-dialog-sm .v-overlay__content, .v-dialog.v-dialog-lg .v-overlay__content, .v-dialog.v-dialog-xl .v-overlay__content {
    inline-size: 565px !important;
  }
}
@media (min-width: 960px) {
  .v-dialog.v-dialog-lg .v-overlay__content, .v-dialog.v-dialog-xl .v-overlay__content {
    inline-size: 865px !important;
  }
}
@media (min-width: 1264px) {
  .v-dialog.v-dialog-xl .v-overlay__content {
    inline-size: 1165px !important;
  }
}
.v-tabs.v-tabs-pill .v-tab.v-btn {
  border-radius: 6px !important;
  transition: none;
}
.v-tabs.v-tabs-pill .v-tab.v-btn .v-tab__slider {
  visibility: hidden;
}

.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-primary {
  background-color: rgb(var(--v-theme-primary));
  color: rgb(var(--v-theme-on-primary)) !important;
}

.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-secondary {
  background-color: rgb(var(--v-theme-secondary));
  color: rgb(var(--v-theme-on-secondary)) !important;
}

.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-error {
  background-color: rgb(var(--v-theme-error));
  color: rgb(var(--v-theme-on-error)) !important;
}

.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-info {
  background-color: rgb(var(--v-theme-info));
  color: rgb(var(--v-theme-on-info)) !important;
}

.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-success {
  background-color: rgb(var(--v-theme-success));
  color: rgb(var(--v-theme-on-success)) !important;
}

.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-warning {
  background-color: rgb(var(--v-theme-warning));
  color: rgb(var(--v-theme-on-warning)) !important;
}

.v-timeline--vertical.v-timeline .v-timeline-item .v-timeline-item__body {
  justify-self: stretch !important;
}

.demo-space-x {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-block-start: -16px;
}
.demo-space-x > * {
  margin-block-start: 16px;
  margin-inline-end: 16px;
}

.demo-space-y > * {
  margin-block-end: 16px;
}
.demo-space-y > *:last-child {
  margin-block-end: 0;
}

.match-height.v-row .v-card {
  block-size: 100%;
}

.v-col {
  padding: 12px;
}

.whitespace-no-wrap {
  white-space: nowrap;
}

/*
  ℹ️ Vuetify is applying `.text-white` class to badge icon but don't provide its styles
  Moreover, we also use this class in some places

  ℹ️ In vuetify 2 with `$color-pack: false` SCSS var config this class was getting generated but this is not the case in v3

  ℹ️ We also need !important to get correct color in badge icon
*/
.text-white {
  color: #fff !important;
}

.bg-var-theme-background {
  background-color: rgba(var(--v-theme-on-background), 0.08) !important;
}

.bg-light-primary {
  background-color: rgba(var(--v-theme-primary), var(--v-activated-opacity)) !important;
}

.bg-light-secondary {
  background-color: rgba(var(--v-theme-secondary), var(--v-activated-opacity)) !important;
}

.bg-light-error {
  background-color: rgba(var(--v-theme-error), var(--v-activated-opacity)) !important;
}

.bg-light-info {
  background-color: rgba(var(--v-theme-info), var(--v-activated-opacity)) !important;
}

.bg-light-success {
  background-color: rgba(var(--v-theme-success), var(--v-activated-opacity)) !important;
}

.bg-light-warning {
  background-color: rgba(var(--v-theme-warning), var(--v-activated-opacity)) !important;
}

.clamp-text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}

.leading-normal {
  line-height: normal !important;
}

[dir=rtl] .flip-in-rtl {
  transform: scaleX(-1);
}

.carousel-delimiter-top-end .v-carousel__controls {
  justify-content: end;
  block-size: 40px;
  inset-block-start: 0;
  padding-inline: 1rem;
}
.carousel-delimiter-top-end .v-carousel__controls .v-btn--icon.v-btn--density-default {
  block-size: calc(var(--v-btn-height) - 10px);
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
  inline-size: calc(var(--v-btn-height) - 8px);
}
.carousel-delimiter-top-end .v-carousel__controls .v-btn--icon.v-btn--density-default.v-btn--active {
  color: #fff;
}
.carousel-delimiter-top-end .v-carousel__controls .v-btn--icon.v-btn--density-default .v-btn__overlay {
  opacity: 0;
}
.carousel-delimiter-top-end .v-carousel__controls .v-btn--icon.v-btn--density-default .v-ripple__container {
  display: none;
}
.carousel-delimiter-top-end .v-carousel__controls .v-btn--icon.v-btn--density-default .v-btn__content .v-icon {
  block-size: 8px !important;
  inline-size: 8px !important;
}
.carousel-delimiter-top-end.dots-active-primary .v-carousel__controls .v-btn--active {
  color: rgb(var(--v-theme-primary)) !important;
}
.carousel-delimiter-top-end.dots-active-secondary .v-carousel__controls .v-btn--active {
  color: rgb(var(--v-theme-secondary)) !important;
}
.carousel-delimiter-top-end.dots-active-error .v-carousel__controls .v-btn--active {
  color: rgb(var(--v-theme-error)) !important;
}
.carousel-delimiter-top-end.dots-active-info .v-carousel__controls .v-btn--active {
  color: rgb(var(--v-theme-info)) !important;
}
.carousel-delimiter-top-end.dots-active-success .v-carousel__controls .v-btn--active {
  color: rgb(var(--v-theme-success)) !important;
}
.carousel-delimiter-top-end.dots-active-warning .v-carousel__controls .v-btn--active {
  color: rgb(var(--v-theme-warning)) !important;
}

.per-page-select {
  margin-block: auto;
}
.per-page-select .v-field__input {
  align-items: center;
  padding: 2px;
  font-size: 0.875rem;
}
.per-page-select .v-field__append-inner {
  align-items: center;
  padding: 0;
  margin-inline-start: -2.5rem;
}
.per-page-select .v-field__append-inner .v-icon {
  margin-inline-start: 0 !important;
}

.v-timeline-item .app-timeline-title {
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3125rem;
}
.v-timeline-item .app-timeline-meta {
  color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
  font-size: 12px;
  line-height: 0.875rem;
}
.v-timeline-item .app-timeline-text {
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.app-transition-zoom-fade-enter-active,
.app-transition-zoom-fade-leave-active {
  transition: transform 0.35s, opacity 0.28s ease-in-out;
}

.app-transition-zoom-fade-enter-from {
  opacity: 0;
  transform: scale(0.98);
}

.app-transition-zoom-fade-leave-to {
  opacity: 0;
  transform: scale(1.02);
}

.app-transition-fade-enter-active,
.app-transition-fade-leave-active {
  transition: opacity 0.25s ease-in-out;
}

.app-transition-fade-enter-from,
.app-transition-fade-leave-to {
  opacity: 0;
}

.app-transition-fade-bottom-enter-active,
.app-transition-fade-bottom-leave-active {
  transition: opacity 0.3s, transform 0.35s;
}

.app-transition-fade-bottom-enter-from {
  opacity: 0;
  transform: translateY(-0.6rem);
}

.app-transition-fade-bottom-leave-to {
  opacity: 0;
  transform: translateY(0.6rem);
}

.app-transition-slide-fade-enter-active,
.app-transition-slide-fade-leave-active {
  transition: opacity 0.3s, transform 0.35s;
}

.app-transition-slide-fade-enter-from {
  opacity: 0;
  transform: translateX(-0.6rem);
}

.app-transition-slide-fade-leave-to {
  opacity: 0;
  transform: translateX(0.6rem);
}

.app-transition-zoom-out-enter-active,
.app-transition-zoom-out-leave-active {
  transition: opacity 0.26s ease-in-out, transform 0.3s ease-out;
}

.app-transition-zoom-out-enter-from,
.app-transition-zoom-out-leave-to {
  opacity: 0;
  transform: scale(0.98);
}

.v-application.v-theme--dark .ps__rail-y,
.v-application.v-theme--dark .ps__rail-x {
  background-color: transparent !important;
}
.v-application.v-theme--dark .ps__thumb-y {
  background-color: rgba(var(--v-theme-surface-variant), 0.35);
}

.ps__thumb-y {
  inline-size: 0.25rem;
  inset-inline-end: 0.0625rem;
}

.ps__thumb-x {
  block-size: 0.25rem !important;
}

.ps__rail-x {
  background: transparent !important;
  block-size: 0.5rem;
}

.ps__rail-y {
  background: transparent !important;
  inline-size: 0.5rem !important;
  inset-inline-end: 0.125rem !important;
  inset-inline-start: unset !important;
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y:hover > .ps__thumb-y {
  inline-size: 0.375rem;
}

.ps__thumb-x,
.ps__thumb-y {
  background-color: rgb(var(--v-theme-perfect-scrollbar-thumb)) !important;
}

a {
  color: rgb(var(--v-theme-primary));
  text-decoration: none;
}

p {
  margin-block-end: 1rem;
}

svg.iconify {
  block-size: 1em;
  inline-size: 1em;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-header .app-logo .app-title {
  color: rgb(var(--v-theme-text-color));
  line-height: 24px;
  font-size: 24px;
  font-weight: 800;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-header .header-action {
  margin-inline-end: -0.85rem;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-link,
.layout-nav-type-vertical .layout-vertical-nav .nav-group {
  margin-block-end: -0.5rem;
  padding-block-end: 0.5rem;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-items > .nav-group {
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 4px;
  border-bottom: 1px solid rgb(var(--v-theme-light-purple));
}
.layout-nav-type-vertical .layout-vertical-nav .nav-items > .nav-group:first-child {
  padding-top: 8px;
  border-top: 1px solid rgb(var(--v-theme-light-purple));
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group.active > .nav-group-label {
  font-size: 14px;
  line-height: 20px;
  color: rgba(var(--v-theme-text-color));
  font-weight: 500;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group-children > .nav-group {
  padding-block: 0;
  margin-block: 0;
  border: 0;
}
.layout-nav-type-vertical .layout-vertical-nav:not(.collapsed) .nav-items > .nav-link > a,
.layout-nav-type-vertical .layout-vertical-nav:not(.collapsed) .nav-items > .nav-group > .nav-group-label, .layout-nav-type-vertical .layout-vertical-nav.hovered .nav-items > .nav-link > a,
.layout-nav-type-vertical .layout-vertical-nav.hovered .nav-items > .nav-group > .nav-group-label {
  padding-inline-start: 6px;
}
.layout-nav-type-vertical .layout-vertical-nav:not(.collapsed) .nav-items > .nav-group > .nav-group-children > .nav-link > a,
.layout-nav-type-vertical .layout-vertical-nav:not(.collapsed) .nav-group-children > .nav-group > .nav-group-label, .layout-nav-type-vertical .layout-vertical-nav.hovered .nav-items > .nav-group > .nav-group-children > .nav-link > a,
.layout-nav-type-vertical .layout-vertical-nav.hovered .nav-group-children > .nav-group > .nav-group-label {
  padding-inline-start: 18px;
}
.layout-nav-type-vertical .layout-vertical-nav:not(.collapsed) .nav-group-children > .nav-group > .nav-group-children > .nav-link > a, .layout-nav-type-vertical .layout-vertical-nav.hovered .nav-group-children > .nav-group > .nav-group-children > .nav-link > a {
  padding-inline-start: 30px;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group .nav-group .nav-link .nav-item-icon {
  visibility: visible;
}
.layout-nav-type-vertical .layout-vertical-nav.collapsed:not(.hovered) .nav-items > .nav-link > a,
.layout-nav-type-vertical .layout-vertical-nav.collapsed:not(.hovered) .nav-items > .nav-group > .nav-group-label,
.layout-nav-type-vertical .layout-vertical-nav.collapsed:not(.hovered) .nav-items .nav-group > .nav-group-children > .nav-link > a,
.layout-nav-type-vertical .layout-vertical-nav.collapsed:not(.hovered) .nav-group-children > .nav-group > .nav-group-label {
  justify-content: center;
  margin-inline: 4px;
  padding-inline: 0;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-section-title .placeholder-icon {
  margin-inline-start: 0.3rem;
}

.layout-horizontal-nav .nav-group .popper-content .nav-group.active > .popper-triggerer .nav-group-label,
.layout-horizontal-nav .nav-link .popper-content .nav-group.active > .popper-triggerer .nav-group-label {
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
  font-weight: 500;
}
.layout-horizontal-nav .nav-group .popper-content .nav-link.sub-item .router-link-active.router-link-exact-active,
.layout-horizontal-nav .nav-link .popper-content .nav-link.sub-item .router-link-active.router-link-exact-active {
  font-weight: 500;
}
.layout-horizontal-nav .nav-group .nav-group-arrow {
  font-size: 1.125rem;
}

.layout-footer-sticky.layout-wrapper.layout-nav-type-vertical .layout-footer .footer-content-container {
  box-shadow: 0 2px 6px rgba(var(--v-shadow-key-umbra-color), 0.14), 0 0 transparent, 0 0 transparent;
}

.layout-wrapper.layout-nav-type-horizontal .layout-navbar-and-nav-container .app-logo .app-title {
  font-size: 22px;
}

.skin--bordered .v-expansion-panels:not(.expansion-panels-width-border) .v-expansion-panel, .skin--bordered .v-expansion-panel__shadow {
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.skin--bordered .layout-nav-type-vertical .layout-navbar .navbar-content-container {
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.skin--bordered .layout-nav-type-vertical.window-scrolled .layout-navbar .navbar-content-container {
  border-block-start: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}
.skin--bordered .v-dialog-close-btn {
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.skin--bordered .layout-vertical-nav {
  box-shadow: none;
}

.v-input--density-compact .v-field--variant-plain,
.v-input--density-compact .v-field--variant-underlined {
  --v-input-control-height: 40px !important;
}

body {
  font-size: 16px !important;
}

.v-avatar {
  font-weight: 500;
}

.v-alert {
  font-weight: 500;
}
.v-alert:not(.v-alert--prominent) .v-alert__prepend .v-icon {
  block-size: 1.625rem !important;
  font-size: 1.625rem !important;
  inline-size: 1.625rem !important;
}
.v-alert .v-alert-title {
  margin-block-end: 0.55rem;
}
.v-alert .v-alert__close .v-btn--icon {
  --v-btn-height: 4px;
  font-size: 0.5rem;
  margin-block-end: 0.2rem;
}
.v-alert .v-alert__close .v-btn--icon .v-btn__overlay,
.v-alert .v-alert__close .v-btn--icon .v-ripple__container {
  opacity: 0;
}
.v-alert:not(.v-alert--prominent) .v-alert__prepend .v-icon {
  padding: 0.275rem;
  border-radius: 0.375rem;
  background-color: rgb(var(--v-theme-surface));
}
.v-alert:not(.v-alert--prominent).v-alert--variant-flat .v-alert__prepend .v-icon, .v-alert:not(.v-alert--prominent).v-alert--variant-elevated .v-alert__prepend .v-icon {
  background-color: #fff;
}

.v-alert.v-alert--density-compact {
  border-radius: 0.25rem;
}

.v-alert.v-alert--density-default {
  border-radius: 0.5rem;
}

.v-alert:not(.v-alert--prominent).bg-primary .v-alert__prepend .v-icon, .v-alert:not(.v-alert--prominent).text-primary .v-alert__prepend .v-icon {
  color: rgb(var(--v-theme-primary)) !important;
}
.v-alert.v-alert--variant-outlined:not(.v-alert--prominent).text-primary .v-alert__prepend .v-icon, .v-alert.v-alert--variant-outlined:not(.v-alert--prominent).bg-primary .v-alert__prepend .v-icon, .v-alert.v-alert--variant-text:not(.v-alert--prominent).text-primary .v-alert__prepend .v-icon, .v-alert.v-alert--variant-text:not(.v-alert--prominent).bg-primary .v-alert__prepend .v-icon, .v-alert.v-alert--variant-plain:not(.v-alert--prominent).text-primary .v-alert__prepend .v-icon, .v-alert.v-alert--variant-plain:not(.v-alert--prominent).bg-primary .v-alert__prepend .v-icon {
  background-color: rgb(var(--v-theme-primary));
  color: rgb(var(--v-theme-on-primary)) !important;
}

.v-alert:not(.v-alert--prominent).bg-secondary .v-alert__prepend .v-icon, .v-alert:not(.v-alert--prominent).text-secondary .v-alert__prepend .v-icon {
  color: rgb(var(--v-theme-secondary)) !important;
}
.v-alert.v-alert--variant-outlined:not(.v-alert--prominent).text-secondary .v-alert__prepend .v-icon, .v-alert.v-alert--variant-outlined:not(.v-alert--prominent).bg-secondary .v-alert__prepend .v-icon, .v-alert.v-alert--variant-text:not(.v-alert--prominent).text-secondary .v-alert__prepend .v-icon, .v-alert.v-alert--variant-text:not(.v-alert--prominent).bg-secondary .v-alert__prepend .v-icon, .v-alert.v-alert--variant-plain:not(.v-alert--prominent).text-secondary .v-alert__prepend .v-icon, .v-alert.v-alert--variant-plain:not(.v-alert--prominent).bg-secondary .v-alert__prepend .v-icon {
  background-color: rgb(var(--v-theme-secondary));
  color: rgb(var(--v-theme-on-secondary)) !important;
}

.v-alert:not(.v-alert--prominent).bg-error .v-alert__prepend .v-icon, .v-alert:not(.v-alert--prominent).text-error .v-alert__prepend .v-icon {
  color: rgb(var(--v-theme-error)) !important;
}
.v-alert.v-alert--variant-outlined:not(.v-alert--prominent).text-error .v-alert__prepend .v-icon, .v-alert.v-alert--variant-outlined:not(.v-alert--prominent).bg-error .v-alert__prepend .v-icon, .v-alert.v-alert--variant-text:not(.v-alert--prominent).text-error .v-alert__prepend .v-icon, .v-alert.v-alert--variant-text:not(.v-alert--prominent).bg-error .v-alert__prepend .v-icon, .v-alert.v-alert--variant-plain:not(.v-alert--prominent).text-error .v-alert__prepend .v-icon, .v-alert.v-alert--variant-plain:not(.v-alert--prominent).bg-error .v-alert__prepend .v-icon {
  background-color: rgb(var(--v-theme-error));
  color: rgb(var(--v-theme-on-error)) !important;
}

.v-alert:not(.v-alert--prominent).bg-info .v-alert__prepend .v-icon, .v-alert:not(.v-alert--prominent).text-info .v-alert__prepend .v-icon {
  color: rgb(var(--v-theme-info)) !important;
}
.v-alert.v-alert--variant-outlined:not(.v-alert--prominent).text-info .v-alert__prepend .v-icon, .v-alert.v-alert--variant-outlined:not(.v-alert--prominent).bg-info .v-alert__prepend .v-icon, .v-alert.v-alert--variant-text:not(.v-alert--prominent).text-info .v-alert__prepend .v-icon, .v-alert.v-alert--variant-text:not(.v-alert--prominent).bg-info .v-alert__prepend .v-icon, .v-alert.v-alert--variant-plain:not(.v-alert--prominent).text-info .v-alert__prepend .v-icon, .v-alert.v-alert--variant-plain:not(.v-alert--prominent).bg-info .v-alert__prepend .v-icon {
  background-color: rgb(var(--v-theme-info));
  color: rgb(var(--v-theme-on-info)) !important;
}

.v-alert:not(.v-alert--prominent).bg-success .v-alert__prepend .v-icon, .v-alert:not(.v-alert--prominent).text-success .v-alert__prepend .v-icon {
  color: rgb(var(--v-theme-success)) !important;
}
.v-alert.v-alert--variant-outlined:not(.v-alert--prominent).text-success .v-alert__prepend .v-icon, .v-alert.v-alert--variant-outlined:not(.v-alert--prominent).bg-success .v-alert__prepend .v-icon, .v-alert.v-alert--variant-text:not(.v-alert--prominent).text-success .v-alert__prepend .v-icon, .v-alert.v-alert--variant-text:not(.v-alert--prominent).bg-success .v-alert__prepend .v-icon, .v-alert.v-alert--variant-plain:not(.v-alert--prominent).text-success .v-alert__prepend .v-icon, .v-alert.v-alert--variant-plain:not(.v-alert--prominent).bg-success .v-alert__prepend .v-icon {
  background-color: rgb(var(--v-theme-success));
  color: rgb(var(--v-theme-on-success)) !important;
}

.v-alert:not(.v-alert--prominent).bg-warning .v-alert__prepend .v-icon, .v-alert:not(.v-alert--prominent).text-warning .v-alert__prepend .v-icon {
  color: rgb(var(--v-theme-warning)) !important;
}
.v-alert.v-alert--variant-outlined:not(.v-alert--prominent).text-warning .v-alert__prepend .v-icon, .v-alert.v-alert--variant-outlined:not(.v-alert--prominent).bg-warning .v-alert__prepend .v-icon, .v-alert.v-alert--variant-text:not(.v-alert--prominent).text-warning .v-alert__prepend .v-icon, .v-alert.v-alert--variant-text:not(.v-alert--prominent).bg-warning .v-alert__prepend .v-icon, .v-alert.v-alert--variant-plain:not(.v-alert--prominent).text-warning .v-alert__prepend .v-icon, .v-alert.v-alert--variant-plain:not(.v-alert--prominent).bg-warning .v-alert__prepend .v-icon {
  background-color: rgb(var(--v-theme-warning));
  color: rgb(var(--v-theme-on-warning)) !important;
}

.v-btn {
  transform: scale(1.001);
}
.v-btn .v-btn__content {
  z-index: 0;
}
.v-btn:active {
  transform: scale(0.98);
}
.v-btn .v-icon {
  --v-icon-size-multiplier: 0.799407846;
}
.v-btn:not(.v-btn--loading) .v-btn__overlay {
  transition: opacity 0.15s ease-in-out;
  will-change: opacity;
}
.v-btn {
  /*
    Loop over $btn-active-overlay-opacity map and add active styles for each variant.
    Group variants with same opacity value.
  */
}
.v-btn.v-btn--variant-outlined:active > .v-btn__overlay, .v-btn.v-btn--variant-flat:active > .v-btn__overlay, .v-btn.v-btn--variant-text:active > .v-btn__overlay, .v-btn.v-btn--variant-plain:active > .v-btn__overlay {
  opacity: 0.08;
}
.v-btn.v-btn--variant-tonal:active > .v-btn__overlay {
  opacity: 0.24;
}
.v-btn {
  /*
    Loop over $btn-hover-overlay-opacity map and add hover styles for each variant.
    Group variants with same opacity value.
  */
}
.v-btn.v-btn--variant-elevated:hover > .v-btn__overlay {
  opacity: 0.1;
}
.v-btn.v-btn--variant-outlined:hover > .v-btn__overlay, .v-btn.v-btn--variant-flat:hover > .v-btn__overlay, .v-btn.v-btn--variant-text:hover > .v-btn__overlay, .v-btn.v-btn--variant-plain:hover > .v-btn__overlay {
  opacity: 0.08;
}
.v-btn.v-btn--variant-tonal:hover > .v-btn__overlay {
  opacity: 0.24;
}
.v-btn--variant-elevated:not(.v-btn--loading, .v-btn--disabled) .v-btn__overlay, .v-btn--variant-flat:not(.v-btn--loading, .v-btn--disabled) .v-btn__overlay {
  background-color: black;
  transition: none;
}
.v-btn.v-btn--variant-tonal .v-btn__underlay {
  opacity: 0.16;
}
.v-btn:not(.v-btn--icon).v-btn--size-x-small {
  border-radius: 2px;
}
.v-btn:not(.v-btn--icon).v-btn--size-small {
  border-radius: 4px;
}
.v-btn:not(.v-btn--icon).v-btn--size-large {
  border-radius: 8px;
}
.v-btn:not(.v-btn--icon).v-btn--size-x-large {
  border-radius: 10px;
}

.v-badge .v-badge__badge .v-icon {
  font-size: 0.9375rem;
}

.v-checkbox .v-label {
  line-height: 21px;
}
.v-checkbox .v-input__details {
  min-block-size: unset !important;
  padding-block-start: 0 !important;
}

.v-chip .v-chip__close {
  font-size: 0.8125rem;
}
.v-chip .v-icon--start {
  margin-inline-start: 0 !important;
}

.v-checkbox-btn.v-selection-control--dirty .v-selection-control__input .v-icon.iconify--custom {
  filter: drop-shadow(0 2px 6px rgba(var(--v-shadow-key-umbra-color), 0.14));
}
.v-checkbox-btn {
  /* stylelint-disable-next-line no-descending-specificity */
}
.v-checkbox-btn .v-selection-control__input {
  /* stylelint-disable-next-line no-descending-specificity */
}
.v-checkbox-btn .v-selection-control__input .v-icon.iconify--custom {
  block-size: 1.125rem !important;
  font-size: 1.125rem !important;
  inline-size: 1.125rem !important;
}

.v-dialog .v-dialog-close-btn {
  border-radius: 0.375rem;
  background-color: rgb(var(--v-theme-surface)) !important;
  block-size: 2rem;
  inline-size: 2rem;
  inset-block-start: 0;
  inset-inline-end: 0;
  transform: translate(0.5rem, -0.5rem);
}
[dir=rtl] .v-dialog .v-dialog-close-btn {
  transform: translate(-0.5rem, -0.5rem);
}
.v-dialog .v-dialog-close-btn:hover {
  transform: translate(0.3125rem, -0.3125rem);
}
[dir=rtl] .v-dialog .v-dialog-close-btn:hover {
  transform: translate(-0.3125rem, -0.3125rem);
}

.v-application.v-layout .v-application__wrap .v-expansion-panels.expansion-panels-width-border {
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
  border-radius: 0.375rem;
}
.v-application.v-layout .v-application__wrap .v-expansion-panels .v-expansion-panel {
  margin-block-start: 0 !important;
}
.v-application.v-layout .v-application__wrap .v-expansion-panels .v-expansion-panel .v-expansion-panel-title {
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
  font-weight: 500;
}
.v-application.v-layout .v-application__wrap .v-expansion-panels .v-expansion-panel .v-expansion-panel-title .v-expansion-panel-title__icon {
  transition: transform 0.2s ease-in-out;
}
.v-application.v-layout .v-application__wrap .v-expansion-panels .v-expansion-panel .v-expansion-panel-title .v-expansion-panel-title__icon .v-icon {
  font-size: 1.25rem;
}
.v-application.v-layout .v-application__wrap .v-expansion-panels .v-expansion-panel .v-expansion-panel-title .v-expansion-panel-title__overlay,
.v-application.v-layout .v-application__wrap .v-expansion-panels .v-expansion-panel .v-expansion-panel-title--active .v-expansion-panel-title__overlay,
.v-application.v-layout .v-application__wrap .v-expansion-panels .v-expansion-panel .v-expansion-panel-title:hover .v-expansion-panel-title__overlay,
.v-application.v-layout .v-application__wrap .v-expansion-panels .v-expansion-panel .v-expansion-panel-title:focus .v-expansion-panel-title__overlay,
.v-application.v-layout .v-application__wrap .v-expansion-panels .v-expansion-panel .v-expansion-panel-title:focus-visible .v-expansion-panel-title__overlay,
.v-application.v-layout .v-application__wrap .v-expansion-panels .v-expansion-panel .v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay,
.v-application.v-layout .v-application__wrap .v-expansion-panels .v-expansion-panel .v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
  opacity: 0 !important;
}
.v-application.v-layout .v-application__wrap .v-expansion-panels .v-expansion-panel:not(.v-expansion-panels--variant-accordion).v-expansion-panel--active .v-expansion-panel__shadow {
  box-shadow: 0 4px 18px rgba(var(--v-shadow-key-umbra-color), 0.1), 0 0 transparent, 0 0 transparent;
}
[dir=rtl] .v-application.v-layout .v-application__wrap .v-expansion-panels:not(.no-icon-rotate) .v-expansion-panel .v-expansion-panel-title__icon .v-icon {
  transform: scaleX(-1);
}
.v-application.v-layout .v-application__wrap .v-expansion-panels:not(.no-icon-rotate) .v-expansion-panel.v-expansion-panel--active .v-expansion-panel-title__icon {
  transform: rotate(90deg);
}
[dir=rtl] .v-application.v-layout .v-application__wrap .v-expansion-panels:not(.no-icon-rotate) .v-expansion-panel.v-expansion-panel--active .v-expansion-panel-title__icon {
  transform: rotate(-90deg);
}
.v-application.v-layout .v-application__wrap .v-expansion-panels:not(.expansion-panels-width-border) .v-expansion-panel:not(:last-child) {
  margin-block-end: 0.5rem;
}
.v-application.v-layout .v-application__wrap .v-expansion-panels:not(.expansion-panels-width-border) .v-expansion-panel:not(:first-child)::after {
  content: none;
}
.v-application.v-layout .v-application__wrap .v-expansion-panels:not(.expansion-panels-width-border) .v-expansion-panel {
  /* stylelint-disable-next-line no-descending-specificity */
}
.v-application.v-layout .v-application__wrap .v-expansion-panels:not(.expansion-panels-width-border) .v-expansion-panel:first-child:not(:last-child), .v-application.v-layout .v-application__wrap .v-expansion-panels:not(.expansion-panels-width-border) .v-expansion-panel:not(:first-child, :last-child), .v-application.v-layout .v-application__wrap .v-expansion-panels:not(.expansion-panels-width-border) .v-expansion-panel:not(:first-child) {
  border-radius: 0.375rem !important;
}

.v-field__input {
  opacity: 1 !important;
}

.v-field {
  line-height: 23px;
}

.v-list-item {
  --v-hover-opacity: 0.08 !important;
  /* stylelint-disable-next-line no-descending-specificity */
}
.v-list-item .v-ripple__container {
  display: none;
}
.v-list-item .v-checkbox-btn.v-selection-control--density-compact {
  margin-inline-end: 0.5rem;
}
.v-list-item .v-list-item__overlay {
  transition: none;
}
.v-list-item {
  /* stylelint-disable-next-line no-descending-specificity */
}
.v-list-item.v-list-item--density-comfortable .v-icon {
  font-size: 1.25rem;
}
.v-list-item {
  /* stylelint-disable-next-line no-descending-specificity */
}
.v-list-item.v-list-item--density-compact .v-icon {
  font-size: 1.125rem;
}
.v-list-item.v-list-item--active > .v-list-item__overlay {
  opacity: 0 !important;
}
.v-list-item.v-list-item--active:not(.v-list-group__header) {
  background-color: rgb(var(--v-theme-primary));
  color: rgb(var(--v-theme-on-primary));
}
.v-list-item.v-list-item--active:not(.v-list-group__header) .v-list-item-subtitle {
  color: rgb(var(--v-theme-on-primary));
}
.v-list-item[tabindex="0"]:not(.v-list-item--active):hover, .v-list-item[tabindex="0"]:not(.v-list-item--active):focus-visible {
  color: rgb(var(--v-theme-primary));
}
.v-list-item[tabindex="0"]:not(.v-list-item--active):hover .v-list-item-subtitle, .v-list-item[tabindex="0"]:not(.v-list-item--active):focus-visible .v-list-item-subtitle {
  color: rgb(var(--v-theme-primary));
}
.v-list-item.v-list-item--active.v-list-group__header {
  color: rgb(var(--v-theme-primary));
}
.v-list-item.v-list-item--active .v-list-item__prepend .v-checkbox .v-selection-control__input > .v-icon rect,
.v-list-item.v-list-item--active .v-list-item__prepend .v-checkbox-btn .v-selection-control__input > .v-icon rect {
  fill: white;
}
.v-list-item.v-list-item--active .v-list-item__prepend .v-checkbox .v-selection-control__input > .v-icon rect + path,
.v-list-item.v-list-item--active .v-list-item__prepend .v-checkbox-btn .v-selection-control__input > .v-icon rect + path {
  stroke: rgb(var(--v-theme-primary));
}

.v-menu.v-overlay .v-overlay__content .v-list .v-list-item {
  border-radius: 0.375rem;
  margin-block: 0.25rem;
  margin-inline: 0.5rem;
  min-block-size: 2.375rem;
}
.v-menu.v-overlay .v-overlay__content .v-list .v-list-item:first-child {
  margin-block-start: 0;
}
.v-menu.v-overlay .v-overlay__content .v-list .v-list-item:last-child {
  margin-block-end: 0;
}
.v-menu.v-overlay .v-overlay__content .v-list .v-list-item--density-default:not(.v-list-item--nav).v-list-item--one-line {
  padding-block: 0.5rem;
}

.v-pagination .v-pagination__list .v-pagination__item--is-active .v-btn {
  background: rgb(var(--v-theme-button-hover-table));
  border: 1px solid rgb(var(--v-theme-button-hover-table));
  pointer-events: none;
}
.v-pagination .v-pagination__list .v-pagination__item--is-active .v-btn:hover {
  background: rgb(var(--v-theme-button-hover-table));
}
.v-pagination .v-pagination__list .v-pagination__item--is-active .v-btn .v-btn__underlay {
  opacity: 1 !important;
}
.v-pagination .v-pagination__list .v-pagination__item--is-active .v-btn .v-btn__content {
  color: rgb(var(--v-theme-text-for-tag)) !important;
}
.v-pagination .v-pagination__item--is-active .v-btn__overlay {
  display: none;
}
.v-pagination .v-pagination__item .v-btn {
  transform: scale(1) !important;
  min-height: 40px;
  transition-duration: 0s;
}
.v-pagination .v-pagination__item .v-btn:active {
  transform: scale(1);
}
.v-pagination {
  /* stylelint-disable-next-line no-descending-specificity */
}
.v-pagination .v-pagination__next,
.v-pagination .v-pagination__prev {
  /* stylelint-disable-next-line no-descending-specificity */
}
.v-pagination .v-pagination__next .v-btn--icon .v-icon,
.v-pagination .v-pagination__prev .v-btn--icon .v-icon {
  --v-icon-size-multiplier: 0.889;
}

.v-radio .v-selection-control__input .iconify--custom,
.v-radio-btn .v-selection-control__input .iconify--custom {
  border-radius: 5rem;
  block-size: 1.125rem !important;
  font-size: 1.125rem !important;
  inline-size: 1.125rem !important;
}
.v-radio.v-selection-control--dirty .v-selection-control__input .iconify--custom,
.v-radio-btn.v-selection-control--dirty .v-selection-control__input .iconify--custom {
  box-shadow: 0 2px 6px rgba(var(--v-shadow-key-umbra-color), 0.14), 0 0 transparent, 0 0 transparent;
}
.v-radio .v-label,
.v-radio-btn .v-label {
  line-height: 22px;
}

.v-radio:not(.v-selection-control--dirty) .v-selection-control__input > svg,
.v-checkbox-btn:not(.v-selection-control--dirty) .v-selection-control__input > svg {
  color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
}

.v-rating .v-rating__wrapper .v-btn .v-icon {
  --v-icon-size-multiplier: 1;
}
.v-rating .v-rating__wrapper .v-btn--density-default {
  --v-btn-height: 26px;
}
.v-rating .v-rating__wrapper .v-btn--density-compact {
  --v-btn-height: 30px;
}
.v-rating .v-rating__wrapper .v-btn--density-comfortable {
  --v-btn-height: 32px;
}

.v-locale--is-ltr.v-switch.v-input .v-selection-control--dirty .v-selection-control__input,
.v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
  transform: translateX(6px);
}

.v-locale--is-ltr.v-switch.v-input .v-selection-control__input,
.v-locale--is-ltr .v-switch .v-selection-control__input {
  transform: translateX(-6px);
}

.v-locale--is-ltr.v-switch.v-switch--inset:not(.v-input--disabled) .v-switch__track {
  background-color: #e8e8ec;
  border: none;
}

.v-locale--is-ltr.v-switch.v-switch--inset .v-switch__thumb {
  transform: none;
}

.v-locale--is-ltr.v-switch.v-switch--inset .v-selection-control__input .v-switch__thumb {
  background: #fff;
}

.v-switch.v-switch--inset .v-switch__track,
.v-switch.v-switch--inset .v-selection-control__wrapper {
  height: 16px;
  width: 28px;
  min-width: 28px;
}
.v-switch.v-switch--inset .v-ripple__container {
  opacity: 0;
}
.v-switch.v-switch--inset:not(.v-input--disabled) .v-switch__track {
  border: 1px solid rgba(var(--v-border-color), var(--v-switch-opacity));
  background-color: rgb(var(--v-theme-surface));
  opacity: 1;
}
.v-switch.v-switch--inset .v-selection-control__input {
  transform: translateX(-5px);
  --v-selection-control-size: 1.125rem;
}
.v-switch.v-switch--inset .v-selection-control__input .v-switch__thumb {
  background: rgba(var(--v-theme-on-surface), var(--v-switch-opacity));
  block-size: 0.75rem;
  inline-size: 0.75rem;
}
.v-switch.v-switch--inset .v-selection-control--dirty .v-switch__track {
  border-color: rgba(var(--v-border-color), var(--v-switch-opacity));
}
.v-switch.v-switch--inset .v-selection-control--dirty .text-primary .v-switch__track {
  border-color: rgb(var(--v-theme-primary));
  background-color: rgb(var(--v-theme-primary));
}
.v-switch.v-switch--inset .v-selection-control--dirty .text-secondary .v-switch__track {
  border-color: rgb(var(--v-theme-secondary));
  background-color: rgb(var(--v-theme-secondary));
}
.v-switch.v-switch--inset .v-selection-control--dirty .text-error .v-switch__track {
  border-color: rgb(var(--v-theme-error));
  background-color: rgb(var(--v-theme-error));
}
.v-switch.v-switch--inset .v-selection-control--dirty .text-info .v-switch__track {
  border-color: rgb(var(--v-theme-info));
  background-color: rgb(var(--v-theme-info));
}
.v-switch.v-switch--inset .v-selection-control--dirty .text-success .v-switch__track {
  border-color: rgb(var(--v-theme-success));
  background-color: rgb(var(--v-theme-success));
}
.v-switch.v-switch--inset .v-selection-control--dirty .text-warning .v-switch__track {
  border-color: rgb(var(--v-theme-warning));
  background-color: rgb(var(--v-theme-warning));
}
.v-switch.v-switch--inset .v-selection-control--dirty .v-selection-control__input {
  transform: translateX(5px);
}
.v-switch.v-switch--inset .v-selection-control--dirty .v-selection-control__input .v-switch__thumb {
  background-color: #fff;
}
.v-switch.v-switch--inset.v-input--disabled:not(.v-input--dirty) .v-selection-control__input .v-switch__thumb {
  background: rgba(var(--v-theme-on-surface), var(--v-switch-disabled-thumb-opacity));
}
.v-switch.v-switch--inset.v-input--disabled:not(.v-input--dirty) .v-switch__track {
  background-color: rgba(var(--v-theme-on-surface), var(--v-switch-disabled-track-opacity));
}
.v-switch.v-switch--inset.v-input--disabled.v-input--dirty .v-selection-control--disabled {
  opacity: var(--v-switch-checked-disabled-opacity);
}

.v-switch.v-input,
.v-checkbox-btn,
.v-radio-btn,
.v-radio {
  --v-input-control-height: auto;
  flex: unset;
}

.v-slider-thumb {
  border: 3px solid rgb(var(--v-theme-surface));
  border-radius: 5rem;
  box-shadow: 0 3px 8px rgba(var(--v-shadow-key-umbra-color), 0.14), 0 0 transparent, 0 0 transparent;
}

.v-slider-thumb__label {
  background: rgb(var(--v-tooltip-background)) !important;
  color: rgb(var(--v-theme-on-primary)) !important;
  font-weight: 500;
}

.v-slider.v-input--horizontal .v-slider-thumb__label::before {
  border-block-start-color: rgb(var(--v-tooltip-background)) !important;
}

.v-slider.v-input--vertical .v-slider-thumb__label::before {
  border-inline-end-color: rgb(var(--v-tooltip-background)) !important;
}

.v-slider-track__background--opacity {
  opacity: 1 !important;
}

.v-table {
  --v-table-row-height: 56px;
  --v-table-header-height: 48px !important;
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !important;
}
.v-table th {
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !important;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
}
.v-table th .v-data-table-header__content {
  display: flex;
  justify-content: space-between;
}

.v-tabs.v-tabs--vertical {
  --v-tabs-height: 38px !important;
}
.v-tabs.v-tabs--vertical:not(.v-tabs-pill) {
  block-size: 100%;
  border-inline-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.v-tabs.v-tabs--horizontal:not(.v-tabs-pill) {
  border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.v-tabs.v-tabs--horizontal:not(.v-tabs-pill) .v-tab__slider {
  block-size: 3px;
}
.v-tabs {
  /* stylelint-disable-next-line no-descending-specificity */
}
.v-tabs .v-btn {
  font-weight: 400;
  transform: none !important;
}
.v-tabs .v-btn.v-btn--stacked {
  /* stylelint-disable-next-line no-descending-specificity */
}
.v-tabs .v-btn.v-btn--stacked .v-icon {
  --v-icon-size-multiplier: 1.1428571429;
}
.v-tabs .v-btn {
  /* stylelint-disable-next-line no-descending-specificity */
}
.v-tabs .v-btn .v-btn__overlay,
.v-tabs .v-btn .v-ripple__container {
  opacity: 0 !important;
}
.v-tabs .v-btn {
  /* stylelint-disable-next-line no-descending-specificity */
}
.v-tabs .v-btn .v-tab__slider {
  inset-inline-end: 0;
  inset-inline-start: unset;
}

.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected {
  box-shadow: 0 2px 6px rgba(var(--v-shadow-key-umbra-color), 0.14), 0 0 transparent, 0 0 transparent;
}
.v-tabs.v-tabs-pill.v-slide-group,
.v-tabs.v-tabs-pill .v-slide-group__container {
  box-sizing: content-box;
  margin: 0px;
  padding: 0px;
}
.v-tabs.v-tabs-pill .v-tab.v-btn:hover {
  color: rgba(var(--v-theme-primary));
}

.v-timeline .v-timeline-divider__dot {
  background: none !important;
}
.v-timeline .v-timeline-divider__dot .v-timeline-divider__inner-dot {
  box-shadow: 0 0 0 0.1875rem rgb(var(--v-theme-on-surface-variant));
}
.v-timeline .v-timeline-divider__dot .v-timeline-divider__inner-dot.bg-primary {
  box-shadow: 0 0 0 0.1875rem rgba(var(--v-theme-primary), 0.12);
}
.v-timeline .v-timeline-divider__dot .v-timeline-divider__inner-dot.bg-secondary {
  box-shadow: 0 0 0 0.1875rem rgba(var(--v-theme-secondary), 0.12);
}
.v-timeline .v-timeline-divider__dot .v-timeline-divider__inner-dot.bg-error {
  box-shadow: 0 0 0 0.1875rem rgba(var(--v-theme-error), 0.12);
}
.v-timeline .v-timeline-divider__dot .v-timeline-divider__inner-dot.bg-info {
  box-shadow: 0 0 0 0.1875rem rgba(var(--v-theme-info), 0.12);
}
.v-timeline .v-timeline-divider__dot .v-timeline-divider__inner-dot.bg-success {
  box-shadow: 0 0 0 0.1875rem rgba(var(--v-theme-success), 0.12);
}
.v-timeline .v-timeline-divider__dot .v-timeline-divider__inner-dot.bg-warning {
  box-shadow: 0 0 0 0.1875rem rgba(var(--v-theme-warning), 0.12);
}
.v-timeline.v-timeline-icon-only .v-timeline-divider__dot .v-timeline-divider__inner-dot {
  background: none;
  box-shadow: none;
  /* stylelint-disable-next-line no-descending-specificity */
}
.v-timeline.v-timeline-icon-only .v-timeline-divider__dot .v-timeline-divider__inner-dot .v-icon {
  background: rgb(var(--v-theme-background));
}
.v-card:not(.v-card--variant-text, .v-card--variant-plain, .v-card--variant-outlined) .v-timeline.v-timeline-icon-only .v-timeline-divider__dot .v-timeline-divider__inner-dot {
  /* stylelint-disable-next-line no-descending-specificity */
}
.v-card:not(.v-card--variant-text, .v-card--variant-plain, .v-card--variant-outlined) .v-timeline.v-timeline-icon-only .v-timeline-divider__dot .v-timeline-divider__inner-dot .v-icon {
  background: rgb(var(--v-theme-surface));
}
.v-card.v-card--variant-tonal .v-timeline.v-timeline-icon-only .v-timeline-divider__dot .v-timeline-divider__inner-dot {
  /* stylelint-disable-next-line no-descending-specificity */
}
.v-card.v-card--variant-tonal .v-timeline.v-timeline-icon-only .v-timeline-divider__dot .v-timeline-divider__inner-dot .v-icon {
  background: none;
}

.v-application .app-text-field .v-text-field .v-input__details,
.v-application .app-select .v-text-field .v-input__details,
.v-application .app-autocomplete .v-text-field .v-input__details,
.v-application .app-combobox .v-text-field .v-input__details,
.v-application .app-textarea .v-text-field .v-input__details,
.v-application .app-picker-field .v-text-field .v-input__details {
  padding-inline-start: 0;
}
.v-application .app-text-field .v-field--variant-outlined.v-field--focused .v-field__outline,
.v-application .app-select .v-field--variant-outlined.v-field--focused .v-field__outline,
.v-application .app-autocomplete .v-field--variant-outlined.v-field--focused .v-field__outline,
.v-application .app-combobox .v-field--variant-outlined.v-field--focused .v-field__outline,
.v-application .app-textarea .v-field--variant-outlined.v-field--focused .v-field__outline,
.v-application .app-picker-field .v-field--variant-outlined.v-field--focused .v-field__outline {
  --v-field-border-width: 1px !important;
}
.v-application .app-text-field .v-input--density-comfortable .v-field input,
.v-application .app-text-field .v-input--density-comfortable .v-field .v-select__selection-text,
.v-application .app-select .v-input--density-comfortable .v-field input,
.v-application .app-select .v-input--density-comfortable .v-field .v-select__selection-text,
.v-application .app-autocomplete .v-input--density-comfortable .v-field input,
.v-application .app-autocomplete .v-input--density-comfortable .v-field .v-select__selection-text,
.v-application .app-combobox .v-input--density-comfortable .v-field input,
.v-application .app-combobox .v-input--density-comfortable .v-field .v-select__selection-text,
.v-application .app-textarea .v-input--density-comfortable .v-field input,
.v-application .app-textarea .v-input--density-comfortable .v-field .v-select__selection-text,
.v-application .app-picker-field .v-input--density-comfortable .v-field input,
.v-application .app-picker-field .v-input--density-comfortable .v-field .v-select__selection-text {
  font-size: 1.125rem;
}
.v-application .app-text-field .v-input--density-default .v-field input,
.v-application .app-text-field .v-input--density-default .v-field .v-select__selection-text,
.v-application .app-select .v-input--density-default .v-field input,
.v-application .app-select .v-input--density-default .v-field .v-select__selection-text,
.v-application .app-autocomplete .v-input--density-default .v-field input,
.v-application .app-autocomplete .v-input--density-default .v-field .v-select__selection-text,
.v-application .app-combobox .v-input--density-default .v-field input,
.v-application .app-combobox .v-input--density-default .v-field .v-select__selection-text,
.v-application .app-textarea .v-input--density-default .v-field input,
.v-application .app-textarea .v-input--density-default .v-field .v-select__selection-text,
.v-application .app-picker-field .v-input--density-default .v-field input,
.v-application .app-picker-field .v-input--density-default .v-field .v-select__selection-text {
  font-size: 1.375rem;
}
.v-application .app-text-field .v-field input::placeholder,
.v-application .app-text-field .v-field .v-field__input::placeholder,
.v-application .app-select .v-field input::placeholder,
.v-application .app-select .v-field .v-field__input::placeholder,
.v-application .app-autocomplete .v-field input::placeholder,
.v-application .app-autocomplete .v-field .v-field__input::placeholder,
.v-application .app-combobox .v-field input::placeholder,
.v-application .app-combobox .v-field .v-field__input::placeholder,
.v-application .app-textarea .v-field input::placeholder,
.v-application .app-textarea .v-field .v-field__input::placeholder,
.v-application .app-picker-field .v-field input::placeholder,
.v-application .app-picker-field .v-field .v-field__input::placeholder {
  transition: transform 0.2s ease-out;
}
.v-application .app-text-field .v-field--focused,
.v-application .app-select .v-field--focused,
.v-application .app-autocomplete .v-field--focused,
.v-application .app-combobox .v-field--focused,
.v-application .app-textarea .v-field--focused,
.v-application .app-picker-field .v-field--focused {
  box-shadow: 0 2px 4px rgba(var(--v-shadow-key-umbra-color), 0.12);
}
.v-application .app-text-field .v-field--focused.v-field input::placeholder,
.v-application .app-text-field .v-field--focused.v-field .v-field__input::placeholder,
.v-application .app-select .v-field--focused.v-field input::placeholder,
.v-application .app-select .v-field--focused.v-field .v-field__input::placeholder,
.v-application .app-autocomplete .v-field--focused.v-field input::placeholder,
.v-application .app-autocomplete .v-field--focused.v-field .v-field__input::placeholder,
.v-application .app-combobox .v-field--focused.v-field input::placeholder,
.v-application .app-combobox .v-field--focused.v-field .v-field__input::placeholder,
.v-application .app-textarea .v-field--focused.v-field input::placeholder,
.v-application .app-textarea .v-field--focused.v-field .v-field__input::placeholder,
.v-application .app-picker-field .v-field--focused.v-field input::placeholder,
.v-application .app-picker-field .v-field--focused.v-field .v-field__input::placeholder {
  transform: translateX(4px) !important;
}
[dir=rtl] .v-application .app-text-field .v-field--focused.v-field input::placeholder,
[dir=rtl] .v-application .app-text-field .v-field--focused.v-field .v-field__input::placeholder,
[dir=rtl] .v-application .app-select .v-field--focused.v-field input::placeholder,
[dir=rtl] .v-application .app-select .v-field--focused.v-field .v-field__input::placeholder,
[dir=rtl] .v-application .app-autocomplete .v-field--focused.v-field input::placeholder,
[dir=rtl] .v-application .app-autocomplete .v-field--focused.v-field .v-field__input::placeholder,
[dir=rtl] .v-application .app-combobox .v-field--focused.v-field input::placeholder,
[dir=rtl] .v-application .app-combobox .v-field--focused.v-field .v-field__input::placeholder,
[dir=rtl] .v-application .app-textarea .v-field--focused.v-field input::placeholder,
[dir=rtl] .v-application .app-textarea .v-field--focused.v-field .v-field__input::placeholder,
[dir=rtl] .v-application .app-picker-field .v-field--focused.v-field input::placeholder,
[dir=rtl] .v-application .app-picker-field .v-field--focused.v-field .v-field__input::placeholder {
  transform: translateX(-4px) !important;
}
.v-application .app-autocomplete .v-autocomplete__selection {
  line-height: 24px;
  margin-block: 0 !important;
}
.v-application .app-autocomplete .v-autocomplete .v-field .v-field__input > input {
  align-self: center;
}
.v-application .app-autocomplete .v-autocomplete.v-autocomplete--chips.v-input--dirty .v-autocomplete__selection {
  margin: 0;
}
.v-application .app-autocomplete .v-autocomplete.v-autocomplete--chips.v-input--dirty .v-field__input {
  gap: 3px;
}
.v-application .app-autocomplete .v-autocomplete.v-autocomplete--chips.v-input--dirty.v-input--density-compact .v-field__input {
  padding-inline-start: 0.5rem;
}
.v-application .app-autocomplete .v-autocomplete.v-autocomplete--chips.v-input--dirty.v-input--density-comfortable .v-field__input {
  padding-inline-start: 0.75rem;
}
.v-application .app-autocomplete .v-autocomplete.v-autocomplete--chips.v-input--dirty.v-input--density-default .v-field__input {
  padding-inline-start: 1rem;
}
.v-application .app-select .v-select__selection {
  line-height: 24px;
  margin-block: 0 !important;
}
.v-application .app-select .v-select .v-field .v-field__input > input {
  align-self: center;
}
.v-application .app-select .v-select.v-select--chips.v-input--dirty .v-select__selection {
  margin: 0;
}
.v-application .app-select .v-select.v-select--chips.v-input--dirty .v-field__input {
  gap: 3px;
}
.v-application .app-select .v-select.v-select--chips.v-input--dirty.v-input--density-compact .v-field__input {
  padding-inline-start: 0.5rem;
}
.v-application .app-select .v-select.v-select--chips.v-input--dirty.v-input--density-comfortable .v-field__input {
  padding-inline-start: 0.75rem;
}
.v-application .app-select .v-select.v-select--chips.v-input--dirty.v-input--density-default .v-field__input {
  padding-inline-start: 1rem;
}
.v-application .app-combobox .v-combobox__selection {
  line-height: 24px;
  margin-block: 0 !important;
}
.v-application .app-combobox .v-combobox .v-field .v-field__input > input {
  align-self: center;
}
.v-application .app-combobox .v-combobox.v-combobox--chips.v-input--dirty .v-combobox__selection {
  margin: 0;
}
.v-application .app-combobox .v-combobox.v-combobox--chips.v-input--dirty .v-field__input {
  gap: 3px;
}
.v-application .app-combobox .v-combobox.v-combobox--chips.v-input--dirty.v-input--density-compact .v-field__input {
  padding-inline-start: 0.5rem;
}
.v-application .app-combobox .v-combobox.v-combobox--chips.v-input--dirty.v-input--density-comfortable .v-field__input {
  padding-inline-start: 0.75rem;
}
.v-application .app-combobox .v-combobox.v-combobox--chips.v-input--dirty.v-input--density-default .v-field__input {
  padding-inline-start: 1rem;
}
.v-application .v-input--density-compact .v-field__clearable svg,
.v-application .v-input--density-compact .v-field__append-inner svg {
  block-size: 0.8em;
  inline-size: 0.8em;
  margin-block-start: 0.15em;
}
.app-autocomplete__content .v-list-item--active .v-autocomplete__mask {
  background: #5c52c0;
}
.app-autocomplete__content .v-theme--dark .v-list-item:not(.v-list-item--active) .v-autocomplete__mask {
  background: #3b405c;
}

.v-menu .v-list-item {
  padding-block: 8px !important;
  padding-inline: 16px !important;
}

.app-inner-list .v-selection-control {
  display: none;
}

::-webkit-resizer {
  background: transparent;
}

.v-timeline-item .app-timeline-title {
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3125rem;
}
.v-timeline-item .app-timeline-meta {
  color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
  font-size: 11px;
  line-height: 0.875rem;
}
.v-timeline-item .app-timeline-text {
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
  font-size: 13px;
  line-height: 1.25rem;
}/* Element Chalk Variables */
html {
  overflow-y: auto !important;
}@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('/assets/fonts/primeicons.DMOk5skT.eot');
    src: url('/assets/fonts/primeicons.DMOk5skT.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/primeicons.C6QP2o4f.woff2') format('woff2'), url('/assets/fonts/primeicons.WjwUDZjB.woff') format('woff'), url('/assets/fonts/primeicons.MpK4pl85.ttf') format('truetype'), url('/assets/img/primeicons.Dr5RGzOO.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.pi-folder-plus:before {
    content: "\ea05";
}

.pi-receipt:before {
    content: "\ea06";
}

.pi-asterisk:before {
    content: "\ea07";
}

.pi-face-smile:before {
    content: "\ea08";
}

.pi-pinterest:before {
    content: "\ea09";
}

.pi-expand:before {
    content: "\ea0a";
}

.pi-pen-to-square:before {
    content: "\ea0b";
}

.pi-wave-pulse:before {
    content: "\ea0c";
}

.pi-turkish-lira:before {
    content: "\ea0d";
}

.pi-spinner-dotted:before {
    content: "\ea0e";
}

.pi-crown:before {
    content: "\ea0f";
}

.pi-pause-circle:before {
    content: "\ea10";
}

.pi-warehouse:before {
    content: "\ea11";
}

.pi-objects-column:before {
    content: "\ea12";
}

.pi-clipboard:before {
    content: "\ea13";
}

.pi-play-circle:before {
    content: "\ea14";
}

.pi-venus:before {
    content: "\ea15";
}

.pi-cart-minus:before {
    content: "\ea16";
}

.pi-file-plus:before {
    content: "\ea17";
}

.pi-microchip:before {
    content: "\ea18";
}

.pi-twitch:before {
    content: "\ea19";
}

.pi-building-columns:before {
    content: "\ea1a";
}

.pi-file-check:before {
    content: "\ea1b";
}

.pi-microchip-ai:before {
    content: "\ea1c";
}

.pi-trophy:before {
    content: "\ea1d";
}

.pi-barcode:before {
    content: "\ea1e";
}

.pi-file-arrow-up:before {
    content: "\ea1f";
}

.pi-mars:before {
    content: "\ea20";
}

.pi-tiktok:before {
    content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
}

.pi-ethereum:before {
    content: "\ea23";
}

.pi-list-check:before {
    content: "\ea24";
}

.pi-thumbtack:before {
    content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
}

.pi-equals:before {
    content: "\ea27";
}

.pi-lightbulb:before {
    content: "\ea28";
}

.pi-star-half:before {
    content: "\ea29";
}

.pi-address-book:before {
    content: "\ea2a";
}

.pi-chart-scatter:before {
    content: "\ea2b";
}

.pi-indian-rupee:before {
    content: "\ea2c";
}

.pi-star-half-fill:before {
    content: "\ea2d";
}

.pi-cart-arrow-down:before {
    content: "\ea2e";
}

.pi-calendar-clock:before {
    content: "\ea2f";
}

.pi-sort-up-fill:before {
    content: "\ea30";
}

.pi-sparkles:before {
    content: "\ea31";
}

.pi-bullseye:before {
    content: "\ea32";
}

.pi-sort-down-fill:before {
    content: "\ea33";
}

.pi-graduation-cap:before {
    content: "\ea34";
}

.pi-hammer:before {
    content: "\ea35";
}

.pi-bell-slash:before {
    content: "\ea36";
}

.pi-gauge:before {
    content: "\ea37";
}

.pi-shop:before {
    content: "\ea38";
}

.pi-headphones:before {
    content: "\ea39";
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}
/* Element Chalk Variables */
*,
::before,
::after {
  box-sizing: inherit;
  background-repeat: no-repeat;
}

html {
  box-sizing: border-box;
}

/* Custom caret color and placeholder for inputs based on theme */
input,
textarea,
[contenteditable=true] {
  caret-color: var(--wp-text-primary);
}

input::placeholder,
textarea::placeholder {
  color: var(--wp-text-secondary);
  opacity: 1;
}

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

.ps__rail-x {
  height: 15px;
  bottom: 0;
}

.ps__rail-x, .ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  position: absolute;
}

.ps__rail-y {
  width: 15px;
  right: 0;
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y, .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps__thumb-x {
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  bottom: 2px;
}

.ps__thumb-x, .ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  position: absolute;
}

.ps__thumb-y {
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  right: 2px;
}

.ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .ps {
    overflow: auto !important;
  }
}
.ps {
  position: relative;
}

.cursor-pointer {
  cursor: pointer;
}/* Element Chalk Variables */
html[data-v-f10d1bcd],
body[data-v-f10d1bcd] {
  height: 100%;
}
body[data-v-f10d1bcd] {
  align-items: center;
  background: #f8f7fd;
  display: flex;
  justify-content: center;
}
.loading-bg[data-v-f10d1bcd] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(var(--v-theme-card-background));
  position: fixed;
  z-index: 9999999;
}
.loader[data-v-f10d1bcd] {
  position: relative;
  width: auto;
  height: auto;
}
.loader .dot[data-v-f10d1bcd] {
  animation-name: movement-f10d1bcd;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  will-change: transform, opacity;
  height: 10px;
  position: absolute;
  top: calc(-1 * 10px);
  transform: translate3d(0, calc(-1 * 25px), 0) scale(1);
  width: 10px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(1) {
  animation-delay: -0.1s;
  left: 150px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(1)::before {
  animation-delay: -0.1s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(2) {
  animation-delay: 0.8s;
  left: 150px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(2)::before {
  animation-delay: 0.8s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(3) {
  animation-delay: -0.3s;
  left: 125px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(3)::before {
  animation-delay: -0.3s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(4) {
  animation-delay: 0.6s;
  left: 125px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(4)::before {
  animation-delay: 0.6s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(5) {
  animation-delay: -0.5s;
  left: 100px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(5)::before {
  animation-delay: -0.5s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(6) {
  animation-delay: 0.4s;
  left: 100px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(6)::before {
  animation-delay: 0.4s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(7) {
  animation-delay: -0.7s;
  left: 75px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(7)::before {
  animation-delay: -0.7s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(8) {
  animation-delay: 0.2s;
  left: 75px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(8)::before {
  animation-delay: 0.2s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(9) {
  animation-delay: -0.9s;
  left: 50px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(9)::before {
  animation-delay: -0.9s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(10) {
  animation-delay: 0s;
  left: 50px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(10)::before {
  animation-delay: 0s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(11) {
  animation-delay: -1.1s;
  left: 25px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(11)::before {
  animation-delay: -1.1s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(12) {
  animation-delay: -0.2s;
  left: 25px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(12)::before {
  animation-delay: -0.2s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(13) {
  animation-delay: -1.3s;
  left: 0px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(13)::before {
  animation-delay: -1.3s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(14) {
  animation-delay: -0.4s;
  left: 0px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(14)::before {
  animation-delay: -0.4s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(15) {
  animation-delay: -1.5s;
  left: -25px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(15)::before {
  animation-delay: -1.5s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(16) {
  animation-delay: -0.6s;
  left: -25px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(16)::before {
  animation-delay: -0.6s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(17) {
  animation-delay: -1.7s;
  left: -50px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(17)::before {
  animation-delay: -1.7s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(18) {
  animation-delay: -0.8s;
  left: -50px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(18)::before {
  animation-delay: -0.8s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(19) {
  animation-delay: -1.9s;
  left: -75px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(19)::before {
  animation-delay: -1.9s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(20) {
  animation-delay: -1s;
  left: -75px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(20)::before {
  animation-delay: -1s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(21) {
  animation-delay: -2.1s;
  left: -100px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(21)::before {
  animation-delay: -2.1s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(22) {
  animation-delay: -1.2s;
  left: -100px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(22)::before {
  animation-delay: -1.2s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(23) {
  animation-delay: -2.3s;
  left: -125px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(23)::before {
  animation-delay: -2.3s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(24) {
  animation-delay: -1.4s;
  left: -125px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(24)::before {
  animation-delay: -1.4s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(25) {
  animation-delay: -2.5s;
  left: -150px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(25)::before {
  animation-delay: -2.5s;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(26) {
  animation-delay: -1.6s;
  left: -150px;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(26)::before {
  animation-delay: -1.6s;
}
.loader .dot[data-v-f10d1bcd]::before {
  animation-name: size-opacity-f10d1bcd;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  will-change: transform, opacity;
  background: #482bd9;
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
.loader .dot[data-v-f10d1bcd]:nth-of-type(even)::before {
  background-color: #f8961e;
  box-shadow: inset 0 0 4px rgb(255, 20, 146.4402173913);
}
@keyframes movement-f10d1bcd {
0% {
    transform: translate3d(0, calc(-1 * 25px), 0);
}
50% {
    transform: translate3d(0, 25px, 0);
}
100% {
    transform: translate3d(0, calc(-1 * 25px), 0);
}
}
@keyframes size-opacity-f10d1bcd {
0% {
    opacity: 1;
    transform: scale(1);
}
25% {
    transform: scale(1.5);
}
50% {
    opacity: 1;
}
75% {
    opacity: 0.35;
    transform: scale(0.5);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}/* Element Chalk Variables */
.p-toast {
  width: auto !important;
}
.toast-content {
  width: 100%;
}
.p-toast-message-content {
  max-width: 540px;
  width: 100% !important;
}
.toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 4px;
}
.toast-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  color: #141414;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.toast-title span {
  display: block;
  margin-left: 14px;
  width: calc(100% - 25px);
}
.toast-title svg {
  width: 24px;
  height: 24px;
}
.toast-description {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: rgb(var(--v-theme-secondary-text-color));
  padding-left: 38px;
}
.p-toast .p-toast-message {
  border-radius: 8px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1);
  backdrop-filter: none;
}
.p-toast .p-toast-message-content {
  padding: 16px;
  flex-wrap: wrap;
  gap: 0;
}
.p-toast .p-toast-message .p-toast-close-button {
  display: none;
}
.p-toast .p-toast-message-success {
  border: 2px solid #a2c1a3;
  background: #ebf8ec;
}
.p-toast .p-toast-message-error {
  border: 2px solid #e5aaaa;
  background: var(--Bg_color, #fbefef);
}
.p-toast .p-toast-message-info {
  border: 2px solid #aac7e1;
  background: #f0f8ff;
}
.p-toast .p-toast-message-warn {
  border: 2px solid #f4e386;
  background: #faf7e6;
}
.dark-theme .p-toast .p-toast-message.p-toast-message-success {
  border-color: #3e5e40;
  background: #1a2e1c;
}
.dark-theme .p-toast .p-toast-message.p-toast-message-error {
  border-color: #7a3e3e;
  background: #2e1a1a;
}
.dark-theme .p-toast .p-toast-message.p-toast-message-info {
  border-color: #3e5a7a;
  background: #1a242e;
}
.dark-theme .p-toast .p-toast-message.p-toast-message-warn {
  border-color: #7a6e3e;
  background: #2e2a1a;
}
.dark-theme .p-toast .p-toast-message.p-toast-message .toast-title {
  color: #fff;
}
.dark-theme .p-toast .p-toast-message.p-toast-message .toast-description {
  color: #d1d1d1;
}
.maintenance-overlay[data-v-426aa0fe] {
  position: fixed;
  inset: 0;
  /* Above Preloader (9999999) and every dialog/popover layer */
  z-index: 10000000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px;
  background: var(--wp-surface-default);
  color: var(--wp-text-primary);
  font-family: var(--wp-font-sans);
  text-align: center;
}
.maintenance-overlay-logo[data-v-426aa0fe] {
  margin-bottom: 16px;
  width: auto;
}

/* Logo's SVG has fixed width/height attributes (175x30) — scale it here */
.maintenance-overlay-logo[data-v-426aa0fe] svg {
  width: 280px;
  height: 48px;
}
.maintenance-overlay-icon[data-v-426aa0fe] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--wp-surface-secondary);
  color: var(--wp-text-accent);
}
.maintenance-overlay-title[data-v-426aa0fe] {
  margin: 8px 0 0;
  font-size: 1.375rem;
  font-weight: 600;
}
.maintenance-overlay-text[data-v-426aa0fe] {
  max-width: 420px;
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--wp-text-secondary);
}

.nav-progress[data-v-5191746c] {
  position: fixed;
  inset: 0 0 auto 0;
  height: 2px;
  z-index: 100000;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.nav-progress--active[data-v-5191746c] {
  opacity: 1;
}
.nav-progress-bar[data-v-5191746c] {
  height: 100%;
  width: 100%;
  transform: scaleX(0);
  transform-origin: left center;
  /* Theme-adaptive accent: deep purple on the light header, soft lavender on the dark
     header — a bit more contrast than the header background without being bright. */
  background: var(--wp-text-accent);
  transition: transform 0.2s ease;
}

.version-notes[data-v-00748afa] {
  width: 100%;
  text-align: left;
}
.version-notes-heading[data-v-00748afa] {
  margin: 0 0 6px 0;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--wp-text-primary);
}
.version-notes-prs[data-v-00748afa] {
  margin: 0 0 8px 0;
  padding-left: 18px;
  font-size: 0.8125rem;
}
.version-notes-prs a[data-v-00748afa] {
  color: var(--wp-text-link);
}
.version-notes-prs a[data-v-00748afa]:hover {
  color: var(--wp-text-link-hover);
}
.version-notes-body[data-v-00748afa] {
  max-height: 200px;
  overflow-y: auto;
  padding: 8px 10px;
  border: 1px solid var(--wp-border-primary);
  border-radius: 8px;
  background: var(--wp-surface-secondary);
  color: var(--wp-text-primary);
  font-size: 0.8125rem;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
/* Element Chalk Variables */
.version-update-dialog[data-v-fe127cd3] .p-dialog-content {
  padding: 24px !important;
  padding-top: 20px !important;
}
.version-update-dialog .popup-header[data-v-fe127cd3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 24px;
}
.version-update-dialog .popup-icon[data-v-fe127cd3] {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, color-mix(in srgb, var(--wp-brand-60) 15%, transparent) 0%, color-mix(in srgb, var(--wp-brand-60) 5%, transparent) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  color: var(--wp-text-accent);
}
.version-update-dialog .popup-icon svg[data-v-fe127cd3] {
  transform: rotate(180deg);
}
.version-update-dialog .popup-title[data-v-fe127cd3] {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--wp-text-accent);
  margin: 0 0 8px 0;
  letter-spacing: -0.01em;
}
.version-update-dialog .popup-description[data-v-fe127cd3] {
  font-size: 0.875rem;
  color: var(--wp-text-tertiary);
  margin: 0;
  line-height: 1.5;
  max-width: 320px;
}
.version-update-dialog .version-update-dialog-notes[data-v-fe127cd3] {
  margin-bottom: 20px;
}
.version-update-dialog .confirm-btns-wrap[data-v-fe127cd3] {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 12px;
}
.version-update-dialog .confirm-btns-wrap .cancel-button[data-v-fe127cd3] {
  min-width: 100px;
}
.version-update-dialog .confirm-btns-wrap .v-btn[data-v-fe127cd3] {
  min-width: 120px;
}
.dark {
  background: linear-gradient(135deg, color-mix(in srgb, var(--wp-brand-60) 20%, transparent) 0%, color-mix(in srgb, var(--wp-brand-60) 8%, transparent) 100%);
}
.version-update-notice[data-v-04cf0330] {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 3000;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 340px;
  max-width: calc(100vw - 40px);
  padding: 14px 16px;
  border: 1px solid var(--wp-border-primary);
  border-radius: 12px;
  background: var(--wp-surface-card);
  box-shadow: 0 8px 24px var(--wp-shadow-card);
}
.version-update-notice-header[data-v-04cf0330] {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.version-update-notice-icon[data-v-04cf0330] {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--wp-text-accent);
}
.version-update-notice-title[data-v-04cf0330] {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--wp-text-primary);
}
.version-update-notice-hint[data-v-04cf0330] {
  margin: 2px 0 0 0;
  font-size: 0.8125rem;
  color: var(--wp-text-tertiary);
}
.version-update-notice-toggle[data-v-04cf0330] {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  align-self: flex-start;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  font-size: 0.8125rem;
  color: var(--wp-text-link);
}
.version-update-notice-toggle[data-v-04cf0330]:hover {
  color: var(--wp-text-link-hover);
}
.version-update-notice-actions[data-v-04cf0330] {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

header[data-v-a01c40a4] {
  line-height: 1.5;
  max-height: 100vh;
}
.logo[data-v-a01c40a4] {
  display: block;
  margin: 0 auto 2rem;
}
nav[data-v-a01c40a4] {
  width: 100%;
  font-size: 12px;
  text-align: center;
  margin-top: 2rem;
}
nav a.router-link-exact-active[data-v-a01c40a4] {
  color: var(--color-text);
}
nav a.router-link-exact-active[data-v-a01c40a4]:hover {
  background-color: transparent;
}
nav a[data-v-a01c40a4] {
  display: inline-block;
  padding: 0 1rem;
  border-left: 1px solid var(--color-border);
}
nav a[data-v-a01c40a4]:first-of-type {
  border: 0;
}
@media (min-width: 1024px) {
header[data-v-a01c40a4] {
    display: flex;
    place-items: center;
    padding-right: calc(var(--section-gap) / 2);
}
.logo[data-v-a01c40a4] {
    margin: 0 2rem 0 0;
}
header .wrapper[data-v-a01c40a4] {
    display: flex;
    place-items: flex-start;
    flex-wrap: wrap;
}
nav[data-v-a01c40a4] {
    text-align: left;
    margin-left: -1rem;
    font-size: 1rem;

    padding: 1rem 0;
    margin-top: 1rem;
}
}

/* Import reset.css first to ensure it's processed before any other styles */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
button,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
strong {
  font-weight: bold;
}
span.flag {
  display: inline-block;
  height: 30px;
  width: 44px;
}
img.flag {
  width: 30px;
}
.flag {
  /*background: url('../images/flags_responsive.png') no-repeat;*/
  background: url('/assets/img/flags_responsive.JTa2QaSU.png') no-repeat;
  background-size: 100%;
  vertical-align: middle;
  min-width: 18px;
}
.flag-ad {
  background-position: 0 0.413223%;
}
.flag-ae {
  background-position: 0 0.826446%;
}
.flag-af {
  background-position: 0 1.239669%;
}
.flag-ag {
  background-position: 0 1.652893%;
}
.flag-ai {
  background-position: 0 2.066116%;
}
.flag-al {
  background-position: 0 2.479339%;
}
.flag-am {
  background-position: 0 2.892562%;
}
.flag-an {
  background-position: 0 3.305785%;
}
.flag-ao {
  background-position: 0 3.719008%;
}
.flag-aq {
  background-position: 0 4.132231%;
}
.flag-ar {
  background-position: 0 4.545455%;
}
.flag-as {
  background-position: 0 4.958678%;
}
.flag-at {
  background-position: 0 5.371901%;
}
.flag-au {
  background-position: 0 5.785124%;
}
.flag-aw {
  background-position: 0 6.198347%;
}
.flag-az {
  background-position: 0 6.61157%;
}
.flag-ba {
  background-position: 0 7.024793%;
}
.flag-bb {
  background-position: 0 7.438017%;
}
.flag-bd {
  background-position: 0 7.85124%;
}
.flag-be {
  background-position: 0 8.264463%;
}
.flag-bf {
  background-position: 0 8.677686%;
}
.flag-bg {
  background-position: 0 9.090909%;
}
.flag-bh {
  background-position: 0 9.504132%;
}
.flag-bi {
  background-position: 0 9.917355%;
}
.flag-bj {
  background-position: 0 10.330579%;
}
.flag-bm {
  background-position: 0 10.743802%;
}
.flag-bn {
  background-position: 0 11.157025%;
}
.flag-bo {
  background-position: 0 11.570248%;
}
.flag-br {
  background-position: 0 11.983471%;
}
.flag-bs {
  background-position: 0 12.396694%;
}
.flag-bt {
  background-position: 0 12.809917%;
}
.flag-bv {
  background-position: 0 13.22314%;
}
.flag-bw {
  background-position: 0 13.636364%;
}
.flag-by {
  background-position: 0 14.049587%;
}
.flag-bz {
  background-position: 0 14.46281%;
}
.flag-ca {
  background-position: 0 14.876033%;
}
.flag-cc {
  background-position: 0 15.289256%;
}
.flag-cd {
  background-position: 0 15.702479%;
}
.flag-cf {
  background-position: 0 16.115702%;
}
.flag-cg {
  background-position: 0 16.528926%;
}
.flag-ch {
  background-position: 0 16.942149%;
}
.flag-ci {
  background-position: 0 17.355372%;
}
.flag-ck {
  background-position: 0 17.768595%;
}
.flag-cl {
  background-position: 0 18.181818%;
}
.flag-cm {
  background-position: 0 18.595041%;
}
.flag-cn {
  background-position: 0 19.008264%;
}
.flag-co {
  background-position: 0 19.421488%;
}
.flag-cr {
  background-position: 0 19.834711%;
}
.flag-cu {
  background-position: 0 20.247934%;
}
.flag-cv {
  background-position: 0 20.661157%;
}
.flag-cx {
  background-position: 0 21.07438%;
}
.flag-cy {
  background-position: 0 21.487603%;
}
.flag-cz {
  background-position: 0 21.900826%;
}
.flag-de {
  background-position: 0 22.31405%;
}
.flag-dj {
  background-position: 0 22.727273%;
}
.flag-dk {
  background-position: 0 23.140496%;
}
.flag-dm {
  background-position: 0 23.553719%;
}
.flag-do {
  background-position: 0 23.966942%;
}
.flag-dz {
  background-position: 0 24.380165%;
}
.flag-ec {
  background-position: 0 24.793388%;
}
.flag-ee {
  background-position: 0 25.206612%;
}
.flag-eg {
  background-position: 0 25.619835%;
}
.flag-eh {
  background-position: 0 26.033058%;
}
.flag-er {
  background-position: 0 26.446281%;
}
.flag-es {
  background-position: 0 26.859504%;
}
.flag-et {
  background-position: 0 27.272727%;
}
.flag-fi {
  background-position: 0 27.68595%;
}
.flag-fj {
  background-position: 0 28.099174%;
}
.flag-fk {
  background-position: 0 28.512397%;
}
.flag-fm {
  background-position: 0 28.92562%;
}
.flag-fo {
  background-position: 0 29.338843%;
}
.flag-fr {
  background-position: 0 29.752066%;
}
.flag-ga {
  background-position: 0 30.165289%;
}
.flag-gd {
  background-position: 0 30.578512%;
}
.flag-ge {
  background-position: 0 30.991736%;
}
.flag-gf {
  background-position: 0 31.404959%;
}
.flag-gh {
  background-position: 0 31.818182%;
}
.flag-gi {
  background-position: 0 32.231405%;
}
.flag-gl {
  background-position: 0 32.644628%;
}
.flag-gm {
  background-position: 0 33.057851%;
}
.flag-gn {
  background-position: 0 33.471074%;
}
.flag-gp {
  background-position: 0 33.884298%;
}
.flag-gq {
  background-position: 0 34.297521%;
}
.flag-gr {
  background-position: 0 34.710744%;
}
.flag-gs {
  background-position: 0 35.123967%;
}
.flag-gt {
  background-position: 0 35.53719%;
}
.flag-gu {
  background-position: 0 35.950413%;
}
.flag-gw {
  background-position: 0 36.363636%;
}
.flag-gy {
  background-position: 0 36.77686%;
}
.flag-hk {
  background-position: 0 37.190083%;
}
.flag-hm {
  background-position: 0 37.603306%;
}
.flag-hn {
  background-position: 0 38.016529%;
}
.flag-hr {
  background-position: 0 38.429752%;
}
.flag-ht {
  background-position: 0 38.842975%;
}
.flag-hu {
  background-position: 0 39.256198%;
}
.flag-id {
  background-position: 0 39.669421%;
}
.flag-ie {
  background-position: 0 40.082645%;
}
.flag-il {
  background-position: 0 40.495868%;
}
.flag-in {
  background-position: 0 40.909091%;
}
.flag-io {
  background-position: 0 41.322314%;
}
.flag-iq {
  background-position: 0 41.735537%;
}
.flag-ir {
  background-position: 0 42.14876%;
}
.flag-is {
  background-position: 0 42.561983%;
}
.flag-it {
  background-position: 0 42.975207%;
}
.flag-jm {
  background-position: 0 43.38843%;
}
.flag-jo {
  background-position: 0 43.801653%;
}
.flag-jp {
  background-position: 0 44.214876%;
}
.flag-ke {
  background-position: 0 44.628099%;
}
.flag-kg {
  background-position: 0 45.041322%;
}
.flag-kh {
  background-position: 0 45.454545%;
}
.flag-ki {
  background-position: 0 45.867769%;
}
.flag-km {
  background-position: 0 46.280992%;
}
.flag-kn {
  background-position: 0 46.694215%;
}
.flag-kp {
  background-position: 0 47.107438%;
}
.flag-kr {
  background-position: 0 47.520661%;
}
.flag-kw {
  background-position: 0 47.933884%;
}
.flag-ky {
  background-position: 0 48.347107%;
}
.flag-kz {
  background-position: 0 48.760331%;
}
.flag-la {
  background-position: 0 49.173554%;
}
.flag-lb {
  background-position: 0 49.586777%;
}
.flag-lc {
  background-position: 0 50%;
}
.flag-li {
  background-position: 0 50.413223%;
}
.flag-lk {
  background-position: 0 50.826446%;
}
.flag-lr {
  background-position: 0 51.239669%;
}
.flag-ls {
  background-position: 0 51.652893%;
}
.flag-lt {
  background-position: 0 52.066116%;
}
.flag-lu {
  background-position: 0 52.479339%;
}
.flag-lv {
  background-position: 0 52.892562%;
}
.flag-ly {
  background-position: 0 53.305785%;
}
.flag-ma {
  background-position: 0 53.719008%;
}
.flag-mc {
  background-position: 0 54.132231%;
}
.flag-md {
  background-position: 0 54.545455%;
}
.flag-me {
  background-position: 0 54.958678%;
}
.flag-mg {
  background-position: 0 55.371901%;
}
.flag-mh {
  background-position: 0 55.785124%;
}
.flag-mk {
  background-position: 0 56.198347%;
}
.flag-ml {
  background-position: 0 56.61157%;
}
.flag-mm {
  background-position: 0 57.024793%;
}
.flag-mn {
  background-position: 0 57.438017%;
}
.flag-mo {
  background-position: 0 57.85124%;
}
.flag-mp {
  background-position: 0 58.264463%;
}
.flag-mq {
  background-position: 0 58.677686%;
}
.flag-mr {
  background-position: 0 59.090909%;
}
.flag-ms {
  background-position: 0 59.504132%;
}
.flag-mt {
  background-position: 0 59.917355%;
}
.flag-mu {
  background-position: 0 60.330579%;
}
.flag-mv {
  background-position: 0 60.743802%;
}
.flag-mw {
  background-position: 0 61.157025%;
}
.flag-mx {
  background-position: 0 61.570248%;
}
.flag-my {
  background-position: 0 61.983471%;
}
.flag-mz {
  background-position: 0 62.396694%;
}
.flag-na {
  background-position: 0 62.809917%;
}
.flag-nc {
  background-position: 0 63.22314%;
}
.flag-ne {
  background-position: 0 63.636364%;
}
.flag-nf {
  background-position: 0 64.049587%;
}
.flag-ng {
  background-position: 0 64.46281%;
}
.flag-ni {
  background-position: 0 64.876033%;
}
.flag-nl {
  background-position: 0 65.289256%;
}
.flag-no {
  background-position: 0 65.702479%;
}
.flag-np {
  background-position: 0 66.115702%;
}
.flag-nr {
  background-position: 0 66.528926%;
}
.flag-nu {
  background-position: 0 66.942149%;
}
.flag-nz {
  background-position: 0 67.355372%;
}
.flag-om {
  background-position: 0 67.768595%;
}
.flag-pa {
  background-position: 0 68.181818%;
}
.flag-pe {
  background-position: 0 68.595041%;
}
.flag-pf {
  background-position: 0 69.008264%;
}
.flag-pg {
  background-position: 0 69.421488%;
}
.flag-ph {
  background-position: 0 69.834711%;
}
.flag-pk {
  background-position: 0 70.247934%;
}
.flag-pl {
  background-position: 0 70.661157%;
}
.flag-pm {
  background-position: 0 71.07438%;
}
.flag-pn {
  background-position: 0 71.487603%;
}
.flag-pr {
  background-position: 0 71.900826%;
}
.flag-pt {
  background-position: 0 72.31405%;
}
.flag-pw {
  background-position: 0 72.727273%;
}
.flag-py {
  background-position: 0 73.140496%;
}
.flag-qa {
  background-position: 0 73.553719%;
}
.flag-re {
  background-position: 0 73.966942%;
}
.flag-ro {
  background-position: 0 74.380165%;
}
.flag-rs {
  background-position: 0 74.793388%;
}
.flag-ru {
  background-position: 0 75.206612%;
}
.flag-rw {
  background-position: 0 75.619835%;
}
.flag-sa {
  background-position: 0 76.033058%;
}
.flag-sb {
  background-position: 0 76.446281%;
}
.flag-sc {
  background-position: 0 76.859504%;
}
.flag-sd {
  background-position: 0 77.272727%;
}
.flag-se {
  background-position: 0 77.68595%;
}
.flag-sg {
  background-position: 0 78.099174%;
}
.flag-sh {
  background-position: 0 78.512397%;
}
.flag-si {
  background-position: 0 78.92562%;
}
.flag-sj {
  background-position: 0 79.338843%;
}
.flag-sk {
  background-position: 0 79.752066%;
}
.flag-sl {
  background-position: 0 80.165289%;
}
.flag-sm {
  background-position: 0 80.578512%;
}
.flag-sn {
  background-position: 0 80.991736%;
}
.flag-so {
  background-position: 0 81.404959%;
}
.flag-sr {
  background-position: 0 81.818182%;
}
.flag-ss {
  background-position: 0 82.231405%;
}
.flag-st {
  background-position: 0 82.644628%;
}
.flag-sv {
  background-position: 0 83.057851%;
}
.flag-sy {
  background-position: 0 83.471074%;
}
.flag-sz {
  background-position: 0 83.884298%;
}
.flag-tc {
  background-position: 0 84.297521%;
}
.flag-td {
  background-position: 0 84.710744%;
}
.flag-tf {
  background-position: 0 85.123967%;
}
.flag-tg {
  background-position: 0 85.53719%;
}
.flag-th {
  background-position: 0 85.950413%;
}
.flag-tj {
  background-position: 0 86.363636%;
}
.flag-tk {
  background-position: 0 86.77686%;
}
.flag-tl {
  background-position: 0 87.190083%;
}
.flag-tm {
  background-position: 0 87.603306%;
}
.flag-tn {
  background-position: 0 88.016529%;
}
.flag-to {
  background-position: 0 88.429752%;
}
.flag-tp {
  background-position: 0 88.842975%;
}
.flag-tr {
  background-position: 0 89.256198%;
}
.flag-tt {
  background-position: 0 89.669421%;
}
.flag-tv {
  background-position: 0 90.082645%;
}
.flag-tw {
  background-position: 0 90.495868%;
}
.flag-ty {
  background-position: 0 90.909091%;
}
.flag-tz {
  background-position: 0 91.322314%;
}
.flag-ua {
  background-position: 0 91.735537%;
}
.flag-ug {
  background-position: 0 92.14876%;
}
.flag-gb,
.flag-uk {
  background-position: 0 92.561983%;
}
.flag-um {
  background-position: 0 92.975207%;
}
.flag-us {
  background-position: 0 93.38843%;
}
.flag-uy {
  background-position: 0 93.801653%;
}
.flag-uz {
  background-position: 0 94.214876%;
}
.flag-va {
  background-position: 0 94.628099%;
}
.flag-vc {
  background-position: 0 95.041322%;
}
.flag-ve {
  background-position: 0 95.454545%;
}
.flag-vg {
  background-position: 0 95.867769%;
}
.flag-vi {
  background-position: 0 96.280992%;
}
.flag-vn {
  background-position: 0 96.694215%;
}
.flag-vu {
  background-position: 0 97.107438%;
}
.flag-wf {
  background-position: 0 97.520661%;
}
.flag-ws {
  background-position: 0 97.933884%;
}
.flag-ye {
  background-position: 0 98.347107%;
}
.flag-za {
  background-position: 0 98.760331%;
}
.flag-zm {
  background-position: 0 99.173554%;
}
.flag-zr {
  background-position: 0 99.586777%;
}
.flag-zw {
  background-position: 0 100%;
}
/* Element Chalk Variables */
/**
 * WisePPC Design Tokens
 * Source of truth: docs/ui-components/design-colors.md
 *
 * Naming convention:
 *   --wp-<category>-<name>
 *
 * DO NOT use primitive tokens directly in components.
 * Always prefer semantic tokens (surface, text, border, icon, state, button, tag).
 */
:root {
  --wp-brand-10: #faf9fe;
  --wp-brand-20: #edeafb;
  --wp-brand-30: #dad5f7;
  --wp-brand-40: #a495ec;
  --wp-brand-50: #6d56e0;
  --wp-brand-60: #482bd9;
  --wp-brand-70: #2f12bf;
  --wp-gray-20: #f6f5f8;
  --wp-gray-30: #e8e8ec;
  --wp-gray-40: #a19db2;
  --wp-gray-50: #6e6b7d;
  --wp-gray-60: #585567;
  --wp-gray-70: #2f2c40;
  --wp-gray-80: #1b1928;
  --wp-gray-90: #151324;
  --wp-black: #141414;
  --wp-white: #ffffff;
  --wp-green: #01a708;
  --wp-red: #ff3f3f;
  --wp-orange: #f8961e;
  --wp-blue: #0276e0;
  --wp-green-hover: #b1dfbc;
  --wp-red-bg: #ffdada;
  --wp-red-dark: #521212;
  --wp-green-light: #ddffde;
  --wp-green-dark: #003d03;
  --wp-font-fallbacks:
    system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial,
    'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans', 'Yu Gothic', 'Meiryo', 'Malgun Gothic',
    'Noto Sans', 'Noto Sans SC', 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Noto Sans Thai',
    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --wp-font-sans: 'Inter', var(--wp-font-fallbacks);
  --wp-font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Consolas, Menlo, monospace;
  --wp-font-display: 'Roboto Condensed', var(--wp-font-sans);
  --wp-font-clock: 'Digital-7', monospace;
}
@media (max-width: 1440px) {
  :root {
    --wp-font-sans: 'Roboto Condensed', var(--wp-font-fallbacks);
  }
}
:root {
  --wp-surface-default: #faf9fe;
  --wp-surface-secondary: #edeafb;
  --wp-surface-header: #edeafb;
  --wp-surface-tertiary: #faf9fe;
  --wp-surface-white: #ffffff;
  --wp-surface-white-bg: #ffffff;
  --wp-surface-card: #faf9fe;
  --wp-surface-bg-icon: #edeafb;
  --wp-surface-bulk-action: #1b1928;
  --wp-surface-switch: #edeafb;
  --wp-surface-switch-hover: #dad5f7;
  --wp-surface-hover: #edeafb;
  --wp-surface-switch-bg-icon: #ffffff;
  --wp-surface-switch-bg: #ffffff;
  --wp-surface-input: #edeafb;
  --wp-surface-tag: #edeafb;
  --wp-surface-tag-active: #dad5f7;
  --wp-surface-tag-hover-table: #edeafb;
  --wp-surface-table-header-hover: #edeafb;
  --wp-surface-table-hover: #faf9fe;
  --wp-surface-input-popover: #faf9fe;
  --wp-surface-input-accent: #edeafb;
  --wp-surface-selected-input: #edeafb;
  --wp-surface-white-to-dark: #ffffff;
  --wp-surface-popup: #ffffff;
  --wp-surface-popup-secondary: #ffffff;
  --wp-surface-error: #ffdada;
  --wp-surface-success: #ddffde;
  --wp-surface-danger: #ffdada;
  --wp-surface-warning: #fff1dc;
  --wp-surface-muted: #f6f5f8;
  --wp-surface-selected: #edeafb;
  --wp-surface-banner: #dad5f7;
  --wp-surface-badge-ma: rgba(47, 44, 64, 0.03);
  --wp-surface-green: rgba(1, 167, 8, 0.06);
  --wp-surface-red: rgba(255, 63, 63, 0.06);
  --wp-surface-orange: rgba(248, 150, 30, 0.06);
  --wp-surface-info: rgba(59, 130, 246, 0.10);
  --wp-surface-neutral: rgba(107, 114, 128, 0.12);
  --wp-surface-vendor: rgba(139, 92, 246, 0.12);
  --wp-text-primary: #141414;
  --wp-text-secondary: #5a40dc;
  --wp-text-tertiary: #5f5d6d;
  --wp-text-disabled: #a19db2;
  --wp-text-muted: #5f5d6d;
  --wp-text-accent: #482bd9;
  --wp-text-link: #482bd9;
  --wp-text-link-hover: #2f12bf;
  --wp-text-main-to-white: #482bd9;
  --wp-text-tag-hover: #482bd9;
  --wp-text-secondary-hover: #a19db2;
  --wp-text-white-to-main: #ffffff;
  --wp-text-ma: rgba(21, 19, 36, 0.4);
  --wp-text-success: #018106;
  --wp-text-warning: #aa6715;
  --wp-text-danger: #cd3333;
  --wp-text-info: #3574db;
  --wp-text-neutral: #6b7280;
  --wp-text-chip-warning: #955b12;
  --wp-text-chip-danger: #b12c2c;
  --wp-text-chip-info: #2a5db0;
  --wp-text-chip-neutral: var(--wp-text-muted);
  --wp-text-inbound-success: #017b06;
  --wp-text-vendor: #8659ed;
  --wp-grid-accent: #686578;
  --wp-border-primary: #e8e8ec;
  --wp-border-secondary: #f6f5f8;
  --wp-border-tertiary: #f6f5f8;
  --wp-border-light: #e8e8ec;
  --wp-border-subtle: #e8e8ec;
  --wp-border-table: #e8e8ec;
  --wp-border-button-active: #2f2c40;
  --wp-border-ma: rgba(47, 44, 64, 0.06);
  --wp-icon-primary: #6e6b7d;
  --wp-icon-secondary: #a495ec;
  --wp-icon-tertiary: #141414;
  --wp-icon-accent: #482bd9;
  --wp-icon-muted: #ffffff;
  --wp-icon-main-to-white: #482bd9;
  --wp-icon-black-to-white: #141414;
  --wp-icon-sort: #6e6b7d;
  --wp-state-main: #482bd9;
  --wp-state-hover: #6d56e0;
  --wp-state-hover-menu: #dad5f7;
  --wp-state-hover2: #edeafb;
  --wp-state-hover3: #edeafb;
  --wp-state-hover-bable-btn: #a495ec;
  --wp-state-hover-balk: #2f2c40;
  --wp-state-green-hover: #b1dfbc;
  --wp-state-focus: #a495ec;
  --wp-state-pressed: #2f12bf;
  --wp-state-pressed-balk: #585567;
  --wp-state-pressed-bg: #2f12bf;
  --wp-state-disabled: #dad5f7;
  --wp-state-disabled2: #dad5f7;
  --wp-state-blur: rgba(255, 255, 255, 0.7);
  --wp-state-blur2: rgba(250, 249, 254, 0.85);
  --wp-state-blur3: rgba(164, 149, 236, 0.3);
  --wp-state-hover-menu2: rgba(218, 213, 247, 0.3);
  --wp-btn-primary-bg: #482bd9;
  --wp-btn-primary-text: #482bd9;
  --wp-btn-secondary-bg: #edeafb;
  --wp-btn-header-hover: #faf9fe;
  --wp-btn-outline: #dad5f7;
  --wp-btn-active-bg: #2f2c40;
  --wp-btn-dark: #1b1928;
  --wp-btn-for-card: #edeafb;
  --wp-btn-header: #ffffff;
  --wp-btn-hover: #edeafb;
  --wp-btn-small: #6d56e0;
  --wp-btn-hover-table: #edeafb;
  --wp-btn-bulk-action: #585567;
  --wp-shadow-card: rgba(0, 0, 0, 0.12);
  --wp-tag-violet: rgba(109, 86, 224, 0.1);
  --wp-tag-blue: rgba(2, 118, 224, 0.06);
  --wp-tag-orange: rgba(248, 150, 30, 0.06);
  --wp-tag-green: rgba(1, 167, 8, 0.06);
  --wp-tag-red: rgba(255, 63, 63, 0.06);
  --wp-tag-violet-stroke: rgba(72, 43, 217, 0.16);
  --wp-tag-filter: #dad5f7;
  --wp-tag-grey: #e8e8ec;
  --wp-tag-green-hover: #01a708;
  --wp-tour-mask: rgba(0, 0, 0, 0.5);
  --wp-scrollbar-thumb: rgba(47, 44, 64, 0.25);
  --wp-scrollbar-thumb-hover: rgba(47, 44, 64, 0.45);
  --wp-scrollbar-track: transparent;
  --wp-constant-main: #482bd9;
  --wp-constant-white: #ffffff;
  --wp-constant-error: #dad5f7;
  --wp-constant-success: #01a708;
  --wp-constant-warning: #f8961e;
  --wp-constant-danger: #ff3f3f;
  --wp-constant-dark: #151324;
  --wp-constant-light-main: #dad5f7;
  --wp-constant-light-main2: #6d56e0;
}
:root {
  --wp-tooltip-max-width: 320px;
}
:root {
  --wp-metric-impressions: #b43900;
  --wp-metric-viewable-impressions: #ff9900;
  --wp-metric-spend: #04b704;
  --wp-metric-clicks: #5cf4ec;
  --wp-metric-sales: #ff1493;
  --wp-metric-sales-click: #ffb7dd;
  --wp-metric-orders: #4682b4;
  --wp-metric-orders-clicks: #add8e6;
  --wp-metric-units: #663399;
  --wp-metric-units-clicks: #ac90e7;
  --wp-metric-cpc: #ff00ff;
  --wp-metric-ctr: #00b2ff;
  --wp-metric-roas: #0000ff;
  --wp-metric-acos: #afddd2;
  --wp-metric-cacos: #71e700;
  --wp-metric-cpo: #9a005d;
  --wp-metric-aov: #e6e6fa;
  --wp-metric-rpc: #ffbba5;
  --wp-metric-isr: #a9a9a9;
  --wp-metric-ecpm: #ff5656;
  --wp-metric-cpu: #ffd500;
  --wp-metric-asp: #d08152;
  --wp-metric-vctr: #c091bc;
  --wp-metric-cpm: #875300;
  --wp-metric-vtr: #3e82ff;
  --wp-metric-cvr: #016975;
  --wp-metric-vcpm: #c4df6c;
  --wp-metric-ccvr: #00b5b5;
  --wp-metric-count: #912323;
  --wp-chart-green: #22c55e;
  --wp-chart-amber: #f59e0b;
  --wp-chart-rose: #f43f5e;
  --wp-chart-sky: #38bdf8;
  --wp-chart-cyan: #06b6d4;
  --wp-chart-violet: #a78bfa;
  --wp-avail-low: var(--wp-chart-amber);
  --wp-avail-leadtime: #f97316;
  --wp-avail-preorder: #a855f7;
  --wp-avail-later: #94a3b8;
  --wp-avail-out: #ef4444;
  --wp-chart-channel-seller: var(--wp-chart-amber);
  --wp-chart-channel-ebay: var(--wp-chart-sky);
  --wp-chart-channel-shopify: var(--wp-chart-green);
  --wp-chart-channel-walmart: var(--wp-chart-cyan);
  --wp-chart-other: var(--wp-text-neutral);
}
:root.dark-theme,
html.dark {
  --wp-surface-default: #151324;
  --wp-surface-secondary: #2f2c40;
  --wp-surface-header: #1b1928;
  --wp-surface-tertiary: #2f2c40;
  --wp-surface-white: #1b1928;
  --wp-surface-white-bg: #151324;
  --wp-surface-card: #1b1928;
  --wp-surface-bg-icon: #151324;
  --wp-surface-bulk-action: #585567;
  --wp-surface-switch: #151324;
  --wp-surface-switch-hover: #151324;
  --wp-surface-hover: #2f2c40;
  --wp-surface-switch-bg-icon: #1b1928;
  --wp-surface-switch-bg: #2f2c40;
  --wp-surface-input: #585567;
  --wp-surface-tag: #2f2c40;
  --wp-surface-tag-active: #6d56e0;
  --wp-surface-tag-hover-table: #2f2c40;
  --wp-surface-table-header-hover: #585567;
  --wp-surface-table-hover: rgba(72, 43, 217, 0.1);
  --wp-surface-input-popover: #585567;
  --wp-surface-input-accent: #6e6b7d;
  --wp-surface-selected-input: #585567;
  --wp-surface-white-to-dark: #151324;
  --wp-surface-popup: #1b1928;
  --wp-surface-popup-secondary: #2f2c40;
  --wp-surface-error: #521212;
  --wp-surface-success: #003d03;
  --wp-surface-danger: #521212;
  --wp-surface-warning: #3d2a08;
  --wp-surface-muted: #2f2c40;
  --wp-surface-selected: #2f2c40;
  --wp-surface-banner: #1b1928;
  --wp-surface-badge-ma: rgba(47, 44, 64, 0.3);
  --wp-surface-green: rgba(1, 167, 8, 0.06);
  --wp-surface-red: rgba(255, 63, 63, 0.06);
  --wp-surface-orange: rgba(248, 150, 30, 0.06);
  --wp-surface-info: rgba(59, 130, 246, 0.14);
  --wp-surface-neutral: rgba(156, 163, 175, 0.16);
  --wp-surface-vendor: rgba(184, 163, 247, 0.16);
  --wp-text-primary: #ffffff;
  --wp-text-secondary: #a19db2;
  --wp-text-tertiary: #dad5f7;
  --wp-text-disabled: #585567;
  --wp-text-muted: #a19db2;
  --wp-text-accent: #a495ec;
  --wp-text-link: #dad5f7;
  --wp-text-link-hover: #ffffff;
  --wp-text-main-to-white: #ffffff;
  --wp-text-tag-hover: #2f2c40;
  --wp-text-secondary-hover: #ffffff;
  --wp-text-white-to-main: #482bd9;
  --wp-text-ma: rgba(255, 255, 255, 0.45);
  --wp-text-success: #7bd986;
  --wp-text-warning: #ffb155;
  --wp-text-danger: #ff7474;
  --wp-text-info: #7badf7;
  --wp-text-neutral: #9ca3af;
  --wp-text-chip-warning: var(--wp-text-warning);
  --wp-text-chip-danger: var(--wp-text-danger);
  --wp-text-chip-info: var(--wp-text-info);
  --wp-text-chip-neutral: #b4b0c4;
  --wp-text-inbound-success: var(--wp-text-success);
  --wp-text-vendor: #b8a3f7;
  --wp-grid-accent: #686578;
  --wp-border-primary: #2f2c40;
  --wp-border-secondary: #1b1928;
  --wp-border-tertiary: #2f2c40;
  --wp-border-light: #585567;
  --wp-border-subtle: #2f2c40;
  --wp-border-table: #1b1928;
  --wp-border-button-active: #6e6b7d;
  --wp-border-ma: rgba(47, 44, 64, 0.3);
  --wp-icon-primary: #ffffff;
  --wp-icon-secondary: #482bd9;
  --wp-icon-tertiary: #a495ec;
  --wp-icon-accent: #a495ec;
  --wp-icon-muted: #151324;
  --wp-icon-main-to-white: #ffffff;
  --wp-icon-black-to-white: #ffffff;
  --wp-icon-sort: #a19db2;
  --wp-state-main: #6d56e0;
  --wp-state-hover: #a495ec;
  --wp-state-hover-menu: #2f2c40;
  --wp-state-hover2: #2f2c40;
  --wp-state-hover3: #585567;
  --wp-state-hover-bable-btn: #1b1928;
  --wp-state-hover-balk: #6e6b7d;
  --wp-state-green-hover: #b1dfbc;
  --wp-state-focus: #a495ec;
  --wp-state-pressed: #dad5f7;
  --wp-state-pressed-balk: #a495ec;
  --wp-state-pressed-bg: #482bd9;
  --wp-state-disabled: #585567;
  --wp-state-disabled2: #2f2c40;
  --wp-state-blur: rgba(27, 25, 40, 0.7);
  --wp-state-blur2: rgba(21, 19, 36, 0.85);
  --wp-state-blur3: rgba(47, 44, 64, 0.4);
  --wp-state-hover-menu2: rgba(47, 44, 64, 0.4);
  --wp-btn-primary-bg: #482bd9;
  --wp-btn-primary-text: #ffffff;
  --wp-btn-secondary-bg: #2f2c40;
  --wp-btn-header-hover: #151324;
  --wp-btn-outline: #2f12bf;
  --wp-btn-active-bg: #dad5f7;
  --wp-btn-dark: #edeafb;
  --wp-btn-for-card: #585567;
  --wp-btn-header: #2f2c40;
  --wp-btn-hover: #1b1928;
  --wp-btn-small: #dad5f7;
  --wp-btn-hover-table: #2f2c40;
  --wp-btn-bulk-action: #a19db2;
  --wp-shadow-card: rgba(109, 86, 224, 0.22);
  --wp-tag-violet: rgba(109, 86, 224, 0.1);
  --wp-tag-blue: rgba(2, 118, 224, 0.06);
  --wp-tag-orange: rgba(248, 150, 30, 0.06);
  --wp-tag-green: rgba(1, 167, 8, 0.06);
  --wp-tag-red: rgba(255, 63, 63, 0.06);
  --wp-tag-violet-stroke: #2f2c40;
  --wp-tag-filter: #2f2c40;
  --wp-tag-grey: rgba(232, 232, 236, 0.06);
  --wp-tag-green-hover: #b1dfbc;
  --wp-tour-mask: rgba(255, 255, 255, 0.5);
  --wp-scrollbar-thumb: rgba(218, 213, 247, 0.22);
  --wp-scrollbar-thumb-hover: rgba(218, 213, 247, 0.42);
  --wp-scrollbar-track: transparent;
  --wp-constant-error: #151324;
  --wp-constant-light-main: #a495ec;
}
@media (min-width: 769px) and (max-width: 1440px) {
  :root {
    --wp-density-gap: 8px;
    --wp-density-padding: 12px;
    --wp-density-control-height: 30px;
    --wp-density-header-height: 52px;
    --wp-density-nav-width: 248px;
    --wp-density-rail-width: 48px;
    --wp-density-metric-width: 200px;
    --wp-density-chart-height: clamp(300px, 45vh, 450px);
  }
}
@media (min-width: 769px) {
  .layout-wrapper.layout-nav-type-vertical .layout-default-header {
    gap: 8px;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-default-header .breadcrumb {
    flex: 1 1 120px;
    min-width: 0;
    flex-wrap: nowrap;
    overflow: hidden;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-default-header .breadcrumb-current-link {
    min-width: 0;
    white-space: nowrap;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-default-header .breadcrumb-current-label {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-default-header .breadcrumb-before-link {
    white-space: nowrap;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-default-header .marketplace-clock {
    flex-shrink: 0;
    white-space: nowrap;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-default-header .header-menu {
    flex: 0 1 auto;
    min-width: 0;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-default-header .header-user-name {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (min-width: 769px) and (max-width: 1440px) {
  .layout-wrapper.layout-nav-type-vertical .layout-default-header {
    min-height: var(--wp-density-header-height);
    padding: 6px 16px;
    gap: var(--wp-density-gap);
    flex-wrap: nowrap;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-default-header .breadcrumb {
    flex: 1 1 120px;
    min-width: 0;
    margin-left: 0;
    flex-wrap: nowrap;
    overflow: hidden;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-default-header .breadcrumb-current-link {
    min-width: 0;
    white-space: nowrap;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-default-header .breadcrumb-current-label {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-default-header .breadcrumb-before-link {
    white-space: nowrap;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-default-header .header-menu {
    flex: 0 1 auto;
    min-width: 0;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-default-header .header-options {
    gap: var(--wp-density-gap);
  }
  .layout-wrapper.layout-nav-type-vertical .layout-default-header .header-user-wrap {
    padding: 2px 4px;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-default-header .header-user-name {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-default-header .marketplace-clock {
    flex: 0 1 auto;
    min-width: 0;
    gap: 4px;
    white-space: nowrap;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-default-header .marketplace-clock__time {
    flex-shrink: 0;
    font-size: 20px;
    padding: 2px 6px;
  }
  .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav) .layout-content-wrapper {
    padding-inline-start: var(--wp-density-nav-width);
  }
  .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav) .layout-default-header .navigation-link {
    inline-size: calc(var(--wp-density-nav-width) - 24px);
  }
  .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav) .layout-vertical-nav {
    inline-size: var(--wp-density-nav-width);
  }
  .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-content-wrapper {
    padding-inline-start: var(--wp-density-rail-width);
  }
  .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-default-header .navigation-link {
    inline-size: calc(var(--wp-density-rail-width) - 24px);
  }
  .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-vertical-nav:not(.hovered), .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-vertical-nav.hide {
    inline-size: var(--wp-density-rail-width);
  }
  .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-vertical-nav:not(.hovered) .nav-link > a, .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-vertical-nav:not(.hovered) .nav-group > .nav-group-label, .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-vertical-nav.hide .nav-link > a, .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-vertical-nav.hide .nav-group > .nav-group-label {
    margin-inline: 4px;
    padding-inline: 0 !important;
    justify-content: center;
    min-block-size: 36px;
  }
  .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-vertical-nav:not(.hovered) .nav-item-icon, .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-vertical-nav.hide .nav-item-icon {
    margin-inline: 0;
    flex-shrink: 0;
  }
  .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-vertical-nav:not(.hovered) .nav-header, .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-vertical-nav.hide .nav-header {
    padding-inline: 4px;
    inline-size: 100%;
    margin-inline: 0;
  }
  .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-vertical-nav:not(.hovered) .nav-header .app-logo, .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-vertical-nav.hide .nav-header .app-logo {
    display: none !important;
  }
  .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-vertical-nav:not(.hovered) .nav-header .nav-collapse-toggle, .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-vertical-nav.hide .nav-header .nav-collapse-toggle {
    margin: 0;
    width: 40px;
  }
  .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-vertical-nav:not(.hovered) .nav-collapse-toggle .nav-collapse-logo, .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-vertical-nav.hide .nav-collapse-toggle .nav-collapse-logo {
    display: block;
    width: 36px;
    height: auto;
  }
  .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-vertical-nav:not(.hovered) .nav-collapse-toggle .nav-collapse-symbol, .layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav).layout-vertical-nav-collapsed .layout-vertical-nav.hide .nav-collapse-toggle .nav-collapse-symbol {
    display: none;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-vertical-nav .nav-header {
    min-block-size: var(--wp-density-header-height);
    padding: 6px 8px;
    align-items: center;
    gap: 4px;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-vertical-nav .nav-header .nav-collapse-toggle {
    width: 36px;
    height: 36px;
    margin-inline-end: 0;
    border-radius: 6px;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-vertical-nav .nav-header .app-logo {
    min-width: 0;
    flex-shrink: 1;
    overflow: hidden;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-vertical-nav .nav-header .app-logo .logo {
    width: 100%;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-vertical-nav .nav-header .app-logo .desktop-logo {
    width: 100%;
    height: auto;
    max-height: 32px;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-vertical-nav .vertical-nav-items-shadow {
    inset-block-start: calc(var(--wp-density-header-height) - 2px);
  }
  .layout-wrapper.layout-nav-type-vertical .layout-vertical-nav .nav-link > a, .layout-wrapper.layout-nav-type-vertical .layout-vertical-nav .nav-group > .nav-group-label {
    block-size: 30px;
    margin-inline: 2px 8px;
  }
  .layout-wrapper.layout-nav-type-vertical .layout-vertical-nav .nav-group {
    padding-block: 2px;
    margin-block-end: 2px;
  }
  .layout-wrapper.layout-nav-type-vertical .el-button:not(.is-circle):not(.el-button--small):not(.el-button--large) {
    --el-button-size: var(--wp-density-control-height);
    padding-inline: var(--wp-density-padding);
  }
  .layout-wrapper.layout-nav-type-vertical .el-input, .layout-wrapper.layout-nav-type-vertical .el-select {
    --el-component-size: var(--wp-density-control-height);
  }
  .layout-wrapper.layout-nav-type-vertical .performance-dashboard .v-card {
    padding: 0;
  }
  .layout-wrapper.layout-nav-type-vertical .performance-dashboard .dashboard-toolbar {
    padding: var(--wp-density-padding);
    margin-bottom: var(--wp-density-padding);
  }
  .layout-wrapper.layout-nav-type-vertical .performance-dashboard .text-h4 {
    font-size: 22px !important;
  }
  .layout-wrapper.layout-nav-type-vertical .performance-dashboard .mb-6 {
    margin-bottom: 16px !important;
  }
  .layout-wrapper.layout-nav-type-vertical .performance-dashboard .kpi-content {
    padding: 10px 16px !important;
  }
  .layout-wrapper.layout-nav-type-vertical .page-global-filters-row {
    padding-top: 4px;
  }
  .layout-wrapper.layout-nav-type-vertical .v-col.page-global-filters-wrap {
    margin-bottom: 8px;
  }
  .layout-wrapper.layout-nav-type-vertical .page-global-filters, .layout-wrapper.layout-nav-type-vertical .page-global-filters-prepend, .layout-wrapper.layout-nav-type-vertical .page-global-filters-append {
    gap: var(--wp-density-gap);
  }
  .layout-wrapper.layout-nav-type-vertical .page-global-filter-multiselect {
    width: 220px;
  }
  .layout-wrapper.layout-nav-type-vertical .dataset-configurations-panel > .panel-header {
    padding: 6px var(--wp-density-padding);
  }
  .layout-wrapper.layout-nav-type-vertical .metrics-by-date-panel > .panel-header {
    min-height: 44px;
    padding-inline: var(--wp-density-padding);
  }
  .layout-wrapper.layout-nav-type-vertical .metrics-by-date-panel > .panel-content {
    height: var(--wp-density-chart-height);
  }
  .layout-wrapper.layout-nav-type-vertical .metrics-by-date-panel .chart-size-toggle {
    display: inline-flex;
  }
  .layout-wrapper.layout-nav-type-vertical .metrics-by-date-panel.chart-expanded > .panel-content {
    height: max(450px, 65vh);
  }
  .layout-wrapper.layout-nav-type-vertical .metrics-by-date-panel .chart-metrics-dnd .smooth-dnd-draggable-wrapper {
    flex-basis: var(--wp-density-metric-width);
    min-width: var(--wp-density-metric-width);
  }
  .layout-wrapper.layout-nav-type-vertical .metrics-by-date-panel .chart-metric {
    padding: 8px 6px 6px;
  }
  .layout-wrapper.layout-nav-type-vertical .metrics-by-date-panel .chart-metric-header {
    gap: 6px;
  }
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: var(--wp-scrollbar-track);
}
::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 10px;
  background-color: var(--wp-scrollbar-thumb);
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active {
  background-color: var(--wp-scrollbar-thumb-hover);
}
::-webkit-scrollbar-track {
  background: var(--wp-scrollbar-track);
}
::-webkit-scrollbar-corner {
  background: var(--wp-scrollbar-track);
}
@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--wp-scrollbar-thumb) var(--wp-scrollbar-track);
  }
}
.el-scrollbar__thumb {
  opacity: 1;
  background-color: var(--wp-scrollbar-thumb);
}
.el-scrollbar__thumb:hover {
  opacity: 1;
  background-color: var(--wp-scrollbar-thumb-hover);
}
.ps__thumb-x,
.ps__thumb-y {
  background-color: var(--wp-scrollbar-thumb) !important;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: var(--wp-scrollbar-thumb-hover) !important;
}
:root {
  --white-accent: #858e98;
  --white-orange: #edba17;
  --white-red: #f34b5e;
  --white-green: #22cb81;
  --white-yellow: #feff5d;
  --white-purple: #8e26f5;
  --white-black: #0a0a0a;
  --white-white: #fff;
  --white-bg: #fff;
  --white-bgcta-card: #fff;
  --white-borders: #eef0f2;
  --white-default-text-field: #f0f1f2;
  --white-primary-text: #141414;
  --white-secondary-text: #9693a3;
  --white-tertiary-text: #a19db2;
  --white-graph-line: #f6f6f7;
  --white-alert-bg: #fdf6d8;
  --white-tab-accent: #c6950c;
  --white-active-tab-bg: #fdf6d8;
  --white-blue: #007aff;
  --white-chips-accent: #edba17;
  --white-chips-bg: #fdf6d8;
  --white-navbar: #f8f8f8;
  --white-overlay: rgba(255, 255, 255, 0.5);
  --white-header-background: #edeafb;
  --white-input-background: #f6f5f8;
  --white-text-main-color: #482bd9;
  --white-icon-primary: #a19db2;
  --white-icon-accent: #a495ec;
  --white-popover-shadow: 0px 10px 24.3px 0px rgba(0, 0, 0, 0.25);
  --dark-accent: #858e98;
  --dark-orange: #edba17;
  --dark-red: #f34b5e;
  --dark-green: #22cb81;
  --dark-yellow: #feff5d;
  --dark-purple: #8e26f5;
  --dark-black: #0a0a0a;
  --dark-white: #fff;
  --dark-bg: #161a1e;
  --dark-bgcta-card: #1e2026;
  --dark-borders: #252930;
  --dark-default-text-field: #2a2d35;
  --dark-primary-text: #fff;
  --dark-secondary-text: #e3e5e7;
  --dark-tertiary-text: #858e98;
  --dark-graph-line: #1f2328;
  --dark-alert-bg: #3b2602;
  --dark-tab-accent: #edba17;
  --dark-active-tab-bg: #3b2602;
  --dark-blue: #007aff;
  --dark-chips-accent: #edba17;
  --dark-chips-bg: #3b2602;
  --dark-navbar: #1d1d1d;
  --dark-overlay: rgba(0, 0, 0, 0.5);
  --dark-header-background: #1e2026;
  --dark-input-background: #1e2026;
  --dark-text-main-color: #a495ec;
  --dark-icon-primary: #ffffff;
  --white-icon-accent: #482bd9;
  --dark-popover-shadow: 0px 10px 24.3px 0px rgba(0, 0, 0, 0.55);
}
:root {
  --transition-fast: 0.3s;
  --transition-middle: 0.5s;
  --transition-slow: 0.5s;
  --gap-small: 16px;
  --gap: 40px;
  --accent: var(--white-accent);
  --orange: var(--white-orange);
  --red: var(--white-red);
  --green: var(--white-green);
  --yellow: var(--white-yellow);
  --purple: var(--white-purple);
  --black: var(--white-black);
  --white: var(--white-white);
  --bg: var(--white-bg);
  --bgcta-card: var(--white-bgcta-card);
  --borders: var(--white-borders);
  --default-text-field: var(--white-default-text-field);
  --primary-text: var(--white-primary-text);
  --secondary-text: var(--white-secondary-text);
  --tertiary-text: var(--white-tertiary-text);
  --graph-line: var(--white-graph-line);
  --alert-bg: var(--white-alert-bg);
  --tab-accent: var(--white-tab-accent);
  --active-tab-bg: var(--white-active-tab-bg);
  --blue: var(--white-blue);
  --chips-accent: var(--white-chips-accent);
  --chips-bg: var(--white-chips-bg);
  --navbar: var(--white-navbar);
  --overlay: var(--white-overlay);
  --sub-bg: var(--white-white);
  --header-bg: var(--white-header-background);
  --input-bg: var(--white-input-background);
  --text-main-color: var(--white-text-main-color);
  --icon-primary: var(--white-icon-primary);
  --icon-accent: var(--white-icon-accent);
  --popover-shadow: var(--white-popover-shadow);
}
:root.dark-theme {
  --accent: var(--dark-accent);
  --orange: var(--dark-orange);
  --red: var(--dark-red);
  --green: var(--dark-green);
  --yellow: var(--dark-yellow);
  --purple: var(--dark-purple);
  --black: var(--dark-black);
  --white: var(--dark-white);
  --bg: var(--dark-bg);
  --bgcta-card: var(--dark-bgcta-card);
  --borders: var(--dark-borders);
  --default-text-field: var(--dark-default-text-field);
  --primary-text: var(--dark-primary-text);
  --secondary-text: var(--dark-secondary-text);
  --tertiary-text: var(--dark-tertiary-text);
  --graph-line: var(--dark-graph-line);
  --alert-bg: var(--dark-alert-bg);
  --tab-accent: var(--dark-tab-accent);
  --active-tab-bg: var(--dark-active-tab-bg);
  --blue: var(--dark-blue);
  --chips-accent: var(--dark-chips-accent);
  --chips-bg: var(--dark-chips-bg);
  --navbar: var(--dark-navbar);
  --overlay: var(--dark-overlay);
  --sub-bg: var(--dark-default-text-field);
  --header-bg: var(--dark-header-background);
  --input-bg: var(--dark-input-background);
  --text-main-color: var(--dark-text-main-color);
  --icon-primary: var(--dark-icon-primary);
  --icon-accent: var(--dark-icon-accent);
  --popover-shadow: var(--dark-popover-shadow);
}
:root {
  --primary-text: var(--wp-text-primary);
  --secondary-text: var(--wp-text-tertiary);
  --tertiary-text: var(--wp-text-tertiary);
  --borders: var(--wp-border-primary);
  --bg: var(--wp-surface-default);
  --bgcta-card: var(--wp-surface-card);
  --default-text-field: var(--wp-surface-secondary);
  --header-bg: var(--wp-surface-secondary);
  --input-bg: var(--wp-surface-secondary);
  --sub-bg: var(--wp-surface-white);
  --text-main-color: var(--wp-state-main);
  --icon-primary: var(--wp-icon-primary);
  --icon-accent: var(--wp-icon-accent);
  --popover-shadow: var(--white-popover-shadow);
  --v-secondary-text-color: var(--wp-text-tertiary);
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  font-weight: normal;
}
html,
body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#app {
  display: flex;
  flex-direction: column;
  height: 100%;
}
main {
  flex: 1;
}
footer {
  flex-shrink: 0;
}
body {
  background: var(--bg);
  font-family: var(--wp-font-sans);
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "slnt" 0;
  transition: color var(--transition-middle), background-color var(--transition-middle);
  font-size: 14px;
  line-height: 1.45;
  color: var(--primary-text);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1 {
  font-size: 36px;
  line-height: 44px;
}
h2 {
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 44px;
}
h3 {
  font-size: 20px;
  line-height: 28px;
}
button {
  background: transparent;
  cursor: pointer;
  box-shadow: none;
  outline: none;
}
button:focus {
  outline: none;
}
@font-face {
  font-family: "Digital-7";
  src: url("/fonts/digital-7.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
button:disabled {
  pointer-events: none !important;
}
.accent-button {
  transition: var(--transition-fast);
  border: unset;
  background-color: var(--accent);
  font-family: inherit;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: var(--white);
}
.accent-button:hover {
  background: color-mix(in srgb, var(--accent) 80%, transparent);
}
.accent-button:active {
  background: color-mix(in srgb, var(--accent) 60%, transparent);
}
.accent-button:disabled {
  background: color-mix(in srgb, var(--accent) 40%, transparent);
}
.soft-button {
  transition: var(--transition-fast);
  border: unset;
  background-color: var(--wp-btn-secondary-bg);
  font-family: inherit;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: var(--wp-text-accent);
}
.soft-button:hover {
  background-color: color-mix(in srgb, var(--wp-text-accent) 12%, var(--wp-btn-secondary-bg));
}
.soft-button:active {
  background-color: color-mix(in srgb, var(--wp-text-accent) 20%, var(--wp-btn-secondary-bg));
}
.soft-button:disabled {
  background-color: var(--wp-surface-secondary);
  color: var(--wp-text-disabled);
}
.secondary-button {
  transition: var(--transition-fast);
  border: unset;
  background-color: var(--wp-surface-white);
  color: var(--wp-text-primary);
  line-height: initial;
}
.secondary-button:hover {
  background-color: var(--wp-border-primary);
}
.secondary-button:active {
  background-color: var(--wp-surface-card);
}
.secondary-button:disabled {
  background-color: var(--wp-surface-secondary);
  color: var(--wp-text-tertiary);
}
.close-button {
  transition: var(--transition-fast);
  border: unset;
  background-color: var(--red);
  color: var(--wp-text-primary);
  line-height: initial;
}
.close-button:hover {
  background: color-mix(in srgb, var(--red) 80%, transparent);
}
.close-button:active {
  background: color-mix(in srgb, var(--red) 60%, transparent);
}
.close-button:disabled {
  background: color-mix(in srgb, var(--red) 40%, transparent);
}
.btn.up {
  background-color: var(--green);
}
.btn.up:hover {
  background-color: color-mix(in srgb, var(--green) 80%, transparent);
}
.btn.up:focus {
  background-color: color-mix(in srgb, var(--green) 60%, transparent);
}
.btn.up:active {
  background-color: var(--green, #22cb81);
}
.btn.up:disabled {
  background: color-mix(in srgb, var(--accent) 40%, transparent);
}
.btn.down {
  background-color: var(--red);
}
.btn.down:hover {
  background-color: color-mix(in srgb, var(--red) 80%, transparent);
}
.btn.down:focus {
  background-color: color-mix(in srgb, var(--red) 60%, transparent);
}
.btn.down:active {
  background-color: var(--red);
}
.btn.down:disabled {
  background: color-mix(in srgb, var(--red) 40%, transparent);
}
.main-input {
  border: 1px solid var(--wp-surface-card);
  border-radius: 4px;
  outline: none;
  width: 100%;
  max-height: 42px;
  padding: 8px 12px 8px 12px;
  background-color: var(--wp-surface-secondary);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: var(--wp-text-primary);
  transition: var(--transition-fast) ease;
}
.main-input:focus {
  border-color: var(--accent);
  outline: none;
}
.main-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px var(--wp-surface-card) inset;
  -webkit-text-fill-color: var(--wp-text-primary);
}
:root {
  --el-color-white: #ffffff;
  --el-color-black: #000000;
  --el-color-primary-rgb: 72, 43, 217;
  --el-color-success-rgb: 1, 167, 8;
  --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: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, 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: 8px;
  --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: 24px;
}
:root {
  color-scheme: light;
  --el-color-primary: #482bd9;
  --el-color-primary-light-3: rgb(127, 107, 228);
  --el-color-primary-light-5: rgb(164, 149, 236);
  --el-color-primary-light-7: rgb(200, 191, 244);
  --el-color-primary-light-8: rgb(218, 213, 247);
  --el-color-primary-light-9: rgb(237, 234, 251);
  --el-color-primary-dark-2: rgb(58, 34, 174);
  --el-color-success: #01A708;
  --el-color-success-light-3: rgb(77, 193, 82);
  --el-color-success-light-5: rgb(128, 211, 132);
  --el-color-success-light-7: rgb(179, 229, 181);
  --el-color-success-light-8: rgb(204, 237, 206);
  --el-color-success-light-9: rgb(230, 246, 230);
  --el-color-success-dark-2: rgb(1, 134, 6);
  --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: #ffffff;
  --el-bg-color-page: #f2f3f5;
  --el-bg-color-overlay: #ffffff;
  --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: #e8e8ec;
  --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);
}
html.dark {
  --el-input-text-color: #ffffff;
}
html.dark .el-button {
  --el-button-bg-color: transparent;
  --el-button-border-color: #2f2c40;
  --el-button-text-color: #ffffff;
  --el-button-hover-text-color: #ffffff;
  --el-button-hover-border-color: #a495ec;
}
html.dark .el-button--primary {
  --el-button-bg-color: #482bd9;
}
html.dark .el-input__inner, html.dark .el-textarea__inner {
  --el-input-text-color: #ffffff;
}
html.dark .el-select {
  --el-border-color-hover: #a495ec;
}
html.dark .el-select.filled {
  --el-fill-color-blank: #2f2c40;
}
html.dark .el-select .el-select__wrapper.is-focused {
  --el-color-primary: #dad5f7;
}
html.dark .el-select .el-select-dropdown__item {
  color: #fff;
}
html.dark .el-select-dropdown .el-select-dropdown__item {
  color: #fff;
}
html.dark .el-select-dropdown .el-select-dropdown__item.is-selected {
  background-color: #585567;
}
html.dark .el-select-dropdown .el-select-dropdown__item.is-hovering {
  --el-fill-color-light: #2f2c40;
}
html.dark .el-tag.el-tag--primary {
  --el-tag-bg-color: #2f2c40;
  --el-tag-text-color: #fff ;
}
html.dark .el-message-box {
  --el-messagebox-content-color: #E5EAF3;
}
html.dark .el-segmented {
  --el-segmented-bg-color: #2f2c40;
  --el-segmented-item-hover-bg-color: #444156;
  --el-segmented-item-active-bg-color: #585567;
}
html.dark {
  color-scheme: dark;
  --el-color-primary: #482bd9;
  --el-color-primary-light-3: rgb(56, 36, 158);
  --el-color-primary-light-5: rgb(46, 32, 119);
  --el-color-primary-light-7: rgb(36, 27, 79);
  --el-color-primary-light-8: rgb(30, 25, 59);
  --el-color-primary-light-9: rgb(25, 22, 40);
  --el-color-primary-dark-2: rgb(109, 85, 225);
  --el-color-success: #01A708;
  --el-color-success-light-3: rgb(7, 123, 12);
  --el-color-success-light-5: rgb(11, 94, 14);
  --el-color-success-light-7: rgb(14, 64, 16);
  --el-color-success-light-8: rgb(16, 49, 18);
  --el-color-success-light-9: rgb(18, 35, 19);
  --el-color-success-dark-2: rgb(52, 185, 57);
  --el-color-warning: #e6a23c;
  --el-color-warning-light-3: rgb(167, 119, 48);
  --el-color-warning-light-5: rgb(125, 91, 40);
  --el-color-warning-light-7: rgb(83, 63, 32);
  --el-color-warning-light-8: rgb(62, 48, 28);
  --el-color-warning-light-9: rgb(41, 34, 24);
  --el-color-warning-dark-2: rgb(235, 181, 99);
  --el-color-danger: #f56c6c;
  --el-color-danger-light-3: rgb(178, 82, 82);
  --el-color-danger-light-5: rgb(133, 64, 64);
  --el-color-danger-light-7: rgb(88, 46, 46);
  --el-color-danger-light-8: rgb(65, 38, 38);
  --el-color-danger-light-9: rgb(42, 29, 29);
  --el-color-danger-dark-2: rgb(247, 137, 137);
  --el-color-error: #f56c6c;
  --el-color-error-light-3: rgb(178, 82, 82);
  --el-color-error-light-5: rgb(133, 64, 64);
  --el-color-error-light-7: rgb(88, 46, 46);
  --el-color-error-light-8: rgb(65, 38, 38);
  --el-color-error-light-9: rgb(42, 29, 29);
  --el-color-error-dark-2: rgb(247, 137, 137);
  --el-color-info: #909399;
  --el-color-info-light-3: rgb(107, 109, 113);
  --el-color-info-light-5: rgb(82, 84, 87);
  --el-color-info-light-7: rgb(57, 58, 60);
  --el-color-info-light-8: rgb(45, 45, 47);
  --el-color-info-light-9: rgb(32, 33, 33);
  --el-color-info-dark-2: rgb(166, 169, 173);
  --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.36), 0px 8px 20px rgba(0, 0, 0, 0.72);
  --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.72);
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.72);
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;
  --el-bg-color-page: #0a0a0a;
  --el-bg-color: #141414;
  --el-bg-color-overlay: #1b1928;
  --el-text-color-primary: #FFFFFF;
  --el-text-color-regular: #CFD3DC;
  --el-text-color-secondary: #A3A6AD;
  --el-text-color-placeholder: #8D9095;
  --el-text-color-disabled: #6C6E72;
  --el-border-color-darker: #636466;
  --el-border-color-dark: #58585B;
  --el-border-color: #2F2C40;
  --el-border-color-light: #2F2C40;
  --el-border-color-lighter: #363637;
  --el-border-color-extra-light: #2B2B2C;
  --el-fill-color-darker: #424243;
  --el-fill-color-dark: #39393A;
  --el-fill-color: #303030;
  --el-fill-color-light: #262727;
  --el-fill-color-lighter: #1D1D1D;
  --el-fill-color-extra-light: #191919;
  --el-fill-color-blank: transparent;
  --el-mask-color: rgba(0, 0, 0, 0.8);
  --el-mask-color-extra-light: rgba(0, 0, 0, 0.3);
}
html.dark .el-button {
  --el-button-disabled-text-color: rgba(255, 255, 255, 0.5);
}
html.dark .el-card {
  --el-card-bg-color: var(--el-bg-color-overlay);
  --el-fill-color-blank: var(--el-card-bg-color);
}
html.dark .el-empty {
  --el-empty-fill-color-0: var(--el-color-black);
  --el-empty-fill-color-1: #4b4b52;
  --el-empty-fill-color-2: #36383d;
  --el-empty-fill-color-3: #1e1e20;
  --el-empty-fill-color-4: #262629;
  --el-empty-fill-color-5: #202124;
  --el-empty-fill-color-6: #212224;
  --el-empty-fill-color-7: #1b1c1f;
  --el-empty-fill-color-8: #1c1d1f;
  --el-empty-fill-color-9: #18181a;
}
.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);
}
: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: 24px;
  --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-alert {
  --el-alert-padding: 8px 16px;
  --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-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-message-box {
  --el-messagebox-title-color: var(--el-text-color-primary);
  --el-messagebox-width: 420px;
  --el-messagebox-border-radius: 12px;
  --el-messagebox-box-shadow: var(--el-box-shadow);
  --el-messagebox-font-size: 20px;
  --el-messagebox-content-font-size: var(--el-font-size-base);
  --el-messagebox-content-color: #141414;
  --el-messagebox-error-font-size: 12px;
  --el-messagebox-padding-primary: 25px 30px;
  --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 {
  --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-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;
}
.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: #141414;
  --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: 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: 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: 32px;
  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: 40px;
  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: 24px;
  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-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);
}
.el-dropdown {
  --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
  --el-dropdown-menuItem-hover-color: var(--el-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: var(--el-color-primary-light-9);
  --el-dropdown-menuItem-hover-color: var(--el-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: 24px;
}
.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-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-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: 24px;
  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-popper {
  --el-popper-border-radius: var(--el-border-radius-base);
  --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-popover {
  --el-popover-bg-color: var(--el-bg-color-overlay);
  --el-popover-font-size: var(--el-font-size-base);
  --el-popover-border-color: var(--el-border-color-lighter);
  --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: var(--el-border-radius-base);
}
.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-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;
}
.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%;
}
: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-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: 24px;
  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: 32px;
  --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: 20px;
  --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-link {
  --el-link-font-size: var(--el-font-size-base);
  --el-link-font-weight: var(--el-font-weight-primary);
  --el-link-text-color: var(--el-text-color-regular);
  --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);
}
.el-textarea {
  --el-input-text-color: #141414;
  --el-input-border: var(--el-border);
  --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: var(--el-border-color);
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--el-fill-color-blank);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: var(--el-border-color-hover);
  --el-input-clear-hover-color: var(--el-text-color-secondary);
  --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, #141414);
  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
  background-image: none;
  -webkit-appearance: none;
  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) 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: #141414;
  --el-input-border: var(--el-border);
  --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: var(--el-border-color);
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--el-fill-color-blank);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: var(--el-border-color-hover);
  --el-input-clear-hover-color: var(--el-text-color-secondary);
  --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(--el-fill-color-blank));
  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, var(--el-border-color)) 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) - 2px);
}
.el-input__inner {
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  color: var(--el-input-text-color, #141414);
  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 .el-input__clear {
  transition: color var(--el-transition-duration);
}
.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, 40px) - 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, 24px) - 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-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, 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: 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: 22px;
}
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
  width: 24px;
  font-size: 12px;
}
.el-input-number--small.is-controls-right .el-input--small .el-input__wrapper {
  padding-right: 31px;
}
.el-input-number--small .el-input--small .el-input__wrapper {
  padding-left: 31px;
  padding-right: 31px;
}
.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: 11px;
}
.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: 0.25rem 0.25rem;
  margin: 0;
  box-sizing: border-box;
}
.el-select-dropdown__list.el-vl__window {
  margin: 0.25rem 0.25rem;
  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-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: #141414;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}
.el-select-dropdown__item.is-hovering {
  background-color: var(--el-fill-color-light);
}
.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-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: var(--el-border-color-hover);
  --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: 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, #141414);
}
.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: 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: 24px;
  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-scrollbar {
  --el-scrollbar-opacity: 0.3;
  --el-scrollbar-bg-color: var(--el-text-color-secondary);
  --el-scrollbar-hover-opacity: 0.5;
  --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.3);
}
.el-scrollbar__thumb:hover {
  background-color: var(--el-scrollbar-hover-bg-color, var(--el-text-color-secondary));
  opacity: var(--el-scrollbar-hover-opacity, 0.5);
}
.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-tree {
  --el-tree-node-content-height: 36px;
  --el-tree-node-hover-bg-color: var(--el-fill-color-light);
  --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-select {
  --el-tree-node-content-height: 36px;
  --el-tree-node-hover-bg-color: var(--el-fill-color-light);
  --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;
}
.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: var(--el-border);
  --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 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: 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: 24px;
}
.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-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: 24px;
}
.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-button {
  --el-radio-button-checked-bg-color: var(--el-color-primary);
  --el-radio-button-checked-text-color: var(--el-color-white);
  --el-radio-button-checked-border-color: var(--el-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, #141414);
  -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(--el-color-white));
  background-color: var(--el-radio-button-checked-bg-color, var(--el-color-primary));
  border-color: var(--el-radio-button-checked-border-color, var(--el-color-primary));
  box-shadow: -1px 0 0 0 var(--el-radio-button-checked-border-color, var(--el-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(--el-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-group {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 0;
}
.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-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--card > .el-tabs__header.is-left, .el-tabs--card > .el-tabs__header.is-right, .el-tabs--border-card > .el-tabs__header.is-left, .el-tabs--border-card > .el-tabs__header.is-right {
  border-bottom: none;
}
.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-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-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-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-collapse {
  --el-collapse-border-color: var(--el-border-color-lighter);
  --el-collapse-header-height: 48px;
  --el-collapse-header-bg-color: var(--el-fill-color-blank);
  --el-collapse-header-text-color: var(--el-text-color-primary);
  --el-collapse-header-font-size: 13px;
  --el-collapse-content-bg-color: var(--el-fill-color-blank);
  --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-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;
}
:root,
html.dark {
  --el-text-color-primary: var(--wp-text-primary);
  --el-text-color-regular: var(--wp-text-primary);
  --el-text-color-secondary: var(--wp-text-tertiary);
  --el-text-color-placeholder: var(--wp-text-tertiary);
  --el-text-color-disabled: var(--wp-text-disabled);
}
@media (max-width: 767px) {
  :is(input,
  textarea,
  select,
  .el-input__inner,
  .el-textarea__inner,
  .el-select,
  .el-select__wrapper,
  .el-select__input,
  .el-select__selected-item,
  .el-input-number,
  .el-date-editor input,
  .p-inputtext):not(:where(.ag-root-wrapper *, .ag-popup *, .ag-popup-editor, .ag-popup-editor *)) {
    font-size: 16px !important;
  }
}
html .el-button {
  position: relative;
  overflow: hidden;
}
html .el-button > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
html .el-button::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, currentColor 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform 0.5s, opacity 1s;
}
html .el-button:active::after {
  transform: scale(0, 0);
  opacity: 0.2;
  transition: 0s;
}
html .el-button.el-button--primary.is-plain {
  --el-button-border-color: transparent;
  --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: #6d56e0;
}
html .el-button.el-button--primary:active {
  --el-button-active-text-color: var(--el-color-primary);
  --el-button-active-bg-color: var(--el-color-primary-light-7);
  --el-button-active-border-color: #6d56e0;
}
html .el-button.is-link.el-button--primary:not(.is-disabled) {
  color: var(--wp-text-link);
}
html .el-button.is-link:hover:not(.is-disabled) {
  color: var(--wp-text-link-hover);
}
html .el-button.is-narrow {
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 767px) {
  html .el-button.is-narrow {
    width: 100%;
  }
}
html .el-button-group.el-button-group--horizontal {
  display: inline-flex;
  vertical-align: middle;
}
html .el-button-group.el-button-group--horizontal > .el-button {
  float: none;
  border: none;
}
html .el-button-group.el-button-group--horizontal > .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: none;
}
html .el-button-group.el-button-group--horizontal > .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: none;
}
html .el-button-group.el-button-group--horizontal > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
  border: none;
}
html .el-icon {
  fill: #6e6b7d;
}
html .el-input,
html .el-textarea {
  --el-text-color-placeholder: var(--wp-text-tertiary);
}
html .el-input .el-input__wrapper,
html .el-input .el-textarea__inner,
html .el-textarea .el-input__wrapper,
html .el-textarea .el-textarea__inner {
  background-color: var(--wp-surface-secondary);
  box-shadow: 0 0 0 1px var(--wp-border-primary) inset;
}
html .el-input .el-input__wrapper:hover,
html .el-input .el-textarea__inner:hover,
html .el-textarea .el-input__wrapper:hover,
html .el-textarea .el-textarea__inner:hover {
  box-shadow: 0 0 0 1px var(--wp-state-main) inset;
}
html .el-input .el-input__wrapper.is-focus,
html .el-input .el-textarea__inner.is-focus,
html .el-textarea .el-input__wrapper.is-focus,
html .el-textarea .el-textarea__inner.is-focus {
  box-shadow: 0 0 0 1px var(--wp-state-focus) inset;
}
html .el-input .el-input__inner,
html .el-textarea .el-input__inner {
  color: var(--wp-text-primary);
}
html .el-input .el-input__inner::placeholder,
html .el-textarea .el-input__inner::placeholder {
  color: var(--wp-text-tertiary);
}
html .el-input .el-textarea__inner,
html .el-textarea .el-textarea__inner {
  color: var(--wp-text-primary);
}
html .el-input .el-textarea__inner::placeholder,
html .el-textarea .el-textarea__inner::placeholder {
  color: var(--wp-text-tertiary);
}
html .el-input .el-input__prefix,
html .el-input .el-input__suffix,
html .el-textarea .el-input__prefix,
html .el-textarea .el-input__suffix {
  color: var(--wp-icon-primary);
}
html .el-input.is-disabled .el-input__wrapper,
html .el-textarea.is-disabled .el-input__wrapper {
  background-color: var(--wp-surface-secondary);
  box-shadow: 0 0 0 1px var(--wp-border-primary) inset;
  cursor: not-allowed;
}
html .el-input.is-disabled .el-input__inner,
html .el-textarea.is-disabled .el-input__inner {
  color: var(--wp-text-disabled);
  -webkit-text-fill-color: var(--wp-text-disabled);
}
html .el-input .el-input__count .el-input__count-inner,
html .el-textarea .el-input__count .el-input__count-inner {
  padding: 2px 0 2px 4px;
  background: none;
}
html .el-input-number .el-input-number__decrease,
html .el-input-number .el-input-number__increase {
  background: var(--wp-surface-secondary);
  border-color: var(--wp-border-primary);
  color: var(--wp-icon-primary);
}
html .el-input-number .el-input-number__decrease:hover,
html .el-input-number .el-input-number__increase:hover {
  color: var(--wp-icon-accent);
}
html .el-input-number.is-disabled .el-input-number__decrease,
html .el-input-number.is-disabled .el-input-number__increase {
  color: var(--wp-text-disabled);
  background: var(--wp-surface-secondary);
  border-color: var(--wp-border-primary);
  cursor: not-allowed;
}
html .el-select {
  --el-border-color-hover: #6d56e0;
}
html .el-select.filled {
  --el-border-color: transparent;
  --el-fill-color-blank: #faf9fe;
}
html .el-select .el-select__wrapper {
  font-weight: 500;
}
html .el-select .el-select__wrapper .el-select__placeholder {
  position: relative;
  transform: none;
  top: auto;
}
html .el-select.wp-select-single-row .el-select__selection {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
}
html .el-select.wp-select-single-row .el-select__selected-item.el-select__input-wrapper {
  width: 2px;
}
html .el-dropdown-menu {
  padding: 4px;
}
html .el-dropdown-menu .el-dropdown-menu__item {
  font-weight: 500;
  font-size: 13px;
  border-radius: 4px;
  color: var(--wp-text-primary);
  padding: 7px 10px;
  line-height: 1.2;
}
html .el-dropdown-menu .el-dropdown-menu__item + .el-dropdown-menu__item {
  margin-top: 2px;
}
html .el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover, html .el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):focus {
  background-color: var(--wp-surface-hover);
  color: var(--wp-text-primary);
}
html .el-dropdown-menu .el-dropdown-menu__item svg {
  color: var(--wp-icon-primary);
  flex-shrink: 0;
}
html .el-select-dropdown .el-select-dropdown__item {
  font-weight: 500;
  border-radius: 4px;
}
html .el-select-dropdown .el-select-dropdown__item + .el-select-dropdown__item {
  margin-top: 2px;
}
html .el-select-dropdown .el-select-dropdown__item.is-selected {
  background-color: #edeafb;
}
html .el-tag.el-tag--small {
  font-size: 11px;
}
html .el-tour .el-tour__closebtn {
  line-height: 0;
  top: 6px;
  right: 6px;
}
html .el-tour .el-tour-indicator {
  width: 8px;
  height: 8px;
  background: var(--el-color-info-light-8);
}
html .el-tour .el-tour-buttons .el-button--small {
  --el-button-size: 28px;
}
html .el-tree-node__content {
  border-radius: 4px;
}
html .el-icon {
  height: 1.2em;
  width: 1.2em;
}
html .el-icon svg {
  height: 1.2em;
  width: 1.2em;
}
html .el-message-box .el-message-box__message {
  width: 100%;
}
html .el-message-box .el-message-box__header {
  padding-bottom: 20px;
}
html .el-message-box .el-message-box__title {
  font-weight: 500;
}
html .el-message-box .el-message-box__headerbtn {
  line-height: 0;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  top: 10px;
  right: 10px;
}
html .el-message-box .el-message-box__headerbtn:hover {
  background-color: var(--el-fill-color-light);
}
html .el-message-box .el-message-box__status {
  font-size: 32px;
}
html .el-message-box .el-message-box__btns {
  padding-top: 20px;
}
html .el-message-box .el-message-box__btns:not(:has(> .el-button:not([style*="display: none"]))) {
  padding: 0;
}
html .el-skeleton {
  line-height: 0;
}
html .el-notification.right {
  text-align: initial;
}
html .el-drawer {
  margin: 16px;
  border-radius: 12px;
}
html .el-drawer.ltr, html .el-drawer.rtl {
  height: calc(100% - 32px);
}
html .el-drawer .el-drawer__header {
  margin-bottom: 20px;
}
html .el-drawer .el-drawer__header .el-drawer__title {
  font-size: 18px;
  font-weight: 600;
}
html .el-alert {
  border: 1px solid transparent;
}
html .el-alert.el-alert--info {
  --el-alert-bg-color: var(--wp-tag-violet);
  --el-alert-text-color: var(--wp-text-accent);
  --el-alert-icon-color: var(--wp-icon-accent);
  border-color: color-mix(in srgb, var(--wp-state-main) 20%, transparent);
}
html .el-alert.el-alert--success {
  --el-alert-bg-color: var(--wp-surface-green);
  --el-alert-text-color: var(--wp-constant-success);
  --el-alert-icon-color: var(--wp-constant-success);
  border-color: color-mix(in srgb, var(--wp-constant-success) 20%, transparent);
}
html .el-alert.el-alert--warning {
  --el-alert-bg-color: var(--wp-surface-orange);
  --el-alert-text-color: var(--wp-constant-warning);
  --el-alert-icon-color: var(--wp-constant-warning);
  border-color: color-mix(in srgb, var(--wp-constant-warning) 20%, transparent);
}
html .el-alert.el-alert--error {
  --el-alert-bg-color: var(--wp-surface-red);
  --el-alert-text-color: var(--wp-red);
  --el-alert-icon-color: var(--wp-red);
  border-color: color-mix(in srgb, var(--wp-red) 20%, transparent);
}
html .el-alert .el-alert__title {
  font-weight: 500;
}
html .el-alert .el-alert__description {
  color: var(--wp-text-tertiary);
}
html .el-tabs .el-tabs__header {
  margin-bottom: 20px;
}
html .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__item {
  color: var(--wp-text-primary);
}
html .el-tabs .el-tabs__header .el-tabs__active-bar {
  background-color: var(--wp-text-main-to-white);
}
html .el-card {
  --el-card-bg-color: var(--wp-surface-card);
  --el-card-border-color: var(--wp-border-primary);
  border-color: var(--wp-border-primary);
}
html .el-overlay-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
}
html .el-dialog {
  background-color: var(--wp-surface-popup);
  border: 1px solid var(--wp-border-primary);
  border-radius: 12px;
  overflow: hidden;
  margin: 16px auto !important;
  max-height: calc(100dvh - 32px);
  max-width: calc(100dvw - 32px);
  display: flex;
  flex-direction: column;
}
html .el-dialog .el-dialog__header {
  padding-bottom: 32px;
  margin-right: 0;
  border-bottom: 1px solid var(--wp-border-primary);
  flex: 0 0 auto;
}
html .el-dialog .el-dialog__title {
  font-size: 16px;
  font-weight: 500;
  color: var(--wp-text-primary);
}
html .el-dialog .el-dialog__headerbtn {
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  line-height: 0;
  border-radius: 36px;
}
html .el-dialog .el-dialog__headerbtn .el-dialog__close {
  color: var(--wp-icon-primary);
}
html .el-dialog .el-dialog__headerbtn:hover {
  background-color: var(--wp-surface-hover);
}
html .el-dialog .el-dialog__headerbtn:hover .el-dialog__close {
  color: var(--wp-icon-accent);
}
html .el-dialog .el-dialog__body {
  padding: 16px 0;
  color: var(--wp-text-primary);
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
html .el-dialog .el-dialog__footer {
  padding-top: 16px;
  border-top: 1px solid var(--wp-border-primary);
  flex: 0 0 auto;
}
html .el-radio-group {
  flex-wrap: wrap;
}
html .el-radio-button .el-radio-button__inner {
  background: var(--wp-surface-secondary);
  border-color: transparent;
  color: var(--wp-text-primary);
  box-shadow: none;
  font-weight: 500;
}
html .el-radio-button .el-radio-button__inner:hover {
  color: var(--wp-text-accent);
}
html .el-radio-button .el-radio-button__original-radio:checked:not(:disabled) + .el-radio-button__inner,
html .el-radio-button.is-active .el-radio-button__original-radio:not(:disabled) + .el-radio-button__inner {
  background: var(--wp-state-main);
  border-color: transparent;
  color: var(--wp-text-primary);
  box-shadow: none;
}
html .el-radio-button .el-radio-button__original-radio:focus-visible + .el-radio-button__inner {
  outline: 2px solid var(--wp-state-focus);
  outline-offset: -2px;
}
html .el-radio-button .el-radio-button__original-radio:disabled + .el-radio-button__inner {
  background: var(--wp-surface-secondary);
  color: var(--wp-text-disabled);
  border-color: transparent;
  cursor: not-allowed;
}
html .el-checkbox .el-checkbox__inner {
  width: 16px;
  height: 16px;
  border: 1.5px solid var(--wp-text-disabled);
  border-radius: 4px;
  background: transparent;
}
html .el-checkbox .el-checkbox__inner::after {
  width: 4px;
  height: 8px;
  border-width: 0 1.5px 1.5px 0;
}
html .el-checkbox .el-checkbox__inner:hover {
  border-color: var(--wp-brand-60);
}
html .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner,
html .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--wp-brand-60);
  border-color: var(--wp-brand-60);
}
html .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner::after {
  border-color: var(--wp-constant-white);
}
html .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  background-color: var(--wp-constant-white);
  top: 5.5px;
}
html .el-checkbox .el-checkbox__original:focus-visible + .el-checkbox__inner {
  outline: 2px solid var(--wp-state-focus);
  outline-offset: 1px;
}
html .el-checkbox .el-checkbox__label {
  color: var(--wp-text-tertiary);
}
html .el-checkbox.is-checked .el-checkbox__label {
  color: var(--wp-text-primary);
}
html .el-checkbox.is-disabled {
  cursor: not-allowed;
}
html .el-checkbox.is-disabled .el-checkbox__label {
  color: var(--wp-text-tertiary);
}
html .el-checkbox.is-disabled .el-checkbox__inner {
  background-color: var(--wp-surface-input);
  border-color: var(--wp-border-primary);
}
html .el-checkbox.is-disabled.is-checked .el-checkbox__label {
  color: var(--wp-text-primary);
}
html .el-checkbox.is-disabled.is-checked .el-checkbox__inner {
  background-color: var(--wp-brand-60);
  border-color: var(--wp-brand-60);
}
html .el-checkbox.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: var(--wp-constant-white);
}
.olap-cell-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.olap-cell-row--wrap {
  flex-wrap: wrap;
}
.olap-cell-stack {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.olap-cell-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.olap-cell-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--wp-text-primary);
}
.olap-cell-name--compact {
  font-size: 13px;
}
.olap-cell-brand {
  font-size: 14px;
  font-weight: 500;
  color: var(--wp-text-secondary);
}
.olap-cell-sku {
  color: var(--wp-text-tertiary);
}
.olap-cell-label {
  font-stretch: condensed;
  color: var(--wp-text-tertiary);
}
.olap-cell-value {
  margin-left: 5px;
}
.olap-cell-meta {
  font-size: 14px;
  font-stretch: semi-condensed;
}
.olap-cell-meta--muted {
  color: var(--wp-text-tertiary);
}
.olap-cell-meta--recent {
  color: var(--wp-text-danger);
  font-weight: 400;
}
.olap-cell-meta--fresh {
  color: var(--wp-text-success);
  font-weight: 400;
}
* {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}
::view-transition-old(root) {
  z-index: 0;
}
::view-transition-new(root) {
  z-index: 1;
}
html.theme-switching,
html.theme-switching *,
html.theme-switching *::before,
html.theme-switching *::after {
  transition: none !important;
}
body.hidden,
html.hidden {
  overflow-x: hidden;
}
.section {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .section {
    margin-top: 55px;
  }
}
.wrapper .section {
  margin-top: 0;
}
.container {
  margin: 0 auto;
  width: clamp(320px, 100%, 1370px);
  padding: 0 10px;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .container {
    padding: 8px;
  }
}
.container-small {
  margin: 0 auto;
  width: 100%;
  max-width: 570px;
  padding-bottom: 50px;
}
.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  gap: var(--gap-small);
}
.section-header button {
  margin-bottom: 0;
  font-size: 0.875rem;
}
@media only screen and (min-width: 768px) {
  .section-header button {
    margin-bottom: 0;
    max-width: 180px;
    font-size: 1rem;
  }
}
.section .title {
  margin-bottom: 8px;
  font-size: 1.5rem;
  line-height: 2rem;
}
@media only screen and (min-width: 768px) {
  .section .title {
    font-size: 3rem;
    line-height: 4rem;
  }
}
.layout-vertical-nav-collapsed .layout-vertical-nav:not(.hovered) .mobile-logo {
  display: block;
}
.layout-vertical-nav-collapsed .layout-vertical-nav:not(.hovered) .desktop-logo {
  display: none;
}
.layout-vertical-nav-collapsed .layout-vertical-nav.hovered .mobile-logo {
  display: none;
}
.layout-vertical-nav-collapsed .layout-vertical-nav.hovered .desktop-logo {
  display: block;
}
.header.layout-default-header .mobile-logo {
  display: none;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child {
  padding-inline: 8px;
  font-weight: 500;
  font-size: 14px;
}
.secondary-title,
.section .secondary-title {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  color: var(--wp-text-primary);
}
.description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--wp-text-tertiary);
}
@media only screen and (min-width: 768px) {
  .description {
    letter-spacing: 0.009em;
  }
}
.text.up {
  color: var(--green) !important;
}
.text.up path {
  fill: var(--green) !important;
}
.text.down {
  color: var(--red) !important;
}
.text.down svg {
  transform: rotate(180deg);
}
.text.down path {
  fill: var(--red) !important;
}
.text.mark {
  color: var(--wp-text-accent);
}
.text-secondary {
  color: var(--wp-text-tertiary);
}
a.mark {
  text-decoration: underline;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.right .info-item {
  justify-content: flex-end;
}
body .bg-primary {
  background: var(--wp-btn-primary-bg) !important;
}
button {
  transition: var(--transition-middle);
  cursor: pointer;
}
button:focus {
  outline: none;
}
input {
  caret-color: var(--wp-text-primary);
}
a {
  text-decoration: none;
}
.highcharts-label-box.highcharts-tooltip-box {
  fill: var(--wp-surface-secondary);
}
.tooltip {
  font-family: var(--wp-font-sans);
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
}
.tooltip__header {
  margin-bottom: 4px;
  font-size: 0.625rem !important;
}
.tooltip__body {
  font-size: 0.725rem;
}
.accent-item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  padding: 4px 6px;
  background: var(--alert-bg);
  font-size: 0.875rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25rem;
  white-space: nowrap;
  color: var(--tab-accent);
}
.chip-item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  padding: 4px 6px;
  background-color: var(--chips-bg);
  font-size: 0.875rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25rem;
  white-space: nowrap;
  color: var(--chips-accent);
}
@-webkit-keyframes highlightPseudo {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0.7;
  }
  100% {
    opacity: 0;
  }
}
@keyframes highlightPseudo {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0.7;
  }
  100% {
    opacity: 0;
  }
}
.sticky-visible {
  transition: top 0.5s ease-in-out;
  /* Анимация при появлении */
}
.animation-number {
  position: relative;
}
.animation-number:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  background: transparent;
}
.animation-number.highlightDec:before {
  -webkit-animation: 0.25s highlightPseudo;
  animation: var(--transition-middle) ease-out highlightPseudo;
  background-color: var(--red);
}
.animation-number.highlightInc:before {
  -webkit-animation: 0.25s highlightPseudo;
  animation: var(--transition-middle) ease-out highlightPseudo;
  background-color: var(--green);
}
.billing-item {
  border-radius: 8px;
  padding: 12px;
  background: var(--wp-surface-secondary);
}
.swiper-slide {
  width: 100%;
}
.swiper-slide img {
  width: 100%;
  object-fit: contain;
}
.card-item {
  position: relative;
  margin-bottom: 8px;
}
.card-item-name {
  display: block;
  margin-bottom: 4px;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5rem;
  text-transform: capitalize;
  color: var(--wp-text-primary);
}
.card-item-bottom {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}
.card-item-value {
  font-size: 0.875rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25rem;
  color: var(--wp-text-tertiary);
}
.card-item-icon {
  display: block;
  width: 32px;
  height: 20px;
  object-fit: contain;
}
.card-item-arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.link {
  transition: 0.5s;
  text-decoration: underline;
  color: var(--accent);
}
.link.active {
  display: block;
}
.link:hover {
  color: var(--wp-text-primary);
}
.empty-data-wrapper {
  margin-top: 32px;
}
.phone-only {
  display: block;
}
@media only screen and (min-width: 768px) {
  .phone-only {
    display: none;
  }
}
.laptop-only {
  display: none;
}
@media only screen and (min-width: 768px) {
  .laptop-only {
    display: block;
  }
}
.swiper-wrapper {
  align-items: initial;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) {
  .swiper-wrapper {
    border-radius: 24px;
  }
}
.page-content-container {
  color: var(--wp-text-primary);
  height: inherit;
  padding: 0.5rem;
}
@media (max-width: 1024px) {
  .page-content-container {
    padding: 1rem;
  }
}
.share-socials path {
  transition: var(--transition-fast);
}
.share-socials a:hover path {
  fill: var(--accent);
}
.range {
  padding: 0 1px;
}
.range .vue-slider-ltr .vue-slider-mark-label {
  left: 0;
}
.driver-popover {
  background: var(--wp-surface-default);
  font-family: var(--wp-font-sans);
  color: var(--wp-text-primary);
}
:root {
  --el-font-family: var(--wp-font-sans);
}
.ag-theme-quartz {
  --ag-font-family: var(--wp-font-sans) !important;
}
.ag-charts-theme-default,
.ag-charts-theme-default-dark {
  --ag-charts-font-family: var(--wp-font-sans) !important;
}
.driver-popover-arrow {
  border: 5px solid var(--wp-surface-default);
}
.driver-popover-arrow-side-left {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.driver-popover-arrow-side-bottom {
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}
.driver-popover-arrow-side-top {
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.driver-popover-arrow-side-right {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.driver-popover-title {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--wp-text-primary);
}
.driver-popover-description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.009em;
  color: var(--wp-text-tertiary);
}
.driver-popover-footer .driver-popover-btn-disabled {
  display: none !important;
  background-color: var(--wp-surface-secondary) !important;
  color: var(--wp-text-primary) !important;
}
.driver-popover-footer button {
  transition: var(--transition-fast);
  border: unset;
  border-radius: 8px;
  padding: 5px 10px;
  background-color: var(--accent) !important;
  font-family: inherit;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-shadow: none;
  color: var(--white) !important;
}
.driver-popover-footer button:hover {
  background: color-mix(in srgb, var(--accent) 80%, transparent) !important;
}
.driver-popover-footer .driver-popover-prev-btn {
  background-color: var(--wp-surface-secondary) !important;
  color: var(--wp-text-primary) !important;
}
.driver-popover-footer .driver-popover-prev-btn:hover {
  background-color: var(--wp-border-primary) !important;
}
.highcharts-plot-line-label {
  overflow: visible !important;
}
.highcharts-buy-price {
  position: relative;
  z-index: 1;
  overflow: visible;
}
.highcharts-buy-price::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: -2px;
  right: -10px;
  bottom: -2px;
  left: -10px;
  background: var(--accent);
}
.drop-preview {
  background-color: rgba(150, 150, 200, 0.1);
  border: 1px dashed #abc;
  margin: 5px;
}
.cards-drop-preview {
  background-color: rgba(150, 150, 200, 0.1);
  border: 1px dashed #abc;
  margin: 5px 45px 5px 5px;
  width: 100%;
}
.v-application__wrap .p-checkbox-box,
.p-dialog .p-checkbox-box {
  background: var(--wp-surface-default);
  border-radius: 4px;
  border: 1px solid var(--wp-border-table);
}
.v-application__wrap .p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box,
.v-application__wrap .p-checkbox-checked:not(.p-disabled) .p-checkbox-box,
.p-dialog .p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box,
.p-dialog .p-checkbox-checked:not(.p-disabled) .p-checkbox-box {
  background: var(--wp-btn-primary-bg);
  border-color: var(--wp-btn-primary-bg);
}
.v-application__wrap .p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box svg path,
.v-application__wrap .p-checkbox-checked:not(.p-disabled) .p-checkbox-box svg path,
.p-dialog .p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box svg path,
.p-dialog .p-checkbox-checked:not(.p-disabled) .p-checkbox-box svg path {
  fill: #fff;
}
.v-application__wrap .p-checkbox-box svg path,
.p-dialog .p-checkbox-box svg path {
  fill: var(--wp-btn-primary-bg);
}
.v-application__wrap .p-checkbox.p-disabled .p-checkbox-box,
.p-dialog .p-checkbox.p-disabled .p-checkbox-box {
  display: none;
}
.v-application__wrap .p-checkbox.p-disabled,
.p-dialog .p-checkbox.p-disabled {
  border-radius: 4px;
  border: 1px solid var(--wp-state-disabled);
  background: var(--wp-surface-white);
}
.v-application__wrap .p-checkbox.p-disabled + label,
.p-dialog .p-checkbox.p-disabled + label {
  color: #edeafb;
}
.v-application__wrap .p-checkbox.p-disabled + .metric-label label,
.p-dialog .p-checkbox.p-disabled + .metric-label label {
  color: #edeafb;
}
.p-dialog-mask .p-dialog {
  border-radius: 8px;
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.1);
  background: var(--wp-surface-popup);
  border: none;
  color: var(--wp-text-primary);
  transform: none;
}
.p-dialog-mask .p-dialog .p-dialog-content {
  padding: 24px;
}
.popup-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
html.p-overflow-hidden {
  overflow: hidden !important;
}
.no-scroll {
  position: fixed;
  overflow: hidden;
  width: 100%;
}
.chip-archive {
  border: 1px solid #0065c1 !important;
}
.chip-enabled {
  border: 1px solid #3b25a8 !important;
}
.chip-paused {
  border: 1px solid #e5c100 !important;
}
.v-application__wrap .v-chip.v-chip--size-small,
body .v-chip.v-chip--size-small {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  padding: 4px 8px !important;
  text-align: center;
  min-width: 60px;
  justify-content: center;
  border: none !important;
  border-radius: 8px;
}
.v-btn--icon.v-btn--density-comfortable.scroll-to-top svg path {
  stroke: #fff;
}
.button-icon {
  margin-right: 6px;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pagination .v-pagination__prev .v-btn,
.pagination .v-pagination__next .v-btn {
  border: none;
}
.pagination .v-pagination .v-pagination__list .v-pagination__item--is-active .v-btn .v-btn__content {
  color: #fff;
}
.pagination .pagination-control {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.pagination .pagination-control label {
  display: block;
  width: auto;
  margin-right: 8px;
  color: var(--wp-text-primary);
  white-space: nowrap;
}
.v-application__wrap .v-card {
  padding: 12px;
  border-radius: 16px;
  background: var(--wp-surface-card);
  border: 1px solid var(--wp-border-primary);
  margin-bottom: 12px;
  height: auto;
}
.match-height.v-row .v-card {
  block-size: auto;
}
.v-application__wrap .v-col {
  padding: 0;
}
.v-application__wrap .bg-primary,
body .bg-primary {
  color: #fff !important;
}
.v-application__wrap .p-popover .p-listbox,
body .p-popover .p-listbox {
  background: var(--wp-surface-card);
  color: var(--wp-text-primary);
  border: none;
  border-radius: 0px;
  transition: background var(--p-listbox-transition-duration), color var(--p-listbox-transition-duration), border-color var(--p-listbox-transition-duration), box-shadow var(--p-listbox-transition-duration), outline-color var(--p-listbox-transition-duration);
  outline-color: transparent;
  box-shadow: none;
}
.v-application__wrap .p-listbox-option,
body .p-listbox-option {
  color: var(--wp-text-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 5px 12px;
  border-radius: 4px;
}
.v-application__wrap .p-listbox:not(.p-disabled) .p-listbox-option:not(.p-listbox-option-selected):not(.p-disabled):hover,
body .p-listbox:not(.p-disabled) .p-listbox-option:not(.p-listbox-option-selected):not(.p-disabled):hover {
  background: #f1f5f9;
  color: var(--wp-text-primary);
}
.v-application__wrap .p-listbox .p-listbox-list .p-listbox-option.p-listbox-option-selected,
body .p-listbox .p-listbox-list .p-listbox-option.p-listbox-option-selected {
  background: var(--wp-state-main) !important;
  color: #fff !important;
}
.v-application__wrap .p-listbox:not(.p-disabled) .p-listbox-option:not(.p-listbox-option-selected):not(.p-disabled).p-focus,
body .p-listbox:not(.p-disabled) .p-listbox-option:not(.p-listbox-option-selected):not(.p-disabled).p-focus {
  background: #f1f5f9;
  color: var(--wp-text-primary);
}
.v-application__wrap .p-listbox-list,
body .p-listbox-list {
  padding: 0;
}
.v-application__wrap .p-popover,
body .p-popover {
  margin-top: var(--p-popover-gutter);
  background: var(--wp-surface-card);
  color: var(--wp-text-primary);
  border: none;
  border-radius: 8px;
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.1);
  max-width: initial !important;
}
.v-application__wrap .p-popover-content,
body .p-popover-content {
  padding: 4px;
}
.v-application__wrap .p-popover:before,
.v-application__wrap .p-popover:after,
body .p-popover:before,
body .p-popover:after {
  display: none;
}
.v-application__wrap .p-divider-horizontal,
body .p-divider-horizontal {
  margin: 16px 0;
}
.v-application__wrap .p-divider-horizontal:before,
body .p-divider-horizontal:before {
  border-top: 1px solid var(--wp-border-table);
}
.v-application__wrap .popover-header,
body .popover-header {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: var(--wp-text-tertiary);
  padding: 0 12px;
}
.v-application__wrap .radiobutton-list,
body .radiobutton-list {
  row-gap: 12px;
  margin-bottom: 16px;
  display: flex;
}
.v-application__wrap .radiobutton-item,
body .radiobutton-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.v-application__wrap .radiobutton-item label,
body .radiobutton-item label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--wp-text-primary);
  margin-left: 10px;
  cursor: pointer;
}
.v-application__wrap .p-radiobutton,
body .p-radiobutton {
  width: 16px;
  height: 16px;
}
.v-application__wrap .p-radiobutton-box,
body .p-radiobutton-box {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid var(--wp-text-tertiary);
  background: transparent;
  width: 16px;
  height: 16px;
  outline-color: transparent;
  box-shadow: none;
}
.v-application__wrap .p-radiobutton-checked .p-radiobutton-box,
body .p-radiobutton-checked .p-radiobutton-box {
  border-color: var(--wp-state-hover);
  background: transparent;
}
.v-application__wrap .p-radiobutton-icon,
body .p-radiobutton-icon {
  width: 9px;
  height: 9px;
}
.v-application__wrap .p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box,
body .p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
  border-color: var(--wp-state-hover);
  background: transparent;
}
.v-application__wrap .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon,
.v-application__wrap .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon,
body .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon,
body .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
  background: var(--wp-state-main);
}
.v-application__wrap .popover-btns-wrap,
body .popover-btns-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 12px 8px 12px;
}
.v-application__wrap .popover-btns-wrap .v-btn,
body .popover-btns-wrap .v-btn {
  width: calc(50% - 4px);
  min-width: 80px;
  max-height: 32px;
  font-size: 14px;
}
.v-application__wrap .p-popover.table-config-popover .checkbox-item-wrap {
  margin-bottom: 0;
}
.v-application__wrap .p-popover.table-config-popover .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
  border: 1px solid var(--wp-border-table);
}
.p-dialog.confirm-popup {
  max-width: 462px;
  position: relative;
  padding: 24px;
}
.p-dialog.confirm-popup .p-dialog-close-button {
  padding: 0;
}
.p-dialog.confirm-popup .p-button-text.p-button-secondary:not(:disabled):hover {
  background: transparent;
  border-color: transparent;
  color: var(--p-button-text-secondary-color);
}
.p-dialog.confirm-popup .p-dialog-header {
  padding: 0;
  align-items: flex-start;
}
.p-dialog.confirm-popup .p-button-text.p-button-secondary {
  background: transparent;
  border-color: transparent;
  color: var(--p-button-text-secondary-color);
}
.p-dialog.confirm-popup .p-dialog-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  color: var(--wp-text-primary);
  margin-bottom: 4px;
}
.p-dialog.confirm-popup .p-dialog-content {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--wp-text-tertiary);
  padding: 0;
  display: block;
  margin-bottom: 24px;
}
.p-dialog.confirm-popup .popup-action-item {
  color: #fff !important;
}
.p-dialog.confirm-popup .confirm-btns-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.p-dialog.confirm-popup .confirm-btns-wrap .v-btn {
  width: calc(50% - 4px);
}
.p-dialog.confirm-popup .confirm-btns-wrap .v-btn.bg-primary {
  color: #fff !important;
}
.column-popup .p-dialog-header {
  display: none;
}
.checkbox-item-wrap {
  margin-bottom: 16px;
}
.checkbox-item {
  padding: 0 12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--wp-text-primary);
  margin-bottom: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.checkbox-item .p-checkbox.p-disabled {
  border-radius: 4px;
  border: 1px solid var(--wp-state-disabled);
  background: var(--wp-surface-white);
}
.checkbox-item .p-checkbox.p-disabled + label {
  color: #edeafb;
}
.column-popup .checkbox-item {
  margin-bottom: 0;
}
.analytic-chart-wrap {
  min-height: 400px;
}
.chart-config-popover .popover-btns-wrap {
  flex-wrap: wrap;
}
.chart-config-popover .popover-btns-wrap button.v-btn {
  width: 100%;
}
.card-content {
  margin-top: 12px;
}
.card-header-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.card-header-title h2 {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  color: var(--wp-text-primary);
}
.card-header-conf {
  margin-left: 8px;
  padding: 2px 4px;
  color: var(--wp-text-tertiary);
  border-radius: 8px;
  background: var(--wp-surface-tag);
  transition: none;
}
.card-header-conf:deep(svg path) {
  fill: var(--wp-icon-primary);
}
.card-header-conf svg {
  block-size: 20px;
  inline-size: 20px;
  width: 20px !important;
  height: 20px !important;
  font-size: 20px !important;
}
.card-header-conf svg path {
  fill: var(--wp-icon-primary);
}
.page-top {
  width: 100%;
  margin-bottom: 20px;
}
.v-application__wrap .v-tab.v-tab.v-btn {
  height: auto;
  width: auto;
  border-radius: 0 !important;
  font-size: 14px;
  line-height: 20px;
  color: var(--wp-text-tertiary) !important;
  padding: 8px 12px;
  border-bottom: 2px solid var(--wp-surface-default);
  min-width: initial;
  margin-bottom: 0;
}
.v-application__wrap .v-tab.v-tab.v-btn:hover {
  color: var(--wp-text-primary) !important;
  background-color: transparent;
}
.v-application__wrap .v-tab.v-tab.v-btn:disabled {
  color: var(--wp-border-primary) !important;
}
.v-application__wrap .v-tab.v-tab.v-btn.v-tab-item--selected {
  pointer-events: none;
  border-bottom: 2px solid var(--accent);
  color: var(--wp-text-primary) !important;
  font-weight: 500;
}
.v-application__wrap .v-tab.v-tab.v-btn .text {
  padding: 0;
}
.v-application__wrap .v-tab.v-tab.v-btn .v-icon {
  display: none;
}
.custom-multiselect {
  width: 100%;
}
body .p-textarea {
  border: none;
  border-radius: 8px;
  outline: none;
  width: 100%;
  padding: 14px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--wp-text-primary);
  background: var(--wp-surface-tertiary) !important;
  caret-color: var(--wp-text-disabled);
}
body .p-textarea::placeholder {
  color: var(--wp-text-tertiary);
}
body .p-textarea:focus {
  border-color: var(--wp-border-primary);
}
body .p-multiselect-overlay {
  border-radius: 8px;
  background: var(--wp-surface-card);
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.1);
  border: none;
}
body .p-multiselect .p-multiselect-overlay {
  width: 100%;
}
body .p-checkbox-checked:not(.p-disabled) .p-checkbox-box {
  background: var(--wp-btn-primary-bg);
  border-color: var(--wp-btn-primary-bg);
}
body .p-checkbox-checked:not(.p-disabled) .p-checkbox-box svg path {
  fill: #fff;
}
body .p-checkbox-box {
  background: transparent;
  border-radius: 4px;
  border: 1px solid var(--wp-border-table);
}
body .p-multiselect-option:not(.p-multiselect-option-selected):not(.p-disabled).p-focus {
  background: var(--wp-state-hover-menu);
  color: var(--wp-text-main-to-white) !important;
}
body .p-multiselect-list {
  padding: 0;
  gap: 0px;
  padding-bottom: 12px;
}
body .multiselect-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
}
body .selected-info {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: var(--wp-text-tertiary);
}
body .option-with-icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
body .p-component .option-with-icon {
  max-width: 85% !important;
}
body .p-select-label.p-placeholder .option-with-icon,
body .p-select-label .option-with-icon {
  color: var(--wp-text-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
body .p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box,
body .v-application__wrap .p-checkbox-checked:not(.p-disabled) .p-checkbox-box {
  background: var(--wp-btn-primary-bg);
  border-color: var(--wp-btn-primary-bg);
}
body .p-multiselect {
  background: var(--wp-surface-card);
  box-shadow: none;
  border: 1px solid transparent;
  padding: 3px 12px;
  border: none;
  height: 40px;
  overflow: visible;
  width: 100%;
  margin-bottom: 16px;
}
body .p-chip {
  border-radius: 8px !important;
  border: 1px solid #e8e8ec;
  background: #dad5f7;
}
body .p-chip .p-chip-label {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: var(--wp-text-primary);
}
body .p-chip .p-chip-remove-icon {
  color: #dad5f8;
  background: #6c56e0;
  border-radius: 50%;
}
body .p-multiselect-label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--wp-text-tertiary);
  padding: 0 !important;
}
body .p-multiselect-label.p-placeholder {
  padding: 0;
}
body .p-multiselect-label-container {
  align-items: center;
  display: flex;
}
body .p-button-text.p-button-secondary:not(:disabled):hover {
  background: transparent;
  border-color: transparent;
  color: var(--p-button-text-secondary-color);
}
.p-dialog-header-close {
  display: block;
}
.popup .v-btn.v-btn--density-default {
  width: calc(50% - 8px);
  border-radius: 8px;
}
.popup .p-dialog-close-button {
  padding: 0;
  width: 20px !important;
  height: 20px !important;
}
.popup .popup-footer .el-button {
  width: calc(50% - 8px);
  max-width: 154px;
}
.v-btn--variant-elevated .v-btn__content {
  color: #fff !important;
}
.v-btn--variant-tonal .v-btn__content {
  color: rgb(var(--v-theme-button-secondary-text-color)) !important;
}
.table-wrap-header-title-btn-wrap .v-btn--variant-tonal .v-btn__content {
  color: var(--wp-text-accent) !important;
}
body .search .search-input {
  width: 100%;
  border-radius: 8px;
  background: rgb(var(--v-theme-surface-tertiary));
  border: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--wp-text-disabled);
  caret-color: var(--wp-text-disabled);
  border: 1px solid transparent;
}
body .search .search-input:hover {
  border-color: rgb(var(--v-theme-borders-borders-button));
}
body .search .search-input:focus {
  border: 1px solid rgb(var(--v-theme-state-pressed-open)) !important;
}
body .search .p-iconfield .p-inputtext:not(:first-child) {
  padding-left: 36px;
}
body .search .search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
}
body .search .search-icon:hover {
  cursor: default;
}
body .search .search-icon svg {
  min-width: 16px;
  min-height: 16px;
  margin-left: 0;
}
body .search .search-icon svg:hover {
  cursor: default;
}
body .search .search-icon svg path {
  fill: var(--wp-icon-primary);
}
body .search-filter {
  border-radius: 8px;
  background: var(--wp-surface-card);
}
.p-drawer {
  transform: none;
}
body .p-drawer {
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  position: relative;
  transition: transform 0.3s;
  border-radius: 16px 0px 0px 16px;
  background: var(--wp-surface-card);
  color: var(--wp-text-primary);
  box-shadow: var(--p-drawer-shadow);
  padding: 24px 0px;
  width: 920px !important;
  height: 100%;
  border-left: 1px solid transparent;
  border: none;
  overflow: hidden;
  transform-box: border-box;
  transform: initial;
}
body .p-drawer.column-configuration-drawer {
  width: 640px !important;
}
body .p-drawer-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  color: var(--wp-text-primary);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
body .p-drawer-header {
  display: none;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  margin-bottom: 24px;
  padding: 0 24px;
}
body .p-drawer-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
body .p-drawer-header .v-btn {
  padding: 8px 20px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  max-height: 32px;
}
body .p-drawer-header .p-drawer-custom-close-button {
  width: 24px;
  height: 24px;
}
body .p-drawer .hidden-columns-wrap {
  background: rgb(var(--v-theme-surface-tertiary));
  padding: 12px;
  border-radius: 8px 0px 0px 8px;
  height: 100%;
}
body .p-drawer .hidden-columns-wrap .hidden-columns-title {
  margin-top: 0;
}
body .p-drawer .p-drawer-close-button {
  display: none !important;
}
body .p-drawer .p-drawer-content {
  padding: 0;
  height: 100%;
  flex-grow: initial;
}
body .p-drawer .p-drawer-content .p-drawer-content {
  padding-bottom: 130px;
  padding-top: 42px;
}
body .p-drawer .p-drawer-content .column-configuration-drawer {
  padding-bottom: 20px;
}
body .p-drawer .p-drawer-content .p-drawer-header {
  display: flex;
  margin-bottom: 16px;
  position: fixed;
  top: 0;
  z-index: 3;
  padding: 20px;
  background: var(--wp-surface-card);
  padding-bottom: 12px;
  width: 470px;
}
body .p-drawer .p-drawer-content .p-drawer-header:not(.table-column-configuration-drawer .p-drawer-header):not(.metric-configuration-drawer .p-drawer-header) {
  width: 920px;
  border-radius: 16px 0 0 0;
}
@media (max-width: 768px) {
  body .p-drawer .p-drawer-content .p-drawer-header:not(.table-column-configuration-drawer .p-drawer-header):not(.metric-configuration-drawer .p-drawer-header) {
    width: 100%;
  }
}
body .table-column-configuration-drawer .p-drawer-content .p-drawer-header {
  width: 648px;
  border-radius: 16px 0 0 0;
}
.p-drawer.filter-drawer .p-drawer-content {
  overflow: visible;
}
.p-drawer-content-current-filter {
  padding-bottom: 0px !important;
}
.filter-item label {
  width: 100%;
}
.custom-multi-select-filter {
  height: 100%;
}
.column-configuration-drawer .p-drawer-header {
  padding: 20px 16px;
  width: 100%;
}
.table-column-configuration-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 26px;
  border-radius: 8px;
  border: 1px solid rgb(var(--v-theme-borders-tertiary));
  padding: 0px !important;
  margin: 0 16px;
}
.table-column-configuration-wrap .smooth-dnd-container.horizontal > .smooth-dnd-draggable-wrapper,
.table-column-configuration-wrap .smooth-dnd-container.horizontal > .dnd-static-item {
  width: 100%;
}
.table-column-configuration-wrap .hidden-columns-group-list {
  max-height: 100%;
  overflow: auto;
  height: calc(100% - 84px);
}
.table-column-configuration-wrap .smooth-dnd-container.vertical {
  height: calc(100% - 44px);
  overflow-y: auto;
}
.table-column-configuration-wrap .column-configuration-item-actions .column-configuration-item-action svg path {
  fill: var(--wp-icon-primary);
}
.table-column-configuration-drawer :deep(.set-controls .set-select) {
  width: calc(100% - 190px);
}
.table-column-configuration-drawer :deep(.set-control-save) {
  width: 121px;
}
.table-column-configuration-drawer .set-save-content {
  width: 100%;
}
.table-column-configuration-drawer .set-save-content .v-btn {
  width: 100%;
}
.table-column-configuration-drawer .table-column-configuration-sets .p-select {
  background: rgb(var(--v-theme-surface-tertiary)) !important;
  border-color: transparent !important;
}
.table-column-configuration-drawer .table-column-configuration-sets .p-select.p-select-open, .table-column-configuration-drawer .table-column-configuration-sets .p-select.p-select-open:hover {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  border: 1px solid rgb(var(--v-theme-state-pressed-open)) !important;
  border-color: rgb(var(--v-theme-state-pressed-open)) !important;
}
.table-column-configuration-drawer .table-column-configuration-sets .p-select:hover {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  border: 1px solid var(--wp-state-hover) !important;
  border-color: var(--wp-state-hover) !important;
}
.table-column-configuration-drawer .table-column-configuration-sets .set-controls {
  justify-content: flex-start;
}
.table-column-configuration-drawer .table-column-configuration-sets .set-controls .set-select {
  width: 420px;
}
.table-column-configuration-drawer .table-column-configuration-sets .set-controls .set-actions {
  margin-left: 8px;
  margin-right: 12px;
}
.table-column-configuration-drawer .table-column-configuration-sets .set-controls .set-control-save {
  width: 121px;
  margin-top: 0;
  margin-left: auto;
}
.table-column-configuration-drawer .column-configuration-wrap {
  height: calc(100vh - 180px);
}
.table-column-configuration-drawer .column-configuration-wrap {
  height: calc(100vh - 180px);
}
.table-column-configuration-drawer .column-configuration-item {
  border: 1px solid transparent;
}
.table-column-configuration-drawer .column-configuration-item .counter-number {
  margin-left: 0;
  background: rgb(var(--v-theme-surface-tag-active2));
}
.table-column-configuration-drawer .column-configuration-item .counter-number .counter-number {
  color: rgb(var(--v-theme-tertiary-color)) !important;
}
.table-column-configuration-drawer .column-configuration-item:hover {
  border: 1px solid rgb(var(--v-theme-borders-light-2));
  background: rgb(var(--v-theme-surface-hover));
}
.table-column-configuration-drawer .column-configuration-item:hover .column-configuration-item-name {
  color: var(--wp-text-main-to-white) !important;
}
.table-column-configuration-drawer .column-configuration-item:hover .column-configuration-item-actions svg path {
  fill: var(--wp-text-main-to-white) !important;
}
.table-column-configuration-drawer .column-configuration-item:hover .counter-number {
  background: rgb(var(--v-theme-surface-tag-active2)) !important;
}
.table-column-configuration-drawer .hidden-columns-empty-state {
  width: 100%;
  height: calc(100% - 84px);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100% - 84px);
}
.table-column-configuration-drawer .hidden-columns-empty-state-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.table-column-configuration-drawer .hidden-columns-empty-state-content p {
  display: block;
  width: 100%;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-top: 4px;
}
.table-column-configuration-drawer .hidden-columns-wrap .column-configuration-item {
  border: 1px solid transparent;
}
.table-column-configuration-drawer .hidden-columns-wrap .column-configuration-item:hover {
  border: 1px solid rgb(var(--v-theme-borders-light-2));
  background: rgb(var(--v-theme-surface-table-header-hover));
}
.table-column-configuration-drawer .p-drawer-content {
  overflow: visible;
}
.table-column-configuration-item {
  min-width: initial !important;
  width: 100%;
  height: 100%;
}
.table-column-configuration-item:not(:first-child) {
  margin-right: 12px;
}
.table-column-configuration-drawer .p-drawer-header {
  width: 648px;
}
.table-column-configuration-wrap .smooth-dnd-container.horizontal {
  height: 100%;
}
body .header-menu .p-select {
  background: var(--sub-bg);
  max-height: 36px;
  border: 1px solid rgb(var(--v-theme-borders-borders-button));
  border-radius: 20px;
  --p-form-field-lg-font-size: 1.025rem;
}
@media (max-width: 768px) {
  body .header-menu .p-select {
    max-height: 32px;
    padding: 5px;
  }
}
body .header-menu .p-select-dropdown {
  margin-top: 3px;
}
@media (max-width: 768px) {
  body .header-menu .p-select-dropdown {
    margin-top: 5px;
  }
}
body .p-select-list-footer {
  padding: 10px;
  border-top: 1px solid rgb(var(--v-theme-borders-primary));
}
body .p-select-lg .p-select-label {
  padding-block: initial;
  padding-inline: initial;
  --p-select-lg-font-size: 1rem;
}
body .custom-select {
  width: 100%;
  border-radius: 8px;
  background: rgb(var(--v-theme-input-background));
  border: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--wp-text-tertiary);
  padding: 10px 12px;
  outline: none;
}
body .p-select-label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: var(--wp-text-tertiary);
  padding: 0;
}
body .p-select-overlay,
body .p-multiselect-overlay {
  --p-select-list-header-padding: 8px;
  background: var(--wp-surface-popup);
  border: 1px solid rgb(var(--v-theme-borders-primary)) !important;
  box-shadow: var(--white-popover-shadow);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--wp-text-primary);
  border: none;
  border-radius: 8px;
}
body .p-select-option {
  cursor: pointer;
  font-weight: normal;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 6px 12px;
  border: 0 none;
  color: var(--wp-text-primary);
  background: transparent;
  transition: background var(--p-select-transition-duration), color var(--p-select-transition-duration), border-color var(--p-select-transition-duration), box-shadow var(--p-select-transition-duration), outline-color var(--p-select-transition-duration);
  border-radius: 8px;
}
body .p-select-option.p-select-option-selected {
  background: var(--wp-state-hover-menu);
  color: var(--wp-btn-primary-text);
}
body .p-select-option:not(.p-select-option-selected):not(.p-disabled):hover,
body .p-select-option.p-select-option-selected:hover,
body .p-select-option.p-select-option-selected:hover {
  background: var(--wp-state-hover-menu);
  color: var(--wp-text-main-to-white) !important;
}
body .p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus {
  background: none;
  color: inherit;
}
body .p-select-option:not(.p-select-option-selected):not(.p-disabled):hover {
  background: var(--wp-state-hover-menu);
  color: var(--wp-btn-primary-text);
}
body .p-select-option.p-select-option-selected.p-focus {
  background: var(--wp-state-hover-menu);
  color: var(--wp-btn-primary-text);
}
body .p-accordionpanel .p-multiselect {
  background: rgb(var(--v-theme-input-background));
}
.multiselect-over-limit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 8px;
}
.multiselect-over-limit .selected-item-other {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #e8e8ec;
  background: #dad5f7;
  padding: 2px 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  color: var(--wp-text-primary);
  min-height: 27px;
}
.multiselect-over-limit .clear-button {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  color: #fff;
  background: #b20000;
  border-radius: 50%;
  padding-bottom: 2px;
}
.button-counter {
  border-radius: 8px;
  background: rgb(var(--v-theme-surface-tag-active));
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: var(--wp-state-main);
  padding: 0px 5.5px;
  margin-left: 8px;
}
.filter-count {
  padding: 2px 6px;
  border-radius: 16px;
  background: var(--wp-surface-tag);
  color: var(--wp-text-secondary);
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  margin-left: 8px;
  min-width: 20px;
  text-align: center;
  display: inline-block;
}
.p-multiselect-empty-message {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  color: var(--wp-text-primary);
}
.p-datatable-mask {
  background: var(--wp-surface-card) !important;
  z-index: 999 !important;
}
.p-datatable-loading-icon path {
  fill: var(--wp-btn-primary-bg);
}
.custom-loader {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  color: var(--wp-text-primary);
}
.empty-state {
  width: 100%;
  height: inherit;
  background: var(--wp-surface-card);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  color: var(--wp-text-primary);
}
.v-application__wrap .p-popover-content .checkbox-item-wrap {
  height: 400px;
  overflow: auto;
}
.bold {
  font-weight: bold;
}
.v-pagination .v-pagination__item .v-btn {
  width: auto;
  min-width: 40px;
  padding: 5px;
  background: var(--wp-surface-white);
  border: 1px solid rgb(var(--v-theme-borders-tertiary));
  color: var(--wp-text-primary);
}
.v-pagination .v-pagination__item .v-btn:hover {
  border: 1px solid var(--wp-state-hover);
}
.p-multiselect-list-container {
  overscroll-behavior: none;
}
.v-pagination .v-pagination__next .v-btn--icon .v-icon path,
.v-pagination .v-pagination__prev .v-btn--icon .v-icon path {
  stroke: rgb(var(--v-theme-icon-gray));
}
.v-application__wrap .text-primary {
  color: var(--wp-state-main) !important;
  font-size: 14px;
}
.v-application__wrap .v-card.v-card--variant-elevated {
  box-shadow: none !important;
}
.v-btn--variant-tonal .v-btn__underlay {
  background: var(--wp-btn-secondary-bg);
}
.v-btn.v-btn--variant-tonal .v-btn__underlay {
  opacity: 1;
}
.v-btn.v-btn--variant-tonal:hover .v-btn__underlay {
  opacity: 0.6;
}
.p-inputtext,
.p-multiselect {
  transition: none !important;
}
.v-application__wrap .layout-nav-type-vertical .layout-vertical-nav .nav-header .header-action:not(.nav-collapse-toggle) path {
  fill: var(--wp-text-primary);
}
.layout-vertical-nav-collapsed .header .logo {
  display: none;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group .nav-group-arrow path {
  stroke: var(--wp-text-disabled);
}
.nav-group-lock-icon {
  width: 16px;
  height: 16px;
  block-size: 16px !important;
  inline-size: 16px !important;
}
.nav-group-lock-icon-wrap {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 50%;
  background: rgb(var(--v-theme-menu-icon-bg-disabled));
}
.layout-nav-type-vertical .layout-vertical-nav .nav-link.disabled > a {
  color: rgb(var(--v-theme-icon-gray));
}
.layout-vertical-nav .nav-group.disabled .nav-group-label {
  color: rgb(var(--v-theme-icon-gray));
}
.layout-vertical-nav .nav-group.disabled .nav-group-label .nav-group-lock-icon,
.layout-vertical-nav .nav-link.disabled .nav-group-lock-icon {
  pointer-events: auto;
}
.layout-vertical-nav .nav-group .nav-group-label {
  font-weight: 500;
}
label {
  cursor: pointer;
}
.p-select,
.p-multiselect {
  width: 100%;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--wp-text-disabled);
  background: var(--wp-surface-card);
  border-radius: 8px;
  max-height: 32px;
  padding: 8px 26px 8px 12px;
  margin-bottom: 12px;
}
.p-select:hover,
.p-multiselect:hover {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12) !important;
  border-color: var(--wp-state-hover) !important;
}
.p-select:focus,
.p-multiselect:focus {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12) !important;
  border: 1px solid var(--state-focus, #a495ec) !important;
}
.p-select.p-select-open, .p-select.p-select-open:hover,
.p-multiselect.p-select-open,
.p-multiselect.p-select-open:hover {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12) !important;
  border: 1px solid rgb(var(--v-theme-state-pressed-open)) !important;
  border-color: rgb(var(--v-theme-state-pressed-open)) !important;
}
.p-select.p-disabled,
.p-multiselect.p-disabled {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12) !important;
  background: rgb(var(--v-theme-surface-surface-tertiary)) !important;
  border: 1px solid transparent !important;
  cursor: not-allowed !important;
}
.p-select:not(.p-disabled).p-focus {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  border: 1px solid rgb(var(--v-theme-state-pressed-open)) !important;
  border-color: rgb(var(--v-theme-state-pressed-open)) !important;
}
.v-application__wrap .marketplace-select .p-select {
  background: var(--wp-surface-card) !important;
  box-shadow: none;
  border: 1px solid rgb(var(--v-theme-borders-borders-button)) !important;
}
.v-application__wrap .marketplace-select .p-select:hover {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  border: 1px solid var(--wp-state-hover) !important;
  border-color: var(--wp-state-hover) !important;
}
.v-application__wrap .marketplace-select .p-select:focus, .v-application__wrap .marketplace-select .p-select.p-select-open, .v-application__wrap .marketplace-select .p-select.p-select-open:hover {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  border: 1px solid rgb(var(--v-theme-state-pressed-open)) !important;
  border-color: rgb(var(--v-theme-state-pressed-open)) !important;
}
.v-application__wrap .marketplace-select .p-select.p-disabled {
  background: rgb(var(--v-theme-surface-surface-tertiary)) !important;
}
.v-application__wrap .marketplace-select .p-select.p-disabled .p-select-label.p-placeholder {
  color: var(--wp-state-disabled) !important;
}
.v-application__wrap .marketplace-select .p-select.p-disabled .p-select-dropdown svg path, .v-application__wrap .marketplace-select .p-select.p-disabled .p-multiselect-dropdown svg path {
  fill: var(--wp-state-disabled) !important;
}
.eye.active path {
  fill: var(--wp-state-main);
}
body .v-tooltip > .v-overlay__content {
  box-shadow: 0px 15px 24px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  background: rgb(var(--v-theme-popup-secondary));
  color: var(--wp-text-primary);
  padding: 12px 12px;
}
body .v-tooltip > .v-overlay__content::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid rgb(var(--v-theme-popup-secondary));
}
.tooltip-content .tooltip-title {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: var(--wp-text-primary);
  display: block;
  width: 100%;
  margin-bottom: 8px;
}
.tooltip-content p {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: var(--wp-text-primary);
  margin-bottom: 16px;
}
.tooltip-content p:last-child {
  margin-bottom: 0;
}
.v-application__wrap .v-divider {
  background: rgb(var(--v-theme-borders-borders));
}
.loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.button-with-icon {
  border-radius: 8px;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 8px;
}
.country-flag {
  width: 16px;
  height: 11px;
}
.country-flag svg {
  width: 100%;
  height: 100%;
}
.country-flag svg path {
  fill: var(--wp-text-disabled);
}
.subtitle-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.button-link {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: var(--wp-state-main);
  height: auto !important;
  width: auto !important;
}
.v-btn.v-btn--variant-outlined {
  border: 1px solid rgb(var(--v-theme-borders-borders-button));
  transition: none !important;
}
.v-btn.v-btn--variant-outlined:hover {
  border-color: var(--wp-state-main);
  background: transparent;
}
.v-btn.v-btn--variant-outlined:hover > .v-btn__overlay,
.v-btn.v-btn--variant-flat:hover > .v-btn__overlay,
.v-btn.v-btn--variant-text:hover > .v-btn__overlay,
.v-btn.v-btn--variant-plain:hover > .v-btn__overlay {
  opacity: 0;
}
.button-with-icon {
  padding: 6px 12px;
}
.chip-accepted {
  border: 1px solid #01a708 !important;
}
.chip-rejected {
  border: 1px solid #ff3f3f !important;
}
.chip-pending,
.chip-sent {
  border: 1px solid #f8961e !important;
}
.chip-expired {
  border: 1px solid var(--wp-text-tertiary) !important;
}
.p-dialog {
  min-width: calc(100% - 32px);
  min-height: 200px;
}
@media only screen and (min-width: 768px) {
  .p-dialog {
    min-width: 400px;
    min-height: 200px;
  }
}
.p-dialog.legal-dialog {
  max-width: 90% !important;
}
@media only screen and (min-width: 768px) {
  .p-dialog.legal-dialog {
    max-width: initial !important;
  }
}
.popup-column-btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
.hide-header-popup .p-dialog-header {
  display: none !important;
}
.p-dialog-close-button svg {
  margin-left: 0;
}
.p-dialog .field-error {
  display: none !important;
}
.p-dialog .auth-field-wrap.error .field-error {
  display: block !important;
}
.p-select,
.p-checkbox-box {
  transition: none !important;
}
body .v-application__wrap .v-btn.action-btn,
.p-drawer-full .table-wrap-header-actions__item .v-btn.action-btn {
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid rgb(var(--v-theme-borders-borders-button));
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: var(--wp-text-primary) !important;
  max-height: 32px;
  background: var(--wp-surface-white);
  cursor: pointer;
}
body .v-application__wrap .v-btn.action-btn .v-btn__content,
.p-drawer-full .table-wrap-header-actions__item .v-btn.action-btn .v-btn__content {
  gap: 6px;
}
body .v-application__wrap .v-btn.action-btn svg,
.p-drawer-full .table-wrap-header-actions__item .v-btn.action-btn svg {
  margin-left: 0px;
}
body .v-application__wrap .v-btn.action-btn svg path,
.p-drawer-full .table-wrap-header-actions__item .v-btn.action-btn svg path {
  fill: var(--wp-icon-primary);
}
body .v-application__wrap .v-btn.action-btn:hover,
.p-drawer-full .table-wrap-header-actions__item .v-btn.action-btn:hover {
  border-color: var(--wp-state-hover);
}
body .v-application__wrap .v-btn.action-btn.open,
.p-drawer-full .table-wrap-header-actions__item .v-btn.action-btn.open {
  border: 1px solid rgb(var(--v-theme-state-pressed-open)) !important;
  border-color: rgb(var(--v-theme-state-pressed-open)) !important;
}
body .v-application__wrap .v-btn.action-btn:active > .v-btn__overlay,
body .v-application__wrap .v-btn.action-btn .v-btn.v-btn--variant-flat:active > .v-btn__overlay,
body .v-application__wrap .v-btn.action-btn .v-btn.v-btn--variant-text:active > .v-btn__overlay,
body .v-application__wrap .v-btn.action-btn .v-btn.v-btn--variant-plain:active > .v-btn__overlay,
.p-drawer-full .table-wrap-header-actions__item .v-btn.action-btn:active > .v-btn__overlay,
.p-drawer-full .table-wrap-header-actions__item .v-btn.action-btn .v-btn.v-btn--variant-flat:active > .v-btn__overlay,
.p-drawer-full .table-wrap-header-actions__item .v-btn.action-btn .v-btn.v-btn--variant-text:active > .v-btn__overlay,
.p-drawer-full .table-wrap-header-actions__item .v-btn.action-btn .v-btn.v-btn--variant-plain:active > .v-btn__overlay {
  opacity: 0;
}
body .v-application__wrap .v-btn.action-btn .v-btn:focus-visible::after,
.p-drawer-full .table-wrap-header-actions__item .v-btn.action-btn .v-btn:focus-visible::after {
  display: none !important;
}
body .v-application__wrap .v-btn.action-btn .v-ripple__container,
.p-drawer-full .table-wrap-header-actions__item .v-btn.action-btn .v-ripple__container {
  display: none !important;
}
body .p-select-dropdown,
body .p-multiselect-dropdown {
  width: 12px;
  height: 12px;
}
body .p-select-open .p-select-dropdown,
body .p-select-open .p-multiselect-dropdown {
  transform: rotate(180deg);
}
.p-iconfield .p-inputicon:last-child {
  left: 12px;
}
.p-iconfield .p-inputicon {
  width: 20px;
}
.marketplace-select .p-select .p-select-filter {
  padding-left: 36px;
}
.p-select-filter {
  width: 100%;
  border-radius: 8px;
  background: rgb(var(--v-theme-surface-surface-tertiary)) !important;
  border: none !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 20px !important;
  color: var(--wp-text-disabled);
  padding-left: 36px !important;
}
.p-select-filter::placeholder {
  font-weight: 400;
}
.p-select-filter:focus {
  border-color: var(--wp-border-primary);
}
body .v-application__wrap .action-btn-filters .v-btn.action-btn {
  border: 1px transparent;
}
.chart-metric-header .p-select-header {
  padding: 0;
  overflow: hidden;
  border-radius: 8px 8px 0px 0px;
}
.metric-configuration-item .search-icon svg,
.metric-dropdown .search-icon svg,
.set-controls .search-icon svg {
  margin-left: 0;
}
.metric-configuration-item .p-icon path,
.metric-dropdown .p-icon path,
.set-controls .p-icon path {
  fill: var(--wp-icon-primary);
}
.metric-configuration-item .p-select-header,
.metric-dropdown .p-select-header,
.set-controls .p-select-header {
  padding: 0;
  overflow: hidden;
  border-radius: 8px 8px 0px 0px;
}
.metric-configuration-item .p-select-filter,
.metric-dropdown .p-select-filter,
.set-controls .p-select-filter {
  padding: 0;
  overflow: hidden;
  width: 100%;
  border-radius: 8px 8px 0px 0px;
  background: var(--wp-surface-white) !important;
  border: none;
  border-bottom: 1px solid rgb(var(--v-theme-borders-borders-button)) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--wp-text-disabled) !important;
  caret-color: var(--wp-text-disabled) !important;
  padding: var(--p-inputtext-padding-y) var(--p-inputtext-padding-x);
}
.metric-configuration-item .p-select-filter::placeholder,
.metric-dropdown .p-select-filter::placeholder,
.set-controls .p-select-filter::placeholder {
  color: var(--wp-text-disabled);
}
.metric-configuration-item .p-select-filter:focus,
.metric-dropdown .p-select-filter:focus,
.set-controls .p-select-filter:focus {
  border-color: var(--wp-border-primary);
}
.chart-metric-header .p-select-filter,
.set-controls .p-select-filter,
.metric-configuration-item .p-select-filter {
  width: 100%;
  border-radius: 8px 8px 0px 0px;
  background: var(--wp-surface-white) !important;
  border: none;
  border-bottom: 1px solid rgb(var(--v-theme-borders-borders-button)) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--wp-text-disabled) !important;
  caret-color: var(--wp-text-disabled) !important;
}
.chart-metric-header .p-select-filter::placeholder,
.set-controls .p-select-filter::placeholder,
.metric-configuration-item .p-select-filter::placeholder {
  color: var(--wp-text-disabled);
}
.chart-metric-header .p-select-filter:focus,
.set-controls .p-select-filter:focus,
.metric-configuration-item .p-select-filter:focus {
  border-color: var(--wp-border-primary);
}
.v-btn.v-btn--density-default {
  max-height: 32px;
  border-radius: 8px;
}
.p-popover-content .checkbox-item {
  padding: 6px 16px;
  margin-bottom: 0;
  border-radius: 8px;
}
.p-popover-content .checkbox-item:hover {
  background-color: var(--wp-state-hover-menu);
}
.p-drawer-open {
  z-index: 999999;
}
.analytic-table .loading .ag-root-wrapper {
  border: none !important;
}
.analytic-table .ag-header-cell .checkbox-item {
  padding: 0px;
  margin: 0px;
}
.ad-group-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.analytic-table .ag-floating-top {
  border-color: rgb(var(--v-theme-borders-primary)) !important;
}
.analytic-table .ag-floating-top .ad-group-icon,
.analytic-table .ag-floating-top .target-icon {
  display: none;
}
.analytic-table .ag-floating-top {
  overflow-y: visible !important;
}
.analytic-table .ag-floating-top .row-checkbox {
  opacity: 0;
}
.body .column-configuration-drawer .p-drawer-content .p-drawer-content {
  padding-bottom: 20px;
}
.counter-number {
  min-width: 21px;
  padding: 2px 4px;
  border-radius: 16px;
  background: var(--wp-surface-tag);
  color: var(--wp-text-secondary);
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.analytic-empty {
  gap: 12px;
}
.v-btn.v-btn--variant-outlined.action-btn.v-btn--disabled {
  color: var(--wp-state-disabled) !important;
  border-color: var(--wp-state-disabled);
  cursor: not-allowed !important;
}
.v-btn.v-btn--variant-outlined.action-btn.v-btn--disabled svg path {
  fill: var(--wp-state-disabled);
}
.grecaptcha-badge {
  display: none !important;
}
.auth-page .grecaptcha-badge {
  display: block !important;
}
.checkbox-item {
  padding: 0 12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--wp-text-primary);
  margin-bottom: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.checkbox-item .p-checkbox.p-disabled.p-checkbox-checked {
  background: var(--wp-surface-white);
}
.checkbox-item .p-checkbox.p-disabled.p-checkbox-checked .p-checkbox-box {
  background: var(--wp-state-disabled);
  border: 1px solid var(--wp-state-disabled);
}
.checkbox-item .p-checkbox.p-disabled {
  border-radius: 5px;
  border: 1px solid var(--wp-state-disabled);
  background: var(--wp-surface-white);
}
.checkbox-item .p-checkbox.p-disabled + label, .checkbox-item .p-checkbox.p-disabled + .metric-label {
  color: #edeafb;
}
.checkbox-item .p-checkbox.p-disabled .p-checkbox-box {
  background: var(--wp-surface-white);
  border: 1px solid var(--wp-state-disabled);
}
.p-checkbox.p-disabled {
  border-radius: 5px;
}
.p-checkbox.p-disabled + label, .p-checkbox.p-disabled + .metric-label {
  color: var(--wp-state-disabled);
}
.p-checkbox.p-disabled .p-checkbox-box {
  background: transparent !important;
  border: 1px solid var(--wp-state-disabled) !important;
}
.p-checkbox.p-disabled.p-checkbox-checked .p-checkbox-box {
  background: var(--wp-state-disabled) !important;
  border: 1px solid transparent !important;
}
.search-input {
  max-height: 32px;
}
.p-dialog.confirm-sets-popup {
  max-width: 270px;
  min-width: 200px;
  padding: 16px;
  min-height: auto;
}
.p-dialog.confirm-sets-popup .p-dialog-title {
  font-size: 16px;
  line-height: 24px;
}
.p-dialog.confirm-sets-popup .p-dialog-close-button {
  width: 20px;
  height: 20px;
}
.p-dialog.confirm-sets-popup .p-dialog-content {
  margin-bottom: 12px;
}
.p-overlay-mask {
  width: calc(100% + 1px) !important;
  left: -1px !important;
}
.p-dialog.set-popup {
  max-width: 270px;
  min-width: 200px;
  width: 100%;
  padding: 16px;
  min-height: auto;
}
.p-dialog.set-popup .p-dialog-header {
  display: none;
}
.p-dialog.set-popup .p-dialog-content {
  padding: 0;
}
.p-dialog.set-popup .popup-header {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
}
.p-dialog.set-popup .popup-title {
  font-size: 16px;
  line-height: 24px;
}
.p-dialog.set-popup .popup-content {
  margin-bottom: 12px;
}
.p-dialog.set-popup .confirm-btns-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.p-dialog.set-popup .field-error {
  display: block !important;
}
.p-dialog.set-popup .auth-input-wrap input {
  max-height: 32px;
  background: var(--wp-surface-tertiary) !important;
  caret-color: var(--wp-text-disabled);
}
.p-dialog.set-popup .v-btn.v-btn--variant-outlined {
  color: var(--wp-text-accent) !important;
}
.p-dialog.set-popup .v-btn.v-btn--variant-outlined:hover {
  border-color: var(--wp-text-accent) !important;
}
.v-btn.v-btn--disabled {
  background: var(--wp-state-disabled) !important;
}
.v-pagination__list .v-btn.v-btn--disabled {
  background: initial !important;
}
.v-pagination__list .v-pagination__item--is-active .v-btn.v-btn--disabled {
  background: var(--wp-surface-table-hover) !important;
}
.v-btn--disabled.v-btn--variant-elevated .v-btn__overlay,
.v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
  opacity: 1;
  background: transparent;
}
.v-application__wrap .p-datepicker-calendar-container .p-datepicker-calendar {
  border-left: none;
}
.v-application__wrap .p-datepicker-calendar-container .p-datepicker-calendar {
  padding-left: 6px;
}
.v-application__wrap .p-datepicker-calendar-container .p-datepicker-calendar {
  padding-right: 6px;
}
.v-application__wrap .p-button-icon-only.p-datepicker-prev-button {
  margin-left: 0 !important;
  width: auto;
}
.v-application__wrap .p-button-icon-only.p-datepicker-next-button {
  margin-right: 0 !important;
  width: auto;
}
.v-application__wrap .p-datepicker-calendar-container .p-datepicker-title {
  width: 100%;
  text-align: center;
  justify-content: center;
}
.highlight-column::before {
  content: "";
  background-color: color-mix(in srgb, transparent, #482bd9 4%) !important;
  opacity: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 100%;
  pointer-events: none;
  border-right: 1px solid rgb(var(--v-theme-state-hover-table));
  border-left: 1px solid rgb(var(--v-theme-state-hover-table));
  overflow-y: hidden !important;
}
.highlight-column .placement-list {
  background: var(--wp-surface-card);
}
body .v-application__wrap .analytic-table .ag-row-hover .highlight-column::after,
body .v-application__wrap .analytic-table .ag-row-hover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  display: block;
  background: rgb(var(--v-theme-state-hover-table)) !important;
  left: 0;
  top: -1px;
  z-index: 5;
}
body .v-application__wrap .analytic-table .ag-row-hover .placement-list {
  background: var(--wp-surface-card);
}
.analytic-table .ag-row-hover .highlight-column::before {
  border-bottom: none !important;
}
.analytic-table .ag-row,
.analytic-table .ag-cell {
  overflow: visible !important;
}
.analytic-table .ag-cell {
  overflow-x: hidden !important;
}
.analytic-table .ag-ltr .ag-cell {
  border: none !important;
}
.analytic-table .ag-row-hover::before {
  background-color: color-mix(in srgb, transparent, #482bd9 4%) !important;
  opacity: 1;
}
.analytic-table .ag-row-hover {
  border-bottom: 1px solid rgb(var(--v-theme-state-hover-table)) !important;
  height: calc(100% + 1px);
}
.v-theme--dark .analytic-table .ag-row-hover::before,
.v-theme--dark .analytic-table .highlight-column::before {
  background-color: color-mix(in srgb, transparent, #482bd9 10%) !important;
}
body .v-application__wrap .analytic-table .ag-row-hover .highlight-column::after,
body .v-application__wrap .analytic-table .ag-row-hover::after {
  display: none !important;
}
.custom-action-btn {
  width: 20px !important;
  height: 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px !important;
  background: var(--wp-btn-secondary-bg);
  transition: all 0.5s;
}
.custom-action-btn svg {
  width: 16px !important;
  height: 16px !important;
}
.custom-action-btn svg path {
  fill: var(--wp-text-secondary);
}
.custom-action-btn:hover svg path {
  fill: var(--wp-state-main);
}
.analytic-table .ag-cell .custom-action-btn {
  display: none;
  background: none;
  border: none !important;
}
.analytic-table .ag-cell .custom-action-btn path {
  fill: #141414;
}
.analytic-table .ag-cell:hover .custom-action-btn {
  display: flex;
}
.analytic-table .ag-row-selected::before {
  background-color: color-mix(in srgb, transparent, #edeafb 70%) !important;
}
.dark-theme .analytic-table .ag-row-selected::before,
.v-theme--dark .analytic-table .ag-row-selected::before {
  background-color: color-mix(in srgb, transparent, #2f2c40 70%) !important;
}
.toast-copy-success .p-toast-message-content {
  padding: 8px !important;
}
.toast-copy-success .toast-content,
.toast-copy-success .toast-close-icon {
  display: none;
}
.analytic-table .ag-checkbox-input-wrapper:not(.ag-checked)::after {
  color: rgb(var(--v-theme-borders-primary)) !important;
}
.p-dialog.sp-popup {
  max-width: calc(100% - 32px);
}
@media only screen and (min-width: 768px) {
  .p-dialog.sp-popup {
    max-width: 500px;
  }
}
.p-dialog.sp-popup .p-dialog-header {
  display: none;
}
.p-dialog.sp-popup .popup-header {
  margin-bottom: 0;
}
.p-dialog.sp-popup .popup-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 4px;
  max-width: 90%;
}
.p-dialog.sp-popup .popup-description {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: var(--wp-text-tertiary);
  margin-bottom: 16px;
}
.p-dialog.sp-popup .popup-subtitle {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  color: var(--wp-text-primary);
  display: block;
  margin-bottom: 12px;
}
body .p-drawer.metric-configuration-drawer {
  width: 465px !important;
}
.blur .header-user-name,
.blur .text-blur,
.blur .header-account-seller-account-name,
.blur .date-range-display,
.blur .olap-blur-private,
.blur .profile-personal-info .phone-input-wrap {
  filter: blur(5px);
}
.blur .p-image-original {
  filter: blur(20px);
}
.blur .block-blur {
  filter: blur(3px);
}
.blur .block-blur-10 {
  filter: blur(10px);
}
html.blur-off-products .olap-blur-private--products {
  filter: none;
}
html.blur-off-orders .olap-blur-private--orders {
  filter: none;
}
html.blur-off-customers .olap-blur-private--customers {
  filter: none;
}
html.blur-off-collections .olap-blur-private--collections {
  filter: none;
}
.update-existing-popup .p-dialog-content {
  overflow: visible !important;
}
.search-loader {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-loader .v-progress-circular.v-progress-circular--visible {
  margin-right: 0;
}
body .p-popover {
  background: var(--wp-surface-popup);
  border: 1px solid rgb(var(--v-theme-borders-primary)) !important;
  box-shadow: var(--white-popover-shadow);
  border-radius: 8px;
  border: none;
}
body .p-colorpicker-panel {
  background: var(--wp-surface-white);
}
body .p-popover:after,
body .p-popover:before {
  display: none;
}
.color-picker-popover .p-popover-content,
.metric-icon-popover .p-popover-content {
  padding: var(--p-popover-content-padding);
}
.general-analytic-layout .smooth-dnd-container {
  width: 100%;
}
.card-header-icon path {
  fill: var(--wp-icon-primary);
}
.component-hide .card-content {
  display: none;
}
.component-hide .action-visible-btn {
  transform: rotate(-90deg);
  background: rgb(var(--v-theme-surface-tag-hover-table)) !important;
}
.custom-filter-select-content .p-checkbox-box {
  background: transparent;
}
.smooth-dnd-container.vertical > .smooth-dnd-draggable-wrapper,
.smooth-dnd-container.vertical > .dnd-static-item {
  overflow: visible !important;
}
.table-action-input .input-container {
  background-color: rgb(var(--v-theme-surface-tertiary));
}
.table-product-card .table-product-card-content-name .table-action-btn.v-btn {
  margin-left: 4px;
}
.p-drawer-title.p-drawer-configuration-title {
  width: 100%;
  justify-content: space-between;
  margin-right: 12px;
}
.hidden-columns-title {
  font-size: 16px;
  color: var(--wp-text-primary);
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 8px;
  margin-top: 12px;
}
.visible-columns-wrap .card-ghost {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.smooth-dnd-ghost {
  background: var(--wp-surface-card);
}
.cards-drop-preview {
  max-width: 100% !important;
  min-width: 280px !important;
}
.p-drawer:not(.table-column-configuration-drawer) .smooth-dnd-drop-preview-constant-class {
  width: 100% !important;
  left: 0;
}
.chart-configuration-wrap .smooth-dnd-drop-preview-constant-class {
  max-width: calc(100% - 16px) !important;
}
.chart-configuration-wrap .cards-drop-preview {
  margin-left: 16px;
  max-width: calc(100% - 116px) !important;
  min-width: calc(100% - 16px) !important;
}
.p-dialog.product-images-popup {
  max-width: 730px;
}
.p-galleria-close-button:focus-visible {
  outline: none !important;
}
.chart-table-filter-item {
  border: 1px solid rgb(var(--v-theme-constant-light-main-2));
  background: rgb(var(--v-theme-surface-filter));
  color: var(--wp-text-accent);
}
.action-btn-filters .v-btn.v-btn--variant-outlined.action-btn {
  background: var(--wp-btn-secondary-bg);
  color: var(--wp-text-accent) !important;
}
.action-btn-filters .v-btn.v-btn--variant-outlined.action-btn svg path {
  fill: var(--wp-text-accent) !important;
}
.bulk-actions__popover.p-popover-flipped {
  margin-top: calc(var(--p-popover-gutter) * -1) !important;
  margin-bottom: var(--p-popover-gutter);
}
body .filled-btn {
  background: var(--wp-btn-secondary-bg);
  color: var(--wp-text-accent) !important;
}
body .filled-btn:hover {
  background: transparent;
  border-color: var(--wp-state-hover) !important;
}
body .search.column-search .search-input {
  border: 1px solid transparent;
  background: var(--wp-surface-white);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: var(--wp-text-tertiary);
  caret-color: var(--wp-text-disabled);
}
body .search.column-search .search-input:hover {
  border: 1px solid transparent;
}
body .search.column-search .search-input:focus {
  border: 1px solid rgb(var(--v-theme-state-pressed-open));
}
body .search.column-search .search-input:focus-visible {
  border-color: var(--wp-border-primary);
}
body .search.column-search .search-icon svg path {
  fill: var(--wp-icon-primary);
}
.p-dialog .p-button-secondary:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.legal-info {
  color: var(--wp-text-primary);
}
.legal-info h2 {
  margin: 20px 0 10px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.legal-info h2:first-child {
  margin-top: 0;
}
.legal-info p {
  margin: 6px 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.legal-info ul {
  margin: 10px 0;
  padding-left: 20px;
  list-style-type: initial;
}
.legal-info ul li {
  margin: 5px 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.legal-info a {
  color: var(--color-primary);
  text-decoration: none;
}
.legal-info a:hover {
  text-decoration: underline;
}
.p-dialog-footer .legal-btn {
  min-width: 132px;
}
.p-dialog-footer .legal-btn.v-btn--variant-tonal .v-btn__content {
  color: var(--wp-text-accent) !important;
}
.p-dialog .p-dialog-footer {
  padding-top: 16px;
  padding-bottom: 16px;
}
.legal-dialog .p-dialog-header {
  padding: 12px;
}
.p-dialog-mask .p-dialog.legal-dialog .p-dialog-content {
  padding: 16px;
}
.link-target .active {
  color: var(--wp-state-main);
}
.p-drawer-content-current-filter .filter-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0px 20px;
  margin-bottom: 20px;
  flex-direction: column;
  height: 100%;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-section-title,
.layout-nav-type-vertical .layout-vertical-nav .nav-link > :first-child,
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child {
  font-family: var(--wp-font-display);
  font-size: 14px;
}
.layout-horizontal-nav .nav-item-title,
.layout-nav-type-vertical .layout-vertical-nav .nav-item-title {
  font-family: var(--wp-font-display);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group-label .nav-item-title,
.layout-nav-type-vertical .layout-vertical-nav .nav-link .router-link-exact-active .nav-item-title {
  font-weight: 500;
}
.state.enabled {
  background: rgb(var(--v-theme-tag-tag-green));
  color: #01a708;
}
.state.enabled svg path {
  fill: #01a708;
}
.state.paused {
  background: rgb(var(--v-theme-tag-tag-orange));
  color: #f8961e;
}
.state.paused svg path {
  fill: #f8961e;
}
.state.archived {
  background: rgb(var(--v-theme-tag-tag-red));
  color: #ff3f3f;
}
.state.archived svg path {
  fill: #ff3f3f;
}
.dark-theme .state.enabled {
  background: rgba(var(--v-theme-tag-tag-green), 0.06);
  color: #01a708;
}
.dark-theme .state.enabled svg path {
  fill: #01a708;
}
.dark-theme .state.paused {
  background: rgba(var(--v-theme-tag-tag-orange), 0.18);
  color: #f8961e;
}
.dark-theme .state.paused svg path {
  fill: #f8961e;
}
.dark-theme .state.archived {
  background: rgba(var(--v-theme-tag-tag-red), 0.18);
  color: #ff3f3f;
}
.dark-theme .state.archived svg path {
  fill: #ff3f3f;
}
body .v-application__wrap .table-wrap-header-actions__item .v-btn.action-btn svg path,
.p-drawer-full .table-wrap-header-actions__item .v-btn.action-btn svg path {
  fill: var(--wp-icon-primary);
}
.filter-row-title .chart-metric-tooltip {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: 4px;
}
.filter-row-title .chart-metric-tooltip svg {
  width: 16px;
  height: 16px;
}
.table-column-configuration-drawer .sets-wrap {
  margin-left: 12px;
  margin-right: 12px;
}
.v-btn.cancel-button {
  background: var(--wp-btn-secondary-bg);
  border: 1px solid transparent;
  color: var(--wp-text-accent) !important;
}
.v-btn.cancel-button:hover {
  background: var(--wp-btn-secondary-bg);
  border: 1px solid var(--wp-state-hover);
}
.v-btn.v-btn--variant-tonal.cancel-button:hover > .v-btn__overlay {
  opacity: 0;
}
.no-bottom-padding {
  padding-bottom: 0 !important;
}
.main-icon-color path {
  fill: var(--wp-icon-primary) !important;
}
.main-icon-color.disabled path {
  fill: var(--wp-state-disabled) !important;
}
.p-select-dropdown .p-select-dropdown-icon path {
  fill: var(--wp-icon-primary) !important;
}
.p-multiselect-dropdown .p-multiselect-dropdown-icon path {
  fill: var(--wp-icon-primary) !important;
}
.p-inputtext,
.p-select {
  box-shadow: none !important;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-link > a::before {
  background: transparent;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-link > a:hover::before {
  opacity: 1;
  background: rgba(var(--v-theme-state-hover-menu-2), 0.4);
  z-index: -1;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child:hover::before {
  background: transparent;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child:hover::before {
  opacity: 1;
  background: rgba(var(--v-theme-state-hover-menu-2), 0.4);
  z-index: -1;
}
.ma-metrics-popover-wrap {
  transform: translateY(-20px);
}
.ma-metrics-popover .ma-metric:hover .p-checkbox-box {
  border-color: rgb(var(--v-theme-borders-primary));
}
.ma-metrics-popover .ma-metric:hover .p-checkbox-box {
  border-color: var(--wp-state-hover);
}
.ma-metrics-popover .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
  border-color: var(--wp-state-hover);
}
body .v-application__wrap .action-btn-filters .v-btn.action-btn.header-filter-button {
  border: 1px solid transparent;
}
body .v-application__wrap .action-btn-filters .v-btn.action-btn.header-filter-button:hover {
  border: 1px solid var(--wp-state-hover);
}
body .v-application__wrap .v-btn.action-btn .main-icon path {
  fill: var(--wp-icon-primary);
}
.date-picker-header .date-picker-icon svg path {
  fill: var(--wp-icon-primary);
}
body .v-tooltip.without-arrow > .v-overlay__content::after {
  display: none;
}
.configuration-set-name-input input {
  padding-right: 32px;
}
.configuration-set-name-input svg {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
  outline: none !important;
}
.auth-textarea-field {
  margin-bottom: var(--gap-small);
}
.request-access-dialog .v-btn--variant-tonal .v-btn__content {
  color: var(--wp-text-accent) !important;
}
.request-access-dialog .p-select {
  border: none;
}
.request-access-dialog .p-select,
.request-access-dialog .p-multiselect {
  padding-right: 12px;
  align-items: center;
}
.request-access-dialog .p-multiselect-header {
  display: none;
}
.analytic-table .ag-cell[col-id=ag-Grid-SelectionColumn] .ag-cell-wrapper {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.analytic-table .ag-cell[col-id=ag-Grid-SelectionColumn] .ag-cell-wrapper .ag-selection-checkbox {
  margin-right: 0;
}
.olap-btn {
  width: auto;
  min-width: 120px;
}
.table-config-popover.olap-popover .modal-dropdown-item.active, .table-config-popover.olap-popover .modal-dropdown-item:hover {
  background: var(--wp-state-hover-menu);
  color: var(--wp-btn-primary-text);
}
.table-config-popover.olap-popover .modal-dropdown-item:hover {
  cursor: pointer;
}
.table-config-popover.olap-popover .modal-dropdown-item.active {
  cursor: not-allowed;
}
.olap-popover .modal-dropdown-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  text-align: left;
  padding: 6px 12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: var(--wp-text-primary);
  border-radius: 8px;
  transition: all 0.5s;
}
.olap-popover .modal-dropdown-item .action-item-text {
  transition: all 0.5s;
}
.olap-popover .modal-dropdown-item :deep(svg) path {
  transition: all 0.5s;
}
.olap-popover .modal-dropdown-item:hover {
  background: rgb(var(--v-theme-state-state-focus-drop-down));
}
.olap-popover .modal-dropdown-item:hover .action-item-text {
  color: rgb(var(--v-theme-text-text-for-button));
}
.olap-popover .modal-dropdown-item:hover :deep(svg) path {
  fill: rgb(var(--v-theme-text-text-for-button));
}
.olap-popover .modal-dropdown-item.disabled {
  cursor: not-allowed;
}
.olap-popover .modal-dropdown-item.disabled .action-item-text {
  color: var(--wp-state-disabled);
}
.olap-popover .modal-dropdown-item.disabled :deep(svg) path {
  fill: var(--wp-state-disabled);
}
.olap-popover .modal-dropdown-item.disabled:hover {
  background: transparent;
}
.olap-popover .modal-dropdown-item.disabled:hover .action-item-text {
  color: var(--wp-state-disabled);
}
.olap-popover .modal-dropdown-item.disabled:hover :deep(svg) path {
  color: var(--wp-state-disabled);
}
.filters-left-panel,
.filters-right-panel {
  width: 50%;
  padding-bottom: 24px;
}
.filters-left-panel {
  border-right: 1px solid rgb(var(--v-theme-borders-primary));
}
.filters-container {
  display: flex;
  align-items: initial;
  justify-content: space-between;
  height: 100%;
}
.p-drawer-header-left {
  width: 50%;
  padding-right: 20px;
  border-right: 1px solid rgb(var(--v-theme-borders-primary));
  padding-bottom: 12px;
  padding-top: 20px;
}
.p-drawer-header-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50%;
  padding-left: 20px;
  padding-bottom: 12px;
  padding-top: 20px;
}
body .p-drawer .p-drawer-content .p-drawer-header:not(.table-column-configuration-drawer .p-drawer-header):not(.metric-configuration-drawer .p-drawer-header) {
  padding-bottom: 0;
  padding-top: 0;
}
.p-drawer-right .p-drawer.filter-drawer {
  padding-bottom: 0;
}
.filter-row-title-icon svg path {
  fill: var(--wp-icon-primary);
}
.filter-metrics .filter-row-title.open .filter-row-title-icon svg path {
  fill: var(--wp-icon-accent);
}
.filter-row-title-icon {
  width: 20px;
  height: 20px;
}
.filter-row-title-icon svg {
  width: 100%;
  height: 100%;
}
.card-content-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.auth-container .v-input__control {
  display: none;
}
.connection-table .ag-row {
  background: var(--wp-surface-card);
  border-color: rgb(var(--v-theme-borders-primary));
}
.table-action-btn.v-btn {
  width: 20px !important;
  height: 20px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: rgb(var(--v-theme-surface-table-hover));
  transition: all 0.5s;
  opacity: 0;
  pointer-events: none;
}
.table-action-btn.v-btn .dnd-icon {
  width: 16px !important;
  height: 16px !important;
  margin: 0;
  cursor: pointer;
}
.table-action-btn.v-btn:hover svg path {
  fill: var(--wp-state-main);
}
.ag-row-hover .table-action-btn.v-btn,
.table-action-btn.v-btn.active {
  opacity: 1;
  pointer-events: auto;
}
.table-action-loader {
  width: 20px;
  height: 20px;
}
.table-action-loader .v-progress-circular {
  margin-right: 0;
}
.table-action-input {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
}
.table-state-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
body .v-application__wrap .v-btn.action-btn.history-compare-button {
  background: var(--wp-btn-secondary-bg) !important;
  color: var(--wp-text-accent) !important;
}
.stepper {
  padding: 12px 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .stepper {
    padding: 12px 54px;
  }
}
.stepper span {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: var(--wp-text-primary);
}
.onboarding-tooltip > .v-overlay__content::after {
  display: none !important;
}
.layout-blank .misc-wrapper {
  gap: 20px;
}
.p-dialog-mask .p-dialog.entity-info-dialog .p-dialog-header {
  padding: 16px;
  padding-bottom: 8px;
}
.p-dialog-mask .p-dialog.entity-info-dialog .p-dialog-content {
  padding: 16px;
  padding-top: 0;
}
.form-group .date-range-picker {
  width: 100%;
}
.input-container.amount-input {
  padding: 0;
}
.amount-input {
  width: 100%;
  padding: 0;
}
.amount-input .input-label {
  background: rgb(var(--v-theme-surface-input-light));
  border-radius: 8px 0px 0px 8px;
  width: 30px;
  padding: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.amount-input .input-field {
  width: 100%;
  text-align: left;
  padding-left: 12px;
}
.p-select.policy-select .set-option,
.p-select.policy-select .p-select-label.p-placeholder {
  padding-top: 8px;
  padding-bottom: 8px;
}
.p-select.policy-select .p-select-dropdown {
  width: 12px;
  height: 12px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.budget-policy-popover .p-popover-content {
  height: 100%;
  display: flex;
}
.budget-policy-popover .p-popover-content .popover-content {
  height: 100%;
  padding: 0 !important;
  width: 100%;
}
.p-popover.table-cell-date-popover {
  min-height: 260px;
}
.cell-wrapper {
  padding-bottom: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  position: relative;
}
.target-cell-wrap {
  padding-bottom: 8px;
}
.p-dialog-mask .p-dialog.legal-dialog .p-dialog-content {
  overflow: auto !important;
}
.remaining-tooltip {
  display: flex;
  align-items: center;
  justify-content: center;
}
.history-grid .ag-cell {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.history-grid .ag-cell-value {
  display: flex;
  align-items: center;
}
.flag-tooltip .p-tooltip-text {
  background-color: white !important;
  color: #374151 !important;
  padding: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
  overflow: hidden !important;
}
.flag-tooltip .p-tooltip-arrow {
  border-top-color: white !important;
}
.flag-tooltip .tooltip-header {
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  margin-bottom: 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: var(--wp-text-primary);
}
.flag-tooltip .tooltip-header svg {
  width: 16px;
  height: 16px;
}
.flag-tooltip .tooltip-header.document-quality {
  margin-top: 6px;
}
.flag-tooltip .tooltip-header svg {
  flex-shrink: 0;
}
.flag-tooltip .tooltip-header {
  background: rgba(255, 63, 63, 0.06) !important;
}
.flag-tooltip .tooltip-list {
  list-style-type: none;
  margin: 0;
  max-height: 300px;
  overflow-y: auto;
}
.flag-tooltip .tooltip-list .tooltip-field-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  width: 100%;
}
.flag-tooltip .tooltip-list .tooltip-field-item:last-child {
  margin-bottom: 0;
}
.flag-tooltip .tooltip-list .tooltip-field-item .field-name {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: var(--wp-text-primary);
  flex: 1;
}
.flag-tooltip .quality-level {
  display: inline-block;
  margin: 8px 10px 10px;
  padding: 3px 8px;
  border-radius: 4px;
  background-color: #fee2e2;
  color: #b91c1c;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
}
.flag-tooltip .tooltip-warning {
  padding: 12px 16px;
  color: #b91c1c;
  font-weight: 500;
  background-color: #fef2f2;
  border-radius: 6px;
  margin: 8px;
}
.light-theme .time-zone svg path {
  fill: #6e6b7d;
}
.dark-theme .time-zone svg path {
  fill: #fff;
}
.ag-floating-top-container .table-action-btn {
  display: none !important;
}
.min-max-filter .v-switch.v-switch--inset:not(.v-input--disabled) .v-switch__track {
  background: #a495ec;
}
.min-max-filter .v-switch.v-switch--inset .v-selection-control--dirty .text-primary .v-switch__track {
  background: #482bd9;
}
.arrow-icon {
  width: 20px;
  height: 20px;
  block-size: 20px;
  inline-size: 20px;
  min-width: 20px;
  min-height: 20px;
  margin-right: -5px;
}
.arrow-icon path {
  fill: var(--wp-icon-primary) !important;
}
body .marketplace-multiselect .p-select-option {
  padding-left: 37px;
}
.level-2 .placement-list {
  margin-left: 32px;
}
.batch-table-row .entity-chips {
  display: none !important;
}
.batch-table-row .table-action-btn {
  display: none !important;
}
.batch-table-row .table-product-card-content-name {
  margin-bottom: 4px;
}
.entity-dialog .popup-input-text {
  width: 100%;
  border-radius: 8px;
  background: rgb(var(--v-theme-surface-tertiary));
  border: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--wp-text-disabled);
  caret-color: var(--wp-text-disabled);
  border: 1px solid transparent;
}
.entity-dialog.p-dialog .p-dialog-footer {
  padding: 0;
}
.entity-dialog.p-dialog {
  max-height: auto;
}
.campaign-settings-form {
  overflow: auto;
  height: 500px;
}
.history-grid-component .entity-hierarchy-cell {
  padding: 4px;
  gap: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.history-grid-component .entity-hierarchy-cell .entity-level {
  width: 100%;
}
.history-grid-component .entity-hierarchy-cell .cell-wrapper {
  padding-bottom: 0;
}
.history-grid-component .name-abbr,
.history-grid-component .ad-group-icon,
.history-grid-component .target-icon {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--wp-text-primary);
  border-radius: 4px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.history-grid-component .target-icon {
  border-radius: 50%;
}
.history-grid-component .target-name,
.history-grid-component .adgroup-name,
.history-grid-component .campaign-name {
  line-height: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
.history-grid-component .table-product-card,
.history-grid-component .table-product-empty-card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.history-grid-component .table-product-card-image,
.history-grid-component .table-product-empty-card-image {
  border-radius: 4px;
  border: 1px solid rgb(var(--v-theme-borders-primary));
  position: relative;
  width: 52px;
  height: 52px;
  overflow: hidden;
  background: #fff;
}
.history-grid-component .table-product-card-image img,
.history-grid-component .table-product-empty-card-image img {
  border-radius: 4px;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.history-grid-component .table-product-card-image-covering,
.history-grid-component .table-product-empty-card-image-covering {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.history-grid-component .table-product-card-image .p-image-preview-mask,
.history-grid-component .table-product-empty-card-image .p-image-preview-mask {
  z-index: 2;
}
.history-grid-component .table-product-card-content,
.history-grid-component .table-product-empty-card-content {
  width: calc(100% - 60px) !important;
  object-fit: contain;
}
.history-grid-component .table-product-card-content-image,
.history-grid-component .table-product-empty-card-content-image {
  border-radius: 4px;
  border: 1px solid rgb(var(--v-theme-borders-primary));
  position: relative;
  width: 52px;
  height: 52px;
  overflow: hidden;
  background: #fff;
}
.history-grid-component .table-product-card-content-image img,
.history-grid-component .table-product-empty-card-content-image img {
  border-radius: 4px;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.history-grid-component .table-product-card-content-image-covering,
.history-grid-component .table-product-empty-card-content-image-covering {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.history-grid-component .table-product-card-content-image .p-image-preview-mask,
.history-grid-component .table-product-empty-card-content-image .p-image-preview-mask {
  z-index: 2;
}
.history-grid-component .table-product-card-content-name,
.history-grid-component .table-product-empty-card-content-name {
  color: var(--wp-text-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  width: 100%;
  white-space: break-spaces;
}
.history-grid-component .table-product-card-content-name .custom-action-btn,
.history-grid-component .table-product-empty-card-content-name .custom-action-btn {
  height: 15px;
  width: 15px;
  display: none !important;
  vertical-align: middle;
  margin-left: 4px;
}
.history-grid-component .table-product-card-content-name .custom-action-btn svg,
.history-grid-component .table-product-empty-card-content-name .custom-action-btn svg {
  width: 15px !important;
  height: 15px !important;
}
.history-grid-component .table-product-card-content-name:hover .custom-action-btn,
.history-grid-component .table-product-empty-card-content-name:hover .custom-action-btn {
  height: 15px !important;
  width: 15px !important;
  display: inline-block !important;
}
.history-grid-component .table-product-card-content-name:hover .custom-action-btn svg,
.history-grid-component .table-product-empty-card-content-name:hover .custom-action-btn svg {
  width: 15px !important;
  height: 15px !important;
}
.history-grid-component .table-product-card-content-info,
.history-grid-component .table-product-empty-card-content-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 20px;
}
.history-grid-component .table-product-card-content-sku, .history-grid-component .table-product-card-content-asin,
.history-grid-component .table-product-empty-card-content-sku,
.history-grid-component .table-product-empty-card-content-asin {
  color: var(--wp-text-tertiary);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
.history-grid-component .table-product-card-content-sku a, .history-grid-component .table-product-card-content-asin a,
.history-grid-component .table-product-empty-card-content-sku a,
.history-grid-component .table-product-empty-card-content-asin a {
  color: var(--wp-text-tertiary) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.history-grid-component .table-product-card-content-sku a:hover, .history-grid-component .table-product-card-content-asin a:hover,
.history-grid-component .table-product-empty-card-content-sku a:hover,
.history-grid-component .table-product-empty-card-content-asin a:hover {
  color: var(--wp-state-main) !important;
}
.history-grid-component .table-product-card-content-sku .custom-action-btn, .history-grid-component .table-product-card-content-asin .custom-action-btn,
.history-grid-component .table-product-empty-card-content-sku .custom-action-btn,
.history-grid-component .table-product-empty-card-content-asin .custom-action-btn {
  height: 15px;
  width: 15px;
  display: none !important;
  vertical-align: middle;
  margin-left: 4px;
}
.history-grid-component .table-product-card-content-sku .custom-action-btn svg, .history-grid-component .table-product-card-content-asin .custom-action-btn svg,
.history-grid-component .table-product-empty-card-content-sku .custom-action-btn svg,
.history-grid-component .table-product-empty-card-content-asin .custom-action-btn svg {
  width: 15px !important;
  height: 15px !important;
}
.history-grid-component .table-product-card-content-sku:hover .custom-action-btn, .history-grid-component .table-product-card-content-asin:hover .custom-action-btn,
.history-grid-component .table-product-empty-card-content-sku:hover .custom-action-btn,
.history-grid-component .table-product-empty-card-content-asin:hover .custom-action-btn {
  height: 15px !important;
  width: 15px !important;
  display: inline-block !important;
}
.history-grid-component .table-product-card-content-sku:hover .custom-action-btn svg, .history-grid-component .table-product-card-content-asin:hover .custom-action-btn svg,
.history-grid-component .table-product-empty-card-content-sku:hover .custom-action-btn svg,
.history-grid-component .table-product-empty-card-content-asin:hover .custom-action-btn svg {
  width: 15px !important;
  height: 15px !important;
}
.history-grid-component .table-product-card-content-sku,
.history-grid-component .table-product-empty-card-content-sku {
  margin-right: 8px;
}
.history-grid-component .tooltip-content .table-product-card {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.history-grid-component .tooltip-content .table-product-card-image {
  border-radius: 4px;
  border: 1px solid rgb(var(--v-theme-borders-primary));
  position: relative;
  width: 52px;
  height: 52px;
  overflow: hidden;
  background: #fff;
}
.history-grid-component .tooltip-content .table-product-card-image img {
  border-radius: 4px;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.history-grid-component .tooltip-content .table-product-card-image-covering {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.history-grid-component .tooltip-content .table-product-card-image .p-image-preview-mask {
  z-index: 2;
}
.history-grid-component .tooltip-content .table-product-card-content-name {
  max-width: 400px;
}
.history-grid-component .tooltip-content .table-product-card-content-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  min-height: 20px;
}
.history-grid-component .tooltip-content .table-product-card-content-brand {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: var(--wp-text-primary);
  display: block;
  width: 100%;
}
.add-negative-drawer .p-drawer-content {
  padding: 0;
}
.add-negative-drawer .p-drawer-header {
  padding: 24px;
  border-bottom: 1px solid rgb(var(--v-theme-borders-primary));
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-negative-drawer .p-drawer-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--wp-text-primary);
  margin: 0;
}
.add-negative-drawer .p-drawer-custom-close-button {
  width: 32px !important;
  height: 32px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 8px;
  transition: background-color 0.2s;
}
.add-negative-drawer .p-drawer-custom-close-button:hover {
  background: rgb(var(--v-theme-surface-tertiary));
}
.add-negative-drawer .p-drawer-custom-close-button svg {
  width: 16px;
  height: 16px;
}
.add-negative-drawer .p-drawer-custom-close-button svg path {
  fill: var(--wp-text-primary);
}
.add-negative-drawer .step-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.add-negative-drawer .step-content {
  flex: 1;
  padding: 0px 24px;
}
.add-negative-drawer .step-footer {
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--wp-surface-card);
}
.add-negative-drawer .form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
.add-negative-drawer .form-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--wp-text-primary);
}
.add-negative-drawer .form-help {
  font-size: 12px;
  color: var(--wp-text-secondary);
}
.add-negative-drawer .review-card {
  padding: 20px;
  background: var(--wp-surface-card);
  border: 1px solid rgb(var(--v-theme-borders-primary));
  border-radius: 12px;
  margin-bottom: 20px;
}
.add-negative-drawer .review-card .card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.add-negative-drawer .review-card .card-header .card-icon {
  width: 20px;
  height: 20px;
  color: var(--wp-state-main);
}
.add-negative-drawer .review-card .card-header .card-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--wp-text-primary);
  margin: 0;
}
.p-drawer-full {
  padding: 0 !important;
}
.ag-menu-option-icon svg {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.table--popover .modal-dropdown-item,
.bulk-actions__popover .modal-dropdown-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  text-align: left;
  padding: 6px 12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: var(--wp-text-primary);
  border-radius: 8px;
  transition: all 0.5s;
}
.table--popover .modal-dropdown-item.active,
.table--popover .modal-dropdown-item:hover,
.bulk-actions__popover .modal-dropdown-item.active,
.bulk-actions__popover .modal-dropdown-item:hover {
  background: var(--wp-state-hover-menu);
  color: var(--wp-btn-primary-text);
}
.table--popover .modal-dropdown-item.active,
.bulk-actions__popover .modal-dropdown-item.active {
  cursor: not-allowed;
}
.ag-header-cell[col-id=ag-Grid-SelectionColumn] .ag-header-cell-comp-wrapper {
  display: none !important;
}
.ag-header-cell[col-id=ag-Grid-SelectionColumn] {
  justify-content: center !important;
}
.ag-cell[col-id=ag-Grid-SelectionColumn] .ag-selection-checkbox {
  margin-right: 0px !important;
}
.table-abbr-cell {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--wp-text-primary);
  border-radius: 4px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-abbr-cell svg {
  width: 13px;
  height: 13px;
  object-fit: contain;
}
.table-abbr-cell.state-enabled {
  background: rgba(var(--v-theme-tag-tag-green), 0.06) !important;
  color: #01a708 !important;
}
.table-abbr-cell.state-enabled svg path {
  fill: #01a708 !important;
}
.table-abbr-cell.state-paused {
  background: rgba(var(--v-theme-tag-tag-orange), 0.06) !important;
  color: #ffa500 !important;
}
.table-abbr-cell.state-paused svg path {
  fill: #ffa500 !important;
}
.table-abbr-cell.state-archived {
  background: rgba(var(--v-theme-tag-tag-red), 0.06) !important;
  color: #ff0000 !important;
}
.table-abbr-cell.state-archived svg path {
  fill: #ff0000 !important;
}
.ag-group-child-count:empty,
.ag-group-child-count:has(span:empty),
.ag-group-child-count:has(span:not(:not([data-child-count="0"]))) {
  display: none !important;
}
.ag-group-child-count:not(:empty):not(:has(span:empty)):not(:has(span:contains('0'))) {
  display: inline-block !important;
}
.header-align-right {
  text-align: right;
}
.header-align-right .table-header-item {
  justify-content: flex-end;
}
.header-align-right .ag-header-cell-label,
.header-align-right .ag-header-group-cell-label {
  justify-content: flex-end;
  padding-right: 10px;
}
.p-multiselect-header .p-checkbox {
  display: none;
}
.p-multiselect-header .p-inputtext {
  width: 100%;
  border-radius: 8px;
  background: rgb(var(--v-theme-surface-tertiary));
  border: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--wp-text-disabled);
  caret-color: var(--wp-text-disabled);
  border: 1px solid transparent;
}
.p-dialog-mask .p-dialog.add-negative-target-popup .p-multiselect {
  width: 100% !important;
  border-radius: 8px !important;
  background: rgb(var(--v-theme-surface-tertiary)) !important;
  border: none !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: var(--wp-text-disabled) !important;
  caret-color: var(--wp-text-disabled) !important;
  border: 1px solid transparent !important;
  margin-bottom: 0 !important;
}
.p-dialog-mask .p-dialog.add-negative-target-popup .p-dialog-content .p-multiselect-dropdown {
  width: 12px;
  height: 12px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.p-dialog-mask .p-dialog.add-negative-target-popup .p-dialog-content .p-multiselect-open .p-multiselect-dropdown {
  transform: translateY(-50%) rotate(180deg);
}
.p-multiselect-filter {
  width: 100% !important;
  border-radius: 8px;
  background: rgb(var(--v-theme-surface-surface-tertiary)) !important;
  border: none !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: var(--wp-text-disabled) !important;
  padding-left: 36px !important;
}
.edit-mode * {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.text-right {
  justify-content: flex-end;
}
.selected-count-badge {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 8px;
  color: var(--wp-text-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.selected-count-badge .selected-count-text {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .hidden-mobile {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-desktop {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .ag-row-group-panel {
    display: none !important;
  }
}
.iconify--selfhst {
  fill: currentColor;
}
.ag-tooltip {
  box-sizing: border-box;
  max-width: var(--wp-tooltip-max-width);
  padding: 10px 12px;
  border-radius: 8px;
  background-color: var(--wp-surface-popup);
  border: 1px solid var(--wp-border-primary);
  box-shadow: 0 8px 24px 0 var(--wp-shadow-card);
  color: var(--wp-text-primary);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: pre-line;
}/* Element Chalk Variables */
.wp-tooltip {
  box-sizing: border-box;
  max-width: var(--wp-tooltip-max-width);
  padding: 10px 12px;
  border-radius: 8px;
  background-color: var(--wp-surface-popup);
  border: 1px solid var(--wp-border-primary);
  box-shadow: 0 8px 24px 0 var(--wp-shadow-card);
  color: var(--wp-text-primary);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.wp-tooltip b,
.wp-tooltip strong {
  font-weight: 600;
  color: var(--wp-text-primary);
}
.wp-tooltip a {
  color: var(--wp-text-link);
  text-decoration: underline;
}
.wp-tooltip a:hover {
  color: var(--wp-text-link-hover);
}
.wp-tooltip code {
  display: inline-block;
  padding: 1px 4px;
  border-radius: 4px;
  background-color: var(--wp-surface-secondary);
  color: var(--wp-text-primary);
  font-family: var(--wp-font-mono);
  font-size: 11px;
}
.wp-tooltip p {
  margin: 0 0 6px;
}
.wp-tooltip p:last-child {
  margin-bottom: 0;
}
.wp-tooltip hr {
  border: none;
  border-top: 1px solid var(--wp-border-primary);
  margin: 8px 0;
}
.wp-tooltip {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: max-content;
  pointer-events: none;
  display: none;
}
.wp-tooltip--text {
  white-space: pre-line;
}
.wp-tooltip--visible {
  display: block;
}
/* Element Chalk Variables */
/*
  TODO: Add docs on when to use placeholder vs when to use SASS variable

  Placeholder
    - When we want to keep customization to our self between templates use it

  Variables
    - When we want to allow customization from both user and our side
    - You can also use variable for consistency (e.g. mx 1 rem should be applied to both vertical nav items and vertical nav header)
*/
/*
    ❗ Heads up
    ==================
    Here we assume we will always use shorthand property which will apply same padding on four side
    This is because this have been used as value of top property by `.popper-content`
*/
.layout-content-width-boxed .layout-page-content {
  inline-size: 100%;
  margin-inline: auto;
}
[dir=rtl] .layout-vertical-nav .nav-group-arrow {
  transform: rotate(180deg);
}
html,
body {
  min-block-size: 100%;
}
.layout-page-content {
  flex-grow: 1;
  min-height: calc(100vh - 110px);
  background-color: var(--wp-surface-default);
}
.layout-footer .footer-content-container {
  block-size: 48px;
}
.layout-footer-sticky .layout-footer {
  position: sticky;
  inset-block-end: 0;
  will-change: transform;
}
.layout-footer-hidden .layout-footer {
  display: none;
}