.ui-acc{
  border: 1px solid var(--ui-border);
  background: var(--ui-panel);
  border-radius: var(--ui-radius);
  overflow: hidden;
}

.ui-acc__item{ border-top: 1px solid var(--ui-border); }
.ui-acc__item:first-child{ border-top: 0; }

.ui-acc__trigger{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  background: transparent;
  border: 0;
  color: var(--ui-fg);
  font: inherit;
  cursor: pointer;
}
.ui-acc__trigger:hover{ background: rgba(255,255,255,0.04); }
:root[data-theme="light"] .ui-acc__trigger:hover{ background: rgba(17,19,24,0.04); }

.ui-acc__title{ font-weight: 800; }
.ui-acc__chevron{ color: var(--ui-muted); transition: transform .12s ease; }

.ui-acc__trigger[data-state="open"] .ui-acc__chevron{ transform: rotate(180deg); }

.ui-acc__content{
  padding: 0 12px 12px 12px;
  color: var(--ui-muted);
  font-size: 13px;
}