:root{--c-InputRating-color-focusRing:var(--c-Token-color-1000);--c-InputRating-color-star:var(--c-Token-color-1000);--c-InputRating-color-description:var(--c-Token-color-grey-600);--c-InputRating-color-disabled:var(--c-Token-color-grey-400)}.c-InputRating .c-InputRating-label{margin-block-end:var(--c-Token-space-25)}.c-InputRating .c-InputRating-stars{border:none;display:flex;margin:0;padding:0}.c-InputRating .c-InputRating-star{cursor:pointer;padding-block:var(--c-Token-space-75);padding-inline:var(--c-Token-space-50);position:relative}.c-InputRating .c-InputRating-icon{color:var(--c-InputRating-color-star)}.c-InputRating-icon--full:is(.c-InputRating .c-InputRating-icon){display:none}.c-InputRating .c-InputRating-star:has(:focus-visible):after{border:2px solid var(--c-InputRating-color-focusRing);border-radius:8px;content:"";inset:4px 2px;position:absolute;z-index:1}.c-InputRating .c-InputRating-description{color:var(--c-InputRating-color-description)}.c-InputRating .c-InputRating-reset{align-items:center;display:flex;gap:var(--c-Token-space-75)}.c-InputRating .c-InputRating-selectedText{font-size:var(--c-Token-fontSize-50);font-weight:400;line-height:var(--c-Token-lineHeight-50)}:is(.c-InputRating .c-InputRating-selectedText):empty{display:none}.c-InputRating .c-InputRating-error{margin-block-start:var(--c-Token-space-50)}.c-InputRating:has(:disabled) .c-InputRating-star{cursor:default}.c-InputRating:has(:disabled) .c-InputRating-icon{color:var(--c-InputRating-color-disabled)}:is(.c-InputRating .c-InputRating-star:where(:has(:checked),:has(~.c-InputRating-star :checked))) .c-InputRating-icon--full{display:block}:is(.c-InputRating .c-InputRating-star:where(:has(:checked),:has(~.c-InputRating-star :checked))) .c-InputRating-icon--empty{display:none}:is(.c-InputRating:not(:has(:disabled)) .c-InputRating-star:where(:hover,:has(~.c-InputRating-star:hover))) .c-InputRating-icon--full{display:block}:is(.c-InputRating:not(:has(:disabled)) .c-InputRating-star:where(:hover,:has(~.c-InputRating-star:hover))) .c-InputRating-icon--empty{display:none}:is(.c-InputRating:not(:has(:disabled)) .c-InputRating-star:hover~.c-InputRating-star:where(:has(~.c-InputRating-star :checked),:has(:checked))) .c-InputRating-icon--full{display:none}:is(.c-InputRating:not(:has(:disabled)) .c-InputRating-star:hover~.c-InputRating-star:where(:has(~.c-InputRating-star :checked),:has(:checked))) .c-InputRating-icon--empty{display:block}