:root{
--ease-out:cubic-bezier(0,0,0.2,1); /* @kind other */
--ease-in-out:cubic-bezier(0.4,0,0.2,1); /* @kind other */
--duration-fast:150ms; /* @kind other */
--duration-base:200ms; /* @kind other */
--duration-slow:500ms; /* @kind other */
--duration-appear:600ms; /* @kind other */
}
@keyframes appear{0%{opacity:0;transform:translateY(1rem);filter:blur(0.5rem)}50%{filter:blur(0)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes appear-zoom{0%{opacity:0;transform:scale(0.5)}100%{opacity:1;transform:scale(1)}}
@keyframes lui-fade-in{from{opacity:0}to{opacity:1}}
@keyframes lui-slide-in-right{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes lui-zoom-in{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
.animate-appear{animation:appear 0.6s forwards ease-out}
.animate-appear-zoom{animation:appear-zoom 0.6s forwards ease-out}
.delay-100{animation-delay:100ms}.delay-300{animation-delay:300ms}.delay-700{animation-delay:700ms}.delay-1000{animation-delay:1000ms}