toujou-rating-radios{--star-full:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTEyIDE3LjI3IDE4LjE4IDIxbC0xLjY0LTcuMDNMMjIgOS4yNGwtNy4xOS0uNjJMMTIgMiA5LjE5IDguNjIgMiA5LjI0bDUuNDUgNC43M0w1LjgyIDIxIDEyIDE3LjI3WiIvPjwvc3ZnPg==");--star-empty:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0ibTEyIDE1LjM5LTMuNzYgMi4yNy45OS00LjI4LTMuMzItMi44OCA0LjM4LS4zN0wxMiA2LjA5bDEuNzEgNC4wNCA0LjM4LjM3LTMuMzIgMi44OC45OSA0LjI4TTIyIDkuMjRsLTcuMTktLjYxTDEyIDIgOS4xOSA4LjYzIDIgOS4yNGw1LjQ1IDQuNzNMNS44MiAyMSAxMiAxNy4yNyAxOC4xOCAyMWwtMS42NC03LjAzTDIyIDkuMjRaIi8+PC9zdmc+");--rating-radio-icon-size:1.75rem;--rating-radio-icon-default-color:var(--font-color--light);--rating-radio-icon-default-hover:var(--secondary-color--dark);--rating-radio-icon-default-checked:var(--secondary-color);align-items:center;display:flex;gap:1rem;justify-content:space-between;width:-moz-fit-content;width:fit-content}toujou-rating-radios::part(numeric-value):after{content:" / "}.rating-radio__wrapper{border:none;display:flex;flex-direction:row;justify-content:flex-end;margin:0;padding:0}.rating-radio__wrapper:focus-within{outline:var(--toujou-focus-outline);outline-offset:var(--toujou-focus-outline-offset)}.rating-radio:checked,.rating-radio:has(~.rating-radio:checked){background-color:var(--rating-radio-icon-default-checked);mask-image:var(--star-full);-webkit-mask-image:var(--star-full)}.rating-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--rating-radio-icon-default-color);height:var(--rating-radio-icon-size);mask-image:var(--star-empty);-webkit-mask-image:var(--star-empty);mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;width:var(--rating-radio-icon-size)}.rating-radio.rating-radio--hide{display:none}.rating-radio:focus-visible{background-color:var(--rating-radio-icon-default-checked)}.rating-radio:has(~.rating-radio:focus-visible){background-color:var(--rating-radio-icon-default-checked)}.rating-radio:has(~.rating-radio:checked):focus-visible{background-color:var(--rating-radio-icon-default-checked)}@media (hover:hover){.rating-radio:hover{background-color:var(--rating-radio-icon-default-checked);cursor:pointer}.rating-radio:has(~.rating-radio:hover){background-color:var(--rating-radio-icon-default-checked)}.rating-radio:has(~.rating-radio:checked):hover{background-color:var(--rating-radio-icon-default-checked)}}