.details summary {
  border-bottom: solid 2px var(--Color-Border);
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: var(--Transition-Base);
  padding: var(--Spacing-05) var(--Spacing-04) var(--Spacing-05) 0;
}
.details summary::-webkit-details-marker, .details summary::marker {
  display: none;
  content: "";
}
.details summary .icon {
  fill: var(--Color-Primary);
  margin-left: auto;
}
.details summary:hover {
  border-color: var(--Color-Text);
  color: var(--Color-Text-Hover);
}
.details summary:hover .icon {
  color: var(--Color-Primary-Hover);
}
.details[open] summary {
  border-color: var(--Color-Text);
  color: var(--Color-Text-Hover);
}
.details[open] summary .icon {
  transform: rotate(180deg);
}
.details .details--content {
  border-bottom: solid 2px var(--Color-Text);
  padding: var(--Spacing-06) 0;
  margin-bottom: var(--Spacing-06);
}
.details .details--content > *:not(:first-child) {
  margin-top: var(--Spacing-09);
}
.details .details--content > *:last-child {
  margin-bottom: 0;
}
.details.has-form {
  width: 100%;
}
@media (min-width: 704px) {
  .details.has-form summary {
    display: none;
  }
}
.details.has-form .details--content {
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 0;
}
@media (min-width: 704px) {
  .details.has-form .details--content {
    border-bottom: none;
    flex-direction: column;
    padding: 0;
  }
}
@media (min-width: 704px) {
  .is-horizontal .details.has-form .details--content {
    flex-direction: row;
  }
}
.is-horizontal .details.has-form .details--content > *:not(:first-child) {
  margin-top: 0;
}
.details.has-form .details--content > *:not(:first-child) {
  margin-top: var(--Spacing-04);
}

/*# sourceMappingURL=details.css.map */