open-consul/ui/packages/consul-ui/app/styles/base/animation/index.scss

%with-transition-500 {
  transition-duration: 0.15s;
  transition-timing-function: ease-out;
}
%blink-in-fade-out {
  transition-property: opacity;
  transition-duration: 0.1s;
  transition-timing-function: linear;
  opacity: 0;
  pointer-events: none;
}
%blink-in-fade-out-active {
  transition-duration: 0;
  transition-duration: unset;
  transition-delay: 0;
  transition-delay: unset;
  opacity: 1;
  pointer-events: auto;
}
%transition-pushover {
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition-duration: 0.1s;
}
%animation-pushover {
  animation-timing-function: cubic-bezier(0.1, 0.1, 0.25, 0.9);
  animation-duration: 0.1s;
}
%animation-remove-from-flow {
  animation-name: remove-from-flow;
  animation-fill-mode: forwards;
}
@keyframes remove-from-flow {
  100% {
    visibility: hidden;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
}