.fizz-accordion {
  font-size: $text-medium-font-size;
  line-height: $text-medium-line-height;
  overflow: hidden;
}

.fizz-accordion summary:focus {
  outline: 0;
}

.fizz-accordion summary {
  padding: $spacing-16 $spacing-48 $spacing-16 $spacing-16;
  list-style: none;
  background-image: $icon-chevron-down;
  background-repeat: no-repeat;
  background-size: $spacing-16 $spacing-16;
  background-position: right 1em top 1.25em;
}

.fizz-accordion summary::-webkit-details-marker { 
  display: none; 
}

.fizz-accordion[open] summary {
  background-image: $icon-chevron-up;
}

.fizz-accordion[open] .fizz-hide-on-open {
  display: none;
}

.fizz-accordion summary:hover {
  background-color: $color-background-highlight;
  cursor: pointer;
}

.fizz-accordion[open] summary:hover {
  border-radius: $border-radius-medium $border-radius-medium 0 0;
}