@mantine/core/styles/Rating.layer.css

React components library focused on usability, accessibility and developer experience

@layer mantine {.m-f8d312f2{--rating-size-xs:calc(0.875rem*var(--mantine-scale));--rating-size-sm:calc(1.125rem*var(--mantine-scale));--rating-size-md:calc(1.25rem*var(--mantine-scale));--rating-size-lg:calc(1.75rem*var(--mantine-scale));--rating-size-xl:calc(2rem*var(--mantine-scale));display:flex;width:max-content}.m-f8d312f2:where(:has(input:disabled)){pointer-events:none}.m-61734bb7{position:relative;transition:transform .1s ease}.m-61734bb7:where([data-active]){transform:scale(1.1);z-index:1}.m-5662a89a{display:block;height:var(--rating-size);width:var(--rating-size)}:where([data-mantine-color-scheme=light]) .m-5662a89a{fill:var(--mantine-color-gray-3);stroke:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m-5662a89a{fill:var(--mantine-color-dark-3);stroke:var(--mantine-color-dark-3)}.m-5662a89a:where([data-filled]){fill:var(--rating-color);stroke:var(--rating-color)}.m-211007ba{-webkit-tap-highlight-color:transparent;height:0;opacity:0;overflow:hidden;position:absolute;white-space:nowrap;width:0}.m-211007ba:focus-visible+label{outline:calc(.125rem*var(--mantine-scale)) solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem*var(--mantine-scale))}.m-21342ee4{-webkit-tap-highlight-color:transparent;cursor:pointer;display:block;left:0;position:absolute;top:0;z-index:var(--rating-item-z-index,0)}.m-21342ee4:where([data-read-only]){cursor:default}.m-21342ee4:where(:last-of-type){position:relative}.m-fae05d6a{clip-path:var(--rating-symbol-clip-path)}}