.cloud-avatar[data-v-e28b816b] {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: var(--color-icon-tertiary);
  border-radius: 50%;
  overflow: hidden;
  background-size: cover !important;
  vertical-align: center;
  flex-shrink: 0;
}
.cloud-avatar.xs[data-v-e28b816b] {
  width: 32px;
  height: 32px;
}
.cloud-avatar.xs .icon[data-v-e28b816b] >  svg {
  width: 19.82px;
  height: 27.13px;
}
.cloud-avatar.s[data-v-e28b816b] {
  width: 44px;
  height: 44px;
}
.cloud-avatar.s .icon[data-v-e28b816b] >  svg {
  width: 27.25px;
  height: 37.3px;
}
.cloud-avatar--image-link[data-v-e28b816b] {
  background: var(--9fe0c6a8) no-repeat center center;
}
.icon[data-v-e28b816b] {
  display: flex;
}.context-menu[data-v-fa763930] {
  padding: 6px 0;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12), 0 12px 20px rgba(0, 0, 0, 0.14);
  border-radius: 8px;
  background: var(--color-background-primary);
  width: 200px;
}.context-menu-item[data-v-b7544082] {
  cursor: pointer;
  color: var(--color-text-primary);
  user-select: none;
}
.context-menu-item--disabled[data-v-b7544082] {
  color: var(--color-text-tertiary);
}
.context-menu-item[data-v-b7544082]:hover {
  background: var(--color-background-hover);
}
.context-menu-item.s[data-v-b7544082] {
  padding: 6px 12px;
  font-size: 14px;
}
.context-menu-item.m[data-v-b7544082] {
  padding: 10px 12px;
  font-size: 17px;
}
.context-menu-item.l[data-v-b7544082] {
  padding: 12px;
  font-size: 20px;
}.dropdown-container[data-v-5724ee32] {
  display: block;
}
.dropdown-container__button[data-v-5724ee32] {
  display: block;
  cursor: pointer;
}
.dropdown-container__popup[data-v-5724ee32] {
  display: block;
  z-index: 100;
}.option-item[data-v-f4ea185d] {
  display: flex;
  gap: 12px;
  padding: 10px 0 12px 0;
}
.option-item__note[data-v-f4ea185d] {
  margin: -8px 0 0 5px;
  color: var(--color-brand);
  text-transform: uppercase;
  font-size: 11px;
}
.option-item__description[data-v-f4ea185d] {
  color: var(--color-text-secondary);
}
.option-item__hint[data-v-f4ea185d] {
  color: var(--color-constant-gs-400);
}
.option-item__title[data-v-f4ea185d] {
  line-height: 24px;
}.stroke-cell__subtext[data-v-d85a8a8a] {
  color: var(--color-text-secondary);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}.divider[data-v-1bf7c1e2] {
  border-bottom: 1px solid var(--color-background-stroke);
}.button[data-v-c86cf341] {
  --color-ghost-disabled: #d8d8d8;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: none;
  border-radius: 6px;
  font-family: inherit;
  font-weight: 500;
  outline: none;
}
.button[data-v-c86cf341]:hover {
  cursor: pointer;
}
.button.wide[data-v-c86cf341] {
  width: 100%;
}
.button .loader[data-v-c86cf341] {
  position: absolute;
  display: inline-block;
  height: 24px;
  width: 24px;
  border: 2px solid;
  border-top-color: transparent !important;
  border-radius: 100%;
  animation: 2s infinite linear loader-animate-c86cf341;
}
.button .icon[data-v-c86cf341] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.button.squared.s[data-v-c86cf341], .button.rounded.s[data-v-c86cf341] {
  padding: 0 !important;
  width: 32px;
  height: 32px;
}
.button.squared.m[data-v-c86cf341], .button.rounded.m[data-v-c86cf341] {
  padding: 0 !important;
  width: 44px;
  height: 44px;
}
.button.squared.l[data-v-c86cf341], .button.rounded.l[data-v-c86cf341] {
  padding: 0 !important;
  width: 52px;
  height: 52px;
}
.button.rounded[data-v-c86cf341] {
  border-radius: 50% !important;
}
.button.s[data-v-c86cf341] {
  padding: 6px 16px;
  font-size: 14px;
  line-height: 20px;
}
.button.s .loader[data-v-c86cf341] {
  width: 14px;
  height: 14px;
}
.button.m[data-v-c86cf341] {
  padding: 10px 24px;
  font-size: 17px;
  line-height: 24px;
  border-radius: 8px;
}
.button.m .loader[data-v-c86cf341] {
  width: 14px;
  height: 14px;
}
.button.l[data-v-c86cf341] {
  padding: 14px 32px;
  font-size: 17px;
  line-height: 24px;
  border-radius: 8px;
}
.button.l .loader[data-v-c86cf341] {
  width: 22px;
  height: 22px;
}
.button.primary[data-v-c86cf341] {
  background: var(--color-brand);
  color: var(--color-text-inverted);
}
.button.primary[data-v-c86cf341]:not(.loading):hover {
  background: var(--color-brand-hover);
}
.button.primary .loader[data-v-c86cf341] {
  border-color: var(--color-text-inverted);
}
.button.alternate[data-v-c86cf341] {
  background: var(--color-control-secondary-active);
  color: var(--color-text-inverted);
}
.button.secondary[data-v-c86cf341] {
  background: var(--color-control-tertiary-active);
  color: var(--color-text-primary);
}
.button.secondary[data-v-c86cf341]:not(.loading):hover {
  background: var(--color-background-hover);
}
.button.secondary svg path[data-v-c86cf341] {
  fill: var(--color-text-primary);
}
.button.secondary .loader[data-v-c86cf341] {
  border-color: var(--color-text-primary);
}
.button.secondary-inverted[data-v-c86cf341] {
  background: var(--color-control-alternative);
  color: var(--color-text-primary);
}
.button.secondary-inverted[data-v-c86cf341]:not(.loading):hover {
  background: var(--color-background-hover);
}
.button.secondary-inverted svg path[data-v-c86cf341] {
  fill: var(--color-text-primary);
}
.button.secondary-inverted .loader[data-v-c86cf341] {
  border-color: var(--color-text-primary);
}
.button.negative[data-v-c86cf341] {
  background: var(--color-control-tertiary-active);
  color: var(--color-text-negative);
}
.button.negative[data-v-c86cf341]:not(.loading):hover {
  background: var(--color-background-hover);
}
.button.negative svg path[data-v-c86cf341] {
  fill: var(--color-text-negative);
}
.button.negative .loader[data-v-c86cf341] {
  border-color: var(--color-text-negative);
}
.button.negative-inverted[data-v-c86cf341] {
  background: var(--color-control-alternative);
  color: var(--color-text-negative);
}
.button.negative-inverted[data-v-c86cf341]:not(.loading):hover {
  background: var(--color-control-tertiary-active);
}
.button.negative-inverted svg path[data-v-c86cf341] {
  fill: var(--color-text-negative);
}
.button.negative-inverted .loader[data-v-c86cf341] {
  border-color: var(--color-text-negative);
}
.button.outline[data-v-c86cf341] {
  background: var(--color-control-alternative);
  border: 2px solid var(--color-background-stroke);
  color: var(--color-text-primary);
}
.button.outline[data-v-c86cf341]:not(.loading):hover {
  background: var(--color-background-hover);
  border-color: transparent;
}
.button.outline svg path[data-v-c86cf341] {
  fill: var(--color-text-primary);
}
.button.outline[data-v-c86cf341]:disabled {
  border-color: transparent;
}
.button.outline .loader[data-v-c86cf341] {
  border-color: var(--color-text-primary);
}
.button.outline.s[data-v-c86cf341] {
  padding: 4px 14px;
}
.button.outline.m[data-v-c86cf341] {
  padding: 8px 22px;
}
.button.outline.l[data-v-c86cf341] {
  padding: 12px 30px;
}
.button.negative-outline[data-v-c86cf341] {
  background: var(--color-control-alternative);
  color: var(--color-text-negative);
  border: 2px solid var(--color-background-stroke);
}
.button.negative-outline[data-v-c86cf341]:disabled {
  border-color: transparent;
}
.button.negative-outline[data-v-c86cf341]:not(.loading):hover {
  background: var(--color-background-hover);
  border-color: transparent;
}
.button.negative-outline svg path[data-v-c86cf341] {
  fill: var(--color-text-negative);
}
.button.negative-outline .loader[data-v-c86cf341] {
  border-color: var(--color-text-negative);
}
.button.negative-outline.s[data-v-c86cf341] {
  padding: 4px 14px;
}
.button.negative-outline.m[data-v-c86cf341] {
  padding: 8px 22px;
}
.button.negative-outline.l[data-v-c86cf341] {
  padding: 12px 30px;
}
.button.ghost[data-v-c86cf341] {
  background: transparent;
  color: var(--color-text-primary);
  border: none;
}
.button.ghost svg path[data-v-c86cf341] {
  fill: var(--color-text-primary);
}
.button.ghost .loader[data-v-c86cf341] {
  border-color: var(--color-text-primary);
}
.button.ghost[data-v-c86cf341]:not(.loading):hover {
  background: var(--color-background-hover);
  border-color: transparent;
}
.button[data-v-c86cf341]:disabled {
  background: var(--color-control-inactive);
  color: var(--color-text-tertiary);
  cursor: default;
}
.button[data-v-c86cf341]:disabled:not(.loading):hover {
  background: var(--color-control-inactive);
}
.button:disabled svg path[data-v-c86cf341] {
  fill: var(--color-text-tertiary);
}
.button.white[data-v-c86cf341] {
  background: white;
  color: var(--color-text-primary);
  border: none;
}
.button.white .loader[data-v-c86cf341] {
  border-color: var(--color-text-primary);
}
.button.white[data-v-c86cf341]:not(:disabled):hover {
  background: var(--color-background-hover);
  border-color: transparent;
}
.button.white[data-v-c86cf341]:disabled {
  background: rgba(188, 195, 208, 0.5);
  color: #8d969f;
}
.button.error[data-v-c86cf341] {
  background: transparent;
  color: var(--color-text-error);
  border: none;
}
.button.error svg path[data-v-c86cf341] {
  fill: var(--color-text-primary);
}
.button.error .loader[data-v-c86cf341] {
  border-color: var(--color-text-primary);
}
.button.error[data-v-c86cf341]:not(.loading):hover {
  background: var(--color-background-hover);
  border-color: transparent;
}
.button.loading[data-v-c86cf341] {
  cursor: default;
  color: transparent;
}
@keyframes loader-animate-c86cf341 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}.button.s:not(.rounded):not(.squared) svg {
  margin: 0 4px 0 0;
}
.button.m:not(.rounded):not(.squared) svg {
  margin: 0 4px 0 0;
}
.button.l:not(.rounded):not(.squared) svg {
  margin: 0 8px 0 0;
}.thumbnail[data-v-79755edd] {
  background-color: black;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.thumbnail__content[data-v-79755edd] {
  font-style: normal;
  font-weight: 700;
}
.thumbnail--xs[data-v-79755edd] {
  width: 28px;
  height: 28px;
  border-radius: 4.66667px;
  font-size: 12px;
  line-height: 16px;
}
.thumbnail--s[data-v-79755edd] {
  width: 32px;
  height: 32px;
  border-radius: 4.66667px;
  font-size: 12px;
  line-height: 16px;
}
.thumbnail--m[data-v-79755edd] {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  font-size: 20px;
  line-height: 24px;
}
.thumbnail--l[data-v-79755edd] {
  width: 80px;
  height: 80px;
  border-radius: 16px;
  font-size: 24px;
  line-height: 28px;
}
.thumbnail--raspberry[data-v-79755edd] {
  background-color: #ffe4e9;
  color: #7f3363;
}
.thumbnail--plum[data-v-79755edd] {
  background-color: #f0e7f0;
  color: #6d2d79;
}
.thumbnail--lime[data-v-79755edd] {
  background-color: #e8faeb;
  color: #00724d;
}
.thumbnail--blueberry[data-v-79755edd] {
  background-color: #e1f3fe;
  color: #003db7;
}.ui-welcome__header[data-v-888d076f] {
  align-self: center;
}
.ui-welcome__title[data-v-888d076f], .ui-welcome__subtitle[data-v-888d076f] {
  max-width: 544px;
  word-break: break-word;
}
.ui-welcome__title[data-v-888d076f] {
  margin-bottom: 12px;
}
.ui-welcome__subtitle[data-v-888d076f]:not(:last-child) {
  margin-bottom: 24px;
}
.ui-welcome__actions[data-v-888d076f] {
  display: flex;
  gap: 8px;
  margin-top: 24px;
}
.ui-welcome__options[data-v-888d076f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 32px;
}
.ui-welcome__illustration[data-v-888d076f] {
  position: relative;
  margin-left: auto;
}
.ui-welcome__tooltip[data-v-888d076f] {
  filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.08)) drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.08));
  background: #ffffff;
  border-radius: 8px;
  padding: 10px 12px;
  display: inline-block;
  position: absolute;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-text-primary);
  user-select: none;
}
.ui-welcome__tooltip--left[data-v-888d076f] {
  transform: rotate(-4.09deg);
  height: 40px;
  left: 18px;
  top: 84.79px;
}
.ui-welcome__tooltip--bottom[data-v-888d076f] {
  transform: rotate(3.74deg);
  height: 40px;
  left: 133px;
  top: 304px;
}
.ui-welcome__tooltip--right[data-v-888d076f] {
  transform: rotate(3deg);
  height: 40px;
  left: 345px;
  top: 169px;
}.ui-container[data-v-29faab9a] {
  padding: 0 32px;
  max-width: 1184px;
  min-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}.ui-service-header[data-v-eed15f43] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ui-service-header__title[data-v-eed15f43] {
  font-weight: normal;
  margin: 0 0 0 0;
}
.ui-breadcrumbs + .ui-service-header__title[data-v-eed15f43] {
  margin: 8px 0 0 0;
}
.ui-breadcrumbs__item[data-v-eed15f43] {
  display: inline-block;
  margin-right: 10px;
}
.ui-breadcrumbs__link[data-v-eed15f43] {
  color: var(--color-text-tertiary);
  cursor: pointer;
}
.ui-breadcrumbs__link[data-v-eed15f43]:hover {
  text-decoration: underline;
  color: var(--color-text-primary);
}
.ui-breadcrumbs__text[data-v-eed15f43] {
  color: var(--color-text-primary);
}
.ui-breadcrumbs__split[data-v-eed15f43] {
  display: inline-block;
  transform: rotate(-45deg);
  width: 6px;
  height: 6px;
  margin-left: 8px;
  margin-bottom: 1px;
  border-right: 1px solid var(--color-text-tertiary);
  border-bottom: 1px solid var(--color-text-tertiary);
}
.ui-breadcrumbs__split_back[data-v-eed15f43] {
  transform: rotate(135deg);
  margin: 0 8px 1px 0;
}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tooltip[data-v-5037a0c6] {
  display: inline-block;
}.tippy-box[data-theme~=custom] {
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  background: var(--color-background-inverted);
}
.tippy-box[data-theme~=custom] .tippy-content {
  font-size: 14px;
  padding: 0;
  color: var(--color-text-inverted);
}
.tippy-box[data-theme~=custom] .tippy-arrow {
  color: var(--color-background-inverted);
}.cloud-modal[data-v-e0eab3a8] {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--color-background-overlay);
  z-index: 100;
  padding: 16px 0;
}
.cloud-modal .header-slot[data-v-e0eab3a8] {
  width: 100%;
}
.cloud-modal.full-scroll[data-v-e0eab3a8] {
  overflow-y: auto;
  padding: 60px 0;
  display: flex;
  flex-direction: row;
}
.cloud-modal.full-scroll .sticky-close[data-v-e0eab3a8] {
  position: sticky;
  top: 24px;
}
.cloud-modal.full-scroll .wrapper[data-v-e0eab3a8] {
  max-height: none;
  margin: auto;
}
.cloud-modal.full-scroll .wrapper .content[data-v-e0eab3a8] {
  overflow-y: visible;
}
.cloud-modal .sticky-close[data-v-e0eab3a8] {
  position: absolute;
  top: 24px;
  right: 0;
}
.cloud-modal .close[data-v-e0eab3a8] {
  position: absolute;
  top: -18px;
  right: -32px;
  cursor: pointer;
  width: 20px;
  padding: 1px;
  margin-right: -2px;
}
.cloud-modal .wrapper[data-v-e0eab3a8] {
  position: relative;
  background: white;
  padding: 20px;
  border-radius: 20px;
  max-height: 100%;
  width: 448px;
  display: grid;
  grid-template-rows: auto 1fr auto;
  overflow: hidden;
}
.cloud-modal .wrapper .header[data-v-e0eab3a8],
.cloud-modal .wrapper .content[data-v-e0eab3a8],
.cloud-modal .wrapper .footer[data-v-e0eab3a8] {
  overflow-y: hidden;
}
.cloud-modal .wrapper .header[data-v-e0eab3a8] {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  color: var(--color-text-primary);
  margin: 0 0 16px 0;
  display: flex;
  align-items: center;
}
.cloud-modal .wrapper .content[data-v-e0eab3a8] {
  overflow-y: auto;
  margin: 0 0 12px 0;
  max-height: 100%;
}
.cloud-modal .wrapper .footer[data-v-e0eab3a8] {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
.cloud-modal .wrapper[data-v-e0eab3a8] {
    width: 90% !important;
}
}
.no-padding[data-v-e0eab3a8] {
  padding: 0 !important;
}
.no-margin[data-v-e0eab3a8] {
  margin: 0 !important;
}
.no-flex[data-v-e0eab3a8] {
  display: block !important;
}.base-label[data-v-a0972526] {
  display: flex;
  align-items: center;
  margin: 0 0 4px 0;
  gap: 4px;
}
.base-label > span[data-required-icon][data-v-a0972526] {
  color: var(--color-brand);
}
.label[data-v-a0972526] {
  font-size: 14px;
  line-height: 20px;
  color: var(--color-text-secondary);
}
.label__error[data-v-a0972526] {
  color: var(--color-accent-negative);
}
.tooltip[data-v-a0972526] {
  margin: 0 0 0 4px;
}
.icon[data-v-a0972526] {
  display: flex;
  cursor: pointer;
}
.lock-icon[data-v-a0972526] {
  display: flex;
  margin-left: 3px;
  margin-top: 0;
  vertical-align: middle;
}
[data-v-a0972526] .icon:not(:hover) path {
  fill: var(--color-icon-secondary);
}.cloud-checkbox-container[data-v-15bd7ce5] {
  display: flex;
}
.cloud-checkbox-container .cloud-checkbox[data-v-15bd7ce5] {
  display: flex;
  align-items: center;
}
.cloud-checkbox-container .cloud-checkbox[data-v-15bd7ce5]:not(.disabled) {
  cursor: pointer;
}
.cloud-checkbox-container .cloud-checkbox .indicator[data-v-15bd7ce5] {
  display: flex;
  background: var(--color-control-alternative);
  border: 2px solid var(--color-background-stroke);
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
.cloud-checkbox-container .cloud-checkbox .indicator svg[data-v-15bd7ce5] {
  margin: auto;
  display: block;
}
.cloud-checkbox-container .cloud-checkbox .label[data-v-15bd7ce5],
.cloud-checkbox-container .cloud-checkbox .slot[data-v-15bd7ce5] {
  user-select: none;
  margin: 0 0 0 8px;
}
.cloud-checkbox-container .cloud-checkbox:not(.disabled):not(.active):not(.error):hover .indicator[data-v-15bd7ce5] {
  background: var(--color-background-hover);
}
.cloud-checkbox-container .cloud-checkbox.error .indicator[data-v-15bd7ce5] {
  border-color: var(--color-accent-negative);
}
.cloud-checkbox-container .cloud-checkbox.s[data-v-15bd7ce5] {
  grid-template-columns: 16px 1fr;
}
.cloud-checkbox-container .cloud-checkbox.s .indicator[data-v-15bd7ce5] {
  width: 16px;
  height: 16px;
}
.cloud-checkbox-container .cloud-checkbox.s .indicator svg[data-v-15bd7ce5] {
  height: 7px;
  width: 10px;
}
.cloud-checkbox-container .cloud-checkbox.m[data-v-15bd7ce5] {
  grid-template-columns: 24px 1fr;
}
.cloud-checkbox-container .cloud-checkbox.m .indicator[data-v-15bd7ce5] {
  width: 24px;
  height: 24px;
  border-radius: 6px;
}
.cloud-checkbox-container .cloud-checkbox.m .indicator svg[data-v-15bd7ce5] {
  height: 10px;
  width: 14px;
}
.cloud-checkbox-container .cloud-checkbox.m .label[data-v-15bd7ce5] {
  margin: 0 0 0 12px;
}
.cloud-checkbox-container .cloud-checkbox.l[data-v-15bd7ce5] {
  grid-template-columns: 32px 1fr;
}
.cloud-checkbox-container .cloud-checkbox.l .indicator[data-v-15bd7ce5] {
  width: 32px;
  height: 32px;
  border-radius: 6px;
}
.cloud-checkbox-container .cloud-checkbox.l .indicator svg[data-v-15bd7ce5] {
  height: 12px;
  width: 17px;
}
.cloud-checkbox-container .cloud-checkbox.l .label[data-v-15bd7ce5] {
  margin: 0 0 0 12px;
  font-size: 20px;
  line-height: 24px;
}
.cloud-checkbox-container .cloud-checkbox.active .indicator[data-v-15bd7ce5] {
  background: var(--color-brand);
  border-color: transparent;
}
.cloud-checkbox-container .cloud-checkbox.active:not(.disabled):hover .indicator[data-v-15bd7ce5] {
  background: var(--color-brand-hover);
}
.cloud-checkbox-container .cloud-checkbox.disabled .indicator[data-v-15bd7ce5], .cloud-checkbox-container .cloud-checkbox.disabled.active .indicator[data-v-15bd7ce5] {
  opacity: 0.6;
  background: var(--color-control-inactive);
  border-color: transparent;
}
.cloud-checkbox-container .cloud-checkbox.disabled .indicator path[data-v-15bd7ce5], .cloud-checkbox-container .cloud-checkbox.disabled.active .indicator path[data-v-15bd7ce5] {
  fill: var(--color-icon-primary);
}
.cloud-checkbox-container .prompt-container[data-v-15bd7ce5] {
  margin-left: 5px;
  padding-top: 5px;
  align-self: center;
}
.cloud-checkbox-container .prompt-container svg[data-v-15bd7ce5]:hover {
  cursor: help;
}
.cloud-checkbox-container .prompt-container svg:hover path[data-v-15bd7ce5] {
  fill: #1d2023;
}.dropdown-select .selected-svg[data-v-59625a81] {
  height: 24px;
}
.dropdown-select__group-label[data-v-59625a81] {
  padding: 12px 12px 4px;
  font-size: 12px;
  line-height: 16px;
  color: var(--color-text-tertiary);
}
.dropdown-select__group-label[data-v-59625a81]:hover {
  cursor: default;
}
.dropdown-select__group-icon[data-v-59625a81] {
  padding: 12px 12px 4px;
}
.dropdown-select .group-container .groupName-container[data-v-59625a81] {
  display: flex;
  align-items: center;
}
.dropdown-select .group-container .groupName-container-icon[data-v-59625a81] {
  display: flex;
}
.dropdown-select .group-container .groupName-container-icon[data-v-59625a81]:not(:empty) {
  padding-left: 12px;
}
.dropdown-select .group-container:not(:last-child) .group-divider[data-v-59625a81] {
  height: 1px;
  background: var(--color-background-stroke);
  width: 95%;
  margin: 6px auto;
}
.dropdown-select__combobox[data-v-59625a81] {
  height: 32px;
  cursor: pointer;
}
.dropdown-select__combobox-placeholder[data-v-59625a81] {
  color: var(--color-text-tertiary);
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.dropdown-select_s .dropdown-select__combobox[data-v-59625a81] {
  height: 26px;
}
.dropdown-select_l .dropdown-select__combobox[data-v-59625a81] {
  height: 44px;
}
.dropdown-select__label[data-v-59625a81] {
  color: var(--color-text-secondary);
  margin: 0 0 4px 0;
  user-select: none;
}
.dropdown-select > .dropdown-select__opened[data-v-59625a81] {
  border-color: var(--color-accent-active);
}
.dropdown-select__opened > .dropdown-select__actions > .svg[data-v-59625a81] {
  transform: rotate(180deg);
}
.dropdown-select__selected-options[data-v-59625a81] {
  display: flex;
  flex-basis: 100%;
  flex-grow: 1;
  flex-wrap: wrap;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dropdown-select__selected[data-v-59625a81] {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 6px;
  padding: 0 12px;
  z-index: 0;
}
.dropdown-select__selected--primary[data-v-59625a81] {
  background-color: var(--color-background-primary);
}
.dropdown-select__selected--secondary[data-v-59625a81] {
  background-color: var(--color-background-secondary);
}
.dropdown-select__ellipsed[data-v-59625a81] {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: auto;
}
.dropdown-select__menu[data-v-59625a81] {
  position: fixed;
  z-index: 10;
}
.dropdown-select__menu-wrapper[data-v-59625a81] {
  z-index: var(--z-index-select);
  position: absolute;
  left: 0;
  display: grid;
  grid-template-rows: 1fr auto;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12), 0 12px 20px rgba(0, 0, 0, 0.14);
  background: var(--color-background-modal);
  top: calc(100% - 1px);
  margin: 4px 0 0 0;
  width: 100%;
  max-height: 184px;
  min-width: 100%;
  border-radius: 6px;
}
.dropdown-select__menu-multi-controllers[data-v-59625a81] {
  border-top: 1px solid var(--color-background-stroke);
  display: flex;
  justify-content: flex-end;
  padding: 6px 12px;
}
.dropdown-select__menu-multi-controllers button[data-v-59625a81]:first-child {
  margin-right: 8px;
}
.dropdown-select__menu-subtitle-controller[data-v-59625a81] {
  display: flex;
  border-top: 1px solid var(--color-background-stroke);
  padding: 6px 16px;
}
.dropdown-select__menu-list[data-v-59625a81] {
  outline: none;
  display: block;
  box-sizing: border-box;
  text-align: left;
  list-style: none;
  overflow-y: auto;
  padding: 6px 0;
}
.dropdown-select__menu-search-item[data-v-59625a81] {
  color: var(--color-text-primary);
  display: flex;
  padding: 6px 12px;
  white-space: nowrap;
  clear: both;
  width: 100%;
  min-height: 32px;
  align-items: center;
  justify-content: space-between;
}
.dropdown-select__menu-item[data-v-59625a81] {
  color: var(--color-text-primary);
  display: flex;
  padding: 6px 12px;
  white-space: nowrap;
  clear: both;
  width: 100%;
  min-height: 32px;
  align-items: center;
  justify-content: space-between;
}
.dropdown-select__menu-item[data-v-59625a81]:hover {
  background-color: var(--color-background-hover);
  cursor: pointer;
}
.dropdown-select__menu-item--subtitle[data-v-59625a81] {
  align-items: flex-start;
}
.dropdown-select__menu-item--subtitle .wrapper-subtitle[data-v-59625a81] {
  display: flex;
  flex-direction: column;
}
.dropdown-select__menu-item--subtitle .subtitle[data-v-59625a81] {
  color: var(--color-text-secondary);
}
.dropdown-select__menu-item--empty[data-v-59625a81] {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
}
.dropdown-select_s .dropdown-select__menu-item[data-v-59625a81] {
  height: 26px;
}
.dropdown-select_l .dropdown-select__menu-item[data-v-59625a81] {
  height: 44px;
}
.dropdown-select__actions[data-v-59625a81] {
  padding-right: 12px;
  display: flex;
  align-items: center;
  height: 100%;
  vertical-align: middle;
}
.dropdown-select__actions svg[data-v-59625a81] {
  fill: var(--color-icon-secondary);
}
.dropdown-select__toggle[data-v-59625a81] {
  appearance: none;
  display: flex;
  border: 2px solid var(--color-background-stroke);
  border-radius: 6px;
  white-space: normal;
  position: relative;
  background-color: var(--color-background-primary);
  align-items: center;
}
.dropdown-select__disabled[data-v-59625a81] {
  cursor: default;
  color: var(--color-text-tertiary);
  border-color: var(--color-background-stroke-disabled);
  background-color: var(--color-background-disabled);
}
.dropdown-select__disabled .dropdown-select__selected[data-v-59625a81] {
  color: var(--color-text-tertiary);
  border-color: var(--color-background-stroke-disabled);
  background-color: var(--color-background-disabled);
}
.dropdown-select__disabled.dropdown-select--secondary[data-v-59625a81] {
  color: var(--color-text-tertiary);
  border-color: var(--color-background-stroke-disabled);
  background-color: var(--color-background-disabled);
}
.dropdown-select__error[data-v-59625a81] {
  border-color: var(--color-accent-negative);
}
.dropdown-select__input-search[data-v-59625a81] {
  position: absolute;
  z-index: 2;
  border: 1px transparent solid;
  height: 100%;
  border-radius: 5px;
  outline: 0;
  text-indent: 10px;
  background: transparent;
  color: var(--color-text-primary);
  left: 0;
  right: 60px;
}
.dropdown-select__input-search-background[data-v-59625a81] {
  background: var(--color-control-alternative);
}
.dropdown-select__zero-state[data-v-59625a81] {
  margin: 6px;
  font-size: 12px;
  line-height: 16px;
  color: var(--color-text-secondary);
}
.dropdown-select__cross[data-v-59625a81] {
  display: flex;
  align-items: center;
  position: absolute;
  cursor: pointer;
  height: 100%;
  right: 36px;
  z-index: 5;
}
.dropdown-select__cross span[data-v-59625a81] {
  height: 24px;
}
.dropdown-select__cross span[data-v-59625a81] svg {
  transition: fill 0.3s ease;
  fill: var(--color-icon-secondary);
}
.dropdown-select__cross:hover span[data-v-59625a81] >  svg {
  fill: var(--color-accent-active);
}
.dropdown-select--primary[data-v-59625a81]:not(.dropdown-select__disabled) {
  background-color: var(--color-background-primary);
}
.dropdown-select--secondary[data-v-59625a81] {
  background-color: var(--color-background-secondary);
}
.svg[data-v-59625a81] {
  display: flex;
  transition: transform 0.2s ease;
}
.svg[data-v-59625a81] >  svg {
  width: 24px;
  height: 24px;
}
.description[data-v-59625a81] {
  color: var(--color-text-secondary);
  margin: 4px 0 0 0;
  user-select: none;
  font-size: 12px;
  line-height: 16px;
  min-height: 16px;
}
.error[data-v-59625a81] {
  color: var(--color-accent-negative);
  margin: 4px 0 0 0;
  user-select: none;
  font-size: 12px;
  line-height: 16px;
  min-height: 16px;
}
.grid2[data-v-d2e0e307] {
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 2px 32px;
}
.showCols[data-v-d2e0e307] .grid-col {
  background-color: seashell;
}
.grid2-row[data-v-50361e1e] {
  display: contents;
}
.grid2-row[data-v-50361e1e] .grid2-col:first-child {
  grid-column-start: 1;
}.span-1[data-v-abf51089] {
  grid-column-end: span 1;
}
.span-2[data-v-abf51089] {
  grid-column-end: span 2;
}
.span-3[data-v-abf51089] {
  grid-column-end: span 3;
}
.span-4[data-v-abf51089] {
  grid-column-end: span 4;
}
.span-5[data-v-abf51089] {
  grid-column-end: span 5;
}
.span-6[data-v-abf51089] {
  grid-column-end: span 6;
}
.span-7[data-v-abf51089] {
  grid-column-end: span 7;
}
.span-8[data-v-abf51089] {
  grid-column-end: span 8;
}
.span-9[data-v-abf51089] {
  grid-column-end: span 9;
}
.span-10[data-v-abf51089] {
  grid-column-end: span 10;
}
.span-11[data-v-abf51089] {
  grid-column-end: span 11;
}
.span-12[data-v-abf51089] {
  grid-column-end: span 12;
}.key-value[data-v-c8106159] {
  display: grid;
  grid-template-columns: 150px 1fr;
  column-gap: 32px;
  row-gap: 16px;
}
.key-value dt[data-v-c8106159] {
  white-space: nowrap;
}.primary[data-v-2ac152a9] {
  fill: var(--color-icon-primary);
}
.white[data-v-2ac152a9] {
  fill: var(--color-text-inverted);
}
.brand[data-v-2ac152a9] {
  fill: var(--color-brand);
}
.orange[data-v-2ac152a9] {
  fill: var(--color-constant-normal-orange);
}
.cloud-spinner[data-v-2ac152a9] {
  --size-16: 16px;
  --size-24: 24px;
  --size-40: 40px;
  display: flex;
}
.cloud-spinner__icon[data-v-2ac152a9] {
  animation: 1s linear 0s infinite normal none running spinner-2ac152a9;
}
.cloud-spinner__16[data-v-2ac152a9] {
  width: var(--size-16);
  height: var(--size-16);
}
.cloud-spinner__24[data-v-2ac152a9] {
  width: var(--size-24);
  height: var(--size-24);
}
.cloud-spinner__40[data-v-2ac152a9] {
  width: var(--size-40);
  height: var(--size-40);
}
@keyframes spinner-2ac152a9 {
100% {
    transform: rotate(360deg);
}
}.cloud-info-banner[data-v-8460b217] {
  border-radius: 8px;
  padding: 12px;
  display: flex;
}
.cloud-info-banner__content[data-v-8460b217] {
  max-width: 560px;
  margin-left: 8px;
}
.cloud-info-banner__content[data-v-8460b217] a:hover {
  text-decoration: underline;
}
.cloud-info-banner.with-background[data-v-8460b217] {
  background-color: var(--color-background-secondary);
}
.cloud-info-banner svg[data-v-8460b217] {
  flex-shrink: 0;
}
.cloud-info-banner.s[data-v-8460b217] {
  padding: 0;
}
.cloud-info-banner.s .cloud-info-banner__text[data-v-8460b217] {
  max-width: 480px;
}
.cloud-info-banner.s svg[data-v-8460b217] {
  width: 16px;
  height: 16px;
}.cloud-info-banner {
  position: relative;
  border-radius: 16px;
  padding: 12px 16px;
  display: flex;
  background-color: var(--color-background-secondary);
}
.cloud-info-banner__icon {
  display: flex;
  align-items: center;
}
.cloud-info-banner__icon--top {
  align-items: flex-start;
}
.cloud-info-banner__title {
  line-height: 17px;
}
.cloud-info-banner__content {
  margin-left: 8px;
}
.cloud-info-banner__content ::v-deep(a):hover {
  text-decoration: underline;
}
.cloud-info-banner .icon-close {
  position: absolute;
  right: 16px;
  top: 12px;
  cursor: pointer;
}
.cloud-info-banner.with-title {
  padding: 12px 16px;
}
.cloud-info-banner.with-close {
  padding: 12px 32px 12px 16px;
}
.cloud-info-banner svg {
  flex-shrink: 0;
}
.cloud-info-banner.s {
  padding: 0;
}
.cloud-info-banner.s .cloud-info-banner__text {
  max-width: 480px;
}
.cloud-info-banner.s svg {
  width: 16px;
  height: 16px;
}
.cloud-info-banner--inverted {
  color: var(--color-text-inverted);
  background-color: var(--color-background-inverted);
}
.cloud-info-banner--inverted a {
  color: var(--color-text-primary-link-inverted);
}
.cloud-info-banner--inverted .icon-close {
  color: white;
}
.cloud-info-banner--inverted .icon-close svg path {
  fill: white;
}.label[data-v-126c2634] {
  display: flex;
  color: var(--color-text-secondary);
  word-break: break-word;
  margin: 0 0 6px 0;
  align-items: center;
  font-size: 14px;
  gap: 4px;
}
.icon[data-v-126c2634] {
  display: flex;
  cursor: pointer;
}
[data-v-126c2634] .icon svg {
  transition: all 0.3s ease;
}
[data-v-126c2634] .icon:hover path {
  fill: var(--color-icon-primary);
}
.tag[data-v-126c2634] {
  padding: 1px 4px;
  border-radius: 4px;
  background-color: var(--color-background-secondary);
}
.lock-icon[data-v-126c2634] {
  position: relative;
  top: 3px;
  margin-left: 3px;
  vertical-align: middle;
}.cloud-input-base[data-v-0c6e0b38] {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto 1fr auto;
  border: 2px solid var(--color-background-stroke);
  border-radius: 6px;
  overflow: hidden;
}
.cloud-input-base--primary[data-v-0c6e0b38] {
  background-color: var(--color-background-primary);
}
.cloud-input-base--secondary[data-v-0c6e0b38] {
  background-color: var(--color-background-secondary);
}
.cloud-input-base[data-v-0c6e0b38]:focus-within {
  border-color: var(--color-accent-active);
}
.cloud-input-base.error[data-v-0c6e0b38] {
  border-color: var(--color-accent-negative);
}
.cloud-input-base.disabled[data-v-0c6e0b38] {
  border-color: var(--color-background-stroke-disabled);
  background-color: var(--color-background-disabled);
}
.cloud-input-base.disabled .suffix[data-v-0c6e0b38],
.cloud-input-base.disabled .value[data-v-0c6e0b38],
.cloud-input-base.disabled .input[data-v-0c6e0b38] {
  color: var(--color-text-tertiary);
  -webkit-text-fill-color: var(--color-text-tertiary);
}
.cloud-input-base.s[data-v-0c6e0b38] {
  grid-template-rows: 28px;
}
.cloud-input-base.s .input[data-v-0c6e0b38] {
  font-size: 14px;
}
.cloud-input-base.s .value[data-v-0c6e0b38],
.cloud-input-base.s .suffix[data-v-0c6e0b38] {
  font-size: 14px;
}
.cloud-input-base.m[data-v-0c6e0b38] {
  grid-template-rows: 40px;
  border-radius: 8px;
}
.cloud-input-base.l[data-v-0c6e0b38] {
  grid-template-rows: 48px;
  border-radius: 8px;
}
.cloud-input-base.l .addons .before[data-v-0c6e0b38] {
  border-radius: 8px 0 0 8px;
}
.cloud-input-base.l .addons .after[data-v-0c6e0b38] {
  border-radius: 0 8px 8px 0;
}
.box[data-v-0c6e0b38] {
  position: relative;
}
.input[data-v-0c6e0b38] {
  outline: none;
  border: none;
  background: transparent;
  padding-left: 12px;
  font-size: 17px;
  font-family: inherit;
  width: 100%;
  height: 100%;
}
.input[data-v-0c6e0b38]::placeholder {
  color: var(--color-text-tertiary);
}
.addons[data-v-0c6e0b38] {
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.addons .before[data-v-0c6e0b38] {
  border-radius: 6px 0 0 6px;
}
.addons .after[data-v-0c6e0b38] {
  border-radius: 0 6px 6px 0;
}
.suffix-box[data-v-0c6e0b38] {
  position: absolute;
  left: 12px;
  pointer-events: none;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
}
.value[data-v-0c6e0b38] {
  margin-right: 4px;
  visibility: hidden;
}
.value[data-v-0c6e0b38],
.suffix[data-v-0c6e0b38] {
  font-size: 17px;
  user-select: none;
  line-height: normal;
}.message[data-v-3e714408] {
  color: var(--color-text-secondary);
  margin: 4px 0 0 0;
  font-size: 12px;
  line-height: 16px;
  min-height: 16px;
}
.error .message[data-v-3e714408] {
  color: var(--color-accent-negative);
}
.cloud-input-wrapper .addons[data-v-3e714408] {
  display: flex;
  align-items: center;
  height: 100%;
}
.cloud-input-wrapper .addons .icon[data-v-3e714408] {
  display: inline-flex;
  cursor: pointer;
}
.cloud-input-wrapper .addons .icon[data-v-3e714408]:not(:last-child) {
  margin: 0 4px 0 0;
}
.cloud-input-wrapper .message.message_top[data-v-3e714408] {
  margin-bottom: -20px;
}.cloud-textarea-wrapper .label[data-v-a6297416] {
  display: flex;
  color: var(--color-text-secondary);
  word-break: break-word;
  margin: 0 0 4px 0;
  align-items: center;
  font-size: 14px;
  gap: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cloud-textarea-wrapper .prompt[data-v-a6297416] {
  margin: 0 0 0 4px;
}
.cloud-textarea-wrapper .textarea[data-v-a6297416] {
  border-radius: 8px;
  outline: none;
  width: 100%;
  font-size: 14px;
  padding: 10px 12px;
  color: var(--color-text-primary);
  border: 2px solid var(--color-background-stroke);
  transition: border-color 0.2s;
  font-family: inherit;
  resize: none;
  display: block;
}
.cloud-textarea-wrapper .textarea[data-v-a6297416]::placeholder {
  color: var(--color-text-tertiary);
}
.cloud-textarea-wrapper .textarea[data-v-a6297416]:focus {
  border-color: var(--color-accent-active);
}
.cloud-textarea-wrapper.manual .textarea[data-v-a6297416] {
  resize: vertical;
}
.cloud-textarea-wrapper.auto .textarea[data-v-a6297416] {
  overflow-y: hidden;
}
.cloud-textarea-wrapper.primary .textarea[data-v-a6297416] {
  background: var(--color-background-primary);
}
.cloud-textarea-wrapper.secondary .textarea[data-v-a6297416] {
  background: var(--color-background-secondary);
}
.cloud-textarea-wrapper.s .textarea[data-v-a6297416] {
  min-height: 80px;
  height: 80px;
}
.cloud-textarea-wrapper.m .textarea[data-v-a6297416] {
  min-height: 96px;
  height: 96px;
}
.cloud-textarea-wrapper.l .textarea[data-v-a6297416] {
  min-height: 116px;
  height: 116px;
}
.cloud-textarea-wrapper .textarea[data-v-a6297416]:not(:last-child) {
  margin-bottom: 4px;
}
.cloud-textarea-wrapper .message[data-v-a6297416] {
  color: var(--color-text-secondary);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-right: 8px;
}
.cloud-textarea-wrapper.error .textarea[data-v-a6297416] {
  border-color: var(--color-accent-negative);
}
.cloud-textarea-wrapper.error .message[data-v-a6297416] {
  color: var(--color-accent-negative);
}
.cloud-textarea-wrapper.field__disabled .textarea[data-v-a6297416] {
  border-color: var(--color-background-stroke-disabled);
  background-color: var(--color-background-disabled);
}
.lock-icon[data-v-a6297416] {
  margin-left: 3px;
  margin-top: 5px;
  vertical-align: middle;
}
.tag[data-v-a6297416] {
  padding: 1px 4px;
  border-radius: 4px;
  background-color: var(--color-background-secondary);
}
.textarea-wrapper[data-v-a6297416] {
  position: relative;
}
.textarea-wrapper .copy[data-v-a6297416] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 6px 14px;
  border-radius: 6px 0 0 6px;
  display: inline-flex;
  cursor: pointer;
}.cloud-switch[data-v-cfd0e7bb] {
  background: var(--color-background-stroke);
  border-radius: 100px;
  cursor: pointer;
  transition: background 0.4s;
}
.cloud-switch .indicator[data-v-cfd0e7bb] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-background-secondary);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.08);
  border-radius: 100px;
  transition: transform 0.4s;
}
.cloud-switch .indicator .icon[data-v-cfd0e7bb] {
  display: inline-flex;
}
.cloud-switch.s[data-v-cfd0e7bb] {
  width: 28px;
  min-width: 28px;
  height: 16px;
  padding: 2px;
}
.cloud-switch.s .indicator[data-v-cfd0e7bb] {
  width: 12px;
  height: 12px;
}
.cloud-switch.s .cloud-switch__blocked-icon[data-v-cfd0e7bb] {
  width: 10px;
  height: 10px;
}
.cloud-switch.m[data-v-cfd0e7bb] {
  width: 44px;
  height: 24px;
  padding: 3px;
}
.cloud-switch.m .indicator[data-v-cfd0e7bb] {
  width: 18px;
  height: 18px;
}
.cloud-switch.l[data-v-cfd0e7bb] {
  width: 56px;
  height: 32px;
  padding: 4px;
}
.cloud-switch.l .indicator[data-v-cfd0e7bb] {
  width: 24px;
  height: 24px;
}
.cloud-switch.l .cloud-switch__blocked-icon[data-v-cfd0e7bb] {
  width: 20px;
  height: 20px;
}
.cloud-switch.active[data-v-cfd0e7bb] {
  background: var(--color-accent-positive);
}
.cloud-switch.active .indicator[data-v-cfd0e7bb] {
  transform: translateX(100%);
}
.cloud-switch.blocked[data-v-cfd0e7bb] {
  cursor: default;
}
.right[data-v-cfd0e7bb] {
  display: flex;
  align-items: center;
}
.right .base-label[data-v-cfd0e7bb] {
  order: 1;
  margin: 0 0 0 12px;
}
.left[data-v-cfd0e7bb] {
  display: flex;
  align-items: center;
}
.left .base-label[data-v-cfd0e7bb] {
  order: 0;
  margin-right: 16px;
}.tabs[data-v-d98dfb8e] {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-start;
  gap: 0 24px;
  height: 52px;
}
.tab[data-v-d98dfb8e],
.link[data-v-d98dfb8e] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.tab[data-v-d98dfb8e] {
  position: relative;
}
.tab .line[data-v-d98dfb8e] {
  background: var(--color-brand);
  z-index: 1;
}
.link .title[data-v-d98dfb8e] {
  margin: 0 4px 0 0;
}
.title[data-v-d98dfb8e] {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-primary);
}
.line[data-v-d98dfb8e] {
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 100%;
  border-radius: 2px;
  background: var(--color-background-stroke);
}
.icon[data-v-d98dfb8e] {
  display: flex;
}.skeleton[data-v-016e752e] {
  border-radius: 8px;
  height: var(--4907d85e);
  width: var(--8e44b8a2);
  position: relative;
  overflow: hidden;
  background: linear-gradient(to right, rgba(150, 159, 168, 0.3), rgba(187, 193, 199, 0.3));
}
.skeleton[data-v-016e752e]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, transparent 0%, var(--color-constant-greyscale-0) 50%, transparent 100%);
  animation: loading-016e752e 2s ease infinite;
}
@keyframes loading-016e752e {
from {
    left: -100%;
}
to {
    left: 100%;
}
}