/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/faq-index/src/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-crown-blocks-faq-index {
  position: relative;
}
.wp-block-crown-blocks-faq-index .faq-teaser,
.wp-block-crown-blocks-faq-index .alert-wrapper {
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  width: 100%;
}

.faq-teaser {
  display: inline-block;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  color: #4B4653;
  cursor: pointer;
  border-radius: 20px;
  border: 2px solid #E0E0E0;
  margin: 12px 0;
}
.faq-teaser.active .faq-teaser__content {
  max-height: 500px;
  transition: max-height 0.5s ease-in;
}
.faq-teaser.active .faq-teaser__title {
  color: #923293;
}
.faq-teaser.active .faq-teaser__title::after {
  opacity: 1;
}
.faq-teaser.active .faq-teaser__title::before {
  opacity: 0;
}
.faq-teaser__meta {
  display: flex;
  flex-direction: column;
  position: relative;
  transition: 0.3s padding;
  padding: 32px 56px 32px 32px;
}
.faq-teaser__content {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 20px;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease-out;
  opacity: 0.8;
}
.faq-teaser__content .inner {
  padding: 16px 0;
}
.faq-teaser__title {
  margin: 0;
  position: relative;
  transition: color 0.3s;
}
.faq-teaser__title::before, .faq-teaser__title::after {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  right: -24px;
  transform: translateY(-50%);
  transition: 0.2s;
}
.faq-teaser__title::after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjcuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMjYyNDMzO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01LDEyaDE0Ii8+Cjwvc3ZnPgo=);
  opacity: 0;
}
.faq-teaser__title::before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjcuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMjYyNDMzO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMiw1djE0Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01LDEyaDE0Ii8+Cjwvc3ZnPgo=);
  opacity: 1;
}

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