.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);
  gap: var(--size-m-4);
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
}
.accordion .accordion-title {
  cursor: pointer;
  position: relative;
}
.accordion .accordion-title:focus-visible {
  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 span.button.icon svg {
  position: absolute;
  width: var(--size-m-5);
  height: var(--size-m-5);
  inset: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}
.accordion .accordion-title span.button.icon.close {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.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: 0;
  min-height: var(--size-l-2);
  display: flex;
  align-items: center;
  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 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-background);
}
.accordion .accordion-title.open .icon svg.close {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.accordion .accordion-title.open .icon svg.open {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.accordion .accordion-content {
  display: none;
  border-top: solid 1px oklch(from var(--color-background) l c h/0.25);
  margin-top: var(--space-xs);
  padding-top: var(--space-s);
}
.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: 1px solid var(--color-body);
  border-radius: 100000000px;
  padding: var(--space-s) var(--space-l);
}
@media only screen and (max-width: 40rem) {
  .accordion .accordion-group {
    margin-bottom: var(--space-s);
  }
}
.accordion .accordion-group.open {
  border-radius: 16px;
  background-color: var(--color-accent-primary);
  border-color: var(--color-accent-primary);
  padding-bottom: var(--space-m);
}
.accordion .accordion-group.open * {
  color: var(--color-background);
}
.accordion.opened .accordion-group {
  border-color: oklch(from var(--color-body) l c h/0.25);
}
.accordion.opened .accordion-title {
  opacity: 0.25;
}
.accordion.opened .accordion-title.open {
  opacity: 1;
}

.accordion-lockup {
  display: grid;
  gap: var(--gutter-standard);
}
.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: sticky;
    top: calc(var(--header-height, var(--space-3xl)) + var(--space-xl));
  }
  .accordion-lockup .content-lockup .content-wrap p:last-of-type {
    margin: unset;
  }
}

.terms-block-container .accordion .accordion-title:hover h4, .terms-block-container .accordion .accordion-title:hover svg {
  color: var(--color-accent-secondary);
}
.terms-block-container .accordion .accordion-group.open {
  background-color: var(--color-accent-secondary);
}
.terms-block-container .accordion .accordion-group.open .accordion-title:hover h4, .terms-block-container .accordion .accordion-group.open .accordion-title:hover svg {
  color: var(--color-background);
}
/*# sourceMappingURL=accordion.css.map */