.rating-selector{display:inline-flex;flex-direction:row-reverse;justify-content:center;align-items:center;max-width:400px;width:100%}.rating-selector label{position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;flex-grow:1;cursor:pointer}.rating-selector label>*:not(svg){display:inline-block;font-size:14px;text-align:center;pointer-events:none}.rating-selector label svg{stroke:var(--contrastPrimary)}.rating-selector>*:first-child[value="5"]~label{width:48px;flex-grow:initial;aspect-ratio:1/1}.rating-selector label:hover svg,.rating-selector label:hover~label svg{fill:var(--contrastPrimary)}.rating-selector input:checked+label svg,.rating-selector input:checked~input+label svg{fill:var(--contrastPrimary)}