@use "../../../../styles/colors.scss";
@use "../../../../styles/spacing.scss";
@use "../../../../styles/typography.scss";

.container {
  background: var(--cell-background);
  color: var(--cell-foreground);
  border-bottom: var(--cell-border-bottom);
  padding: 0;
  background-clip: padding-box;
  text-align: left;
}

.flexContainer {
  display: flex;
  gap: spacing.$spacing-1;
}

.text {
  padding-left: var(--row-padding-left);
  padding-top: var(--row-padding-y);
  padding-bottom: var(--row-padding-y);
  
}

.parenthetical {
  color: var(--parenthetical-color);
}