.spinner.svelte-et789i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* width = size; height derives from aspect ratio */
  width: 1em;
  aspect-ratio: var(--ar);
  overflow: hidden;
}

.video.svelte-et789i {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  animation: svelte-et789i-outro 5005ms linear infinite;
  animation-play-state: var(--play);
  transform-origin: center;
  will-change: transform, opacity;
}

@keyframes svelte-et789i-outro {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  80% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  82% {
    opacity: 1;
    transform: scaleY(1.1) translateY(-20px);
  }
  85% {
    opacity: 0;
    transform: scaleY(0.5) translateY(100%);
  }
  100% {
    opacity: 0;
    transform: scaleY(1) translateY(0);
  }
}
.sr-only.svelte-et789i {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}