.anim-preview{overflow:hidden;width:1.75rem;height:1.75rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.anim-preview__glyph{display:flex;animation-iteration-count:infinite;animation-duration:1.15s;animation-timing-function:linear}.anim-preview.from-left{--x: -140%;--y: 0%}.anim-preview.from-right{--x: 140%;--y: 0%}.anim-preview.from-top{--x: 0%;--y: -140%}.anim-preview.from-bottom{--x: 0%;--y: 140%}.anim-preview.is-slide-in .anim-preview__glyph{animation-name:preview-slide-in;animation-timing-function:cubic-bezier(.16,1,.3,1)}.anim-preview.is-slide-in-bounce .anim-preview__glyph{animation-name:preview-slide-in-bounce}.anim-preview.is-slide-in-back .anim-preview__glyph{animation-name:preview-slide-in-back}.anim-preview.is-slide-out .anim-preview__glyph{animation-name:preview-slide-out;animation-timing-function:cubic-bezier(.7,0,.84,0)}.anim-preview.is-slide-out-bounce .anim-preview__glyph{animation-name:preview-slide-out-bounce}.anim-preview.is-slide-out-back .anim-preview__glyph{animation-name:preview-slide-out-back}.anim-preview.is-fade-in .anim-preview__glyph{animation-name:preview-fade-in}.anim-preview.is-fade-out .anim-preview__glyph{animation-name:preview-fade-out}.anim-preview.is-scale-in .anim-preview__glyph{animation-name:preview-scale-in;animation-timing-function:cubic-bezier(.16,1,.3,1)}.anim-preview.is-scale-bounce-in .anim-preview__glyph{animation-name:preview-scale-bounce-in}.anim-preview.is-scale-back-in .anim-preview__glyph{animation-name:preview-scale-back-in}.anim-preview.is-scale-out .anim-preview__glyph{animation-name:preview-scale-out;animation-timing-function:cubic-bezier(.7,0,.84,0)}.anim-preview.is-scale-bounce-out .anim-preview__glyph{animation-name:preview-scale-bounce-out}.anim-preview.is-scale-up .anim-preview__glyph{animation-name:preview-scale-up;animation-duration:1.5s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.anim-preview.is-rotate-in .anim-preview__glyph{animation-name:preview-rotate-in;animation-timing-function:cubic-bezier(.16,1,.3,1)}.anim-preview.is-spin-right .anim-preview__glyph{animation-name:preview-spin-right;animation-duration:1.2s}.anim-preview.is-spin-left .anim-preview__glyph{animation-name:preview-spin-left;animation-duration:1.2s}.anim-preview.is-pendulum .anim-preview__glyph{animation-name:preview-pendulum;animation-duration:1.15s;animation-timing-function:ease-in-out}.anim-preview.is-shake .anim-preview__glyph{animation-name:preview-shake;animation-duration:.18s}.anim-preview.is-hop .anim-preview__glyph{animation-name:preview-hop;animation-duration:.85s}.anim-preview.is-float .anim-preview__glyph{animation-name:preview-float;animation-duration:1.8s;animation-timing-function:ease-in-out}.anim-preview.is-pulse .anim-preview__glyph{animation-name:preview-pulse;animation-duration:.9s;animation-timing-function:ease-in-out}.anim-preview.is-blink .anim-preview__glyph{animation-name:preview-blink;animation-duration:.9s;animation-timing-function:ease-in-out}@keyframes preview-slide-in{0%{transform:translate(var(--x),var(--y))}62%,to{transform:translate(0)}}@keyframes preview-slide-in-bounce{0%{transform:translate(var(--x),var(--y))}48%{transform:translate(calc(var(--x) * -.1),calc(var(--y) * -.1))}68%{transform:translate(calc(var(--x) * .05),calc(var(--y) * .05))}82%,to{transform:translate(0)}}@keyframes preview-slide-in-back{0%{transform:translate(var(--x),var(--y))}55%{transform:translate(calc(var(--x) * -.14),calc(var(--y) * -.14))}78%,to{transform:translate(0)}}@keyframes preview-slide-out{0%,18%{transform:translate(0)}78%,to{transform:translate(var(--x),var(--y))}}@keyframes preview-slide-out-bounce{0%{transform:translate(0)}14%{transform:translate(calc(var(--x) * -.1),calc(var(--y) * -.1))}28%{transform:translate(calc(var(--x) * .05),calc(var(--y) * .05))}78%,to{transform:translate(var(--x),var(--y))}}@keyframes preview-slide-out-back{0%,8%{transform:translate(0)}26%{transform:translate(calc(var(--x) * -.16),calc(var(--y) * -.16))}80%,to{transform:translate(var(--x),var(--y))}}@keyframes preview-fade-in{0%{opacity:0}58%,to{opacity:1}}@keyframes preview-fade-out{0%,18%{opacity:1}72%,to{opacity:0}}@keyframes preview-scale-in{0%{transform:scale(0)}62%,to{transform:scale(1)}}@keyframes preview-scale-bounce-in{0%{transform:scale(0)}46%{transform:scale(1.2)}64%{transform:scale(.88)}80%,to{transform:scale(1)}}@keyframes preview-scale-back-in{0%{transform:scale(0)}52%{transform:scale(1.24)}74%,to{transform:scale(1)}}@keyframes preview-scale-out{0%,16%{transform:scale(1)}72%,to{transform:scale(0)}}@keyframes preview-scale-bounce-out{0%{transform:scale(1)}16%{transform:scale(1.18)}30%{transform:scale(.92)}42%{transform:scale(1.06)}78%,to{transform:scale(0)}}@keyframes preview-scale-up{0%{transform:scale(1)}42%,to{transform:scale(1.4)}}@keyframes preview-rotate-in{0%{transform:rotate(-200deg) scale(.35);opacity:0}65%,to{transform:rotate(0) scale(1);opacity:1}}@keyframes preview-spin-right{to{transform:rotate(360deg)}}@keyframes preview-spin-left{to{transform:rotate(-360deg)}}@keyframes preview-pendulum{0%,to{transform:rotate(-22deg)}50%{transform:rotate(22deg)}}@keyframes preview-shake{0%,to{transform:translate(-42%)}50%{transform:translate(42%)}}@keyframes preview-hop{0%,58%,to{transform:translateY(0)}28%{transform:translateY(-58%)}70%{transform:translateY(-16%)}}@keyframes preview-float{0%,to{transform:translateY(24%)}50%{transform:translateY(-24%)}}@keyframes preview-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.32)}}@keyframes preview-blink{0%,to{opacity:1}50%{opacity:.08}}@media (prefers-reduced-motion: reduce){.anim-preview__glyph{animation:none}}