') no-repeat; } @media only screen and (max-width: 700px) { .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_BottomBox__QOrIZ .LiveOdds-module_AdBox__gMXUM { flex-direction: row; align-items: center; justify-content: center; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_BottomBox__QOrIZ .LiveOdds-module_AdBox__gMXUM .LiveOdds-module_betMGM-Logo__UtJAl { margin-top: 0; margin-left: 16px; } } @media (prefers-color-scheme: dark) { .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Title__cb70P { color: #ffffff; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo { background: #1D2F43; border-color: #CED4DA; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_OddsTitle__nZq9I { color: #ffffff; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_AwayShortName__m5tm7, .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_HomeShortName__05cfH { color: #CED4DA !important; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_HomeOdds__Ug8Jf, .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_AwayOdds__uWSFY { color: #ffffff !important; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb div + div { border-left-color: #495057 !important; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_BottomBox__QOrIZ .LiveOdds-module_AdBox__gMXUM .LiveOdds-module_betMGM-Logo__UtJAl { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>') no-repeat !important; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr th { color: #ffffff !important; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr td { color: #CED4DA !important; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr th, .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr td { border-bottom-color: #495057 !important; } } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Title__cb70P { color: #ffffff; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo { background: #1D2F43; border-color: #CED4DA; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_OddsTitle__nZq9I { color: #ffffff; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_AwayShortName__m5tm7, .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_HomeShortName__05cfH { color: #CED4DA !important; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_HomeOdds__Ug8Jf, .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_AwayOdds__uWSFY { color: #ffffff !important; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb div + div { border-left-color: #495057 !important; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_BottomBox__QOrIZ .LiveOdds-module_AdBox__gMXUM .LiveOdds-module_betMGM-Logo__UtJAl { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>') no-repeat !important; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr th { color: #ffffff !important; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr td { color: #CED4DA !important; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr th, .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr td { border-bottom-color: #495057 !important; }'); background-repeat: no-repeat; background-position: 50% 52%; background-size: 40px; border: 3px solid #141917; border-radius: 40px; } .VideoModal-module_video_player__DO5x- .vjs-loading-spinner::before { border-top-color: white !important; margin: -3px; } .VideoModal-module_video_player__DO5x- .vjs-loading-spinner::after { border-top-color: white !important; margin: -3px; } .VideoModal-module_video_player__DO5x- .vjs-hide-controls .vjs-big-play-button { background-color: #005eb8 !important; color: white !important; } .VideoModal-module_video_player__DO5x- .vjs-big-play-button { color: #005eb8 !important; background-color: white !important; } .VideoModal-module_video_player__DO5x- .vjs-ad-playing .vjs-title-bar { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-skip-backward-button { display: block; background-image: url('data:image/svg+xml,'); background-position: center; background-repeat: no-repeat; background-color: white; border-radius: 4px; cursor: pointer; position: absolute; left: 22px; top: calc(50% - 20px); bottom: 96px; width: 40px; height: 40px; } .VideoModal-module_video_player__DO5x- .vjs-skip-backward-button:hover { background-color: #005eb8; background-image: url('data:image/svg+xml,'); } @media (min-width: 992px) { .VideoModal-module_video_player__DO5x- .vjs-skip-backward-button { top: calc(50% - 30px); bottom: 96px; width: 60px; height: 60px; left: 24px; background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- .vjs-skip-backward-button:hover { background-image: url('data:image/svg+xml,'); } } .VideoModal-module_video_player__DO5x- .vjs-skip-forward-button { display: block; background-image: url('data:image/svg+xml,'); background-position: center; background-repeat: no-repeat; background-color: white; border-radius: 4px; cursor: pointer; position: absolute; right: 22px; top: calc(50% - 20px); bottom: 96px; width: 40px; height: 40px; } .VideoModal-module_video_player__DO5x- .vjs-skip-forward-button:hover { background-color: #005eb8; background-image: url('data:image/svg+xml,'); } @media (min-width: 992px) { .VideoModal-module_video_player__DO5x- .vjs-skip-forward-button { top: calc(50% - 30px); bottom: 96px; width: 60px; height: 60px; right: 24px; background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- .vjs-skip-forward-button:hover { background-image: url('data:image/svg+xml,'); } } .VideoModal-module_video_player__DO5x- .irisIcon:before { display: none; } .VideoModal-module_video_player__DO5x- .vjs-play-control { position: absolute; left: calc(50% - 16px); top: calc(50% - 16px); width: 32px; height: 32px; } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-play-control { bottom: 24px; top: auto; } } .VideoModal-module_video_player__DO5x- .vjs-play-control.vjs-paused { background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- .vjs-play-control.vjs-playing { background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- .vjs-play-control .vjs-icon-placeholder { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-skip-forward-10 { position: absolute; left: calc(50% + 42px); top: calc(50% - 16px); width: 32px; height: 32px; background-image: url('data:image/svg+xml,'); } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-skip-forward-10 { bottom: 24px; top: auto; } } .VideoModal-module_video_player__DO5x- .vjs-skip-forward-10 .vjs-icon-placeholder { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-skip-backward-10 { position: absolute; left: calc(50% - 74px); top: calc(50% - 16px); width: 32px; height: 32px; background-image: url('data:image/svg+xml,'); } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-skip-backward-10 { bottom: 24px; top: auto; } } .VideoModal-module_video_player__DO5x- .vjs-skip-backward-10 .vjs-icon-placeholder { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-fullscreen-control { width: 24px; height: 24px; margin-top: 12px; margin-right: 5%; background-image: url('data:image/svg+xml,'); } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-fullscreen-control { position: absolute; right: 24px; bottom: 28px; top: auto; margin: 0; } } .VideoModal-module_video_player__DO5x- .vjs-fullscreen-control .vjs-icon-placeholder { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-fullscreen-control[title="Exit Fullscreen"] { background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- button.vjs-subs-caps-button { width: 24px; height: 24px; margin-top: 12px; margin-right: 5%; background-image: url('data:image/svg+xml,'); } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- button.vjs-subs-caps-button { position: absolute; right: 64px; bottom: 28px; top: auto; margin: 0; } } .VideoModal-module_video_player__DO5x- button.vjs-subs-caps-button .vjs-icon-placeholder { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-subs-caps-button .vjs-menu { left: -80px; bottom: 12px; } .VideoModal-module_video_player__DO5x- .vjs-volume-panel { width: 24px; height: 24px; margin-left: 5%; } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-volume-panel { position: absolute; left: 24px; bottom: 40px; top: auto; margin: 0; } } .VideoModal-module_video_player__DO5x- .vjs-volume-control { display: none; } .VideoModal-module_video_player__DO5x- .vjs-mute-control { width: 24px; height: 24px; margin-top: 12px; background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- .vjs-mute-control.vjs-vol-0 { background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- .vjs-mute-control .vjs-icon-placeholder { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-progress-control { position: absolute; bottom: 12px !important; top: auto !important; height: 0.5em !important; width: 90% !important; left: 5% !important; border-radius: 5px; background: #636a71; } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-progress-control { bottom: 80px !important; width: calc(100% - 48px) !important; left: 24px !important; } } .VideoModal-module_video_player__DO5x- .vjs-progress-control:hover .vjs-slider-bar:after { position: absolute; bottom: -3.5px !important; right: -7px; display: block; content: ""; width: 14px; height: 14px; border-radius: 7px; background: #0ab6ff; box-shadow: -2px 0px 4px rgba(26, 26, 26, 0.25); } .VideoModal-module_video_player__DO5x- .vjs-progress-holder { border-radius: 5px; } .VideoModal-module_video_player__DO5x- .vjs-load-progress { background: #cecece; border-radius: 5px; } .VideoModal-module_video_player__DO5x- .vjs-load-progressdiv { border-radius: 5px; } .VideoModal-module_video_player__DO5x- .vjs-time-tooltip { padding: 6px 8px 5px 8px; } .VideoModal-module_video_player__DO5x- .vjs-slider-bar { background: #0ab6ff; border-radius: 5px; } .VideoModal-module_video_player__DO5x- .vjs-slider-bar:after { position: absolute; bottom: -3.5px !important; right: -7px; display: block; content: ""; width: 14px; height: 14px; border-radius: 7px; background: #0ab6ff; box-shadow: -2px 0px 4px rgba(26, 26, 26, 0.25); } .VideoModal-module_video_player__DO5x- .vjs-current-time { display: block !important; position: absolute; bottom: 32px; height: 15px; left: 5%; margin-left: 0 !important; padding-left: 0; font-family: "protipo-narrow"; font-size: 12px; font-weight: 500; line-height: 15px; } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-current-time { left: 24px; bottom: 100px; } } .VideoModal-module_video_player__DO5x- .vjs-duration { display: block !important; position: absolute; bottom: 32px; right: 5%; text-align: right; padding-right: 0; height: 15px; font-family: "protipo-narrow"; font-size: 12px; font-weight: 500; line-height: 15px; } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-duration { right: 24px; bottom: 100px; } } .VideoModal-module_video_player__DO5x- .vjs-time-divider { display: none; } .VideoModal-module_video_player__DO5x- .vjs-title-bar { display: none; } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-title-bar { display: block; background: transparent !important; padding: 24px 24px 0 24px; } } .VideoModal-module_video_player__DO5x- .vjs-title-bar-title { font-family: "protipo-narrow"; font-style: normal; font-weight: 700; font-size: 24px; line-height: 24px; color: white !important; position: relative; z-index: 2; } .VideoModal-module_video_player__DO5x- .vjs-title-bar-description { font-family: "protipo-narrow"; font-style: normal; font-weight: 500; font-size: 18px; color: white !important; position: relative; z-index: 2; } .VideoModal-module_video_player__DO5x- .iris-upnext { display: none !important; } .VideoModal-module_video_title__WEpw6 { font-family: "protipo-narrow"; font-weight: 600; margin: 0; font-size: 20px; line-height: 25px; color: white; } .VideoModal-module_video_subtitle__plSSI { font-family: "roboto", sans-serif; font-size: 16px; font-weight: 400; line-height: 20px; color: #ced4da; margin: 8px 0 0 0; } .VideoModal-module_video_info_container__fpIoN { padding: 16px 16px 0 16px; } @media (min-width: 768px) { .VideoModal-module_video_info_container__fpIoN { display: none; } } .VideoModal-module_team_info_sponsor_container__els-L { display: flex; flex-direction: column; justify-content: space-between; padding-right: calc(50% - 490px); } @media (min-width: 768px) { .VideoModal-module_team_info_sponsor_container__els-L { flex-direction: row; } } .VideoModal-module_teams_container__29e4r { display: flex; flex-direction: column; } @media (min-width: 768px) { .VideoModal-module_teams_container__29e4r { flex-direction: row; } } .VideoModal-module_sponsor_container__gtVSA { padding-left: 16px; } @media (min-width: 768px) { .VideoModal-module_sponsor_container__gtVSA { padding-top: 8px; margin-right: auto; } } .VideoModal-module_nextup_video_container__rPaKD { display: none; flex-direction: row; } @media (min-width: 768px) { .VideoModal-module_nextup_video_container__rPaKD { display: flex; height: 64px; padding-top: 12px; padding-right: 16px; } } @media (min-width: 992px) { .VideoModal-module_nextup_video_container__rPaKD { padding-right: 0; } } .VideoModal-module_nextup_text__5Y-Yl { text-align: right; color: white; font-size: 12px; padding-right: 12px; font-family: "protipo-narrow"; font-weight: 700; margin-bottom: 2px; } .VideoModal-module_nextup_video_title__dg7DS { color: #ced4da; text-align: right; font-size: 11px; padding-right: 12px; font-family: "protipo-narrow"; font-weight: 500; line-height: 14px; width: 200px; height: 28px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .VideoModal-module_nextup_video_thumbnail__bgxgw { width: 82px; height: 44px; object-fit: cover; border-radius: 4px; border: 1px solid white; box-sizing: content-box; } .VideoModal-module_team_info_container__Z1HYr { padding: 12px 16px 0 16px; height: 64px; display: flex; align-items: center; justify-content: space-between; } @media (min-width: 360px) { .VideoModal-module_team_info_container__Z1HYr { justify-content: flex-start; padding-left: 16px; } } @media (min-width: 992px) { .VideoModal-module_team_info_container__Z1HYr { padding-left: 0; } } .VideoModal-module_team_info_container__Z1HYr .VideoModal-module_team_logo__clko9 { padding: 9px; width: 48px; height: 48px; object-fit: cover; background-color: white; border-radius: 50%; margin-right: 16px; } .VideoModal-module_team_info_container__Z1HYr .VideoModal-module_team_name__BBy7o { font-family: "protipo-narrow"; font-size: 14px; font-weight: 700; line-height: 19px; white-space: nowrap; text-transform: uppercase; color: white; } .VideoModal-module_team_info_container__Z1HYr .VideoModal-module_button_wrapper__pNE4p { margin-left: 12px; } .VideoModal-module_scrollable_container__bi-P1 { background-color: #0b223a; width: 100%; overflow-x: scroll; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .VideoModal-module_scrollable_container__bi-P1::-webkit-scrollbar { display: none; /* Safari and Chrome */ } @media (min-width: 992px) { .VideoModal-module_scrollable_container__bi-P1 { background-color: transparent; overflow: visible; padding-left: calc(50% - 490px); padding-right: calc(50% - 490px); } } @media only screen and (max-height: 575.98px) and (orientation: landscape) { .VideoModal-module_scrollable_container__bi-P1 { display: none; } } .VideoModal-module_tags_container__ye1b8 { margin-top: 15px; padding: 15px 16px 0px 16px; position: sticky; top: -1px; background-color: #0b223a; z-index: 2; } .VideoModal-module_tags_container__ye1b8.VideoModal-module_pinned__Jurv3 { box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.3); } @media (min-width: 992px) { .VideoModal-module_tags_container__ye1b8 { background-color: transparent; margin-top: 8px; padding-left: 0; } } .VideoModal-module_tags_container__ye1b8 .VideoModal-module_tag__fuAMC { border: 1px solid #669ed4; margin-right: 10px; cursor: pointer; color: white; padding: 5px 16px; display: inline-block; cursor: pointer; border-radius: 15px; font-family: "protipo-narrow"; font-size: 14px; font-weight: 500; line-height: 20px; text-align: center; white-space: nowrap; } .VideoModal-module_tags_container__ye1b8 .VideoModal-module_tag__fuAMC.VideoModal-module_selected__FedL6 { background: white; color: #005eb8; } .VideoModal-module_recommended_videos_container__uhybo { margin-top: 12px; padding: 15px 38px 0 38px; flex: 1; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ overflow: visible; } .VideoModal-module_recommended_videos_container__uhybo::-webkit-scrollbar { display: none; /* Safari and Chrome */ } @media (min-width: 768px) { .VideoModal-module_recommended_videos_container__uhybo { display: flex; flex-direction: row; padding-left: 16px; overflow-x: scroll; } } @media (min-width: 992px) { .VideoModal-module_recommended_videos_container__uhybo { width: 100vw; margin-left: calc(-1 * (50vw - 482px)); padding-left: calc(50vw - 482px); } } .VideoModal-module_recommended_video_wrapper__GC-oJ { display: block; position: relative; padding-bottom: 28px; transition: opacity 0.2s ease-in-out; cursor: pointer; } @media (min-width: 768px) { .VideoModal-module_recommended_video_wrapper__GC-oJ { width: 216px; scroll-snap-align: start; } } .VideoModal-module_recommended_video_wrapper__GC-oJ:hover { opacity: 0.6; } .VideoModal-module_recommended_video_spacer__dHjsf:after { content: ""; display: block; width: 200px; height: 100px; } .VideoModal-module_ad_wrapper__bC-4B { display: flex; padding-bottom: 28px; width: 100%; justify-content: center; } @media (min-width: 768px) { .VideoModal-module_ad_wrapper__bC-4B { display: none; } } .VideoModal-module_recommended_video_thumbnail__NAngp { width: 100%; height: auto; aspect-ratio: 1.77; object-fit: cover; border-radius: 10px; transition: opacity 0.4s ease-in-out; box-sizing: content-box; } @media (min-width: 768px) { .VideoModal-module_recommended_video_thumbnail__NAngp { width: 200px; aspect-ratio: 1.77; border-radius: 4px; border: solid white 1px; } } .VideoModal-module_recommended_video_thumbnail__NAngp.VideoModal-module_playing_indicator__vq9U0 { position: absolute; top: 0; display: flex; justify-content: center; align-items: center; font-family: "protipo-narrow"; font-size: 14px; font-weight: 700; line-height: 19px; color: white; background-color: transparent; } @media (min-width: 768px) { .VideoModal-module_recommended_video_thumbnail__NAngp.VideoModal-module_playing_indicator__vq9U0 { width: 200px; aspect-ratio: 1.77; border-radius: 4px; border: solid white 1px; } } .VideoModal-module_recommended_video_thumbnail__NAngp.VideoModal-module_playing__8TsiY { background-color: rgba(6, 25, 47, 0.96); } .VideoModal-module_recommended_video_title__CzdDl { font-family: "roboto", sans-serif; color: white; font-size: 16px; font-weight: 700; line-height: 20px; margin-top: 12px; } @media (min-width: 768px) { .VideoModal-module_recommended_video_title__CzdDl { margin-top: 4px; margin-right: 16px; width: 200px; overflow: hidden; height: 20px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; font-family: "protipo-narrow"; font-size: 12px; font-weight: 700; } } .VideoModal-module_recommended_video_subtitle__-29zA { font-family: "roboto", sans-serif; color: #ced4da; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; margin-top: 2px; } @media (min-width: 768px) { .VideoModal-module_recommended_video_subtitle__-29zA { font-size: 11px; font-style: normal; font-weight: 400; line-height: 15px; margin-top: 0px; } } .VideoModal-module_recommended_video_duration__vDsKt { position: absolute; bottom: 8px; left: 8px; padding: 4px 8px; padding-left: 24px; color: white; height: 24px; background-color: #005eb8; border-radius: 4px; font-family: "roboto", sans-serif; font-size: 14px; line-height: 16px; font-style: normal; font-weight: 400; } .VideoModal-module_recommended_video_duration__vDsKt:before { position: absolute; left: 8px; top: 5px; content: " "; width: 12px; height: 12px; background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_loading_wrapper__Y8caz { margin-bottom: 32px; width: 100%; height: auto; } @media (min-width: 768px) { .VideoModal-module_video_loading_wrapper__Y8caz { width: 200px; margin-right: 16px; } } .VideoModal-module_video_container__MC9b2 { position: relative; } @media only screen and (max-height: 575.98px) and (orientation: landscape) { .VideoModal-module_video_container__MC9b2 { height: 100%; max-width: calc(100% - 140px); aspect-ratio: 16/9; margin: auto; display: flex; justify-content: center; align-items: center; } } .VideoModal-module_recommended_videos_wrapper__HYvzK { position: relative; overflow: visible; } @media (min-width: 768px) { .VideoModal-module_recommended_videos_wrapper__HYvzK { overflow-x: visible; } } .VideoModal-module_scroll_back_button_wrapper__SG4Iz { display: none; position: absolute; bottom: 105px; transition: opacity 0.2s ease-in-out; } .VideoModal-module_scroll_back_button_wrapper__SG4Iz.VideoModal-module_disabled__1w5qK { opacity: 0; cursor: not-allowed; } @media (min-width: 992px) { .VideoModal-module_scroll_back_button_wrapper__SG4Iz { display: block; } } .VideoModal-module_scroll_forward_button_wrapper__8rUDP { display: none; position: absolute; bottom: 105px; transition: opacity 0.2s ease-in-out; } .VideoModal-module_scroll_forward_button_wrapper__8rUDP.VideoModal-module_disabled__1w5qK { opacity: 0; } @media (min-width: 992px) { .VideoModal-module_scroll_forward_button_wrapper__8rUDP { display: block; right: calc(100% - 980px); } } .VideoModal-module_button__Sf7P1 { background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit; } @keyframes VideoModal-module_fadeIn__9B7zt { from { opacity: 0; } to { opacity: 1; } } @keyframes VideoModal-module_fadeOut__Zhyhp { from { opacity: 1; } to { opacity: 0; } }') no-repeat; } @media only screen and (max-width: 700px) { .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_BottomBox__QOrIZ .LiveOdds-module_AdBox__gMXUM { flex-direction: row; align-items: center; justify-content: center; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_BottomBox__QOrIZ .LiveOdds-module_AdBox__gMXUM .LiveOdds-module_betMGM-Logo__UtJAl { margin-top: 0; margin-left: 16px; } } @media (prefers-color-scheme: dark) { .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Title__cb70P { color: #ffffff; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo { background: #1D2F43; border-color: #CED4DA; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_OddsTitle__nZq9I { color: #ffffff; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_AwayShortName__m5tm7, .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_HomeShortName__05cfH { color: #CED4DA !important; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_HomeOdds__Ug8Jf, .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_AwayOdds__uWSFY { color: #ffffff !important; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb div + div { border-left-color: #495057 !important; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_BottomBox__QOrIZ .LiveOdds-module_AdBox__gMXUM .LiveOdds-module_betMGM-Logo__UtJAl { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>') no-repeat !important; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr th { color: #ffffff !important; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr td { color: #CED4DA !important; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr th, .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr td { border-bottom-color: #495057 !important; } } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Title__cb70P { color: #ffffff; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo { background: #1D2F43; border-color: #CED4DA; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_OddsTitle__nZq9I { color: #ffffff; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_AwayShortName__m5tm7, .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_HomeShortName__05cfH { color: #CED4DA !important; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_HomeOdds__Ug8Jf, .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_AwayOdds__uWSFY { color: #ffffff !important; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb div + div { border-left-color: #495057 !important; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_BottomBox__QOrIZ .LiveOdds-module_AdBox__gMXUM .LiveOdds-module_betMGM-Logo__UtJAl { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>') no-repeat !important; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr th { color: #ffffff !important; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr td { color: #CED4DA !important; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr th, .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr td { border-bottom-color: #495057 !important; }'); background-repeat: no-repeat; background-position: 50% 52%; background-size: 40px; border: 3px solid #141917; border-radius: 40px; } .VideoModal-module_video_player__DO5x- .vjs-loading-spinner::before { border-top-color: white !important; margin: -3px; } .VideoModal-module_video_player__DO5x- .vjs-loading-spinner::after { border-top-color: white !important; margin: -3px; } .VideoModal-module_video_player__DO5x- .vjs-hide-controls .vjs-big-play-button { background-color: #005eb8 !important; color: white !important; } .VideoModal-module_video_player__DO5x- .vjs-big-play-button { color: #005eb8 !important; background-color: white !important; } .VideoModal-module_video_player__DO5x- .vjs-ad-playing .vjs-title-bar { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-skip-backward-button { display: block; background-image: url('data:image/svg+xml,'); background-position: center; background-repeat: no-repeat; background-color: white; border-radius: 4px; cursor: pointer; position: absolute; left: 22px; top: calc(50% - 20px); bottom: 96px; width: 40px; height: 40px; } .VideoModal-module_video_player__DO5x- .vjs-skip-backward-button:hover { background-color: #005eb8; background-image: url('data:image/svg+xml,'); } @media (min-width: 992px) { .VideoModal-module_video_player__DO5x- .vjs-skip-backward-button { top: calc(50% - 30px); bottom: 96px; width: 60px; height: 60px; left: 24px; background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- .vjs-skip-backward-button:hover { background-image: url('data:image/svg+xml,'); } } .VideoModal-module_video_player__DO5x- .vjs-skip-forward-button { display: block; background-image: url('data:image/svg+xml,'); background-position: center; background-repeat: no-repeat; background-color: white; border-radius: 4px; cursor: pointer; position: absolute; right: 22px; top: calc(50% - 20px); bottom: 96px; width: 40px; height: 40px; } .VideoModal-module_video_player__DO5x- .vjs-skip-forward-button:hover { background-color: #005eb8; background-image: url('data:image/svg+xml,'); } @media (min-width: 992px) { .VideoModal-module_video_player__DO5x- .vjs-skip-forward-button { top: calc(50% - 30px); bottom: 96px; width: 60px; height: 60px; right: 24px; background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- .vjs-skip-forward-button:hover { background-image: url('data:image/svg+xml,'); } } .VideoModal-module_video_player__DO5x- .irisIcon:before { display: none; } .VideoModal-module_video_player__DO5x- .vjs-play-control { position: absolute; left: calc(50% - 16px); top: calc(50% - 16px); width: 32px; height: 32px; } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-play-control { bottom: 24px; top: auto; } } .VideoModal-module_video_player__DO5x- .vjs-play-control.vjs-paused { background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- .vjs-play-control.vjs-playing { background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- .vjs-play-control .vjs-icon-placeholder { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-skip-forward-10 { position: absolute; left: calc(50% + 42px); top: calc(50% - 16px); width: 32px; height: 32px; background-image: url('data:image/svg+xml,'); } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-skip-forward-10 { bottom: 24px; top: auto; } } .VideoModal-module_video_player__DO5x- .vjs-skip-forward-10 .vjs-icon-placeholder { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-skip-backward-10 { position: absolute; left: calc(50% - 74px); top: calc(50% - 16px); width: 32px; height: 32px; background-image: url('data:image/svg+xml,'); } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-skip-backward-10 { bottom: 24px; top: auto; } } .VideoModal-module_video_player__DO5x- .vjs-skip-backward-10 .vjs-icon-placeholder { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-fullscreen-control { width: 24px; height: 24px; margin-top: 12px; margin-right: 5%; background-image: url('data:image/svg+xml,'); } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-fullscreen-control { position: absolute; right: 24px; bottom: 28px; top: auto; margin: 0; } } .VideoModal-module_video_player__DO5x- .vjs-fullscreen-control .vjs-icon-placeholder { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-fullscreen-control[title="Exit Fullscreen"] { background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- button.vjs-subs-caps-button { width: 24px; height: 24px; margin-top: 12px; margin-right: 5%; background-image: url('data:image/svg+xml,'); } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- button.vjs-subs-caps-button { position: absolute; right: 64px; bottom: 28px; top: auto; margin: 0; } } .VideoModal-module_video_player__DO5x- button.vjs-subs-caps-button .vjs-icon-placeholder { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-subs-caps-button .vjs-menu { left: -80px; bottom: 12px; } .VideoModal-module_video_player__DO5x- .vjs-volume-panel { width: 24px; height: 24px; margin-left: 5%; } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-volume-panel { position: absolute; left: 24px; bottom: 40px; top: auto; margin: 0; } } .VideoModal-module_video_player__DO5x- .vjs-volume-control { display: none; } .VideoModal-module_video_player__DO5x- .vjs-mute-control { width: 24px; height: 24px; margin-top: 12px; background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- .vjs-mute-control.vjs-vol-0 { background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- .vjs-mute-control .vjs-icon-placeholder { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-progress-control { position: absolute; bottom: 12px !important; top: auto !important; height: 0.5em !important; width: 90% !important; left: 5% !important; border-radius: 5px; background: #636a71; } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-progress-control { bottom: 80px !important; width: calc(100% - 48px) !important; left: 24px !important; } } .VideoModal-module_video_player__DO5x- .vjs-progress-control:hover .vjs-slider-bar:after { position: absolute; bottom: -3.5px !important; right: -7px; display: block; content: ""; width: 14px; height: 14px; border-radius: 7px; background: #0ab6ff; box-shadow: -2px 0px 4px rgba(26, 26, 26, 0.25); } .VideoModal-module_video_player__DO5x- .vjs-progress-holder { border-radius: 5px; } .VideoModal-module_video_player__DO5x- .vjs-load-progress { background: #cecece; border-radius: 5px; } .VideoModal-module_video_player__DO5x- .vjs-load-progressdiv { border-radius: 5px; } .VideoModal-module_video_player__DO5x- .vjs-time-tooltip { padding: 6px 8px 5px 8px; } .VideoModal-module_video_player__DO5x- .vjs-slider-bar { background: #0ab6ff; border-radius: 5px; } .VideoModal-module_video_player__DO5x- .vjs-slider-bar:after { position: absolute; bottom: -3.5px !important; right: -7px; display: block; content: ""; width: 14px; height: 14px; border-radius: 7px; background: #0ab6ff; box-shadow: -2px 0px 4px rgba(26, 26, 26, 0.25); } .VideoModal-module_video_player__DO5x- .vjs-current-time { display: block !important; position: absolute; bottom: 32px; height: 15px; left: 5%; margin-left: 0 !important; padding-left: 0; font-family: "protipo-narrow"; font-size: 12px; font-weight: 500; line-height: 15px; } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-current-time { left: 24px; bottom: 100px; } } .VideoModal-module_video_player__DO5x- .vjs-duration { display: block !important; position: absolute; bottom: 32px; right: 5%; text-align: right; padding-right: 0; height: 15px; font-family: "protipo-narrow"; font-size: 12px; font-weight: 500; line-height: 15px; } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-duration { right: 24px; bottom: 100px; } } .VideoModal-module_video_player__DO5x- .vjs-time-divider { display: none; } .VideoModal-module_video_player__DO5x- .vjs-title-bar { display: none; } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-title-bar { display: block; background: transparent !important; padding: 24px 24px 0 24px; } } .VideoModal-module_video_player__DO5x- .vjs-title-bar-title { font-family: "protipo-narrow"; font-style: normal; font-weight: 700; font-size: 24px; line-height: 24px; color: white !important; position: relative; z-index: 2; } .VideoModal-module_video_player__DO5x- .vjs-title-bar-description { font-family: "protipo-narrow"; font-style: normal; font-weight: 500; font-size: 18px; color: white !important; position: relative; z-index: 2; } .VideoModal-module_video_player__DO5x- .iris-upnext { display: none !important; } .VideoModal-module_video_title__WEpw6 { font-family: "protipo-narrow"; font-weight: 600; margin: 0; font-size: 20px; line-height: 25px; color: white; } .VideoModal-module_video_subtitle__plSSI { font-family: "roboto", sans-serif; font-size: 16px; font-weight: 400; line-height: 20px; color: #ced4da; margin: 8px 0 0 0; } .VideoModal-module_video_info_container__fpIoN { padding: 16px 16px 0 16px; } @media (min-width: 768px) { .VideoModal-module_video_info_container__fpIoN { display: none; } } .VideoModal-module_team_info_sponsor_container__els-L { display: flex; flex-direction: column; justify-content: space-between; padding-right: calc(50% - 490px); } @media (min-width: 768px) { .VideoModal-module_team_info_sponsor_container__els-L { flex-direction: row; } } .VideoModal-module_teams_container__29e4r { display: flex; flex-direction: column; } @media (min-width: 768px) { .VideoModal-module_teams_container__29e4r { flex-direction: row; } } .VideoModal-module_sponsor_container__gtVSA { padding-left: 16px; } @media (min-width: 768px) { .VideoModal-module_sponsor_container__gtVSA { padding-top: 8px; margin-right: auto; } } .VideoModal-module_nextup_video_container__rPaKD { display: none; flex-direction: row; } @media (min-width: 768px) { .VideoModal-module_nextup_video_container__rPaKD { display: flex; height: 64px; padding-top: 12px; padding-right: 16px; } } @media (min-width: 992px) { .VideoModal-module_nextup_video_container__rPaKD { padding-right: 0; } } .VideoModal-module_nextup_text__5Y-Yl { text-align: right; color: white; font-size: 12px; padding-right: 12px; font-family: "protipo-narrow"; font-weight: 700; margin-bottom: 2px; } .VideoModal-module_nextup_video_title__dg7DS { color: #ced4da; text-align: right; font-size: 11px; padding-right: 12px; font-family: "protipo-narrow"; font-weight: 500; line-height: 14px; width: 200px; height: 28px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .VideoModal-module_nextup_video_thumbnail__bgxgw { width: 82px; height: 44px; object-fit: cover; border-radius: 4px; border: 1px solid white; box-sizing: content-box; } .VideoModal-module_team_info_container__Z1HYr { padding: 12px 16px 0 16px; height: 64px; display: flex; align-items: center; justify-content: space-between; } @media (min-width: 360px) { .VideoModal-module_team_info_container__Z1HYr { justify-content: flex-start; padding-left: 16px; } } @media (min-width: 992px) { .VideoModal-module_team_info_container__Z1HYr { padding-left: 0; } } .VideoModal-module_team_info_container__Z1HYr .VideoModal-module_team_logo__clko9 { padding: 9px; width: 48px; height: 48px; object-fit: cover; background-color: white; border-radius: 50%; margin-right: 16px; } .VideoModal-module_team_info_container__Z1HYr .VideoModal-module_team_name__BBy7o { font-family: "protipo-narrow"; font-size: 14px; font-weight: 700; line-height: 19px; white-space: nowrap; text-transform: uppercase; color: white; } .VideoModal-module_team_info_container__Z1HYr .VideoModal-module_button_wrapper__pNE4p { margin-left: 12px; } .VideoModal-module_scrollable_container__bi-P1 { background-color: #0b223a; width: 100%; overflow-x: scroll; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .VideoModal-module_scrollable_container__bi-P1::-webkit-scrollbar { display: none; /* Safari and Chrome */ } @media (min-width: 992px) { .VideoModal-module_scrollable_container__bi-P1 { background-color: transparent; overflow: visible; padding-left: calc(50% - 490px); padding-right: calc(50% - 490px); } } @media only screen and (max-height: 575.98px) and (orientation: landscape) { .VideoModal-module_scrollable_container__bi-P1 { display: none; } } .VideoModal-module_tags_container__ye1b8 { margin-top: 15px; padding: 15px 16px 0px 16px; position: sticky; top: -1px; background-color: #0b223a; z-index: 2; } .VideoModal-module_tags_container__ye1b8.VideoModal-module_pinned__Jurv3 { box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.3); } @media (min-width: 992px) { .VideoModal-module_tags_container__ye1b8 { background-color: transparent; margin-top: 8px; padding-left: 0; } } .VideoModal-module_tags_container__ye1b8 .VideoModal-module_tag__fuAMC { border: 1px solid #669ed4; margin-right: 10px; cursor: pointer; color: white; padding: 5px 16px; display: inline-block; cursor: pointer; border-radius: 15px; font-family: "protipo-narrow"; font-size: 14px; font-weight: 500; line-height: 20px; text-align: center; white-space: nowrap; } .VideoModal-module_tags_container__ye1b8 .VideoModal-module_tag__fuAMC.VideoModal-module_selected__FedL6 { background: white; color: #005eb8; } .VideoModal-module_recommended_videos_container__uhybo { margin-top: 12px; padding: 15px 38px 0 38px; flex: 1; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ overflow: visible; } .VideoModal-module_recommended_videos_container__uhybo::-webkit-scrollbar { display: none; /* Safari and Chrome */ } @media (min-width: 768px) { .VideoModal-module_recommended_videos_container__uhybo { display: flex; flex-direction: row; padding-left: 16px; overflow-x: scroll; } } @media (min-width: 992px) { .VideoModal-module_recommended_videos_container__uhybo { width: 100vw; margin-left: calc(-1 * (50vw - 482px)); padding-left: calc(50vw - 482px); } } .VideoModal-module_recommended_video_wrapper__GC-oJ { display: block; position: relative; padding-bottom: 28px; transition: opacity 0.2s ease-in-out; cursor: pointer; } @media (min-width: 768px) { .VideoModal-module_recommended_video_wrapper__GC-oJ { width: 216px; scroll-snap-align: start; } } .VideoModal-module_recommended_video_wrapper__GC-oJ:hover { opacity: 0.6; } .VideoModal-module_recommended_video_spacer__dHjsf:after { content: ""; display: block; width: 200px; height: 100px; } .VideoModal-module_ad_wrapper__bC-4B { display: flex; padding-bottom: 28px; width: 100%; justify-content: center; } @media (min-width: 768px) { .VideoModal-module_ad_wrapper__bC-4B { display: none; } } .VideoModal-module_recommended_video_thumbnail__NAngp { width: 100%; height: auto; aspect-ratio: 1.77; object-fit: cover; border-radius: 10px; transition: opacity 0.4s ease-in-out; box-sizing: content-box; } @media (min-width: 768px) { .VideoModal-module_recommended_video_thumbnail__NAngp { width: 200px; aspect-ratio: 1.77; border-radius: 4px; border: solid white 1px; } } .VideoModal-module_recommended_video_thumbnail__NAngp.VideoModal-module_playing_indicator__vq9U0 { position: absolute; top: 0; display: flex; justify-content: center; align-items: center; font-family: "protipo-narrow"; font-size: 14px; font-weight: 700; line-height: 19px; color: white; background-color: transparent; } @media (min-width: 768px) { .VideoModal-module_recommended_video_thumbnail__NAngp.VideoModal-module_playing_indicator__vq9U0 { width: 200px; aspect-ratio: 1.77; border-radius: 4px; border: solid white 1px; } } .VideoModal-module_recommended_video_thumbnail__NAngp.VideoModal-module_playing__8TsiY { background-color: rgba(6, 25, 47, 0.96); } .VideoModal-module_recommended_video_title__CzdDl { font-family: "roboto", sans-serif; color: white; font-size: 16px; font-weight: 700; line-height: 20px; margin-top: 12px; } @media (min-width: 768px) { .VideoModal-module_recommended_video_title__CzdDl { margin-top: 4px; margin-right: 16px; width: 200px; overflow: hidden; height: 20px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; font-family: "protipo-narrow"; font-size: 12px; font-weight: 700; } } .VideoModal-module_recommended_video_subtitle__-29zA { font-family: "roboto", sans-serif; color: #ced4da; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; margin-top: 2px; } @media (min-width: 768px) { .VideoModal-module_recommended_video_subtitle__-29zA { font-size: 11px; font-style: normal; font-weight: 400; line-height: 15px; margin-top: 0px; } } .VideoModal-module_recommended_video_duration__vDsKt { position: absolute; bottom: 8px; left: 8px; padding: 4px 8px; padding-left: 24px; color: white; height: 24px; background-color: #005eb8; border-radius: 4px; font-family: "roboto", sans-serif; font-size: 14px; line-height: 16px; font-style: normal; font-weight: 400; } .VideoModal-module_recommended_video_duration__vDsKt:before { position: absolute; left: 8px; top: 5px; content: " "; width: 12px; height: 12px; background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_loading_wrapper__Y8caz { margin-bottom: 32px; width: 100%; height: auto; } @media (min-width: 768px) { .VideoModal-module_video_loading_wrapper__Y8caz { width: 200px; margin-right: 16px; } } .VideoModal-module_video_container__MC9b2 { position: relative; } @media only screen and (max-height: 575.98px) and (orientation: landscape) { .VideoModal-module_video_container__MC9b2 { height: 100%; max-width: calc(100% - 140px); aspect-ratio: 16/9; margin: auto; display: flex; justify-content: center; align-items: center; } } .VideoModal-module_recommended_videos_wrapper__HYvzK { position: relative; overflow: visible; } @media (min-width: 768px) { .VideoModal-module_recommended_videos_wrapper__HYvzK { overflow-x: visible; } } .VideoModal-module_scroll_back_button_wrapper__SG4Iz { display: none; position: absolute; bottom: 105px; transition: opacity 0.2s ease-in-out; } .VideoModal-module_scroll_back_button_wrapper__SG4Iz.VideoModal-module_disabled__1w5qK { opacity: 0; cursor: not-allowed; } @media (min-width: 992px) { .VideoModal-module_scroll_back_button_wrapper__SG4Iz { display: block; } } .VideoModal-module_scroll_forward_button_wrapper__8rUDP { display: none; position: absolute; bottom: 105px; transition: opacity 0.2s ease-in-out; } .VideoModal-module_scroll_forward_button_wrapper__8rUDP.VideoModal-module_disabled__1w5qK { opacity: 0; } @media (min-width: 992px) { .VideoModal-module_scroll_forward_button_wrapper__8rUDP { display: block; right: calc(100% - 980px); } } .VideoModal-module_button__Sf7P1 { background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit; } @keyframes VideoModal-module_fadeIn__9B7zt { from { opacity: 0; } to { opacity: 1; } } @keyframes VideoModal-module_fadeOut__Zhyhp { from { opacity: 1; } to { opacity: 0; } }') no-repeat; } @media only screen and (max-width: 700px) { .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_BottomBox__QOrIZ .LiveOdds-module_AdBox__gMXUM { flex-direction: row; align-items: center; justify-content: center; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_BottomBox__QOrIZ .LiveOdds-module_AdBox__gMXUM .LiveOdds-module_betMGM-Logo__UtJAl { margin-top: 0; margin-left: 16px; } } @media (prefers-color-scheme: dark) { .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Title__cb70P { color: #ffffff; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo { background: #1D2F43; border-color: #CED4DA; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_OddsTitle__nZq9I { color: #ffffff; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_AwayShortName__m5tm7, .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_HomeShortName__05cfH { color: #CED4DA !important; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_HomeOdds__Ug8Jf, .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_AwayOdds__uWSFY { color: #ffffff !important; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb div + div { border-left-color: #495057 !important; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_BottomBox__QOrIZ .LiveOdds-module_AdBox__gMXUM .LiveOdds-module_betMGM-Logo__UtJAl { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>') no-repeat !important; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr th { color: #ffffff !important; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr td { color: #CED4DA !important; } .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr th, .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr td { border-bottom-color: #495057 !important; } } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Title__cb70P { color: #ffffff; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo { background: #1D2F43; border-color: #CED4DA; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_OddsTitle__nZq9I { color: #ffffff; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_AwayShortName__m5tm7, .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_HomeShortName__05cfH { color: #CED4DA !important; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_HomeOdds__Ug8Jf, .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb .LiveOdds-module_AwayOdds__uWSFY { color: #ffffff !important; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Box__HqeEo .LiveOdds-module_CurrentOdds__m6gCb div + div { border-left-color: #495057 !important; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_BottomBox__QOrIZ .LiveOdds-module_AdBox__gMXUM .LiveOdds-module_betMGM-Logo__UtJAl { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>') no-repeat !important; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr th { color: #ffffff !important; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr td { color: #CED4DA !important; } .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr th, .darkMode .LiveOdds-module_Container__h9RI2 .LiveOdds-module_Records__TdNkc table tr td { border-bottom-color: #495057 !important; }'); background-repeat: no-repeat; background-position: 50% 52%; background-size: 40px; border: 3px solid #141917; border-radius: 40px; } .VideoModal-module_video_player__DO5x- .vjs-loading-spinner::before { border-top-color: white !important; margin: -3px; } .VideoModal-module_video_player__DO5x- .vjs-loading-spinner::after { border-top-color: white !important; margin: -3px; } .VideoModal-module_video_player__DO5x- .vjs-hide-controls .vjs-big-play-button { background-color: #005eb8 !important; color: white !important; } .VideoModal-module_video_player__DO5x- .vjs-big-play-button { color: #005eb8 !important; background-color: white !important; } .VideoModal-module_video_player__DO5x- .vjs-ad-playing .vjs-title-bar { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-skip-backward-button { display: block; background-image: url('data:image/svg+xml,'); background-position: center; background-repeat: no-repeat; background-color: white; border-radius: 4px; cursor: pointer; position: absolute; left: 22px; top: calc(50% - 20px); bottom: 96px; width: 40px; height: 40px; } .VideoModal-module_video_player__DO5x- .vjs-skip-backward-button:hover { background-color: #005eb8; background-image: url('data:image/svg+xml,'); } @media (min-width: 992px) { .VideoModal-module_video_player__DO5x- .vjs-skip-backward-button { top: calc(50% - 30px); bottom: 96px; width: 60px; height: 60px; left: 24px; background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- .vjs-skip-backward-button:hover { background-image: url('data:image/svg+xml,'); } } .VideoModal-module_video_player__DO5x- .vjs-skip-forward-button { display: block; background-image: url('data:image/svg+xml,'); background-position: center; background-repeat: no-repeat; background-color: white; border-radius: 4px; cursor: pointer; position: absolute; right: 22px; top: calc(50% - 20px); bottom: 96px; width: 40px; height: 40px; } .VideoModal-module_video_player__DO5x- .vjs-skip-forward-button:hover { background-color: #005eb8; background-image: url('data:image/svg+xml,'); } @media (min-width: 992px) { .VideoModal-module_video_player__DO5x- .vjs-skip-forward-button { top: calc(50% - 30px); bottom: 96px; width: 60px; height: 60px; right: 24px; background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- .vjs-skip-forward-button:hover { background-image: url('data:image/svg+xml,'); } } .VideoModal-module_video_player__DO5x- .irisIcon:before { display: none; } .VideoModal-module_video_player__DO5x- .vjs-play-control { position: absolute; left: calc(50% - 16px); top: calc(50% - 16px); width: 32px; height: 32px; } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-play-control { bottom: 24px; top: auto; } } .VideoModal-module_video_player__DO5x- .vjs-play-control.vjs-paused { background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- .vjs-play-control.vjs-playing { background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- .vjs-play-control .vjs-icon-placeholder { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-skip-forward-10 { position: absolute; left: calc(50% + 42px); top: calc(50% - 16px); width: 32px; height: 32px; background-image: url('data:image/svg+xml,'); } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-skip-forward-10 { bottom: 24px; top: auto; } } .VideoModal-module_video_player__DO5x- .vjs-skip-forward-10 .vjs-icon-placeholder { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-skip-backward-10 { position: absolute; left: calc(50% - 74px); top: calc(50% - 16px); width: 32px; height: 32px; background-image: url('data:image/svg+xml,'); } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-skip-backward-10 { bottom: 24px; top: auto; } } .VideoModal-module_video_player__DO5x- .vjs-skip-backward-10 .vjs-icon-placeholder { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-fullscreen-control { width: 24px; height: 24px; margin-top: 12px; margin-right: 5%; background-image: url('data:image/svg+xml,'); } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-fullscreen-control { position: absolute; right: 24px; bottom: 28px; top: auto; margin: 0; } } .VideoModal-module_video_player__DO5x- .vjs-fullscreen-control .vjs-icon-placeholder { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-fullscreen-control[title="Exit Fullscreen"] { background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- button.vjs-subs-caps-button { width: 24px; height: 24px; margin-top: 12px; margin-right: 5%; background-image: url('data:image/svg+xml,'); } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- button.vjs-subs-caps-button { position: absolute; right: 64px; bottom: 28px; top: auto; margin: 0; } } .VideoModal-module_video_player__DO5x- button.vjs-subs-caps-button .vjs-icon-placeholder { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-subs-caps-button .vjs-menu { left: -80px; bottom: 12px; } .VideoModal-module_video_player__DO5x- .vjs-volume-panel { width: 24px; height: 24px; margin-left: 5%; } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-volume-panel { position: absolute; left: 24px; bottom: 40px; top: auto; margin: 0; } } .VideoModal-module_video_player__DO5x- .vjs-volume-control { display: none; } .VideoModal-module_video_player__DO5x- .vjs-mute-control { width: 24px; height: 24px; margin-top: 12px; background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- .vjs-mute-control.vjs-vol-0 { background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_player__DO5x- .vjs-mute-control .vjs-icon-placeholder { display: none !important; } .VideoModal-module_video_player__DO5x- .vjs-progress-control { position: absolute; bottom: 12px !important; top: auto !important; height: 0.5em !important; width: 90% !important; left: 5% !important; border-radius: 5px; background: #636a71; } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-progress-control { bottom: 80px !important; width: calc(100% - 48px) !important; left: 24px !important; } } .VideoModal-module_video_player__DO5x- .vjs-progress-control:hover .vjs-slider-bar:after { position: absolute; bottom: -3.5px !important; right: -7px; display: block; content: ""; width: 14px; height: 14px; border-radius: 7px; background: #0ab6ff; box-shadow: -2px 0px 4px rgba(26, 26, 26, 0.25); } .VideoModal-module_video_player__DO5x- .vjs-progress-holder { border-radius: 5px; } .VideoModal-module_video_player__DO5x- .vjs-load-progress { background: #cecece; border-radius: 5px; } .VideoModal-module_video_player__DO5x- .vjs-load-progressdiv { border-radius: 5px; } .VideoModal-module_video_player__DO5x- .vjs-time-tooltip { padding: 6px 8px 5px 8px; } .VideoModal-module_video_player__DO5x- .vjs-slider-bar { background: #0ab6ff; border-radius: 5px; } .VideoModal-module_video_player__DO5x- .vjs-slider-bar:after { position: absolute; bottom: -3.5px !important; right: -7px; display: block; content: ""; width: 14px; height: 14px; border-radius: 7px; background: #0ab6ff; box-shadow: -2px 0px 4px rgba(26, 26, 26, 0.25); } .VideoModal-module_video_player__DO5x- .vjs-current-time { display: block !important; position: absolute; bottom: 32px; height: 15px; left: 5%; margin-left: 0 !important; padding-left: 0; font-family: "protipo-narrow"; font-size: 12px; font-weight: 500; line-height: 15px; } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-current-time { left: 24px; bottom: 100px; } } .VideoModal-module_video_player__DO5x- .vjs-duration { display: block !important; position: absolute; bottom: 32px; right: 5%; text-align: right; padding-right: 0; height: 15px; font-family: "protipo-narrow"; font-size: 12px; font-weight: 500; line-height: 15px; } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-duration { right: 24px; bottom: 100px; } } .VideoModal-module_video_player__DO5x- .vjs-time-divider { display: none; } .VideoModal-module_video_player__DO5x- .vjs-title-bar { display: none; } @media (min-width: 768px) { .VideoModal-module_video_player__DO5x- .vjs-title-bar { display: block; background: transparent !important; padding: 24px 24px 0 24px; } } .VideoModal-module_video_player__DO5x- .vjs-title-bar-title { font-family: "protipo-narrow"; font-style: normal; font-weight: 700; font-size: 24px; line-height: 24px; color: white !important; position: relative; z-index: 2; } .VideoModal-module_video_player__DO5x- .vjs-title-bar-description { font-family: "protipo-narrow"; font-style: normal; font-weight: 500; font-size: 18px; color: white !important; position: relative; z-index: 2; } .VideoModal-module_video_player__DO5x- .iris-upnext { display: none !important; } .VideoModal-module_video_title__WEpw6 { font-family: "protipo-narrow"; font-weight: 600; margin: 0; font-size: 20px; line-height: 25px; color: white; } .VideoModal-module_video_subtitle__plSSI { font-family: "roboto", sans-serif; font-size: 16px; font-weight: 400; line-height: 20px; color: #ced4da; margin: 8px 0 0 0; } .VideoModal-module_video_info_container__fpIoN { padding: 16px 16px 0 16px; } @media (min-width: 768px) { .VideoModal-module_video_info_container__fpIoN { display: none; } } .VideoModal-module_team_info_sponsor_container__els-L { display: flex; flex-direction: column; justify-content: space-between; padding-right: calc(50% - 490px); } @media (min-width: 768px) { .VideoModal-module_team_info_sponsor_container__els-L { flex-direction: row; } } .VideoModal-module_teams_container__29e4r { display: flex; flex-direction: column; } @media (min-width: 768px) { .VideoModal-module_teams_container__29e4r { flex-direction: row; } } .VideoModal-module_sponsor_container__gtVSA { padding-left: 16px; } @media (min-width: 768px) { .VideoModal-module_sponsor_container__gtVSA { padding-top: 8px; margin-right: auto; } } .VideoModal-module_nextup_video_container__rPaKD { display: none; flex-direction: row; } @media (min-width: 768px) { .VideoModal-module_nextup_video_container__rPaKD { display: flex; height: 64px; padding-top: 12px; padding-right: 16px; } } @media (min-width: 992px) { .VideoModal-module_nextup_video_container__rPaKD { padding-right: 0; } } .VideoModal-module_nextup_text__5Y-Yl { text-align: right; color: white; font-size: 12px; padding-right: 12px; font-family: "protipo-narrow"; font-weight: 700; margin-bottom: 2px; } .VideoModal-module_nextup_video_title__dg7DS { color: #ced4da; text-align: right; font-size: 11px; padding-right: 12px; font-family: "protipo-narrow"; font-weight: 500; line-height: 14px; width: 200px; height: 28px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .VideoModal-module_nextup_video_thumbnail__bgxgw { width: 82px; height: 44px; object-fit: cover; border-radius: 4px; border: 1px solid white; box-sizing: content-box; } .VideoModal-module_team_info_container__Z1HYr { padding: 12px 16px 0 16px; height: 64px; display: flex; align-items: center; justify-content: space-between; } @media (min-width: 360px) { .VideoModal-module_team_info_container__Z1HYr { justify-content: flex-start; padding-left: 16px; } } @media (min-width: 992px) { .VideoModal-module_team_info_container__Z1HYr { padding-left: 0; } } .VideoModal-module_team_info_container__Z1HYr .VideoModal-module_team_logo__clko9 { padding: 9px; width: 48px; height: 48px; object-fit: cover; background-color: white; border-radius: 50%; margin-right: 16px; } .VideoModal-module_team_info_container__Z1HYr .VideoModal-module_team_name__BBy7o { font-family: "protipo-narrow"; font-size: 14px; font-weight: 700; line-height: 19px; white-space: nowrap; text-transform: uppercase; color: white; } .VideoModal-module_team_info_container__Z1HYr .VideoModal-module_button_wrapper__pNE4p { margin-left: 12px; } .VideoModal-module_scrollable_container__bi-P1 { background-color: #0b223a; width: 100%; overflow-x: scroll; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .VideoModal-module_scrollable_container__bi-P1::-webkit-scrollbar { display: none; /* Safari and Chrome */ } @media (min-width: 992px) { .VideoModal-module_scrollable_container__bi-P1 { background-color: transparent; overflow: visible; padding-left: calc(50% - 490px); padding-right: calc(50% - 490px); } } @media only screen and (max-height: 575.98px) and (orientation: landscape) { .VideoModal-module_scrollable_container__bi-P1 { display: none; } } .VideoModal-module_tags_container__ye1b8 { margin-top: 15px; padding: 15px 16px 0px 16px; position: sticky; top: -1px; background-color: #0b223a; z-index: 2; } .VideoModal-module_tags_container__ye1b8.VideoModal-module_pinned__Jurv3 { box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.3); } @media (min-width: 992px) { .VideoModal-module_tags_container__ye1b8 { background-color: transparent; margin-top: 8px; padding-left: 0; } } .VideoModal-module_tags_container__ye1b8 .VideoModal-module_tag__fuAMC { border: 1px solid #669ed4; margin-right: 10px; cursor: pointer; color: white; padding: 5px 16px; display: inline-block; cursor: pointer; border-radius: 15px; font-family: "protipo-narrow"; font-size: 14px; font-weight: 500; line-height: 20px; text-align: center; white-space: nowrap; } .VideoModal-module_tags_container__ye1b8 .VideoModal-module_tag__fuAMC.VideoModal-module_selected__FedL6 { background: white; color: #005eb8; } .VideoModal-module_recommended_videos_container__uhybo { margin-top: 12px; padding: 15px 38px 0 38px; flex: 1; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ overflow: visible; } .VideoModal-module_recommended_videos_container__uhybo::-webkit-scrollbar { display: none; /* Safari and Chrome */ } @media (min-width: 768px) { .VideoModal-module_recommended_videos_container__uhybo { display: flex; flex-direction: row; padding-left: 16px; overflow-x: scroll; } } @media (min-width: 992px) { .VideoModal-module_recommended_videos_container__uhybo { width: 100vw; margin-left: calc(-1 * (50vw - 482px)); padding-left: calc(50vw - 482px); } } .VideoModal-module_recommended_video_wrapper__GC-oJ { display: block; position: relative; padding-bottom: 28px; transition: opacity 0.2s ease-in-out; cursor: pointer; } @media (min-width: 768px) { .VideoModal-module_recommended_video_wrapper__GC-oJ { width: 216px; scroll-snap-align: start; } } .VideoModal-module_recommended_video_wrapper__GC-oJ:hover { opacity: 0.6; } .VideoModal-module_recommended_video_spacer__dHjsf:after { content: ""; display: block; width: 200px; height: 100px; } .VideoModal-module_ad_wrapper__bC-4B { display: flex; padding-bottom: 28px; width: 100%; justify-content: center; } @media (min-width: 768px) { .VideoModal-module_ad_wrapper__bC-4B { display: none; } } .VideoModal-module_recommended_video_thumbnail__NAngp { width: 100%; height: auto; aspect-ratio: 1.77; object-fit: cover; border-radius: 10px; transition: opacity 0.4s ease-in-out; box-sizing: content-box; } @media (min-width: 768px) { .VideoModal-module_recommended_video_thumbnail__NAngp { width: 200px; aspect-ratio: 1.77; border-radius: 4px; border: solid white 1px; } } .VideoModal-module_recommended_video_thumbnail__NAngp.VideoModal-module_playing_indicator__vq9U0 { position: absolute; top: 0; display: flex; justify-content: center; align-items: center; font-family: "protipo-narrow"; font-size: 14px; font-weight: 700; line-height: 19px; color: white; background-color: transparent; } @media (min-width: 768px) { .VideoModal-module_recommended_video_thumbnail__NAngp.VideoModal-module_playing_indicator__vq9U0 { width: 200px; aspect-ratio: 1.77; border-radius: 4px; border: solid white 1px; } } .VideoModal-module_recommended_video_thumbnail__NAngp.VideoModal-module_playing__8TsiY { background-color: rgba(6, 25, 47, 0.96); } .VideoModal-module_recommended_video_title__CzdDl { font-family: "roboto", sans-serif; color: white; font-size: 16px; font-weight: 700; line-height: 20px; margin-top: 12px; } @media (min-width: 768px) { .VideoModal-module_recommended_video_title__CzdDl { margin-top: 4px; margin-right: 16px; width: 200px; overflow: hidden; height: 20px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; font-family: "protipo-narrow"; font-size: 12px; font-weight: 700; } } .VideoModal-module_recommended_video_subtitle__-29zA { font-family: "roboto", sans-serif; color: #ced4da; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; margin-top: 2px; } @media (min-width: 768px) { .VideoModal-module_recommended_video_subtitle__-29zA { font-size: 11px; font-style: normal; font-weight: 400; line-height: 15px; margin-top: 0px; } } .VideoModal-module_recommended_video_duration__vDsKt { position: absolute; bottom: 8px; left: 8px; padding: 4px 8px; padding-left: 24px; color: white; height: 24px; background-color: #005eb8; border-radius: 4px; font-family: "roboto", sans-serif; font-size: 14px; line-height: 16px; font-style: normal; font-weight: 400; } .VideoModal-module_recommended_video_duration__vDsKt:before { position: absolute; left: 8px; top: 5px; content: " "; width: 12px; height: 12px; background-image: url('data:image/svg+xml,'); } .VideoModal-module_video_loading_wrapper__Y8caz { margin-bottom: 32px; width: 100%; height: auto; } @media (min-width: 768px) { .VideoModal-module_video_loading_wrapper__Y8caz { width: 200px; margin-right: 16px; } } .VideoModal-module_video_container__MC9b2 { position: relative; } @media only screen and (max-height: 575.98px) and (orientation: landscape) { .VideoModal-module_video_container__MC9b2 { height: 100%; max-width: calc(100% - 140px); aspect-ratio: 16/9; margin: auto; display: flex; justify-content: center; align-items: center; } } .VideoModal-module_recommended_videos_wrapper__HYvzK { position: relative; overflow: visible; } @media (min-width: 768px) { .VideoModal-module_recommended_videos_wrapper__HYvzK { overflow-x: visible; } } .VideoModal-module_scroll_back_button_wrapper__SG4Iz { display: none; position: absolute; bottom: 105px; transition: opacity 0.2s ease-in-out; } .VideoModal-module_scroll_back_button_wrapper__SG4Iz.VideoModal-module_disabled__1w5qK { opacity: 0; cursor: not-allowed; } @media (min-width: 992px) { .VideoModal-module_scroll_back_button_wrapper__SG4Iz { display: block; } } .VideoModal-module_scroll_forward_button_wrapper__8rUDP { display: none; position: absolute; bottom: 105px; transition: opacity 0.2s ease-in-out; } .VideoModal-module_scroll_forward_button_wrapper__8rUDP.VideoModal-module_disabled__1w5qK { opacity: 0; } @media (min-width: 992px) { .VideoModal-module_scroll_forward_button_wrapper__8rUDP { display: block; right: calc(100% - 980px); } } .VideoModal-module_button__Sf7P1 { background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit; } @keyframes VideoModal-module_fadeIn__9B7zt { from { opacity: 0; } to { opacity: 1; } } @keyframes VideoModal-module_fadeOut__Zhyhp { from { opacity: 1; } to { opacity: 0; } } Skip to main content
THE LAST DAYS OF THE JOE
By Donnovan Bennett
Photos by Will Jivcoff
THE LAST DAYS OF THE JOE
By Donnovan Bennett
Photos by Will Jivcoff
For the past 38 years, Joe Louis Arena has been the beating heart of Hockeytown. We went to Detroit to see it one last time.

Detroit has many nicknames — The D, Motor City, Rock City, Motown — but from a sports perspective it will always be Hockeytown.

The epicentre of it all for the past 38 years has been Joe Louis Arena. And at the end of the year it will close for good.

I went to Detroit in March expecting to learn what the arena meant to the people and the city. And I learned it’s the people and the traditions that make the place what it is.

The Red Wings just saw their 25-year playoff streak snapped, but it was still apparent in the final days of Joe Louis why it earned the moniker “the largest community rink in North America.”

Part of the community atmosphere is due to the number of locally grown stars on the current squad. Four players on this team are from the state of Michigan. Deb Roest (pictured above) from nearby Muskegon is here because the best player her hometown has produced, Justin Abdelkader, is a Red Wing.

“We’ve got three buses here from Muskegon just to cheer on our hometown boy. We all know his mom and we couldn’t be more proud of him and our team,” Roest says.

Every person I talked to used the adjective “blue-collar” to describe the building, franchise and the fans.

Bernie Whickstram (pictured above), a war veteran, has watched generations of hockey both at Joe Louis and at the Olympia, which preceded it. He didn’t hesitate when asked to describe the connection between the team and the fans.

“This is a working-man’s town,” he said. “This is a place where the everyday Joe would come and spend his hard-earned money.”

Red Wings attendance has stayed strong through the years despite the downturn in the economy and the loss of auto-industry jobs that forced many to move away. In the 1950s, two million people called this city home. Now that number has dwindled to 700,000.

All this helps explain why the fanbase as a whole loves the players who weren’t afraid of the dirty work. Although the “Russian five” are celebrated, Wings fans are still more likely to bring up the “Grind line.”

“We had some flashy players come through here, but when we were at our best is when we got down to work and would grind,” explained Kirk Maltby (below, in suit), a four-time Stanley Cup champion as a member of the Red Wings. “That is Detroit — working on that line. That is what this organization is like top to bottom.”

Doing an unscientific poll of Red Wings fans in and around the arena, the most popular player to come through the franchise is not “Mr. Hockey” Gordie Howe — instead, it’s Ted Lindsay, who not only was known for dominating play but also for climbing into the stands to whack a fan. There was always a chance he’d end a game with more stitches in his face than shifts on the ice, but his unapologetic style made him revered.

The space in front of Lindsay’s statue in the concourse is a virtual selfie station. In talking about him, Mike Babcock referred to him as “Mr. Lindsay” and his normally booming voice dropped to a whisper.

Mike Babcock - Memories of the Joe Louis Arena
Before he coaches his last game in the Joe Louis arena on April 1, Mike Babcock explained to Donnovan Bennett what the arena meant to him personally.
Video Player is loading.
Current Time 0:00
Duration 2:48
Loaded: 0.00%
Stream Type LIVE
Remaining Time 2:48
 
1x

Joe Louis’s replacement, Little Caesars Arena (pictured below, in progress), is part of an overall midtown revamp that is expected to drastically change the city’s economy.

Little Caesars is owned by the Ilitch family, as is the conglomerate that runs the Red Wings — so it’s no coincidence that’s the name featured on the top of the new building. Selling out naming rights to the highest bidder wouldn’t fly in Detroit.

Ford Field and Comerica Park aren’t seen as buildings with corporate names, but instead as reminders to the world that big business can start and survive in Detroit.

Many interior elements will be transported from the Joe to the new arena. Still, as in any move, something will be lost.

“[The Joe] just has a lot of charm that you can’t build into a new arena,” Maltby warned.

Al Sabotka (pictured below), the Zamboni driver famous for giving away rides and swinging octopi over his head to incite the crowd, would agree.

“The arena has a lot of character,” he said. “It has a smell to it. Not a bad smell — it’s a good smell that people like.”

As the game I attended wound down, Journey’s “Don’t Stop Believing” echoed from the Joe’s creaky old PA system across the sea of fans during a break in play. By the time Steve Perry sang “Born and raised in South Detroit…,” the crowd had easily drowned him out. They also outlasted him, continuing to sing well after the music had stopped and play resumed.

The new building’s state-of-the-art sound system may blow this one away, but it’s qualitative quirks like this that make the Joe one of a kind.

“This building has a lot of charm,” Maltby said. “Something you can’t just build into a new arena.”

The hope is that not just the winning, but the traditions follow the Red Wings to their new home.