html,
body {
  padding: 0;
  margin: 0;
}

.spinner-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.spinner-wrapper.full-height {
  height: 100vh;
  background-color: #e4e8eb;
}

.spinner.aut-spinner {
  background-image: url('/assets/imgs/loading-inner.svg');
  position: relative;
  width: 72px;
  height: 72px;
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  animation: none;
  overflow: visible;
}
.spinner.aut-spinner:before {
  content: '';
  background-image: url('/assets/imgs/loading-outer.svg');
  width: 72px;
  height: 72px;
  background-repeat: no-repeat;
  -webkit-animation: none;
  animation: spin 1s cubic-bezier(0.86, 0, 0.07, 1) infinite;
  overflow: unset;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  background-size: 72px;
}