.MTccOq_board{--match-teal:var(--site-teal,#176570);--match-border:#91b2b5;color:var(--navy,#102a43);min-width:0}.MTccOq_help{margin:0 0 14px;font-size:.9rem;line-height:1.5}.MTccOq_columns{grid-template-columns:1fr 1fr;gap:clamp(12px,3vw,28px);display:grid}.MTccOq_columns>div{min-width:0}.MTccOq_columnTitle{text-transform:uppercase;letter-spacing:.07em;margin:0 0 10px;font-size:.8rem;font-weight:800}.MTccOq_stack{gap:10px;display:grid}.MTccOq_itemRow{align-items:stretch;min-width:0;display:flex;position:relative}.MTccOq_choice{text-align:left;border:2px solid var(--match-border);width:100%;min-height:76px;color:inherit;cursor:pointer;overflow-wrap:anywhere;background:#fffefa;border-radius:12px;align-items:center;gap:12px;padding:14px;font-size:1rem;font-weight:600;line-height:1.45;display:flex}.MTccOq_choice[data-selected=true]{border-color:var(--match-teal);box-shadow:inset 4px 0 var(--match-teal);background:#dceff0}.MTccOq_choice[data-paired=true]{background:#edf4f7;border-style:solid}.MTccOq_choice:focus-visible,.MTccOq_clear:focus-visible{outline:3px solid var(--navy,#102a43);outline-offset:3px}.MTccOq_choice[aria-disabled=true]{cursor:default}.MTccOq_choice:disabled{opacity:1;cursor:default}.MTccOq_copy{flex:1;gap:5px;min-width:0;display:grid}.MTccOq_copy small{color:#355868;font-size:.8rem;font-weight:400}.MTccOq_number{background:#d8e9eb;border:1px solid #638b94;border-radius:50%;flex:none;place-items:center;min-width:27px;height:27px;font-size:.85rem;font-weight:800;display:grid}.MTccOq_pairNumbers{flex-wrap:wrap;gap:4px;max-width:82px;display:flex}.MTccOq_clear{border:1px solid var(--match-border);min-width:44px;min-height:44px;color:inherit;background:#fffefa;border-radius:9px;flex:none;align-self:center;margin-left:5px;padding:5px;font-size:1.5rem}.MTccOq_itemRow:has(.MTccOq_clear) .MTccOq_choice{padding-right:10px}.MTccOq_choice:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--match-teal)}@media (max-width:500px){.MTccOq_columns{gap:10px}.MTccOq_choice{align-items:flex-start;gap:7px;min-height:86px;padding:10px;font-size:.9rem}.MTccOq_choice>.MTccOq_number{min-width:22px;height:22px;font-size:.75rem}.MTccOq_pairNumbers{max-width:26px}.MTccOq_copy small{font-size:.75rem}.MTccOq_itemRow:has(.MTccOq_clear) .MTccOq_choice{padding-bottom:50px}.MTccOq_clear{min-width:44px;min-height:44px;line-height:1;position:absolute;bottom:5px;right:5px}.MTccOq_columnTitle{font-size:.75rem}}@media (forced-colors:active){.MTccOq_choice[data-selected=true]{outline:3px solid highlight}.MTccOq_choice[data-paired=true],.MTccOq_number{border:2px solid canvastext}}:is(.MTccOq_copy>svg,.MTccOq_copy>div:has(svg)){width:80px;max-width:100%;height:65px}.MTccOq_copy>svg{object-fit:contain}.MTccOq_connected .MTccOq_columns{gap:clamp(38px,7vw,100px);position:relative}.MTccOq_connected .MTccOq_columns>div{z-index:1;position:relative}.MTccOq_connections{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.MTccOq_lineHalo{fill:none;stroke:#fffefa;stroke-width:6px;vector-effect:non-scaling-stroke}.MTccOq_connectionLine{fill:none;stroke-width:2.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.MTccOq_connected .MTccOq_choice[data-paired=true]{border-color:var(--pair-colour)}.MTccOq_connected .MTccOq_choice[data-paired=true] .MTccOq_number{border-color:var(--pair-colour);background:var(--pair-colour);color:#fff}.MTccOq_connected .MTccOq_itemRow:has(.MTccOq_clear) .MTccOq_choice{padding-right:56px}.MTccOq_connected .MTccOq_clear{margin:0;position:absolute;bottom:7px;right:7px}@media (max-width:500px){.MTccOq_connected .MTccOq_columns{gap:32px}.MTccOq_connected .MTccOq_itemRow:has(.MTccOq_clear) .MTccOq_choice{padding-bottom:54px;padding-right:10px}.MTccOq_connected .MTccOq_clear{bottom:5px;right:5px}}@media (forced-colors:active){.MTccOq_connectionLine{stroke:canvastext}.MTccOq_lineHalo{stroke:canvas}.MTccOq_connected .MTccOq_choice[data-paired=true]{border-color:canvastext}}.MTccOq_compact .MTccOq_columns{grid-template-rows:auto repeat(var(--matching-rows),minmax(76px,auto));row-gap:10px}.MTccOq_compact .MTccOq_columns>div{grid-row:1/-1;grid-template-rows:subgrid;row-gap:10px;display:grid}.MTccOq_compact .MTccOq_columns>div:first-of-type{grid-column:1}.MTccOq_compact .MTccOq_columns>div:last-of-type{grid-column:2}.MTccOq_compact .MTccOq_columnTitle{grid-row:1;margin:0}.MTccOq_compact .MTccOq_stack{display:contents}.MTccOq_compact .MTccOq_choice{height:100%}.MTccOq_compact .MTccOq_choice[data-match-item]{grid-template-columns:27px 48px minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.MTccOq_compact .MTccOq_itemArtwork{width:48px;min-width:0;height:40px;display:block}.MTccOq_compact .MTccOq_itemArtwork>span{width:100%;height:100%}@media (max-width:500px){.MTccOq_compact .MTccOq_choice[data-match-item]{grid-template-columns:18px 32px minmax(0,1fr);gap:6px;padding:10px 8px}.MTccOq_compact .MTccOq_choice>.MTccOq_number{min-width:18px;height:22px}.MTccOq_compact .MTccOq_itemArtwork{width:32px;height:32px}.MTccOq_compact.MTccOq_connected .MTccOq_itemRow:has(.MTccOq_clear) .MTccOq_choice{padding:10px 8px 54px}}
