/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./plugins/developress-blocks/src/blocks/faqs-item/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.faqs-item {
  --transition-time: 0.4s;
  --border: 1px solid var(--wp--preset--color--light-grey);
}
.faqs-item + .faqs-item {
  border-top: none;
}
.faqs-item:first-child summary {
  border-top: none;
}
.faqs-item summary {
  padding: 1rem 3rem 1rem 0;
  position: relative;
  display: flex;
  list-style-type: none;
  outline: unset;
  font-family: var(--wp--preset--font-family--heading);
  font-size: var(--wp--preset--font-size--heading-5);
  cursor: pointer;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  transition: 0.4s ease-in-out all;
}
.faqs-item summary::-webkit-details-marker {
  display: none;
}
.faqs-item summary::before {
  content: "";
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 9L17 9\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 17L9 1\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: center;
  position: absolute;
  border-radius: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  margin-block: auto;
  transition: 0.4s ease-in-out all;
}
.faqs-item__height-wrapper {
  overflow: hidden;
  height: 0;
  transition: height var(--transition-time);
}
.faqs-item__content-wrapper {
  padding: 0 !important;
}
.faqs-item__content-wrapper > *:first-child {
  padding-top: 1rem;
  margin-top: 0;
}
.faqs-item__content-wrapper > *:last-child {
  padding-bottom: 1rem;
  margin-bottom: 0;
}
.faqs-item.open summary {
  color: var(--wp--preset--color--primary);
}
.faqs-item.open summary::before {
  background-image: url("data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9 17V1\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M17 9L1 9\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");
  transform: rotate(45deg);
  background-color: var(--wp--preset--color--primary);
}

@media (min-width: 768px) {
  .faqs-item__content-wrapper > *:first-child {
    padding-top: 2rem;
    margin-top: 0;
  }
  .faqs-item__content-wrapper > *:last-child {
    padding-bottom: 2rem;
    margin-bottom: 0;
  }
}

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