@layer elements{.rating{font-size:var(--font-size-base);align-items:center;gap:2px;line-height:1;display:inline-flex}.rating--small{font-size:var(--font-size-small)}.rating--large{font-size:var(--font-size-extra)}.rating--extra{font-size:var(--font-size-xxl);gap:4px}.rating--disabled{opacity:.6;pointer-events:none}.rating__star{width:1em;height:1em;color:var(--color-grey-white-70);display:block;position:relative}.rating__star svg{fill:currentColor;display:block}.rating__star:after{content:"";width:var(--rating-star-fill,0%);background-color:var(--rating-color);transition:width var(--transition-turbo);position:absolute;inset:0;overflow:hidden;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5-5.8-3-5.8 3 1.1-6.5L2.6 9.3l6.5-.9L12 2.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5-5.8-3-5.8 3 1.1-6.5L2.6 9.3l6.5-.9L12 2.5z'/%3E%3C/svg%3E");-webkit-mask-position:0;mask-position:0;-webkit-mask-size:1em 1em;mask-size:1em 1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.rating--editable{gap:6px}.rating__control{cursor:pointer;display:block}.rating__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.rating__control-star{transition:transform var(--transition-turbo);display:block}.rating--editable .rating__star{color:#0000;stroke:var(--rating-color)}.rating--editable .rating__star svg{stroke:var(--rating-color);stroke-width:1.5px;stroke-linejoin:round}.rating__control:hover .rating__control-star{transform:scale(1.1)}.rating__input:focus-visible+.rating__control-star{outline:2px solid var(--color-first);outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion:reduce){.rating__star:after,.rating__control-star{transition:none}}}