:root{--star-size:2.5rem;--star-color-empty:#ddd;--star-color-filled:#6fa700;--star-transition:0.2s ease-in-out}.arr-stars,.arr-stars-display{display:inline-flex;align-items:center;cursor:pointer}.arr-stars .star,.arr-stars-display .star{position:relative;font-size:var(--star-size);color:var(--star-color-empty);margin-right:4px;transition:color var(--star-transition),transform var(--star-transition)}.arr-stars .star::before,.arr-stars-display .star::before{content:' '}.arr-stars .star.selected,.arr-stars-display .filled{color:var(--star-color-filled);transform:scale(1.1)}.arr-stars .star:hover{color:var(--star-color-filled);transform:scale(1.2);filter:drop-shadow(0 0 2px rgba(245,179,1,.7))}.arr-stars-display .star{cursor:default}.arr-criteria,.breakdown-criteria{margin-bottom:1em}.arr-stars{margin-left:.5em}.arr-stars-display{margin:.25em 0}#arr-form{max-width:480px;margin:1em 0}#arr-comment{width:100%;padding:.5em;border:1px solid #ccc;border-radius:4px}#arr-submit{padding:.6em 1.2em;border:none;background:#6fa700;color:#fff;border-radius:4px;cursor:pointer;transition:background .2s}#arr-submit:hover{background:#e2a800}#arr-response{margin-top:.5em}.arr-breakdown{margin:1.5em 0}.bar-line{display:flex;align-items:center;font-size:.9rem;margin:4px 0}.avg-bar-line .bar,.bar{background:#eee;margin:0 .5em;overflow:hidden}.bar-label{width:2em}.bar{flex:1;height:8px;border-radius:4px}.arr-photos,.avg-bar-line{margin:.5em 0}.bar-fill{background:#6fa700;height:100%;transition:width .3s}.bar-count{width:2em;text-align:right}.avg-bar-line{display:flex;align-items:center}.avg-bar-line .bar-label{width:6em}.avg-bar-line .bar{flex:1;height:10px;border-radius:5px}.avg-bar-line .bar-fill{background:#6fa700;height:100%;transition:width .4s}.avg-bar-line .bar-score{width:3em;text-align:right}.arr-photos img{max-width:80px;max-height:80px;margin-right:6px;border-radius:4px;object-fit:cover}h3 span.filled{color:#6fa700;font-size:1.4em;margin-right:2px}h3 span:not(.filled){color:#ddd;font-size:1.4em;margin-right:2px}.arr-summary span.filled,.arr-summary-block span.filled{color:#6fa700;font-size:1.3em;margin-right:2px}.arr-summary span:not(.filled):not(.half),.arr-summary-block span:not(.filled){color:#ddd;font-size:1.3em;margin-right:2px}.arr-summary-block{margin:1em 0;font-family:sans-serif;font-size:1rem}.arr-summary span.half{color:#6fa700;font-size:1.3em;margin-right:2px;position:relative}.arr-summary span.half::before{content:'★';position:absolute;left:0;width:50%;overflow:hidden;display:inline-block}