@charset "UTF-8";
/*
  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: 0.875rem;
  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: 2rem;
  padding-inline-end: 8px;
}

.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: 8px;
}

.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: 8px;
  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: 0.5rem;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-link > :first-child,
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child {
  block-size: 2.375rem;
  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 .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 .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-group {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgb(var(--v-theme-light-purple));
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group:first-child {
  padding-top: 16px;
  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: 16px;
  line-height: 24px;
  color: rgba(var(--v-theme-text-color));
  font-weight: 400;
  padding-left: 8px;
}
.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;
}*,
::before,
::after {
  box-sizing: inherit;
  background-repeat: no-repeat;
}

html {
  box-sizing: border-box;
}

.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;
}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);
}
}.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: 0px 6px 12px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: none;
}
.p-toast .p-toast-message-content {
  padding: 16px;
  flex-wrap: wrap;
  gap: 0px;
}
.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;
}.version-update-dialog[data-v-80a96650] .p-dialog-content {
  padding: 24px !important;
  padding-top: 20px !important;
}
.version-update-dialog .popup-header[data-v-80a96650] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 24px;
}
.version-update-dialog .popup-icon[data-v-80a96650] {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(var(--v-theme-primary), 0.15) 0%, rgba(var(--v-theme-primary), 0.05) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  color: rgb(var(--v-theme-primary));
}
.version-update-dialog .popup-icon svg[data-v-80a96650] {
  transform: rotate(180deg);
}
.version-update-dialog .popup-title[data-v-80a96650] {
  font-size: 1.25rem;
  font-weight: 600;
  color: rgb(var(--v-theme-primary-text-color));
  margin: 0 0 8px 0;
  letter-spacing: -0.01em;
}
.version-update-dialog .popup-description[data-v-80a96650] {
  font-size: 0.875rem;
  color: rgb(var(--v-theme-secondary-text-color));
  margin: 0;
  line-height: 1.5;
  max-width: 320px;
}
.version-update-dialog .confirm-btns-wrap[data-v-80a96650] {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 12px;
}
.version-update-dialog .confirm-btns-wrap .cancel-button[data-v-80a96650] {
  min-width: 100px;
}
.version-update-dialog .confirm-btns-wrap .v-btn[data-v-80a96650] {
  min-width: 120px;
}
.dark {
  background: linear-gradient(135deg, rgba(var(--v-theme-primary), 0.2) 0%, rgba(var(--v-theme-primary), 0.08) 100%);
}
header[data-v-0ed4b74c] {
  line-height: 1.5;
  max-height: 100vh;
}
.logo[data-v-0ed4b74c] {
  display: block;
  margin: 0 auto 2rem;
}
nav[data-v-0ed4b74c] {
  width: 100%;
  font-size: 12px;
  text-align: center;
  margin-top: 2rem;
}
nav a.router-link-exact-active[data-v-0ed4b74c] {
  color: var(--color-text);
}
nav a.router-link-exact-active[data-v-0ed4b74c]:hover {
  background-color: transparent;
}
nav a[data-v-0ed4b74c] {
  display: inline-block;
  padding: 0 1rem;
  border-left: 1px solid var(--color-border);
}
nav a[data-v-0ed4b74c]:first-of-type {
  border: 0;
}
@media (min-width: 1024px) {
header[data-v-0ed4b74c] {
    display: flex;
    place-items: center;
    padding-right: calc(var(--section-gap) / 2);
}
.logo[data-v-0ed4b74c] {
    margin: 0 2rem 0 0;
}
header .wrapper[data-v-0ed4b74c] {
    display: flex;
    place-items: flex-start;
    flex-wrap: wrap;
}
nav[data-v-0ed4b74c] {
    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;
}
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%;
}
: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);
}
*,
*::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: "Inter", sans-serif;
  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: 20px;
  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);
}
.secondary-button {
  transition: var(--transition-fast);
  border: unset;
  background-color: var(--sub-bg);
  color: var(--primary-text);
  line-height: initial;
}
.secondary-button:hover {
  background-color: var(--borders);
}
.secondary-button:active {
  background-color: var(--bgcta-card);
}
.secondary-button:disabled {
  background-color: var(--default-text-field);
  color: var(--tertiary-text);
}
.close-button {
  transition: var(--transition-fast);
  border: unset;
  background-color: var(--red);
  color: var(--primary-text);
  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(--bgcta-card);
  border-radius: 4px;
  outline: none;
  width: 100%;
  max-height: 42px;
  padding: 8px 12px 8px 12px;
  background-color: var(--default-text-field);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: var(--primary-text);
  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(--bgcta-card) inset;
  -webkit-text-fill-color: var(--primary-text);
}
/* Element Chalk Variables */
:root {
  --el-color-white: #ffffff;
  --el-color-black: #000000;
  --el-color-primary-rgb: 72, 43, 217;
  --el-color-success-rgb: 103, 194, 58;
  --el-color-warning-rgb: 230, 162, 60;
  --el-color-danger-rgb: 245, 108, 108;
  --el-color-error-rgb: 245, 108, 108;
  --el-color-info-rgb: 144, 147, 153;
  --el-font-size-extra-large: 20px;
  --el-font-size-large: 18px;
  --el-font-size-medium: 16px;
  --el-font-size-base: 14px;
  --el-font-size-small: 13px;
  --el-font-size-extra-small: 12px;
  --el-font-family: '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: #67c23a;
  --el-color-success-light-3: rgb(149, 212, 117);
  --el-color-success-light-5: rgb(179, 225, 157);
  --el-color-success-light-7: rgb(209, 237, 196);
  --el-color-success-light-8: rgb(225, 243, 216);
  --el-color-success-light-9: rgb(240, 249, 235);
  --el-color-success-dark-2: rgb(82, 155, 46);
  --el-color-warning: #e6a23c;
  --el-color-warning-light-3: rgb(238, 190, 119);
  --el-color-warning-light-5: rgb(243, 209, 158);
  --el-color-warning-light-7: rgb(248, 227, 197);
  --el-color-warning-light-8: rgb(250, 236, 216);
  --el-color-warning-light-9: rgb(253, 246, 236);
  --el-color-warning-dark-2: rgb(184, 130, 48);
  --el-color-danger: #f56c6c;
  --el-color-danger-light-3: rgb(248, 152, 152);
  --el-color-danger-light-5: rgb(250, 182, 182);
  --el-color-danger-light-7: rgb(252, 211, 211);
  --el-color-danger-light-8: rgb(253, 226, 226);
  --el-color-danger-light-9: rgb(254, 240, 240);
  --el-color-danger-dark-2: rgb(196, 86, 86);
  --el-color-error: #f56c6c;
  --el-color-error-light-3: rgb(248, 152, 152);
  --el-color-error-light-5: rgb(250, 182, 182);
  --el-color-error-light-7: rgb(252, 211, 211);
  --el-color-error-light-8: rgb(253, 226, 226);
  --el-color-error-light-9: rgb(254, 240, 240);
  --el-color-error-dark-2: rgb(196, 86, 86);
  --el-color-info: #909399;
  --el-color-info-light-3: rgb(177, 179, 184);
  --el-color-info-light-5: rgb(200, 201, 204);
  --el-color-info-light-7: rgb(222, 223, 224);
  --el-color-info-light-8: rgb(233, 233, 235);
  --el-color-info-light-9: rgb(244, 244, 245);
  --el-color-info-dark-2: rgb(115, 118, 122);
  --el-bg-color: #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 {
  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: #67c23a;
  --el-color-success-light-3: rgb(78, 142, 47);
  --el-color-success-light-5: rgb(62, 107, 39);
  --el-color-success-light-7: rgb(45, 72, 31);
  --el-color-success-light-8: rgb(37, 55, 28);
  --el-color-success-light-9: rgb(28, 37, 24);
  --el-color-success-dark-2: rgb(133, 206, 97);
  --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: #1d1e1f;
  --el-text-color-primary: #E5EAF3;
  --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: #4C4D4F;
  --el-border-color-light: #414243;
  --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: #141414;
  --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);
}
.el-icon--right {
  margin-left: 5px;
}
.el-icon--left {
  margin-right: 5px;
}
@keyframes rotating {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.el-icon {
  --color: inherit;
  height: 1em;
  width: 1em;
  line-height: 1em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  fill: currentColor;
  color: var(--color);
  font-size: inherit;
}
.el-icon.is-loading {
  animation: rotating 2s linear infinite;
}
.el-icon svg {
  height: 1em;
  width: 1em;
}
.el-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-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--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--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--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--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--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-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-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: 4px;
}
.el-popover.el-popper {
  background: var(--el-popover-bg-color);
  min-width: 150px;
  border-radius: var(--el-popover-border-radius);
  border: 1px solid var(--el-popover-border-color);
  padding: var(--el-popover-padding);
  z-index: var(--el-index-popper);
  color: var(--el-text-color-regular);
  line-height: 1.4;
  font-size: var(--el-popover-font-size);
  box-shadow: var(--el-box-shadow-light);
  overflow-wrap: break-word;
  box-sizing: border-box;
}
.el-popover.el-popper--plain {
  padding: var(--el-popover-padding-large);
}
.el-popover__title {
  color: var(--el-popover-title-text-color);
  font-size: var(--el-popover-title-font-size);
  line-height: 1;
  margin-bottom: 12px;
}
.el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover {
  outline-width: 0;
}
.el-popover.el-popper.is-dark {
  --el-popover-bg-color: var(--el-text-color-primary);
  --el-popover-border-color: var(--el-text-color-primary);
  --el-popover-title-text-color: var(--el-bg-color);
  color: var(--el-bg-color);
}
.el-popover.el-popper:focus:active, .el-popover.el-popper:focus {
  outline-width: 0;
}
.el-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-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-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 {
  display: flex;
  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--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-input-tag {
  --el-input-tag-border-color-hover: var(--el-border-color-hover);
  --el-input-tag-placeholder-color: var(--el-text-color-placeholder);
  --el-input-tag-disabled-color: var(--el-disabled-text-color);
  --el-input-tag-disabled-border: var(--el-disabled-border-color);
  --el-input-tag-font-size: var(--el-font-size-base);
  --el-input-tag-close-hover-color: var(--el-text-color-secondary);
  --el-input-tag-text-color: var(--el-text-color-regular);
  --el-input-tag-input-focus-border-color: var(--el-color-primary);
  --el-input-tag-width: 100%;
  --el-input-tag-mini-height: var(--el-component-size);
  --el-input-tag-gap: 6px;
  --el-input-tag-padding: 4px;
  --el-input-tag-inner-padding: 8px;
  --el-input-tag-line-height: 24px;
}
.el-input-tag {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  font-size: var(--el-input-tag-font-size);
  padding: var(--el-input-tag-padding);
  width: var(--el-input-tag-width);
  min-height: var(--el-input-tag-mini-height);
  line-height: var(--el-input-tag-line-height);
  border-radius: var(--el-border-radius-base);
  background-color: var(--el-fill-color-blank);
  transition: var(--el-transition-duration);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 0 1px var(--el-border-color) inset;
}
.el-input-tag.is-focused {
  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
}
.el-input-tag.is-hovering:not(.is-focused) {
  box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
}
.el-input-tag.is-disabled {
  cursor: not-allowed;
  background-color: var(--el-fill-color-light);
  box-shadow: 0 0 0 1px var(--el-input-tag-disabled-border) inset;
}
.el-input-tag.is-disabled:hover {
  box-shadow: 0 0 0 1px var(--el-input-tag-disabled-border) inset;
}
.el-input-tag.is-disabled.is-focus {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-input-tag.is-disabled .el-input-tag__inner .el-input-tag__input {
  cursor: not-allowed;
}
.el-input-tag.is-disabled .el-input-tag__inner .el-tag {
  cursor: not-allowed;
}
.el-input-tag__prefix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 var(--el-input-tag-inner-padding);
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}
.el-input-tag__suffix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 var(--el-input-tag-inner-padding);
  gap: 8px;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}
