コンテンツへスキップ
<定義 /> <パス d="M11.335 21.072 7.58 23.18c-2.012 1.121-4.416-.621-3.97-2.877l.837-4.227a1.367 1.367 0 0 0-.405-1.256L.868 11.888c-1.689-1.567-.77-4.39 1.526-4.66l4.281-.513a1.357 1.357 0 0 0 1.067-.77l1.81-3.903c.959-2.094 3.944-2.094 4.903 0l1.81 3.903c.202.432.594.716 1.067.77l4.281.513c2.283.27 3.215 3.107 1.513 4.66l-3.16 2.917c-.352.324-.5.797-.406 1.256l.838 4.228c.445 2.255-1.959 4.011-3.971 2.877l-3.755-2.107a1.358 1.358 0 0 0-1.324 0l-.013.013Z" /> <パス 塗りつぶしルール="偶奇" d="M4.041 14.819c.338.324.5.796.406 1.256l-.838 4.227C3.164 22.558 5.568 24.3 7.58 23.18l3.755-2.107.013-.013c.42-.23.919-.23 1.324 0l3.755 2.107c2.012 1.134 4.416-.622 3.97-2.877l-.837-4.228a1.336 1.336 0 0 1 .405-1.256l3.16-2.917c1.703-1.553.77-4.39-1.512-4.66l-4.281-.513a1.329 1.329 0 0 1-1.067-.77l-1.81-3.903c-.96-2.094-3.944-2.094-4.903 0l-1.81 3.903a1.357 1.357 0 0 1-1.067.77l-4.281.513c-2.296.27-3.215 3.093-1.526 4.66l3.173 2.93ZM2.227 10.42h.001l3.185 2.941.014.014a3.367 3.367 0 0 1 .98 3.093l-.836 4.22a.702.702 0 0 0 1.034.744l.002-.001 3.509-1.97.02-.02.25-.137a3.358 3.358 0 0 1 3.267.01l.005.003 3.751 2.105a.7.7 0 0 0 1.027-.747l-.837-4.22a3.334 3.334 0 0 1 1.01-3.12l3.169-2.925c.416-.38.209-1.125-.4-1.197h-.003L17.098 8.7a3.328 3.328 0 0 1-2.644-1.907l-.004-.008-1.813-3.911a.699.699 0 0 0-1.267 0l-.003.008L9.55 6.801l-.007.015a3.357 3.357 0 0 1-2.634 1.885l-4.282.513a.698.698 0 0 0-.4 1.207Z" クリップルール="evenodd" /> <定義> <スタイル> .lx-アイコン塗りつぶし{ --lx-fill-width: calc(100% - var(--lx-rating-percent, 0%)); クリップパス: inset(0 var(--lx-fill-width, 0) 0 0); } .lx-アイコンライン { クリップパス: inset(0 0 0 var(--lx-rating-percent, 0%)); } [データ-lx-fill='空'] { --lx評価パーセント: 0%; } [データ-lx-fill='半分'] { --lx評価パーセント: 50%; } [データ-lx-fill='full'] { --lx評価パーセント: 100%; }
