.morphIcon{color:currentColor;width:1.1em;height:1.1em;display:block;position:relative}.morphIcon span{transform-origin:50%;transition:width .42s var(--springEase),height .42s var(--springEase),opacity .25s ease,clip-path .42s var(--springEase),border-radius .42s var(--springEase),transform .42s var(--springEase);background:currentColor;display:block;position:absolute;top:50%;left:50%}.morphIcon.morphPlay span:first-child{clip-path:polygon(8% 0,94% 50%,8% 100%);border-radius:.25em;width:.82em;height:.9em;transform:translate(-42%,-50%)}.morphIcon.morphPlay span:last-child{opacity:0;clip-path:inset(0);border-radius:.12em;width:.18em;height:.85em;transform:translate(5%,-50%)scaleX(.2)}.morphIcon.morphPause span:first-child,.morphIcon.morphPause span:last-child{opacity:1;clip-path:inset(0);border-radius:.05em;width:.25em;height:.85em}.morphIcon.morphPause span:first-child{transform:translate(-115%,-50%)}.morphIcon.morphPause span:last-child{transform:translate(70%,-50%)}