/* NOTE: do not use @media (width >< ...px) here, due to wp rocket mobile cache issues
   TODO: change this when wp-rocket supports this rule */
.wp-block-details {
  --_spwk-details-icon: var(--spwk--icon--angle-down);
  border: none;
  border-block-end: var(--wp--custom--border--shorthand--default);
  border-radius: 0;
  background-color: transparent;
  font-weight: var(--wp--custom--font-weight--medium);
}
.wp-block-details:has(:focus) {
  z-index: var(--wp--custom--z-index--base);
}
.wp-block-details summary {
  padding-inline-end: calc(var(--_spwk-details-padding-inline) * 3 + 1em);
  font-size: var(--wp--preset--font-size--large);
}
.wp-block-details summary::after {
  translate: -0.55em 0;
  transition: translate var(--wp--custom--transition--duration--fast) var(--wp--custom--transition--easing--default), margin var(--wp--custom--transition--duration--fast) var(--wp--custom--transition--easing--default);
  rotate: 0deg;
}
.wp-block-details summary::before {
  position: absolute;
  inset-inline-end: var(--_spwk-details-padding-inline);
  transition: translate var(--wp--custom--transition--duration--fast) var(--wp--custom--transition--easing--default), box-shadow var(--wp--custom--transition--duration--fast) var(--wp--custom--transition--easing--default);
  border: var(--wp--custom--border--width--tiny) var(--wp--custom--border--style--default) var(--wp--preset--color--primary);
  border-radius: var(--wp--custom--border--radius--circle);
  box-shadow: var(--wp--preset--shadow--button);
  inline-size: 2em;
  block-size: 2em;
  content: "";
}
.wp-block-details summary:focus-within::after, .wp-block-details summary:hover::after {
  translate: -0.55em 2px;
}
.wp-block-details summary:focus-within::before, .wp-block-details summary:hover::before {
  translate: 0 2px;
  box-shadow: var(--wp--preset--shadow--button-hover);
}
.wp-block-details summary:active::after {
  translate: -0.55em 4px;
}
.wp-block-details summary:active::before {
  translate: 0 4px;
  transition: none;
  box-shadow: none;
}
.wp-block-details:first-of-type {
  border-block-start: var(--wp--custom--border--shorthand--default);
}
.wp-block-details + .wp-block-details {
  margin-block-start: 0;
}
.wp-block-details[open] summary {
  border-block-end: none;
}
.wp-block-details[open] summary::after {
  --_spwk-details-icon: var(--spwk--icon--angle-up);
  rotate: 0deg;
}
.wp-block-details[open] summary + * {
  padding-block-start: 0;
}
.wp-block-details[open] summary ~ * {
  max-inline-size: var(--wp--style--global--content-size);
}
@media (width > 601px) {
  .wp-block-details[open] summary::after {
    margin-block-start: -0.1em; /* stylelint-disable-line scale-unlimited/declaration-strict-value -- mini overlap to prevent gap */
  }
  .wp-block-details[open] summary ~ * {
    padding-inline-start: var(--wp--preset--spacing--60);
  }
}

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