:root {

  --conversations-gap: var(--space-2);

  --conversations-list-gap: var(--space-1);

  --conversations-item-height: var(--band-height-md);
  --conversations-item-gap: var(--space-inline-sm);
  --conversations-item-padding-inline: var(--space-inline-sm);
  --conversations-item-radius: var(--radius);
  --conversations-item-font-size: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );

  --conversations-item-color: initial;
  --conversations-item-active-background: initial;
  --conversations-item-active-color: initial;
  --conversations-item-active-font-weight: var(--font-weight-medium);

  --conversations-icon-size: var(--icon-size-md);

  --conversations-line-gap: var(--space-stack-xs);

  --conversations-group-gap: var(--space-1);
  --conversations-group-padding-inline: var(--space-inline-sm);
  --conversations-group-chevron-size: var(--icon-size-sm);

  --conversations-separator-space-block: var(--space-1);
}