.accordion .accordion-title h3,
.accordion .accordion-title h4,
.accordion .accordion-title h5,
.accordion .accordion-title p, .accordion .accordion-title {
  transition: all 0.3s ease-out;
}

.accordion {
  max-width: var(--width-content);
}
.accordion .accordion-title {
  cursor: pointer;
  position: relative;
}
.accordion .accordion-title:focus {
  outline: 0;
}
.accordion .accordion-title.has-icon {
  padding-right: calc(var(--size-l-2) + var(--space-m));
}
.accordion .accordion-title .accordion-icon {
  position: relative;
  width: 1.09375rem;
  align-content: center;
}
.accordion .accordion-title .accordion-icon span {
  display: block;
  background-color: var(--color-accent-primary);
  height: var(--size-s-1);
  width: 100%;
  transition: all 0.15s cubic-bezier(0.7, 0, 0, 1);
  position: absolute;
  left: 0;
}
.accordion .accordion-title .accordion-icon span:nth-child(2) {
  rotate: 90deg;
}
.accordion .accordion-title span.button.icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  margin: 0;
  border: 2px solid var(--color-accent-primary);
  border-radius: 62500rem;
  width: 3.5rem;
  height: 2.5rem;
}
.accordion .accordion-title h3,
.accordion .accordion-title h4,
.accordion .accordion-title h5,
.accordion .accordion-title p {
  font-style: normal;
  color: var(--color-body);
  margin: 0;
  padding: var(--space-l) 0;
  font-family: var(--font-family-small-heading);
  font-weight: var(--font-weight-small-heading);
  text-transform: var(--text-transform-small-heading);
  font-size: var(--font-size-small-heading-1);
  line-height: var(--line-height-small-heading-1);
  letter-spacing: var(--letter-spacing-small-heading-1);
  font-style: var(--font-style-small-heading);
}
.accordion .accordion-title.inner-padding h3,
.accordion .accordion-title.inner-padding h4,
.accordion .accordion-title.inner-padding h5,
.accordion .accordion-title.inner-padding p {
  padding: var(--space-m) calc(var(--size-l-2) + var(--space-m)) var(--space-m) var(--space-m);
}
.accordion .accordion-title.inner-padding .icon {
  right: var(--space-m);
}
.accordion .accordion-title:hover h3,
.accordion .accordion-title:hover h4,
.accordion .accordion-title:hover h5,
.accordion .accordion-title:hover p {
  color: var(--color-accent-primary);
}
.accordion .accordion-title:hover .icon {
  border-color: var(--color-accent-primary);
}
.accordion .accordion-title.open h3,
.accordion .accordion-title.open h4,
.accordion .accordion-title.open h5,
.accordion .accordion-title.open p {
  color: var(--color-accent-primary);
}
.accordion .accordion-title.open .icon {
  border-color: var(--color-accent-primary);
}
.accordion .accordion-title.open span:nth-child(2) {
  rotate: 0deg;
}
.accordion .accordion-content {
  display: none;
  padding-bottom: var(--space-m);
}
.accordion .accordion-content.inner-accordion {
  padding: var(--space-s) var(--space-xl) var(--space-m) var(--space-xl);
}
.accordion .accordion-content p {
  max-width: none;
  color: var(--color-body);
}
.accordion .accordion-content p:last-child,
.accordion .accordion-content ul:last-child {
  margin-bottom: 0;
}
.accordion .accordion-group {
  border-bottom: 1px solid;
  border-color: var(--color-body-a10);
}
@media only screen and (max-width: 40rem) {
  .accordion .accordion-group {
    margin-bottom: var(--space-s);
  }
}
.accordion.opened .accordion-title {
  opacity: 0.25;
}
.accordion.opened .accordion-title.open {
  opacity: 1;
}

.accordion-lockup {
  display: grid;
  gap: var(--gutter-standard);
}
.accordion-lockup .content-lockup {
  background: var(--color-background-alt);
  padding: var(--space-xl) var(--space-l);
  border-radius: 1rem 1rem 7rem 1rem;
}
.accordion-lockup .content-lockup article p {
  margin-bottom: 0;
}
.accordion-lockup:not(.accordion-content, .content-accordion) {
  margin-inline: auto;
}
@media only screen and (min-width: calc(64rem + 1px)) {
  .accordion-lockup {
    grid-template-columns: repeat(12, 1fr);
  }
  .accordion-lockup.content-accordion .content-lockup-wrapper {
    grid-column: 1/span 4;
    grid-row: 1;
  }
  .accordion-lockup.content-accordion .accordion {
    grid-column: 6/span 7;
    grid-row: 1;
  }
  .accordion-lockup.accordion-content .accordion {
    grid-column: 1/span 7;
    grid-row: 1;
  }
  .accordion-lockup.accordion-content .content-lockup-wrapper {
    grid-column: 9/span 4;
    grid-row: 1;
  }
  .accordion-lockup .content-lockup {
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--header-height, var(--space-3xl)) + var(--space-xl));
  }
}
/*# sourceMappingURL=accordion.css.map */