/* Shared by games, articles, forum topics and every comment. */
#retro-refined .rr-reactions{--rr-icon-size:20px;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:7px 9px;margin:16px 0;position:relative;color:#74808b;font:11px/1.4 var(--rr-font);letter-spacing:0;scroll-margin-top:20px}
#retro-refined .rr-reactions[data-reaction-size=small]{--rr-icon-size:16px;margin:8px 0 0}
#retro-refined .rr-reaction-received,#retro-refined .rr-reaction-options{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin:0}
#retro-refined .rr-reaction-received:empty{display:none}
#retro-refined .rr-reactions:not(:has(.rr-reaction,.rr-reaction-toggle)):has(.rr-reaction-status:empty){display:none}
#retro-refined .rr-reaction{--rr-reaction-color:#718092;display:inline-flex;align-items:center;justify-content:center;gap:4px;position:relative;min-height:calc(var(--rr-icon-size) + 10px);min-width:calc(var(--rr-icon-size) + 14px);padding:4px 6px;border:1px solid color-mix(in srgb,var(--rr-reaction-color) 25%,#fff);border-radius:4px;background:color-mix(in srgb,var(--rr-reaction-color) 5%,#fff);color:#667581;font:600 11px/1 var(--rr-font);letter-spacing:0;text-decoration:none;box-shadow:none;cursor:pointer;overflow:visible}
#retro-refined .rr-reaction[data-reaction-chip]{cursor:default}
#retro-refined :is([data-reaction-code=like],[data-reaction-chip=like],[data-reaction-icon=like]){--rr-reaction-color:#477aca}
#retro-refined :is([data-reaction-code=funny],[data-reaction-chip=funny],[data-reaction-icon=funny]){--rr-reaction-color:#b68413}
#retro-refined :is([data-reaction-code=learned],[data-reaction-chip=learned],[data-reaction-icon=learned]){--rr-reaction-color:#7960ad}
#retro-refined :is([data-reaction-code=heart],[data-reaction-chip=heart],[data-reaction-icon=heart]){--rr-reaction-color:#cb5279}
#retro-refined :is([data-reaction-code=disagree],[data-reaction-chip=disagree],[data-reaction-icon=disagree]){--rr-reaction-color:#78838e}
#retro-refined .rr-reaction-icon{color:var(--rr-reaction-color);display:inline-flex;width:var(--rr-icon-size,20px);height:var(--rr-icon-size,20px);flex:0 0 var(--rr-icon-size,20px);align-items:center;justify-content:center}
#retro-refined .rr-reaction-icon svg{display:block;width:100%;height:100%;overflow:visible}
#retro-refined .rr-reaction-emoji{font:var(--rr-icon-size,20px)/1 "Segoe UI Emoji","Apple Color Emoji",sans-serif}
#retro-refined .rr-reaction-count{font-variant-numeric:tabular-nums}
#retro-refined .rr-reaction-count[hidden],#retro-refined [data-reaction-picker][hidden]{display:none!important}
#retro-refined .rr-reaction[data-empty=true]{filter:grayscale(1);opacity:.55}
#retro-refined .rr-reaction:is(:hover,:focus-visible){background:#e8edf5;border-color:#90abe0}
#retro-refined .rr-reaction[data-empty=true]:is(:hover,:focus-visible){opacity:.9}
#retro-refined .rr-reaction:focus-visible,#retro-refined .rr-reaction-toggle:focus-visible{outline:2px solid #6495ed;outline-offset:3px}
#retro-refined .rr-reaction:disabled{cursor:wait;opacity:.5}
#retro-refined .rr-reactions[aria-busy=true]{opacity:.65}
#retro-refined .rr-reaction-status:not(:empty){flex-basis:100%;text-align:right;font-size:10px}
#retro-refined .rr-reaction-status:empty{display:none}
#retro-refined .rr-reaction-toggle{display:flex;gap:5px;align-items:center;list-style:none;border:1px solid #d5dde8;background:#fff;color:#5074a8;border-radius:18px;padding:5px 10px;font:11px/1.4 var(--rr-font);cursor:pointer;white-space:nowrap}
#retro-refined .rr-reaction-toggle::-webkit-details-marker{display:none}
#retro-refined .rr-reaction-toggle:before{content:'＋';font-size:14px;line-height:1}
#retro-refined .rr-reaction-picker[open]>.rr-reaction-toggle{border-color:#6495ed;background:#edf3ff}
#retro-refined .rr-reaction-picker[open]>.rr-reaction-options{position:absolute;right:0;bottom:calc(100% + 8px);z-index:35;padding:12px;background:#fff;border:1px solid #d9e0e8;border-radius:8px;box-shadow:0 5px 20px #25374825;max-width:100%;width:max-content}
html[data-reaction-display=all] #retro-refined .rr-reaction-picker>.rr-reaction-toggle{display:none}
html[data-reaction-display=all] #retro-refined .rr-reaction-picker>.rr-reaction-options{position:static;box-shadow:none;padding:0;border:0;background:none;width:auto}
html[data-reaction-display=all] #retro-refined .rr-reactions[data-interactive=true]>.rr-reaction-received{display:none}
/* Guest summaries contain only received reactions, never a login/voting button. */
#retro-refined [data-tooltip]:is(:hover,:focus-visible):after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);right:-4px;z-index:45;background:#2c3947;color:white;border-radius:4px;padding:7px 9px;font:11px/1.5 var(--rr-font);width:max-content;max-width:min(250px,60vw);white-space:normal;box-shadow:0 2px 8px #0002;pointer-events:none;text-align:left}
/* Shapes are independent of summary/all, counter placement and own-vote marking. */
html[data-reaction-layout=mini] #retro-refined .rr-reaction{background:transparent;border-color:transparent;padding:3px 5px}
html[data-reaction-layout=mini] #retro-refined .rr-reaction:hover{background:#e6e6e6}
html[data-reaction-layout=joined] #retro-refined :is(.rr-reaction-received,.rr-reaction-options){gap:0}
html[data-reaction-layout=joined] #retro-refined .rr-reaction{border-radius:0;border-color:#dce2e8;background:#fff}
html[data-reaction-layout=joined] #retro-refined .rr-reaction:first-of-type{border-radius:5px 0 0 5px}
html[data-reaction-layout=joined] #retro-refined .rr-reaction:last-of-type{border-radius:0 5px 5px 0}
html[data-reaction-layout=rounded] #retro-refined .rr-reaction{border-radius:5px;min-height:calc(var(--rr-icon-size) + 10px);padding:3px 7px}
html[data-reaction-layout=bubbles] #retro-refined :is(.rr-reaction-received,.rr-reaction-options){gap:13px}
html[data-reaction-layout=bubbles] #retro-refined .rr-reaction{border-radius:50%;width:calc(var(--rr-icon-size) + 18px);height:calc(var(--rr-icon-size) + 18px);padding:7px;min-width:0}
html[data-reaction-layout=bubbles] #retro-refined .rr-reaction-count{position:absolute;right:-7px;bottom:2px;background:#fff;padding:2px;border-radius:5px}
html[data-reaction-counter=left] #retro-refined .rr-reaction-count{order:-1}
html[data-reaction-counter=left][data-reaction-layout=bubbles] #retro-refined .rr-reaction-count{left:-7px;right:auto}
html[data-reaction-counter=corner] #retro-refined .rr-reaction{padding-right:18px;min-width:calc(var(--rr-icon-size) + 26px)}
html[data-reaction-counter=corner] #retro-refined .rr-reaction-count{position:absolute;right:3px;bottom:2px;font-size:9px;background:none;padding:0}
html[data-reaction-counter=corner][data-reaction-layout=bubbles] #retro-refined .rr-reaction{padding:7px;min-width:0}
html[data-reaction-counter=corner][data-reaction-layout=bubbles] #retro-refined .rr-reaction-count{right:0;bottom:0;background:#fff;border-radius:5px;padding:1px 2px}
html[data-reaction-counter=badge] #retro-refined :is(.rr-reaction-received,.rr-reaction-options){gap:13px;padding-bottom:4px}
html[data-reaction-counter=badge] #retro-refined .rr-reaction-count{position:absolute;right:-7px;bottom:-5px;border:1px solid #dbe2eb;border-radius:10px;background:#fff;color:#566879;padding:2px 4px;font-size:9px;min-width:17px;text-align:center}
html[data-reaction-counter=below] #retro-refined :is(.rr-reaction-received,.rr-reaction-options){padding-bottom:13px}
html[data-reaction-counter=below] #retro-refined .rr-reaction-count{position:absolute;top:calc(100% + 2px);bottom:auto;right:50%;transform:translateX(50%);background:none;padding:0;font-size:10px}
html[data-reaction-counter=hidden] #retro-refined .rr-reaction-count{display:none}
/* Selected state: text is also exposed to screen readers and in the tooltip. */
html[data-reaction-selection=tint] #retro-refined .rr-reaction-selected{background:#e5eeff;border-color:#94b3ed;color:#356ab1}
html[data-reaction-selection=frame] #retro-refined .rr-reaction-selected{border-color:#477aca;box-shadow:inset 0 0 0 1px #477aca}
html[data-reaction-selection=underline] #retro-refined .rr-reaction-selected{border-bottom:3px solid #477aca;background:#eef4ff}
html[data-reaction-selection=fill] #retro-refined .rr-reaction-selected{background:#6495ed;border-color:#477aca;color:#fff}
html[data-reaction-selection=fill] #retro-refined .rr-reaction-selected .rr-reaction-icon{color:#fff}
html[data-reaction-selection=glow] #retro-refined .rr-reaction-selected{box-shadow:0 0 0 2px #a7c3f2,0 0 9px #6495ed66;background:#f1f6ff;border-color:#6495ed}
html:is([data-reaction-selection=tint],[data-reaction-selection=check]) #retro-refined .rr-reaction-selected:before{content:'✓';position:absolute;right:-3px;top:-5px;width:12px;height:12px;display:grid;place-items:center;font:700 9px/1 sans-serif;color:#fff;background:#477aca;border:1px solid #fff;border-radius:50%;z-index:1}
/* Common sidebar settings; only rendered for signed-in people (or an explicit local demo). */
#retro-refined .rr-reaction-settings{background:#fff;border-radius:10px;padding:20px 22px;box-shadow:0 5px 16px #1d202315;letter-spacing:0;min-width:0}
#retro-refined .rr-reaction-settings h2{font:700 17px/1.4 var(--rr-font);margin:0}
#retro-refined .rr-reaction-settings summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}
#retro-refined .rr-reaction-settings summary::-webkit-details-marker{display:none}
#retro-refined .rr-reaction-settings summary>span{color:var(--rr-link);font-size:21px;line-height:1;transition:transform .15s}
#retro-refined .rr-reaction-settings[open] summary>span{transform:rotate(180deg)}
#retro-refined .rr-reaction-settings summary:focus-visible{outline:2px solid var(--rr-link);outline-offset:5px}
#retro-refined .rr-reaction-settings-body{padding-top:8px}
#retro-refined .rr-reaction-settings label{display:block;color:#74808b;font:11px/1.5 var(--rr-font);margin:11px 0 4px}
#retro-refined .rr-reaction-settings select{display:block;width:100%;border:1px solid #d7dde4;border-radius:4px;background:#fff;color:#3c4c5a;padding:6px 8px;font:12px/1.5 var(--rr-font)}
#retro-refined .rr-reaction-settings select:focus-visible{outline:2px solid #6495ed;outline-offset:2px}
#retro-refined .rr-reaction-swatch{display:flex;justify-content:space-around;margin:13px 0 5px;padding-bottom:10px;border-bottom:1px solid #eee}
#retro-refined .rr-reaction-reset{display:block;margin-top:15px;border:0;background:none;color:#477aca;padding:0;font:11px/1.6 var(--rr-font);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#retro-refined .rr-reaction-cookie-note,#retro-refined .rr-reaction-demo-settings p{font:10px/1.6 var(--rr-font);color:#8b9298;margin:8px 0 0}
#retro-refined .rr-reaction-demo-settings{border-top:1px solid #eee;margin-top:12px;padding-top:3px}
#retro-refined .rr-reaction-demo-settings a{display:inline-block;font-size:11px;margin-top:10px;color:#477aca}
#retro-refined .rr-reactions-label{font-size:9px;padding:2px 5px;border-radius:3px;background:#fff1d8;color:#866326}
#retro-refined .rr-reaction-demo-notice{padding:9px 12px;background:#fff6e6;color:#795f31;font-size:12px;border:1px solid #efdfbf;border-radius:4px;margin:0 0 18px}
@container(max-width:680px){#retro-refined .rr-reaction-settings{order:1;grid-column:1/-1}#retro-refined .rr-reaction-settings select{max-width:100%}}
@media(pointer:coarse){#retro-refined .rr-reaction{min-height:38px;min-width:38px}#retro-refined .rr-reaction-toggle{min-height:40px}#retro-refined .rr-reaction-settings select{min-height:40px}}