.hm{position:relative;display:inline-block;white-space:nowrap}.hm__svg{position:absolute;overflow:visible;pointer-events:none;fill:none}.hm--underline .hm__svg{left:-2%;width:104%;bottom:-.16em;height:.22em}.hm--circle .hm__svg{left:-8%;width:116%;top:-18%;height:136%}.hm__svg path{stroke:var(--accent-play);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.hm[data-state=waiting] .hm__svg path{stroke-dashoffset:1}.hm[data-state=drawing] .hm__svg path{animation:hm-draw .9s cubic-bezier(.2,.7,.1,1) both}@keyframes hm-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.hm__svg path{animation:none!important;stroke-dashoffset:0!important}}