/*Add space between the accordion items */
.c-accordion__content > * > * + * {
  margin-top: var(--space-2xs);
}

.c-accordion-pane__title button {
  all: inherit;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--space-xs);
  background-color: lightblue;
  color: var(--color-primary);
}

.c-accordion-pane__title button:focus svg {
  outline: 2px solid;
}

/*Hide the vertical strut of the svg when the accordion is open */
[aria-expanded="true"] .vert {
  display: none;
}

[aria-expanded] rect {
  fill: currentColor;
}

.c-accordion-pane__title svg {
  height: var(--space-m);
  width: var(--space-m);
  flex-shrink: 0;
}

.c-accordion-pane__content {
  padding: var(--space-xs);
}

.controls {
 text-align: right;
 margin-bottom: var(--space-m);
}

.controls li {
  display: inline;
}

.controls li + li {
  border-left: 2px solid var(--color-primary);
}

.controls button{
  background: var(--color-white);
  color: var(--color-text);
  border: 0;
  font-size: var(--type-0);
}