.wgi-profile-list {
  display: grid;
  gap: 4px;
}

.wgi-profile-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 6px;
  background: #f3f5f1;
  border-radius: 2px;
  color: #637169;
  font-size: 9px;
}

.wgi-profile-row b {
  display: inline-block;
  width: 24px;
  color: #456b5a;
  font: 9px 'DM Mono', monospace;
}

.wgi-profile-row > span:last-child {
  text-align: right;
  color: #344e42;
  font: 10px 'DM Mono', monospace;
  white-space: nowrap;
}

.wgi-profile-row small {
  color: #87948c;
  font: 8px 'DM Sans', sans-serif;
}

.wgi-profile-note {
  margin-top: 7px !important;
  color: #8a6c4d !important;
}

@media (max-width: 700px) {
  .wgi-profile-row {
    font-size: 8px;
  }

  .wgi-profile-row small {
    display: block;
  }
}