.vue-stars{display:inline-flex;flex-flow:row nowrap;align-items:flex-start center;line-height:1em}.vue-stars label{display:block;padding:.125em;width:1.2em;text-align:center;color:#fd0;text-shadow:0 0 .3em #ff0}.vue-stars.notouch:not(.readonly):hover label .inactive,.vue-stars.notouch:not(.readonly) label:hover~label .active,.vue-stars input,.vue-stars input:checked~label .active,.vue-stars label .inactive{display:none}.vue-stars.notouch:not(.readonly):hover label .active,.vue-stars.notouch:not(.readonly) label:hover~label .inactive,.vue-stars input:checked~label .inactive{display:inline}.vue-stars.notouch:not(.readonly):hover label{color:#dd0;text-shadow:0 0 .3em #ff0}.vue-stars.notouch:not(.readonly) label:hover~label,.vue-stars input:checked~label{color:#999;text-shadow:none}@supports (color:var(--prop)){.vue-stars label{color:#fd0;color:var(--active-color,#fd0)}.vue-stars.notouch:not(.readonly):hover label,.vue-stars label{text-shadow:0 0 .2em #ff0;text-shadow:0 0 .2em var(--shadow-color,#ff0)}.vue-stars.notouch:not(.readonly):hover label{color:#dd0;color:var(--hover-color,#dd0)}.vue-stars.notouch:not(.readonly) label:hover~label,.vue-stars input:checked~label{color:#999;color:var(--inactive-color,#999)}}