.collapsible-container {} .accordion-container {}

.collapsible {} .collapsible-header {

position: relative;
margin: 0;
padding: .75ex 1em;
color: $collapsible-open-legend-color;
background: $collapsible-open-legend-background;
&:after {
  content: '';
  position: absolute;
  right: 1em;
  top: 1ex;
  width: 1em;
  height: 1em;
  opacity: .1;
}
.collapsed & {
  color: $collapsible-legend-color;
  background: $collapsible-legend-background;
  &:after {
    opacity: .75;
  }
  &:hover {
    cursor: pointer;
    color: $collapsible-legend-hover-color;
    background: $collapsible-legend-hover-background;
    &:after {
      opacity: 1;
    }
  }
}

} .collapsible-content {

clear: both;
padding: 1.5ex 1em;
.collapsed & {
  @extend %hidden;
}

}