.programmatic-campaigns-mf .progress-bar {
  position: relative;
  background: #b6bad1;
  border-radius: 3px;
  width: 100%;
  height: 24px;
}
.programmatic-campaigns-mf .current-area {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  height: 100%;
  background: rgb(var(--v-theme-on-surface));
  border-radius: 3px 0 0 3px;
  max-width: 100%;
  position: absolute;
}
.programmatic-campaigns-mf .current-area.is-100-percent {
  border-radius: 3px;
}
.programmatic-campaigns-mf .threshold-bar {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  border-left: 2px dashed rgb(var(--v-theme-primary));
  margin-left: -1px;
  width: 1px;
}
.programmatic-campaigns-mf .total-text {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #ffffff;
  padding: 2px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: right;
}
.programmatic-campaigns-mf .mc-table table.legend {
  border: none;
  border-spacing: 5px;
}
.programmatic-campaigns-mf .mc-table table.legend .title {
  color: rgb(var(--v-theme-grey));
}
.programmatic-campaigns-mf .mc-table table.legend .value {
  text-align: right;
}
.programmatic-campaigns-mf .mc-table table.legend .bullet {
  height: 21px;
  width: 6px;
  border-radius: 2px;
}
.programmatic-campaigns-mf .mc-table table.legend .model-value .bullet {
  background-color: rgb(var(--v-theme-on-surface));
}
.programmatic-campaigns-mf .mc-table table.legend .threshold .bullet {
  background-color: rgb(var(--v-theme-primary));
}
.programmatic-campaigns-mf .mc-table table.legend .total .bullet {
  background-color: #b6bad1;
}.programmatic-campaigns-mf .human-readable-runtime-date {
  color: rgb(var(--v-theme-grey));
}.programmatic-campaigns-mf .header[data-v-651a555e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}.programmatic-campaigns-mf .frequency-capping-row[data-v-fcb88f8d] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}
@media (max-width: 800px) {
.programmatic-campaigns-mf .frequency-capping-row[data-v-fcb88f8d] {
    flex-wrap: wrap;
}
}.programmatic-campaigns-mf .pc-date-picker .date-range {
  gap: 0 !important;
}
.programmatic-campaigns-mf .pc-date-picker .date-divider {
  display: none !important;
}
.programmatic-campaigns-mf .pc-date-picker .date-range-fields {
  flex-wrap: wrap;
  gap: 24px;
  flex: 1 !important;
}
.programmatic-campaigns-mf .pc-date-picker .date-range-fields .start-date,
.programmatic-campaigns-mf .pc-date-picker .date-range-fields .end-date {
  flex: 1 !important;
}
.programmatic-campaigns-mf .pc-date-picker.is-compact .v-input {
  margin: 0 !important;
}
.programmatic-campaigns-mf .pc-date-picker.is-compact .v-input .v-field__prepend-inner,
.programmatic-campaigns-mf .pc-date-picker.is-compact .v-input .v-input__details {
  display: none;
}.programmatic-campaigns-mf .is-in-past[data-v-6193031b] {
  color: rgb(var(--v-theme-grey));
}
.programmatic-campaigns-mf .is-in-progress[data-v-6193031b] {
  font-weight: bold;
}.programmatic-campaigns-mf .is-in-past[data-v-2446f233] {
  color: rgb(var(--v-theme-grey));
}
.programmatic-campaigns-mf .is-in-progress[data-v-2446f233] {
  font-weight: bold;
}.programmatic-campaigns-mf .campaign-form-step-budget[data-v-0775037b] {
  display: flex;
  flex-direction: column;
  width: 50%;
}.programmatic-campaigns-mf .changelog-changes {
  border: none !important;
  width: 100%;
}
.programmatic-campaigns-mf .changelog-changes th {
  width: 33.33%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-decoration: underline;
}
.programmatic-campaigns-mf .changelog-changes td {
  padding-left: 1rem;
}.programmatic-campaigns-mf .computed-status[data-v-0e19ee29] {
  display: flex;
  gap: 10px;
}
.programmatic-campaigns-mf .computed-status .status.color-active[data-v-0e19ee29] {
  color: rgb(var(--v-theme-success));
}
.programmatic-campaigns-mf .computed-status .status.color-inactive[data-v-0e19ee29] {
  color: rgb(var(--v-theme-grey));
}.programmatic-campaigns-mf .chat-container[data-v-ef6f9701] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 16px 0;
  height: 500px;
  overflow-y: auto;
}
.programmatic-campaigns-mf .assistant-message[data-v-ef6f9701] {
  margin-right: 10%;
}
.programmatic-campaigns-mf .user-message[data-v-ef6f9701] {
  margin-left: 10%;
}.programmatic-campaigns-mf .prompt-input[data-v-db5d2deb] {
  display: flex;
  align-items: center;
  gap: 8px;
}.programmatic-campaigns-mf .container {
  padding: 16px;
  border-radius: 4px;
  white-space: pre-line;
}
.programmatic-campaigns-mf .assistant {
  background-color: rgb(var(--v-theme-navigation));
  color: rgb(var(--v-theme-on-navigation));
}
.programmatic-campaigns-mf .user {
  background-color: rgb(var(--v-theme-secondary));
  color: rgb(var(--v-theme-on-secondary));
}.programmatic-campaigns-mf .container[data-v-cb72fa3f] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border-radius: 4px;
}
.programmatic-campaigns-mf .assistant[data-v-cb72fa3f] {
  background-color: rgb(var(--v-theme-navigation));
  color: rgb(var(--v-theme-on-navigation));
}
.programmatic-campaigns-mf .user[data-v-cb72fa3f] {
  background-color: rgb(var(--v-theme-secondary));
  color: rgb(var(--v-theme-on-secondary));
}.programmatic-campaigns-mf .pill[data-v-a79da9f1] {
  display: inline-flex;
  align-items: center;
  border-radius: 24px;
  padding: 4px 12px 4px 8px;
  gap: 4px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 2px;
}
.programmatic-campaigns-mf .pill.add[data-v-a79da9f1] {
  background: rgb(var(--v-theme-secondary));
  color: rgb(var(--v-theme-on-secondary));
}
.programmatic-campaigns-mf .pill.remove[data-v-a79da9f1] {
  background: rgb(var(--v-theme-remove));
  color: rgb(var(--v-theme-on-remove));
}
.programmatic-campaigns-mf .pill.retain[data-v-a79da9f1] {
  background: rgb(var(--v-theme-border));
  color: rgb(var(--v-theme-on-border));
}.programmatic-campaigns-mf .creatives-container[data-v-be22787d] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  word-break: break-all;
}
.programmatic-campaigns-mf .creatives-list[data-v-be22787d] {
  padding-left: 16px;
  font-size: 12px;
}.programmatic-campaigns-mf .container[data-v-76d4b4c8] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: 1px solid rgb(var(--v-theme-border));
  border-radius: 4px;
  padding: 16px;
}
.programmatic-campaigns-mf .creatives-change[data-v-76d4b4c8] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background-color: rgb(var(--v-theme-navigation));
  border-radius: 4px;
}
.programmatic-campaigns-mf .buttons-container[data-v-76d4b4c8] {
  display: flex;
  justify-content: flex-end;
}.programmatic-campaigns-mf .container[data-v-598c9675] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}.programmatic-campaigns-mf .pc-date-picker.is-compact[data-v-685348f9] {
  margin: 1rem 0;
}.programmatic-campaigns-mf .tile[data-v-bda00d39] {
  border: 1px solid rgb(var(--v-theme-border));
  border-radius: 5px;
  background-color: rgb(var(--v-theme-navigation));
  padding: 16px 24px;
  display: flex;
}
.programmatic-campaigns-mf .tile .entry[data-v-bda00d39] {
  display: flex;
}
.programmatic-campaigns-mf .tile .entry .content .value[data-v-bda00d39] {
  color: rgb(var(--v-theme-text));
  font-weight: bold;
}
.programmatic-campaigns-mf .tile .entry .content .value.small[data-v-bda00d39] {
  font-size: 16px;
}
.programmatic-campaigns-mf .tile .entry .content .value.large[data-v-bda00d39] {
  font-size: 24px;
}
.programmatic-campaigns-mf .tile .entry .content .value i[data-v-bda00d39] {
  margin: 0 -4px 0 -8px;
}
.programmatic-campaigns-mf .tile .entry .content .title[data-v-bda00d39] {
  color: rgb(var(--v-theme-grey));
}
.programmatic-campaigns-mf .tile .entry .content .information[data-v-bda00d39] {
  color: rgb(var(--v-theme-grey));
  font-size: 12px;
}
.programmatic-campaigns-mf .tile .entry .divider[data-v-bda00d39] {
  border-left: 1px solid rgb(var(--v-theme-border));
  height: 100%;
  margin: 0 16px;
}.programmatic-campaigns-mf .text-badge[data-v-e9ec057e] {
  border-radius: 5px;
  padding: 3px 10px;
}
.programmatic-campaigns-mf .text-badge.success[data-v-e9ec057e] {
  color: rgb(var(--v-theme-success));
  background-color: rgba(var(--v-theme-success), var(--v-activated-opacity)) !important;
}
.programmatic-campaigns-mf .text-badge.warning[data-v-e9ec057e] {
  color: rgb(var(--v-theme-warning));
  background-color: rgba(var(--v-theme-success), var(--v-activated-opacity)) !important;
}
.programmatic-campaigns-mf .text-badge.error[data-v-e9ec057e] {
  color: rgb(var(--v-theme-error));
  background-color: rgba(var(--v-theme-error), var(--v-activated-opacity)) !important;
}.programmatic-campaigns-mf .back-link[data-v-30c18a7a] {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.programmatic-campaigns-mf .back-link .back-icon[data-v-30c18a7a] {
  font-size: 11px;
}
.programmatic-campaigns-mf .header[data-v-30c18a7a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.programmatic-campaigns-mf .header .title[data-v-30c18a7a] {
  display: flex;
  gap: 10px;
  align-items: center;
}
.programmatic-campaigns-mf .campaign-information[data-v-30c18a7a] {
  display: flex;
  margin-top: 16px;
  margin-bottom: 32px;
}
.programmatic-campaigns-mf .campaign-information .campaign-data[data-v-30c18a7a] {
  display: flex;
  gap: 10px;
}.programmatic-campaigns-mf .campaign-link[data-v-b3e319d0] {
  margin-left: 16px;
  margin-bottom: 30px;
}.programmatic-campaigns-mf .conversion-pixel-table {
  border: 1px solid rgb(var(--v-theme-grey));
  border-radius: 3px;
  max-height: 200px;
  overflow-y: auto;
  cursor: pointer;
}
.programmatic-campaigns-mf .conversion-pixel-table::-webkit-scrollbar {
  width: 12px;
}
.programmatic-campaigns-mf .conversion-pixel-table::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgb(var(--v-theme-on-surface));
  border: 4px solid white;
}
.programmatic-campaigns-mf .conversion-pixel-table-row {
  cursor: pointer;
}
.programmatic-campaigns-mf .conversion-pixel-table-row-grey {
  background-color: rgb(var(--v-theme-border));
}
.programmatic-campaigns-mf .conversion-pixel-table .pixel > div {
  width: 100%;
}
.programmatic-campaigns-mf .conversion-pixel-table .pixel .delete-pixel {
  width: 60px;
}
.programmatic-campaigns-mf .conversion-pixel-table .pixel,
.programmatic-campaigns-mf .conversion-pixel-table .pixel > div {
  height: 40px;
  display: flex;
  padding: 0 8px;
  align-items: center;
}
.programmatic-campaigns-mf .conversion-pixel-table .pixel:hover,
.programmatic-campaigns-mf .conversion-pixel-table .pixel > div:hover {
  background-color: rgb(var(--v-theme-grey));
}
.programmatic-campaigns-mf .conversion-pixel-table .pixel > div,
.programmatic-campaigns-mf .conversion-pixel-table .pixel > div > div {
  min-width: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.programmatic-campaigns-mf .conversion-pixel-table .pixel .conversion-type,
.programmatic-campaigns-mf .conversion-pixel-table .pixel > div .conversion-type {
  width: 30%;
  overflow: hidden;
}
.programmatic-campaigns-mf .conversion-pixel-table .pixel .name,
.programmatic-campaigns-mf .conversion-pixel-table .pixel > div .name {
  width: 70%;
  overflow: hidden;
}.programmatic-campaigns-mf .frequency-capping-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}
.programmatic-campaigns-mf .frequency-capping-list .mc-editable-list .item-row {
  align-items: flex-start;
}.programmatic-campaigns-mf .strategy-field[data-v-03116949] {
  display: flex;
  gap: 10px;
}
.programmatic-campaigns-mf .tooltip[data-v-03116949] {
  height: 44px;
  display: flex;
  align-items: center;
}
.programmatic-campaigns-mf .description-container[data-v-c059573e] {
    background-color: #e4f3ff;
    color: #3046b6;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    padding: 15px 13px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.programmatic-campaigns-mf .description-container p[data-v-c059573e] {
    margin: 0;
    padding: 0;
}
.programmatic-campaigns-mf .strategy-form-field[data-v-c059573e] {
    margin-bottom: 10px;
}
.programmatic-campaigns-mf .selling-option[data-v-763249b0] {
  display: flex;
  gap: 10px;
  align-items: baseline;
}.programmatic-campaigns-mf .viewability-checkbox[data-v-0a8cd97c] {
  margin-bottom: 16px;
}.programmatic-campaigns-mf .notification[data-v-e743a9a5] {
  margin-bottom: 8px;
}
.programmatic-campaigns-mf .split-view > div[data-v-e743a9a5] {
  min-width: 250px;
}.programmatic-campaigns-mf .targeting-count[data-v-1ada4da8] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}.programmatic-campaigns-mf .cell[data-v-4c09283a] {
  min-width: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.programmatic-campaigns-mf .cell-checkbox[data-v-4c09283a] {
  padding-left: 13px;
}
.programmatic-campaigns-mf .cell-checkbox .v-input--density-default[data-v-4c09283a] {
  --v-input-control-height: 40px !important;
}.programmatic-campaigns-mf .matrix[data-v-030fd923] {
  border: 1px solid rgb(var(--v-theme-border));
  border-radius: 3px;
  width: fit-content;
}
.programmatic-campaigns-mf .matrix .matrix-row[data-v-030fd923]:nth-child(odd) {
  background-color: #fafafa;
}
.programmatic-campaigns-mf .header[data-v-030fd923],
.programmatic-campaigns-mf .matrix-row[data-v-030fd923] {
  display: flex;
  align-items: center;
  padding: 0 6px 0 6px;
}
.programmatic-campaigns-mf .header[data-v-030fd923] {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgb(var(--v-theme-border));
  padding: 8px 6px 8px 6px !important;
}
.programmatic-campaigns-mf .row-header .cell[data-v-030fd923] {
  padding-right: 8px;
  text-align: start;
  justify-content: start;
  padding-left: 4px;
}
.programmatic-campaigns-mf .pointer[data-v-030fd923] {
  cursor: pointer;
  user-select: none;
}
.programmatic-campaigns-mf .header-placeholder[data-v-030fd923] {
  min-width: 25px;
}
.programmatic-campaigns-mf .header-item[data-v-030fd923] {
  min-width: 53px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}.programmatic-campaigns-mf .btn[data-v-ac80f006] {
  height: 55px !important;
  margin-bottom: 0 !important;
}
.programmatic-campaigns-mf .timezone[data-v-ac80f006] {
  font-size: 14px;
  line-height: 15px;
  margin-bottom: 4px;
}
.programmatic-campaigns-mf .matrix[data-v-ac80f006] {
  height: 1000px;
  overflow-y: scroll;
  flex-grow: 0;
}
.programmatic-campaigns-mf .select-hour[data-v-ac80f006] {
  min-width: 95px;
}
.programmatic-campaigns-mf .hours-select[data-v-ac80f006] {
  display: flex;
  align-items: center;
  gap: 20px;
}
.programmatic-campaigns-mf .time-tree-row[data-v-ac80f006] {
  display: flex;
  gap: 20px;
}
.programmatic-campaigns-mf .time-tree-row .time-tree-actions[data-v-ac80f006] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}.programmatic-campaigns-mf .node-label[data-v-cba6df6e] {
  flex: 1;
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 38px;
  align-items: center;
}
.programmatic-campaigns-mf .node-label.disabled[data-v-cba6df6e] {
  color: #a1a1a1;
}
.programmatic-campaigns-mf .node-title[data-v-cba6df6e] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 2px 0;
  height: 38px;
  color: rgb(var(--v-theme-on-surface));
}
.programmatic-campaigns-mf .node-toggle[data-v-cba6df6e] {
  width: 26px;
  height: 26px;
}
.programmatic-campaigns-mf .toggle-placeholder[data-v-cba6df6e] {
  margin-left: 32px;
}
.programmatic-campaigns-mf .node-children[data-v-cba6df6e] {
  padding-left: 16px;
}
.programmatic-campaigns-mf .controls[data-v-cba6df6e] {
  margin: 2px 8px 2px;
}
.programmatic-campaigns-mf .combined-mode-controls[data-v-cba6df6e] {
  display: flex;
  justify-content: space-between;
}
.programmatic-campaigns-mf .combined-mode-controls .sr-button[data-v-cba6df6e] {
  min-width: 27px !important;
  width: 27px !important;
  height: 18px !important;
  border-color: rgb(var(--v-theme-border));
}
.programmatic-campaigns-mf .combined-mode-controls .sr-button .v-btn__content .v-icon[data-v-cba6df6e] {
  color: rgb(var(--v-theme-primary)) !important;
  font-size: 14px !important;
}
.programmatic-campaigns-mf .combined-mode-controls .sr-button.v-btn--disabled.include-button-checked[data-v-cba6df6e] {
  opacity: 1 !important;
  background-color: rgb(var(--v-theme-primary)) !important;
  color: #fff !important;
}
.programmatic-campaigns-mf .combined-mode-controls .sr-button.v-btn--disabled.include-button-checked .v-btn__content .v-icon[data-v-cba6df6e] {
  opacity: 1 !important;
  color: #fff !important;
}
.programmatic-campaigns-mf .combined-mode-controls .sr-button.v-btn--disabled.exclude-button-checked[data-v-cba6df6e] {
  opacity: 1 !important;
  background-color: rgb(var(--v-theme-error)) !important;
  color: #fff !important;
}
.programmatic-campaigns-mf .combined-mode-controls .sr-button.v-btn--disabled.exclude-button-checked .v-btn__content .v-icon[data-v-cba6df6e] {
  opacity: 1 !important;
  color: #fff !important;
}
.programmatic-campaigns-mf .combined-mode-controls .sr-button.v-btn--disabled[data-v-cba6df6e] {
  color: rgb(var(--v-theme-border)) !important;
  opacity: 0.4;
}
.programmatic-campaigns-mf .combined-mode-controls .sr-button.v-btn--disabled .v-btn__content .v-icon[data-v-cba6df6e] {
  opacity: 0.4;
}
.programmatic-campaigns-mf .node-status[data-v-cba6df6e] {
  color: rgb(var(--v-theme-error));
}
.programmatic-campaigns-mf .edit-application-name-list[data-v-cba6df6e] {
  display: none;
}
.programmatic-campaigns-mf .source-node-item:hover .edit-application-name-list[data-v-cba6df6e] {
  display: block;
}
.programmatic-campaigns-mf .single-mode-info-controls[data-v-cba6df6e] {
  display: flex;
  align-items: center;
}.programmatic-campaigns-mf .node-title .v-selection-control__input {
  justify-content: center !important;
}
.programmatic-campaigns-mf .node-title .v-selection-control__input::before,
.programmatic-campaigns-mf .node-title .v-selection-control__input:focus::before {
  --v-hover-opacity: 0.2;
  margin-left: 0 !important;
  background-color: rgb(var(--v-theme-error));
}
.programmatic-campaigns-mf .node-title .v-checkbox-btn .v-ripple__container {
  margin-left: 0 !important;
}.programmatic-campaigns-mf .node-text[data-v-9f9fea65] {
  flex: 1 1 auto;
}
.programmatic-campaigns-mf .node-remove[data-v-9f9fea65] {
  margin-left: 10px;
  height: 26px;
}
.programmatic-campaigns-mf .node[data-v-9f9fea65] {
  padding: 6px 0 0 28px;
  min-height: 38px;
}
.programmatic-campaigns-mf .node-info[data-v-9f9fea65] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 16px;
}
.programmatic-campaigns-mf .selection-status[data-v-9f9fea65] {
  margin-bottom: -5px;
  display: flex;
  align-items: center;
  font-size: 10px;
  color: #a1a1a1;
}
.programmatic-campaigns-mf .node-title[data-v-9f9fea65] {
  font-size: 14px;
  color: #a1a1a1;
}
.programmatic-campaigns-mf .node-title.selected[data-v-9f9fea65] {
  color: rgb(var(--v-theme-on-surface));
}
.programmatic-campaigns-mf .badge[data-v-9f9fea65] {
  font-size: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 2px;
  color: rgb(var(--v-theme-on-primary));
  background-color: rgb(var(--v-theme-primary));
}
.programmatic-campaigns-mf .badge.excluded[data-v-9f9fea65] {
  color: rgb(var(--v-theme-on-error));
  background-color: rgb(var(--v-theme-error));
}
.programmatic-campaigns-mf .node-children[data-v-9f9fea65] {
  width: 100%;
}
.programmatic-campaigns-mf .edit-application-name-list[data-v-9f9fea65] {
  display: none;
}
.programmatic-campaigns-mf .selected-node-item:hover .edit-application-name-list[data-v-9f9fea65] {
  display: block;
}.programmatic-campaigns-mf .tree-selection[data-v-37d15bd2] {
  display: flex;
}
.programmatic-campaigns-mf .source[data-v-37d15bd2],
.programmatic-campaigns-mf .selected[data-v-37d15bd2] {
  cursor: pointer;
}
.programmatic-campaigns-mf .source[data-v-37d15bd2]::-webkit-scrollbar,
.programmatic-campaigns-mf .selected[data-v-37d15bd2]::-webkit-scrollbar {
  width: 12px;
}
.programmatic-campaigns-mf .source[data-v-37d15bd2]::-webkit-scrollbar-thumb,
.programmatic-campaigns-mf .selected[data-v-37d15bd2]::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgb(var(--v-theme-on-surface));
  border: 4px solid white;
}
.programmatic-campaigns-mf .source[data-v-37d15bd2],
.programmatic-campaigns-mf .selected[data-v-37d15bd2] {
  flex-grow: 1;
  flex-shrink: 0;
  width: 0;
  min-width: 250px;
  height: 300px;
  overflow: auto;
  border: 1px solid rgb(var(--v-theme-border));
  border-radius: 3px;
}
.programmatic-campaigns-mf .tree-actions[data-v-37d15bd2] {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  gap: 16px;
}
.programmatic-campaigns-mf .tree-actions .tree-mode[data-v-37d15bd2] {
  width: 200px;
}
.programmatic-campaigns-mf .tree-actions .tree-search[data-v-37d15bd2] {
  flex: 1;
}.programmatic-campaigns-mf .tree-loader {
  display: flex;
  flex-direction: column;
}
.programmatic-campaigns-mf .tree-loader .v-skeleton-loader {
  padding: 0 !important;
}
.programmatic-campaigns-mf .tree-loader .v-skeleton-loader__button {
  height: 44px !important;
}
.programmatic-campaigns-mf .tree-loader .tree-loader-inner {
  display: flex;
  padding-top: 16px;
  gap: 24px;
}
.programmatic-campaigns-mf .tree-loader .tree-loader-inner .v-skeleton-loader__button {
  height: 300px !important;
}.programmatic-campaigns-mf .sport-calendar-filter[data-v-d3bb8865] {
  display: flex;
  gap: 20px;
}
.programmatic-campaigns-mf .sport-calendar-filter[data-v-d3bb8865] > * {
  flex: 1;
}.programmatic-campaigns-mf .input-with-tooltip[data-v-fb7e4ffd] {
  display: flex;
  gap: 20px;
}
.programmatic-campaigns-mf .input-with-tooltip .mc-tooltip-wrapper[data-v-fb7e4ffd] {
  margin-top: 15px;
}
.programmatic-campaigns-mf .input-with-tooltip .placeholder[data-v-fb7e4ffd] {
  width: 27px;
}.programmatic-campaigns-mf .required-text[data-v-09765f48] {
  color: rgb(var(--v-theme-error));
}
.programmatic-campaigns-mf .container-width[data-v-09765f48] {
  width: 70%;
}
.programmatic-campaigns-mf .info-message[data-v-09765f48] {
  color: rgb(var(--v-theme-primary));
}.programmatic-campaigns-mf .contextual-targeting-loader .v-skeleton-loader {
  padding: 0 !important;
}
.programmatic-campaigns-mf .contextual-targeting-loader .v-skeleton-loader__button {
  height: 74px !important;
}.programmatic-campaigns-mf .model-lists[data-v-6db0fb66] {
  display: flex;
  gap: 10px;
  align-items: center;
}
.programmatic-campaigns-mf .notice[data-v-6db0fb66] {
  margin-top: 10px;
}.programmatic-campaigns-mf .heading-with-tooltip[data-v-791b3c4f] {
  display: flex;
  align-items: center;
}.programmatic-campaigns-mf .checkbox-container[data-v-2a54cf02] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}.programmatic-campaigns-mf .heading-with-tooltip[data-v-bbbb0be6] {
  display: flex;
  align-items: center;
}.programmatic-campaigns-mf .fan-id-targeting-loader .v-skeleton-loader {
  padding: 0 !important;
}
.programmatic-campaigns-mf .fan-id-targeting-loader .v-skeleton-loader__button {
  height: 74px !important;
}.programmatic-campaigns-mf .pixel-recency-targeting-form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0.5rem;
}
.programmatic-campaigns-mf .pixel-recency-targeting-form > .mc-input {
  margin: 0 1rem;
}
.programmatic-campaigns-mf .pixel-recency-targeting-form > .mc-select:first-child {
  min-width: 15rem;
}.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .pixel-recency-targeting-form-container {
  display: flex;
  flex-direction: column;
  min-width: 10rem;
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .pixel-recency-targeting-form-container > div {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .pixel-recency-targeting-form-container > div:last-child {
  margin-bottom: 0;
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .pixel-recency-targeting-form-add-container {
  display: flex;
  justify-content: center;
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .recency-targeting {
  padding: calc(0.5rem - 1px) 1rem;
  border: 1px solid rgb(var(--v-theme-border));
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-left: 0;
  display: flex;
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .recency-targeting.has-error {
  border-color: rgb(var(--v-theme-error));
  background: rgba(var(--v-theme-error), 0.1);
  border-left: 1px solid rgb(var(--v-theme-error));
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .recency-targeting > i.mdi {
  height: 100% !important;
  font-size: 1.5rem;
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .recency-targeting > i.mdi,
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .recency-targeting > p {
  color: rgb(var(--v-theme-text-secondary));
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .recency-targeting p:first-child {
  flex-shrink: 0;
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .recency-targeting, .programmatic-campaigns-mf .pixel-recency-targeting-tooltip .recency-targeting:not(.has-error) p {
  background: rgb(var(--v-theme-background));
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .recency-targeting:hover {
  cursor: pointer;
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .recency-targeting:hover,
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .recency-targeting:hover p {
  background: rgb(var(--v-theme-secondary));
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .error-message {
  color: rgb(var(--v-theme-error));
  font-size: 0.875rem;
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .mc-tooltip-bottom {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .mc-tooltip-bottom .pixel-recency-targeting-form {
  padding-top: 0.25rem;
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .mc-tooltip-top {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .mc-tooltip-top .pixel-recency-targeting-form {
  padding-bottom: 0.25rem;
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .mc-tooltip-right {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .mc-tooltip-right .pixel-recency-targeting-form {
  padding-left: 0.25rem;
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .mc-tooltip-left {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.programmatic-campaigns-mf .pixel-recency-targeting-tooltip .mc-tooltip-left .pixel-recency-targeting-form {
  padding-right: 0.25rem;
}.programmatic-campaigns-mf .pixel-tree-node {
  display: flex;
  align-items: center;
  width: 100%;
}
.programmatic-campaigns-mf .pixel-tree-node-remove {
  display: flex;
  justify-content: end;
  margin-right: 0.5rem;
  flex: 1;
}
.programmatic-campaigns-mf .pixel-tree-node-remove .mc-button {
  margin: 0 0.5rem;
}
.programmatic-campaigns-mf .pixel-select-form-wrapper {
  display: flex;
  flex-direction: column;
}
.programmatic-campaigns-mf .pixel-select-container {
  display: flex;
  flex-direction: row;
}
.programmatic-campaigns-mf .pixel-select-container .mc-select {
  margin-right: 0 !important;
}
.programmatic-campaigns-mf .pixel-select-container .mc-select .v-field {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}.programmatic-campaigns-mf .pixel-tree-drop-target[data-v-f0bffcce] {
  height: 1px;
}
.programmatic-campaigns-mf .pixel-tree-drop-target.active[data-v-f0bffcce] {
  height: 2rem;
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
  background: #eee;
}.programmatic-campaigns-mf .pixel-segment-tree[data-v-be8404b9] {
  margin-left: 1rem;
}
.programmatic-campaigns-mf .pixel-segment-tree .dragging-over[data-v-be8404b9] {
  background-color: red;
}
.programmatic-campaigns-mf .pixel-segment-tree .with-bg[data-v-be8404b9] {
  background-color: rgba(0, 0, 0, 0.02);
  margin-left: -1rem;
  padding-left: 1rem;
}
.programmatic-campaigns-mf .pixel-segment-tree.with-border-red[data-v-be8404b9] {
  border-left: 2px solid #ff0000;
  padding-left: 1rem;
}
.programmatic-campaigns-mf .pixel-segment-tree.with-border-blue[data-v-be8404b9] {
  border-left: 2px solid #3367d6;
  padding-left: 1rem;
}
.programmatic-campaigns-mf .pixel-segment-tree .tree-filter-control[data-v-be8404b9] {
  padding: 0.5rem 0;
}
.programmatic-campaigns-mf .pixel-segment-tree .tree-filter-control .mc-button[data-v-be8404b9]:first-child {
  margin-right: 1rem;
}
.programmatic-campaigns-mf .pixel-segment-tree .tree-filter-control.tree-filter-control-root .mc-button[data-v-be8404b9]:first-child {
  margin-left: 0;
}
.programmatic-campaigns-mf .pixel-segment-tree .tree-root[data-v-be8404b9] {
  display: flex;
  align-items: center;
}
.programmatic-campaigns-mf .pixel-segment-tree .tree-node-child-operator[data-v-be8404b9] {
  opacity: 0.5;
}
.programmatic-campaigns-mf .pixel-segment-tree .tree-node-operator .mc-select[data-v-be8404b9] {
  max-width: 200px;
}
.programmatic-campaigns-mf .pixel-segment-tree.with-recency .tree-node[data-v-be8404b9] {
  flex-direction: column;
  align-items: flex-start;
}
.programmatic-campaigns-mf .pixel-segment-tree.with-recency .tree-node.is-complex[data-v-be8404b9] {
  flex-direction: row;
}
.programmatic-campaigns-mf .pixel-segment-tree.with-recency .tree-node-operator .mc-select .v-field[data-v-be8404b9] {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.programmatic-campaigns-mf .pixel-segment-tree .tree-node-complex-child[data-v-be8404b9] {
  margin-top: 0.5rem;
}
.programmatic-campaigns-mf .pixel-segment-tree .tree-node-outer[data-v-be8404b9] {
  display: flex;
  flex-direction: column;
}
.programmatic-campaigns-mf .pixel-segment-tree .tree-node-outer > .mc-select[data-v-be8404b9] {
  max-width: 25%;
  margin: 0.5rem 0 0.5rem;
}
.programmatic-campaigns-mf .pixel-segment-tree .tree-node[data-v-be8404b9] {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  flex-direction: row;
  width: 100%;
}
.programmatic-campaigns-mf .pixel-segment-tree .tree-node .mc-select[data-v-be8404b9] {
  margin-right: 1rem;
}
.programmatic-campaigns-mf .pixel-segment-tree .tree-node .tree-node-operator + .mc-button[data-v-be8404b9] {
  margin-left: 1rem;
}
.programmatic-campaigns-mf .pixel-segment-tree .tree-children[data-v-be8404b9] {
  padding: 0 0 0 calc(2rem - 1px);
}
.programmatic-campaigns-mf .pixel-segment-tree .tree-children .tree-node-operator + .mc-button[data-v-be8404b9] {
  margin-left: 1rem;
}
.programmatic-campaigns-mf .pixel-segment-tree .tree-children .mc-select[data-v-be8404b9] {
  background: #fff;
}.programmatic-campaigns-mf .predicate-input[data-v-2429018c] {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.programmatic-campaigns-mf .predicate-input .mc-input[data-v-2429018c] {
  margin-right: 1rem;
  width: 300px;
}.programmatic-campaigns-mf .pixel-segment-template {
  display: flex;
  width: 15em;
  align-items: center;
}
.programmatic-campaigns-mf .pixel-segment-template-description {
  display: block;
  max-width: 16em;
  word-wrap: normal;
}
.programmatic-campaigns-mf .pixel-segment-template-error {
  display: block;
  max-width: 16em;
  word-wrap: normal;
  color: rgb(var(--v-theme-error));
}.programmatic-campaigns-mf .pixel-segment-container[data-v-99524fe8] {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.programmatic-campaigns-mf .pixel-segment-container .pixel-segment-table[data-v-99524fe8] {
  width: 35%;
  flex-shrink: 0;
}
.programmatic-campaigns-mf .pixel-segment-container .pixel-segment-container-right[data-v-99524fe8] {
  width: 100%;
}
.programmatic-campaigns-mf .pixel-segment-container .pixel-segment-container-right .pixel-segment-container-right-tree[data-v-99524fe8] {
  min-height: 430px;
  border: 1px solid rgb(var(--v-theme-grey));
  border-radius: 3px;
  padding: 0.25rem 0 0.25rem;
}
.programmatic-campaigns-mf .recency-targeting-toggle[data-v-99524fe8] {
  display: flex;
  align-items: center;
}
.programmatic-campaigns-mf .recency-targeting-toggle.is-disabled .mc-tooltip-wrapper[data-v-99524fe8] {
  opacity: var(--v-disabled-opacity);
  pointer-events: none;
}
.programmatic-campaigns-mf .recency-targeting-toggle .mc-switch[data-v-99524fe8] {
  width: 13.25rem;
}
.programmatic-campaigns-mf .recency-targeting-toggle .recency-targeting-description[data-v-99524fe8] {
  display: block;
  max-width: 16em;
  word-wrap: normal;
}.programmatic-campaigns-mf .targetings .mc-box-content-inner {
  max-width: 1150px !important;
  width: 90% !important;
}
.programmatic-campaigns-mf .v-expansion-panel-title .targeting-count {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.programmatic-campaigns-mf .v-expansion-panel-title .targeting-count .badge {
  margin-right: 10px;
}.programmatic-campaigns-mf .preview-button[data-v-e80bb539] {
  margin-left: 4px;
  margin-right: 4px;
}.programmatic-campaigns-mf .creative-type[data-v-cfff47cf] {
  margin-top: 24px;
  width: 365px;
}
.programmatic-campaigns-mf .creatives[data-v-cfff47cf] {
  display: flex;
}
.programmatic-campaigns-mf .creatives .creatives-available[data-v-cfff47cf] {
  flex: 1;
  margin-right: 2%;
}
.programmatic-campaigns-mf .creatives .creatives-selected[data-v-cfff47cf] {
  flex: 1;
  margin-left: 2%;
}.programmatic-campaigns-mf .creatives {
  flex-wrap: wrap;
}
.programmatic-campaigns-mf .creatives .mc-table-actions {
  flex-wrap: wrap;
}
.programmatic-campaigns-mf .creatives .mc-table-actions button {
  flex: 1;
}
.programmatic-campaigns-mf .creatives .mc-table-custom-table-actions {
  width: 365px !important;
  padding-right: 0 !important;
  flex: none !important;
}
.programmatic-campaigns-mf .creatives .mc-table-actions-count {
  flex: auto !important;
}.programmatic-campaigns-mf #programmatic-campaigns-container {
  min-height: 100vh;
}

.programmatic-campaigns-mf  {
  height: 100%;
}

.programmatic-campaigns-mf .split-view {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.programmatic-campaigns-mf .split-view > * {
  flex: 1 !important;
}

.programmatic-campaigns-mf .weight-bold {
  font-weight: 700;
}

.programmatic-campaigns-mf .mc-sidebar-layout__content {
  overflow: hidden;
}.programmatic-campaigns-mf .pc-layout[data-v-65b55f6c] {
  width: 100%;
}
.programmatic-campaigns-mf .router-view[data-v-65b55f6c] {
  background: white;
}
.programmatic-campaigns-mf .transition-content-positioning[data-v-65b55f6c], .programmatic-campaigns-mf .slide-out-leave-active[data-v-65b55f6c], .programmatic-campaigns-mf .slide-in-enter-active[data-v-65b55f6c], .programmatic-campaigns-mf .slide-in-enter-from[data-v-65b55f6c] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px 25px;
}
.programmatic-campaigns-mf .slide-in-enter-from[data-v-65b55f6c] {
  transform: translateX(100%);
}
.programmatic-campaigns-mf .slide-in-enter-active[data-v-65b55f6c] {
  transition: transform 0.3s ease-out;
}
.programmatic-campaigns-mf .slide-in-leave-from[data-v-65b55f6c],
.programmatic-campaigns-mf .slide-in-leave-active[data-v-65b55f6c],
.programmatic-campaigns-mf .slide-in-leave-to[data-v-65b55f6c] {
  display: none;
}
.programmatic-campaigns-mf .slide-out-leave-active[data-v-65b55f6c] {
  transition: transform 0.3s ease-out;
  z-index: 2;
}
.programmatic-campaigns-mf .slide-out-leave-to[data-v-65b55f6c] {
  transform: translateX(100%);
}
.programmatic-campaigns-mf .slide-out-enter-from[data-v-65b55f6c] {
  display: none;
}
.programmatic-campaigns-mf .slide-out-enter-active[data-v-65b55f6c] {
  z-index: 1;
}