.lexxy-content details:has(> [data-lexical-collapsible-content]) {
  margin: 0.75rem 0;
  border: 1px solid #e5e5e5;
  border-radius: 0.375rem;
  background: #fafafa;
}

.lexxy-content details:has(> [data-lexical-collapsible-content]) > summary {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  list-style: none;
  font-weight: 500;
  color: #171717;
  user-select: none;
}

.lexxy-content details:has(> [data-lexical-collapsible-content]) > summary::-webkit-details-marker,
.lexxy-content details:has(> [data-lexical-collapsible-content]) > summary::marker {
  display: none;
  content: "";
}

.lexxy-content details:has(> [data-lexical-collapsible-content])[open] > summary {
  border-bottom: 1px solid #e5e5e5;
}

.lexxy-content details > div[data-lexical-collapsible-content] {
  padding: 0.5rem 0.75rem;
}

.lexxy-content details:has(> [data-lexical-collapsible-content]) > summary::before {
  content: "";
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  background-color: currentColor;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  transition: transform 150ms;
}

.lexxy-content details:has(> [data-lexical-collapsible-content])[open] > summary::before {
  transform: rotate(90deg);
}