.demo-motion-icon{width:18px;height:18px;flex-shrink:0;overflow:visible;vertical-align:middle}
@media(prefers-reduced-motion:no-preference){
#chatSubnav a:is(:hover,:focus-visible) .ink{animation:demo-ink 1s ease both}
#chatSubnav a:is(:hover,:focus-visible) .pen{animation:demo-pen 1s ease both}
#chatSubnav a:is(:hover,:focus-visible) .clock-hand{transform-origin:12px 12px;animation:demo-clock 1s cubic-bezier(.3,0,.2,1) both}
#chatSubnav a:is(:hover,:focus-visible) .gown{transform-origin:12px 11px;animation:demo-gown 1s ease both}
#chatSubnav a:is(:hover,:focus-visible) .coin{animation:demo-coin 1s ease both}
#chatSubnav a:is(:hover,:focus-visible) .wallet-flap{transform-origin:19px 14px;animation:demo-flap 1s ease both}
}
@keyframes demo-ink{0%{stroke-dasharray:1;stroke-dashoffset:1}75%,100%{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes demo-pen{0%{transform:translate(-9px,0)}20%{transform:translate(-7px,-2px)}40%{transform:translate(-5px,1px)}60%{transform:translate(-3px,-2px)}80%{transform:translate(0,0)}100%{transform:translate(0,0)}}
@keyframes demo-clock{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes demo-gown{0%,100%{transform:scaleX(1)}35%{transform:scaleX(.45) skewY(-5deg)}70%{transform:scaleX(1.05) skewY(2deg)}}
@keyframes demo-coin{0%{opacity:0;transform:translateY(-5px)}20%{opacity:1;transform:translateY(-2px)}65%{opacity:1;transform:translateY(8px)}75%{opacity:0;transform:translateY(9px)}80%{opacity:0;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}
@keyframes demo-flap{0%,100%{transform:scaleX(1)}45%,70%{transform:scaleX(.65)}}