:root{--stars-size: 20px;--stars-gap: 2px;--stars-pad: 4px;--stars-radius: 2px;--stars-color: var(--color-primary);--stars-color-blank: var(--color-surface-dark);--stars-fill: var(--color-surface-xlight)}body frml-stars{display:flex;gap:var(--stars-gap)}body frml-stars frml-icon{background:var(--stars-color);border-radius:var(--stars-radius);box-sizing:border-box;color:var(--stars-fill);padding:var(--stars-pad);text-align:center;width:var(--stars-size)}body frml-stars frml-icon.blank{background:var(--stars-color-blank)}body frml-stars frml-icon.half{background:linear-gradient(90deg, var(--stars-color) 50%, var(--stars-color-blank) 50%)}