/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@symfony/webpack-encore/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!./vendor/communice-web/communice-base/Resources/Private/Assets/StyleSheets/communice/content-elements/quotation-4.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ce-quotation4:has(.content-quotation--background-colored) {
  --quotation-slider--nav-button--background-color: var(--quotation-4--background-colored--slider--nav-button--background-color);
  --quotation-slider--nav-button--background-color--hover: var(--quotation-4--background-colored--slider--nav-button--background-color--hover);
  --quotation-slider--nav-button--icon-color: var(--quotation-4--background-colored--slider--nav-button--icon-color);
  --quotation-slider--nav-button--icon-color--hover: var(--quotation-4--background-colored--slider--nav-button--icon-color--hover);
  background-color: var(--quotation-4--background-colored--background-color);
}
.ce-quotation4:has(.content-quotation--background-colored) .content-quote--icon {
  color: var(--quotation-4--background-colored--quotation-mark--color);
}
.ce-quotation4:has(.content-quotation--background-colored) .content-quote--quote {
  color: var(--quotation-4--background-colored--text--color);
}
.ce-quotation4:has(.content-quotation--background-colored) .content-quote--author-info--author {
  color: var(--quotation-4--background-colored--author--color);
}
.ce-quotation4:has(.content-quotation--background-colored) .content-quote--author-info--author-position {
  color: var(--quotation-4--background-colored--author-position--color);
}
.ce-quotation4:has(.content-quotation--background-white) {
  --quotation-slider--nav-button--background-color: var(--quotation-4--background-white--slider--nav-button--background-color);
  --quotation-slider--nav-button--background-color--hover: var(--quotation-4--background-white--slider--nav-button--background-color--hover);
  --quotation-slider--nav-button--icon-color: var(--quotation-4--background-white--slider--nav-button--icon-color);
  --quotation-slider--nav-button--icon-color--hover: var(--quotation-4--background-white--slider--nav-button--icon-color--hover);
  background-color: var(--quotation-4--background-white--background-color);
}
.ce-quotation2 {
  background-color: var(--quotation-4--background-white--background-color);
}

.ce-quotation4:has(.content-quotation--background-white) .content-quote--icon {
  color: var(--quotation-4--background-white--quotation-mark--color);
}
.ce-quotation4:has(.content-quotation--background-white) .content-quote--quote {
  color: var(--quotation-4--background-white--text--color);
}
.ce-quotation4:has(.content-quotation--background-white) .content-quote--author-info--author {
  color: var(--quotation-4--background-white--author--color);
}
.ce-quotation4:has(.content-quotation--background-white) .content-quote--author-info--author-position {
  color: var(--quotation-4--background-white--author-position--color);
}
.ce-quotation4:has(.content-quotation--background-background) {
  --quotation-slider--nav-button--background-color: var(--quotation-4--background-background--slider--nav-button--background-color);
  --quotation-slider--nav-button--background-color--hover: var(--quotation-4--background-background--slider--nav-button--background-color--hover);
  --quotation-slider--nav-button--icon-color: var(--quotation-4--background-background--slider--nav-button--icon-color);
  --quotation-slider--nav-button--icon-color--hover: var(--quotation-4--background-background--slider--nav-button--icon-color--hover);
  background-color: var(--quotation-4--background-background--background-color);
}
.ce-quotation4:has(.content-quotation--background-background) .content-quote--icon {
  color: var(--quotation-4--background-background--quotation-mark--color);
}
.ce-quotation4:has(.content-quotation--background-background) .content-quote--quote {
  color: var(--quotation-4--background-background--text--color);
}
.ce-quotation4:has(.content-quotation--background-background) .content-quote--author-info--author {
  color: var(--quotation-4--background-background--author--color);
}
.ce-quotation4:has(.content-quotation--background-background) .content-quote--author-info--author-position {
  color: var(--quotation-4--background-background--author-position--color);
}

.quote-4 {
  text-align: center;
}

.quote-4--icon {
  margin-bottom: 2rem;
}

.quote-4--slider--controls {
  display: flex;
  justify-content: center;
}

.quote-4--slider--controls {
  margin-top: 2rem;
}