@keyframes color-fade-out{0%{background:#0285ff1a}to{background-color:#0000}}

@keyframes edge-mask-fade{0%{--top-fade:0}3%,to{--top-fade:var(--edge-fade-distance,.5lh)}0%,97%{--bottom-fade:var(--edge-fade-distance,.5lh)}to{--bottom-fade:0}}

@keyframes btn-text-shine{0%{background-position:120% 0}68%{background-position:120% 0}to{background-position:-100% 0}}

@keyframes panel-peek-in{50%{translate:0 -85px}75%{translate:0 -85px}to{translate:0}}

@keyframes panel-peek-end{to{translate:0}}

@keyframes mask-offset-move{0%{--mask-shimmer-offset:0%}to{--mask-shimmer-offset:100%}}

@keyframes shadow-reveal{0%{opacity:0}to{opacity:1}}

@keyframes scroll-detect{0%,to{--can-scroll: }}

@keyframes cursor-blink{to{visibility:hidden}}

@keyframes fade-in{0%{opacity:0}to{opacity:1}}

@keyframes top-shadow-in{0%{box-shadow:var(--sharp-edge-top-shadow-placeholder)}.1%,to{box-shadow:var(--sharp-edge-top-shadow)}}

@keyframes bottom-shadow-out{0%,99.9%{box-shadow:var(--sharp-edge-bottom-shadow)}to{box-shadow:var(--sharp-edge-bottom-shadow-placeholder)}}

@keyframes skeleton-sweep{0%{background-position:100%}to{background-position:0%}}

@keyframes dot-pulse{0%{opacity:.1;scale:.7}50%{transform:scale(var(--pulse-scale,1.3));opacity:1}to{opacity:0;transform:scale(.7)}}

@keyframes sidebar-enter{0%{opacity:0;translate:-60%}70%{opacity:1}to{translate:0}}

@keyframes sidebar-exit{0%{translate:0}30%{opacity:1}to{opacity:0;translate:-60%}}

@keyframes scale-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}

@keyframes toast-enter{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}

@keyframes toast-exit{0%{opacity:1}to{opacity:0}}

@keyframes icon-shine{0%{-webkit-mask-position:100%;mask-position:100%}20%{-webkit-mask-position:0;mask-position:0}to{-webkit-mask-position:0;mask-position:0}}

@keyframes results-sweep{0%{background-position:-1000px 0}to{background-position:1000px 0}}

@keyframes blur-scale-pulse{0%,to{filter:blur();transform:scale(1)}50%{filter:blur(8px);transform:scale(1.1)}}

@keyframes diagonal-sweep{0%{transform:translate(-100%,-100%)}to{transform:translate(100%,100%)}}

@keyframes content-shimmer{0%{background-position:-100% 0;background-position:var(--is-ltr,-100%)var(--is-rtl,200%)top}to{background-position:250% 0;background-position:var(--is-ltr,250%)var(--is-rtl,-150%)top}}

@keyframes border-glow-once{0%{opacity:0;transform:rotate(var(--feh-border-glow-start-rotation,0deg))translate(-50%,-50%)}68%{opacity:0;transform:rotate(var(--feh-border-glow-start-rotation,0deg))translate(-50%,-50%)}72%{opacity:1}to{opacity:0;transform:rotate(calc(var(--feh-border-glow-start-rotation,0deg) + 360deg))translate(-50%,-50%)}}

@keyframes border-glow-loop{0%{opacity:1;transform:rotate(var(--feh-border-glow-start-rotation,0deg))translate(-50%,-50%)}to{opacity:1;transform:rotate(calc(var(--feh-border-glow-start-rotation,0deg) + 360deg))translate(-50%,-50%)}}

@keyframes btn-gleam{0%{opacity:0;transform:translate(-150%)skew(-18deg)}68%{opacity:0;transform:translate(-150%)skew(-18deg)}72%{opacity:.6}to{opacity:0;transform:translate(150%)skew(-18deg)}}

@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

@keyframes pulse{50%{opacity:.5}}

@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}

@keyframes soft-pulse{0%{opacity:1;scale:1}50%{opacity:.9;scale:.875}to{opacity:1;scale:1}}

@keyframes slide-down-in{0%{opacity:0;transform:translateY(-1px)}to{opacity:1;transform:translateY(0)}}

@keyframes slide-left-in{0%{opacity:0;transform:translate(1px)}to{opacity:1;transform:translate(0)}}

@keyframes slide-up-in{0%{opacity:0;transform:translateY(1px)}to{opacity:1;transform:translateY(0)}}

@keyframes slide-right-in{0%{opacity:0;transform:translate(-1px)}to{opacity:1;transform:translate(0)}}

@keyframes modal-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}

@keyframes alert-enter{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}

@keyframes page-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}

@keyframes page-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}

@keyframes page-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}

@keyframes page-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}

@keyframes carousel-slide{0%{transform:translate(0)}50%{left:0}to{transform:translateX(calc(-100%*var(--to-end-unit,1)))}}
