/* PerfectReputations Companion */
.prcomp{--prcomp-size:50px;--prcomp-offset:20px;position:fixed;z-index:99990;width:var(--prcomp-size);height:var(--prcomp-size);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.prcomp[hidden]{display:none}
.prcomp-br{right:var(--prcomp-offset);bottom:var(--prcomp-offset)}
.prcomp-bl{left:var(--prcomp-offset);bottom:var(--prcomp-offset)}
.prcomp-tr{right:var(--prcomp-offset);top:var(--prcomp-offset)}
.prcomp-tl{left:var(--prcomp-offset);top:var(--prcomp-offset)}
/* The character: a real button, with no visible button styling. */
.prcomp-face{display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:none;cursor:pointer;border-radius:50%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));transition:transform .2s ease}
.prcomp-face svg{display:block;width:100%;height:100%}
.prcomp-face:hover{transform:scale(1.08)}
.prcomp-face:focus-visible{outline:3px solid var(--prcomp-b-border,#FD0000);outline-offset:3px}
/* The speech balloon: rounded, sized to its message, with a V pointing at the mouth. */
.prcomp-balloon{position:absolute;box-sizing:border-box;width:max-content;min-width:150px;max-width:min(300px,calc(100vw - var(--prcomp-size) - var(--prcomp-offset) - 40px));padding:12px 34px 12px 14px;background:var(--prcomp-b-bg,#fff);color:var(--prcomp-b-text,#1D2327);border:var(--prcomp-b-width,2px) solid var(--prcomp-b-border,#FD0000);border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.18);font-size:15px;line-height:1.45;text-align:left;animation:prcomp-pop .18s ease-out}
.prcomp-balloon[hidden]{display:none}
.prcomp-text{white-space:pre-line;overflow-wrap:break-word}
.prcomp-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;margin-top:8px;font-size:13px}
.prcomp-more{color:var(--prcomp-b-border,#FD0000)!important;font-weight:600;text-decoration:underline}
.prcomp-more[hidden]{display:none}
.prcomp-more:after{display:none!important}
.prcomp-hide{margin-left:auto;padding:0;border:0;background:none;color:inherit;opacity:.65;font-size:12px;text-decoration:underline;cursor:pointer}
.prcomp-close{position:absolute;top:4px;right:6px;width:26px;height:26px;padding:0;border:0;background:none;color:inherit;font-size:20px;line-height:26px;cursor:pointer;opacity:.7;border-radius:50%}
.prcomp-close:hover,.prcomp-close:focus-visible,.prcomp-hide:hover,.prcomp-hide:focus-visible{opacity:1}
/* Beside the character, on the side away from the screen edge. */
.prcomp-br .prcomp-balloon,.prcomp-tr .prcomp-balloon{right:calc(100% + 16px)}
.prcomp-bl .prcomp-balloon,.prcomp-tl .prcomp-balloon{left:calc(100% + 16px)}
/* Bottom corners grow upward from the mouth; top corners grow downward. */
.prcomp-br .prcomp-balloon,.prcomp-bl .prcomp-balloon{bottom:calc(var(--prcomp-size) * .3 - 22px)}
.prcomp-tr .prcomp-balloon,.prcomp-tl .prcomp-balloon{top:calc(var(--prcomp-size) * .7 - 22px)}
/* The V: an outer triangle in the outline color, an inner one in the background color. */
.prcomp-balloon:before,.prcomp-balloon:after{content:"";position:absolute;width:0;height:0;border-style:solid}
.prcomp-br .prcomp-balloon:before,.prcomp-tr .prcomp-balloon:before{left:100%;border-width:10px 0 10px 16px;border-color:transparent transparent transparent var(--prcomp-b-border,#FD0000)}
.prcomp-br .prcomp-balloon:after,.prcomp-tr .prcomp-balloon:after{left:calc(100% - var(--prcomp-b-width,2px) * 1.6);border-width:8px 0 8px 13px;border-color:transparent transparent transparent var(--prcomp-b-bg,#fff)}
.prcomp-bl .prcomp-balloon:before,.prcomp-tl .prcomp-balloon:before{right:100%;border-width:10px 16px 10px 0;border-color:transparent var(--prcomp-b-border,#FD0000) transparent transparent}
.prcomp-bl .prcomp-balloon:after,.prcomp-tl .prcomp-balloon:after{right:calc(100% - var(--prcomp-b-width,2px) * 1.6);border-width:8px 13px 8px 0;border-color:transparent var(--prcomp-b-bg,#fff) transparent transparent}
.prcomp-br .prcomp-balloon:before,.prcomp-bl .prcomp-balloon:before{bottom:12px}
.prcomp-br .prcomp-balloon:after,.prcomp-bl .prcomp-balloon:after{bottom:14px}
.prcomp-tr .prcomp-balloon:before,.prcomp-tl .prcomp-balloon:before{top:12px}
.prcomp-tr .prcomp-balloon:after,.prcomp-tl .prcomp-balloon:after{top:14px}
@keyframes prcomp-pop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.prcomp-balloon{animation:none}.prcomp-face{transition:none}.prcomp-face:hover{transform:none}}
@media print{.prcomp{display:none!important}}
