/*
* Sets the border color based on the combination of
* variant and background.
*/
.telia-divider {
  border-bottom: calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.15);
  height: 0;
  /*
  * This loop defines the classes for the combination of variant
  * and background so we don't have to write those classes explicitly.
  */
}
.telia-divider--dark-bg-weak {
  border-bottom: calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(255, 255, 255, 0.15);
}
.telia-divider--light-bg-weak {
  border-bottom: calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.15);
}
.telia-divider--dark-bg-medium {
  border-bottom: calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(255, 255, 255, 0.3);
}
.telia-divider--light-bg-medium {
  border-bottom: calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);
}
.telia-divider--dark-bg-strong {
  border-bottom: calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(255, 255, 255, 0.5);
}
.telia-divider--light-bg-strong {
  border-bottom: calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.5);
}