/**
 * This file was automatically generated. Please run `npm run dist` to update.
 */

@media (min-width: 768px) {
  .ct-accordion.ct-accordion--with-background {
    padding-left: var(--ct-accordion-space-horizontal);
    padding-right: var(--ct-accordion-space-horizontal);
  }
}
.ct-accordion .ct-accordion__content {
  display: block;
}
.ct-accordion .ct-accordion__panels {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ct-accordion .ct-accordion__panels__panel {
  position: relative;
  border: 0.0625rem solid;
  border-radius: var(--ct-accordion-item-border-radius);
  margin-bottom: 1rem;
}
.ct-accordion .ct-accordion__panels__panel {
  position: relative;
}
.ct-accordion .ct-accordion__panels__panel::before {
  content: "";
  position: absolute;
  top: -0.0625rem;
  bottom: -0.0625rem;
  left: -0.0625rem;
  width: calc(var(--ct-accordion-stripe-width) + 0.0625rem);
  border-top-left-radius: var(--ct-accordion-item-border-radius);
  border-bottom-left-radius: var(--ct-accordion-item-border-radius);
  transition: width 0.25s;
}
.ct-accordion .ct-accordion__panels__panel::before {
  z-index: 1;
}
.ct-accordion .ct-accordion__panels__panel:last-child {
  margin-bottom: 0;
}
.ct-accordion .ct-accordion__panels__panel__header {
  display: block;
  margin: 0;
  border-top-left-radius: var(--ct-accordion-header-border-radius);
  border-top-right-radius: var(--ct-accordion-header-border-radius);
}
.ct-accordion .ct-accordion__panels__panel__header__button {
  font-size: var(--ct-typography-heading-6-font-size);
  line-height: var(--ct-typography-heading-6-line-height);
  font-family: var(--ct-typography-heading-6-font-name);
  font-weight: var(--ct-typography-heading-6-font-weight);
  letter-spacing: var(--ct-typography-heading-6-letter-spacing);
  appearance: button;
  border-radius: var(--ct-accordion-button-border-radius);
  border: none;
  cursor: pointer;
  display: flex;
  text-align: left;
  margin: 0;
  padding: 1.5rem;
  justify-content: stretch;
  width: 100%;
}
[data-collapsible-collapsed] > .ct-accordion .ct-accordion__panels__panel__header__button {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ct-accordion .ct-accordion__panels__panel__content__inner {
  padding: 0 1.5rem 1.5rem;
}
.ct-accordion.ct-theme-light {
  color: var(--ct-accordion-light-color);
}
.ct-accordion.ct-theme-light.ct-accordion--with-background {
  background-color: var(--ct-accordion-light-wrapper-background-color);
}
.ct-accordion.ct-theme-light .ct-accordion__panels__panel__header__button {
  background-color: var(--ct-accordion-light-button-background-color);
  color: var(--ct-accordion-light-button-color);
}
.ct-accordion.ct-theme-light .ct-accordion__panels__panel__header__button:focus-visible {
  outline-offset: var(--ct-outline-offset);
  outline-width: var(--ct-outline-width);
  outline-style: solid;
  outline-color: var(--ct-outline-light);
}
.ct-accordion.ct-theme-light .ct-accordion__panels__panel__header__button .ct-collapsible__icon {
  color: var(--ct-accordion-light-icon-color);
}
.ct-accordion.ct-theme-light .ct-accordion__panels__panel {
  background-color: var(--ct-accordion-light-background-color);
  border-color: var(--ct-accordion-light-border-color);
}
.ct-accordion.ct-theme-light .ct-accordion__panels__panel::before {
  background-color: var(--ct-accordion-light-stripe-background-color);
}
.ct-accordion.ct-theme-dark {
  color: var(--ct-accordion-dark-color);
}
.ct-accordion.ct-theme-dark.ct-accordion--with-background {
  background-color: var(--ct-accordion-dark-wrapper-background-color);
}
.ct-accordion.ct-theme-dark .ct-accordion__panels__panel__header__button {
  background-color: var(--ct-accordion-dark-button-background-color);
  color: var(--ct-accordion-dark-button-color);
}
.ct-accordion.ct-theme-dark .ct-accordion__panels__panel__header__button:focus-visible {
  outline-offset: var(--ct-outline-offset);
  outline-width: var(--ct-outline-width);
  outline-style: solid;
  outline-color: var(--ct-outline-dark);
}
.ct-accordion.ct-theme-dark .ct-accordion__panels__panel__header__button .ct-collapsible__icon {
  color: var(--ct-accordion-dark-icon-color);
}
.ct-accordion.ct-theme-dark .ct-accordion__panels__panel {
  background-color: var(--ct-accordion-dark-background-color);
  border-color: var(--ct-accordion-dark-border-color);
}
.ct-accordion.ct-theme-dark .ct-accordion__panels__panel::before {
  background-color: var(--ct-accordion-dark-stripe-background-color);
}