.qtg-ui-rating{margin:32px 0;background:#fff;color:#222;border:1px solid #e1e1e1;border-top:4px solid #214ad1;clear:both;max-width:100%;overflow-wrap:anywhere}
.qtg-ui-rating>h2{background:#111;color:#fff;margin:0;padding:18px 24px;font-size:26px;line-height:1.3}
.qtg-ui-rating .qtg-ui-rating-top{display:flex;gap:32px;padding:24px;align-items:center}
.qtg-ui-rating .qtg-ui-score{flex:0 0 170px;text-align:center}
.qtg-ui-rating .qtg-ui-score-circle{width:128px;height:128px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:conic-gradient(#214ad1 var(--qtg-score),#e7e7e7 0)}
.qtg-ui-rating .qtg-ui-score-circle>span{background:#fff;border-radius:50%;width:108px;height:108px;display:flex;flex-direction:column;justify-content:center;font-size:38px;font-weight:700;line-height:1.1;color:#111}
.qtg-ui-rating .qtg-ui-score-circle small{font-size:16px;font-weight:400}
.qtg-ui-rating .qtg-ui-score>small{font-size:12px;display:block}
.qtg-ui-rating .qtg-ui-criteria{flex:1;min-width:0}
.qtg-ui-rating .qtg-ui-criterion{margin:0 0 14px}
.qtg-ui-rating .qtg-ui-criterion>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}
.qtg-ui-rating progress{display:block;width:100%;height:12px;border:0;background:#eee;accent-color:#214ad1}
.qtg-ui-rating progress::-webkit-progress-bar{background:#eee}
.qtg-ui-rating progress::-webkit-progress-value{background:repeating-linear-gradient(to right,#214ad1 0,#214ad1 calc(10% - 2px),#fff calc(10% - 2px),#fff 10%)}
.qtg-ui-rating progress::-moz-progress-bar{background:#214ad1}
.qtg-ui-rating .qtg-ui-proscons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;border-top:1px solid #eee;padding:0 24px 24px}
.qtg-ui-rating .qtg-ui-proscons h3{color:#214ad1;font-size:23px}
.qtg-ui-rating .qtg-ui-proscons ul{padding-left:22px;margin:0}
.qtg-ui-rating .qtg-ui-proscons li{margin:10px 0;line-height:1.45}
.qtg-ui-rating .qtg-ui-originals{padding:18px 24px;background:#f6f6f6;font-size:14px;line-height:1.5;border-top:1px solid #eee}
.qtg-ui-rating summary{cursor:pointer;font-weight:700}
.qtg-ui-rating .qtg-ui-source-note{padding:0 24px;font-size:13px}
@media(max-width:768px){.qtg-ui-rating .qtg-ui-rating-top{flex-direction:column;align-items:stretch}.qtg-ui-rating .qtg-ui-score{flex-basis:auto}.qtg-ui-rating .qtg-ui-proscons{grid-template-columns:1fr;gap:0}.qtg-ui-rating>h2{font-size:23px}}
