@keyframes details-fade-in-down {
  0% {
    transform: translateY(-1.25em);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.wp-block-details {
  --_spwk-details-icon: var(--spwk--icon--delete);
  --_spwk-details-padding: var(--wp--preset--spacing--10);
  --_spwk-details-padding-block: var(--_spwk-details-padding);
  --_spwk-details-padding-inline: var(--_spwk-details-padding);
  position: relative;
  border: var(--wp--custom--border--width--default) var(--wp--custom--border--style--default) var(--wp--preset--color--gray-300);
  border-radius: var(--wp--custom--border--radius--default);
  background-color: var(--wp--preset--color--light);
  padding-inline: var(--_spwk-details-padding-inline);
}
.wp-block-details summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-inline: calc(var(--_spwk-details-padding-inline) * -1);
  cursor: pointer;
  padding: var(--_spwk-details-padding-block) calc(var(--_spwk-details-padding-inline) * 3) var(--_spwk-details-padding-block) var(--_spwk-details-padding-inline);
}
.wp-block-details summary > * {
  padding-block: 0 !important;
}
.wp-block-details summary + * {
  margin-block-start: 0;
  padding-block-start: var(--_spwk-details-padding-block);
}
.wp-block-details summary::marker, .wp-block-details summary::-webkit-details-marker {
  display: none;
  content: "";
}
.wp-block-details summary::after {
  /* stylelint-disable-next-line no-duplicate-selectors -- TODO: test removal after future dart-sass release */
}
.wp-block-details summary::after {
  display: inline-block;
  background-color: currentcolor;
  inline-size: 1em;
  block-size: 1em;
  vertical-align: middle;
  content: "";
  mask: var(--_spwk-details-icon);
  mask-size: cover;
}
.wp-block-details summary::after {
  position: absolute;
  inset-inline-end: var(--_spwk-details-padding-inline);
  transition: transform var(--wp--custom--transition--duration--fast) var(--wp--custom--transition--easing--default), rotate var(--wp--custom--transition--duration--fast) var(--wp--custom--transition--easing--default);
  rotate: -45deg;
  will-change: transform, rotate;
}
.wp-block-details > .wp-block:last-of-type,
.wp-block-details > *:last-child {
  padding-block-end: var(--_spwk-details-padding-block);
}
.wp-block-details[open] summary {
  border-block-end: calc(var(--wp--custom--border--width--default) / 2) var(--wp--custom--border--style--default) var(--wp--preset--color--gray-300);
}
.wp-block-details[open] summary::after {
  rotate: 0deg;
}
.wp-block-details[open] summary ~ * {
  animation-name: details-fade-in-down;
  animation-duration: var(--wp--custom--transition--duration--fast);
  animation-timing-function: var(--wp--custom--transition--easing--default);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

/*# sourceMappingURL=details.css.map */
