.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 {
  width: 100%;
  margin-inline: auto;
  max-width: 49.25rem;
}
.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 span.button.icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  margin: 0;
}
.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(--size-m-4) 0 var(--space-m) 0;
  font-family: var(--font-family-feature);
  font-weight: var(--font-weight-feature);
  text-transform: var(--text-transform-feature);
  font-size: var(--font-size-feature-l);
  line-height: var(--line-height-feature-l);
  letter-spacing: var(--letter-spacing-feature-l);
  font-style: var(--font-style-feature);
}
.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 svg {
  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 svg {
  color: var(--color-accent-primary);
  transform: rotate(180deg);
}
.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-x-loose);
  row-gap: var(--space-2xl);
}
.accordion-lockup:not(.accordion-content, .content-accordion) {
  margin-inline: auto;
}
.accordion-lockup .content-lockup {
  text-align: center;
  justify-items: center;
  align-items: center;
  padding: var(--space-xl) var(--size-m-4);
  gap: var(--space-l);
}
.accordion-lockup .content-lockup .illustration-logo {
  height: var(--size-l-5);
}
.accordion-lockup .content-lockup article p {
  margin-bottom: 0;
}
@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 5;
    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 */