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