.stars{vertical-align:middle;align-items:center;gap:1px;line-height:1;display:inline-flex}.star{flex:none;display:block}.star__empty{fill:var(--star-empty)}.star__full{fill:var(--star)}.stars .star__empty{fill:#0000}.star-input{cursor:pointer;border-radius:4px;gap:2px;margin:-2px;padding:2px;display:inline-flex}.star-input__hit{transition:transform .12s var(--ease-out);display:block}.star-input__hit:active{transform:scale(.92)}.star-input[data-hovering] .star__full{fill:color-mix(in srgb, var(--star) 80%, var(--ink))}