/* Avis des apprenants sur la fiche d'un module (bibliothèque). Reprend les couleurs de la fiche. */
#pageView .hp-reviews{display:flex;flex-direction:column;gap:14px}
.hp-stars{display:inline-flex;gap:1px;font-size:16px;line-height:1;vertical-align:-2px}
.hp-stars i{font-style:normal;color:color-mix(in srgb,var(--ink,#1d1720) 18%,transparent)}
.hp-stars i.on{color:#e09400}
.hp-rv-sum{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:17px}
.hp-rv-sum .hp-stars{font-size:22px}
.hp-rv-give{font-weight:700;color:var(--ink);text-underline-offset:3px}
.hp-rv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.hp-rv-list li{padding:16px 18px;border-radius:16px;background:color-mix(in srgb,var(--fc,#ff6b35) 8%,white);border:1px solid color-mix(in srgb,var(--fc,#ff6b35) 18%,white);display:flex;flex-direction:column;gap:6px}
.hp-rv-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.hp-rv-m{font-size:13px;color:var(--muted,#6a6170)}
.hp-rv-txt{margin:2px 0 0;white-space:pre-line;overflow-wrap:anywhere}
.hp-rv-mask{margin:2px 0 0;font-size:14px;font-style:italic;color:var(--muted,#6a6170)}
.hp-rv-rep{align-self:flex-start;border:0;background:none;padding:2px 0;font:inherit;font-size:13px;color:var(--muted,#6a6170);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.hp-rv-rep[disabled]{opacity:.5;cursor:default}
.hp-rv-none{margin:0;color:var(--muted,#6a6170)}
.hp-rv-notice{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--muted,#6a6170);max-width:75ch}
.hp-rv-ov{position:fixed;inset:0;z-index:1000;background:rgba(23,19,28,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.hp-rv-dlg{background:#fff;color:#1d1720;border-radius:20px;padding:24px;width:min(480px,100%);max-height:calc(100vh - 32px);overflow:auto;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.hp-rv-dlg h2{margin:0;font:500 24px/1.15 var(--display,Georgia,serif)}
.hp-rv-dlg p{margin:0;color:#6a6170;font-size:14.5px}
.hp-rv-dlg label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
.hp-rv-dlg select,.hp-rv-dlg textarea{font:inherit;font-weight:400;border:1.5px solid #e9e4ec;border-radius:10px;background:#faf8fb;color:#1d1720;padding:10px 12px}
.hp-rv-dlg .hp-rv-out{color:#1d1720;font-weight:600}
.hp-rv-dlg .hp-rv-out:empty{display:none}
.hp-rv-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.hp-rv-btns button{font:inherit;font-weight:700;border-radius:999px;padding:10px 18px;border:1.5px solid #e9e4ec;background:none;color:#1d1720;cursor:pointer}
.hp-rv-btns .go{background:#1d1720;border-color:#1d1720;color:#fff}
.hp-rv-btns button[disabled]{opacity:.5;cursor:default}