.list {}

.list-item {
  display: flex;
  gap: 16px;
  padding: 8px 16px;
  @media (prefers-color-scheme: light) {
    background: rgb(var(--md-sys-light-surface-container));
  }
  @media (prefers-color-scheme: dark) {
    background: rgb(var(--md-sys-dark-surface-container));
  }
}

.list-item:hover {
  cursor: pointer;
  @media (prefers-color-scheme: light) {
    background: rgb(var(--md-sys-light-on-surface) / var(--md-sys-light-state-hover-state-layer-opacity));
  }
  @media (prefers-color-scheme: dark) {
    background: rgb(var(--md-sys-dark-on-surface) / var(--md-sys-light-state-hover-state-layer-opacity));
  }
}

.list-item--content {}

.list-item__one-line {
  height: 56px;
}

.list-item__two-lines {
  height: 72px;
}

.list-item__three-lines {
  height: 88px;
}