.wp-block-details.is-style-custom-style {
  padding-top: .5rem;
  padding-bottom: .5rem;

  border-bottom: 2px solid var(--color-gris-clair);

  @media (prefers-reduced-motion: no-preference) {
    interpolate-size: allow-keywords;
  }

  summary {
    font-weight: 700;

    position: relative;

    cursor: pointer;

    &:before {
      position: relative;

      display: inline-flex;

      width: .5rem;

      content: '';
    }
  }

  summary::marker {
    color: var(--color-primary);
  }

  summary::-webkit-details-marker {
    color: var(--color-primary);
  }

  &::details-content {
    overflow-y: clip;

    transition: content-visibility 1s allow-discrete,
    opacity 1s,
    block-size 1s;

    opacity: 0;

    block-size: 0;
  }

  &[open]::details-content {
    opacity: 1;

    block-size: auto;
  }
}
