.kb-article-alert {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  min-height: 30px;
  padding: 0 8px 0 6px;
  margin-bottom: 5px;
  margin-left: -19px;
  font-size: 14px;
  font-weight: 500;
  color: var(--env-ui-color-brand-contrast);
  background-color: var(--env-ui-color-brand);
  border-radius: 5px 5px 5px 0;
}

.kb-article-alert i {
  font-size: 20px;
}

.kb-article-alert--important {
  color: var(--env-element-danger-font-color);
  background-color: var(--env-element-danger-background-color);
}

.kb-article-alert--info {
  color: var(--env-element-warning-font-color);
  background-color: var(--env-element-warning-background-color);
}

.sv-vertical:has(> .sv-script-portlet .kb-article-alert) {
  padding-left: 16px;
  margin-bottom: 28px;
  border-left: 4px solid var(--env-ui-color-brand);
  border-top-left-radius: 5px;
}

.sv-vertical:has(> .sv-script-portlet .kb-article-alert--important) {
  border-color: var(--env-element-danger-background-color);
}

.sv-vertical:has(> .sv-script-portlet .kb-article-alert--info) {
  border-color: var(--env-element-warning-background-color);
}