@layer equip{.eq-rating{--_icon:22px;--_hit:var(--eq-h-s);gap:var(--eq-space-1);font-family:var(--eq-font);color:var(--eq-ink);flex-direction:column;display:inline-flex}.eq-rating[data-size=s]{--_icon:16px;--_hit:24px}.eq-rating[data-readonly]{vertical-align:middle;flex-direction:row;align-items:center;gap:2px}.eq-rating-label{width:fit-content;font:var(--eq-weight-strong) var(--eq-text-s) / 1.3 var(--eq-font)}.eq-rating-stars{margin-inline-start:calc((var(--_icon) - var(--_hit)) / 2);display:flex}.eq-rating-star{--_clip:100%;--_fill:var(--eq-ink);width:var(--_hit);height:var(--_hit);border-radius:var(--eq-radius-s);transition:scale var(--eq-dur) var(--eq-ease);flex:none;place-items:center;display:grid;position:relative}.eq-rating[data-readonly] .eq-rating-star{width:var(--_icon);height:var(--_icon)}.eq-rating-star[data-fill=full]{--_clip:0%}.eq-rating-star[data-fill=half]{--_clip:50%}.eq-rating-outline,.eq-rating-fill{width:var(--_icon);height:var(--_icon);grid-area:1/1}.eq-rating-outline{color:var(--eq-line-strong)}.eq-rating-fill{color:var(--_fill);clip-path:inset(0 var(--_clip) 0 0);transition:clip-path var(--eq-dur) var(--eq-ease), color var(--eq-dur) var(--eq-ease)}.eq-rating-star[data-popped] .eq-rating-fill{animation:eq-rating-pop var(--eq-dur-move) var(--eq-spring)}@keyframes eq-rating-pop{0%{scale:.5}}.eq-rating-input{opacity:0;appearance:none;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (hover:hover){.eq-rating-stars:hover .eq-rating-star{--_clip:100%}.eq-rating-stars .eq-rating-star:is(:hover,:has(~.eq-rating-star:hover)){--_clip:0%;--_fill:var(--eq-ink-2)}.eq-rating-stars .eq-rating-star[data-fill=full]:is(:hover,:has(~.eq-rating-star:hover)){--_fill:var(--eq-ink)}}.eq-rating-stars .eq-rating-star:active{scale:var(--eq-press)}.eq-rating-star:has(.eq-rating-input:focus-visible){outline:2px solid var(--eq-focus);outline-offset:-2px}}