@import '../../variables';

.#{$prefix}-ui-playbacktimelabel {
  @extend %ui-label;

  font-weight: $font-weight-medium;
  text-transform: uppercase;

  &.#{$prefix}-ui-playbacktimelabel-live {
    cursor: pointer;

    &::before {
      color: $color-secondary;
      content: '●';
      padding-right: 0.2em;
    }

    &.#{$prefix}-ui-playbacktimelabel-live-edge {
      &::before {
        color: $color-red;
      }
    }
  }
}