.telia-color-dot {
  border-radius: calc(99.9rem * var(--voca-rem-multiplier));
}
.telia-color-dot--with_border {
  border: calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;
}
.telia-color-dot--xs {
  height: calc(1.2rem * var(--voca-rem-multiplier));
  width: calc(1.2rem * var(--voca-rem-multiplier));
}
.telia-color-dot--sm {
  height: calc(2.4rem * var(--voca-rem-multiplier));
  width: calc(2.4rem * var(--voca-rem-multiplier));
}
.telia-color-dot--md {
  height: calc(3.2rem * var(--voca-rem-multiplier));
  width: calc(3.2rem * var(--voca-rem-multiplier));
}
.telia-color-dot--lg {
  height: calc(4.8rem * var(--voca-rem-multiplier));
  width: calc(4.8rem * var(--voca-rem-multiplier));
}