/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/block_MC-701_horizontal-accordeon/scss/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wp-block-citeo-semantic-horizontal-accordeon {
  display: flex;
  gap: var(--ds-semantic-spacing-xs);
  align-items: flex-end;
}
.wp-block-citeo-semantic-horizontal-accordeon .horizontal-accordeon-item-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ds-semantic-spacing-xs);
  overflow: hidden;
  position: relative;
  transition: max-width ease-out 0.25s;
}
.wp-block-citeo-semantic-horizontal-accordeon .horizontal-accordeon-item-wrapper > div, .wp-block-citeo-semantic-horizontal-accordeon .horizontal-accordeon-item-wrapper > .wp-block-citeo-semantic-tag {
  order: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0 var(--ds-semantic-spacing-s);
  border-radius: var(--ds-semantic-radius-action);
  border: 1px solid var(--ds-semantic-color-action-border-medium);
  background: var(--ds-semantic-color-layout-surface-medium-default);
  line-height: var(--ds-semantic-sizing-xl);
  cursor: pointer;
  transition: opacity ease-out 0.4s, background ease-out 0.25s;
}
.wp-block-citeo-semantic-horizontal-accordeon .horizontal-accordeon-item-wrapper > div:nth-child(n+5), .wp-block-citeo-semantic-horizontal-accordeon .horizontal-accordeon-item-wrapper > .wp-block-citeo-semantic-tag:nth-child(n+5) {
  position: absolute;
  order: 2;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.wp-block-citeo-semantic-horizontal-accordeon .horizontal-accordeon-item-wrapper > div:not(.active-item):hover, .wp-block-citeo-semantic-horizontal-accordeon .horizontal-accordeon-item-wrapper > .wp-block-citeo-semantic-tag:not(.active-item):hover {
  background: var(--ds-semantic-color-layout-surface-medium-hover);
}
.wp-block-citeo-semantic-horizontal-accordeon .horizontal-accordeon-item-wrapper .extend-accordeon-btn:not(#idhack) {
  position: static;
  order: 1;
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.wp-block-citeo-semantic-horizontal-accordeon .horizontal-accordeon-item-wrapper .active-item {
  background: var(--ds-semantic-color-action-surface-medium);
  color: var(--ds-semantic-color-layout-invert-content-medium);
  cursor: initial;
}
.wp-block-citeo-semantic-horizontal-accordeon.is-open .horizontal-accordeon-item-wrapper {
  row-gap: var(--ds-semantic-spacing-xs);
  animation: extendAccordeon 0.2s ease-out forwards;
}
@keyframes extendAccordeon {
  0% {
    max-width: var(--ds-semantic-sizing-11xl);
    flex-wrap: nowrap;
  }
  99% {
    max-width: 100%;
    flex-wrap: nowrap;
  }
  100% {
    max-width: 100%;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 600px) {
  @keyframes extendAccordeon {
    0% {
      max-width: var(--ds-semantic-sizing-11xl);
      flex-wrap: wrap;
    }
    99% {
      max-width: 100%;
      flex-wrap: wrap;
    }
    100% {
      max-width: 100%;
      flex-wrap: wrap;
    }
  }
}
.wp-block-citeo-semantic-horizontal-accordeon.is-open .horizontal-accordeon-item-wrapper > div:nth-child(n+5), .wp-block-citeo-semantic-horizontal-accordeon.is-open .horizontal-accordeon-item-wrapper > .wp-block-citeo-semantic-tag:nth-child(n+5) {
  position: static;
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.wp-block-citeo-semantic-horizontal-accordeon.is-open .extend-accordeon-btn:not(#idhack) {
  order: 3;
  transform: rotateZ(180deg);
}
.wp-block-citeo-semantic-horizontal-accordeon.no-button .horizontal-accordeon-item-wrapper::before {
  display: none;
}
.wp-block-citeo-semantic-horizontal-accordeon.no-button .extend-accordeon-btn {
  display: none;
}
.wp-block-citeo-semantic-horizontal-accordeon .extend-accordeon-btn {
  order: 1;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--ds-semantic-spacing-s);
  height: var(--ds-semantic-sizing-xl);
  border-radius: var(--ds-semantic-radius-action);
  border: 1px solid var(--ds-semantic-color-action-border-medium);
  background: var(--ds-semantic-color-layout-surface-medium-default);
  transition: transform ease-out 0.25s;
  cursor: pointer;
}
.wp-block-citeo-semantic-horizontal-accordeon .extend-accordeon-btn .chevron-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/*# sourceMappingURL=style-index.css.map*/