.stars{background-repeat:no-repeat;background-size:contain;display:inline-block;height:24px;position:relative;width:120px}.stars--0{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 50'%3E%3Cdefs%3E%3Csymbol id='a' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse width='50' height='50' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='50' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='100' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='150' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='200' fill='%23f1f1f1' href='%23a'/%3E%3C/svg%3E")}.stars--1{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 50'%3E%3Cdefs%3E%3CclipPath id='b'%3E%3Cpath d='M0 0h25v50H0z'/%3E%3C/clipPath%3E%3Csymbol id='a' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse width='50' height='50' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' fill='%23f1a246' clip-path='url(%23b)' href='%23a'/%3E%3Cuse width='50' height='50' x='50' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='100' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='150' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='200' fill='%23f1f1f1' href='%23a'/%3E%3C/svg%3E")}.stars--2{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 50'%3E%3Cdefs%3E%3Csymbol id='a' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse width='50' height='50' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='50' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='100' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='150' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='200' fill='%23f1f1f1' href='%23a'/%3E%3C/svg%3E")}.stars--3{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 50'%3E%3Cdefs%3E%3CclipPath id='b'%3E%3Cpath d='M0 0h25v50H0z'/%3E%3C/clipPath%3E%3Csymbol id='a' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse width='50' height='50' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='50' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='50' fill='%23f1a246' clip-path='url(%23b)' href='%23a'/%3E%3Cuse width='50' height='50' x='100' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='150' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='200' fill='%23f1f1f1' href='%23a'/%3E%3C/svg%3E")}.stars--4{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 50'%3E%3Cdefs%3E%3Csymbol id='a' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse width='50' height='50' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='50' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='100' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='150' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='200' fill='%23f1f1f1' href='%23a'/%3E%3C/svg%3E")}.stars--5{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 50'%3E%3Cdefs%3E%3CclipPath id='b'%3E%3Cpath d='M0 0h25v50H0z'/%3E%3C/clipPath%3E%3Csymbol id='a' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse width='50' height='50' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='50' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='100' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='100' fill='%23f1a246' clip-path='url(%23b)' href='%23a'/%3E%3Cuse width='50' height='50' x='150' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='200' fill='%23f1f1f1' href='%23a'/%3E%3C/svg%3E")}.stars--6{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 50'%3E%3Cdefs%3E%3Csymbol id='a' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse width='50' height='50' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='50' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='100' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='150' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='200' fill='%23f1f1f1' href='%23a'/%3E%3C/svg%3E")}.stars--7{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 50'%3E%3Cdefs%3E%3CclipPath id='b'%3E%3Cpath d='M0 0h25v50H0z'/%3E%3C/clipPath%3E%3Csymbol id='a' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse width='50' height='50' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='50' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='100' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='150' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='150' fill='%23f1a246' clip-path='url(%23b)' href='%23a'/%3E%3Cuse width='50' height='50' x='200' fill='%23f1f1f1' href='%23a'/%3E%3C/svg%3E")}.stars--8{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 50'%3E%3Cdefs%3E%3Csymbol id='a' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse width='50' height='50' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='50' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='100' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='150' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='200' fill='%23f1f1f1' href='%23a'/%3E%3C/svg%3E")}.stars--9{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 50'%3E%3Cdefs%3E%3CclipPath id='b'%3E%3Cpath d='M0 0h25v50H0z'/%3E%3C/clipPath%3E%3Csymbol id='a' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse width='50' height='50' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='50' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='100' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='150' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='200' fill='%23f1f1f1' href='%23a'/%3E%3Cuse width='50' height='50' x='200' fill='%23f1a246' clip-path='url(%23b)' href='%23a'/%3E%3C/svg%3E")}.stars--10{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 50'%3E%3Cdefs%3E%3Csymbol id='a' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse width='50' height='50' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='50' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='100' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='150' fill='%23f1a246' href='%23a'/%3E%3Cuse width='50' height='50' x='200' fill='%23f1a246' href='%23a'/%3E%3C/svg%3E")}