system-status-report.css: Unexpected duplicate selector ".system-status-report__status-icon::before"

Problem/Motivation

Unexpected duplicate selector ".system-status-report__status-icon::before" and double "inset-block-start", "inset-inline-start", "display", "width" and "height" with different values, first used at line 39.

Line: 39
.system-status-report__status-icon::before {
  position: absolute;
  inset-block-start: 0.75rem;
  inset-inline-start: 0.75rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background-repeat: no-repeat;
}
...
Line: 120
.system-status-report__status-icon::before {
  position: absolute;
  inset-block-start: 1em;
  inset-inline-start: 0.625rem;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-inline-end: 0.625rem;
  content: "";
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}

Steps to reproduce

File: core/themes/claro/css/components/system-status-report.css

Proposed resolution

Line: 39
.system-status-report__status-icon::before {
  position: absolute;
  inset-block-start: 1em;
  inset-inline-start: 0.625rem;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  margin-inline-end: 0.625rem;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}

Remaining tasks

no

User interface changes

no

API changes

no

Data model changes

no

Release notes snippet