/* [project]/web/app/console/_components/credit-alert.css [app-client] (css) */
.cn-credit-alert {
  justify-content: space-between;
  align-items: center;
  gap: var(--cn-gap-sm) var(--cn-gap-md);
  margin: var(--cn-pad-xl);
  padding: var(--cn-pad-lg);
  border-radius: var(--cn-radius);
  background: var(--cn-danger-bg);
  color: var(--cn-danger-text);
  font-size: var(--cn-fs-body);
  line-height: var(--cn-lh-body);
  flex-wrap: wrap;
  display: flex;
}

.cn-credit-alert[data-state="low"] {
  background: var(--cn-warning-bg);
  color: var(--cn-warning-text);
}

.cn-credit-alert-text {
  overflow-wrap: anywhere;
  flex: 240px;
  min-width: 0;
}

.cn-credit-alert-text p {
  margin: 0;
}

.cn-credit-alert-text p + p {
  margin-top: var(--cn-gap-xs);
}

.cn-credit-alert > .cn-btn {
  flex: none;
}

@media (max-width: 767px) {
  .cn-credit-alert {
    margin: var(--cn-pad-lg);
  }

  .cn-credit-alert > .cn-btn {
    min-height: 44px;
  }
}

/*# sourceMappingURL=web_app_console__components_credit-alert_1_3rup4.css.map*/