.File {
  position: relative;
}

  .File-Loader {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: var(--loader-size);
    height: var(--loader-size);
    background-color: var(--color-control-bg-ghost);
    border-radius: 50%;
  }

  .File-Loader_spin {
      -webkit-animation: File-Loader-Animate 1.2s linear infinite;
              animation: File-Loader-Animate 1.2s linear infinite;
    }

  .File-Loader_size_s {
        --loader-size: 16px;
      }

  .File-Loader_size_m {
        --loader-size: 24px;
      }

  .File-Progress {
    display: block;
  }

@-webkit-keyframes File-Loader-Animate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes File-Loader-Animate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}