status.css

/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Status badge and flag styles.
 */

.gin-status,
:is(#extra-specificity-hack, .gin--core-navigation [data-drupal-admin-styles]) .toolbar-badge,
.views-field .marker,
.gin-beta-flag,
.gin-experimental-flag,
.gin-new-flag {
  display: inline-block;
  padding: 0.125em 0.75em;
  vertical-align: 0.125em;
  border: 1px solid transparent;
  border-radius: var(--gin-border-l);
  font-size: var(--gin-font-size-xxs);
  font-weight: var(--gin-font-weight-semibold);
  font-variation-settings: initial;
}

.gin-status,
:is(#extra-specificity-hack, .gin--core-navigation [data-drupal-admin-styles]) .toolbar-badge,
.views-field .marker,
.gin-beta-flag,
.gin-experimental-flag,
.pb-project-categories__item,
.pb-module-page__categories-list-item {
  color: var(--gin-status-text);
  background: var(--gin-status-bg);
}

.gin-status--success,
:is(#extra-specificity-hack, .gin--core-navigation [data-drupal-admin-styles]) .toolbar-badge--success,
.gin-new-flag,
.views-field .marker--published,
.pb-actions .project_status-indicator {
  color: var(--gin-status-success-text);
  background-color: var(--gin-status-success-bg);
}

.gin-status--success .gin-status-icon {
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e  %3cg fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3e    %3cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3e%3c/path%3e    %3cpolyline points='22 4 12 14.01 9 11.01'%3e%3c/polyline%3e  %3c/g%3e%3c/svg%3e");
}

.gin-status--warning,
:is(#extra-specificity-hack, .gin--core-navigation [data-drupal-admin-styles]) .toolbar-badge--warning {
  color: var(--gin-status-warning-text);
  background: var(--gin-status-warning-bg);
}

.gin-status--warning .gin-status-icon,
:is(#extra-specificity-hack, .gin--core-navigation [data-drupal-admin-styles]) .toolbar-badge--warning .gin-status-icon {
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e  %3cg fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3e    %3cpolygon points='7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2'%3e%3c/polygon%3e    %3cline x1='12' y1='8' x2='12' y2='12'%3e%3c/line%3e    %3cline x1='12' y1='16' x2='12.01' y2='16'%3e%3c/line%3e  %3c/g%3e%3c/svg%3e");
}

.gin-status--danger,
:is(#extra-specificity-hack, .gin--core-navigation [data-drupal-admin-styles]) .toolbar-badge--danger {
  color: var(--gin-status-danger-text);
  background: var(--gin-status-danger-bg);
}

.gin-status--danger .gin-status-icon,
:is(#extra-specificity-hack, .gin--core-navigation [data-drupal-admin-styles]) .toolbar-badge--danger .gin-status-icon {
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e  %3cg fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3e    %3ccircle cx='12' cy='12' r='10'%3e%3c/circle%3e    %3cline x1='4.93' y1='4.93' x2='19.07' y2='19.07'%3e%3c/line%3e  %3c/g%3e%3c/svg%3e");
}

.gin-status {
  display: inline-flex;
  align-items: center;
  gap: var(--gin-spacing-xxs);
}

.gin-status-icon {
  margin-inline-start: -0.5em;
}