.w3-pog{--w3-pog-neither: color-mix(in oklab, var(--fg) 30%, var(--pbc-surface))}.w3-pog .w3-pick{margin-bottom:.875rem}.w3-pog-result{margin:0 0 1rem;font-size:.9375rem;line-height:1.5;color:var(--fg-muted);max-width:46rem}.w3-pog-result strong{color:var(--fg);font-weight:650}.w3-pog-stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(14rem,1fr);gap:1.5rem;align-items:start}@container (max-width: 640px){.w3-pog-stage{grid-template-columns:1fr;gap:1rem}}.w3-pog-svg{display:block;width:100%;height:auto;max-width:32rem;overflow:visible}.w3-pog-hit{fill:var(--viz-wash);stroke:var(--viz-hairline);stroke-width:1;transition:fill var(--viz-dur-micro) ease,opacity var(--viz-dur-ui) ease}.w3-pog-q[data-q=onlyA] .w3-pog-hit,.w3-pog-q[data-q=onlyB] .w3-pog-hit{fill:color-mix(in oklab,var(--mark) 9%,transparent);stroke:color-mix(in oklab,var(--mark) 35%,transparent)}.w3-pog-q:hover .w3-pog-hit{fill:color-mix(in oklab,var(--mark) 14%,transparent)}.w3-pog-q[data-dim=true] .w3-pog-hit{opacity:.4}.w3-pog-qlabel{font-size:11.5px;fill:var(--fg-muted)}.w3-pog-qcount{font-family:var(--pb-display, inherit);font-size:17px;font-weight:650;fill:var(--fg);font-variant-numeric:tabular-nums}.w3-pog-q[data-dim=true] .w3-pog-qcount{opacity:.35}[data-reveal=pending] .w3-pog-qcount{opacity:0}[data-reveal=in] .w3-pog-qcount{transition:opacity var(--viz-dur-ui) ease .9s}.w3-pog-sq{fill:var(--mark);stroke:var(--pbc-surface);stroke-width:.5;transform:translate(var(--x),var(--y));transition:opacity var(--viz-dur-ui) var(--viz-ease-out)}@keyframes w3-pog-glow{0%,to{filter:none}40%{filter:drop-shadow(0 0 6px color-mix(in oklab,var(--mark) var(--viz-glow),transparent))}}[data-reveal=in] .w3-pog-sq[data-q=onlyA],[data-reveal=in] .w3-pog-sq[data-q=onlyB]{animation:w3-pog-glow 1.2s ease 1.3s both}.w3-pog-sq[data-q=neither]{fill:var(--pbc-surface);stroke:var(--fg-subtle);stroke-width:1.25}.w3-pog-swatch[data-q=neither]{background:transparent;box-shadow:inset 0 0 0 1.25px var(--fg-subtle)}.w3-pog-sq[data-dim=true],.w3-pog-q[data-dim=true] .w3-pog-qlabel{opacity:.35}[data-reveal=pending] .w3-pog-sq{transform:translate(var(--sx),var(--sy));opacity:.001}[data-reveal=pending] .w3-pog-qlabel{opacity:0}[data-reveal=in] .w3-pog-sq{transition:opacity .24s ease calc(var(--d) * .25),transform .7s var(--viz-ease-inout) calc(.2s + var(--d))}[data-reveal=in] .w3-pog-qlabel{transition:opacity var(--viz-dur-ui) ease .9s}.w3-pog-key{display:grid;gap:.375rem;margin:0}.w3-pog-key>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.125rem .75rem;padding:.625rem .75rem;border-radius:.75rem;border:1px solid var(--viz-hairline);transition:background-color var(--viz-dur-micro) ease,border-color var(--viz-dur-micro) ease}.w3-pog-key>div[data-active=true]{background:var(--viz-wash);border-color:var(--viz-neutral)}.w3-pog-key>div:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.w3-pog-key dt{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--fg);min-width:0}.w3-pog-key dd{display:contents}.w3-pog-key dd strong{grid-column:2;grid-row:1;justify-self:end;font-size:.9375rem;font-variant-numeric:tabular-nums;color:var(--fg)}.w3-pog-key dd span{display:none}.w3-pog-key dd small{grid-column:1 / -1;font-size:.75rem;line-height:1.4;color:var(--fg-subtle)}.w3-pog-swatch{width:.75rem;height:.75rem;border-radius:2.5px;background:var(--mark);flex:none}@media (prefers-reduced-motion: reduce){.w3-pog-sq{transition:none!important}}@media (forced-colors: active){.w3-pog-sq{forced-color-adjust:none;fill:CanvasText;filter:none}.w3-pog-sq[data-q=onlyA],.w3-pog-sq[data-q=onlyB]{fill:Highlight}.w3-pog-sq[data-q=neither]{fill:GrayText}.w3-pog-swatch{forced-color-adjust:none;background:CanvasText}}@container (max-width: 520px){.w3-pog-qlabel{display:none}.w3-pog-qcount{font-size:26px}}