@use '~/styles/utils/custom-media' as *;

.list {
  margin: 8px 0;
  display: grid;
  grid-gap: 10px;
}

.detail {
  grid-template-columns: auto auto;

  @media (--breakpoint-not-small) {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}

.summary {
  grid-template-columns: repeat(auto-fill, 15px);
  padding-left: 10px;
}

.providerGroup {
  margin-top: 8px;
}

.providerLabel {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-text-secondary, #909399);
  padding: 2px 0 4px;
  border-bottom: 1px solid var(--color-separator);
  margin-bottom: 4px;
}