.kol-translator-rating__stars { display: inline-flex; direction: ltr; gap: .2rem; }
.kol-translator-rating__stars button { background: transparent; border: 0; color: var(--muted-foreground); cursor: pointer; font-size: 2rem; line-height: 1; padding: .25rem; }
.kol-translator-rating__stars button.is-filled { color: var(--rating); }
.kol-translator-rating__stars button:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.kol-translator-rating__stars button:disabled { opacity: .55; cursor: wait; }
.kol-translator-rating__status { min-height: 1.5em; }
.kol-translator-rating { display: grid; gap: .45rem; margin-block-start: 1.15rem; font-size: .85rem; }
.kol-translator-rating p { margin: 0; }
.kol-translator-rating__summary { display: flex; align-items: baseline; flex-wrap: wrap; gap: .4rem; color: var(--foreground); font-weight: 700; }
.kol-translator-rating__summary [data-rating-summary] { display: inline-flex; flex-wrap: wrap; gap: .35rem 1.25rem; }
.kol-translator-rating__count { color: var(--muted-foreground); font-weight: 400; }
.kol-translator-rating__summary > span:first-child { color: var(--rating); }
.kol-translator-rating__label, .kol-translator-rating__status { color: var(--muted-foreground); }
.kol-translator-rating [data-rating-controls] { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem .65rem; }
.kol-translator-rating__stars button { font-size: 1.35rem; }
.kol-translator-rating__status:empty { display: none; }
.kol-translator-rating__remove[hidden] { display: none; }
.kol-translator-rating__remove span { font-size: 1.25rem; line-height: 1; }