@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.pi-icon svg{transition:transform .6s cubic-bezier(.16,1,.3,1)}.group:hover .pi-icon .pi-stroke{stroke-dasharray:1;animation:.6s ease-out both pi-draw}.group:hover .pi-icon .pi-stroke:nth-child(2){animation-delay:60ms}.group:hover .pi-icon .pi-stroke:nth-child(3){animation-delay:.12s}.group:hover .pi-icon .pi-stroke:nth-child(4){animation-delay:.18s}.group:hover .pi-icon .pi-stroke:nth-child(5){animation-delay:.24s}.group:hover .pi-icon .pi-stroke:nth-child(n+6){animation-delay:.3s}.group:hover .pi-icon svg[data-m=up]{transform:translateY(-1.5px)}.group:hover .pi-icon svg[data-m=down]{transform:translateY(1.5px)}.group:hover .pi-icon svg[data-m=fwd]{transform:translate(1.5px)}[dir=rtl] .group:hover .pi-icon svg[data-m=fwd]{transform:translate(-1.5px)}.group:hover .pi-icon svg[data-m=tilt]{transform:rotate(-6deg)}.group:hover .pi-icon svg[data-m=turn]{transform:rotate(12deg)}}@keyframes pi-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}