.rating-stars{--_rating-stars-size:var(--rating-stars-size,1rem);--_rating-stars-gap:var(--rating-stars-gap,0px);--_rating-stars-fill-color:var(--rating-stars-fill-color,currentColor);--_rating-stars-outline-color:var(--rating-stars-outline-color,currentColor);--_rating-stars-outline-opacity:var(--rating-stars-outline-opacity,1);gap:var(--_rating-stars-gap);width:fit-content;height:var(--_rating-stars-size);vertical-align:top;display:inline-flex}.rating-stars__star{flex:0 0 var(--_rating-stars-size);width:var(--_rating-stars-size);height:var(--_rating-stars-size);position:relative}.rating-stars__outline,.rating-stars__fill-icon{background-color:var(--_rating-stars-outline-color);display:block;position:absolute;inset:0;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='star'%3e%3cmask%20id='mask0_0_4'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20id='Bounding%20box'%20width='16'%20height='16'%20fill='black'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_0_4)'%3e%3cpath%20id='star%20(Stroke)'%20d='M9.86654%205.75L14.6667%206.16667L11.0332%209.31641L12.1165%2014L8%2011.5169L3.88346%2014L4.9668%209.31641L1.33333%206.16667L6.13346%205.75L8%201.33333L9.86654%205.75ZM6.59115%206.37956L2.95964%206.69401L5.70638%209.07617L4.88737%2012.6152L8%2010.7383L11.112%2012.6152L10.2936%209.07617L13.0397%206.69401L9.40885%206.37956L8%203.04557L6.59115%206.37956Z'%20fill='black'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='star'%3e%3cmask%20id='mask0_0_4'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20id='Bounding%20box'%20width='16'%20height='16'%20fill='black'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_0_4)'%3e%3cpath%20id='star%20(Stroke)'%20d='M9.86654%205.75L14.6667%206.16667L11.0332%209.31641L12.1165%2014L8%2011.5169L3.88346%2014L4.9668%209.31641L1.33333%206.16667L6.13346%205.75L8%201.33333L9.86654%205.75ZM6.59115%206.37956L2.95964%206.69401L5.70638%209.07617L4.88737%2012.6152L8%2010.7383L11.112%2012.6152L10.2936%209.07617L13.0397%206.69401L9.40885%206.37956L8%203.04557L6.59115%206.37956Z'%20fill='black'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.rating-stars__outline{opacity:var(--_rating-stars-outline-opacity)}.rating-stars__fill{display:block;position:absolute;inset:0 auto 0 0;overflow:hidden}.rating-stars__fill-icon{width:var(--_rating-stars-size);background-color:var(--_rating-stars-fill-color);-webkit-mask-image:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='star'%3e%3cmask%20id='mask0_0_7'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20id='Bounding%20box'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_0_7)'%3e%3cpath%20id='star_2'%20d='M4.96667%209.31667L3.88333%2014L8%2011.5167L12.1167%2014L11.0333%209.31667L14.6667%206.16667L9.86667%205.75L8%201.33333L6.13333%205.75L1.33333%206.16667L4.96667%209.31667Z'%20fill='black'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='star'%3e%3cmask%20id='mask0_0_7'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20id='Bounding%20box'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_0_7)'%3e%3cpath%20id='star_2'%20d='M4.96667%209.31667L3.88333%2014L8%2011.5167L12.1167%2014L11.0333%209.31667L14.6667%206.16667L9.86667%205.75L8%201.33333L6.13333%205.75L1.33333%206.16667L4.96667%209.31667Z'%20fill='black'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}
