.Timer {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: var(--timer-size);
  height: var(--timer-size);
  background-color: var(--color-control-bg-ghost);
  border-radius: 50%;
}

  .Timer_size_s {
      --timer-size: 16px;
      --timer-font-size: var(--size-text-xs);
    }

  .Timer_size_m {
      --timer-size: 24px;
      --timer-font-size: var(--size-text-xs);
    }

  .Timer_size_l {
      --timer-size: 32px;
      --timer-font-size: var(--size-text-m);
    }

  .Timer_size_xl {
      --timer-size: 40px;
      --timer-font-size: var(--size-text-l);
    }

  .Timer_size_2xl {
      --timer-size: 48px;
      --timer-font-size: var(--size-text-xl);
    }

  .Timer-Counter {
    width: 100%;
    color: var(--color-control-typo-ghost);
    font-size: var(--timer-font-size);
    font-weight: var(--font-weight-text-bold);
    line-height: var(--timer-size);
    text-align: center;
  }

  .Timer-Progress.ProgressSpin {
    --animation-duration: 1s;
    position: absolute;
    top: 2px;
    left: 2px;
  }