NHL Highlights: Canucks 3, Sharks 1 ') 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

NHL Highlights: Canucks 3, Sharks 1

5:36 | November 21, 2023

Quinn Hughes scored a goal and had an assist to become the third defenceman to reach 30 points in less than 20 games played in NHL history, and the Vancouver Canucks defeated the San Jose Sharks 3-1.