.theme-accordion-item {
  box-sizing: border-box;
}
.theme-accordion-item__button {
  all: unset;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  text-align: left;
  transition: color 0.2s ease;
}
.theme-accordion-item__button-text {
  flex: 1 1 auto;
}
.theme-accordion-item__icon {
  flex: none;
}
.theme-accordion-item__toggle-icon {
  position: relative;
  flex: none;
  width: 12px;
  height: 12px;
}
.theme-accordion-item__toggle-icon::before,
.theme-accordion-item__toggle-icon::after {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
}
.theme-accordion-item__toggle-icon::before {
  top: 50%;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
}
.theme-accordion-item__toggle-icon::after {
  left: 50%;
  width: 1px;
  height: 100%;
  transform: translateX(-50%);
  transition: transform 0.25s ease;
}
.theme-accordion-item.is-open .theme-accordion-item__toggle-icon::after {
  transform: translateX(-50%) scaleY(0);
}
.theme-accordion-item__content {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.3s ease;
}
.theme-accordion-item.is-open .theme-accordion-item__content {
  grid-template-rows: 1fr;
}
.theme-accordion-item__content-inner {
  min-height: 0;
  overflow: hidden;
  transition: color 0.2s ease;
}