// pulse
@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(.8);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fade {
  0% {
    filter: grayscale(0);

    opacity: 1;
  }

  50% {
    filter: grayscale(1);

    opacity: .5;
  }

  100% {
    filter: grayscale(0);

    opacity: 1;
  }
}

@keyframes expand {
  from {
    max-height: 0;
    overflow: hidden;
  }

  to {
    max-height: 100vh;
    overflow: visible;
  }
}

@keyframes shrink {
  to {
    max-height: 0;
    overflow: hidden;
  }

  from {
    max-height: 100vh;
    overflow: visible;
  }
}

.no-transition {
  transition: none !important;
}