.ui-rating{display:inline-flex;align-items:center;gap:4rem;border-radius:var(--sys-shape-corner-medium);outline:none;touch-action:none}.ui-rating:focus-visible{outline:2rem solid var(--md-sys-color-secondary);outline-offset:2rem}.ui-rating--disabled{opacity:38%}.ui-rating__item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48rem;height:48rem;color:var(--md-sys-color-on-surface-variant)}.ui-rating__icon{font-size:32rem}.ui-rating__fill{position:absolute;inset-block:0;inset-inline-start:0;display:flex;align-items:center;overflow:hidden;color:var(--md-sys-color-primary);transition:width var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard)}.ui-rating--secondary .ui-rating__fill{color:var(--md-sys-color-secondary)}.ui-rating--tertiary .ui-rating__fill{color:var(--md-sys-color-tertiary)}.ui-rating--error .ui-rating__fill{color:var(--md-sys-color-error)}.ui-rating:hover .ui-rating__fill{opacity:72%}@media(prefers-reduced-motion:reduce){.ui-rating__fill{transition:none}}