.lx-icon-fill {
                    --lx-fill-width: calc(100% - var(--lx-rating-percent, 0%));
                    clip-path: inset(0 var(--lx-fill-width, 0) 0 0);
                }

                .lx-icon-line {
                    clip-path: inset(0 0 0 var(--lx-rating-percent, 0%));
                }

                [data-lx-fill='empty'] {
                    --lx-rating-percent: 0%;
                }

                [data-lx-fill='half'] {
                    --lx-rating-percent: 50%;
                }

                [data-lx-fill='full'] {
                    --lx-rating-percent: 100%;
                }