.el-input-tag__collapse-tag {
  line-height: 1;
}
.el-input-tag__input-tag-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 6px;
}
.el-input-tag__input-tag-list.is-near {
  margin-left: -8px;
}
.el-input-tag__input-tag-list .el-tag {
  cursor: pointer;
  border-color: transparent;
}
.el-input-tag__input-tag-list .el-tag.el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-input-tag__input-tag-list .el-tag .el-tag__content {
  min-width: 0;
}
.el-input-tag__inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  max-width: 100%;
  min-width: 0;
  gap: var(--el-input-tag-gap);
}
.el-input-tag__inner.is-left-space {
  margin-left: var(--el-input-tag-inner-padding);
}
.el-input-tag__inner.is-right-space {
  margin-right: var(--el-input-tag-inner-padding);
}
.el-input-tag__inner.is-draggable .el-tag {
  cursor: move;
  user-select: none;
}
.el-input-tag__drop-indicator {
  position: absolute;
  top: 0;
  width: 1px;
  height: var(--el-input-tag-line-height);
  background-color: var(--el-color-primary);
}
.el-input-tag__inner .el-tag {
  max-width: 100%;
  cursor: pointer;
  border-color: transparent;
}
.el-input-tag__inner .el-tag.el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-input-tag__inner .el-tag .el-tag__content {
  min-width: 0;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-input-tag__input-wrapper {
  flex: 1;
}
.el-input-tag__input {
  border: none;
  outline: none;
  padding: 0;
  color: var(--el-input-tag-text-color);
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  appearance: none;
  width: 100%;
  background-color: transparent;
}
.el-input-tag__input::placeholder {
  color: var(--el-input-tag-placeholder-color);
}
.el-input-tag__input-calculator {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  visibility: hidden;
  white-space: pre;
  overflow: hidden;
}
.el-input-tag--large {
  --el-input-tag-gap: 6px;
  --el-input-tag-padding: 8px;
  --el-input-tag-padding-left: 8px;
  --el-input-tag-font-size: 14px;
}
.el-input-tag--small {
  --el-input-tag-gap: 4px;
  --el-input-tag-padding: 4px;
  --el-input-tag-padding-left: 6px;
  --el-input-tag-font-size: 12px;
  --el-input-tag-line-height: 20px;
  --el-input-tag-mini-height: var(--el-component-size-small);
}
html {
  --el-input-icon-color: #6e6b7d;
  --el-input-tag-inner-padding: 4px;
}
html .el-button {
  position: relative;
  overflow: hidden;
}
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-icon {
  fill: #6e6b7d;
}
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-dropdown .el-select-dropdown__item {
  font-weight: 500;
  border-radius: var(--el-border-radius-base);
}
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.dark {
  --el-border-color: #2f2c40;
  --el-border-color-light: #2f2c40;
  --el-bg-color-overlay: #1b1928;
  --el-fill-color-blank: transparent;
  --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-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 ;
}
svg.lucide {
  stroke-width: 1.75;
}
.el-icon {
  height: 1.2em;
  width: 1.2em;
}
.el-icon svg {
  height: 1.2em;
  width: 1.2em;
}
* {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
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: 32px;
  }
}
.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: 16px;
}
.secondary-title,
.section .secondary-title {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  color: var(--primary-text);
}
.description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--tertiary-text);
}
@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: rgb(var(--v-theme-text-accent-main));
}
.text-secondary {
  color: var(--tertiary-text);
}
a.mark {
  text-decoration: underline;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.right .info-item {
  justify-content: flex-end;
}
body .bg-primary {
  background: rgb(var(--v-theme-on-primary)) !important;
}
.custom-scroll {
  overflow: auto;
  overflow: overlay !important;
}
.custom-scroll::-webkit-scrollbar-corner {
  background-color: var(--borders);
}
.custom-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.custom-scroll:hover::-webkit-scrollbar {
  visibility: visible;
}
.custom-scroll::-webkit-scrollbar-track {
  background-color: var(--default-text-field);
}
.custom-scroll::-webkit-scrollbar-thumb {
  visibility: hidden;
  border-radius: 16px;
  background: var(--borders);
}
.custom-scroll:active::-webkit-scrollbar-thumb,
.custom-scroll:focus::-webkit-scrollbar-thumb,
.custom-scroll:hover::-webkit-scrollbar-thumb {
  visibility: visible;
  background: var(--tertiary-text);
}
button {
  transition: var(--transition-middle);
  cursor: pointer;
}
button:focus {
  outline: none;
}
input {
  caret-color: var(--accent);
}
a {
  text-decoration: none;
}
.highcharts-label-box.highcharts-tooltip-box {
  fill: var(--default-text-field);
}
.tooltip {
  font-family: Outfit, sans-serif;
  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(--default-text-field);
}
.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(--primary-text);
}
.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(--tertiary-text);
}
.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(--primary-text);
}
.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: rgb(var(--v-theme-text-color));
}
.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(--bg);
  font-family: Outfit, sans-serif;
  color: var(--primary-text);
}
.driver-popover-arrow {
  border: 5px solid var(--bg);
}
.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(--primary-text);
}
.driver-popover-description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.009em;
  color: var(--tertiary-text);
}
.driver-popover-footer .driver-popover-btn-disabled {
  display: none !important;
  background-color: var(--default-text-field) !important;
  color: var(--primary-text) !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(--default-text-field) !important;
  color: var(--primary-text) !important;
}
.driver-popover-footer .driver-popover-prev-btn:hover {
  background-color: var(--borders) !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: rgb(var(--v-theme-bg));
  border-radius: 4px;
  border: 1px solid rgb(var(--v-theme-table-border));
}
.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: rgb(var(--v-theme-on-primary));
  border-color: rgb(var(--v-theme-on-primary));
}
.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: rgb(var(--v-theme-on-primary));
}
.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 rgb(var(--v-theme-state-state-disabled));
  background: rgb(var(--v-theme-surface-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: rgb(var(--v-theme-popup-primary));
  border: none;
  color: var(--primary-text);
  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: rgb(var(--v-theme-text-color));
  white-space: nowrap;
}
.v-application__wrap .v-card {
  padding: 12px;
  border-radius: 16px;
  background: rgb(var(--v-theme-card-background));
  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: rgb(var(--v-theme-card-background));
  color: rgb(var(--v-theme-color-text));
  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: rgb(var(--v-theme-text-color));
  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: rgb(var(--v-theme-text-color));
}
.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: rgb(var(--v-theme-primary)) !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: rgb(var(--v-theme-color-text));
}
.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: rgb(var(--v-theme-card-background));
  color: rgb(var(--v-theme-color-text));
  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 rgb(var(--v-theme-table-border));
}
.v-application__wrap .popover-header,
body .popover-header {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: rgb(var(--v-theme-secondary-text-color));
  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: rgb(var(--v-theme-text-color));
  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 rgb(var(--v-theme-secondary-text-color));
  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: rgb(var(--v-theme-state-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: rgb(var(--v-theme-state-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: rgb(var(--v-theme-primary));
}
.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 rgb(var(--v-theme-table-border));
}
.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: rgba(var(--v-theme-text-color));
  margin-bottom: 4px;
}
.p-dialog.confirm-popup .p-dialog-content {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: rgba(var(--v-theme-secondary-text-color));
  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: rgb(var(--v-theme-text-color));
  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 rgb(var(--v-theme-state-state-disabled));
  background: rgb(var(--v-theme-surface-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: rgb(var(--v-theme-text-color));
}
.card-header-conf {
  margin-left: 8px;
  padding: 2px 4px;
  color: rgb(var(--v-theme-secondary-text-color));
  border-radius: 8px;
  background: rgb(var(--v-theme-surface-tag));
  transition: none;
}
.card-header-conf:deep(svg path) {
  fill: rgb(var(--v-theme-icon-color));
}
.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: rgb(var(--v-theme-icon-color));
}
.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(--tertiary-text) !important;
  padding: 8px 12px;
  border-bottom: 2px solid rgb(var(--v-theme-bg));
  min-width: initial;
  margin-bottom: 0;
}
.v-application__wrap .v-tab.v-tab.v-btn:hover {
  color: var(--primary-text) !important;
  background-color: transparent;
}
.v-application__wrap .v-tab.v-tab.v-btn:disabled {
  color: var(--borders) !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(--primary-text) !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(--primary-text);
  background: rgb(var(--v-theme-input-config-surface-tertiary)) !important;
  caret-color: rgb(var(--v-theme-tertiary-text-color));
}
body .p-textarea::placeholder {
  color: rgb(var(--v-theme-secondary-text-color));
}
body .p-textarea:focus {
  border-color: rgb(var(--v-theme-border-border));
}
body .p-multiselect-overlay {
  border-radius: 8px;
  background: rgb(var(--v-theme-card-background));
  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: rgb(var(--v-theme-on-primary));
  border-color: rgb(var(--v-theme-on-primary));
}
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 rgb(var(--v-theme-table-border));
}
body .p-multiselect-option:not(.p-multiselect-option-selected):not(.p-disabled).p-focus {
  background: rgb(var(--v-theme-state-state-hover-drop-down));
  color: rgb(var(--v-theme-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: rgb(var(--v-theme-secondary-text-color));
}
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: rgb(var(--v-theme-text-color));
  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: rgb(var(--v-theme-on-primary));
  border-color: rgb(var(--v-theme-on-primary));
}
body .p-multiselect {
  background: rgb(var(--v-theme-card-background));
  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: rgb(var(--v-theme-text-color));
}
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: rgb(var(--v-theme-secondary-text-color));
  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: rgb(var(--v-theme-text-accent-main)) !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: rgb(var(--v-theme-tertiary-text-color));
  caret-color: rgb(var(--v-theme-tertiary-text-color));
  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: rgb(var(--v-theme-icon-primary));
}
body .search-filter {
  border-radius: 8px;
  background: rgb(var(--v-theme-card-background));
}
.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: rgb(var(--v-theme-card-background));
  color: rgb(var(--v-theme-text-color));
  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: rgb(var(--v-theme-text-color));
  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: 20px;
  height: 20px;
}
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;
  padding-bottom: 0;
  background: rgb(var(--v-theme-card-background));
  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 0px 0px 0px;
}
body .table-column-configuration-drawer .p-drawer-content .p-drawer-header {
  width: 648px;
  border-radius: 16px 0px 0px 0px;
}
.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 {
  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: rgb(var(--v-theme-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 rgb(var(--v-theme-state-state-hover)) !important;
  border-color: rgb(var(--v-theme-state-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: rgb(var(--v-theme-text-main-to-white)) !important;
}
.table-column-configuration-drawer .column-configuration-item:hover .column-configuration-item-actions svg path {
  fill: rgb(var(--v-theme-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;
}
body .header-menu .p-select-dropdown {
  margin-top: 3px;
}
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: rgb(var(--v-theme-secondary-text-color));
  padding: 10px 12px;
  outline: none;
}
body .p-select-label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: rgb(var(--v-theme-secondary-text-color));
  padding: 0;
}
body .p-select-overlay,
body .p-multiselect-overlay {
  --p-select-list-header-padding: 8px;
  background: rgb(var(--v-theme-popup-primary));
  border: 1px solid rgb(var(--v-theme-borders-primary)) !important;
  box-shadow: var(--popover-shadow);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: rgb(var(--v-theme-text-color));
  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: rgb(var(--v-theme-text-color));
  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: rgb(var(--v-theme-state-state-hover-drop-down));
  color: rgb(var(--v-theme-button-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: rgb(var(--v-theme-state-state-hover-drop-down));
  color: rgb(var(--v-theme-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: rgb(var(--v-theme-state-state-hover-drop-down));
  color: rgb(var(--v-theme-button-primary-text));
}
body .p-select-option.p-select-option-selected.p-focus {
  background: rgb(var(--v-theme-state-state-hover-drop-down));
  color: rgb(var(--v-theme-button-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: rgb(var(--v-theme-text-color));
  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: rgb(var(--v-theme-text-main-color));
  padding: 0px 5.5px;
  margin-left: 8px;
}
.filter-count {
  padding: 2px 6px;
  border-radius: 16px;
  background: rgb(var(--v-theme-surface-tag));
  color: rgb(var(--v-theme-text-light-color));
  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: rgb(var(--v-theme-text-color));
}
.p-datatable-mask {
  background: rgb(var(--v-theme-card-background)) !important;
  z-index: 999 !important;
}
.p-datatable-loading-icon path {
  fill: rgb(var(--v-theme-on-primary));
}
.custom-loader {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  color: rgb(var(--v-theme-text-color));
}
.empty-state {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgb(var(--v-theme-card-background));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  color: rgb(var(--v-theme-text-color));
}
.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: rgb(var(--v-theme-surface-surface-white));
  border: 1px solid rgb(var(--v-theme-borders-tertiary));
  color: rgb(var(--v-theme-text-color));
}
.v-pagination .v-pagination__item .v-btn:hover {
  border: 1px solid rgb(var(--v-theme-state-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: rgb(var(--v-theme-text-main-color)) !important;
  font-size: 14px;
}
.vertical-divider {
  height: 36px;
  width: 1px;
  background: var(--sub-bg);
  display: block;
}
.v-application__wrap .v-card.v-card--variant-elevated {
  box-shadow: none !important;
  overflow: visible;
}
.v-btn--variant-tonal .v-btn__underlay {
  background: rgb(var(--v-theme-button-secondary-color));
}
.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;
}
.p-inputtext {
  caret-color: rgb(var(--v-theme-tertiary-text-color)) !important;
}
.v-application__wrap .layout-nav-type-vertical .layout-vertical-nav .nav-header .header-action path {
  fill: rgb(var(--v-theme-text-color));
}
.layout-vertical-nav-collapsed .header .logo {
  display: none;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group .nav-group-arrow path {
  stroke: rgb(var(--v-theme-tertiary-text-color));
}
.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: rgb(var(--v-theme-tertiary-text-color));
  background: rgb(var(--v-theme-surface-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: rgb(var(--v-theme-state-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: rgb(var(--v-theme-card-background)) !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 rgb(var(--v-theme-state-state-hover)) !important;
  border-color: rgb(var(--v-theme-state-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: rgb(var(--v-theme-state-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: rgb(var(--v-theme-state-state-disabled)) !important;
}
.eye.active path {
  fill: var(--text-main-color);
}
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));
  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: rgb(var(--v-theme-text-color));
  display: block;
  width: 100%;
  margin-bottom: 8px;
}
.tooltip-content p {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: rgb(var(--v-theme-text-color));
  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: rgb(var(--v-theme-tertiary-text-color));
}
.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: rgb(var(--v-theme-text-main-color));
  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: rgb(var(--v-theme-primary));
  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;
}
.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: rgb(var(--v-theme-text-color)) !important;
  max-height: 32px;
  background: rgb(var(--v-theme-surface-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: rgb(var(--v-theme-tertiary-text-color));
}
body .v-application__wrap .v-btn.action-btn:hover,
.p-drawer-full .table-wrap-header-actions__item .v-btn.action-btn:hover {
  border-color: rgb(var(--v-theme-state-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: rgb(var(--v-theme-tertiary-text-color)) !important;
  padding-left: 36px !important;
}
.p-select-filter::placeholder {
  font-weight: 400;
}
.p-select-filter:focus {
  border-color: rgb(var(--v-theme-border-border));
}
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: rgb(var(--v-theme-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: rgb(var(--v-theme-surface-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: rgb(var(--v-theme-tertiary-text-color)) !important;
  caret-color: rgb(var(--v-theme-tertiary-text-color)) !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: rgb(var(--v-theme-tertiary-text-color));
}
.metric-configuration-item .p-select-filter:focus,
.metric-dropdown .p-select-filter:focus,
.set-controls .p-select-filter:focus {
  border-color: rgb(var(--v-theme-border-border));
}
.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: rgb(var(--v-theme-surface-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: rgb(var(--v-theme-tertiary-text-color)) !important;
  caret-color: rgb(var(--v-theme-tertiary-text-color)) !important;
}
.chart-metric-header .p-select-filter::placeholder,
.set-controls .p-select-filter::placeholder,
.metric-configuration-item .p-select-filter::placeholder {
  color: rgb(var(--v-theme-tertiary-text-color));
}
.chart-metric-header .p-select-filter:focus,
.set-controls .p-select-filter:focus,
.metric-configuration-item .p-select-filter:focus {
  border-color: rgb(var(--v-theme-border-border));
}
.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: rgb(var(--v-theme-state-state-hover-drop-down));
}
.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: rgb(var(--v-theme-surface-tag));
  color: rgb(var(--v-theme-text-light-color));
  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: rgb(var(--v-theme-state-state-disabled)) !important;
  border-color: rgb(var(--v-theme-state-state-disabled));
  cursor: not-allowed !important;
}
.v-btn.v-btn--variant-outlined.action-btn.v-btn--disabled svg path {
  fill: rgb(var(--v-theme-state-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: rgb(var(--v-theme-text-color));
  margin-bottom: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.checkbox-item .p-checkbox.p-disabled.p-checkbox-checked {
  background: rgb(var(--v-theme-surface-surface-white));
}
.checkbox-item .p-checkbox.p-disabled.p-checkbox-checked .p-checkbox-box {
  background: rgb(var(--v-theme-state-state-disabled));
  border: 1px solid rgb(var(--v-theme-state-state-disabled));
}
.checkbox-item .p-checkbox.p-disabled {
  border-radius: 5px;
  border: 1px solid rgb(var(--v-theme-state-state-disabled));
  background: rgb(var(--v-theme-surface-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: rgb(var(--v-theme-surface-surface-white));
  border: 1px solid rgb(var(--v-theme-state-state-disabled));
}
.p-checkbox.p-disabled {
  border-radius: 5px;
}
.p-checkbox.p-disabled + label, .p-checkbox.p-disabled + .metric-label {
  color: rgb(var(--v-theme-state-state-disabled));
}
.p-checkbox.p-disabled .p-checkbox-box {
  background: transparent !important;
  border: 1px solid rgb(var(--v-theme-state-state-disabled)) !important;
}
.p-checkbox.p-disabled.p-checkbox-checked .p-checkbox-box {
  background: rgb(var(--v-theme-state-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: rgb(var(--v-theme-input-config-surface-tertiary)) !important;
  caret-color: rgb(var(--v-theme-tertiary-text-color));
}
.p-dialog.set-popup .v-btn.v-btn--variant-outlined {
  color: rgb(var(--v-theme-text-accent-main)) !important;
}
.p-dialog.set-popup .v-btn.v-btn--variant-outlined:hover {
  border-color: rgb(var(--v-theme-text-accent-main)) !important;
}
.v-btn.v-btn--disabled {
  background: rgb(var(--v-theme-state-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: rgb(var(--v-theme-button-hover-table)) !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: rgb(var(--v-theme-card-background));
}
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: rgb(var(--v-theme-card-background));
}
.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;
}
.table-header-tooltip {
  box-shadow: 0px 15px 24px 0px rgba(0, 0, 0, 0.15);
  background-color: rgb(var(--v-theme-popup-secondary)) !important;
  padding: 12px;
  border-radius: 8px;
}
.table-header-tooltip h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 12px;
  color: rgb(var(--v-theme-text-color));
}
.table-header-tooltip p {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: rgb(var(--v-theme-text-color));
}
.table-header-tooltip .table-header-item-formula {
  display: block;
  width: 100%;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 12px;
  color: rgb(var(--v-theme-text-color));
}
.table-header-tooltip .table-header-item-formula span {
  font-style: italic;
  display: inline-block;
}
.custom-action-btn {
  width: 20px !important;
  height: 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px !important;
  background: rgb(var(--v-theme-button-secondary-color));
  transition: all 0.5s;
}
.custom-action-btn svg {
  width: 16px !important;
  height: 16px !important;
}
.custom-action-btn svg path {
  fill: rgb(var(--v-theme-text-light-color));
}
.custom-action-btn:hover svg path {
  fill: rgb(var(--v-theme-text-main-color));
}
.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: 460px;
  }
}
.p-dialog.sp-popup .p-dialog-header {
  display: none;
}
.p-dialog.sp-popup .popup-header {
  align-items: flex-start;
  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: rgb(var(--v-theme-secondary-text-color));
  margin-bottom: 16px;
}
.p-dialog.sp-popup .popup-subtitle {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  color: rgb(var(--v-theme-text-color));
  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 {
  filter: blur(3px);
}
.blur .p-image-original {
  filter: blur(20px);
}
.blur .block-blur {
  filter: blur(3px);
}
.blur .block-blur-10 {
  filter: blur(10px);
}
.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: rgb(var(--v-theme-popup-primary));
  border: 1px solid rgb(var(--v-theme-borders-primary)) !important;
  box-shadow: var(--popover-shadow);
  border-radius: 8px;
  border: none;
}
body .p-colorpicker-panel {
  background: rgb(var(--v-theme-surface-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: rgb(var(--v-theme-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 {
  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: rgb(var(--v-theme-text-color));
  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: rgb(var(--v-theme-surface-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: rgb(var(--v-theme-text-accent-main));
}
.action-btn-filters .v-btn.v-btn--variant-outlined.action-btn {
  background: rgb(var(--v-theme-button-secondary-color));
  color: rgb(var(--v-theme-text-accent-main)) !important;
}
.action-btn-filters .v-btn.v-btn--variant-outlined.action-btn svg path {
  fill: rgb(var(--v-theme-text-accent-main)) !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: rgb(var(--v-theme-button-secondary-color));
  color: rgb(var(--v-theme-text-accent-main)) !important;
}
body .filled-btn:hover {
  background: transparent;
  border-color: rgb(var(--v-theme-state-state-hover)) !important;
}
body .search.column-search .search-input {
  border: 1px solid transparent;
  background: rgb(var(--v-theme-surface-surface-white));
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: rgb(var(--v-theme-secondary-text-color));
  caret-color: rgb(var(--v-theme-tertiary-text-color));
}
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: rgb(var(--v-theme-border-border));
}
body .search.column-search .search-icon svg path {
  fill: rgb(var(--v-theme-icon-primary));
}
.p-dialog .p-button-secondary:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.legal-info {
  color: rgb(var(--v-theme-text-color));
}
.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: rgb(var(--v-theme-text-accent-main)) !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: rgb(var(--v-theme-primary));
}
.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-size: 16px;
}
.layout-horizontal-nav .nav-item-title,
.layout-nav-type-vertical .layout-vertical-nav .nav-item-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.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: rgb(var(--v-theme-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: rgb(var(--v-theme-button-secondary-color));
  border: 1px solid transparent;
  color: rgb(var(--v-theme-text-accent-main)) !important;
}
.v-btn.cancel-button:hover {
  background: rgb(var(--v-theme-button-secondary-color));
  border: 1px solid rgb(var(--v-theme-state-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: rgb(var(--v-theme-icon-primary)) !important;
}
.main-icon-color.disabled path {
  fill: rgb(var(--v-theme-state-state-disabled)) !important;
}
.p-select-dropdown .p-select-dropdown-icon path {
  fill: rgb(var(--v-theme-icon-primary)) !important;
}
.p-multiselect-dropdown .p-multiselect-dropdown-icon path {
  fill: rgb(var(--v-theme-icon-primary)) !important;
}
.date-picker-arrow path {
  fill: rgb(var(--v-theme-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: rgb(var(--v-theme-state-state-hover));
}
.ma-metrics-popover .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
  border-color: rgb(var(--v-theme-state-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 rgb(var(--v-theme-state-state-hover));
}
body .v-application__wrap .v-btn.action-btn .main-icon path {
  fill: rgb(var(--v-theme-icon-primary));
}
.date-picker-header .date-picker-icon svg path {
  fill: rgb(var(--v-theme-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: rgb(var(--v-theme-text-accent-main)) !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: rgb(var(--v-theme-state-state-hover-drop-down));
  color: rgb(var(--v-theme-button-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: rgb(var(--v-theme-text-color));
  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: rgb(var(--v-theme-state-state-disabled));
}
.olap-popover .modal-dropdown-item.disabled :deep(svg) path {
  fill: rgb(var(--v-theme-state-state-disabled));
}
.olap-popover .modal-dropdown-item.disabled:hover {
  background: transparent;
}
.olap-popover .modal-dropdown-item.disabled:hover .action-item-text {
  color: rgb(var(--v-theme-state-state-disabled));
}
.olap-popover .modal-dropdown-item.disabled:hover :deep(svg) path {
  color: rgb(var(--v-theme-state-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: rgb(var(--v-theme-icon-primary));
}
.filter-metrics .filter-row-title.open .filter-row-title-icon svg path {
  fill: rgb(var(--v-theme-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: rgb(var(--v-theme-card-background));
  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: rgb(var(--v-theme-text-main-color));
}
.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: rgb(var(--v-theme-button-secondary-color)) !important;
  color: rgb(var(--v-theme-text-accent-main)) !important;
}
.stepper {
  padding: 12px 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  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: rgb(var(--v-theme-text-color));
}
.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: rgb(var(--v-theme-text-color));
}
.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: rgb(var(--v-theme-text-color));
  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: rgb(var(--v-theme-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: rgb(var(--v-theme-tertiary-text-color));
  caret-color: rgb(var(--v-theme-tertiary-text-color));
  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: rgb(var(--v-theme-text-color));
  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: rgb(var(--v-theme-text-color));
  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: rgb(var(--v-theme-secondary-text-color));
  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: rgb(var(--v-theme-secondary-text-color)) !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: rgb(var(--v-theme-primary)) !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: rgb(var(--v-theme-text-color));
  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: rgb(var(--v-theme-text-color));
  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: rgb(var(--v-theme-text-color));
}
.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: rgb(var(--v-theme-card-background));
}
.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: rgb(var(--v-theme-text-color));
}
.add-negative-drawer .form-help {
  font-size: 12px;
  color: rgb(var(--v-theme-text-light-color));
}
.add-negative-drawer .review-card {
  padding: 20px;
  background: rgb(var(--v-theme-card-background));
  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: rgb(var(--v-theme-primary));
}
.add-negative-drawer .review-card .card-header .card-title {
  font-size: 16px;
  font-weight: 600;
  color: rgb(var(--v-theme-text-color));
  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: rgb(var(--v-theme-text-color));
  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: rgb(var(--v-theme-state-state-hover-drop-down));
  color: rgb(var(--v-theme-button-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: rgb(var(--v-theme-text-color));
  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: rgb(var(--v-theme-tertiary-text-color));
  caret-color: rgb(var(--v-theme-tertiary-text-color));
  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: rgb(var(--v-theme-tertiary-text-color)) !important;
  caret-color: rgb(var(--v-theme-tertiary-text-color)) !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: rgb(var(--v-theme-tertiary-text-color)) !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: rgb(var(--v-theme-text-color));
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.selected-count-badge .selected-count-text {
  white-space: nowrap;
}