.hpa-rating{clear:both;margin:20px 0 30px;color:#333;font-size:16px;line-height:1.5}
.hpa-rating .hpa-rating-buttons{display:flex;gap:1px;--shown:var(--rating)}
.hpa-rating .hpa-rating-buttons button{position:relative;display:block;box-sizing:border-box;width:44px;height:44px;padding:9px;border:0;background:transparent;color:#996d00;cursor:pointer}
.hpa-rating .hpa-rating-buttons button:disabled{cursor:default;opacity:1}
.hpa-rating svg{display:block;width:26px;height:26px;max-width:none}
.hpa-rating .hpa-rating-empty{display:block;color:#777}
.hpa-rating .hpa-rating-empty svg{fill:none;stroke:currentColor;stroke-width:1.2}
.hpa-rating .hpa-rating-fill{position:absolute;left:9px;top:9px;width:clamp(0px,calc((var(--shown) - var(--star) + 1)*26px),26px);overflow:hidden;color:#996d00}
.hpa-rating .hpa-rating-fill svg{fill:currentColor}
.hpa-rating button:focus-visible{outline:2px solid #333;outline-offset:0}
.hpa-rating p{margin:3px 0 8px!important;font-size:16px!important}
.hpa-rating small{display:block;font-size:12px;line-height:1.5;max-width:62ch}
.hpa-rating a{color:#a9322d;text-decoration:underline}
.hpa-rating-status:empty{display:none}
.hpa-rating-status[data-state=error]{color:#a11919}