:root{--mf-duration:600ms;--mf-distance:100px;--mf-easing:ease;--mf-delay:0ms}html.mf-runtime .site-layout [data-mf-animation]:not(.mf-animate){opacity:0}.site-layout [data-mf-animation=fade-up].mf-animate{animation:mf-fade-up var(--mf-duration) var(--mf-easing) var(--mf-delay) both}.site-layout [data-mf-animation=fade].mf-animate{animation:mf-fade var(--mf-duration) var(--mf-easing) var(--mf-delay) both}.site-layout [data-mf-animation=fade-down].mf-animate{animation:mf-fade-down var(--mf-duration) var(--mf-easing) var(--mf-delay) both}.site-layout [data-mf-animation=fade-left].mf-animate{animation:mf-fade-left var(--mf-duration) var(--mf-easing) var(--mf-delay) both}.site-layout [data-mf-animation=fade-right].mf-animate{animation:mf-fade-right var(--mf-duration) var(--mf-easing) var(--mf-delay) both}@keyframes mf-fade{0%{opacity:0}to{opacity:1}}@keyframes mf-fade-up{0%{opacity:0;transform:translateY(var(--mf-distance))}to{opacity:1;transform:translateY(0)}}@keyframes mf-fade-down{0%{opacity:0;transform:translateY(calc(var(--mf-distance) * -1))}to{opacity:1;transform:translateY(0)}}@keyframes mf-fade-left{0%{opacity:0;transform:translateX(calc(var(--mf-distance) * -1))}to{opacity:1;transform:translateX(0)}}@keyframes mf-fade-right{0%{opacity:0;transform:translateX(var(--mf-distance))}to{opacity:1;transform:translateX(0)}}