/**
 * @file
 * Collapsible details.
 *
 * @see collapse.js
 * @see http://nicolasgallagher.com/css-background-image-hacks/
 */

details {
  margin-block: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-1);
  background: var(--color-surface);
}
details > .details-wrapper {
  padding: var(--space-3) var(--space-4);
}
summary {
  min-height: 44px;
  padding: var(--space-2) var(--space-3);
  cursor: pointer;
}