.foldout-title {
  background-color: var(--group__background-color);
  padding: .625rem;
  cursor: pointer;
  user-select: none; }
  .foldout-title:hover {
    filter: brightness(1.4); }
  .foldout-title::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    display: inline-block;
    width: .825rem; }

.foldout-content {
  gap: .5rem;
  display: flex;
  flex-direction: column;
  background-color: var(--group__background-color);
  padding: .5rem;
  border-radius: 0 0 var(--border-radius) var(--border-radius); }

.foldout:has(.foldout-content.display-none) .foldout-title {
  border-radius: var(--border-radius); }
  .foldout:has(.foldout-content.display-none) .foldout-title::before {
    content: '\f0da'; }

.foldout:not(:has(.foldout-content.display-none)) .foldout-title {
  border-radius: var(--border-radius) var(--border-radius) 0 0; }
  .foldout:not(:has(.foldout-content.display-none)) .foldout-title::before {
    content: '\f0d7'; }