details {
  --wp--preset--details--color: var(--wp--preset--color--primary, black);
  --wp--preset--details--background: var(--wp--preset--color--background, white);
  --wp--preset--details--padding: 1.5em;
  --wp--preset--details--radius: 50vmin;
  --wp--preset--details--arrow--size: 0.5em;
  position: relative;
  display: block;
  text-align: left;
  border: 1px solid transparent;
}
details:has(> summary img) {
  --wp--preset--details--radius: 1rem;
}
details summary {
  cursor: pointer;
  position: relative;
  padding: 0 3em 0 1em;
  transition: margin 300ms ease-out;
  border-radius: var(--wp--preset--details--radius);
  overflow: hidden;
  margin-bottom: var(--wp--preset--details--padding);
}
details summary:not(header.wp-block-template-part details summary) {
  border: 1px solid color-mix(in srgb, var(--wp--preset--details--color) 25%, transparent);
}
details summary::marker, details summary::-webkit-details-marker {
  display: none;
  content: "";
}
details summary:before {
  content: "";
  display: block;
  width: calc(var(--wp--preset--details--arrow--size) * 3);
  right: 0.5em;
  height: calc(var(--wp--preset--details--arrow--size) * 3);
  position: absolute;
  top: calc(50% - var(--wp--preset--details--arrow--size) * 3 / 2);
  background-color: var(--wp--preset--details--color);
  border-radius: 50vmin;
  z-index: 1;
}
details summary:after {
  content: "";
  display: inline-block;
  width: var(--wp--preset--details--arrow--size);
  height: var(--wp--preset--details--arrow--size);
  right: 0.9em;
  top: calc(50% - 0.4em);
  border-bottom: 1px solid var(--wp--preset--details--background);
  border-left: 1px solid var(--wp--preset--details--background);
  border-bottom-left-radius: 2px;
  transform-origin: center center;
  transition: transform ease-in-out 100ms;
  position: absolute;
  color: var(--wp--preset--details--background);
  transform: rotate(-45deg) translate(-25%, -25%);
  z-index: 2;
}
details summary:not(:has(> a)) {
  padding: var(--wp--preset--details--arrow--size) 2.75em var(--wp--preset--details--arrow--size) 1em;
}
details summary:not(:has(> a)):before {
  right: 0.6em;
  width: calc(var(--wp--preset--details--arrow--size) * 3);
  background-color: var(--wp--preset--details--color);
  border: none;
}
details summary:not(:has(> a)):after {
  right: 0.9em;
  color: var(--wp--preset--details--background);
}
details summary > a {
  display: flex;
  padding: var(--wp--preset--details--arrow--size) 0 var(--wp--preset--details--arrow--size) 0;
}
details summary:focus {
  outline: none;
}
details summary > * {
  line-height: 1.5em;
  margin: 0;
}
details summary.is-layout-flow ~ * {
  padding: var(--wp--preset--details--padding);
}
details summary.is-layout-flow ~ *:last-child {
  margin-block-end: var(--wp--preset--details--padding);
}
details summary.is-layout-flow ~ *:is(ul, ol) {
  padding-left: calc(var(--wp--preset--details--padding) * 2);
}
details summary.is-layout-flow ~ * > label {
  white-space: nowrap;
}
details summary.is-layout-flow ~ * > label > input {
  vertical-align: middle;
  margin-right: 0.5em;
}
details summary.is-layout-flow + *:not(:first-child) {
  margin-block-start: var(--wp--preset--details--padding);
}
details summary:has(img) {
  --wp--preset--details--radius: 1rem;
  padding: 0;
  min-height: 260px;
}
details summary:has(img) > :not(img), details summary:has(img) > .rich-text > :not(img) {
  z-index: 1;
  background-color: color-mix(in srgb, var(--wp--preset--details--color) 50%, transparent);
  backdrop-filter: blur(10px);
  border-radius: var(--wp--preset--details--radius);
  padding: 0 1rem;
  bottom: 1rem;
  left: 1rem;
  max-width: none;
  position: absolute;
}
details summary:has(img) > :not(img).rich-text, details summary:has(img) > .rich-text > :not(img).rich-text {
  display: block;
  margin: 0;
  padding: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
details summary:has(img) img {
  position: absolute;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  z-index: 0;
}
details summary:has(img):has(img + p) p {
  position: absolute;
}
details summary > h2 {
  padding: 0.25em 0.5em;
  color: var(--wp--preset--details--color);
}
details summary > h2 + p {
  margin: 0 0.75em;
  margin-block-start: 0 !important;
}
details summary ~ *:not(summary), details summary ~ *:not(summary).has-global-padding {
  padding: var(--wp--preset--details--padding);
}
details summary ~ *:not(summary) {
  border: 1px solid var(--wp--preset--details--color);
  border-radius: 0;
}
details summary ~ *:not(summary):last-child {
  border-radius: 0 0 1rem 1rem;
}
details summary + *:not(summary) {
  border-radius: 1rem 1rem 0 0;
}
details summary + *:not(summary):last-child {
  border-radius: 1rem;
}
details[open] {
  z-index: 1;
}
details[open] > summary {
  background-color: var(--wp--preset--details--color);
  color: var(--wp--preset--details--background);
}
details[open] > summary:before {
  background-color: var(--wp--preset--details--background);
}
details[open] > summary:after {
  transform: rotate(135deg) translate(50%, 0%);
  border-color: var(--wp--preset--details--color);
}
details[open] > summary:not(:hover) > * {
  color: var(--wp--preset--details--background) !important;
}

*:has(> details) *:has(> details ~ details) details > summary {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--details--padding);
}
*:has(> details) details > summary {
  cursor: pointer;
}
*:has(> details) details > summary:has(> .status) {
  border: 1px solid var(--wp--preset--details--color);
  border-radius: var(--wp--preset--details--radius);
  padding: 0.125em var(--wp--preset--details--padding);
  margin-bottom: 1px;
  line-height: 1.1em;
  display: flex;
}
*:has(> details) details > summary:has(> .status) > *:first-child {
  flex-grow: 1;
}
*:has(> details) details > summary:has(> .status) > .status {
  position: relative;
  width: 1em;
  height: 1em;
  display: flex;
  border-radius: 50vmin;
  background-color: currentColor;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
*:has(> details) details > summary:has(> .status) > .status:after {
  content: "";
  display: block;
  width: 30%;
  height: 30%;
  border: 1px solid var(--wp--preset--details--background);
  border-top: none;
  border-right: none;
  border-bottom-left-radius: 2px;
  transition: transform ease-in-out 0.1s;
  transform: rotate(-45deg);
}
*:has(> details) details > summary:has(> .status)::marker, *:has(> details) details > summary:has(> .status)::-webkit-details-marker {
  display: none;
  content: "";
}
*:has(> details) details select {
  font-size: smaller !important;
  min-height: auto !important;
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))), *:has(> details):not(.is-vertical):not(:has(> *:not(details))).wp-block-group {
  display: flex;
  flex-wrap: wrap;
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) {
  margin: 0.5em 0;
  max-width: none;
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))).is-layout-flex {
  align-items: flex-start;
  gap: 0;
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) details {
  --details-columns: 1;
  --details-height: 5rem;
  --wp--preset--details--radius: 1rem;
  width: 100%;
  margin-top: 0;
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) details > summary {
  height: var(--details-height);
  display: flex;
  align-items: center;
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) details > summary + * {
  margin-top: var(--wp--preset--details--padding);
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:has(~ details)[open] > *:not(summary) {
  display: none;
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:has(~ details)[open]:not(:has(~ details[open])) > *:not(summary) {
  display: block;
  margin-bottom: var(--wp--preset--details--padding);
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:has(~ details)[open]:focus-within > *:not(summary) {
  display: block;
  margin-bottom: var(--wp--preset--details--padding);
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:has(~ details)[open]:focus-within ~ details[open] > *:not(summary) {
  display: none;
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:has(~ details)[open]:last-of-type > *:not(summary) {
  display: block;
  margin-bottom: var(--wp--preset--details--padding);
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details) > summary {
  border-radius: var(--wp--preset--details--radius) 0 0 var(--wp--preset--details--radius);
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details) ~ details:not(:last-of-type) > summary {
  border-radius: 0;
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details) ~ details:last-of-type > summary {
  border-radius: 0 var(--wp--preset--details--radius) var(--wp--preset--details--radius) 0;
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(+ details:last-child), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(+ details:last-child) ~ details {
  --details-columns: 2;
}
@media only screen and (min-width: 768px) {
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(+ details:last-child), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(+ details:last-child) ~ details {
    width: 50%;
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(+ details:last-child) > :not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(+ details:last-child) ~ details > :not(summary) {
    width: calc(200% - 2 * var(--wp--preset--details--padding));
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(+ details:last-child):nth-child(2n)[open]:after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(+ details:last-child):nth-child(2n)[open] > *:not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(+ details:last-child) ~ details:nth-child(2n)[open]:after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(+ details:last-child) ~ details:nth-child(2n)[open] > *:not(summary) {
    margin-left: calc(-100% - 2px);
  }
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details {
  --details-columns: 5;
}
@media only screen and (min-width: 768px) {
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details {
    flex: 1 0 calc(100% / var(--details-columns));
    width: calc(100% / var(--details-columns));
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) > :not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details > :not(summary) {
    width: calc(100% * var(--details-columns) + 1px);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child):has(img) > :not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details:has(img) > :not(summary) {
    width: calc(100% * var(--details-columns) + 1px - 0 * var(--wp--preset--details--padding));
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child)[open]:nth-child(5n+1):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child)[open]:nth-child(5n+1) > *:not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details[open]:nth-child(5n+1):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details[open]:nth-child(5n+1) > *:not(summary) {
    margin-left: calc(0% - 0px);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child)[open]:nth-child(5n+2):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child)[open]:nth-child(5n+2) > *:not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details[open]:nth-child(5n+2):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details[open]:nth-child(5n+2) > *:not(summary) {
    margin-left: calc(-100% - 2px);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child)[open]:nth-child(5n+3):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child)[open]:nth-child(5n+3) > *:not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details[open]:nth-child(5n+3):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details[open]:nth-child(5n+3) > *:not(summary) {
    margin-left: calc(-200% - 4px);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child)[open]:nth-child(5n+4):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child)[open]:nth-child(5n+4) > *:not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details[open]:nth-child(5n+4):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details[open]:nth-child(5n+4) > *:not(summary) {
    margin-left: calc(-300% - 6px);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child)[open]:nth-child(5n+5):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child)[open]:nth-child(5n+5) > *:not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details[open]:nth-child(5n+5):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details[open]:nth-child(5n+5) > *:not(summary) {
    margin-left: calc(-400% - 8px);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child):first-child > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details:first-child > summary {
    border-radius: var(--wp--preset--details--radius) 0 0 0;
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child):first-child:nth-last-child(5) > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details:first-child:nth-last-child(5) > summary {
    border-radius: var(--wp--preset--details--radius) 0 0 var(--wp--preset--details--radius);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child):nth-child(5n) > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details:nth-child(5n) > summary {
    border-radius: 0 var(--wp--preset--details--radius) 0 0;
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child):nth-last-child(5) > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details:nth-last-child(5) > summary {
    border-radius: 0 0 0 var(--wp--preset--details--radius);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child):last-child > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details:last-child > summary {
    border-radius: 0 0 var(--wp--preset--details--radius) 0;
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child):last-child:nth-child(5) > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(5n):last-child) ~ details:last-child:nth-child(5) > summary {
    border-radius: 0 var(--wp--preset--details--radius) var(--wp--preset--details--radius) 0;
  }
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) ~ details {
  --details-columns: 4;
}
@media only screen and (min-width: 768px) {
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) ~ details {
    flex: 1 0 calc(100% / var(--details-columns));
    width: calc(100% / var(--details-columns));
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) > :not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) ~ details > :not(summary) {
    width: calc(100% * var(--details-columns) + 1px);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child):has(img) > :not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) ~ details:has(img) > :not(summary) {
    width: calc(100% * var(--details-columns) + 1px - 0 * var(--wp--preset--details--padding));
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child)[open]:nth-child(4n+1):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child)[open]:nth-child(4n+1) > *:not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) ~ details[open]:nth-child(4n+1):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) ~ details[open]:nth-child(4n+1) > *:not(summary) {
    margin-left: calc(0% - 0px);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child)[open]:nth-child(4n+2):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child)[open]:nth-child(4n+2) > *:not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) ~ details[open]:nth-child(4n+2):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) ~ details[open]:nth-child(4n+2) > *:not(summary) {
    margin-left: calc(-100% - 2px);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child)[open]:nth-child(4n+3):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child)[open]:nth-child(4n+3) > *:not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) ~ details[open]:nth-child(4n+3):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) ~ details[open]:nth-child(4n+3) > *:not(summary) {
    margin-left: calc(-200% - 4px);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child)[open]:nth-child(4n+4):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child)[open]:nth-child(4n+4) > *:not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) ~ details[open]:nth-child(4n+4):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) ~ details[open]:nth-child(4n+4) > *:not(summary) {
    margin-left: calc(-300% - 6px);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child):first-child > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) ~ details:first-child > summary {
    border-radius: var(--wp--preset--details--radius) 0 0 0;
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child):first-child:nth-last-child(4) > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) ~ details:first-child:nth-last-child(4) > summary {
    border-radius: var(--wp--preset--details--radius) 0 0 var(--wp--preset--details--radius);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child):nth-child(4n) > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) ~ details:nth-child(4n) > summary {
    border-radius: 0 var(--wp--preset--details--radius) 0 0;
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child):nth-last-child(4) > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) ~ details:nth-last-child(4) > summary {
    border-radius: 0 0 0 var(--wp--preset--details--radius);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child):last-child > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) ~ details:last-child > summary {
    border-radius: 0 0 var(--wp--preset--details--radius) 0;
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child):last-child:nth-child(4) > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(4n):last-child) ~ details:last-child:nth-child(4) > summary {
    border-radius: 0 var(--wp--preset--details--radius) var(--wp--preset--details--radius) 0;
  }
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child) ~ details {
  --details-columns: 3;
}
@media only screen and (min-width: 768px) {
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child) ~ details {
    flex: 1 0 calc(100% / var(--details-columns));
    width: calc(100% / var(--details-columns));
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child) > :not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child) ~ details > :not(summary) {
    width: calc(100% * var(--details-columns) + 1px);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child):has(img) > :not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child) ~ details:has(img) > :not(summary) {
    width: calc(100% * var(--details-columns) + 1px - 0 * var(--wp--preset--details--padding));
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child)[open]:nth-child(3n+1):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child)[open]:nth-child(3n+1) > *:not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child) ~ details[open]:nth-child(3n+1):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child) ~ details[open]:nth-child(3n+1) > *:not(summary) {
    margin-left: calc(0% - 0px);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child)[open]:nth-child(3n+2):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child)[open]:nth-child(3n+2) > *:not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child) ~ details[open]:nth-child(3n+2):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child) ~ details[open]:nth-child(3n+2) > *:not(summary) {
    margin-left: calc(-100% - 2px);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child)[open]:nth-child(3n+3):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child)[open]:nth-child(3n+3) > *:not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child) ~ details[open]:nth-child(3n+3):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child) ~ details[open]:nth-child(3n+3) > *:not(summary) {
    margin-left: calc(-200% - 4px);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child):first-child > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child) ~ details:first-child > summary {
    border-radius: var(--wp--preset--details--radius) 0 0 0;
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child):first-child:nth-last-child(3) > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child) ~ details:first-child:nth-last-child(3) > summary {
    border-radius: var(--wp--preset--details--radius) 0 0 var(--wp--preset--details--radius);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child):nth-child(3n) > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child) ~ details:nth-child(3n) > summary {
    border-radius: 0 var(--wp--preset--details--radius) 0 0;
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child):nth-last-child(3) > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child) ~ details:nth-last-child(3) > summary {
    border-radius: 0 0 0 var(--wp--preset--details--radius);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child):last-child > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child) ~ details:last-child > summary {
    border-radius: 0 0 var(--wp--preset--details--radius) 0;
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child):last-child:nth-child(3) > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(3n):last-child) ~ details:last-child:nth-child(3) > summary {
    border-radius: 0 var(--wp--preset--details--radius) var(--wp--preset--details--radius) 0;
  }
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child) ~ details {
  --details-columns: 3;
}
@media only screen and (min-width: 768px) {
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child) ~ details {
    flex: 1 0 calc(100% / var(--details-columns));
    width: calc(100% / var(--details-columns));
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child) > :not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child) ~ details > :not(summary) {
    width: calc(100% * var(--details-columns) - 1px);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child)[open]:nth-child(3n+2):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child)[open]:nth-child(3n+2) > *:not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child) ~ details[open]:nth-child(3n+2):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child) ~ details[open]:nth-child(3n+2) > *:not(summary) {
    margin-left: calc(-100% - 1 * var(--wp--preset--details--padding) + 2px);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child)[open]:nth-child(3n+3):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child)[open]:nth-child(3n+3) > *:not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child) ~ details[open]:nth-child(3n+3):after, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child) ~ details[open]:nth-child(3n+3) > *:not(summary) {
    margin-left: calc(-200% - 1 * var(--wp--preset--details--padding) + 2px);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child):first-child > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child) ~ details:first-child > summary {
    border-radius: var(--wp--preset--details--radius) 0 0 0;
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child):nth-child(7n) > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child) ~ details:nth-child(7n) > summary {
    border-radius: 0 var(--wp--preset--details--radius) 0 0;
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child):last-child, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child) ~ details:last-child {
    width: 100%;
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child):last-child > summary, *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child) ~ details:last-child > summary {
    border-radius: 0 0 var(--wp--preset--details--radius) var(--wp--preset--details--radius);
  }
  *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child):last-child > :not(summary), *:has(> details):not(.is-vertical):not(:has(> *:not(details))) details:first-of-type:has(+ details):has(~ details:nth-of-type(7):last-child) ~ details:last-child > :not(summary) {
    width: 100%;
  }
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) details[open] > summary:has(> .status) {
  color: var(--wp--preset--details--background);
  background-color: var(--wp--preset--details--color);
}
*:has(> details):not(.is-vertical):not(:has(> *:not(details))) details[open] > summary:has(> .status) > .status:after {
  border-color: var(--wp--preset--details--color);
  transform: rotate(135deg);
}
*:has(> details).is-vertical:not(:has(> *:not(details))) {
  --details-columns: 1;
  border-radius: var(--wp--preset--details--radius);
}
*:has(> details).is-vertical:not(:has(> *:not(details))) > details {
  width: 100%;
  border: 1px solid var(--wp--preset--details--color);
  border-radius: var(--wp--preset--details--radius);
}
*:has(> details).is-vertical:not(:has(> *:not(details))) > details > summary:not(header.wp-block-template-part .wp-block-navigation details summary) {
  border: none;
  border-radius: var(--wp--preset--details--radius);
}
*:has(> details).is-vertical:not(:has(> *:not(details))) > details > summary:not(header.wp-block-template-part .wp-block-navigation details summary) ~ * {
  padding: 0.5em 2em 0.5em 1em;
}

