.hm-preview{--gp-pad:12px;--gp-radius:16px;border-radius:calc(var(--gp-radius) + var(--gp-pad));color:#fff;background:#08080a;margin:0;overflow:hidden;box-shadow:0 30px 70px #17171b38}.hm-preview-bar{justify-content:space-between;align-items:center;gap:12px;padding:18px 24px 8px;display:flex}.hm-preview-bar span{align-items:center;gap:10px;font-size:.82rem;font-weight:600;display:inline-flex}.hm-preview-bar i{background:var(--px-pink,#ea69a7);border-radius:50%;width:8px;height:8px}.hm-preview-bar small{color:#ffffff6b;font-size:.66rem}.hm-preview-body{padding:var(--gp-pad);gap:8px;display:grid}.hm-preview-tile{border-radius:var(--gp-radius);background:#ffffff0e;padding:20px 22px}.hm-preview-label{color:#ffffff80;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.6rem;font-weight:600;line-height:1}.hm-preview-good{color:var(--px-blue,#8bc7ce)}.hm-preview-issue{color:var(--px-orange,#f0a550)}.hm-preview-text{color:#ffffffc7;margin:0;font-size:.82rem;line-height:1.55}.hm-preview-title{font-size:.86rem;line-height:1.45;display:block}.hm-preview dl{margin:0}.hm-preview dt{color:#ffffff73;font-size:.74rem}.hm-preview dd{margin:0;font-size:.74rem;line-height:1.5}.hm-preview-facts{border-top:1px solid #ffffff14;gap:6px;padding-top:14px;display:grid;margin-top:14px!important}.hm-preview-facts div{grid-template-columns:104px 1fr;align-items:baseline;gap:12px;display:grid}.hm-preview-facts dd{color:#fffc}.hm-preview-split{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hm-preview-score-row{align-items:center;gap:16px;display:flex}.hm-preview-score-row p{color:#ffffff8c;max-width:18ch;margin:0;font-size:.72rem;line-height:1.45}.hm-preview-ring{aspect-ratio:1;background:radial-gradient(closest-side, #19191d 80%, transparent 81%), conic-gradient(var(--px-pink,#ea69a7) calc(var(--score) * 1%), #ffffff1a 0);border-radius:50%;flex:none;place-items:center;width:76px;display:grid}.hm-preview-ring strong{letter-spacing:-.04em;font-size:1.45rem;font-weight:600;line-height:1}.hm-preview-calc{display:grid}.hm-preview-calc div{border-top:1px solid #ffffff14;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;display:flex}.hm-preview-calc div:first-child{border-top:0;padding-top:0}.hm-preview-calc div:last-child{padding-bottom:0}.hm-preview-calc dd{color:#fff;text-align:right;font-weight:600}@media (max-width:560px){.hm-preview-split{grid-template-columns:1fr}.hm-preview-facts div{grid-template-columns:1fr;gap:2px}}
