{"version":3,"file":"star-rating/style-index.css","mappings":";;;AAAA,gBAAgB;AAAhB;;;;;EAAA;AAOA;EACI;EAAA;AACJ;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AACJ;AACI;EACI;EACA;EACA;EACA;EACA;EACA;AACR,C","sources":["webpack://wpopus/./src/star-rating/style.scss"],"sourcesContent":["/**\n * The following styles get applied both on the front of your site\n * and in the editor.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n.wpopus-star-rating {\n    width: max-content;\n}\n.wpopus-star-rating .star-rating {\n    --wpopus-rating: 3.3;\n    --wpopus-star-size: 60px;\n    --wpopus-star-basecolor: #dddddd;\n    --wpopus-star-highlightcolor: #f9d02f;\n    --wpopus-star-content: '★★★★★';\n    --wpopus-percent: calc(var(--wpopus-rating) / 5 * 100%);\n    \n    display: inline-block;\n    font-size: var(--wpopus-star-size);\n    font-family: Times; // make sure ★ appears correctly\n    line-height: 1;\n    \n    &::before {\n        content: var(--wpopus-star-content);\n        letter-spacing: 3px;\n        background: linear-gradient(90deg, var(--wpopus-star-highlightcolor) var(--wpopus-percent), var(--wpopus-star-basecolor) var(--wpopus-percent));\n        -webkit-background-clip: text;\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n}"],"names":[],"sourceRoot":""}