.chip.svelte-16avgf3{width:100%;aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0003;--ring-start: 70%;--ring-end: 85%;border-radius:50%;background:radial-gradient(circle at center,var(--primary-color) 0%,var(--primary-color) calc(var(--ring-start) / 1.4142),var(--ring-color) calc(var(--ring-start) / 1.4142),var(--ring-color) calc(var(--ring-end) / 1.4142),var(--primary-color) calc(var(--ring-end) / 1.4142),var(--primary-color) 100%)}.chip[data-round="3"].svelte-16avgf3{--primary-color: hsl(0, 80%, 40%);--ring-color: black}.chip[data-round="2"].svelte-16avgf3{--primary-color: hsl(25, 100%, 54%);--ring-color: black}.chip[data-round="1"].svelte-16avgf3{--primary-color: hsl(56, 100%, 50%);--ring-color: black}.chip[data-round="0"].svelte-16avgf3{--primary-color: hsl(0, 0%, 100%);--ring-color: black}.stars.svelte-16avgf3{width:var(--ring-start);aspect-ratio:1;position:relative}.star.svelte-16avgf3{--star-count: var(--sibling-count);--star-angle-step: calc(360deg / var(--star-count));color:var(--ring-color);width:22.5%;aspect-ratio:1;position:absolute;top:50%;left:50%;translate:-50% -50%;--star-radius: calc(44%*log(calc(var(--star-count) + 1), 2)) ;--star-rotation: calc(var(--sibling-index) * var(--star-angle-step) - 90deg)}.chip.svelte-16avgf3:not([data-count="1"]) .star:where(.svelte-16avgf3){transform:rotate(var(--star-rotation)) translate(var(--star-radius)) rotate(calc(var(--star-rotation) * -1))}