.element-popup {
  display: flex;
  flex-direction: column;
  width: 950px;
  align-items: flex-start;
  gap: var(--CTT-core-units-space-space-m);
  padding: var(--CTT-core-units-space-space-m)
    var(--CTT-core-units-space-space-l) var(--CTT-core-units-space-space-m)
    var(--CTT-core-units-space-space-l);
  position: relative;
  background-color: var(--CTT-core-color-surface-background);
  border-radius: var(--CTT-core-units-border-radius-soft);
  border: 1px solid;
  border-color: var(--CTT-core-color-outline-outline);
}

.element-popup .header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--CTT-core-units-space-space-s);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: transparent;
}

.element-popup .top-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--CTT-core-units-space-space-m);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.element-popup .text-wrapper {
  position: relative;
  flex: 1;
  height: 18px;
  font-family: var(--helper-label-font-family);
  font-weight: var(--helper-label-font-weight);
  color: var(--CTT-core-color-text-text-tertiary);
  font-size: var(--helper-label-font-size);
  letter-spacing: var(--helper-label-letter-spacing);
  line-height: var(--helper-label-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-style: var(--helper-label-font-style);
}

.element-popup .close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: var(--CTT-core-units-space-space-XS)
    var(--CTT-core-units-space-space-m) var(--CTT-core-units-space-space-XS)
    var(--CTT-core-units-space-space-m);
  position: relative;
  flex: 0 0 auto;
}

.element-popup .frame {
  display: inline-flex;
  height: 40px;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.element-popup .img {
  position: relative;
  width: 24px;
  height: 24px;
}

.element-popup .element-alert {
  display: flex;
  align-items: flex-start;
  gap: var(--CTT-core-units-space-space-m-compact);
  padding: var(--CTT-core-units-space-space-m);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--CTT-core-color-status-new-light);
}

.element-popup .content {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--CTT-core-units-space-space-XS);
  position: relative;
  flex: 0 0 auto;
}

.element-popup .title {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--base-action-font-family);
  font-weight: var(--base-action-font-weight);
  color: var(--CTT-core-color-text-text-primary);
  font-size: var(--base-action-font-size);
  letter-spacing: var(--base-action-letter-spacing);
  line-height: var(--base-action-line-height);
  font-style: var(--base-action-font-style);
}

.element-popup .body {
  position: relative;
  width: fit-content;
  font-family: var(--base-body-font-family);
  font-weight: var(--base-body-font-weight);
  color: var(--CTT-core-color-text-text-secondary);
  font-size: var(--base-body-font-size);
  letter-spacing: var(--base-body-letter-spacing);
  line-height: var(--base-body-line-height);
  white-space: nowrap;
  font-style: var(--base-body-font-style);
}

.element-popup .div {
  display: flex;
  align-items: flex-start;
  gap: 21px;
  padding: 0px 0px var(--CTT-core-units-space-space-l-duplicate) 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.element-popup .element-infocard {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
}

.element-popup .element-infocard-2 {
  gap: 8px;
  padding: var(--CTT-core-units-space-space-m);
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background-color: var(--CTT-core-color-surface-background);
  border: 1px solid;
  border-color: var(--CTT-core-color-outline-outline-bold);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.element-popup .frame-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.element-popup .frame-2 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.element-popup .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--base-body-small-font-family);
  font-weight: var(--base-body-small-font-weight);
  color: var(--CTT-core-color-text-text-brand);
  font-size: var(--base-body-small-font-size);
  letter-spacing: var(--base-body-small-letter-spacing);
  line-height: var(--base-body-small-line-height);
  white-space: nowrap;
  font-style: var(--base-body-small-font-style);
}

.element-popup .text-wrapper-3 {
  position: relative;
  width: fit-content;
  font-family: var(--helper-label-font-family);
  font-weight: var(--helper-label-font-weight);
  color: var(--CTT-core-color-text-text-brand);
  font-size: var(--helper-label-font-size);
  letter-spacing: var(--helper-label-letter-spacing);
  line-height: var(--helper-label-line-height);
  white-space: nowrap;
  font-style: var(--helper-label-font-style);
}

