.varClass {
  --separator_fontSize: var(--zd_font_size15);
}
.separator {
  font-size: var(--separator_fontSize);
  margin: 0 var(--zd_size5) ;
}
.dot {
  --separator_fontSize: var(--zd_font_size8);
}
.slash {
  --separator_fontSize: var(--zd_font_size10);
  /* line-height: var(--zd_size10); */
}
.arrow {
  --separator_fontSize: var(--zd_font_size8);
  /* line-height: var(--zd_size7); */
}
.comma {
  --separator_fontSize: var(--zd_font_size15);
  /* line-height: var(--zd_size13); */
}
.none {
  display: none;
}
.default {
  color: var(--zdt_separator_default_text);
}
.primary {
  color: var(--zdt_separator_primary_text);
}
.secondary {
  color: var(--zdt_separator_secondary_text);
}