.vb-spinner {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  position: relative;

  &--large {
    width: 1.75rem;
    height: 1.75rem;
  }

  &__base {
    position: absolute;
    top: -0.25rem;
    left: -0.25rem;
  }

  &__fade-enter-active,
  &__fade-enter-done {
    opacity: 1;
    transition: opacity 0.3s ease;
  }

  &__animation {
    width: 1.5rem;
    height: 1.5rem;

    &--large {
      width: 2.25rem;
      height: 2.25rem;
    }
  }
}