[data-field-type=rating]{--ff-rating-color-idle: #dddddd;--ff-rating-color-hover: #ffd700;--ff-rating-color-selected: #ff7700}[data-field-type=rating] .form-rating-field-wrapper{display:inline-block}[data-field-type=rating] .form-rating-field-wrapper:after{clear:both;display:table;content:""}[data-field-type=rating] .form-rating-field-wrapper:not(:checked)>input{position:absolute;left:-9999px;clip:rect(0, 0, 0, 0)}[data-field-type=rating] .form-rating-field-wrapper:not(:checked)>label{float:right;overflow:hidden;font-family:sans-serif;font-size:200%;font-weight:100;line-height:1.2;color:var(--ff-rating-color-idle);white-space:nowrap;cursor:pointer}[data-field-type=rating] .form-rating-field-wrapper:not(:checked)>label:before{content:"★ ";border:none}[data-field-type=rating] .form-rating-field-wrapper:not(:checked)>label:after{display:none;content:""}[data-field-type=rating] .form-rating-field-wrapper:not(:checked)>label:hover,[data-field-type=rating] .form-rating-field-wrapper:not(:checked)>label:hover~label{color:var(--ff-rating-color-hover)}[data-field-type=rating] .form-rating-field-wrapper>input:checked~label{color:var(--ff-rating-color-selected)}[data-field-type=rating] .form-rating-field-wrapper>input:checked+label:hover,[data-field-type=rating] .form-rating-field-wrapper>input:checked+label:hover~label,[data-field-type=rating] .form-rating-field-wrapper>input:checked~label:hover,[data-field-type=rating] .form-rating-field-wrapper>input:checked~label:hover~label,[data-field-type=rating] .form-rating-field-wrapper>label:hover~input:checked~label{color:var(--ff-rating-color-hover)}[data-field-type=rating] .form-rating-field-wrapper>label:active{position:relative;top:2px;left:2px}