@keyframes sideAccordion {
  0% {
    transform: scaleY(0)
  }

  100% {
    transform: scaleY(1)
  }
}

.side-accordion {
  align-content: stretch;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  width: 100%
}

.side-accordion>summary {
  left: 0;
  list-style-type: none;
  padding-left: 1.5rem;
  text-indent: -1.5rem;
  top: 0;
  width: 100%
}

.side-accordion>summary strong {
  font-weight: normal
}

.side-accordion>summary::-webkit-details-marker {
  display: none
}

.side-accordion>summary::before {
  bottom: .1rem;
  content: '+';
  display: inline-block;
  font-family: 'AvenirLTStd-Book', Arial, Helvetica, sans-serif;
  left: 1.5rem;
  position: relative;
  width: 1.5rem
}

.side-accordion[open] {
  padding-bottom: 0rem
}

.side-accordion[open]>summary::before {
  content: '\2013'
}

.side-accordion[open]>.side-accordion__content {
  animation: sideAccordion 300ms ease-in-out;
  transform-origin: top
}

.side-accordion__content {
  padding-bottom: 2rem;
  width: 100%
}

.side-accordion--multi__all {
  background-color: transparent;
  border: none;
  color: #3c1053;
  padding: 0;
  text-decoration: underline
}

.side-accordion--multi__all:hover {
  text-decoration: none
}

@media screen and (min-width: 768px) {
  .side-accordion {
    flex-direction: row;
    margin-bottom: 3rem
  }

  .side-accordion>summary {
    position: absolute;
    transition: width ease-in-out .2s;
    width: 100%
  }

  .side-accordion[open]>summary {
    transition: width ease-in-out .15s;
    white-space: wrap;
    width: 18rem
  }

  .side-accordion__content {
    padding-bottom: 0;
    padding-left: 19rem
  }
}