.full-page-wrapper[data-v-5c9ea1f1] {
  overflow: hidden;
}/***=!! New design variables !!=***/
.category-selector[data-v-6cb75d29] {
  display: flex;
  flex-wrap: wrap;
}
.category-selector .category-selector__item[data-v-6cb75d29] {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 32px;
}
.category-selector .category-selector__item i[data-v-6cb75d29] {
  margin-right: 8px;
}
.category-selector .category-selector__item.active[data-v-6cb75d29] :not(.inline-divider) {
  color: var(--neutral-light-n-900, var(--neutral-light-n-900, #141729));
  font-weight: 600;
}
.category-selector .category-selector__item .inline-divider[data-v-6cb75d29] {
  margin-left: 16px;
  margin-right: 16px;
}
.category-selector .category-selector__item:last-child .inline-divider[data-v-6cb75d29] {
  display: none;
}.component-variable-toolbar[data-v-3817b921] {
  display: flex;
  align-items: center;
}
.component-variable-toolbar .component-variable-toolbar__search-bar[data-v-3817b921] {
  flex: 1;
}
.component-variable-toolbar.component-variable-toolbar--standard[data-v-3817b921] {
  gap: 8px;
}
.component-variable-toolbar.component-variable-toolbar--standard[data-v-3817b921] .button--square {
  width: 38px !important;
  height: 38px !important;
  line-height: 38px !important;
}
.component-variable-toolbar.component-variable-toolbar--compact .inline-divider[data-v-3817b921] {
  color: #ebedef;
  font-size: 16px;
  padding: 0 4px;
  font-weight: 200;
}
.component-variable-toolbar.component-variable-toolbar--compact[data-v-3817b921] .button--square {
  border-color: transparent;
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
}
.component-variable-toolbar.component-variable-toolbar--compact[data-v-3817b921] .search-bar-v2 {
  height: 32px;
  border-color: transparent;
}
.component-variable-toolbar.component-variable-toolbar--compact[data-v-3817b921] .search-bar-v2 .search-bar__input input {
  height: 30px !important;
  line-height: 30px !important;
}
.component-variable-toolbar.component-variable-toolbar--compact[data-v-3817b921] .search-bar-v2 .search-bar__controls {
  align-items: center;
}
.component-variable-toolbar.component-variable-toolbar--compact[data-v-3817b921] .search-bar-v2 .search-bar__controls i {
  font-size: 14px !important;
  line-height: 32px !important;
}/***=!! New design variables !!=***/
.component-variable-editor[data-v-af02a619] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-flow: column;
}
.component-variable-editor .component-variable-editor__header[data-v-af02a619] {
  display: flex;
  padding: 32px 32px var(--frame-radius, 12px) 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-bottom: 1px solid var(--neutral-light-n-30, #ebedef);
}
.component-variable-editor .component-variable-editor__header .component-variable-editor__header__toolbar[data-v-af02a619] {
  width: 100%;
}
.component-variable-editor .component-variable-editor__variables[data-v-af02a619] {
  flex-grow: 1;
  overflow: auto;
  padding: 0 32px 32px;
}
.component-variable-editor.component-variable-editor--compact .component-variable-editor__header[data-v-af02a619] {
  padding: 8px;
}
.component-variable-editor.component-variable-editor--compact .component-variable-editor__variables[data-v-af02a619] {
  padding: 0 16px 16px;
}