.rate{height:46px;padding:0 10px}.rate:not(:checked)>input{position:absolute;top:-9999px}.rate:not(:checked)>label{white-space:nowrap;cursor:pointer;color:#ccc;width:1em;font-size:30px;overflow:hidden}.rate:not(:checked)>label:before{content:"★ "}.rate>input:checked~label{color:#ffc700}.rate:not(:checked)>label:hover,.rate:not(:checked)>label:hover~label,.rate>input:checked+label:hover,.rate>input:checked+label:hover~label,.rate>input:checked~label:hover,.rate>input:checked~label:hover~label,.rate>label:hover~input:checked~label{color:#ffe200}