.ckeditor-accordion-container > dl {
  border: 0;
}

.paragraph--type--ut-accordion {
  margin: 2rem 0;
}
.accordion-item {
  margin-bottom: 1rem;
}

.ckeditor-accordion-container > dl dt:not(.active),
.ckeditor-accordion-container > dl dd.active {
  margin-bottom: 1rem;
}


.accordion-item .accordion-header,
.ckeditor-accordion-toggler {
  border-radius: var(--ut-radius);
  background-color: var(--ut-primary-500);
  height: 53px;
}

.ckeditor-accordion-container > dl dt > a,
.ckeditor-accordion-container > dl dt > a:not(.button) {
  padding: 10px 15px 10px 25px;
  font-size: 24px;
  font-weight: 400;
}

.ckeditor-accordion-container > dl dt > a,
.ckeditor-accordion-container > dl dt > a:hover {
  text-decoration: none;
}

.ckeditor-accordion-container > dl dt.active > a,
.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover,
.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
  background-color: var(--ut-primary-500);
  border: 0;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
  left: inherit;
  right: 12px;
}

.accordion {
  border: 0;
}

.accordion-header .accordion-button {
  font-size: 24px;
  border: 0;
  font-weight: 400;
}
.accordion-header .accordion-button:hover {
  text-decoration: none;
}

.accordion-collapse,
.ckeditor-accordion-container > dl dd {
  background: #fff;
  margin-top: -15px;
  padding-top: 15px;
  box-shadow: var(--ut-box-shadow);
}

.ckeditor-accordion-container > dl dd {
  padding: 24px 24px 12px;
}

.accordion-header .accordion-button::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cg%3E%3Cpath fill='hsl(0deg, 0%, 100%)' d='M12,10.3l4.8,4.8c0.3,0.3,0.8,0.3,1.1,0c0.3-0.3,0.3-0.8,0-1c0,0,0,0,0,0l-4.8-4.8c-0.6-0.6-1.5-0.6-2.1,0L6.2,14c-0.3,0.3-0.3,0.8,0,1c0,0,0,0,0,0c0.3,0.3,0.8,0.3,1.1,0L12,10.3z'/%3E%3C/g%3E%3C/svg%3E");
  transform: scaleY(-1);
}
.accordion-header .accordion-button:not(.collapsed)::after {
  transform: scaleY(1);
}