.bui-card-header {
  --padding: var(--bui-card-header-padding, var(--bui-spacing-md) var(--bui-spacing-lg));
  --end-icon-margin-left: var(--bui-card-header-end-icon-margin-left, 2px);
  display: flex;
  align-items: center;
  flex-direction: row;
  position: relative;
  padding: var(--bui-spacing-md) var(--bui-spacing-lg);
  font-size: var(--bui-title-size-4);
  font-weight: var(--bui-font-weight-medium);
  color: var(--bui-color-fg-default);
  font-family: var(--bui-font-family);
}
.bui-card-header-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  flex-shrink: 0;
}
.bui-card-header-subtitle {
  font-size: var(--bui-text-size-3);
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--bui-color-fg-subtle);
  padding: 0 var(--bui-spacing-xs);
}
.bui-card-header-extra {
  white-space: nowrap;
}
.bui-card-header-end-icon {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.bui-card-header-extra,
.bui-card-header-end-icon {
  font-size: var(--bui-text-size-3);
  font-weight: normal;
  color: var(--bui-color-fg-subtle);
  margin-left: auto;
}
.bui-card-header-extra + .bui-card-header-end-icon {
  margin-left: 2px;
}