@keyframes play-to-pause{0%{opacity:1;transform:rotate(0)scale(1)}50%{opacity:0;transform:rotate(-45deg)scale(.7)}51%{opacity:0;transform:rotate(45deg)scale(.7)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes pause-to-play{0%{opacity:1;transform:rotate(0)scale(1)}50%{opacity:0;transform:rotate(45deg)scale(.7)}51%{opacity:0;transform:rotate(-45deg)scale(.7)}to{opacity:1;transform:rotate(0)scale(1)}}.icon-swap-play-to-pause{backface-visibility:hidden;will-change:transform,opacity;animation:.3s cubic-bezier(.4,0,.2,1) forwards play-to-pause}.icon-swap-pause-to-play{backface-visibility:hidden;will-change:transform,opacity;animation:.3s cubic-bezier(.4,0,.2,1) forwards pause-to-play}.icon-static-play,.icon-static-pause{opacity:1;backface-visibility:hidden;transform:rotate(0)scale(1)}.icon-hidden{opacity:0;pointer-events:none;transform:scale(.5)}