@font-face{font-family:MoTV Sports Display;src:url('/premium/fonts/big-shoulders-display-latin-800-normal.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
/* All events share the same two rows: teams/schedule and broadcast information. */
.dashboard-sports-event{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;display:grid;grid-template-rows:60px 20px;gap:4px;min-width:0;padding:8px 10px;border:1px solid #bcdaf035;border-radius:12px;background:#1f2d43;box-shadow:inset 0 1px 0 #ffffff0a,0 2px 5px #10243412;color:#f3f8ff}
.dashboard-sports-event:before,.dashboard-sports-event:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55}
.dashboard-sports-event:before{background:linear-gradient(90deg,var(--team-away,#34516c),transparent 52%)}
.dashboard-sports-event:after{background:linear-gradient(270deg,var(--team-home,#34516c),transparent 52%)}
/* Full-height central artwork fades sideways into the team colors. */
.dashboard-sports-art{position:absolute;inset:0 auto 0 50%;transform:translateX(-50%);display:block;width:48%;overflow:hidden;z-index:-1;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}
.dashboard-sports-art:before{content:"";position:absolute;top:0;left:50%;height:100%;width:auto;min-width:100%;aspect-ratio:5/2;transform:translateX(-50%);background-image:var(--sport-art,none);background-size:200% 500%;background-position:var(--sport-x,0%) var(--sport-y,0%);background-repeat:no-repeat;filter:blur(1.4px);opacity:.48}
.dashboard-sports-event:is([data-sport="soccer"],[data-sport="basketball"],[data-sport="football"],[data-sport="baseball"],[data-sport="tennis"],[data-sport="racing"],[data-sport="hockey"],[data-sport="golf"],[data-sport="boxing"],[data-sport="mma"]){--sport-art:url('/mobile/assets/sports-backdrops-v1.png')}
.dashboard-sports-event:is([data-sport="basketball"],[data-sport="baseball"],[data-sport="racing"],[data-sport="golf"],[data-sport="mma"]){--sport-x:100%}
.dashboard-sports-event:is([data-sport="football"],[data-sport="baseball"]){--sport-y:25%}
.dashboard-sports-event:is([data-sport="tennis"],[data-sport="racing"]){--sport-y:50%}
.dashboard-sports-event:is([data-sport="hockey"],[data-sport="golf"]){--sport-y:75%}
.dashboard-sports-event:is([data-sport="boxing"],[data-sport="mma"]){--sport-y:100%}
.dashboard-sports-matchup{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);gap:8px;align-items:center;min-width:0;min-height:0}
.dashboard-sports-team{position:relative;display:flex;align-items:center;gap:8px;min-width:0}.dashboard-sports-team--away{margin-top:8px}.dashboard-sports-team:before{content:attr(data-short);position:absolute;left:0;top:50%;transform:translateY(-65%);font:800 60px/1 'MoTV Sports Display',var(--sans,system-ui);color:#fff;opacity:.07;z-index:-1;pointer-events:none}.dashboard-sports-team--home{flex-direction:row-reverse;text-align:right}.dashboard-sports-team--home:before{left:auto;right:0}.dashboard-sports-team strong,.dashboard-sports-event-name{font:800 16px/1.15 'MoTV Sports Display',var(--sans,system-ui);overflow-wrap:anywhere;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.dashboard-sports-event-name{-webkit-line-clamp:3}.dashboard-sports-team-badge{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;color:#f3f8ff;font:800 21px/1 'MoTV Sports Display',var(--sans,system-ui);text-shadow:0 1px 3px #000a}.dashboard-sports-team-badge:has(.dashboard-sports-logo.is-loaded){font-size:0}
.dashboard-sports-logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;filter:drop-shadow(1px 0 0 #e9f2ff) drop-shadow(-1px 0 0 #e9f2ff) drop-shadow(0 1px 0 #e9f2ff) drop-shadow(0 -1px 0 #e9f2ff)}.dashboard-sports-logo.is-loaded{opacity:1}
.dashboard-sports-home-side{position:relative;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;min-width:0;height:100%;padding-top:8px}.dashboard-sports-venue{position:absolute;top:-2px;right:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d0e0f1;font-size:8px;line-height:1.2}.dashboard-sports-venue:empty{display:none}
.dashboard-sports-center{display:grid;justify-items:center;align-content:center;gap:3px;min-width:0;text-align:center;text-shadow:0 1px 5px #07111acc}.dashboard-sports-league{max-width:100%;box-sizing:border-box;padding:2px 6px;border-radius:8px;background:#0b17265e;color:#fff;font-size:9px;line-height:1.2;letter-spacing:.03em;font-weight:700;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.dashboard-sports-time{display:grid;justify-items:center;gap:2px;min-width:0;text-align:center;color:#dce9f6;line-height:1.1;font-size:9px}.dashboard-sports-time strong{font:800 17px/1.05 'MoTV Sports Display',var(--sans,system-ui);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}.dashboard-sports-time strong.is-pending{font:600 10px/1.2 var(--sans,system-ui)}.dashboard-sports-time .is-live{display:inline-flex;align-items:center;background:#c5213b;border:1px solid #ff819544;border-radius:9px;padding:1px 5px;font-size:8px;font-weight:700;color:#fff;white-space:nowrap;text-shadow:none}.dashboard-sports-time .is-live:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin-right:3px}
.dashboard-sports-event .dashboard-sports-broadcast{grid-column:1/-1;margin:0;display:flex;flex-wrap:nowrap;align-items:center;gap:4px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;white-space:nowrap;font-size:10px;line-height:1.4;color:#e5eff8}.dashboard-sports-broadcast::-webkit-scrollbar{display:none}.dashboard-sports-broadcast>*{flex-shrink:0}.dashboard-sports-broadcast i{font-style:normal;color:#c9e0ec}.dashboard-sports-directv{display:inline-flex;gap:4px;align-items:center;background:linear-gradient(110deg,#1759de,#0573d3);border:1px solid #64b6ff;box-shadow:0 0 9px #268cff40,inset 0 1px 0 #ffffff26;border-radius:5px;padding:2px 5px;color:#fff;font-size:10px;font-weight:750}

@container(max-width:420px){.dashboard-sports-event{grid-template-rows:68px 20px;padding:8px}.dashboard-sports-matchup{grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);gap:5px}.dashboard-sports-team{flex-direction:column;align-items:flex-start;gap:2px}.dashboard-sports-team--away{margin-top:6px}.dashboard-sports-team--home{align-items:flex-end}.dashboard-sports-home-side{padding-top:6px}.dashboard-sports-team-badge{width:30px;height:30px;font-size:17px}.dashboard-sports-team strong,.dashboard-sports-event-name{font-size:14px}.dashboard-sports-team strong{line-height:1.05}.dashboard-sports-event-name{-webkit-line-clamp:4}.dashboard-sports-league{font-size:9px;padding:2px 4px}.dashboard-sports-time strong{font-size:16px}.dashboard-sports-time strong.is-pending{font-size:10px}.dashboard-sports-venue{font-size:7px;top:-3px}.dashboard-sports-region{font-size:10px}}
