[data-fx="foresee"],[data-fx="morning-sun"]{position:relative}.fx{position:absolute;inset:0;pointer-events:none}.fx i,.fx b{position:absolute;display:block;pointer-events:none}.fx-gem{left:var(--x0);top:var(--y0);width:10px;height:10px;margin:-5px 0 0 -5px;background:var(--th-accent);opacity:0;transform:rotate(45deg)}.fx-ring{left:var(--rl);top:var(--rt);width:var(--rw);height:var(--rh);box-sizing:border-box;border:3px solid var(--th-soft);border-radius:8px;opacity:0}.fx--morning-sun i{box-sizing:border-box;padding:6px;border-radius:22px;overflow:hidden;-webkit-mask:linear-gradient(var(--th-accent) 0 0) content-box,linear-gradient(var(--th-accent) 0 0);-webkit-mask-composite:xor;mask:linear-gradient(var(--th-accent) 0 0) content-box exclude,linear-gradient(var(--th-accent) 0 0)}.fx--morning-sun b{inset:0;background:radial-gradient(circle at 50% 100%, var(--th-soft), transparent 75%);opacity:0}@media (prefers-reduced-motion: no-preference){.fx--foresee.fx-on .fx-gem{animation:fx-gem 480ms steps(4, end) both}.fx--foresee.fx-on .fx-ring{animation:fx-ring 360ms steps(3, end) 480ms both}.fx--morning-sun.fx-on b{animation:fx-sun 960ms steps(6, end) both}.fx--morning-sun.fx-on i + i b{animation-delay:160ms}}@keyframes fx-gem{0%{opacity:1;transform:translate(0, 0) rotate(45deg)}90%{opacity:1;transform:translate(var(--dx), var(--dy)) rotate(45deg)}100%{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(45deg)}}@keyframes fx-ring{0%{opacity:0}30%{opacity:1}100%{opacity:0}}@keyframes fx-sun{0%{opacity:0;transform:translateY(100%)}30%{opacity:1}70%{opacity:1;transform:none}100%{opacity:0;transform:none}}