.upload-info > div {
	display: grid;
	grid: "spinner bar" auto "spinner info" auto / auto 1fr;
	column-gap: 1rem;
	& .spinner {
		grid-area: spinner;
	}
}
.inactive {
	--stripe: #eee;
	background: repeating-linear-gradient(-45deg, hsl(from var(--stripe) h s calc(l + 4)), var(--stripe) 1em, transparent 1em, transparent 2em);
}
@keyframes spinner {
  from {rotate: 0turn}
  to {rotate: 3turn}
}
.spinner {
  width: 3rem;
  height: 3rem;
  position: relative;
	box-sizing: border-box;
  &::after,&::before {
    content: '';
    position: absolute;
    border: 5px solid;
    height: 100%;
    width: 100%;
    border-color: cornflowerblue transparent;
    border-radius: 50%;
	box-sizing: border-box;
  }
  &::before {
    animation: 2s spinner infinite cubic-bezier(0.64, 0.22, 0.35, 0.79);
  }
  &::after {
    border-color: #00aeff transparent transparent transparent;
    animation: 2.2s spinner infinite cubic-bezier(0.64, 0.22, 0.35, 0.79);
  }
}
