.varClass {
  --icon_color: var(--zdt_thread_iconText);
}
.container {
  composes: varClass;
  position: relative;
  color: var(--icon_color);
  cursor: pointer;
}
.container:hover {
  --icon_color: var(--zdt_thread_hover_iconText);
}
.count {
  font-size: var(--zd_font_size9) ;
}
.align_left .count {
  position: absolute;
  line-height: normal;
  top: var(--zd_size3) ;
}
[dir=ltr] .align_left .count {
  text-align: left;
  left: var(--zd_size8) ;
}
[dir=rtl] .align_left .count {
  text-align: right;
  right: var(--zd_size8) ;
}
.align_right {
  composes: dInflex alignFend from '~@zohodesk/components/lib/common/common.module.css';
}
.align_right .count {
  position: relative;
  bottom: var(--zd_size2) ;
}
[dir=ltr] .align_right .count {
  right: var(--zd_size5) ;
  float: right;
}
[dir=rtl] .align_right .count {
  left: var(--zd_size5) ;
  float: left;
}