.element-popup .MARKETING-DE {
  position: relative;
  align-self: stretch;
  font-family: var(--heading-heading-5-font-family);
  font-weight: var(--heading-heading-5-font-weight);
  color: var(--neutral900-neutral);
  font-size: var(--heading-heading-5-font-size);
  letter-spacing: var(--heading-heading-5-letter-spacing);
  line-height: var(--heading-heading-5-line-height);
  font-style: var(--heading-heading-5-font-style);
}

.element-popup .azul-internacional {
  position: relative;
  align-self: stretch;
  font-family: var(--helper-hint-font-family);
  font-weight: var(--helper-hint-font-weight);
  color: var(--CTT-core-color-text-text-tertiary);
  font-size: var(--helper-hint-font-size);
  letter-spacing: var(--helper-hint-letter-spacing);
  line-height: var(--helper-hint-line-height);
  font-style: var(--helper-hint-font-style);
}

.element-popup .frame-3 {
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.element-popup .element-infocard-wrapper {
  flex: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.element-popup .element-infocard-3 {
  gap: 8px;
  padding: var(--CTT-core-units-space-space-m);
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--CTT-core-color-surface-background);
  border: 1px solid;
  border-color: var(--CTT-core-color-outline-outline-bold);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.element-popup .frame-4 {
  display: flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.element-popup .text-wrapper-4 {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: var(--base-body-small-font-family);
  font-weight: var(--base-body-small-font-weight);
  color: var(--CTT-core-color-text-text-brand);
  font-size: var(--base-body-small-font-size);
  letter-spacing: var(--base-body-small-letter-spacing);
  line-height: var(--base-body-small-line-height);
  font-style: var(--base-body-small-font-style);
}

.element-popup .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--CTT-core-units-space-space-m);
  padding: var(--CTT-core-units-space-space-s) 0px
    var(--CTT-core-units-space-space-s) 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: transparent;
}

.element-popup .secondary-action {
  display: inline-flex;
  height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: var(--CTT-core-units-space-space-XS)
    var(--CTT-core-units-space-space-m-compact)
    var(--CTT-core-units-space-space-XS)
    var(--CTT-core-units-space-space-m-compact);
  position: relative;
  flex: 0 0 auto;
  background-color: var(--CTT-core-color-surface-background);
  border: 1.5px solid;
  border-color: var(--CTT-core-color-outline-outline-brand);
}

.element-popup .button {
  all: unset;
  box-sizing: border-box;
  position: relative;
  width: fit-content;
  font-family: var(--base-action-font-family);
  font-weight: var(--base-action-font-weight);
  color: var(--CTT-core-color-text-text-error);
  font-size: var(--base-action-font-size);
  text-align: center;
  letter-spacing: var(--base-action-letter-spacing);
  line-height: var(--base-action-line-height);
  white-space: nowrap;
  font-style: var(--base-action-font-style);
}

.element-popup .main-action {
  display: inline-flex;
  height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: var(--CTT-core-units-space-space-XS)
    var(--CTT-core-units-space-space-m-compact)
    var(--CTT-core-units-space-space-XS)
    var(--CTT-core-units-space-space-m-compact);
  position: relative;
  flex: 0 0 auto;
  background-color: var(--CTT-core-color-brand-primary);
}

.element-popup .button-2 {
  all: unset;
  box-sizing: border-box;
  position: relative;
  width: fit-content;
  font-family: var(--base-action-font-family);
  font-weight: var(--base-action-font-weight);
  color: var(--CTT-core-color-text-text-reversed);
  font-size: var(--base-action-font-size);
  text-align: center;
  letter-spacing: var(--base-action-letter-spacing);
  line-height: var(--base-action-line-height);
  white-space: nowrap;
  font-style: var(--base-action-font-style);
}