/* v5.5.65 · Carry the established slider colour logic into Match mode.
   While dragging, the real Build track still shows Build colour.
   After release, the idle Match-result bar uses the final Match colour. */

@media(min-width:761px){
  body.attribute-match-mode #attributes .attr-row{
    --match-fill-color: rgba(205,216,227,.67);
  }

  body.attribute-match-mode #attributes .match-result-fill{
    background:
      linear-gradient(
        90deg,
        color-mix(in srgb, var(--match-fill-color) 72%, white 0%),
        color-mix(in srgb, var(--match-fill-color) 96%, white 0%)
      )!important;
    box-shadow:
      0 0 8px color-mix(in srgb, var(--match-fill-color) 14%, transparent)!important;
  }

  /* Fallback for engines without color-mix support. */
  @supports not (background: color-mix(in srgb, red 50%, white 50%)){
    body.attribute-match-mode #attributes .match-result-fill{
      background:var(--match-fill-color)!important;
      box-shadow:0 0 8px rgba(0,0,0,.06)!important;
    }
  }
}