{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Rate/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  empty: css`\n    /* Group opacity instead of the translucent colorFill so the star's stroke and fill don't double up where they overlap. */\n    color: ${cssVar.colorText};\n    opacity: 0.12;\n  `,\n  fill: css`\n    pointer-events: none;\n\n    position: absolute;\n    inset-block: 0;\n    inset-inline-start: 0;\n\n    overflow: hidden;\n    display: flex;\n  `,\n  half: css`\n    position: absolute;\n    inset-block: 0;\n    width: 50%;\n\n    &[data-half='start'] {\n      inset-inline-start: 0;\n    }\n\n    &[data-half='end'] {\n      inset-inline-end: 0;\n    }\n  `,\n  icon: css`\n    display: inline-flex;\n    flex: none;\n    align-items: center;\n    justify-content: center;\n  `,\n  root: css`\n    display: inline-flex;\n    align-items: center;\n    line-height: 1;\n    outline: none;\n\n    &[role='slider'] {\n      cursor: pointer;\n    }\n\n    &[role='slider']:focus-visible {\n      border-radius: 4px;\n      outline: 2px solid ${cssVar.colorText};\n      outline-offset: 2px;\n    }\n\n    &[aria-disabled='true'] {\n      cursor: not-allowed;\n      opacity: 0.5;\n    }\n  `,\n  star: css`\n    position: relative;\n\n    display: inline-flex;\n    flex: none;\n    align-items: center;\n    justify-content: center;\n\n    transition: transform 0.15s ease;\n\n    [role='slider']:not([aria-disabled='true']) > &:hover {\n      transform: scale(1.1);\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,OAAO,GAAG;;aAEC,OAAO,UAAU;;;CAG5B,MAAM,GAAG;;;;;;;;;;CAUT,MAAM,GAAG;;;;;;;;;;;;;CAaT,MAAM,GAAG;;;;;;CAMT,MAAM,GAAG;;;;;;;;;;;;2BAYgB,OAAO,UAAU;;;;;;;;;CAS1C,MAAM,GAAG;;;;;;;;;;;;;;;;;;AAkBX,EAAE"}