.sidebar {
  height: fit-content;
  padding: var(--space-6);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-lg);
  background: var(--bg-surface);
}
.sidebar-widget + .sidebar-widget {
  margin-top: var(--space-6);
}
.sidebar-title {
  margin-bottom: var(--space-3);
  font-size: var(--text-lg);
}
.sidebar :where(li) {
  padding-block: var(--space-2);
  border-bottom: 1px solid var(--border-base);
}
.sidebar :where(a) {
  color: var(--action-primary);
}
.sidebar :where(a:hover) {
  text-decoration: underline;
}
.sidebar :where(input, select) {
  width: 100%;
  padding: var(--space-2);
  border: 1px solid var(--border-base);
}
@media (min-width: 64rem) {
  .sidebar {
    position: sticky;
    top: 7rem;
  }
}