.dv-timer-viewer {
  font-size: $font-size-small;
  background: rgba(0,0,0,.38);
  color: rgba(255, 255, 255, 0.8);
  padding: $min-text-padding $content-padding;
  border-radius: $border-radius;
  margin: 0 auto;
  display: inline-block;

  .dv-timer-viewer-container {
    display: flex;
    align-items: center;
    user-select: none;
  }
  span {
    margin-right: $component-span;
  }
  .dv-timer-viewer-refresh-icon-wrap {
    user-select: none;
    .dv-timer-viewer-refresh-icon {
      font-size: $font-size-large;
      width: $font-size-large;
      height: $font-size-large;
      cursor: pointer;
      user-select: none;
      display: block;
    }
  }
  .dv-timer-viewer-loading {
    font-size: $font-size-large;
    width: $font-size-large;
    height: $font-size-large;
    animation: loading-rotate 2s linear infinite;
  }
}