[data-icon] [data-part=knob]{transform:translate(10px)}[data-icon].playing [data-part=knob]{animation:icon-knob .9s cubic-bezier(.16,1,.3,1) both}@keyframes icon-knob{0%{transform:translate(0)}to{transform:translate(10px)}}[data-icon] [data-part=pulse]{opacity:0;transform-box:view-box;transform-origin:17px 12px}[data-icon].playing [data-part=pulse]{animation:icon-pulse 1.6s ease-out .35s 2 both}@keyframes icon-pulse{0%{opacity:0;transform:scale(.6)}35%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.85)}}[data-icon] [data-part=arc]{stroke-dasharray:100 100;stroke-dashoffset:65}[data-icon].playing [data-part=arc]{animation:icon-arc 1.6s ease-out both}@keyframes icon-arc{0%{stroke-dashoffset:100}to{stroke-dashoffset:65}}[data-icon] [data-part=forged]{opacity:1;transform:translateY(0)}[data-icon].playing [data-part=forged]{animation:icon-drop .9s cubic-bezier(.16,1,.3,1) .35s both}[data-icon] [data-part=drop]{opacity:1;transform:translateY(0)}[data-icon].playing [data-part=drop]{animation:icon-drop .9s cubic-bezier(.16,1,.3,1) .25s both}@keyframes icon-drop{0%{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}[data-icon] [data-part=travel]{opacity:1;transform:translate(0)}[data-icon].playing [data-part=travel]{animation:icon-travel .85s cubic-bezier(.16,1,.3,1) both}@keyframes icon-travel{0%{opacity:0;transform:translate(-7px)}to{opacity:1;transform:translate(0)}}[data-icon] [data-part=shackle]{transform:translateY(0)}[data-icon].playing [data-part=shackle]{animation:icon-shackle .5s cubic-bezier(.16,1,.3,1) .7s both}@keyframes icon-shackle{0%{transform:translateY(-3.5px)}to{transform:translateY(0)}}[data-icon] [data-part=draw]{stroke-dasharray:100 100;stroke-dashoffset:0}[data-icon].playing [data-part=draw]{animation:icon-draw .8s ease-out both}@keyframes icon-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}[data-icon] [data-part=approach]{opacity:1;transform:translate(0)}[data-icon].playing [data-part=approach]{animation:icon-approach .85s cubic-bezier(.16,1,.3,1) both}@keyframes icon-approach{0%{opacity:0;transform:translate(-9px)}to{opacity:1;transform:translate(0)}}[data-icon] [data-part=barrier]{transform-box:view-box;transform-origin:21px 12px;transform:rotate(0)}[data-icon].playing [data-part=barrier]{animation:icon-barrier .6s cubic-bezier(.34,1.4,.64,1) .95s both}@keyframes icon-barrier{0%{transform:rotate(-78deg)}to{transform:rotate(0)}}