/* Load after the site's app.css. All rules are scoped to the new match strip. */
.s-game-score-slider.mb-match-strip-ready { background: #f4f5f7; padding: 0; }
.mb-match-strip-ready > .container-fluid { display: none; }
.mb-match-strip { display: grid; grid-template-columns: 36px minmax(0, 1fr) 36px; width: 100%; border-block: 1px solid #e1e4e9; color: #161944; background: #fff; }
.mb-match-strip__track { display: flex; gap: 0; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #c4cad5 #f4f5f7; }
.mb-match-strip__card { box-sizing: border-box; flex: 0 0 20%; min-width: 0; padding: 9px 14px 10px; border-right: 1px solid #e1e4e9; scroll-snap-align: start; background: #fff; }
.mb-match-strip__date { margin-bottom: 4px; padding-bottom: 5px; border-bottom: 1px solid #edf0f3; font-size: 12px; line-height: 18px; color: #737c8e; white-space: nowrap; }
.mb-match-strip__league { overflow: hidden; margin-bottom: 5px; font-size: 10px; line-height: 15px; color: #737c8e; text-overflow: ellipsis; white-space: nowrap; }
.mb-match-strip__team { display: grid; grid-template-columns: 26px minmax(0, 1fr) 32px; align-items: center; gap: 8px; min-height: 29px; }
.mb-match-strip__logo { display: block; width: 24px !important; height: 24px; object-fit: contain; }
.mb-match-strip__name { overflow: hidden; font-size: 12px; font-weight: 600; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
.mb-match-strip__score { text-align: right; font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
.mb-match-strip__arrow { display: flex; align-items: center; justify-content: center; width: 100%; padding: 0; border: 0; border-radius: 0; background: #f4f5f7; color: #555e74; cursor: pointer; }
.mb-match-strip__arrow svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.mb-match-strip__arrow:hover:not(:disabled) { background: #e7eaf0; color: #11134a; }
.mb-match-strip__arrow:disabled { opacity: .35; cursor: default; }
.mb-match-strip__arrow:focus-visible, .mb-match-strip__track:focus-visible { outline: 2px solid #303494; outline-offset: -3px; }
@media (min-width: 1700px) { .mb-match-strip__card { flex-basis: 16.666667%; } }
@media (max-width: 1199px) { .mb-match-strip__card { flex-basis: 25%; } }
@media (max-width: 991px) { .mb-match-strip__card { flex-basis: 33.333333%; } }
@media (max-width: 767px) { .mb-match-strip__card { flex-basis: 50%; } }
@media (max-width: 479px) { .mb-match-strip { grid-template-columns: 28px minmax(0, 1fr) 28px; } .mb-match-strip__card { flex-basis: 100%; } }