/* WILT Motion (includes/motion.php). Classes are added by wilt-motion.js only: without JS nothing here applies. */
/* Registered, non-inheriting: changing them restyles only the card and its ring, never the card's contents. */
@property --wfm-x{syntax:"<length>";inherits:false;initial-value:0px}
@property --wfm-y{syntax:"<length>";inherits:false;initial-value:0px}
@property --wfm-tx{syntax:"<length>";inherits:false;initial-value:0px}
@property --wfm-ty{syntax:"<length>";inherits:false;initial-value:0px}
@property --wfm-o{syntax:"<number>";inherits:false;initial-value:0}
.wfm-p{position:relative}
.wfm-on.wfm-g::after,.wfm-on.wfm-gb::before,.wfm-pl.wfm-g::after,.wfm-pl.wfm-gb::before{--wfm-x:inherit;--wfm-y:inherit;--wfm-tx:inherit;--wfm-ty:inherit;--wfm-o:inherit;content:"";position:absolute;inset:var(--wfm-b,0);border-radius:inherit;padding:2px;pointer-events:none;
	background:radial-gradient(closest-side,#fff,#e6d2ff 22%,#ad6dff 48%,rgba(131,63,221,.4) 76%,transparent) calc(var(--wfm-x) - 110px) calc(var(--wfm-y) - 110px)/220px 220px no-repeat,radial-gradient(closest-side,rgba(131,63,221,.75),transparent) calc(var(--wfm-tx) - 210px) calc(var(--wfm-ty) - 210px)/420px 420px no-repeat;
	-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
	opacity:var(--wfm-o,0)}
.wfm-g.wfm-pl::after,.wfm-gb.wfm-pl::before{animation:wfm-pl .75s cubic-bezier(.2,.7,.3,1)}
@keyframes wfm-pl{0%{opacity:.9}100%{opacity:0}}
html.wfm .wfm-rv{opacity:0}
.wfm-rp{position:fixed;z-index:5;overflow:hidden;pointer-events:none;contain:strict;mix-blend-mode:screen}
.wfm-rp i{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(205,170,255,.34),rgba(131,63,221,.16) 42%,transparent 70%);transform:scale(.08);opacity:.95;animation:wfm-rp .7s cubic-bezier(.2,.7,.25,1) forwards}
@keyframes wfm-rp{to{transform:scale(1);opacity:0}}
@media (prefers-reduced-motion:reduce){
	.wfm-g::after,.wfm-gb::before{background:rgba(173,109,255,.7)}
	html.wfm .wfm-rv{opacity:1}
	.wfm-rp{display:none}}
@media print{html.wfm .wfm-rv{opacity:1}.wfm-g::after,.wfm-gb::before,.wfm-rp{display:none}}
