/* Compact score under post titles on Home / archives */
.dpr-compact{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;
    margin:5px 0 8px;
    padding:0;
    font-size:13px;
    line-height:1.25;
    letter-spacing:.05px;
    color:inherit;
    opacity:.82;
}
.dpr-compact__score{font-size:13px;line-height:1;font-weight:900;opacity:1}
.dpr-compact__stars-wrap{position:relative;display:inline-block;font-size:15px;line-height:1;letter-spacing:1px;font-weight:700;white-space:nowrap;vertical-align:baseline}
.dpr-compact__stars-base{display:block;opacity:.20;white-space:nowrap}
.dpr-compact__stars-fill{position:absolute;left:0;top:0;display:block;overflow:hidden;white-space:nowrap;opacity:1}
.dpr-compact__new{font-size:11px;font-weight:800;letter-spacing:.8px;opacity:.72}

/* Full rating inside a single post */
.dpr-rating{
    margin:28px 0 18px;
    padding:16px 18px 15px;
    border:1px solid rgba(17,17,17,.28);
    border-radius:9px;
    background:#fff;
    color:#111;
    font-family:inherit;
    box-sizing:border-box;
}
.dpr-rating__top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.dpr-rating__label{font-size:11px;font-weight:900;letter-spacing:1.1px;margin-bottom:5px}
.dpr-rating__result{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;font-size:14px}
.dpr-rating__lead-star{font-size:16px;line-height:1}
.dpr-average{font-size:18px;line-height:1;font-weight:900}
.dpr-divider{margin:0 2px;opacity:.55}
.dpr-rating__new{font-size:13px;font-weight:750;opacity:.78}
.dpr-vote-stars{display:flex;align-items:center;gap:1px;margin-top:10px}
.dpr-star-button{
    appearance:none;
    -webkit-appearance:none;
    border:0;
    background:transparent;
    padding:0 2px;
    margin:0;
    color:#c8c8c8;
    font-size:29px;
    line-height:1;
    cursor:pointer;
    transition:transform .12s ease,color .12s ease;
}
.dpr-star-button:hover,.dpr-star-button:focus{color:#111;transform:scale(1.07);outline:none}
.dpr-star-button.is-hover,.dpr-star-button.is-selected{color:#111}
.dpr-status{min-height:16px;margin-top:5px;font-size:11px;font-weight:700;opacity:.68}
.dpr-rating.is-saving{opacity:.65;pointer-events:none}

@media(max-width:600px){
    .dpr-compact{font-size:12px;margin-top:4px}
    .dpr-rating{margin:22px 0 15px;padding:14px 15px}
    .dpr-star-button{font-size:28px}
}