/***=!! New design variables !!=***/
@keyframes onAutoFillStart-a1e4cef8 {
from {
    /**/
}
to {
    /**/
}
}
.flow-socket-values__list[data-v-a1e4cef8] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.campaign-flow-socket > h3[data-v-a1e4cef8] {
  color: var(--neutral-light-alpha-n-800-a, rgba(24, 29, 52, 0.95)) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  margin-bottom: 4px !important;
}
.component-socket-values-wrapper[data-v-a1e4cef8] {
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 4px;
  margin: -4px;
}
.component-socket-values-wrapper--highlighted[data-v-a1e4cef8] {
  animation: highlight-glow 1s ease-in-out 3;
}/***=!! New design variables !!=***/
.flow-triggering-event[data-v-ba4a55f0] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 100%;
  margin-top: 4px;
}
.flow-triggering-event__title[data-v-ba4a55f0] {
  color: var(--neutral-light-alpha-n-800-a, rgba(24, 29, 52, 0.95));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
.flow-triggering-event-chip[data-v-ba4a55f0] {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 4px;
  max-width: 100%;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 0 6px;
  overflow: hidden;
}
.flow-triggering-event-chip__value-text[data-v-ba4a55f0] {
  color: #22283f;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flow-triggering-event-chip__icon[data-v-ba4a55f0] {
  font-size: 12px;
  color: #eac234;
  flex-shrink: 0;
}
.flow-triggering-event-chip__event-icon[data-v-ba4a55f0] {
  font-size: 12px;
  color: #1a6ae5;
  flex-shrink: 0;
  width: 16px;
  text-align: center;
}
.flow-triggering-event-chip--matched[data-v-ba4a55f0] {
  background-color: rgba(26, 106, 229, 0.1);
  border-color: rgba(26, 106, 229, 0.3);
}
.flow-triggering-event-chip--unmatched[data-v-ba4a55f0] {
  background-color: rgba(234, 194, 52, 0.15);
  border-color: rgba(234, 194, 52, 0.5);
}
.flow-triggering-event-chip--unmatched .flow-triggering-event-chip__value-text[data-v-ba4a55f0] {
  color: #22283f;
}/***=!! New design variables !!=***/
.campaign-flow-card[data-v-3ed2c64e] {
  border-radius: 8px;
  background-color: #ffffff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  cursor: pointer;
  position: relative;
  transition: background-color 0.3s;
}
@keyframes shimmer-3ed2c64e {
to {
    background-position-x: 0%;
}
}
.campaign-flow-card--loading[data-v-3ed2c64e] {
  background: linear-gradient(-45deg, #f5f5f5 40%, #ffffff 50%, #f5f5f5 60%);
  background-size: 300%;
  background-position-x: 100%;
  animation: shimmer-3ed2c64e 1s infinite linear;
}
.campaign-flow-card__description[data-v-3ed2c64e] {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  color: #666 !important;
}
.campaign-flow-card__header[data-v-3ed2c64e] {
  display: flex;
  gap: 10px;
  cursor: pointer;
  align-items: center;
  min-width: 0;
}
.campaign-flow-card__header h2[data-v-3ed2c64e] {
  color: var(--neutral-light-n-700, #2f3750);
  font-size: 14px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin: 0;
  min-width: 0;
}
.campaign-flow-card__header h2[data-v-3ed2c64e]:not(.ds) {
  display: flex;
  align-items: center;
}
.campaign-flow-card__header h2.ds[data-v-3ed2c64e] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.campaign-flow-card__header h2 i[data-v-3ed2c64e] {
  font-size: 24px !important;
}
.campaign-flow-card__controls[data-v-3ed2c64e] {
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0;
  width: 0;
  overflow: hidden;
  transition: opacity 0.2s ease;
}
.campaign-flow-card__controls *[data-v-3ed2c64e] {
  font-size: 14px;
}
.campaign-flow-card:hover .campaign-flow-card__controls[data-v-3ed2c64e] {
  opacity: 1;
  width: auto;
  overflow: visible;
}
.campaign-flow-card[data-v-3ed2c64e] {
  border: none !important;
  box-shadow: 0 4px 12px var(--fca6e98e);
  transition: box-shadow 0.2s ease-in-out;
}
.campaign-flow-card--highlighted[data-v-3ed2c64e] {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15), 0 0 0 3px var(--2da3ce7a);
}
.campaign-flow-card--disabled[data-v-3ed2c64e] {
  opacity: 0.5;
  cursor: not-allowed;
}
.campaign-flow-card--disabled *[data-v-3ed2c64e] {
  pointer-events: none;
}
.campaign-flow-card--simple .campaign-flow-socket[data-v-3ed2c64e] {
  display: none !important;
}
.campaign-flow-card__delete-icon[data-v-3ed2c64e] {
  cursor: pointer;
  color: #909399;
  font-size: 14px;
}/***=!! New design variables !!=***/
.add-triggered-component-dropdown-wrapper[data-v-abb309df] {
  display: inline-flex;
  flex-shrink: 0;
}
.add-triggered-component-trigger-button.button--active[data-v-abb309df] {
  background-color: #2f3750 !important;
  border-color: #2f3750 !important;
  color: #fff !important;
}
.add-triggered-component-trigger-button.button--active[data-v-abb309df]:hover {
  background-color: #202536 !important;
  border-color: #202536 !important;
}/***=!! New design variables !!=***/
.add-triggered-component-dropdown-popper {
  padding: 0 !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08) !important;
  border-radius: 8px !important;
  overflow: hidden;
}
.add-triggered-component-dropdown {
  min-width: 200px;
  background: #fff;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.add-triggered-component-dropdown__section {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.add-triggered-component-dropdown__section-label {
  font-size: 11px;
  font-weight: 500;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0 4px;
}
.add-triggered-component-dropdown__options {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.add-triggered-component-dropdown__options .el-button + .el-button {
  margin-left: 0;
}/***=!! New design variables !!=***/
.campaign-flow-card[data-v-3af08c6d] {
  border-radius: 8px;
  background-color: #ffffff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  cursor: pointer;
  position: relative;
  transition: background-color 0.3s;
}
@keyframes shimmer-3af08c6d {
to {
    background-position-x: 0%;
}
}
.campaign-flow-card--loading[data-v-3af08c6d] {
  background: linear-gradient(-45deg, #f5f5f5 40%, #ffffff 50%, #f5f5f5 60%);
  background-size: 300%;
  background-position-x: 100%;
  animation: shimmer-3af08c6d 1s infinite linear;
}
.campaign-flow-card__description[data-v-3af08c6d] {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  color: #666 !important;
}
.campaign-flow-card__header[data-v-3af08c6d] {
  display: flex;
  gap: 10px;
  cursor: pointer;
  align-items: center;
  min-width: 0;
}
.campaign-flow-card__header h2[data-v-3af08c6d] {
  color: var(--neutral-light-n-700, #2f3750);
  font-size: 14px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin: 0;
  min-width: 0;
}
.campaign-flow-card__header h2[data-v-3af08c6d]:not(.ds) {
  display: flex;
  align-items: center;
}
.campaign-flow-card__header h2.ds[data-v-3af08c6d] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.campaign-flow-card__header h2 i[data-v-3af08c6d] {
  font-size: 24px !important;
}
.campaign-flow-card__controls[data-v-3af08c6d] {
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0;
  width: 0;
  overflow: hidden;
  transition: opacity 0.2s ease;
}
.campaign-flow-card__controls *[data-v-3af08c6d] {
  font-size: 14px;
}
.campaign-flow-card:hover .campaign-flow-card__controls[data-v-3af08c6d] {
  opacity: 1;
  width: auto;
  overflow: visible;
}

/***=!! New design variables !!=***/
.campaign-flow-card-wrapper[data-v-3af08c6d] {
  position: relative;
}
.campaign-flow-card[data-v-3af08c6d] {
  border: 1px solid var(--05b9c4c0);
  transition: box-shadow 0.2s ease-in-out;
}
.campaign-flow-card--highlighted[data-v-3af08c6d] {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15), 0 0 0 3px var(--05b9c4c0);
}
.campaign-flow-card .campaign-flow-card__arrow[data-v-3af08c6d] {
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  border-left: solid 2px #2f3750;
  height: 18px;
  margin-bottom: 2px;
}
.campaign-flow-card .campaign-flow-card__arrow i[data-v-3af08c6d] {
  color: #2f3750;
}
.campaign-flow-card .campaign-flow-card__arrow .arrow-head[data-v-3af08c6d] {
  position: absolute;
  left: -11px;
  bottom: -7px;
}
.campaign-flow-card:last-child .campaign-flow-card__arrow[data-v-3af08c6d] {
  display: none;
}
.campaign-flow-card.sortable-ghost[data-v-3af08c6d] {
  border-width: 2px !important;
}
.campaign-flow-card.sortable-drag .campaign-flow-card__arrow[data-v-3af08c6d] {
  display: none;
}
.campaign-flow-card__controls .give-reward-dropdown[data-v-3af08c6d] {
  font-size: 14px;
}
.campaign-flow-card__controls .give-reward-dropdown button[data-v-3af08c6d] {
  font-size: 14px;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.campaign-flow-card__controls .give-reward-dropdown button i[data-v-3af08c6d] {
  font-size: 14px;
}
.campaign-flow-card__delete-icon[data-v-3af08c6d] {
  cursor: pointer;
  color: #909399;
  font-size: 14px;
}
.campaign-flow-card__draggable-handle[data-v-3af08c6d] {
  font-size: 14px;
  cursor: grab;
  color: #666;
}
.campaign-flow-card__draggable-handle[data-v-3af08c6d]:active {
  cursor: grabbing;
}
.campaign-flow-card__hover-zone[data-v-3af08c6d] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.campaign-flow-card__hover-zone--top[data-v-3af08c6d] {
  top: -24px;
}
.campaign-flow-card__hover-zone--bottom[data-v-3af08c6d] {
  bottom: -24px;
}
.campaign-flow-card__hover-zone:hover .campaign-flow-card__add-button[data-v-3af08c6d] {
  opacity: 1;
}
.campaign-flow-card__add-button[data-v-3af08c6d] {
  width: 20px;
  height: 20px;
  background-color: #2f3750;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.campaign-flow-card__add-button i[data-v-3af08c6d] {
  color: white;
  font-size: 12px;
}
.campaign-flow-card__rewards-list[data-v-3af08c6d] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.campaign-flow-card--has-aliases[data-v-3af08c6d] {
  padding-bottom: 24px;
}
.campaign-flow-card--has-aliases .campaign-flow-card__rewards-list[data-v-3af08c6d] {
  margin-bottom: 12px;
}
.campaign-flow-card--simple .campaign-flow-socket[data-v-3af08c6d] {
  display: none !important;
}
.campaign-flow-card--simple .campaign-flow-card__rewards[data-v-3af08c6d],
.campaign-flow-card--simple .campaign-flow-card__rewards-list[data-v-3af08c6d] {
  display: none !important;
}
.campaign-flow-card--simple .campaign-flow-card__hover-zone[data-v-3af08c6d],
.campaign-flow-card--simple .campaign-flow-card__arrow[data-v-3af08c6d] {
  display: none !important;
}
.campaign-flow-card--simple .campaign-flow-card__aliases[data-v-3af08c6d] {
  display: none !important;
}
.campaign-flow-card__aliases[data-v-3af08c6d] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  pointer-events: none;
}
.campaign-flow-card__aliases-list[data-v-3af08c6d] {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
  overflow: hidden;
}
.campaign-flow-card__alias-chip[data-v-3af08c6d] {
  display: flex;
  padding: 2px 8px;
  align-items: center;
  gap: 4px;
  background-color: var(--05b9c4c0);
  border-radius: 0;
  flex-shrink: 0;
  margin-left: 4px;
  border-top-left-radius: 4px;
}
.campaign-flow-card__alias-chip[data-v-3af08c6d]:first-child {
  margin-left: 0;
}
.campaign-flow-card__alias-chip[data-v-3af08c6d]:not(:last-child) {
  border-top-right-radius: 4px;
}
.campaign-flow-card__alias-chip span[data-v-3af08c6d] {
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.campaign-flow-card__alias-chip i[data-v-3af08c6d] {
  color: var(--neutral-light-n-0, #fff);
  text-align: center;
  font-size: 10px;
  flex-shrink: 0;
}
.campaign-flow-card__rewards[data-v-3af08c6d] {
  margin-top: 12px;
}
.campaign-flow-card__rewards-stack[data-v-3af08c6d] {
  position: relative;
  display: inline-block;
  padding-bottom: 24px;
}
.campaign-flow-card__rewards-stack-card[data-v-3af08c6d] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 24px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  opacity: 1;
  transition: transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;
}
.campaign-flow-card__rewards-stack-card--second[data-v-3af08c6d] {
  transform: translate(6px, 6px);
  z-index: 2;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.12), -3px -2px 8px rgba(0, 0, 0, 0.04);
}
.campaign-flow-card__rewards-stack-card--third[data-v-3af08c6d] {
  transform: translate(12px, 12px);
  z-index: 1;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 12px 24px rgba(0, 0, 0, 0.1), -4px -3px 12px rgba(0, 0, 0, 0.03);
}
.campaign-flow-card__rewards-stack:hover:not(.campaign-flow-card__rewards-stack--shuffling) .campaign-flow-card__rewards-stack-card--second[data-v-3af08c6d] {
  transform: translate(12px, 12px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 12px 24px rgba(0, 0, 0, 0.15), -4px -3px 12px rgba(0, 0, 0, 0.05);
}
.campaign-flow-card__rewards-stack:hover:not(.campaign-flow-card__rewards-stack--shuffling) .campaign-flow-card__rewards-stack-card--third[data-v-3af08c6d] {
  transform: translate(24px, 24px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08), 0 16px 32px rgba(0, 0, 0, 0.12), -5px -4px 16px rgba(0, 0, 0, 0.04);
}
.campaign-flow-card__rewards-current[data-v-3af08c6d] {
  position: relative;
  z-index: 3;
}
.campaign-flow-card__rewards-incoming[data-v-3af08c6d] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.campaign-flow-card__rewards-navigation[data-v-3af08c6d] {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 4;
  transition: gap 0.3s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 8px 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.08);
}
.campaign-flow-card__rewards-navigation-button[data-v-3af08c6d] {
  color: #909399;
  transition: color 0.2s ease;
  pointer-events: none;
  font-size: 12px;
}
.campaign-flow-card__rewards-navigation-indicator[data-v-3af08c6d] {
  color: #909399;
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 12px;
  transition: color 0.2s ease;
  user-select: none;
  pointer-events: none;
}
.campaign-flow-card__rewards-navigation-zone[data-v-3af08c6d] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  cursor: pointer;
  z-index: 1;
}
.campaign-flow-card__rewards-navigation-zone--left[data-v-3af08c6d] {
  left: 0;
  border-radius: 20px 0 0 20px;
}
.campaign-flow-card__rewards-navigation-zone--right[data-v-3af08c6d] {
  right: 0;
  border-radius: 0 20px 20px 0;
}
.campaign-flow-card__rewards-navigation-zone[data-v-3af08c6d]:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.campaign-flow-card__rewards-navigation-zone[data-v-3af08c6d]:active {
  background-color: rgba(0, 0, 0, 0.06);
}
.campaign-flow-card__rewards-stack:hover:not(.campaign-flow-card__rewards-stack--shuffling) .campaign-flow-card__rewards-navigation[data-v-3af08c6d] {
  gap: 16px;
}
.campaign-flow-card__rewards-stack:hover:not(.campaign-flow-card__rewards-stack--shuffling) .campaign-flow-card__rewards-navigation-button[data-v-3af08c6d] {
  color: #606266;
}
.campaign-flow-card__rewards-stack:hover:not(.campaign-flow-card__rewards-stack--shuffling) .campaign-flow-card__rewards-navigation-indicator[data-v-3af08c6d] {
  color: #606266;
}
.campaign-flow-card__rewards-navigation-zone--left:hover ~ .campaign-flow-card__rewards-navigation-button[data-v-3af08c6d]:first-of-type {
  color: #303133;
}
.campaign-flow-card__rewards-navigation-zone--right:hover ~ .campaign-flow-card__rewards-navigation-button[data-v-3af08c6d]:last-of-type {
  color: #303133;
}
@keyframes shuffle-front-to-back-3af08c6d {
0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
    z-index: 3;
}
30% {
    transform: translate(30px, -15px) scale(0.97);
    opacity: 1;
    z-index: 3;
}
60% {
    transform: translate(40px, 15px) scale(0.94);
    opacity: 0.6;
    z-index: 0;
}
100% {
    transform: translate(12px, 20px) scale(0.92);
    opacity: 0.3;
    z-index: 0;
}
}
@keyframes shuffle-back-to-front-3af08c6d {
0% {
    transform: translate(12px, 20px) scale(0.92);
    opacity: 0.3;
    z-index: 0;
}
30% {
    transform: translate(-30px, 15px) scale(0.94);
    opacity: 0.6;
    z-index: 0;
}
60% {
    transform: translate(-25px, -10px) scale(0.97);
    opacity: 0.9;
    z-index: 4;
}
100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
    z-index: 4;
}
}
@keyframes shuffle-incoming-settle-3af08c6d {
0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
}
100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
}
}
@keyframes shuffle-current-to-second-3af08c6d {
0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
}
100% {
    transform: translate(6px, 14px) scale(0.96);
    opacity: 0.4;
}
}
@keyframes shuffle-second-to-third-3af08c6d {
0% {
    transform: translate(6px, 14px);
    opacity: 0.4;
}
100% {
    transform: translate(12px, 20px);
    opacity: 0.3;
}
}
@keyframes shuffle-third-to-second-3af08c6d {
0% {
    transform: translate(12px, 20px);
    opacity: 0.3;
}
100% {
    transform: translate(6px, 14px);
    opacity: 0.4;
}
}
.campaign-flow-card__rewards-stack--shuffle-next .campaign-flow-card__rewards-current[data-v-3af08c6d] {
  animation: shuffle-front-to-back-3af08c6d 0.4s ease-in-out forwards;
}
.campaign-flow-card__rewards-stack--shuffle-next .campaign-flow-card__rewards-stack-card--third[data-v-3af08c6d] {
  animation: shuffle-third-to-second-3af08c6d 0.4s ease-out forwards;
}
.campaign-flow-card__rewards-stack--shuffle-prev .campaign-flow-card__rewards-current[data-v-3af08c6d] {
  animation: shuffle-current-to-second-3af08c6d 0.4s ease-out forwards;
}
.campaign-flow-card__rewards-stack--shuffle-prev .campaign-flow-card__rewards-stack-card--third[data-v-3af08c6d] {
  animation: shuffle-second-to-third-3af08c6d 0.4s ease-out forwards;
}
.campaign-flow-card__rewards-stack--shuffle-prev .campaign-flow-card__rewards-incoming[data-v-3af08c6d] {
  animation: shuffle-back-to-front-3af08c6d 0.4s ease-in-out forwards;
}.campaign-flow-reward[data-v-04cff25e] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 !important;
  margin: 0;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.campaign-flow-reward__arrow[data-v-04cff25e] {
  position: absolute;
  transform: translateY(-50%);
  height: 20px;
  z-index: 10;
  overflow: visible;
}
.campaign-flow-reward__arrow--left-to-right[data-v-04cff25e] {
  right: -18px;
}
.campaign-flow-reward__arrow--right-to-left[data-v-04cff25e] {
  left: -18px;
}
.campaign-flow-reward__arrow path[data-v-04cff25e] {
  stroke: rgba(26, 42, 66, 0.6);
}
.campaign-flow-reward__arrow-tail[data-v-04cff25e] {
  position: absolute;
  transform: translateY(-50%);
  height: 2px;
  z-index: 9;
  background-color: transparent;
  background-image: radial-gradient(circle, rgba(26, 42, 66, 0.6) 1px, transparent 1px);
  background-size: 8px 2px;
  background-position: 0 0;
  background-repeat: repeat-x;
}
.campaign-flow-reward__stack[data-v-04cff25e] {
  position: relative;
  display: inline-block;
  padding-bottom: 24px;
}
.campaign-flow-reward__stack-card[data-v-04cff25e] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 24px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  opacity: 1;
  transition: transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;
}
.campaign-flow-reward__stack-card--second[data-v-04cff25e] {
  transform: translate(6px, 6px);
  z-index: 2;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.12), -3px -2px 8px rgba(0, 0, 0, 0.04);
}
.campaign-flow-reward__stack-card--third[data-v-04cff25e] {
  transform: translate(12px, 12px);
  z-index: 1;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 12px 24px rgba(0, 0, 0, 0.1), -4px -3px 12px rgba(0, 0, 0, 0.03);
}
.campaign-flow-reward__stack:hover:not(.campaign-flow-reward__stack--shuffling) .campaign-flow-reward__stack-card--second[data-v-04cff25e] {
  transform: translate(12px, 12px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 12px 24px rgba(0, 0, 0, 0.15), -4px -3px 12px rgba(0, 0, 0, 0.05);
}
.campaign-flow-reward__stack:hover:not(.campaign-flow-reward__stack--shuffling) .campaign-flow-reward__stack-card--third[data-v-04cff25e] {
  transform: translate(24px, 24px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08), 0 16px 32px rgba(0, 0, 0, 0.12), -5px -4px 16px rgba(0, 0, 0, 0.04);
}
.campaign-flow-reward__current[data-v-04cff25e] {
  position: relative;
  z-index: 3;
}
.campaign-flow-reward__incoming[data-v-04cff25e] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.campaign-flow-reward__navigation[data-v-04cff25e] {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 4;
  transition: gap 0.3s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 8px 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.08);
}
.campaign-flow-reward__navigation-button[data-v-04cff25e] {
  color: #909399;
  transition: color 0.2s ease;
  pointer-events: none;
  font-size: 12px;
}
.campaign-flow-reward__navigation-indicator[data-v-04cff25e] {
  color: #909399;
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 12px;
  transition: color 0.2s ease;
  user-select: none;
  pointer-events: none;
}
.campaign-flow-reward__navigation-zone[data-v-04cff25e] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  cursor: pointer;
  z-index: 1;
}
.campaign-flow-reward__navigation-zone--left[data-v-04cff25e] {
  left: 0;
  border-radius: 20px 0 0 20px;
}
.campaign-flow-reward__navigation-zone--right[data-v-04cff25e] {
  right: 0;
  border-radius: 0 20px 20px 0;
}
.campaign-flow-reward__navigation-zone[data-v-04cff25e]:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.campaign-flow-reward__navigation-zone[data-v-04cff25e]:active {
  background-color: rgba(0, 0, 0, 0.06);
}
.campaign-flow-reward__stack:hover:not(.campaign-flow-reward__stack--shuffling) .campaign-flow-reward__navigation[data-v-04cff25e] {
  gap: 16px;
}
.campaign-flow-reward__stack:hover:not(.campaign-flow-reward__stack--shuffling) .campaign-flow-reward__navigation-button[data-v-04cff25e] {
  color: #606266;
}
.campaign-flow-reward__stack:hover:not(.campaign-flow-reward__stack--shuffling) .campaign-flow-reward__navigation-indicator[data-v-04cff25e] {
  color: #606266;
}
.campaign-flow-reward__navigation-zone--left:hover ~ .campaign-flow-reward__navigation-button[data-v-04cff25e]:first-of-type {
  color: #303133;
}
.campaign-flow-reward__navigation-zone--right:hover ~ .campaign-flow-reward__navigation-button[data-v-04cff25e]:last-of-type {
  color: #303133;
}
@keyframes shuffle-front-to-back-04cff25e {
0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
    z-index: 3;
}
30% {
    transform: translate(30px, -15px) scale(0.97);
    opacity: 1;
    z-index: 3;
}
60% {
    transform: translate(40px, 15px) scale(0.94);
    opacity: 0.6;
    z-index: 0;
}
100% {
    transform: translate(12px, 20px) scale(0.92);
    opacity: 0.3;
    z-index: 0;
}
}
@keyframes shuffle-back-to-front-04cff25e {
0% {
    transform: translate(12px, 20px) scale(0.92);
    opacity: 0.3;
    z-index: 0;
}
30% {
    transform: translate(-30px, 15px) scale(0.94);
    opacity: 0.6;
    z-index: 0;
}
60% {
    transform: translate(-25px, -10px) scale(0.97);
    opacity: 0.9;
    z-index: 4;
}
100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
    z-index: 4;
}
}
@keyframes shuffle-incoming-settle-04cff25e {
0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
}
100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
}
}
@keyframes shuffle-current-to-second-04cff25e {
0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
}
100% {
    transform: translate(6px, 14px) scale(0.96);
    opacity: 0.4;
}
}
@keyframes shuffle-second-to-third-04cff25e {
0% {
    transform: translate(6px, 14px);
    opacity: 0.4;
}
100% {
    transform: translate(12px, 20px);
    opacity: 0.3;
}
}
@keyframes shuffle-third-to-second-04cff25e {
0% {
    transform: translate(12px, 20px);
    opacity: 0.3;
}
100% {
    transform: translate(6px, 14px);
    opacity: 0.4;
}
}
.campaign-flow-reward__stack--shuffle-next .campaign-flow-reward__current[data-v-04cff25e] {
  animation: shuffle-front-to-back-04cff25e 0.4s ease-in-out forwards;
}
.campaign-flow-reward__stack--shuffle-next .campaign-flow-reward__stack-card--third[data-v-04cff25e] {
  animation: shuffle-third-to-second-04cff25e 0.4s ease-out forwards;
}
.campaign-flow-reward__stack--shuffle-prev .campaign-flow-reward__current[data-v-04cff25e] {
  animation: shuffle-current-to-second-04cff25e 0.4s ease-out forwards;
}
.campaign-flow-reward__stack--shuffle-prev .campaign-flow-reward__stack-card--third[data-v-04cff25e] {
  animation: shuffle-second-to-third-04cff25e 0.4s ease-out forwards;
}
.campaign-flow-reward__stack--shuffle-prev .campaign-flow-reward__incoming[data-v-04cff25e] {
  animation: shuffle-back-to-front-04cff25e 0.4s ease-in-out forwards;
}
.campaign-flow-reward__stack[data-v-04cff25e] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.campaign-flow-reward__current[data-v-04cff25e] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.campaign-flow-reward__incoming[data-v-04cff25e] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}.campaign-flow-journey[data-v-dc7cd64f] {
  position: relative;
  padding: 24px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-left: 12px;
  margin-right: 12px;
  background-color: var(--3264f80c);
  cursor: pointer;
  min-width: 0;
}
.campaign-flow-journey__give-reward[data-v-dc7cd64f] {
  position: absolute;
  top: 8px;
  right: 8px;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 1;
}
.campaign-flow-journey:hover .campaign-flow-journey__controls[data-v-dc7cd64f] {
  opacity: 1;
  width: auto;
  overflow: visible;
}
.campaign-flow-journey__header[data-v-dc7cd64f] {
  display: flex;
  gap: 10px;
  cursor: pointer;
  align-items: center;
  min-width: 0;
  margin-bottom: 4px;
}
.campaign-flow-journey__title[data-v-dc7cd64f] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--neutral-light-alpha-n-800-a, rgba(24, 29, 52, 0.95));
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  cursor: pointer;
}
.campaign-flow-journey__title i[data-v-dc7cd64f] {
  flex-shrink: 0;
}
.campaign-flow-journey__title span[data-v-dc7cd64f] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.campaign-flow-journey__title .journey-name[data-v-dc7cd64f] {
  font-size: 12px !important;
}
.campaign-flow-journey__icon-wrapper[data-v-dc7cd64f] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.campaign-flow-journey__icon[data-v-dc7cd64f] {
  font-size: 12px;
  color: white;
}
.campaign-flow-journey__controls[data-v-dc7cd64f] {
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0;
  width: 0;
  overflow: hidden;
  transition: opacity 0.2s ease;
}
.campaign-flow-journey.campaign-flow-journey--placeholder[data-v-dc7cd64f] {
  background-color: transparent;
  border: none;
  pointer-events: none;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.campaign-flow-journey.campaign-flow-journey--placeholder .campaign-flow-journey__placeholder-content[data-v-dc7cd64f] {
  pointer-events: auto;
}
.campaign-flow-journey__placeholder-content[data-v-dc7cd64f] {
  flex: 1;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}
.campaign-flow-journey__rewards-wrapper[data-v-dc7cd64f] {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
.campaign-flow-journey__direct-rewards[data-v-dc7cd64f] {
  margin-top: 16px;
}
.campaign-flow-journey__sockets[data-v-dc7cd64f] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.campaign-flow-journey__rewards-list[data-v-dc7cd64f] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.campaign-flow-journey__business-event-list[data-v-dc7cd64f] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 16px;
}/***=!! New design variables !!=***/
.campaign-flow-journey-arrow[data-v-437a59df] {
  position: relative;
  padding-bottom: 2px;
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--left-to-right .campaign-flow-journey-arrow__vertical[data-v-437a59df] {
  display: none;
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--left-to-right .campaign-flow-journey-arrow__top-half[data-v-437a59df] {
  border-left: 2px solid #2f3750;
  border-bottom: 2px solid #2f3750;
  border-bottom-left-radius: 10px;
  height: 16px;
  margin-right: 16px;
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--left-to-right .campaign-flow-journey-arrow__bottom-half[data-v-437a59df] {
  height: 16px;
  border-top: 2px solid #2f3750;
  border-right: 2px solid #2f3750;
  border-top-right-radius: 10px;
  margin-left: 10px;
  margin-top: -2px;
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--left-to-right .arrow-head[data-v-437a59df] {
  position: absolute;
  bottom: -6px;
  right: 1px;
  color: #2f3750;
  font-size: 12px;
  transform: translateX(50%);
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--right-to-left .campaign-flow-journey-arrow__vertical[data-v-437a59df] {
  display: none;
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--right-to-left .campaign-flow-journey-arrow__top-half[data-v-437a59df] {
  border-right: 2px solid #2f3750;
  border-bottom: 2px solid #2f3750;
  border-bottom-right-radius: 10px;
  height: 16px;
  margin-left: 16px;
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--right-to-left .campaign-flow-journey-arrow__bottom-half[data-v-437a59df] {
  height: 16px;
  border-top: 2px solid #2f3750;
  border-left: 2px solid #2f3750;
  border-top-left-radius: 10px;
  margin-right: 10px;
  margin-top: -2px;
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--right-to-left .arrow-head[data-v-437a59df] {
  position: absolute;
  bottom: -6px;
  left: 1px;
  color: #2f3750;
  font-size: 12px;
  transform: translateX(-50%);
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--vertical[data-v-437a59df] {
  height: 18px;
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--vertical .campaign-flow-journey-arrow__top-half[data-v-437a59df] {
  display: none;
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--vertical .campaign-flow-journey-arrow__bottom-half[data-v-437a59df] {
  display: none;
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--vertical .campaign-flow-journey-arrow__vertical[data-v-437a59df] {
  border-left: 2px solid #2f3750;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--vertical .arrow-head[data-v-437a59df] {
  position: absolute;
  bottom: -7px;
  left: 50%;
  color: #2f3750;
  font-size: 12px;
  transform: translateX(-50%);
}
.nested-grid[data-v-437a59df] {
  gap: 12px;
}
.nested-grid-item[data-v-437a59df] {
  margin-left: -7px;
  margin-right: -7px;
}/***=!! New design variables !!=***/
@keyframes onAutoFillStart-72d77e15 {
from {
    /**/
}
to {
    /**/
}
}
.campaign-flow__role[data-v-72d77e15] {
  flex: 1;
  height: 100%;
  border-radius: 12px;
  padding: 12px;
  padding-top: 20px;
  cursor: pointer;
  background-color: var(--5b46b2ae);
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.campaign-flow__role--highlighted[data-v-72d77e15] {
  background-color: var(--572d822d);
  box-shadow: inset 0 0 0 2px var(--61cc4f92);
}/***=!! New design variables !!=***/
@keyframes onAutoFillStart-2da93404 {
from {
    /**/
}
to {
    /**/
}
}
.campaign-flow-wrapper[data-v-2da93404] {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: fit-content;
  min-width: 100%;
}
.campaign-flow-content[data-v-2da93404] {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: fit-content;
  min-width: 100%;
}
.campaign-flow__sticky-header[data-v-2da93404] {
  position: relative;
  flex: 0 0 auto;
  z-index: 10;
  background-color: white;
  border-bottom: 1px solid #e0e0e0;
  padding: 16px 20px;
  width: fit-content;
  min-width: 100%;
}
.campaign-flow__sticky-header .campaign-flow-readonly-mask[data-v-2da93404] {
  z-index: 1;
}
.campaign-flow__header-content[data-v-2da93404] {
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 12px;
}
.campaign-flow[data-v-2da93404] {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  padding-bottom: 12px;
  margin: 0 auto;
  margin-top: 16px;
  margin-bottom: 40px;
}
.campaign-flow-scrollable-wrapper[data-v-2da93404] {
  position: relative;
  flex: 1 1 auto;
  padding: 0 20px;
  overflow-y: auto;
  min-height: 0;
  width: fit-content;
  min-width: 100%;
}
.campaign-flow__role-titles[data-v-2da93404] {
  display: grid;
  grid-template-columns: var(--46cdb290);
  gap: 12px;
  padding: 0;
  flex: 1;
  min-width: 0;
}
.campaign-flow--single-column .campaign-flow__role-titles[data-v-2da93404] {
  gap: 0;
}
.campaign-flow__role-title[data-v-2da93404] {
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  padding: 0 12px 0 36px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.campaign-flow__role-title[data-v-2da93404]:hover {
  opacity: 0.8;
}
.campaign-flow__filter-menu[data-v-2da93404] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.campaign-flow-readonly-mask[data-v-2da93404] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  cursor: default;
  pointer-events: all;
}
.campaign-flow__role-icon-wrapper[data-v-2da93404] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.campaign-flow__role-icon-wrapper i[data-v-2da93404] {
  color: white;
}
.campaign-flow__role-icon[data-v-2da93404] {
  font-size: 18px;
}
.campaign-flow__role-container[data-v-2da93404] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  cursor: pointer;
  flex-wrap: nowrap;
  gap: 12px;
}
.campaign-flow__journey-container[data-v-2da93404] {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  padding-top: 10px;
}
.campaign-flow__reward-row[data-v-2da93404] {
  display: grid;
  grid-template-columns: var(--46cdb290);
  gap: 12px;
  margin-bottom: 24px;
}
.campaign-flow--single-column .campaign-flow__reward-row[data-v-2da93404] {
  gap: 0;
}
.campaign-flow__reward-column[data-v-2da93404] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 36px;
  align-items: center;
}