/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./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/accordion/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/**
 * Inhaltsverzeichnis
 * 	1. Accordion
 *		1.1 Wrap
 *		1.2 Item
 *	2. Head
 *		2.1 Container
 *		2.2 Trigger
 *		2.3 Indicator
 *		2.4 Title
 *	3. Body
 *		3.1 Container
 *		3.2 Inner
 * 
 */
/* ================================================== */
/* 1. Accordion */
/* -------------------------------------------------- */
/* #=#=#=#=#=# 1.1 Wrap #=#=#=#=#=# */
.cvh--accordion-wrap {
  --accordion-body-space-y: var(--cvh-space-s);
  --accordion-body-space-x: var(--cvh-space-s);
}

/* #=#=#=#=#=# 1.2 Item #=#=#=#=#=# */
.cvh--accordion-item:not(:last-child) {
  margin-bottom: var(--cvh-space-xs);
}

/* ================================================== */
/* 2. Head */
/* -------------------------------------------------- */
/* #=#=#=#=#=# 2.1 Container #=#=#=#=#=# */
.cvh--accordion-head {
  color: var(--cvh-color-text-light);
}

/* #=#=#=#=#=# 2.2 Trigger #=#=#=#=#=# */
:where(a, button, input[type=button]):is(.cvh--button.cvh--accordion-trigger, [class^=cvh--button-].cvh--accordion-trigger, [class*=" cvh--button-"].cvh--accordion-trigger) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: var(--cvh-space-s);
       column-gap: var(--cvh-space-s);
  width: 100%;
  text-align: left;
  padding-left: var(--accordion-body-space-x);
}

:where(a, button, input[type=button]):is(.cvh--button.cvh--accordion-trigger, [class^=cvh--button-].cvh--accordion-trigger, [class*=" cvh--button-"].cvh--accordion-trigger):where(a, button, input[type=button]):is(.cvh--button.cvh--accordion-trigger, [class^=cvh--button-].cvh--accordion-trigger, [class*=" cvh--button-"].cvh--accordion-trigger) {
  background-color: var(--current-bg);
}

/* #=#=#=#=#=# 2.3 Indicator #=#=#=#=#=# */
.cvh--accordion-indicator {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: var(--text-xxl);
  height: auto;
  aspect-ratio: 1;
}

.cvh--accordion-indicator > div {
  --obj-min-height: auto;
  transform-origin: center center;
}

:where(:root[dom_loaded]) .cvh--accordion-indicator > div {
  transition: var(--cvh-transition-normal);
}

.cvh--accordion-indicator svg {
  height: var(--text-xl);
}

/* ~~~ Open ~~~ */
:where(.cvh--accordion-item[data-state=open]) .cvh--accordion-indicator > div {
  transform: rotateX(180deg);
}

/* #=#=#=#=#=# 2.4 Title #=#=#=#=#=# */
.cvh--accordion-title :is(h1, h2, h3, h4, h5, h6, p, [class^=cvh--emulate-h], [class*=" cvh--emulate-h"], .cvh--emulate-p) {
  color: inherit;
}

/* ================================================== */
/* 3. Body */
/* -------------------------------------------------- */
/* #=#=#=#=#=# 3.1 Container #=#=#=#=#=# */
.cvh--accordion-body {
  background-color: var(--cvh-color-shade-white);
}

/* ~~~ Closed ~~~ */
:where(.cvh--accordion-item:not([data-state=open])) .cvh--accordion-body {
  display: none;
}

/* #=#=#=#=#=# 3.2 Inner #=#=#=#=#=# */
.cvh--accordion-body-inner {
  padding: var(--accordion-body-space-y) var(--accordion-body-space-x);
}

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