/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/atoms/faq-card/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
details.wp-block-atoms-faq-card {
  display: grid;
  gap: 16px;
  padding: 8px 16px;
  align-items: flex-start;
  border-radius: 8px;
  background: #f8f8f8;
  transition: background-position 0.4s ease-in-out;
  background: linear-gradient(to right, #e6f4ea 50%, #f8f8f8 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}
details.wp-block-atoms-faq-card summary {
  list-style: none;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #323232;
  font-family: inherit;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
details.wp-block-atoms-faq-card summary::-webkit-details-marker {
  display: none;
}
details.wp-block-atoms-faq-card .faq-icon {
  transition: transform 0.3s ease;
}
details.wp-block-atoms-faq-card .faq-icon-vertical {
  transition: transform 0.3s ease;
  transform-origin: center;
  transform: rotate(0deg);
}
details.wp-block-atoms-faq-card[open] .faq-icon-vertical {
  transform: rotate(90deg);
}
details.wp-block-atoms-faq-card summary:focus {
  outline: none;
}
details.wp-block-atoms-faq-card:focus-within {
  outline: 1px solid #388e3c;
  outline-offset: 0;
  background-position: left bottom;
}
details.wp-block-atoms-faq-card:hover {
  background-position: left bottom;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/atoms/faq-card/editor.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
div.wp-block-components-main-image-with-side-content .wp-block-columns .wp-block-column:nth-child(2) figure {
  display: grid;
  place-items: center;
}