.vcr-widget {
--vcr-active:   #f5a623;
--vcr-inactive: #d0d0d0;
--vcr-hover:    #f5a623;
--vcr-size:     32px;
display:        flex;
flex-direction: column;
gap:            8px;
font-family:    inherit;
}
.vcr-align-left   { align-items: flex-start; }
.vcr-align-center { align-items: center; }
.vcr-align-right  { align-items: flex-end; } .vcr-label {
margin:      0;
font-size:   0.875em;
line-height: 1.4;
} .vcr-stars {
display:     flex;
gap:         4px;
align-items: center;
} .vcr-star { all:             unset;
box-sizing:      border-box;
background:      var(--vcr-star-bg, transparent) !important;
border:          var(--vcr-star-border, none)     !important;
border-radius:   var(--vcr-star-radius, 0px)      !important;
box-shadow:      none                             !important;
padding:         0                                !important;
margin:          0                                !important;
outline:         none                             !important;
cursor:          pointer;
width:           var(--vcr-size);
height:          var(--vcr-size);
display:         flex;
align-items:     center;
justify-content: center;
transition:      transform 0.12s ease;
flex-shrink:     0;
-webkit-appearance: none;
appearance:      none;
}
.vcr-star:focus-visible {
outline:        2px solid var(--vcr-active) !important;
outline-offset: 2px;
border-radius:  var(--vcr-star-radius, 0px) !important;
}
.vcr-star svg {
width:       100%;
height:      100%;
fill:        var(--vcr-inactive);
transition:  fill 0.12s ease;
pointer-events: none;
display:     block;
} .vcr-star.is-active svg {
fill: var(--vcr-active);
} .vcr-star.is-hovered svg {
fill: var(--vcr-hover);
}
.vcr-star.is-hovered {
transform: scale(1.15);
} .vcr-widget.is-voted .vcr-star {
cursor: default;
}
.vcr-widget.is-voted .vcr-star:focus-visible {
outline: none;
} .vcr-stats {
display:     flex;
gap:         6px;
align-items: center;
flex-wrap:   wrap;
font-size:   0.8em;
line-height: 1.4;
min-height:  1.2em;
}
.vcr-stats.is-hidden {
visibility: hidden;
}
.vcr-average {
font-weight: 600;
} .vcr-voted-msg {
margin:    0;
font-size: 0.8em;
min-height: 1.2em;
} .vcr-widget.is-loading .vcr-star svg {
opacity: 0.4;
} .vcr-widget.is-submitting .vcr-star {
pointer-events: none;
opacity:        0.6;
}