/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/frontend/components/summary-details-card/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
.summary-details-card {
  background: #ffffff;
  border-radius: 16px;
  z-index: 3;
  padding-left: 24px;
  padding-right: 24px;
}
.summary-details-card summary {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
}
.summary-details-card summary:hover {
  cursor: pointer;
}
.summary-details-card summary h2 {
  font-weight: 500;
  font-size: clamp(24px, 4vw, 32px);
}
.summary-details-card summary::after {
  background-image: url(../../../e2e590a95990b70ba420.svg);
  content: "";
  height: 32px;
  width: 32px;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s ease-in-out;
}
.summary-details-card:open summary::after {
  transform: rotate(180deg);
}
.summary-details-card div.wp-block-components-summary-details-card {
  display: grid;
  gap: 28px;
  counter-reset: counter;
}
.summary-details-card div.wp-block-components-summary-details-card > *:last-child {
  padding-bottom: 24px;
}
.summary-details-card div.wp-block-components-summary-details-card p,
.summary-details-card div.wp-block-components-summary-details-card li {
  color: #5e5e5e;
}
.summary-details-card div.wp-block-components-summary-details-card {
  gap: 26px;
}
.summary-details-card div.wp-block-components-summary-details-card h3 {
  display: flex;
  gap: 12px;
  font-size: clamp(20px, 4vw, 24px);
  counter-increment: counter;
  font-weight: 500;
}
.summary-details-card div.wp-block-components-summary-details-card h3::before {
  content: counter(counter);
}
.summary-details-card div.wp-block-components-summary-details-card {
  padding-top: 67px;
}
.summary-details-card div.wp-block-components-summary-details-card .inner-content {
  display: grid;
  padding-left: 24px;
  gap: 8px;
}
.summary-details-card div.wp-block-components-summary-details-card .inner-content li {
  display: flex;
  gap: 8px;
  align-items: center;
}
.summary-details-card div.wp-block-components-summary-details-card .inner-content li::before {
  content: "";
  height: 20px;
  width: 20px;
  background-image: url(../../../569fc960fc3ac818aed9.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.summary-details-card div.wp-block-components-summary-details-card .inner-content ul {
  display: grid;
  gap: 8px;
}
.summary-details-card div.wp-block-components-summary-details-card .wp-block-ui-summary-details-card-footer h3::before {
  content: unset;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/frontend/components/summary-details-card/editor.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied inside the editor only.
 *
 * Replace them with your own styles or remove the file completely.
 */
div.wp-block-ui-tag figure {
  margin: unset !important;
}