@layer slean.reset,slean.tokens,slean.base,slean.components,slean.compositions,slean.utilities;@layer slean.components{:where([data-slean=rating]){display:inline-flex;align-items:center;min-inline-size:0;margin:0;padding:0;border:0}:where([data-slean=rating] legend){padding:0;margin-block-end:var(--slean-space-1);color:var(--slean-fg);font-size:var(--slean-text-sm);font-weight:var(--slean-font-weight-medium)}:where([data-slean=rating] label){position:relative;display:inline-grid;place-items:center;flex:none;inline-size:var(--slean-control-height-sm);block-size:var(--slean-control-height-sm);border-radius:var(--slean-radius-sm);color:var(--slean-fg-muted);cursor:pointer;-webkit-tap-highlight-color:transparent}:where([data-slean=rating] input[type=radio]){appearance:none;position:absolute;inset:0;margin:0;opacity:0;cursor:inherit}:where([data-slean=rating] label>span){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:where([data-slean=rating] svg){inline-size:1.375rem;block-size:1.375rem;overflow:visible;fill:var(--slean-muted);stroke:var(--slean-border-strong);stroke-width:1.5;stroke-linejoin:round;pointer-events:none;transition:fill var(--slean-duration-fast) var(--slean-ease),stroke var(--slean-duration-fast) var(--slean-ease)}:where([data-slean=rating] label:has(input:checked) svg),:where([data-slean=rating] label:has(~label input:checked) svg){fill:var(--slean-accent);stroke:var(--slean-accent)}:where([data-slean=rating] label:not(:has(svg))):before{content:"";inline-size:1rem;block-size:1rem;background:currentColor;-webkit-mask:var(--slean-icon-close) center / contain no-repeat;mask:var(--slean-icon-close) center / contain no-repeat}@media(hover:hover){:where([data-slean=rating]:not(:disabled):has(label:hover) svg){fill:var(--slean-muted);stroke:var(--slean-border-strong)}:where([data-slean=rating]:not(:disabled) label:hover svg),:where([data-slean=rating]:not(:disabled) label:has(~label:hover) svg){fill:var(--slean-accent-hover);stroke:var(--slean-accent-hover)}:where([data-slean=rating]:not(:disabled) label:not(:has(svg)):hover){color:var(--slean-fg)}}:where([data-slean=rating] label:has(input:focus-visible)){outline:var(--slean-focus-ring);outline-offset:calc(-1 * var(--slean-focus-ring-width))}:where([data-slean=rating]:disabled label){opacity:.5;cursor:not-allowed}@media(pointer:coarse){:where([data-slean=rating] label){inline-size:var(--slean-control-height-md);block-size:var(--slean-control-height-md)}}@media(forced-colors:active){:where([data-slean=rating] svg){forced-color-adjust:none;fill:Canvas;stroke:CanvasText}:where([data-slean=rating] label:has(input:checked) svg),:where([data-slean=rating] label:has(~label input:checked) svg){fill:Highlight;stroke:Highlight}:where([data-slean=rating] label:not(:has(svg))):before{forced-color-adjust:none;background:CanvasText}:where([data-slean=rating]:disabled label){color:GrayText;opacity:1}:where([data-slean=rating]:disabled label:not(:has(svg))):before{background:GrayText}:where([data-slean=rating]:disabled svg){stroke:GrayText}:where([data-slean=rating]:disabled label:has(input:checked) svg),:where([data-slean=rating]:disabled label:has(~label input:checked) svg){fill:GrayText;stroke:GrayText}}}
