.cds-spinner {
  height: calc(100vh - 80px);

  &::before {
    outline: 1px dashed;
    content: '';
    animation: spin 2s linear infinite;
    border: 5px solid var(--gray-100);
    border-radius: 50%;
    border-top-color: #333;
    color: #fff;
    height: 100px;
    left: calc(50vw - 50px);
    margin: auto;
    position: absolute;
    top: 50vh;
    width: 100px;
    z-index: 10;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}