/* The compact rail shares the same filters and retains its group headings. */
.match-rail-title { position: relative; min-height: 34px; padding: 0 7px 18px; gap: 0; }
.match-rail-brand { position: absolute; left: 10px; top: 8px; display: flex; align-items: center; gap: 8px; white-space: nowrap; transition: opacity 150ms ease, transform 320ms cubic-bezier(.22,1,.36,1), visibility 150ms; }
.match-rail-brand > svg { flex-shrink: 0; }
.match-rail-toggle { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; margin-left: auto; padding: 0; border: 1px solid transparent; border-radius: 7px; color: #557e89; background: transparent; cursor: pointer; transition: background-color 160ms ease, color 160ms ease; }
.match-rail-toggle:hover { color: #216f80; background: #eaf4f5; }
.match-rail-toggle:focus-visible { outline: 2px solid #2d829b; outline-offset: -2px; }
.match-rail-toggle-arrow { transform-origin: 14.5px 12px; transition: transform 320ms cubic-bezier(.22,1,.36,1); }
.match-rail-toggle[aria-expanded="false"] .match-rail-toggle-arrow { transform: rotate(180deg); }
.match-rail-label { min-width: 0; overflow: hidden; white-space: nowrap; }
.match-mine-link > svg { flex-shrink: 0; }
.match-subcategories button > svg { flex-basis: 14px; width: 14px; height: 14px; opacity: .8; }
[data-theme="dark"] .match-rail-brand, [data-theme="dark"] .match-rail-toggle { color: #b8d8d4; }
[data-theme="dark"] .match-rail-toggle:hover { color: #e5f1ee; background: #263c3e; }
@media (min-width: 1251px) and (min-aspect-ratio: 5/4) {
  .match-board { transition: grid-template-columns 320ms cubic-bezier(.22,1,.36,1); }
  .match-board.is-rail-collapsed { grid-template-columns: 76px minmax(0,1fr); }
  .match-rail { min-width: 0; }
  .match-rail .match-rail-label { max-width: 220px; opacity: 1; transition: max-width 320ms cubic-bezier(.22,1,.36,1), opacity 160ms ease; }
  .match-rail .match-rail-section button, .match-rail .match-mine-link { transition: padding 320ms cubic-bezier(.22,1,.36,1), gap 320ms cubic-bezier(.22,1,.36,1), background-color 180ms ease, color 180ms ease, box-shadow 180ms ease; }
  .match-rail .match-category-chevron { transition: opacity 160ms ease, width 320ms cubic-bezier(.22,1,.36,1), flex-basis 320ms cubic-bezier(.22,1,.36,1), transform 240ms ease; }
  .is-rail-collapsed .match-rail-brand { opacity: 0; visibility: hidden; transform: translateX(-8px); pointer-events: none; }
  .is-rail-collapsed .match-rail .match-rail-label { max-width: 0; opacity: 0; }
  .is-rail-collapsed .match-rail .match-rail-section button, .is-rail-collapsed .match-rail .match-mine-link { padding-left: 17px; padding-right: 17px; gap: 0; }
  .is-rail-collapsed .match-rail .match-category-chevron { width: 0; flex-basis: 0; opacity: 0; }
  .is-rail-collapsed .match-rail-title { padding-left: 10px; padding-right: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .match-board, .match-rail-brand, .match-rail-toggle, .match-rail-toggle-arrow, .match-rail .match-rail-label, .match-rail .match-rail-section button, .match-rail .match-mine-link, .match-rail .match-category-chevron { transition: none; }
}