@keyframes keyframes-pulse {
  0% {
    transform: translateX(-100%) translateZ(0)
  }

  100% {
    transform: translateX(100%) translateZ(0)
  }
}

@keyframes addCard {
  0% {
    box-shadow: 100vw 0 0 0 var(--b3-protyle-inline-mark-background) inset;
  }
  100% {
    box-shadow: 2px 0 0 0 var(--b3-protyle-inline-mark-background) inset;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    display: block;
  }

  to {
    opacity: 1;
    display: block;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(.8);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes bottom2Top {
  0% {
    transform: translateY(60px);
    transform-origin: 0 0;
    opacity: 0;
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes stripMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}