/* clearfix */
.ckeditor-accordion-container {
  --_accordion_c: var(--accordion_c, var(--body_c));
  --_accordion_p: var(--accordion_p, 40px);
  --_accordion_bg: var(--accordion_bg, transparent);
  --_accordion_b-r: var(--accordion_b-r, 0px);
  --_accordion_t-t: var(--accordion_t-t, 0.3s);
  --_accordion_b-w: var(--accordion_b-w, 0px);
  --_accordion_b-c: var(--accordion_b-c, var(--b-c, #dee2e6));

  --_accordion_icon_bg: var(--accordion_icon_bg, var(--c-primary-700));

  --_accordion_dl_b-c: var(--accordion_dl_b-c, transparent);

  --_accordion_dt-a_c: var(--accordion_dt-a_c, var(--body_c));
  --_accordion_dt-a_f-s: var(--accordion_dt-a_f-s, 28px);
  --_accordion_dt-a_c: var(--accordion_dt-a_c, var(--link_c-default));
  --_accordion_dt-a_b-c: var(--accordion_dt-a_b-c, var(--c-gray-50));
  --_accordion_dt-a_p-b: var(--accordion_dt-a_p-b, var(--_accordion_p));
  --_accordion_dt-a_p-i: var(--accordion_dt-a_p-i, 0 50px);

  --_accordion_dl_p-b: var(--accordion_dl_p-b, 0px);
  --_accordion_dl_p-i: var(--accordion_dl_p-i, 0px);

  --_accordion_c_h: var(--accordion_c_h, var(--c-primary-700));
  --_accordion_bg_h: var(--accordion_bg_h, transparent);

  --_accordion_b-c_a: var(--accordion_b-c_a, var(--c-primary-700));
  --_accordion_bg_a: var(--accordion_bg_a, transparent);

  --_accordion_dt-a_c_a: var(--accordion_dt-a_c_a, var(--c-primary-700));

  border-radius: var(--_accordion_b-r);
}
.ckeditor-accordion-container > dl:before,
  .ckeditor-accordion-container > dl:after {
    content: " "; /* 1 */
    display: table; /* 2 */
  }
.ckeditor-accordion-container > dl:after {
    clear: both;
  }
/* CKEditor accordion */
.ckeditor-accordion-container > dl,
  .ckeditor-accordion-container > dl dt,
  .ckeditor-accordion-container > dl dd {
    box-sizing: border-box;
  }
.ckeditor-accordion-container > dl {
    position: relative;
    border: var(--_accordion_b-w) solid var(--_accordion_dl_b-c);
  }
/* label / tab */
.ckeditor-accordion-container > dl dt {
    position: relative;
  }
.ckeditor-accordion-container > dl dt > a {
      -webkit-text-decoration: none;
      text-decoration: none;
    }
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
        display: inline-block;
        position: absolute;
        padding: 0 0.625rem;
        width: 1.875rem;
        height: 1.875rem;
        z-index: 1;
        top: calc(50% - 1px);
        inset-inline-end: 0.6875rem;
        box-sizing: border-box;
      }
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before,
        .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
          background: var(--_accordion_icon_bg);
          transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
          content: "";
          display: block;
          height: 2px;
          position: absolute;
          width: 0.625rem;
          z-index: -1;
          left: 0;
          top: 0;
          transform: rotate(-180deg);
          will-change: transform;
        }
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before {
          left: 0.8125rem;
          transform: rotate(135deg);
        }
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
          right: 0.8125rem;
          left: auto;
          transform: rotate(-135deg);
        }
.ckeditor-accordion-container.no-animations > dl dt > a > .ckeditor-accordion-toggle:before,
  .ckeditor-accordion-container.no-animations > dl dt > a > .ckeditor-accordion-toggle:after {
    transition: initial;
  }
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:before {
    transform: rotate(45deg);
  }
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:after {
    transform: rotate(-45deg);
  }
.ckeditor-accordion-container > dl dt > a,
  .ckeditor-accordion-container > dl dt > a:not(.button) {
    font-size: var(--_accordion_dt-a_f-s);
    color: var(--_accordion_dt-a_c);
    background-color: var(--_accordion_bg);
    padding-block: var(--_accordion_dt-a_p-b);
    padding-inline: var(--_accordion_dt-a_p-i);
    display: block;
    cursor: pointer;
    transition: background-color 300ms;
    border-bottom: 1px solid var(--_accordion_dt-a_b-c);
  }
.ckeditor-accordion-container > dl dt > a:focus, .ckeditor-accordion-container > dl dt > a:not(.button):focus {
      outline-color: #333;
    }
.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover {
      background-color: var(--_accordion_bg_h);
      box-shadow: none;
      color: var(--_accordion_c_h);
      -webkit-text-decoration: none;
      text-decoration: none;
    }
.ckeditor-accordion-container > dl dt.active > a {
    color: var(--_accordion_dt-a_c_a);
    background-color: var(--_accordion_bg_a);
    border: none;
  }
.ckeditor-accordion-container > dl dt:last-of-type > a {
    border-bottom: 0;
  }
/* contents */
.ckeditor-accordion-container > dl dd {
    display: none;
    padding-block: var(--_accordion_dl_p-b);
    padding-inline: var(--_accordion_dl_p-i);
    margin: 0;
  }
.ckeditor-accordion-container > dl dd.active {
      border-bottom: 1px solid var(--_accordion_b-c_a);
      padding-block-end: var(--_accordion_p)
    }

