.accordion-panel {
  background-color: color-mix(in srgb, var(--dt-color-surface-muted) 50%, transparent);
  border-radius: var(--dt-radius-md);
  border-color: var(--dt-color-border);
  border-style: solid;
  border-width: 1px;
  width: 100%;
  overflow: hidden;
}
.accordion-panel__trigger {
  align-items: center;
  background-color: var(--dt-color-surface-muted);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 1.5rem;
  gap: 1.5rem;
}
.accordion-panel__title {
  font-size: 1.35rem;
  font-weight: 600;
}
.accordion-panel__trigger-icon {
  font-size: 1.75rem;
  transition: transform 0.3s;
}
.accordion-panel__trigger-icon--up {
  transform: rotateX(180deg);
}
.accordion-panel__content-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s;
}
.accordion-panel__content-wrapper-row {
  overflow: hidden;
}
.accordion-panel__content-wrapper--open {
  grid-template-rows: 1fr;
}
.accordion-panel__content {
  border-top: 1px solid var(--dt-color-border);
}
.accordion-panel .svg-icon svg {
  height: 1em;
  width: 1em;
}
.accordion-panel .svg-icon svg path {
  fill: currentColor !important;
}