/***=!! New design variables !!=***/
@keyframes onAutoFillStart-4fb0b599 {
from {
    /**/
}
to {
    /**/
}
}
.campaign-flow-socket > h3[data-v-4fb0b599] {
  color: var(--extole-content, rgba(24, 29, 52, 0.95)) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  margin-bottom: 4px !important;
}
.socket-values-wrapper[data-v-4fb0b599] {
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 4px;
  margin: -4px;
}
.socket-values-wrapper--highlighted[data-v-4fb0b599] {
  animation: highlight-glow 1s ease-in-out 3;
}/***=!! New design variables !!=***/
.flow-triggering-event[data-v-b9069b3c] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 100%;
  margin-top: 4px;
}
.flow-triggering-event__title[data-v-b9069b3c] {
  color: var(--extole-content, 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-b9069b3c] {
  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-b9069b3c] {
  color: var(--extole-content, #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-b9069b3c] {
  font-size: 12px;
  color: #eac234;
  flex-shrink: 0;
}
.flow-triggering-event-chip__event-icon[data-v-b9069b3c] {
  font-size: 12px;
  color: var(--extole-link, #1a6ae5);
  flex-shrink: 0;
  width: 16px;
  text-align: center;
}
.flow-triggering-event-chip--matched[data-v-b9069b3c] {
  background-color: rgba(26, 106, 229, 0.1);
  border-color: rgba(26, 106, 229, 0.3);
}
.flow-triggering-event-chip--unmatched[data-v-b9069b3c] {
  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-b9069b3c] {
  color: var(--extole-content, #22283f);
}/***=!! New design variables !!=***/
.campaign-flow-card[data-v-1f987221] {
  border-radius: 8px;
  background-color: var(--extole-surface, #ffffff);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  cursor: pointer;
  position: relative;
  transition: background-color 0.3s;
}
@keyframes shimmer-1f987221 {
to {
    background-position-x: 0%;
}
}
.campaign-flow-card--loading[data-v-1f987221] {
  background: linear-gradient(-45deg, var(--extole-surface-muted, #f5f5f5) 40%, var(--extole-surface, #ffffff) 50%, var(--extole-surface-muted, #f5f5f5) 60%);
  background-size: 300%;
  background-position-x: 100%;
  animation: shimmer-1f987221 1s infinite linear;
}
.campaign-flow-card__description[data-v-1f987221] {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  color: var(--extole-content-muted, #666) !important;
}
.campaign-flow-card__header[data-v-1f987221] {
  display: flex;
  gap: 10px;
  cursor: pointer;
  align-items: center;
  min-width: 0;
}
.campaign-flow-card__header h2[data-v-1f987221] {
  color: var(--extole-content, #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-1f987221]:not(.ds) {
  display: flex;
  align-items: center;
}
.campaign-flow-card__header h2.ds[data-v-1f987221] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.campaign-flow-card__header h2 i[data-v-1f987221] {
  font-size: 24px !important;
}
.campaign-flow-card__controls[data-v-1f987221] {
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0;
  width: 0;
  overflow: hidden;
  transition: opacity 0.2s ease;
}
.campaign-flow-card__controls *[data-v-1f987221] {
  font-size: 14px;
}
.campaign-flow-card:hover .campaign-flow-card__controls[data-v-1f987221] {
  opacity: 1;
  width: auto;
  overflow: visible;
}

/***=!! New design variables !!=***/
.campaign-flow-card[data-v-1f987221] {
  --flow-seed: var(--aea7e8f8);
  border: none !important;
  box-shadow: 0 4px 12px var(--35388c22);
  transition: box-shadow 0.2s ease-in-out;
}
.campaign-flow-card--highlighted[data-v-1f987221] {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15), 0 0 0 3px var(--aea7e8f8);
}
html.dark .campaign-flow-card[data-v-1f987221] {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45);
}
html.dark .campaign-flow-card.campaign-flow-card--highlighted[data-v-1f987221] {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 0 3px color-mix(in oklab, var(--flow-seed) 55%, #8d8c87);
}
@supports (color: oklch(from red l c h)) {
html.dark .campaign-flow-card.campaign-flow-card--highlighted[data-v-1f987221] {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 0 3px oklch(from var(--flow-seed) 62% clamp(min(0.055, c * 7), c * 0.85, 0.1) h);
}
}
.campaign-flow-card--disabled[data-v-1f987221] {
  opacity: 0.5;
  cursor: not-allowed;
}
.campaign-flow-card--disabled *[data-v-1f987221] {
  pointer-events: none;
}
.campaign-flow-card--simple .campaign-flow-socket[data-v-1f987221] {
  display: none !important;
}
.campaign-flow-card__delete-icon[data-v-1f987221] {
  cursor: pointer;
  color: var(--extole-content-muted, #909399);
  font-size: 14px;
}/***=!! New design variables !!=***/
.add-triggered-component-dropdown-wrapper[data-v-500c3957] {
  display: inline-flex;
  flex-shrink: 0;
}
.add-triggered-component-trigger-button.button--active[data-v-500c3957] {
  background-color: #2f3750 !important;
  border-color: #2f3750 !important;
  color: #fff !important;
}
.add-triggered-component-trigger-button.button--active[data-v-500c3957]: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: var(--extole-surface, #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: var(--extole-content-muted, #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-48bce331] {
  border-radius: 8px;
  background-color: var(--extole-surface, #ffffff);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  cursor: pointer;
  position: relative;
  transition: background-color 0.3s;
}
@keyframes shimmer-48bce331 {
to {
    background-position-x: 0%;
}
}
.campaign-flow-card--loading[data-v-48bce331] {
  background: linear-gradient(-45deg, var(--extole-surface-muted, #f5f5f5) 40%, var(--extole-surface, #ffffff) 50%, var(--extole-surface-muted, #f5f5f5) 60%);
  background-size: 300%;
  background-position-x: 100%;
  animation: shimmer-48bce331 1s infinite linear;
}
.campaign-flow-card__description[data-v-48bce331] {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  color: var(--extole-content-muted, #666) !important;
}
.campaign-flow-card__header[data-v-48bce331] {
  display: flex;
  gap: 10px;
  cursor: pointer;
  align-items: center;
  min-width: 0;
}
.campaign-flow-card__header h2[data-v-48bce331] {
  color: var(--extole-content, #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-48bce331]:not(.ds) {
  display: flex;
  align-items: center;
}
.campaign-flow-card__header h2.ds[data-v-48bce331] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.campaign-flow-card__header h2 i[data-v-48bce331] {
  font-size: 24px !important;
}
.campaign-flow-card__controls[data-v-48bce331] {
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0;
  width: 0;
  overflow: hidden;
  transition: opacity 0.2s ease;
}
.campaign-flow-card__controls *[data-v-48bce331] {
  font-size: 14px;
}
.campaign-flow-card:hover .campaign-flow-card__controls[data-v-48bce331] {
  opacity: 1;
  width: auto;
  overflow: visible;
}

/***=!! New design variables !!=***/
/***=!! New design variables !!=***/
.campaign-flow-card-wrapper[data-v-48bce331] {
  position: relative;
}
.campaign-flow-card[data-v-48bce331] {
  border: 1px solid var(--184fae00);
  transition: box-shadow 0.2s ease-in-out;
}
html.dark .campaign-flow-card[data-v-48bce331] {
  border-color: color-mix(in srgb, var(--184fae00) 65%, transparent);
}
.campaign-flow-card--highlighted[data-v-48bce331] {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15), 0 0 0 3px var(--184fae00);
}
.campaign-flow-card .campaign-flow-card__arrow[data-v-48bce331] {
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  border-left: solid 2px var(--extole-content, #2f3750);
  height: 18px;
  margin-bottom: 2px;
  color: var(--extole-content, #2f3750);
}
.campaign-flow-card .campaign-flow-card__arrow i[data-v-48bce331] {
  color: var(--extole-content, #2f3750);
}
.campaign-flow-card .campaign-flow-card__arrow .arrow-head[data-v-48bce331] {
  position: absolute;
  left: -11px;
  bottom: -7px;
}
.campaign-flow-card:last-child .campaign-flow-card__arrow[data-v-48bce331] {
  display: none;
}
.campaign-flow-card.sortable-ghost[data-v-48bce331] {
  border-width: 2px !important;
}
.campaign-flow-card.sortable-drag .campaign-flow-card__arrow[data-v-48bce331] {
  display: none;
}
.campaign-flow-card__controls .give-reward-dropdown[data-v-48bce331] {
  font-size: 14px;
}
.campaign-flow-card__controls .give-reward-dropdown button[data-v-48bce331] {
  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-48bce331] {
  font-size: 14px;
}
.campaign-flow-card__delete-icon[data-v-48bce331] {
  cursor: pointer;
  color: var(--extole-content-muted, #909399);
  font-size: 14px;
}
.campaign-flow-card__draggable-handle[data-v-48bce331] {
  font-size: 14px;
  cursor: grab;
  color: var(--extole-content-muted, #666);
}
.campaign-flow-card__draggable-handle[data-v-48bce331]:active {
  cursor: grabbing;
}
.campaign-flow-card__hover-zone[data-v-48bce331] {
  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-48bce331] {
  top: -24px;
}
.campaign-flow-card__hover-zone--bottom[data-v-48bce331] {
  bottom: -24px;
}
.campaign-flow-card__hover-zone:hover .campaign-flow-card__add-button[data-v-48bce331] {
  opacity: 1;
}
.campaign-flow-card__add-button[data-v-48bce331] {
  width: 20px;
  height: 20px;
  background-color: var(--extole-content, #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-48bce331] {
  color: var(--extole-surface, #ffffff);
  font-size: 12px;
}
.campaign-flow-card__rewards-list[data-v-48bce331] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.campaign-flow-card--has-aliases[data-v-48bce331] {
  padding-bottom: 24px;
}
.campaign-flow-card--has-aliases .campaign-flow-card__rewards-list[data-v-48bce331] {
  margin-bottom: 12px;
}
.campaign-flow-card--simple .campaign-flow-socket[data-v-48bce331] {
  display: none !important;
}
.campaign-flow-card--simple .campaign-flow-card__rewards[data-v-48bce331],
.campaign-flow-card--simple .campaign-flow-card__rewards-list[data-v-48bce331] {
  display: none !important;
}
.campaign-flow-card--simple .campaign-flow-card__hover-zone[data-v-48bce331],
.campaign-flow-card--simple .campaign-flow-card__arrow[data-v-48bce331] {
  display: none !important;
}
.campaign-flow-card--simple .campaign-flow-card__aliases[data-v-48bce331] {
  display: none !important;
}
.campaign-flow-card__aliases[data-v-48bce331] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  pointer-events: none;
}
.campaign-flow-card__aliases-list[data-v-48bce331] {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
  overflow: hidden;
}
.campaign-flow-card__alias-chip[data-v-48bce331] {
  display: flex;
  padding: 2px 8px;
  align-items: center;
  gap: 4px;
  background-color: var(--184fae00);
  border-radius: 0;
  flex-shrink: 0;
  margin-left: 4px;
  border-top-left-radius: 4px;
}
.campaign-flow-card__alias-chip[data-v-48bce331]:first-child {
  margin-left: 0;
}
.campaign-flow-card__alias-chip[data-v-48bce331]:not(:last-child) {
  border-top-right-radius: 4px;
}
.campaign-flow-card__alias-chip span[data-v-48bce331] {
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.campaign-flow-card__alias-chip i[data-v-48bce331] {
  color: var(--neutral-light-n-0, #fff);
  text-align: center;
  font-size: 10px;
  flex-shrink: 0;
}
.campaign-flow-card__rewards[data-v-48bce331] {
  margin-top: 12px;
}
.campaign-flow-card__rewards-stack[data-v-48bce331] {
  position: relative;
  display: inline-block;
  padding-bottom: 24px;
}
.campaign-flow-card__rewards-stack-card[data-v-48bce331] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 24px;
  border-radius: 8px;
  background-color: var(--extole-surface, #ffffff);
  border: 1px solid var(--extole-border, 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-48bce331] {
  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-48bce331] {
  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-48bce331] {
  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-48bce331] {
  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-48bce331] {
  position: relative;
  z-index: 3;
}
.campaign-flow-card__rewards-incoming[data-v-48bce331] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.campaign-flow-card__rewards-navigation[data-v-48bce331] {
  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: var(--extole-surface, #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-48bce331] {
  color: var(--extole-content-muted, #909399);
  transition: color 0.2s ease;
  pointer-events: none;
  font-size: 12px;
}
.campaign-flow-card__rewards-navigation-indicator[data-v-48bce331] {
  color: var(--extole-content-muted, #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-48bce331] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  cursor: pointer;
  z-index: 1;
}
.campaign-flow-card__rewards-navigation-zone--left[data-v-48bce331] {
  left: 0;
  border-radius: 20px 0 0 20px;
}
.campaign-flow-card__rewards-navigation-zone--right[data-v-48bce331] {
  right: 0;
  border-radius: 0 20px 20px 0;
}
.campaign-flow-card__rewards-navigation-zone[data-v-48bce331]:hover {
  background-color: var(--extole-overlay-hover, rgba(0, 0, 0, 0.03));
}
.campaign-flow-card__rewards-navigation-zone[data-v-48bce331]:active {
  background-color: var(--extole-overlay-active, 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-48bce331] {
  gap: 16px;
}
.campaign-flow-card__rewards-stack:hover:not(.campaign-flow-card__rewards-stack--shuffling) .campaign-flow-card__rewards-navigation-button[data-v-48bce331] {
  color: var(--extole-content-muted, #606266);
}
.campaign-flow-card__rewards-stack:hover:not(.campaign-flow-card__rewards-stack--shuffling) .campaign-flow-card__rewards-navigation-indicator[data-v-48bce331] {
  color: var(--extole-content-muted, #606266);
}
.campaign-flow-card__rewards-navigation-zone--left:hover ~ .campaign-flow-card__rewards-navigation-button[data-v-48bce331]:first-of-type {
  color: var(--extole-content, #303133);
}
.campaign-flow-card__rewards-navigation-zone--right:hover ~ .campaign-flow-card__rewards-navigation-button[data-v-48bce331]:last-of-type {
  color: var(--extole-content, #303133);
}
@keyframes shuffle-front-to-back-48bce331 {
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-48bce331 {
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-48bce331 {
0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
}
100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
}
}
@keyframes shuffle-current-to-second-48bce331 {
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-48bce331 {
0% {
    transform: translate(6px, 14px);
    opacity: 0.4;
}
100% {
    transform: translate(12px, 20px);
    opacity: 0.3;
}
}
@keyframes shuffle-third-to-second-48bce331 {
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-48bce331] {
  animation: shuffle-front-to-back-48bce331 0.4s ease-in-out forwards;
}
.campaign-flow-card__rewards-stack--shuffle-next .campaign-flow-card__rewards-stack-card--third[data-v-48bce331] {
  animation: shuffle-third-to-second-48bce331 0.4s ease-out forwards;
}
.campaign-flow-card__rewards-stack--shuffle-prev .campaign-flow-card__rewards-current[data-v-48bce331] {
  animation: shuffle-current-to-second-48bce331 0.4s ease-out forwards;
}
.campaign-flow-card__rewards-stack--shuffle-prev .campaign-flow-card__rewards-stack-card--third[data-v-48bce331] {
  animation: shuffle-second-to-third-48bce331 0.4s ease-out forwards;
}
.campaign-flow-card__rewards-stack--shuffle-prev .campaign-flow-card__rewards-incoming[data-v-48bce331] {
  animation: shuffle-back-to-front-48bce331 0.4s ease-in-out forwards;
}/***=!! New design variables !!=***/
.campaign-flow-reward[data-v-90fcfb7b] {
  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-90fcfb7b] {
  position: absolute;
  transform: translateY(-50%);
  height: 20px;
  z-index: 10;
  overflow: visible;
}
.campaign-flow-reward__arrow--left-to-right[data-v-90fcfb7b] {
  right: -18px;
}
.campaign-flow-reward__arrow--right-to-left[data-v-90fcfb7b] {
  left: -18px;
}
.campaign-flow-reward__arrow path[data-v-90fcfb7b] {
  stroke: var(--extole-content-subtle, rgba(26, 42, 66, 0.6));
}
.campaign-flow-reward__arrow-tail[data-v-90fcfb7b] {
  position: absolute;
  transform: translateY(-50%);
  height: 2px;
  z-index: 9;
  background-color: transparent;
  background-image: radial-gradient(circle, var(--extole-content-subtle, 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-90fcfb7b] {
  position: relative;
  display: inline-block;
  padding-bottom: 24px;
}
.campaign-flow-reward__stack-card[data-v-90fcfb7b] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 24px;
  border-radius: 8px;
  background-color: var(--extole-surface, #ffffff);
  border: 1px solid var(--extole-border, 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-90fcfb7b] {
  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-90fcfb7b] {
  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-90fcfb7b] {
  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-90fcfb7b] {
  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-90fcfb7b] {
  position: relative;
  z-index: 3;
}
.campaign-flow-reward__incoming[data-v-90fcfb7b] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.campaign-flow-reward__navigation[data-v-90fcfb7b] {
  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: var(--extole-surface, #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-90fcfb7b] {
  color: var(--extole-content-muted, #909399);
  transition: color 0.2s ease;
  pointer-events: none;
  font-size: 12px;
}
.campaign-flow-reward__navigation-indicator[data-v-90fcfb7b] {
  color: var(--extole-content-muted, #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-90fcfb7b] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  cursor: pointer;
  z-index: 1;
}
.campaign-flow-reward__navigation-zone--left[data-v-90fcfb7b] {
  left: 0;
  border-radius: 20px 0 0 20px;
}
.campaign-flow-reward__navigation-zone--right[data-v-90fcfb7b] {
  right: 0;
  border-radius: 0 20px 20px 0;
}
.campaign-flow-reward__navigation-zone[data-v-90fcfb7b]:hover {
  background-color: var(--extole-overlay-hover, rgba(0, 0, 0, 0.03));
}
.campaign-flow-reward__navigation-zone[data-v-90fcfb7b]:active {
  background-color: var(--extole-overlay-active, rgba(0, 0, 0, 0.06));
}
.campaign-flow-reward__stack:hover:not(.campaign-flow-reward__stack--shuffling) .campaign-flow-reward__navigation[data-v-90fcfb7b] {
  gap: 16px;
}
.campaign-flow-reward__stack:hover:not(.campaign-flow-reward__stack--shuffling) .campaign-flow-reward__navigation-button[data-v-90fcfb7b] {
  color: var(--extole-content-muted, #606266);
}
.campaign-flow-reward__stack:hover:not(.campaign-flow-reward__stack--shuffling) .campaign-flow-reward__navigation-indicator[data-v-90fcfb7b] {
  color: var(--extole-content-muted, #606266);
}
.campaign-flow-reward__navigation-zone--left:hover ~ .campaign-flow-reward__navigation-button[data-v-90fcfb7b]:first-of-type {
  color: var(--extole-content, #303133);
}
.campaign-flow-reward__navigation-zone--right:hover ~ .campaign-flow-reward__navigation-button[data-v-90fcfb7b]:last-of-type {
  color: var(--extole-content, #303133);
}
@keyframes shuffle-front-to-back-90fcfb7b {
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-90fcfb7b {
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-90fcfb7b {
0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
}
100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
}
}
@keyframes shuffle-current-to-second-90fcfb7b {
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-90fcfb7b {
0% {
    transform: translate(6px, 14px);
    opacity: 0.4;
}
100% {
    transform: translate(12px, 20px);
    opacity: 0.3;
}
}
@keyframes shuffle-third-to-second-90fcfb7b {
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-90fcfb7b] {
  animation: shuffle-front-to-back-90fcfb7b 0.4s ease-in-out forwards;
}
.campaign-flow-reward__stack--shuffle-next .campaign-flow-reward__stack-card--third[data-v-90fcfb7b] {
  animation: shuffle-third-to-second-90fcfb7b 0.4s ease-out forwards;
}
.campaign-flow-reward__stack--shuffle-prev .campaign-flow-reward__current[data-v-90fcfb7b] {
  animation: shuffle-current-to-second-90fcfb7b 0.4s ease-out forwards;
}
.campaign-flow-reward__stack--shuffle-prev .campaign-flow-reward__stack-card--third[data-v-90fcfb7b] {
  animation: shuffle-second-to-third-90fcfb7b 0.4s ease-out forwards;
}
.campaign-flow-reward__stack--shuffle-prev .campaign-flow-reward__incoming[data-v-90fcfb7b] {
  animation: shuffle-back-to-front-90fcfb7b 0.4s ease-in-out forwards;
}
.campaign-flow-reward__stack[data-v-90fcfb7b] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.campaign-flow-reward__current[data-v-90fcfb7b] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.campaign-flow-reward__incoming[data-v-90fcfb7b] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}/***=!! New design variables !!=***/
/***=!! New design variables !!=***/
.campaign-flow-journey[data-v-1a7c696b] {
  --flow-seed: var(--e46f4f78);
  position: relative;
  padding: 24px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-left: 12px;
  margin-right: 12px;
  background-color: var(--78883a76);
  cursor: pointer;
  min-width: 0;
}
html.dark .campaign-flow-journey[data-v-1a7c696b]:not(.campaign-flow-journey--placeholder) {
  background-color: color-mix(in oklab, var(--flow-seed) 8%, #161311);
}
@supports (color: oklch(from red l c h)) {
html.dark .campaign-flow-journey[data-v-1a7c696b]:not(.campaign-flow-journey--placeholder) {
    background-color: oklch(from var(--flow-seed) 18.8% clamp(min(0.024, c * 3), c * 0.45, 0.03) h);
}
}
.campaign-flow-journey__give-reward[data-v-1a7c696b] {
  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-1a7c696b] {
  opacity: 1;
  width: auto;
  overflow: visible;
}
.campaign-flow-journey__header[data-v-1a7c696b] {
  display: flex;
  gap: 10px;
  cursor: pointer;
  align-items: center;
  min-width: 0;
  margin-bottom: 4px;
}
.campaign-flow-journey__title[data-v-1a7c696b] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--extole-content, 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-1a7c696b] {
  flex-shrink: 0;
}
.campaign-flow-journey__title span[data-v-1a7c696b] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.campaign-flow-journey__title .journey-name[data-v-1a7c696b] {
  font-size: 12px !important;
}
.campaign-flow-journey__icon-wrapper[data-v-1a7c696b] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--flow-seed);
}
html.dark .campaign-flow-journey__icon-wrapper[data-v-1a7c696b] {
  background-color: color-mix(in oklab, var(--flow-seed) 55%, #8d8c87);
}
@supports (color: oklch(from red l c h)) {
html.dark .campaign-flow-journey__icon-wrapper[data-v-1a7c696b] {
    background-color: oklch(from var(--flow-seed) 62% clamp(min(0.055, c * 7), c * 0.85, 0.1) h);
}
}
.campaign-flow-journey__icon[data-v-1a7c696b] {
  font-size: 12px;
  color: white;
}
.campaign-flow-journey__controls[data-v-1a7c696b] {
  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-1a7c696b] {
  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-1a7c696b] {
  pointer-events: auto;
}
.campaign-flow-journey__placeholder-content[data-v-1a7c696b] {
  flex: 1;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}
.campaign-flow-journey__rewards-wrapper[data-v-1a7c696b] {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
.campaign-flow-journey__direct-rewards[data-v-1a7c696b] {
  margin-top: 16px;
}
.campaign-flow-journey__sockets[data-v-1a7c696b] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.campaign-flow-journey__rewards-list[data-v-1a7c696b] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.campaign-flow-journey__business-event-list[data-v-1a7c696b] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 16px;
}/***=!! New design variables !!=***/
.campaign-flow-journey-arrow[data-v-cd2dfe61] {
  position: relative;
  padding-bottom: 2px;
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--left-to-right .campaign-flow-journey-arrow__vertical[data-v-cd2dfe61] {
  display: none;
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--left-to-right .campaign-flow-journey-arrow__top-half[data-v-cd2dfe61] {
  border-left: 2px solid var(--extole-content, #2f3750);
  border-bottom: 2px solid var(--extole-content, #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-cd2dfe61] {
  height: 16px;
  border-top: 2px solid var(--extole-content, #2f3750);
  border-right: 2px solid var(--extole-content, #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-cd2dfe61] {
  position: absolute;
  bottom: -6px;
  right: 1px;
  color: var(--extole-content, #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-cd2dfe61] {
  display: none;
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--right-to-left .campaign-flow-journey-arrow__top-half[data-v-cd2dfe61] {
  border-right: 2px solid var(--extole-content, #2f3750);
  border-bottom: 2px solid var(--extole-content, #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-cd2dfe61] {
  height: 16px;
  border-top: 2px solid var(--extole-content, #2f3750);
  border-left: 2px solid var(--extole-content, #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-cd2dfe61] {
  position: absolute;
  bottom: -6px;
  left: 1px;
  color: var(--extole-content, #2f3750);
  font-size: 12px;
  transform: translateX(-50%);
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--vertical[data-v-cd2dfe61] {
  height: 18px;
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--vertical .campaign-flow-journey-arrow__top-half[data-v-cd2dfe61] {
  display: none;
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--vertical .campaign-flow-journey-arrow__bottom-half[data-v-cd2dfe61] {
  display: none;
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--vertical .campaign-flow-journey-arrow__vertical[data-v-cd2dfe61] {
  border-left: 2px solid var(--extole-content, #2f3750);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}
.campaign-flow-journey-arrow.campaign-flow-journey-arrow--vertical .arrow-head[data-v-cd2dfe61] {
  position: absolute;
  bottom: -7px;
  left: 50%;
  color: var(--extole-content, #2f3750);
  font-size: 12px;
  transform: translateX(-50%);
}
.nested-grid[data-v-cd2dfe61] {
  gap: 12px;
}
.nested-grid-item[data-v-cd2dfe61] {
  margin-left: -7px;
  margin-right: -7px;
}/***=!! New design variables !!=***/
@keyframes onAutoFillStart-0445f752 {
from {
    /**/
}
to {
    /**/
}
}
/***=!! New design variables !!=***/
.campaign-flow__role[data-v-0445f752] {
  --flow-seed: var(--c0dc1678);
  flex: 1;
  height: 100%;
  border-radius: 12px;
  padding: 12px;
  padding-top: 20px;
  cursor: pointer;
  background-color: var(--725836f6);
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.campaign-flow__role--highlighted[data-v-0445f752] {
  background-color: var(--4b4af880);
  box-shadow: inset 0 0 0 2px var(--c0dc1678);
}
html.dark .campaign-flow__role[data-v-0445f752] {
  background-color: color-mix(in oklab, var(--flow-seed) 8%, #1a1715);
}
@supports (color: oklch(from red l c h)) {
html.dark .campaign-flow__role[data-v-0445f752] {
    background-color: oklch(from var(--flow-seed) 21.2% clamp(min(0.024, c * 3), c * 0.45, 0.03) h);
}
}
html.dark .campaign-flow__role.campaign-flow__role--highlighted[data-v-0445f752] {
  background-color: color-mix(in oklab, var(--flow-seed) 10%, #1f1c19);
  box-shadow: inset 0 0 0 2px color-mix(in oklab, var(--flow-seed) 55%, #8d8c87);
}
@supports (color: oklch(from red l c h)) {
html.dark .campaign-flow__role.campaign-flow__role--highlighted[data-v-0445f752] {
    background-color: oklch(from var(--flow-seed) 24.5% clamp(min(0.03, c * 3.75), c * 0.6, 0.04) h);
    box-shadow: inset 0 0 0 2px oklch(from var(--flow-seed) 62% clamp(min(0.055, c * 7), c * 0.85, 0.1) h);
}
}/***=!! New design variables !!=***/
/***=!! New design variables !!=***/
@keyframes onAutoFillStart-50f5b973 {
from {
    /**/
}
to {
    /**/
}
}
/***=!! New design variables !!=***/
.campaign-flow-wrapper[data-v-50f5b973] {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: fit-content;
  min-width: 100%;
}
.campaign-flow-content[data-v-50f5b973] {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: fit-content;
  min-width: 100%;
}
.campaign-flow__sticky-header[data-v-50f5b973] {
  position: relative;
  flex: 0 0 auto;
  z-index: 10;
  background-color: var(--extole-surface, white);
  border-bottom: 1px solid var(--extole-border, #e0e0e0);
  padding: 16px 20px;
  width: fit-content;
  min-width: 100%;
}
.campaign-flow__sticky-header .campaign-flow-readonly-mask[data-v-50f5b973] {
  z-index: 1;
}
.campaign-flow__header-content[data-v-50f5b973] {
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 12px;
}
.campaign-flow[data-v-50f5b973] {
  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-50f5b973] {
  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-50f5b973] {
  display: grid;
  grid-template-columns: var(--7d97646a);
  gap: 12px;
  padding: 0;
  flex: 1;
  min-width: 0;
}
.campaign-flow--single-column .campaign-flow__role-titles[data-v-50f5b973] {
  gap: 0;
}
.campaign-flow__role-title[data-v-50f5b973] {
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  padding: 0 12px 0 36px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: var(--flow-seed);
}
.campaign-flow__role-title[data-v-50f5b973]:hover {
  opacity: 0.8;
}
html.dark .campaign-flow__role-title[data-v-50f5b973] {
  color: color-mix(in oklab, var(--flow-seed) 65%, #d5d2c8);
}
@supports (color: oklch(from red l c h)) {
html.dark .campaign-flow__role-title[data-v-50f5b973] {
    color: oklch(from var(--flow-seed) 80% clamp(min(0.045, c * 5.5), c * 0.7, 0.085) h);
}
}
.campaign-flow__filter-menu[data-v-50f5b973] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.campaign-flow-readonly-mask[data-v-50f5b973] {
  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-50f5b973] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--flow-seed);
}
.campaign-flow__role-icon-wrapper i[data-v-50f5b973] {
  color: white;
}
html.dark .campaign-flow__role-icon-wrapper[data-v-50f5b973] {
  background-color: color-mix(in oklab, var(--flow-seed) 55%, #8d8c87);
}
@supports (color: oklch(from red l c h)) {
html.dark .campaign-flow__role-icon-wrapper[data-v-50f5b973] {
    background-color: oklch(from var(--flow-seed) 62% clamp(min(0.055, c * 7), c * 0.85, 0.1) h);
}
}
.campaign-flow__role-icon[data-v-50f5b973] {
  font-size: 18px;
}
.campaign-flow__role-container[data-v-50f5b973] {
  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-50f5b973] {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  padding-top: 10px;
}
.campaign-flow__reward-row[data-v-50f5b973] {
  display: grid;
  grid-template-columns: var(--7d97646a);
  gap: 12px;
  margin-bottom: 24px;
}
.campaign-flow--single-column .campaign-flow__reward-row[data-v-50f5b973] {
  gap: 0;
}
.campaign-flow__reward-column[data-v-50f5b973] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 36px;
  align-items: center;
}