/*
    - Name: "accordion-item.scss"
    - Description: "Add custom styles to accordion item component"
*/
.micon.iconXs {
  width: var(--sizeXs);
  height: var(--sizeXs);
}

.micon.iconSm {
  width: var(--sizeSm);
  height: var(--sizeSm);
}

.micon.iconMd {
  width: var(--sizeMd);
  height: var(--sizeMd);
}

.micon.iconLg {
  width: var(--sizeLg);
  height: var(--sizeLg);
}

.micon.iconXl {
  width: var(--sizeXl);
  height: var(--sizeXl);
}

.micon.icon2xl {
  width: var(--size2xl);
  height: var(--size2xl);
}

.component-accordion-item .heading.level-h3 {
  margin: 0;
  padding: 0;
}

.component-accordion-item .heading.level-h3:has(.accordion-trigger[aria-expanded=true]) + .accordion-panel {
  min-height: -moz-fit-content;
  min-height: fit-content;
}

.component-accordion-item .heading.level-h3 button {
  border-style: none;
}

.component-accordion-item .heading.level-h3 button::-moz-focus-inner {
  border: 0;
}

.component-accordion-item .heading.level-h3 button p {
  margin: 0;
}

.component-accordion-item .heading .accordion-trigger {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  text-decoration: none;
  margin: 0;
  padding: var(--accordionPaddingHeader);
  background: none;
  color: var(--accordionColorHeader);
  line-height: var(--accordionHeaderLineHeight);
  font-family: var(--accordionHeaderFontFamily), sans-serif;
  font-size: var(--accordionHeaderFontSize);
  font-weight: var(--accordionHeaderFontWeight);
  text-align: left;
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
}

@media all and (min-width: 36rem) {
  .component-accordion-item .heading .accordion-trigger {
    font-size: var(--accordionHeaderFontSize);
  }
}
.component-accordion-item .heading .accordion-trigger:focus, .component-accordion-item .heading .accordion-trigger:hover {
  background: var(--accordionColorHeaderHover);
}

.component-accordion-item .heading .accordion-trigger:focus {
  outline: 3px solid var(--colorFocusDefault);
}

.component-accordion-item .heading .accordion-trigger[aria-expanded=true] .micon {
  transform: rotate(180deg);
}

.component-accordion-item .heading .accordion-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 8px;
       column-gap: 8px;
  pointer-events: none;
}

.component-accordion-item .accordion-panel {
  margin: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  background-color: white;
  max-height: 0;
  line-height: var(--accordionContentLineHeight);
  font-family: var(--accordionContentFontFamily), sans-serif;
  font-size: var(--accordionContentFontSize);
  font-weight: var(--accordionContentFontWeight);
  color: var(--accordionColorBody);
}

.component-accordion-item .accordion-panel.hidden {
  display: block;
  max-height: 0;
}

.component-accordion-item .accordion-panel.hidden .accordion-content .field--name-media-files {
  display: none;
}

.component-accordion-item .accordion-panel > .accordion-content {
  padding: var(--accordionPaddingContent);
}

.component-accordion-item .accordion-panel .accordion-content .heading {
  font-family: var(--fontFamilyHeading), sans-serif;
  font-size: var(--fontSizeBody);
  font-weight: var(--fontWeightSemibold);
  line-height: var(--lineHeightLg);
  text-align: left;
}

.component-accordion-item .accordion-panel .accordion-content .field--name-description-format p {
  font-family: var(--fontFamilyBody), sans-serif;
  font-size: var(--fontSizeBody);
  font-weight: var(--fontWeightRegular);
  line-height: var(--lineHeightLg);
  text-align: left;
  padding: 0;
}

.component-accordion-item .accordion-panel .accordion-content .field--name-description-format a {
  text-decoration: none;
  color: var(--colorLinkDefault);
  font-weight: var(--fontWeightSemibold);
  font-size: var(--fontSizeBody);
}

.component-accordion-item .accordion-panel .accordion-content .field--name-description-format a:hover {
  text-decoration: underline;
}

.component-accordion-item .accordion-panel .accordion-content .field--name-description-format .field--name-media-files {
  display: block;
}
/*# sourceMappingURL=accordion_item.css.map */