.star-rating{--stroke:#666;--fill:#ffc73a;flex-direction:row-reverse;justify-content:flex-end;gap:.3rem;display:flex}.star-rating input{opacity:0;pointer-events:none;position:absolute}.star-rating label{cursor:pointer}.star-rating svg{fill:#0000;width:2rem;height:2rem;stroke:var(--stroke);stroke-linejoin:bevel;stroke-dasharray:12;transition:stroke .2s,fill .5s;animation:4s linear infinite star-idle;overflow:visible}@keyframes star-idle{0%{stroke-dashoffset:24px}}.star-rating input:focus-visible+label svg,.star-rating label:hover svg{stroke:var(--fill)}.star-rating input:checked~label svg{fill:var(--fill);stroke:var(--fill);stroke-opacity:0;stroke-dasharray:0;stroke-linejoin:miter;stroke-width:8px;transition:all;animation:4s linear infinite star-idle,.75s backwards star-yippee}@keyframes star-yippee{0%{fill:var(--fill);fill-opacity:0;stroke-opacity:1;stroke:var(--stroke);stroke-dasharray:10;stroke-width:1px;stroke-linejoin:bevel;transform:scale(1)}30%{fill:var(--fill);fill-opacity:0;stroke-opacity:1;stroke:var(--stroke);stroke-dasharray:10;stroke-width:1px;stroke-linejoin:bevel;transform:scale(0)}30.1%{stroke:var(--fill);stroke-dasharray:0;stroke-linejoin:miter;stroke-width:8px}60%{fill:var(--fill);transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.star-rating svg{animation:none}}