.accordion {
  --accordion-icon-transform: ;
  --accordion-item-max-width: none;
  --accordion-label-direction: space-between;
  --accordion-text-padding-x: 16px;
  --accordion-text-template-rows: 0fr;
}
@media (min-width: 992px) {
  .accordion {
    --accordion-text-padding-x: 32px;
  }
}
.accordion__item {
  text-align: left;
  max-width: var(--accordion-item-max-width);
  margin: 0 auto 16px;
  padding: 0 6px;
  border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 15%, transparent);
}
@media (min-width: 768px) {
  .accordion__item {
    --accordion-item-max-width: 720px;
  }
}
@media (min-width: 768px) {
  .accordion__col .accordion__item {
    --accordion-item-max-width: none;
  }
}
.accordion__trigger {
  display: none;
}
.accordion__label {
  display: flex;
  align-items: center;
  justify-content: var(--accordion-label-direction);
  gap: var(--accordion-item-indent);
  color: currentcolor;
  cursor: pointer;
  padding: var(--accordion-item-indent) 0;
  font-weight: var(--font-weight-bold);
}
[style*="--accordion-item-icon-position: left"] .accordion__label {
  --accordion-label-direction: flex-start;
}
.accordion__icon {
  position: relative;
  height: var(--accordion-item-indent);
  width: var(--accordion-item-indent);
}
.accordion__icon::after, .accordion__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 2px;
  width: var(--accordion-item-indent);
  background: var(--color-outline);
  transform: translate(-50%, -50%) var(--accordion-icon-transform);
  transition: transform var(--transition-duration) var(--transition-function);
}
.accordion__icon::after {
  --accordion-icon-transform: rotate(90deg);
}
:checked ~ .accordion__label .accordion__icon::after {
  --accordion-icon-transform: rotate(0deg);
}
.accordion__text {
  display: grid;
  grid-template-rows: var(--accordion-text-template-rows);
  padding: 0 var(--accordion-text-padding-x);
  transition: grid-template-rows var(--transition-duration) var(--transition-function);
}
.accordion__text-inner {
  overflow: hidden;
}
:checked ~ .accordion__text {
  --accordion-text-template-rows: 1fr;
}

.accordion {
  --accordion-border-radius: 0;
  --accordion-col-width: 100%;
  --accordion-columns-direction: column;
  --accordion-columns-gap: 0;
  --accordion-item-indent: 20px;
  --accordion-list-margin-top: 0;
}
@media (min-width: 992px) {
  .accordion {
    --accordion-columns-direction: row;
    --accordion-columns-gap: 32px;
  }
}
.accordion__wrapper {
  --accordion-btn-margin-top: 16px;
  --accordion-content-justify: var(--accordion-content-alignment, flex-start);
  --accordion-content-text-justify: var(--accordion-content-text-alignment, left);
  --accordion-padding-left: 0;
  --accordion-padding-right: 0;
  --section-padding-bottom: var(--padding-bottom-mobile, 16px);
  --section-padding-top: var(--padding-top-mobile, 16px);
  color: var(--color-primary, #000);
  background: var(--background-primary, #fff);
  border-radius: var(--accordion-border-radius);
  padding-left: var(--accordion-padding-left);
  padding-right: var(--accordion-padding-right);
  text-align: var(--accordion-content-text-justify);
}
@media (min-width: 992px) {
  .accordion__wrapper {
    --accordion-btn-margin-top: 32px;
    --section-padding-bottom: var(--padding-bottom-desktop, 40px);
    --section-padding-top: var(--padding-top-desktop, 40px);
  }
}
.accordion__wrapper--padding-top:not(:empty) {
  padding-top: var(--section-padding-top);
}
.accordion__wrapper--padding-bottom:not(:empty) {
  padding-bottom: var(--section-padding-bottom);
}
.accordion__container .accordion__wrapper {
  --accordion-border-radius: var(--border-radius-block);
  --accordion-padding-left: 16px;
  --accordion-padding-right: 16px;
}
@media (min-width: 992px) {
  .accordion__container .accordion__wrapper {
    --accordion-padding-left: 32px;
    --accordion-padding-right: 32px;
  }
}
.accordion__content {
  display: flex;
  align-items: var(--accordion-content-justify);
  flex-direction: column;
}
.accordion__heading {
  margin: var(--accordion-item-indent) 0 0;
}
.accordion__heading:first-child {
  --accordion-item-indent: 0;
}
.accordion__tagline {
  margin: var(--accordion-item-indent) 0 0;
}
.accordion__tagline:first-child {
  --accordion-item-indent: 0;
}
.accordion__description:not(:first-child) {
  margin-top: calc(var(--accordion-item-indent) + 4px);
}
.accordion__description *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.accordion__btn-wrapper:not(:first-child) {
  margin-top: var(--accordion-btn-margin-top);
}
.accordion__columns {
  width: 100%;
  display: flex;
  flex-direction: var(--accordion-columns-direction);
  gap: var(--accordion-columns-gap);
}
.accordion__col {
  width: var(--accordion-col-width);
}
.accordion__col:first-child {
  display: flex;
  align-items: var(--accordion-content-justify);
  flex-direction: column;
}
@media (min-width: 992px) {
  .accordion__col:not(:only-child) {
    --accordion-col-width: 42%;
  }
}
@media (min-width: 992px) {
  .accordion__col:last-child:not(:only-child) {
    --accordion-col-width: 58%;
  }
}
.accordion__list {
  width: 100%;
  margin-top: var(--accordion-list-margin-top);
}
.accordion__list:not(:first-child) {
  --accordion-list-margin-top: 26px;
}
@media (min-width: 992px) {
  .accordion__list:not(:first-child) {
    --accordion-list-margin-top: 42px;
  }
}
.accordion__col .accordion__list {
  --accordion-list-margin-top: 26px;
}
@media (min-width: 992px) {
  .accordion__col .accordion__list {
    --accordion-list-margin-top: calc(-1 * var(--accordion-item-indent));
  }
}