/***=!! New design variables !!=***/
.el-container[data-v-727b9497] {
  overflow: auto;
  height: 100%;
}
.el-main[data-v-727b9497] {
  overflow: hidden;
  --el-main-padding: 0;
}
.el-aside[data-v-727b9497] {
  --el-aside-width: 240px;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.el-aside .el-menu[data-v-727b9497] {
  border-right: none;
  padding-top: 8px;
}
.campaign-flow-builder-icon[data-v-727b9497] {
  font-size: 16px;
  margin-right: 6px;
}/***=!! New design variables !!=***/
@keyframes onAutoFillStart-e655894b {
from {
    /**/
}
to {
    /**/
}
}
.flex[data-v-e655894b] {
  padding-top: 8px;
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: between;
  justify-content: between;
  align-content: stretch;
  gap: 10px;
}
.flex[data-v-e655894b] .component-variable-v2 {
  flex: 1;
}/***=!! New design variables !!=***/
.section-wrapper[data-v-92451103] {
  margin: 1.25rem 0;
}@keyframes pulsate-e8389074 {
0% {
    opacity: 0.3;
}
50% {
    opacity: 0.6;
}
100% {
    opacity: 0.3;
}
}
.rule.is-removing[data-v-e8389074] {
  animation: pulsate-e8389074 1.4s infinite;
  transition: opacity 0.8s ease-in-out;
}/***=!! New design variables !!=***/
.section-wrapper h1[data-v-5bfa055c] {
  margin-bottom: 0.3125rem;
}/***=!! New design variables !!=***/
.section-wrapper h1[data-v-e15088ee] {
  margin-bottom: 0.3125rem;
}
.audience-roles[data-v-e15088ee] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.audience-role[data-v-e15088ee] {
  position: relative;
  padding: 40px;
  border-radius: 12px;
}
.audience-role[data-v-e15088ee]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  background-color: transparent;
  background-image: repeating-linear-gradient(0deg, #bfbfbf, #bfbfbf 10px, transparent 10px, transparent 19px, #bfbfbf 19px), repeating-linear-gradient(90deg, #bfbfbf, #bfbfbf 10px, transparent 10px, transparent 19px, #bfbfbf 19px), repeating-linear-gradient(180deg, #bfbfbf, #bfbfbf 10px, transparent 10px, transparent 19px, #bfbfbf 19px), repeating-linear-gradient(270deg, #bfbfbf, #bfbfbf 10px, transparent 10px, transparent 19px, #bfbfbf 19px);
  background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
}
.audience-role__header[data-v-e15088ee] {
  position: relative;
  margin-bottom: 1.25rem;
}
.audience-role__header h3[data-v-e15088ee] {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  color: #5c5c5c;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  margin: 0;
}
.audience-role.audience-role--advocate[data-v-e15088ee]::before {
  background-color: transparent;
  background-image: repeating-linear-gradient(0deg, #00c7e6, #00c7e6 10px, transparent 10px, transparent 19px, #00c7e6 19px), repeating-linear-gradient(90deg, #00c7e6, #00c7e6 10px, transparent 10px, transparent 19px, #00c7e6 19px), repeating-linear-gradient(180deg, #00c7e6, #00c7e6 10px, transparent 10px, transparent 19px, #00c7e6 19px), repeating-linear-gradient(270deg, #00c7e6, #00c7e6 10px, transparent 10px, transparent 19px, #00c7e6 19px);
  background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
}
.audience-role.audience-role--advocate .audience-role__header h3[data-v-e15088ee] {
  color: var(--Teal-T300, #00b8d9);
}
.audience-role.audience-role--friend[data-v-e15088ee]::before {
  background-color: transparent;
  background-image: repeating-linear-gradient(0deg, #8777d9, #8777d9 10px, transparent 10px, transparent 19px, #8777d9 19px), repeating-linear-gradient(90deg, #8777d9, #8777d9 10px, transparent 10px, transparent 19px, #8777d9 19px), repeating-linear-gradient(180deg, #8777d9, #8777d9 10px, transparent 10px, transparent 19px, #8777d9 19px), repeating-linear-gradient(270deg, #8777d9, #8777d9 10px, transparent 10px, transparent 19px, #8777d9 19px);
  background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
}
.audience-role.audience-role--friend .audience-role__header h3[data-v-e15088ee] {
  color: var(--Purple-T300, #8777d9);
}
.audience-role__journeys[data-v-e15088ee] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.audience-journey[data-v-e15088ee] {
  border-radius: 4px;
}
.audience-journey__header h4[data-v-e15088ee] {
  margin: 0 0 0.9375rem;
  color: var(--neutral-light-n-700, #2f3750);
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}
.audience-journey__header p[data-v-e15088ee] {
  color: var(--neutral-light-alpha-n-800-a, rgba(24, 29, 52, 0.95));
  margin: 0;
  font-size: 12px;
  line-height: 14px;
}
.audience-journey__rules[data-v-e15088ee] {
  margin-top: 1.25rem;
}
.footer[data-v-e15088ee] {
  margin-top: 1.25rem;
}
.footer small[data-v-e15088ee] {
  color: var(--neutral-light-alpha-n-800-a, rgba(24, 29, 52, 0.95));
  font-size: 12px;
  line-height: 14px;
}/***=!! New design variables !!=***/
.section-wrapper h1[data-v-13d86c4a] {
  margin-bottom: 0.3125rem;
}.rules-container[data-v-6a06204a] {
  display: flex;
  flex-flow: column;
  overflow-y: scroll;
  height: 100%;
}.controls[data-v-5df2fe33] {
  line-height: 40px;
}
.variable-list[data-v-5df2fe33] {
  padding-top: 0 !important;
}
.header-wrapper[data-v-5df2fe33] {
  margin: 15px 30px;
}
.variable-controls-wrapper[data-v-5df2fe33] {
  flex-flow: nowrap;
}
.button--apply-variables[data-v-5df2fe33] {
  width: 100%;
  margin-left: 0;
}
.variable-input__header[data-v-5df2fe33] {
  display: flex;
}
.variable-input__header .variable-input__header__controls-start[data-v-5df2fe33] {
  flex-shrink: 0;
  margin-right: 10px;
}
.variable-input__header .variable-input__header__controls-start i[data-v-5df2fe33] {
  cursor: pointer;
}
.variable-input__header .variable-input__header__controls-start i.disabled[data-v-5df2fe33] {
  cursor: default;
  opacity: 0.5;
}
.variable-input__header .variable-input__header__label[data-v-5df2fe33] {
  overflow-wrap: anywhere;
}
.variable-input__header .variable-input__header__label.loading[data-v-5df2fe33] {
  font-style: italic;
  opacity: 0.5;
}
.variable-input__header .variable-input__header__controls-end[data-v-5df2fe33] {
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 10px;
}/***=!! New design variables !!=***/
.nested-variables-preview[data-v-d185509b] {
  position: initial !important;
  display: block;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 12px;
  line-height: 18px;
  font-size: 0.875rem;
  color: #777777;
  min-height: 75px;
  box-shadow: none;
  background: #ffffff;
  margin: 0 0 0.9375rem 0;
  resize: vertical;
  height: 75px;
  overflow: hidden;
}
[data-v-d185509b] .nested-variable-block {
  display: inline-block;
  padding: 3px 0.625rem;
  line-height: 14px;
  vertical-align: 1px;
  border-radius: 3px;
  background-color: #efefef;
  font: inherit;
  color: #777777;
}
[data-v-d185509b] .nested-variable-block.variable-not-found {
  border: 1px solid #cc0000;
}
textarea[data-v-d185509b] {
  height: 75px;
  transition: height 0.5s 0.15s;
  max-height: 400px;
}
.variable-label[data-v-d185509b] {
  margin-bottom: 10px;
}.wrapper[data-v-6f774778] {
  position: relative;
}
.variable-image-upload-icon[data-v-6f774778] {
  margin-top: 0 !important;
}
img[data-v-6f774778] {
  max-width: 215px;
  max-height: 120px;
  border-radius: 5px;
}
.upload-form[data-v-6f774778] {
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.upload-form input[data-v-6f774778] {
  height: 100%;
}
.variable-label[data-v-6f774778] {
  margin-bottom: 10px;
}label[data-v-1a53ee5b] {
  margin-right: 0 !important;
}.variable-input-wrapper[data-v-def95895]:not(:last-child) {
  margin-bottom: 15px;
}/***=!! New design variables !!=***/
.mask-container {
  position: relative;
}
.mask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}/***=!! New design variables !!=***/
.half[data-v-19cc5a29] {
  width: 50%;
}
.conflict-group[data-v-19cc5a29] {
  position: relative;
  margin-bottom: 20px;
}
.variable-row[data-v-19cc5a29] {
  display: flex;
}
.selectable[data-v-19cc5a29] {
  cursor: pointer;
  border-radius: 8px;
  padding: 10px;
  position: relative;
}
.selected[data-v-19cc5a29] {
  background: #efefef;
}
.variable-input[data-v-19cc5a29] {
  margin-bottom: 10px;
}
.outer-wrapper[data-v-19cc5a29] {
  position: relative;
}
.wrapper[data-v-19cc5a29] {
  position: absolute;
  left: -20px;
  right: -20px;
  padding-bottom: 52px;
}
.column-backdrop[data-v-19cc5a29] {
  position: absolute;
  top: 0;
  bottom: 0;
}
.column-backdrop.my-changes[data-v-19cc5a29] {
  left: 0;
  right: 50%;
}
.column-backdrop.their-changes[data-v-19cc5a29] {
  left: 50%;
  right: 0;
}/***=!! New design variables !!=***/
[data-v-76166bee] .el-divider {
  margin: 8px 0 !important;
}
.vertical-menu[data-v-76166bee] {
  padding: 12px;
  border-right: none;
}/***=!! New design variables !!=***/
.el-menu-item[data-v-39a7a99a] {
  --el-menu-hover-bg-color: transparent;
}
.el-menu-item.is-active[data-v-39a7a99a] {
  color: #333333;
  font-weight: 600;
}/***=!! New design variables !!=***/
[data-v-9fe9ca6c] .el-sub-menu__title {
  height: auto !important;
}
.el-sub-menu[data-v-9fe9ca6c] {
  --el-menu-hover-bg-color: transparent;
}
[data-v-9fe9ca6c] .el-sub-menu__icon-arrow {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  margin-top: 0 !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  height: 100% !important;
}
.journey-subheading[data-v-a169460b] {
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 4px 0;
}
/***=!! New design variables !!=***/
.zones-menu__bottom-menu[data-v-f9b499c5] {
  position: absolute;
  bottom: 0;
  width: calc(var(--el-aside-width) - 1px);
  background-color: #ffffff;
  padding: 1.25rem 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 -3px 10px 0px #efefef;
}
.zones-menu__bottom-menu > a[data-v-f9b499c5] {
  display: block;
  color: #777777;
}
.zones-menu__bottom-menu > a i[data-v-f9b499c5] {
  margin-right: 18px;
}
.zones-menu__bottom-menu > a[data-v-f9b499c5]:not(:last-child) {
  padding-bottom: 0.9375rem;
}/***=!! New design variables !!=***/
.content[data-v-a8a84cf3] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-flow: column;
  position: relative;
}
.header-wrapper[data-v-a8a84cf3] {
  padding: 16px 24px;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  position: relative;
}
.header-wrapper .header-wrapper__header .button.button--drop-down[data-v-a8a84cf3] {
  height: 32px;
  line-height: 32px;
}
.header-wrapper .controls > .left[data-v-a8a84cf3] {
  display: flex;
  flex-grow: 50;
  float: none !important;
}
.header-wrapper .controls > .left .form[data-v-a8a84cf3] {
  flex: 2;
}
.header-wrapper .controls > .left > *[data-v-a8a84cf3] {
  margin-right: 24px;
}
.header-wrapper .el-progress[data-v-a8a84cf3] {
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
}
.variable-panel[data-v-a8a84cf3] {
  background: none !important;
  width: 100% !important;
  height: 100%;
  padding: 20px;
  flex-grow: 1;
  overflow-y: scroll;
}
.variable-group[data-v-a8a84cf3] {
  border: 1px dashed rgba(0, 0, 0, 0.12);
  padding: 20px;
  border-radius: 10px;
}
.variable-group h2[data-v-a8a84cf3] {
  color: rgb(51, 51, 51);
  margin-bottom: 15px;
}/***=!! New design variables !!=***/
.toggle[data-v-2f2db149] {
  margin-bottom: 0;
}
.toggle ul[data-v-2f2db149] {
  height: 38px;
}
.toggle ul li a[data-v-2f2db149] {
  padding: 0 19px;
}/***=!! New design variables !!=***/
[data-v-e3b9644b] .form {
  margin-right: 0 !important;
}
.content[data-v-e3b9644b] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-flow: column;
  position: relative;
}
.header-wrapper[data-v-e3b9644b] {
  padding: 16px 20px;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  position: relative;
}
.header-wrapper .header-wrapper__header .button.button--drop-down[data-v-e3b9644b] {
  height: 32px;
  line-height: 32px;
}
.header-wrapper .controls > .left[data-v-e3b9644b] {
  display: flex;
  flex-grow: 50;
  float: none !important;
}
.header-wrapper .controls > .left .form[data-v-e3b9644b] {
  flex: 2;
}
.header-wrapper .controls > .left > *[data-v-e3b9644b] {
  margin-right: 24px;
}
.header-wrapper .el-progress[data-v-e3b9644b] {
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
}
.variable-panel[data-v-e3b9644b] {
  background: none !important;
  width: 100% !important;
  height: 100%;
  padding: 20px;
  flex-grow: 1;
  overflow-y: scroll;
}
.variable-panel .category-selector[data-v-e3b9644b] {
  margin-bottom: 20px;
}
.campaign-component-variable-panel[data-v-e3b9644b] {
  display: flex;
  flex-flow: column;
}
.campaign-component-variable-panel .campaign-component-variables-list[data-v-e3b9644b] {
  height: 100%;
  overflow-y: scroll;
}
.variable-group[data-v-e3b9644b] {
  border: 1px dashed rgba(0, 0, 0, 0.12);
  padding: 20px;
}
.variable-group h2[data-v-e3b9644b] {
  color: rgb(51, 51, 51);
  margin-bottom: 15px;
}/***=!! New design variables !!=***/
.flow-item[data-v-fa8804e5] {
  height: initial;
}
.flow-item.selected[data-v-fa8804e5] {
  border: 1px solid #333333;
  border-radius: 5px;
  margin: 0 23px;
  width: calc(100% - 18px);
  top: -1px;
  left: -13px;
}
.flow-item.selected .flow-item__name[data-v-fa8804e5] {
  color: #333333;
}
.flow-item.selected .flow-item__icon .flow-item__icon__arrow.flow-item__icon__arrow--left[data-v-fa8804e5] {
  left: -22px;
}
.flow-item.selected .flow-item__icon .flow-item__icon__arrow.flow-item__icon__arrow--right[data-v-fa8804e5] {
  right: -19px;
}
.flow-item .flow-item__data[data-v-fa8804e5] {
  display: block;
  text-align: center;
  font-size: 11px;
  font-style: italic;
  max-width: 100%;
  overflow: hidden;
}.campaign-flow-container[data-v-81228841] {
  height: 100%;
  justify-content: center;
  overflow: auto;
  position: relative;
  margin: 0 auto;
}iframe[data-v-a7957456] {
  border: none;
  width: 100%;
  height: 100%;
}/***=!! New design variables !!=***/
.skinny-variable-editor__controls {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}/***=!! New design variables !!=***/
.controls[data-v-4ae595ad] {
  line-height: 40px;
}
.variable-list[data-v-4ae595ad] {
  flex: 1;
  overflow-y: scroll;
  box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.1);
  padding: 16px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.header-wrapper[data-v-4ae595ad] {
  margin: 0 30px 15px 30px;
}
.variable-controls-wrapper[data-v-4ae595ad] {
  flex-flow: nowrap;
}
.button--apply-variables[data-v-4ae595ad] {
  width: 100%;
  margin-left: 0;
}/***=!! New design variables !!=***/
.zone-detail-wrapper[data-v-65c68aa6] {
  display: flex;
  flex: 1;
  min-height: 0;
}
.zone-detail-wrapper .variable-panel[data-v-65c68aa6] {
  flex-shrink: 0;
  flex-basis: 352px;
  width: 352px;
}
.campaign-asset-router-view[data-v-65c68aa6] {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.preview-panel[data-v-65c68aa6] {
  overflow: hidden !important;
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  flex-grow: 1;
  min-height: 0;
}
.variable-panel[data-v-65c68aa6] {
  display: flex;
  flex-flow: column;
  height: 100%;
  background: none !important;
  min-height: 0;
  overflow: hidden;
}
.panel-wrapper__header[data-v-65c68aa6] {
  display: flex;
}
.panel-wrapper__header > *[data-v-65c68aa6]:not(:nth-child(2)):not(:empty) {
  flex: 1;
}
.panel-wrapper__header .el-progress[data-v-65c68aa6] {
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
}
.preview[data-v-65c68aa6] {
  overflow: scroll;
  flex-grow: 1;
}
.el-alert[data-v-65c68aa6] {
  z-index: 999;
  padding: 14px 20px 20px 20px;
  border-radius: 0;
  justify-content: center;
}
.el-alert[data-v-65c68aa6] .el-alert__close-btn {
  top: 50% !important;
  transform: translate(0, -50%) !important;
}