.comparison-tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.comparison-well{position:relative;min-width:0;border:1px solid var(--border);background:var(--ink-black)}.comparison-well[data-active]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.comparison-well[data-filled]{border-top:2px solid var(--gold)}.comparison-select{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px;width:100%;min-height:120px;background:transparent;border:0;font:inherit;color:var(--text);cursor:pointer;text-align:left}.comparison-select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.comparison-position{color:var(--text-muted);font-size:12px;padding-right:24px}.comparison-select .colour-swatch{aspect-ratio:1.4}.comparison-empty{flex:1 1;display:grid;place-items:center;min-height:74px;color:var(--text-muted);font:400 24px/1.5 var(--font-display)}.comparison-caption{display:flex;justify-content:space-between;gap:8px;padding:0 12px 14px;color:var(--text);font-size:14px;overflow-wrap:anywhere}.comparison-caption>span{flex:none;color:var(--text-muted)}.comparison-well .comparison-clear{position:absolute;top:0;right:0;padding:0;width:36px;min-height:36px;border:0;background:var(--ink-black);font-size:22px}.comparison-well button:disabled{opacity:.6;cursor:wait}