.spinner-trace {
  width: 3em;
  aspect-ratio: 1;
  border-radius: 50%;
  border: .45em solid #0000;
  border-right-color: #fd9e9eba;
  border-right-color: var(--color-loader);
  position: relative;
  animation: spinner-trace-anim 1s infinite linear;
}
.spinner-trace:before,
.spinner-trace:after {
  content: "";
  position: absolute;
  inset: -0.45em;
  border-radius: 50%;
  border: inherit;
  animation: inherit;
  animation-duration: 2s;
}
.spinner-trace:after {
  animation-duration: 4s;
}
@keyframes spinner-trace-anim {
  100% {transform: rotate(1turn)}
}