.ckeditor-accordion-container > dl {
  border: none;

  & dt {
    position: relative;
    margin-block-end: 0.5rem;
    font-size: 1.125rem;

    & > a,
    & > button {
      background-color: var(--color-cm-blue, rgb(68, 120, 158)) !important;
      border-bottom: none !important;
      text-decoration: none !important;
    }

    & > button {
      display: block;
      box-sizing: border-box;
      inline-size: 100%;
      padding: 0.625rem 0.9375rem 0.625rem 3.125rem;
      border: 0;
      color: #fff;
      font: inherit;
      text-align: start;
      cursor: pointer;

      &:focus-visible {
        outline: 3px solid #fff;
        outline-offset: -6px;
      }

      /* Chevron */
      & > .ckeditor-accordion-toggle {
        position: absolute;
        inset-block-start: calc(50% - 1px);
        inset-inline-start: 0.6875rem;
        z-index: 1;
        display: inline-block;
        box-sizing: border-box;
        inline-size: 1.875rem;
        block-size: 1.875rem;
        padding: 0 0.625rem;

        &::before,
        &::after {
          content: "";
          position: absolute;
          inset-block-start: 0;
          z-index: -1;
          display: block;
          inline-size: 0.625rem;
          block-size: 0.125rem;
          background: #fff;
          transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
          will-change: transform;
        }

        &::before {
          inset-inline-start: 0.8125rem;
          transform: rotate(135deg);
        }

        &::after {
          inset-inline-end: 0.8125rem;
          transform: rotate(-135deg);
        }
      }
    }

    &.active > button > .ckeditor-accordion-toggle {
      &::before {
        transform: rotate(45deg);
      }

      &::after {
        transform: rotate(-45deg);
      }
    }
  }

  & dd {
    padding: 0.5rem 1rem 1rem 1rem !important;
    border-bottom: none !important;
    font-size: 1.25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ckeditor-accordion-container > dl dt > button > .ckeditor-accordion-toggle::before,
  .ckeditor-accordion-container > dl dt > button > .ckeditor-accordion-toggle::after {
    transition: none;
  }
}