/* widget_motion */
.anim-on [data-anim] {opacity:0; transition:opacity var(--anim-dur,.7s) var(--anim-ease,ease), transform var(--anim-dur,.7s) var(--anim-ease,ease), filter var(--anim-dur,.7s) var(--anim-ease,ease); transition-delay:var(--anim-delay,0s); will-change:opacity, transform;}
.anim-notrans, .anim-notrans > * {transition:none !important;}
.anim-on [data-anim="slide-up"] {transform:translateY(40px);}
.anim-on [data-anim="slide-down"] {transform:translateY(-40px);}
.anim-on [data-anim="zoom-in"] {transform:scale(.86);}
.anim-on [data-anim="zoom-out"] {transform:scale(1.18);}
.anim-on [data-anim="blur-in"] {filter:blur(12px);}
.anim-on [data-anim="slide-left"] {transform:translateX(-40px);}
.anim-on [data-anim="slide-right"] {transform:translateX(40px);}
.anim-on [data-anim="rotate-in"] {transform:rotate(-6deg) scale(.96);}
.anim-on [data-anim="flip-x"] {transform:perspective(800px) rotateX(70deg);}
.anim-on [data-anim="flip-y"] {transform:perspective(800px) rotateY(70deg);}
.anim-on [data-anim="skew"] {transform:skewX(-12deg) translateX(28px);}
.anim-on [data-anim="roll-in"] {transform:rotate(-120deg) translateX(-30px);}
.anim-on [data-anim].on {opacity:1; transform:none; filter:none;}
.anim-on [data-anim="stagger"] {opacity:1;}
.anim-on [data-anim="stagger"] > * {opacity:0; transform:translateY(30px); transition:opacity var(--anim-dur,.6s) var(--anim-ease,ease), transform var(--anim-dur,.6s) var(--anim-ease,ease);}
.anim-on [data-anim="stagger"].on > * {opacity:1; transform:none;}
.anim-on [data-anim="stagger"].on > *:nth-child(1) {transition-delay:.04s;}
.anim-on [data-anim="stagger"].on > *:nth-child(2) {transition-delay:.12s;}
.anim-on [data-anim="stagger"].on > *:nth-child(3) {transition-delay:.2s;}
.anim-on [data-anim="stagger"].on > *:nth-child(4) {transition-delay:.28s;}
.anim-on [data-anim="stagger"].on > *:nth-child(5) {transition-delay:.36s;}
.anim-on [data-anim="stagger"].on > *:nth-child(6) {transition-delay:.44s;}
.anim-on [data-anim="stagger"].on > *:nth-child(7) {transition-delay:.52s;}
.anim-on [data-anim="stagger"].on > *:nth-child(8) {transition-delay:.6s;}
.anim-on [data-anim="stagger"].on > *:nth-child(n+9) {transition-delay:.68s;}
@media (prefers-reduced-motion: reduce) {
    .anim-on [data-anim], .anim-on [data-anim] > * {opacity:1 !important; transform:none !important; filter:none !important; transition:none !important;}
}