@keyframes star-animation{0%{fill:#d0d8e0;stroke:#d0d8e0;stroke-width:2;opacity:1;transform:scale(1) rotate(-72deg);-webkit-transform:rotate(-72deg) scale(1)}50%{transform:scale(1.25);-webkit-transform:scale(1.25)}65%{transform:scale(.5);-webkit-transform:scale(.5)}80%{stroke:gold;transform:scale(1.1) rotate(-3deg);-webkit-transform:scale(1.1) rotate(-3deg)}to{fill:gold;stroke:gold;transform:scale(1) rotate(0);-webkit-transform:scale(1) rotate(0deg)}}@keyframes circle-animation{0%{opacity:0;transform:scale(0);-webkit-transform:scale(0)}30%{opacity:.3;transform:scale(1.25);-webkit-transform:scale(1.25)}60%{opacity:.3;transform:scale(1.75);-webkit-transform:scale(1.75)}to{opacity:0;transform:scale(3);-webkit-transform:scale(3)}}.review-stars{grid-gap:0 calc(var(--size)/2);align-items:center;background:#fff;border-radius:100px;display:flex;justify-content:center;position:relative}svg.review-star{display:block;height:var(--size);overflow:visible;width:var(--size)}svg.review-star *{pointer-events:none}svg.review-star path.star{stroke:transparent;stroke-width:0}svg.review-star path.star.on{fill:gold;opacity:0}svg.review-star path.star.off{fill:#d0d8e0}svg.review-star circle{opacity:0;transform:scale(2);-webkit-transform:scale(2)}svg.review-star *,svg.review-star circle{transform-origin:center}.loading-skeleton .review-star{fill:#d0d8e0}svg.review-star.animate-star .star.on{fill:gold;stroke:none;animation:star-animation .6s ease-out;animation-delay:0s;animation-delay:var(--delay,0s);opacity:1;transform:rotate(0) scale(1);-webkit-transform:rotate(0deg) scale(1)}svg.review-star.animate-star .star.on+circle{stroke:none;fill:#ffe34d;animation:circle-animation .6s cubic-bezier(.47,0,.745,.715) .25s}svg.review-star.filled .star.on{opacity:1;transition:none}