.wp-block-group.is-vertical:has(> details + :is(div, nav)) {
  --dropdown--padding-top: 3.5em!important;
  --dropdown--overlap: 80px;
  position: relative;
  gap: 0;
  font-size: var(--wp--preset--font-size--medium);
}
@media only screen and (min-width: 768px) {
  .wp-block-group.is-vertical:has(> details + :is(div, nav)) {
    width: auto;
  }
}
.wp-block-group.is-vertical:has(> details + :is(div, nav)) > details {
  height: 100%;
}
.wp-block-group.is-vertical:has(> details + :is(div, nav)) > details > summary {
  border-radius: 50vmin;
  height: 100%;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .wp-block-group.is-vertical:has(> details + :is(div, nav)) > details > summary {
    border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
  }
}
.wp-block-group.is-vertical:has(> details + :is(div, nav)) > details > summary + p:empty {
  display: none;
}
.wp-block-group.is-vertical:has(> details + :is(div, nav)) > details[open] > summary:after {
  border-color: var(--wp--preset--details--color);
}
.wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ nav.is-vertical) {
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ nav.is-vertical) + nav.is-vertical {
    position: absolute;
    top: 2.1em;
  }
}
.wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ nav.is-vertical) + nav.is-vertical {
  height: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(10px);
  border-radius: 4px;
}
.wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ nav.is-vertical) + nav.is-vertical > div {
  background-color: transparent !important;
  color: var(--wp--preset--color--primary) !important;
}
.wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ nav.is-vertical)[open] + nav {
  min-height: 100px;
  height: auto;
  padding: 1em;
  padding-top: var(--dropdown--padding-top);
  border: 1px solid rgba(255, 255, 255, 0.8);
}
@media (hover: hover) {
  .wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ nav.is-vertical):hover + nav, .wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ nav.is-vertical) + nav:hover {
    min-height: 100px;
    height: auto;
    padding: 1em;
    padding-top: var(--dropdown--padding-top);
    border: 1px solid rgba(255, 255, 255, 0.8);
  }
}
.wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ div) {
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ div) + div {
    position: fixed;
    top: calc(var(--wp-admin--admin-bar--height) + var(--wp--secondary--bar--height) + var(--wp--preset-header-height) - var(--dropdown--overlap));
    left: 0;
    right: 0;
  }
}
.wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ div) + div {
  padding: 0;
  overflow: hidden;
  height: 0;
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(10px);
  border-radius: 4px;
}
.wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ div) + div > div {
  color: var(--wp--preset--color--primary);
}
.wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ div) + div .wp-block-columns {
  max-width: var(--wp--style--global--wide-size);
  margin: 0 auto;
}
.wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ div) + div a {
  display: block;
  padding: 0.25em;
}
.wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ div) + div h2 {
  border-bottom: 1px solid currentColor;
  padding-bottom: 0.25em;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ div) + div h2 a {
  padding: 1em;
}
.wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ div) + div p {
  margin: 0.25em;
}
.wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ div)[open] summary + p {
  display: none;
}
.wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ div)[open] + div {
  min-height: 100px;
  height: auto;
  padding: 1em;
  padding-top: var(--dropdown--padding-top);
  border: 1px solid rgba(255, 255, 255, 0.8);
}
@media (hover: hover) {
  .wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ div):hover + div, .wp-block-group.is-vertical:has(> details + :is(div, nav)) > details:has(+ div) + div:hover {
    min-height: 100px;
    height: auto;
    padding: 1em;
    padding-top: var(--dropdown--padding-top);
    border: 1px solid rgba(255, 255, 255, 0.8);
  }
}

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