/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
    #BREAKPOINTS
\*------------------------------------*/
/*------------------------------------*\
#Z-INDEX
\*------------------------------------*/
/* this z-index will likely look confusing - it currently puts it on top of the flyout but it allows the user to
  close it when the flyout it out so seems more correct than something below flyout

  Gnatout is only defined in xl+ at the moment and in that viewport the current one will not conflict with any known, valid toasts*/
/*------------------------------------*\
    #CONTENT SIZE
\*------------------------------------*/
/*------------------------------------*\
    #LAYOUT CONSTANTS
\*------------------------------------*/
@keyframes rotateCW90toN90 {
  from {
    transform: rotate(90deg); }
  to {
    transform: rotate(-90deg); } }

@keyframes rotateCCWN90to90 {
  from {
    transform: rotate(-90deg); }
  to {
    transform: rotate(90deg); } }

@keyframes rotateCW0toN180 {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(-180deg); } }

@keyframes rotateCCWN180to0 {
  from {
    transform: rotate(-180deg); }
  to {
    transform: rotate(0); } }

@keyframes fadeaway {
  0% {
    bottom: 10px; }
  90% {
    bottom: 10px; }
  100% {
    bottom: -100px; } }

@keyframes fade-in {
  from {
    transition: all 1.5s linear; }
  to {
    transform: none; } }

@keyframes fade-in-animation {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes explore-slide-anim {
  from {
    opacity: 0;
    transform: translateX(10%); }
  to {
    opacity: 1;
    transform: translateX(0%); } }

@keyframes nav-slide-in {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes x-slide-in {
  from {
    opacity: 0;
    transform: translateX(-100%); }
  to {
    opacity: 1;
    transform: translateX(0%); } }

@keyframes card-slide-up {
  from {
    transform: translateY(20%);
    opacity: 0; }
  to {
    transform: translateY(0%);
    opacity: 1; } }

@keyframes expand-and-retract {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }

@keyframes wiggle {
  from {
    transform: rotate(-2deg); }
  to {
    transform: rotate(2deg); } }

@keyframes full-rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes hideThenShow {
  from {
    visibility: hidden;
    opacity: 0; }
  to {
    visibility: visible;
    opacity: 1; } }

@keyframes pulsate {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: .6; } }

@keyframes skeletonLoading {
  100% {
    transform: translateX(100%); } }

/*************************************
  Function must be defined before they are used 
*************************************/
/*************************************
  FONTS
*************************************/
/*************************************
  IMAGES
*************************************/
/*************************************
  LAYOUTS
*************************************/
/*************************************
    MARGIN
*************************************/
.mgn-auto {
  margin: auto; }

.mgn-0 {
  margin: 0; }

.mgn-sides-30 {
  margin: 0 30px; }

.mgn-tpbt-10 {
  margin: 10px 0; }

.mgn-tpbt-15 {
  margin: 15px 0; }

.mgn-top-20-btm-20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.mgn-top-50-btm-50 {
  margin-top: 50px;
  margin-bottom: 50px; }

.mgn-top-60-btm-60 {
  margin-top: 60px;
  margin-bottom: 60px; }

.mgn-left-0 {
  margin-left: 0; }

.mgn-left-2 {
  margin-left: 2px; }

.mgn-left-5 {
  margin-left: 5px; }

.mgn-left-10 {
  margin-left: 10px; }

.mgn-l-0 {
  margin-left: 0; }

.mgn-l-2 {
  margin-left: 2px; }

.mgn-l-3 {
  margin-left: 3px; }

.mgn-l-5 {
  margin-left: 5px; }

.mgn-l-10 {
  margin-left: 10px; }

.mgn-l-15 {
  margin-left: 15px; }

.mgn-l-25 {
  margin-left: 25px; }

.mgn-r-5 {
  margin-right: 5px; }

.mgn-r-10 {
  margin-right: 10px; }

.mgn-r-15 {
  margin-right: 15px; }

.mgn-r-20 {
  margin-right: 20px; }

.mgn-r-33 {
  margin-right: 33px; }

.mgn-top-0 {
  margin-top: 0; }

.mgn-top-2 {
  margin-top: 2px; }

.mgn-top-3 {
  margin-top: 3px; }

.mgn-top-5 {
  margin-top: 5px; }

.mgn-top-6 {
  margin-top: 6px; }

.mgn-top-8 {
  margin-top: 8px; }

.mgn-top-10 {
  margin-top: 10px; }

.mgn-top-11 {
  margin-top: 11px; }

.mgn-top-15 {
  margin-top: 15px; }

.mgn-top-20 {
  margin-top: 20px; }

.mgn-top-25 {
  margin-top: 25px; }

.mgn-top-40 {
  margin-top: 40px; }

.mgn-top-50 {
  margin-top: 50px; }

.mgn-top-56 {
  margin-top: 56px; }

.mgn-top-60 {
  margin-top: 60px; }

.mgn-top-70 {
  margin-top: 70px; }

.mgn-top-80 {
  margin-top: 80px; }

.mg-bt-n-10 {
  margin-bottom: -10px; }

.mgn-btm-0 {
  margin-bottom: 0; }

.mgn-b-2 {
  margin-bottom: 2px; }

.mgn-btm-4 {
  margin-bottom: 4px; }

.mgn-btm-5 {
  margin-bottom: 5px; }

.mgn-btm-9 {
  margin-bottom: 9px; }

.mgn-btm-10 {
  margin-bottom: 10px; }

.mgn-btm-11 {
  margin-bottom: 11px; }

.mgn-btm-13 {
  margin-bottom: 13px; }

.mgn-btm-15 {
  margin-bottom: 15px; }

.mgn-btm-16 {
  margin-bottom: 16px; }

.mgn-btm-20 {
  margin-bottom: 20px; }

.mgn-btm-25 {
  margin-bottom: 25px; }

.mgn-btm-30 {
  margin-bottom: 30px; }

.mgn-btm-35 {
  margin-bottom: 35px; }

.mgn-btm-40 {
  margin-bottom: 40px; }

.mgn-btm-50 {
  margin-bottom: 50px; }

.mgn-btm-60 {
  margin-bottom: 60px; }

.mgn-btm-80 {
  margin-bottom: 80px; }

/*************************************
    PADDING
*************************************/
.pdn-0 {
  padding: 0; }

.pdn-4 {
  padding: 4px; }

.pdg-t-b-10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.pdg-t-b-20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.pdg-side-10 {
  padding: 0 10px; }

.pdg-side-15 {
  padding: 0 15px; }

.pdg-side-60 {
  padding: 0 60px; }

.pdg-t-2 {
  padding-top: 2px; }

.pdg-t-3 {
  padding-top: 3px; }

.pdg-t-4 {
  padding-top: 4px; }

.pdg-t-5 {
  padding-top: 5px; }

.pdg-t-8 {
  padding-top: 8px; }

.pdg-top-10 {
  padding-top: 10px; }

.pdg-t-11 {
  padding-top: 11px; }

.pdg-top-15 {
  padding-top: 15px; }

.pd-t-16 {
  padding-top: 16px; }

.pdg-top-20 {
  padding-top: 20px; }

.pdg-top-30 {
  padding-top: 30px; }

.pdg-top-40 {
  padding-top: 40px; }

.pdg-t-60 {
  padding-top: 60px; }

.pdg-t-65 {
  padding-top: 65px; }

.pd-b-5 {
  padding-bottom: 5px; }

.pdg-b-12 {
  padding-bottom: 12px; }

.pdg-b-15 {
  padding-bottom: 15px; }

.pdg-b-20 {
  padding-bottom: 20px; }

.pdg-b-25 {
  padding-bottom: 25px; }

.pdg-b-40 {
  padding-bottom: 40px; }

.pdg-b-80 {
  padding-bottom: 80px; }

.pdg-r-5 {
  padding-right: 5px; }

.pdg-l-2 {
  padding-left: 2px; }

.pdg-r-2 {
  padding-right: 2px; }

.pd-l-10 {
  padding-left: 10px; }

.pdg-l-15 {
  padding-left: 15px; }

.pd-l-20 {
  padding-left: 20px; }

.pd-r-20 {
  padding-right: 20px; }

.pdg-l-40 {
  padding-left: 40px; }

/*************************************
    DESKTOP STYLES
*************************************/
@media only screen and (min-width: 1024px) {
  .mgn-xl-top-30-btm-30 {
    margin-top: 30px;
    margin-bottom: 30px; }
  .mgn-xl-top-7 {
    margin-top: 7px; }
  .mgn-xl-top-15 {
    margin-top: 15px; }
  .mgn-xl-top-24 {
    margin-top: 24px; }
  .mgn-xl-btm-35 {
    margin-bottom: 35px; } }

/*************************************
      TABLET STYLES
*************************************/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mgn-md-top-50-btm-50 {
    margin-top: 50px;
    margin-bottom: 50px; }
  .mgn-md-btm-10 {
    margin-bottom: 10px; }
  .mgn-md-btm-16 {
    margin-bottom: 16px; }
  .mgn-md-btm-20 {
    margin-bottom: 20px; }
  .pdg-md-top-40 {
    padding-top: 40px; } }

/*************************************
      TABLET AND MOBILE STYLES
*************************************/
@media only screen and (max-width: 1023px) {
  .mgn-md-sm-btm-5 {
    margin-bottom: 5px; }
  .mgn-md-sm-btm-30 {
    margin-bottom: 30px; }
  .mgn-md-sm-btm-50 {
    margin-bottom: 50px; }
  .mgn-md-sm-top-5 {
    margin-top: 5px; }
  .mgn-md-sm-top-10 {
    margin-top: 10px; }
  .mgn-md-sm-top-15 {
    margin-top: 15px; }
  .mgn-md-sm-top-20 {
    margin-top: 20px; }
  .mgn-md-sm-top-40 {
    margin-top: 40px; }
  .mgn-md-sm-top-120 {
    margin-top: 120px; } }

/*************************************
      MOBILE STYLES
  *************************************/
@media only screen and (max-width: 767px) {
  .mgn-sm-top-0-btm-0 {
    margin-top: 0;
    margin-bottom: 0; }
  .mgn-sm-top-40-btm-40 {
    margin-top: 40px;
    margin-bottom: 40px; }
  .mgn-sm-top-21 {
    margin-top: 21px; }
  .mgn-sm-top-40 {
    margin-top: 40px; }
  .mgn-sm-btm-5 {
    margin-bottom: 5px; }
  .mgn-sm-btm-9 {
    margin-bottom: 9px; }
  .mgn-sm-btm-20 {
    margin-bottom: 20px; }
  .mgn-sm-btm-21 {
    margin-bottom: 21px; }
  .mgn-sm-l-5 {
    margin-left: 5px; }
  .mgn-sm-r-20 {
    margin-right: 20px; }
  .pdg-sm-btm-7 {
    padding-bottom: 7px; }
  .pdg-sm-t-3 {
    padding-top: 3px; }
  .pdg-sm-t-5 {
    padding-top: 5px; }
  .pdg-sm-side-30 {
    padding: 0 30px; } }

/*
  CSS REST
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, tt, var, center,
fieldset, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
  END CSS REST
*/
body {
  font-family: "FSStadiumCond";
  color: #000;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  margin: 0;
  overflow-x: hidden; }
  @media only screen and (max-width: 1023px) {
    body.tablet-and-mobile-no-scroll {
      overflow: hidden; }
      body.tablet-and-mobile-no-scroll .nav-container,
      body.tablet-and-mobile-no-scroll .subnav-container,
      body.tablet-and-mobile-no-scroll .nav-horizontal-container {
        z-index: 1; }
      body.tablet-and-mobile-no-scroll .scores-header-wrapper {
        z-index: 9; } }
  @media only screen and (max-width: 767px) {
    body.mobile-no-scroll {
      overflow: hidden; }
      body.mobile-no-scroll .nav-container,
      body.mobile-no-scroll .subnav-container,
      body.mobile-no-scroll .nav-horizontal-container {
        z-index: 1; }
      body.mobile-no-scroll .scores-header-wrapper {
        z-index: 9; }
      body.mobile-no-scroll .live-tv-full-schedule-container .filter-container-wrapper {
        position: relative; } }

a {
  text-decoration: none;
  color: #000; }

input, button, select, textarea, optgroup, option {
  font: inherit; }

input[type="search"] {
  -webkit-appearance: textfield;
  padding: 1px 2px;
  line-height: normal; }

/* replacing default x button with custom one because ios doesn't support it */
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  display: block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 14px; }

:root {
  --theme-bg-color: #fff;
  --theme-bg-color-opacity: rgba(0,0,0,.2);
  --theme-bg-color-overlay-gradient: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)); }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

@font-face {
  font-family: "FSStadiumCond";
  src: url("../../fonts/fs-stadium-bold-cond/FS-Stadium-Bold-Condensed.woff2") format("woff2"), url("../../fonts/fs-stadium-bold-cond/FS-Stadium-Bold-Condensed.woff") format("woff"), url("../../fonts/fs-stadium-bold-cond/FS-Stadium-Bold-Condensed.otf") format("truetype"); }

@font-face {
  font-family: "FSStadiumBold";
  src: url("../../fonts/fs-stadium-bold/FS-Stadium-Bold.woff2") format("woff2"), url("../../fonts/fs-stadium-bold/FS-Stadium-Bold.woff") format("woff"), url("../../fonts/fs-stadium-bold/FS-Stadium-Bold.otf") format("truetype"); }

@font-face {
  font-family: "HaasGrotTextR-55Roman";
  src: url("../../fonts/haas/Haas Grot Text R-55 Roman.otf") format("truetype"); }

@font-face {
  font-family: "ProximaNova";
  src: url("../../fonts/proxima-nova/ProximaNova-Regular.otf") format("truetype"); }

/*************************************
  Height and Width
*************************************/
.ht-10 {
  height: 10px; }

.ht-11 {
  height: 11px; }

.ht-15 {
  height: 15px; }

.ht-20 {
  height: 20px; }

.ht-40 {
  height: 40px; }

.ht-55 {
  height: 55px; }

.ht-56 {
  height: 56px; }

.ht-100pct {
  height: 100%; }

.wt-56 {
  width: 56px; }

.wt-93 {
  width: 93px; }

.wt-100pct {
  width: 100%; }

/*************************************
  Global Styles
*************************************/
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: repeating-linear-gradient(0deg, #000, transparent);
  top: 0; }

.text-overflow-dots {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.vis-hidden {
  visibility: hidden; }

.list-no-style {
  list-style-type: none; }

.bkg-wht {
  background-color: #fff; }

.border-grey-d {
  border: 1px solid #d9d9d9; }

.overflow-none {
  overflow-y: hidden;
  overflow-x: hidden; }

.bb-0 {
  border-bottom: none !important; }

.err-clr {
  color: #e60000; }

.pointer {
  cursor: pointer; }

.pointer-default {
  cursor: default; }

.inline {
  display: inline; }

.block {
  display: block; }

.flex {
  display: flex; }

.flex-reverse {
  display: flex;
  flex-direction: row-reverse; }

.flex-inline {
  display: flex;
  align-items: center; }

.flex-bl {
  display: flex;
  align-items: baseline; }

.flex-inline-tab-mob-col {
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 1023px) {
    .flex-inline-tab-mob-col {
      flex-direction: column; } }

.flex-inline-mob-col {
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    .flex-inline-mob-col {
      flex-direction: column; } }

.flex-centered {
  display: flex;
  align-items: center;
  justify-content: center; }

.flex-even-space {
  display: flex;
  justify-content: space-between; }

.flex-row-end {
  display: flex;
  justify-content: flex-end; }

.flex-col {
  display: flex;
  flex-direction: column; }

.flex-col-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.flex-col-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }

.flex-col-cntr {
  display: flex;
  flex-direction: column;
  align-items: center; }

.flex-circle {
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box; }

.flex-align-center {
  align-items: center; }

.in-between {
  justify-content: space-between; }

.display-none {
  display: none; }

.divider {
  border-top: 1px solid #e5e5e5; }

/* channel images */
.channel-logo {
  height: 10px; }
  .channel-logo.is-faded {
    opacity: .5; }
  .channel-logo.large-logo {
    height: auto; }
  .channel-logo.fs1 {
    content: url("../../images/channels/fs1.svg"); }
  .channel-logo.fs2 {
    content: url("../../images/channels/fs2.svg"); }
  .channel-logo.fox {
    content: url("../../images/channels/fox.svg"); }
  .channel-logo.btn {
    content: url("../../images/channels/btn.svg"); }
  .channel-logo.fsp {
    content: url("../../images/channels/fsp.svg"); }
  .channel-logo.foxdep {
    content: url("../../images/channels/foxdep.svg"); }
  .channel-logo.ppv {
    content: url("../../images/icons/fox-logos/fox-logo-black.svg"); }
  .channel-logo.fs1-live {
    content: url("../../images/channels/fs1-live.svg"); }
  .channel-logo.fs2-live {
    content: url("../../images/channels/fs2-live.svg"); }
  .channel-logo.fox-live {
    content: url("../../images/channels/fox-live.svg"); }
  .channel-logo.btn-live {
    content: url("../../images/channels/btn-live.svg"); }
  .channel-logo.fsp-live {
    content: url("../../images/channels/fsp-live.svg"); }
  .channel-logo.foxdep-live {
    content: url("../../images/channels/foxdep-live.svg"); }
  .channel-logo.ppv-live {
    content: url("../../images/icons/fox-logos/fox-logo-red.svg"); }
  .channel-logo.fs1-digital {
    content: url("../../images/channels/fs1-digital.svg"); }
  .channel-logo.fs2-digital {
    content: url("../../images/channels/fs2-digital.svg"); }
  .channel-logo.fox-digital {
    content: url("../../images/channels/fox-digital.svg"); }
  .channel-logo.btn-digital {
    content: url("../../images/channels/btn-digital.svg"); }
  .channel-logo.fsp-digital {
    content: url("../../images/channels/fsp-digital.svg"); }
  .channel-logo.foxdep-digital {
    content: url("../../images/channels/foxdep-digital.svg"); }
  .channel-logo.ppv-digital {
    content: url("../../images/channels/ppv-digital.svg"); }
  .channel-logo.fs1-digital-live {
    content: url("../../images/channels/fs1-digital-live.svg"); }
  .channel-logo.fs2-digital-live {
    content: url("../../images/channels/fs2-digital-live.svg"); }
  .channel-logo.fox-digital-live {
    content: url("../../images/channels/fox-digital-live.svg"); }
  .channel-logo.btn-digital-live {
    content: url("../../images/channels/btn-digital-live.svg"); }
  .channel-logo.fsp-digital-live {
    content: url("../../images/channels/fsp-digital-live.svg"); }
  .channel-logo.foxdep-digital-live {
    content: url("../../images/channels/foxdep-digital-live.svg"); }
  .channel-logo.ppv-digital-live {
    content: url("../../images/channels/ppv-digital-live.svg"); }
  .channel-logo.white-logo.fs1 {
    content: url("../../images/channels/fs1-white.svg"); }
  .channel-logo.white-logo.fs2 {
    content: url("../../images/channels/fs2-white.svg"); }
  .channel-logo.white-logo.fox {
    content: url("../../images/channels/fox-white.svg"); }
  .channel-logo.white-logo.btn {
    content: url("../../images/channels/btn-white.svg"); }
  .channel-logo.white-logo.fsp {
    content: url("../../images/channels/fsp-white.svg"); }
  .channel-logo.white-logo.foxdep {
    content: url("../../images/channels/foxdep-white.svg"); }
  .channel-logo.white-logo.ppv {
    content: url("../../images/icons/fox-logos/fox-logo-white.svg"); }
  .channel-logo.white-logo.fs1-digital {
    content: url("../../images/channels/fs1-digital-white.svg"); }
  .channel-logo.white-logo.fs2-digital {
    content: url("../../images/channels/fs2-digital-white.svg"); }
  .channel-logo.white-logo.fox-digital {
    content: url("../../images/channels/fox-digital-white.svg"); }
  .channel-logo.white-logo.btn-digital {
    content: url("../../images/channels/btn-digital-white.svg"); }
  .channel-logo.white-logo.fsp-digital {
    content: url("../../images/channels/fsp-digital-white.svg"); }
  .channel-logo.white-logo.foxdep-digital {
    content: url("../../images/channels/foxdep-digital-white.svg"); }
  .channel-logo.white-logo.ppv-digital {
    content: url("../../images/channels/ppv-digital-white.svg"); }

/*************************************
  DESKTOP
*************************************/
.desktop-only {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .desktop-only {
      display: block; } }

/*************************************
  XL AND LARGER STYLES
*************************************/
@media only screen and (min-width: 1280px) {
  .xlhigher-display-none {
    display: none !important; } }

/*************************************
  LARGE AND LOWER STYLES
*************************************/
@media only screen and (max-width: 1279px) {
  .lglower-flex-centered {
    display: flex;
    align-items: center;
    justify-content: center; }
  .lglower-flex-col-cntr {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .lglower-display-none {
    display: none; }
  .wt-lglow-100 {
    width: 100px; }
  .ht-lglow-100 {
    height: 100px; } }

/*************************************
  Tablet and Mobile
*************************************/
.tab-mob-only {
  display: none; }
  .tab-mob-only-flex {
    display: none; }
  @media only screen and (max-width: 1023px) {
    .tab-mob-only {
      display: block; }
      .tab-mob-only-flex {
        display: flex; } }

@media only screen and (max-width: 1023px) {
  .tab-mob-hidden {
    display: none; } }

.mob-only {
  display: none; }
  @media only screen and (max-width: 767px) {
    .mob-only {
      display: block; } }

@media only screen and (max-width: 767px) {
  .mob-hidden {
    display: none; } }

.skeleton-container {
  position: relative;
  background-color: #e2e2e2;
  width: 100%; }
  .skeleton-container::before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translateX(-10%);
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.2)), to(transparent));
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    /* Adding animation */
    animation: skeletonLoading .8s infinite; }

@media only screen and (min-width: 768px) {
  .stories-ss-anim {
    opacity: 0; } }

@media only screen and (max-width: 767px) {
  .stories-ss-anim-m {
    opacity: 0; } }

.do-not-sell {
  /* overwrite header font */ }
  .do-not-sell header {
    display: none; }
  .do-not-sell .mgn-top-25 {
    font-size: 64px;
    letter-spacing: -2px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .do-not-sell .mgn-top-25 {
        font-size: 55px;
        letter-spacing: -1.7px; } }
    @media only screen and (max-width: 767px) {
      .do-not-sell .mgn-top-25 {
        font-size: 40px;
        letter-spacing: -1.25px; } }
  .do-not-sell a {
    text-decoration: underline; }

.nav-text {
  text-decoration: none;
  cursor: pointer;
  position: relative; }

.icon-text {
  height: 12px;
  width: auto; }

.legal-text a {
  text-decoration: underline;
  text-decoration-color: #757575;
  color: #757575; }

/*************************************
    DEFAULT STYLES
*************************************/
.ffn-gr-11 {
  font-family: "ProximaNova";
  color: #757575;
  font-size: 11px; }
  .ffn-gr-11.bold,
  .ffn-gr-11 .bold,
  .bold .ffn-gr-11 {
    font-weight: 700; }

.ffn-11 {
  font-family: "ProximaNova";
  font-size: 11px; }
  .ffn-11.bold,
  .ffn-11 .bold,
  .bold .ffn-11 {
    font-weight: 700; }

.ff-s {
  font-family: "FSStadiumCond";
  font-weight: 500 !important; }

.ff-sb {
  font-family: "FSStadiumBold";
  font-weight: 500 !important; }

.ff-h {
  font-family: "HaasGrotTextR-55Roman"; }
  .ff-h.bold,
  .ff-h .bold,
  .bold .ff-h {
    font-weight: 700; }

.ff-n {
  font-family: "ProximaNova"; }
  .ff-n.bold,
  .ff-n .bold,
  .bold .ff-n {
    font-weight: 700; }

/*************************************
    Font Color
*************************************/
.cl-red {
  color: #e60000; }

.cl-gr-26 {
  color: #262626; }

.cl-gr-f6 {
  color: #fffffe; }

.cl-gr-7 {
  color: #757575; }

.cl-gr-8 {
  color: #888; }

.cl-wht {
  color: #fff; }

.cl-blk {
  color: #000; }

.cl-blish {
  color: #010003; }

/*************************************
    Font Size
*************************************/
.fs-160 {
  font-size: 160px; }

.fs-156 {
  font-size: 156px; }

.fs-150 {
  font-size: 150px; }

.fs-120 {
  font-size: 120px; }

.fs-105 {
  font-size: 105px; }

.fs-100 {
  font-size: 100px; }

.fs-90 {
  font-size: 90px; }

.fs-65 {
  font-size: 65px; }

.fs-64 {
  font-size: 64px; }

.fs-54 {
  font-size: 54px; }

.fs-48 {
  font-size: 48px; }

.fs-40 {
  font-size: 40px; }

.fs-36 {
  font-size: 36px; }

.fs-34 {
  font-size: 34px; }

.fs-30 {
  font-size: 30px; }

.fs-26 {
  font-size: 26px; }

.fs-23 {
  font-size: 23px; }

.fs-21 {
  font-size: 21px; }

.fs-20 {
  font-size: 20px; }

.fs-18 {
  font-size: 18px; }

.fs-16 {
  font-size: 16px; }

.fs-15 {
  font-size: 15px; }

.fs-14 {
  font-size: 14px; }

.fs-13 {
  font-size: 13px; }

.fs-12 {
  font-size: 12px; }

.fs-11 {
  font-size: 11px; }

.fs-10 {
  font-size: 10px; }

.fs-8 {
  font-size: 8px; }

.fs-7 {
  font-size: 7px; }

/*************************************
    Line Height
*************************************/
.lh-35 {
  line-height: 35px; }

.lh-30 {
  line-height: 30px; }

.lh-25 {
  line-height: 25px; }

.lh-15 {
  line-height: 15px; }

.lh-3pt57 {
  line-height: 3.57; }

.lh-3 {
  line-height: 3; }

.lh-2pt14 {
  line-height: 2.14; }

.lh-2 {
  line-height: 2; }

.lh-1pt88 {
  line-height: 1.88; }

.lh-1pt74 {
  line-height: 1.74; }

.lh-1pt67 {
  line-height: 1.67; }

.lh-1pt54 {
  line-height: 1.54; }

.lh-1pt43 {
  line-height: 1.43; }

.lh-1pt36 {
  line-height: 1.36; }

.lh-1pt25 {
  line-height: 1.25; }

.lh-1pt17 {
  line-height: 1.17; }

.lh-1 {
  line-height: 1; }

.lh-pt94 {
  line-height: 0.94; }

.lh-pt87 {
  line-height: 0.87; }

.lh-pt75 {
  line-height: 0.75; }

.opac-4 {
  opacity: 0.4; }

.opac-5 {
  opacity: 0.5; }

.opac-55 {
  opacity: 0.55; }

.opac-7 {
  opacity: 0.7; }

.opac-8 {
  opacity: 0.8; }

.uc {
  text-transform: uppercase; }

.ul {
  text-decoration: underline; }

.nowrap {
  white-space: nowrap; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.left {
  text-align: left; }

/*************************************
    DESKTOP STYLES
*************************************/
@media only screen and (min-width: 1024px) {
  .fs-xl-46 {
    font-size: 46px; }
  .fs-xl-40 {
    font-size: 40px; }
  .fs-xl-30 {
    font-size: 30px; }
  .fs-xl-20 {
    font-size: 20px; }
  .fs-xl-14 {
    font-size: 14px; }
  .fs-xl-12 {
    font-size: 12px; }
  .fs-xl-11 {
    font-size: 11px; }
  .lh-xl-1pt5 {
    line-height: 1.5; }
  .lh-xl-1 {
    line-height: 1; } }

/*************************************
    LARGE AND LOWER STYLES
*************************************/
@media only screen and (max-width: 1279px) {
  .fs-lal-9 {
    font-size: 9px; }
  .fs-lal-14 {
    font-size: 14px; }
  .fs-lal-30 {
    font-size: 30px; }
  .fs-lal-54 {
    font-size: 54px; } }

/*************************************
    TABLET STYLES
*************************************/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .fs-md-85 {
    font-size: 85px; }
  .fs-md-73 {
    font-size: 73px; }
  .fs-md-54 {
    font-size: 54px; }
  .fs-md-40 {
    font-size: 40px; }
  .fs-md-30 {
    font-size: 30px; }
  .fs-md-20 {
    font-size: 20px; }
  .fs-md-18 {
    font-size: 18px; }
  .fs-md-16 {
    font-size: 16px; }
  .fs-md-15 {
    font-size: 15px; }
  .fs-md-14 {
    font-size: 14px; }
  .lh-md-40 {
    line-height: 40px; }
  .lh-md-1pt5 {
    line-height: 1.5; }
  .lh-md-pt93 {
    line-height: 0.93; } }

/*************************************
    MOBILE STYLES
*************************************/
@media only screen and (max-width: 767px) {
  .ff-sm-n {
    font-family: "ProximaNova"; }
  .fs-sm-100 {
    font-size: 100px; }
  .fs-sm-95 {
    font-size: 95; }
  .fs-sm-48 {
    font-size: 48px; }
  .fs-sm-40 {
    font-size: 40px; }
  .fs-sm-38 {
    font-size: 38px; }
  .fs-sm-34 {
    font-size: 34px; }
  .fs-sm-30 {
    font-size: 30px; }
  .fs-sm-23 {
    font-size: 23px; }
  .fs-sm-22 {
    font-size: 22px; }
  .fs-sm-20 {
    font-size: 20px; }
  .fs-sm-18 {
    font-size: 18px; }
  .fs-sm-16 {
    font-size: 16px; }
  .fs-sm-14 {
    font-size: 14px; }
  .fs-sm-13 {
    font-size: 13px; }
  .fs-sm-12 {
    font-size: 12px; }
  .fs-sm-11 {
    font-size: 11px; }
  .fs-sm-10 {
    font-size: 10px; }
  .lh-sm-40 {
    line-height: 40px; }
  .lh-sm-20 {
    line-height: 20px; }
  .lh-sm-3pt08 {
    line-height: 3.08; }
  .lh-sm-2pt22 {
    line-height: 2.22; }
  .lh-sm-1pt64 {
    line-height: 1.64; }
  .lh-sm-1pt54 {
    line-height: 1.54; }
  .lh-sm-1pt5 {
    line-height: 1.5; }
  .lh-sm-1pt43 {
    line-height: 1.43; }
  .lh-sm-1pt33 {
    line-height: 1.33; }
  .lh-sm-1pt15 {
    line-height: 1.15; }
  .lh-sm-pt87 {
    line-height: 0.87; } }

.error {
  display: none; }
  .error.active {
    color: #e60000;
    font-size: 12px;
    font-family: "HaasGrotTextR-55Roman";
    border-radius: 0 !important;
    position: relative;
    display: inline-block !important; }

/* TODO: move these utilities to another class above like _utility_text.scss or something */
/**
  Used for account flyout
**/
.password-input-format {
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  width: 1.28571429em;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.account-info-subheader-link {
  cursor: pointer;
  padding: 0 0 8px;
  position: relative;
  display: flex;
  color: black;
  width: calc(100% - 25px); }
  .account-info-subheader-link::after {
    content: '';
    display: block;
    background-size: contain;
    background-repeat: no-repeat; }
  .account-info-subheader-link::after {
    background-image: url("../../images/icons/link-arrow/link-forward-grey.svg");
    width: 16px;
    height: 16px;
    position: absolute;
    display: inline-block;
    right: 2px;
    top: 9px;
    transition-duration: 0.15s;
    transition-property: transform;
    transition-timing-function: ease-out; }
  .account-info-subheader-link:hover::after {
    transform: translateX(2px); }
  .account-info-subheader-link.is-signed-in {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .account-info-subheader-link .tv-provider-img {
    margin-right: 30px; }

.account-data-field-position {
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 0; }

.account-data {
  max-width: 559px;
  box-sizing: border-box;
  padding: 45px 93px 0 101px;
  background: #fff;
  z-index: 2;
  position: relative;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden; }
  @media only screen and (max-width: 1279px) {
    .account-data {
      box-sizing: unset; } }
  @media only screen and (min-width: 768px) and (max-width: 1279px) {
    .account-data {
      padding: 0 55px;
      width: 330px; }
      .account-data .account-header {
        margin-top: 20px; } }
  @media only screen and (max-width: 767px) {
    .account-data {
      padding: 0 25px;
      max-width: calc(100% - 50px);
      right: 0; } }
  .account-data.sign-in .account-data-field.email-input {
    margin-top: 0; }
  .account-data.sign-in .account-data-field.password-input {
    margin-top: 0; }
  .account-data.sign-in .link-button {
    margin: 30px 0 15px; }
  .account-data.sign-in .account-sub-details.has-border {
    margin-bottom: 25px; }
  .account-data.sign-up .account-sub-details {
    padding: 0;
    margin: 10px 0 25px; }
  .account-data.sign-up .account-sub-details.has-border {
    margin: 35px 0 25px; }
  .account-data.sign-up .link-button {
    margin: 20px 0 30px; }
    @media only screen and (min-width: 1024px) {
      .account-data.sign-up .link-button {
        width: 100%; } }
  .account-data.sign-up .account-info-subheader-link {
    padding: 35px 0 0 0; }
    .account-data.sign-up .account-info-subheader-link::after {
      margin-top: 45px; }
  .account-data.sign-up .account-data-field.password-input {
    margin-top: 0; }
  .account-data.sign-up .styled-checkbox + label + .account-info-text {
    margin: 0; }
  .account-data.account-flyout .has-border {
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5; }
  .account-data.account-flyout .account-sub-details {
    margin: 0;
    padding: 25px 0 17px; }
  .account-data.account-flyout .account-header {
    padding-bottom: 0; }
  .account-data.account-flyout .account-header-container {
    margin-bottom: 38px; }
    @media only screen and (max-width: 767px) {
      .account-data.account-flyout .account-header-container {
        margin-bottom: 28px; } }
    .account-data.account-flyout .account-header-container .header-title {
      text-overflow: ellipsis;
      overflow: hidden; }
    .account-data.account-flyout .account-header-container .header-padding {
      padding-bottom: 38px; }
  .account-data.account-flyout .account-checkbox {
    padding-top: 40px; }
    .account-data.account-flyout .account-checkbox .account-info-text {
      margin: 0; }
  .account-data.change-password .input-top {
    margin-top: 0; }
  .account-data.change-password .input-bottom {
    margin: 0; }
  .account-data .account-header {
    display: flex;
    align-items: center;
    padding: 10px 0 65px; }
    @media only screen and (min-width: 768px) and (max-width: 1279px) {
      .account-data .account-header {
        padding: 0 0 55px; } }
    @media only screen and (max-width: 767px) {
      .account-data .account-header {
        padding: 0 0 15px; } }
    @media only screen and (max-width: 1279px) {
      .account-data .account-header .arrow-back {
        display: none; } }
  .account-data .link-button {
    padding: 0;
    border-radius: 28.5px;
    margin: 45px 0 40px;
    align-self: flex-start;
    width: 178px; }
    @media only screen and (max-width: 1279px) {
      .account-data .link-button {
        width: 100%;
        max-width: calc(100vw - 50px); } }
    .account-data .link-button .link-text {
      opacity: .3; }
    .account-data .link-button.disabled {
      cursor: not-allowed;
      pointer-events: none; }
      .account-data .link-button.disabled:hover {
        transition: none;
        background: transparent;
        border-color: #d9d9d9; }
    .account-data .link-button.enabled .link-text {
      color: #000;
      opacity: 1 !important; }
    .account-data .link-button.enabled:hover {
      background: none;
      border: solid 2px #4d4d4d; }
  .account-data .arrow-back {
    margin-right: 35px;
    background-image: url("../../images/icons/arrow/arrow-back.svg"); }
  .account-data .account-mobile-header {
    display: none;
    padding-bottom: 60px; }
    @media only screen and (max-width: 1279px) {
      .account-data .account-mobile-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 0; }
        .account-data .account-mobile-header .close-icon {
          width: 20px;
          height: 20px;
          background-size: 20px 20px;
          background-image: url("../../images/icons/close.svg"); } }
    @media only screen and (min-width: 768px) and (max-width: 1279px) {
      .account-data .account-mobile-header {
        height: 100px; } }
    @media only screen and (max-width: 767px) {
      .account-data .account-mobile-header {
        height: 70px; } }

.account-info-text {
  margin: 8px 0 0; }

.account-fb-link {
  font-size: 14px;
  line-height: 1.43;
  color: #3c5a99;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  display: block; }
  .account-fb-link::after {
    content: '';
    display: block;
    background-size: contain;
    background-repeat: no-repeat; }
  .account-fb-link:after {
    background-image: url("../../images/icons/link-arrow/link-forward-grey.svg");
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 0 0 10px;
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: ease-out; }
  .account-fb-link:hover {
    text-decoration: underline; }
    .account-fb-link:hover::after {
      transform: translateX(4px); }

.account-data-field {
  margin: 20px 0; }

.account-data-field-double {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .account-data-field-double .account-data-field {
    display: flex;
    width: 160px;
    margin-top: 0; }
    @media only screen and (max-width: 1279px) {
      .account-data-field-double .account-data-field {
        width: calc(50% - 12.5px); } }

.account-info {
  margin-top: 40px; }
  .account-info.sign-up {
    margin-top: 0; }
  .account-info .divider {
    margin-bottom: 40px;
    display: block; }

.account-sub-details {
  display: flex; }
  .account-sub-details .account-mvpd-info {
    font-family: "HaasGrotTextR-55Roman";
    font-size: 14px; }
  .account-sub-details.column {
    flex-direction: column; }
  .account-sub-details.has-border {
    border-top: solid 1px #e5e5e5; }
  .account-sub-details .divider {
    margin-bottom: 40px; }

.account-info-data .account-header {
  flex-direction: column;
  align-items: flex-start; }

.account-info-data .account-data-field {
  margin: 0 0 45px; }

.account-info-data .account-promo-checkbox {
  margin-right: 20px;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 2px;
  border: solid 1px #b6b6b6; }

.styled-checkbox {
  position: absolute;
  opacity: 0; }
  .styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0; }
  .styled-checkbox + label:before {
    content: '';
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 2px;
    border: solid 1px #b6b6b6; }
    @media only screen and (min-width: 768px) {
      .styled-checkbox + label:before {
        margin-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .styled-checkbox + label:before {
        margin-right: 7px; } }
  .styled-checkbox:hover + label:before {
    background: #e5e5e5; }
  .styled-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
  .styled-checkbox:checked + label:before {
    background: #e5e5e5; }
  .styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 10px;
    background: #000;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #000, 4px 0 0 #000, 4px -2px 0 #000, 4px -4px 0 #000, 4px -6px 0 #000, 4px -8px 0 #000;
    transform: rotate(45deg); }

.image-button,
.text-button {
  border: 0;
  padding: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  cursor: pointer;
  outline: none; }
  .image-button.bkg-wht,
  .text-button.bkg-wht {
    background-color: #fff; }
  .image-button.border-grey-d,
  .text-button.border-grey-d {
    border: 1px solid #d9d9d9; }
  .image-button.bkg-gr-e5,
  .text-button.bkg-gr-e5 {
    background-color: #e5e5e5; }

.image-button {
  background-size: contain;
  background-repeat: no-repeat; }
  .image-button.external-link {
    background-image: url("../../images/icons/external-link.svg"); }
  .image-button.share-button {
    border: solid 2px #d9d9d9; }
    .image-button.share-button:before {
      height: 15px;
      width: 15px;
      margin-right: 8px;
      background-image: url("../../images/icons/share/share-black.svg"); }
    .image-button.share-button:hover {
      border: solid 2px #4d4d4d; }
  .image-button.share {
    background-image: url("../../images/icons/share/share-black.svg");
    background-position: center;
    width: 20px;
    height: 20px; }

.button,
.button-full {
  width: 185px;
  height: 55px;
  box-sizing: border-box;
  border-radius: 25.5px;
  border: solid 2px #d9d9d9;
  padding: 0 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .3s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media only screen and (max-width: 767px) {
    .button,
    .button-full {
      width: 100%; } }
  .button:hover,
  .button-full:hover {
    border: solid 2px #4d4d4d; }

.button.has-image {
  width: fit-content; }
  .button.has-image:before {
    content: '';
    display: block;
    background-size: contain;
    background-repeat: no-repeat; }

.button-topic {
  height: 40px;
  width: fit-content;
  box-sizing: border-box;
  border-radius: 20px;
  border: solid 2px #f5f5f5;
  background-color: #f5f5f5;
  padding: 15px 15px;
  margin: 0 10px 10px 0;
  display: flex;
  align-items: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.button-icon {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-right: 10px; }

.button-share {
  height: 55px;
  border-radius: 27.5px;
  width: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 2px #e5e5e5;
  transition: .3s;
  color: #000;
  font-family: "FSStadiumCond";
  font-weight: 500 !important;
  font-size: 14px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .button-share img {
    padding-right: 10px; }
  .button-share:hover {
    border: solid 2px #4d4d4d; }

.button-favorite {
  max-width: 225px;
  height: 55px;
  box-sizing: border-box;
  border-radius: 27.5px;
  border: solid 2px #e5e5e5;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 173px;
  outline: none;
  transition: .3s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative; }
  .button-favorite .favorite-star {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../../images/icons/star/star-black-empty.svg");
    background-position: center;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 4px; }
    .button-favorite .favorite-star.white {
      background-image: url("../../images/icons/star/star-white-empty.svg"); }
  .button-favorite.favorite .favorite-star {
    background-image: url("../../images/icons/star/star-black-filled.svg"); }
    .button-favorite.favorite .favorite-star.white {
      background-image: url("../../images/icons/star/star-white-filled.svg"); }
  .button-favorite.story {
    font-size: 14px; }
  .button-favorite.entity {
    margin-top: 50px;
    background-color: transparent;
    border: solid 2px rgba(255, 255, 255, 0.5);
    color: #fff; }
    .button-favorite.entity .favorite-star {
      background-image: url("../../images/icons/star/star-white-empty.svg"); }
    .button-favorite.entity.favorite {
      background-color: #f5f5f5;
      color: #000; }
      .button-favorite.entity.favorite .favorite-star {
        background-image: url("../../images/icons/star/star-black-filled.svg"); }
    .button-favorite.entity:hover {
      border: solid 2px #fff; }
    @media only screen and (max-width: 1023px) {
      .button-favorite.entity {
        margin-top: 10px; } }

.button.card-preview {
  margin: 0 auto;
  border: solid 2px rgba(255, 255, 255, 0.5); }
  .button.card-preview:hover {
    border: solid 2px white; }

.link-button {
  padding: 0 29px;
  height: 51px;
  border-radius: 27.5px;
  border: solid 1px #d9d9d9;
  display: inline-block;
  line-height: 51px;
  align-items: center;
  align-self: center;
  text-align: center;
  cursor: pointer;
  transition: background .5s, border-color .5s;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .link-button:hover {
    background: #d9d9d9;
    border-color: #888; }
  .link-button.disabled {
    cursor: default;
    pointer-events: none; }
  .link-button.ppv {
    background-color: #009bff;
    border-color: #009bff;
    padding: 0; }

.card-inner-grid .button-favorite,
.story-content .image-header-container .button-favorite,
.story-header-container .button-favorite {
  height: 20px;
  width: auto;
  border: none;
  background: transparent; }

.card-inner-grid .button-favorite {
  padding: 0; }

@media only screen and (max-width: 1023px) {
  .story-header-container .button-favorite.favorite .favorite-star {
    background-image: url("../../images/icons/star/star-white-filled.svg"); }
  .story-header-container .button-favorite .favorite-star {
    background-image: url("../../images/icons/star/star-white-empty.svg"); } }

.table-leaderboard ~ .button {
  font-size: 14px;
  width: 190px; }
  @media only screen and (max-width: 1023px) {
    .table-leaderboard ~ .button {
      width: 100%; } }

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
  /* Hide default HTML checkbox */ }
  .switch.disabled {
    opacity: 0.5; }
    .switch.disabled span {
      cursor: not-allowed; }
  .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
    .switch input:checked + .slider {
      background-color: #2196f3; }
    .switch input:focus + .slider {
      box-shadow: 0 0 1px #2196f3; }
    .switch input:checked + .slider:before {
      -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
      transform: translateX(20px); }
  .switch .slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
    .switch .slider:before {
      position: absolute;
      content: '';
      height: 28px;
      width: 28px;
      left: 1px;
      bottom: 1px;
      background-color: white;
      -webkit-transition: 0.4s;
      transition: 0.4s; }
    .switch .slider.round {
      border-radius: 34px; }
      .switch .slider.round:before {
        border-radius: 50%; }

body .qs-datepicker-container {
  top: 30px !important;
  left: 30px !important;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 0;
  font-family: "FSStadiumCond";
  font-weight: 500 !important; }
  body .qs-datepicker-container .qs-datepicker {
    padding: 15px; }
    @media only screen and (max-width: 767px) {
      body .qs-datepicker-container .qs-datepicker {
        padding: 45px 15px 15px 15px; } }
  body .qs-datepicker-container .qs-controls {
    font-family: "FSStadiumCond";
    font-weight: 500 !important;
    font-size: 20px;
    background: #fff;
    text-transform: uppercase;
    padding: 15px 0; }
  body .qs-datepicker-container .qs-month {
    font-weight: 400; }
  body .qs-datepicker-container .qs-year {
    display: none; }
  body .qs-datepicker-container .qs-squares {
    padding: 0; }
  body .qs-datepicker-container .qs-square {
    height: 30px;
    border-radius: 15px; }
    body .qs-datepicker-container .qs-square.qs-disabled {
      opacity: .3; }
  body .qs-datepicker-container .qs-day {
    font-family: "ProximaNova";
    font-size: 12px;
    font-weight: 400;
    color: #757575; }
  body .qs-datepicker-container .qs-num {
    font-weight: 400;
    font-size: 16px;
    font-family: "FSStadiumCond";
    font-weight: 500 !important; }
  body .qs-datepicker-container .qs-current,
  body .qs-datepicker-container .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
    background-color: rgba(216, 216, 216, 0.5);
    border-radius: 15px; }
  body .qs-datepicker-container .qs-square.qs-current span {
    text-decoration: none; }
  body .qs-datepicker-container .qs-arrow.qs-right:after {
    transform: rotate(-45deg);
    border-left-color: #b2b2b2; }
  body .qs-datepicker-container .qs-arrow.qs-left:after {
    transform: rotate(135deg);
    border-right-color: #b2b2b2; }
  body .qs-datepicker-container .qs-arrow {
    text-align: center; }
  body .qs-datepicker-container .qs-arrow:after {
    content: '';
    border: solid #b2b2b2;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    position: initial; }
    @media only screen and (max-width: 767px) {
      body .qs-datepicker-container .qs-arrow:after {
        position: absolute; } }
  body .qs-datepicker-container .qs-arrow:hover {
    background: #fff; }
  body .qs-datepicker-container .qs-arrow:hover.qs-left:after {
    border-right-color: #b2b2b2; }
  body .qs-datepicker-container .qs-arrow:hover.qs-right:after {
    border-left-color: #b2b2b2; }
  @media only screen and (max-width: 767px) {
    body .qs-datepicker-container {
      position: fixed;
      top: 0 !important;
      left: 0 !important;
      right: 0;
      bottom: 0;
      width: 100%; }
      body .qs-datepicker-container .qs-controls {
        padding: 75px 0 26px 0; }
      body .qs-datepicker-container .qs-datepicker .qs-overlay {
        height: 0;
        padding: 0; }
        body .qs-datepicker-container .qs-datepicker .qs-overlay.qs-hidden {
          opacity: 1;
          z-index: 0;
          background: transparent; }
        body .qs-datepicker-container .qs-datepicker .qs-overlay .qs-overlay-year,
        body .qs-datepicker-container .qs-datepicker .qs-overlay .qs-overlay-month-container,
        body .qs-datepicker-container .qs-datepicker .qs-overlay .qs-submit {
          display: none; }
        body .qs-datepicker-container .qs-datepicker .qs-overlay .qs-close {
          color: #000;
          font-weight: 700;
          padding: 23px; }
      body .qs-datepicker-container .qs-square {
        height: 45px;
        border-radius: 45px;
        text-indent: 0; }
        body .qs-datepicker-container .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
          border-radius: 45px; } }

.dropdown-container {
  position: relative; }
  .dropdown-container .dropdown-menu-item a,
  .dropdown-container .dropdown-menu-title {
    font-size: 14px;
    text-transform: uppercase;
    display: block; }
  .dropdown-container .dropdown-menu-item a {
    padding: 12px 20px; }
    @media only screen and (max-width: 1023px) {
      .dropdown-container .dropdown-menu-item a {
        padding: 27px 20px; } }
  @media only screen and (max-width: 767px) {
    .filter-menu.active .dropdown-container .sub-container {
      transition: max-height 0.25s ease-out; } }
  .dropdown-container .sub-container {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .dropdown-container .sub-container {
        border-radius: 4px;
        box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2);
        position: absolute;
        z-index: 1;
        min-width: 196px;
        max-height: 355px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        background-color: #fff; } }
    .dropdown-container .sub-container::-webkit-scrollbar {
      display: none; }
    .dropdown-container .sub-container ul {
      margin: 0;
      padding: 0;
      list-style: none; }
    @media only screen and (max-width: 767px) {
      .dropdown-container .sub-container .stories-filter {
        max-height: 0;
        overflow: hidden; } }
  @media only screen and (max-width: 767px) {
    .dropdown-container.active.stories-filter .sub-container {
      max-height: 200px;
      overflow-y: auto; } }
  .dropdown-container.active .ic-arrow {
    transform: rotateX(180deg); }
  @media only screen and (min-width: 1024px) {
    .dropdown-container.active .sub-container {
      display: block; } }

.dropdown-menu-item,
.dropdown-menu-item-gamelog {
  display: block; }
  .dropdown-menu-item:hover,
  .dropdown-menu-item-gamelog:hover {
    background-color: rgba(229, 229, 229, 0.4); }
  .dropdown-menu-item.selected a, .dropdown-menu-item.selected span,
  .dropdown-menu-item-gamelog.selected a,
  .dropdown-menu-item-gamelog.selected span {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .dropdown-menu-item.selected a:after, .dropdown-menu-item.selected span:after,
    .dropdown-menu-item-gamelog.selected a:after,
    .dropdown-menu-item-gamelog.selected span:after {
      background-image: url("../../images/icons/checkmark/checkmark-dark.svg");
      display: block;
      background-size: contain;
      background-repeat: no-repeat;
      width: 15px;
      height: 15px;
      content: ""; }

.ic-arrow {
  background-image: url("../../images/icons/link-arrow/link-arrow-down.svg");
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px; }
  .ic-arrow.active {
    transform: rotateX(145deg); }

@media only screen and (max-width: 1023px) {
  .filter-menu.active.light .dropdown-menu-item {
    border-top: 1px solid #e5e5e5; }
    .filter-menu.active.light .dropdown-menu-item:last-child {
      border-bottom: 1px solid #e5e5e5; } }

.filter-menu {
  display: flex;
  height: 50px;
  width: fit-content; }
  .filter-menu.all-stories {
    justify-content: flex-end; }
  .filter-menu .dropdown-header-inner {
    height: 100%;
    cursor: pointer; }
  .filter-menu .filter-menu-content,
  .filter-menu .filter-menu-options {
    display: flex;
    align-items: center; }
  .filter-menu .filter-menu-button {
    display: none; }
    .filter-menu .filter-menu-button .button {
      width: 130px;
      margin: 0 auto; }
  .filter-menu .dropdown-close {
    display: none; }
    .filter-menu .dropdown-close .close-icon {
      margin: 20px; }
    @media only screen and (max-width: 1023px) {
      .filter-menu .dropdown-close {
        display: block;
        justify-self: flex-end;
        margin: 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .standings .filter-menu .dropdown-header,
    .polls .filter-menu .dropdown-header {
      padding: 0 110px; } }
  @media only screen and (max-width: 767px) {
    .standings .filter-menu .dropdown-header,
    .polls .filter-menu .dropdown-header {
      padding: 0 25px; } }
  .filter-menu .dropdown-header {
    width: 100%;
    height: 100%; }
  @media only screen and (max-width: 1023px) {
    .filter-menu .filter-menu-content {
      display: none; }
    .filter-menu.active .dropdown-menu-item {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
      .filter-menu.active .dropdown-menu-item:last-child {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .filter-menu.active .sub-container,
    .filter-menu.active .filter-menu-content {
      display: grid;
      grid-template-rows: 60px auto;
      position: fixed;
      z-index: 5;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #fff; } }
  @media only screen and (max-width: 1023px) and (max-width: 1023px) {
    .filter-menu.active .sub-container,
    .filter-menu.active .filter-menu-content {
      z-index: 10; } }
  @media only screen and (max-width: 1023px) {
    .filter-menu.active .filter-menu-close {
      position: relative;
      display: flex;
      width: 100%;
      flex-direction: row-reverse;
      height: 60px; }
    .filter-menu .filter-menu-options,
    .filter-menu .filter-menu-button {
      display: block; } }
  @media only screen and (max-width: 1023px) {
    .entity .filter-menu {
      width: 100%;
      position: absolute;
      left: 0; } }

@media only screen and (max-width: 1023px) {
  .entity .filter-menu {
    background-color: #fff;
    color: #fff; }
    .entity .filter-menu .dropdown-header {
      background: var(--theme-bg-color-overlay-gradient), var(--theme-bg-color); }
    .entity .filter-menu .dropdown-menu-item a,
    .entity .filter-menu .dropdown-menu-title {
      color: #fff; }
    .entity .filter-menu.active .sub-container {
      background-color: var(--theme-bg-color); }
    .entity .filter-menu .ic-arrow {
      background-image: url("../../images/icons/link-arrow/link-arrow-down-white.svg"); }
    .entity .filter-menu .close-icon {
      background-image: url("../../images/icons/close-white.svg"); }
    .entity .filter-menu .dropdown-menu-item {
      display: block; }
      .entity .filter-menu .dropdown-menu-item:hover {
        background: var(--theme-bg-color-overlay-gradient), var(--theme-bg-color); }
      .entity .filter-menu .dropdown-menu-item.selected a:after, .entity .filter-menu .dropdown-menu-item.selected span:after {
        background-image: url("../../images/icons/checkmark/checkmark-white.svg"); } }

.group-selector {
  position: relative;
  align-self: center; }
  .group-selector .dropdown-header {
    display: flex;
    width: 285px;
    justify-content: unset; }
    .group-selector .dropdown-header .ic-arrow {
      width: 18px;
      height: 18px;
      background-size: 18px 18px;
      align-self: center; }
    .group-selector .dropdown-header .dropdown-menu-title {
      font-size: 20px;
      color: #262626; }
      @media only screen and (max-width: 767px) {
        .group-selector .dropdown-header .dropdown-menu-title {
          font-size: 14px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .group-selector .dropdown-header {
        height: 60px; } }
    @media only screen and (max-width: 767px) {
      .group-selector .dropdown-header {
        height: 45px; } }
    @media only screen and (max-width: 1023px) {
      .group-selector .dropdown-header {
        margin: auto; }
        .group-selector .dropdown-header .dropdown-menu-title {
          color: #fff; }
        .group-selector .dropdown-header .ic-arrow {
          background-image: url("../../images/icons/link-arrow/link-arrow-down-white.svg"); } }
  .group-selector ul {
    padding: 0; }
  .group-selector .dropdown-menu-item {
    font-size: 20px;
    font-family: "FSStadiumCond";
    font-weight: 500 !important; }
    .group-selector .dropdown-menu-item a, .group-selector .dropdown-menu-item span {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 15px 10px 15px 40px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .group-selector .dropdown-menu-item {
        margin: 0 110px;
        border-top: 1px solid rgba(255, 255, 255, 0.1); }
        .group-selector .dropdown-menu-item:first-child {
          border-top: none; }
        .group-selector .dropdown-menu-item a, .group-selector .dropdown-menu-item span {
          padding: 27px 12px; } }
    @media only screen and (max-width: 767px) {
      .group-selector .dropdown-menu-item {
        font-size: 18px;
        border-top: 1px solid rgba(255, 255, 255, 0.1); }
        .group-selector .dropdown-menu-item a, .group-selector .dropdown-menu-item span {
          padding: 27px 25px;
          text-indent: 0; }
        .group-selector .dropdown-menu-item:last-child {
          margin-bottom: 90px;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); } }
    @media only screen and (max-width: 1023px) {
      .group-selector .dropdown-menu-item a, .group-selector .dropdown-menu-item span {
        color: #fff; } }
  .group-selector .sub-container {
    visibility: hidden;
    display: grid;
    overflow-y: scroll; }
    @media only screen and (min-width: 1024px) {
      .group-selector .sub-container {
        width: 285px;
        box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2);
        position: absolute;
        z-index: 1;
        background-color: #fff;
        max-height: 410px; } }
    @media only screen and (max-width: 1023px) {
      .group-selector .sub-container {
        background-color: #252525; } }
    @media only screen and (max-width: 767px) {
      .group-selector .sub-container {
        max-height: 100vh; } }
  @media only screen and (min-width: 1024px) {
    .group-selector .close-icon {
      display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .group-selector .close-icon {
      margin: 25px 110px 0; } }
  @media only screen and (max-width: 767px) {
    .group-selector .close-icon {
      margin: 65px 25px 5px;
      font-size: 18px; } }
  .group-selector.active .dropdown-header {
    display: none; }
  .group-selector.active .sub-container {
    visibility: unset; }
  @media only screen and (max-width: 1023px) {
    .group-selector .close-icon {
      width: 20px;
      height: 20px;
      background-size: 20px 20px;
      background-image: url("../../images/icons/close-white.svg");
      justify-self: flex-end; }
    .group-selector .dropdown-menu-item {
      color: #fff; }
      .group-selector .dropdown-menu-item.selected a::after {
        background-image: url("../../images/icons/checkmark/checkmark-white.svg"); } }

.date-picker-container,
.dropdown-wrapper {
  align-self: center;
  display: flex; }
  .date-picker-container .image-button,
  .dropdown-wrapper .image-button {
    padding: 0 10px; }

.dropdown-items-container.share-dropdown {
  box-sizing: border-box;
  border-radius: 4px;
  width: 165px;
  height: 190px;
  max-height: 0;
  display: flex;
  pointer-events: none;
  opacity: 0;
  transition: height, opacity 0.4s ease-in;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 11;
  background: white;
  flex-direction: column; }
  .dropdown-items-container.share-dropdown .header {
    display: none; }
  .dropdown-items-container.share-dropdown .share-item {
    width: 100%;
    display: flex;
    align-items: center;
    height: 40px;
    max-height: 0;
    transition: height 0.4s ease-in; }
    .dropdown-items-container.share-dropdown .share-item:hover {
      background-color: #e5e5e5; }
    .dropdown-items-container.share-dropdown .share-item .share-icon {
      height: 25px;
      width: 25px;
      margin-left: 20px;
      margin-right: 15px; }
    .dropdown-items-container.share-dropdown .share-item .share-dropdown-text,
    .dropdown-items-container.share-dropdown .share-item .image-button {
      opacity: 0; }
  @media only screen and (max-width: 767px) {
    .dropdown-items-container.share-dropdown {
      width: 100vw;
      height: 100vh;
      max-height: 100vh;
      transition: none;
      padding: 0;
      position: fixed;
      top: 0;
      left: 0; }
      .dropdown-items-container.share-dropdown .header {
        height: 105px;
        width: 100%;
        display: block;
        border-bottom: solid 1px #e5e5e5; }
        .dropdown-items-container.share-dropdown .header .image-button {
          position: absolute;
          top: 76px;
          right: 25px; }
      .dropdown-items-container.share-dropdown .share-item {
        height: 75px;
        border-bottom: solid 1px #e5e5e5; }
      .dropdown-items-container.share-dropdown .image-button {
        margin-left: 25px; } }

@media only screen and (max-width: 1023px) {
  .scores-header .group-selector {
    grid-column: span 2;
    grid-row-start: 1; }
    .scores-header .group-selector.active {
      width: 100%;
      height: 100%; } }

@media only screen and (max-width: 1023px) {
  .scores-header.no-grp-sel .scores-date {
    display: flex;
    justify-content: flex-start;
    max-width: 550px;
    width: calc(100% - 50px);
    margin: auto; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .scores-header.no-grp-sel {
    height: 60px; } }

@media only screen and (max-width: 767px) {
  .scores-header.no-grp-sel {
    height: 45px; }
    .scores-header.no-grp-sel .scores-date {
      height: 45px; } }

@media only screen and (min-width: 1024px) {
  .scores-header.no-grp-sel .date-selector .dropdown-title,
  .scores-header.no-grp-sel .date-selector .date-picker-title,
  .scores-header.no-grp-sel .date-selector.scores-date div,
  .scores-header.no-grp-sel .week-selector .dropdown-title,
  .scores-header.no-grp-sel .week-selector .date-picker-title,
  .scores-header.no-grp-sel .week-selector.scores-date div,
  .scores-header.no-grp-sel .group-selector .dropdown-title,
  .scores-header.no-grp-sel .group-selector .date-picker-title,
  .scores-header.no-grp-sel .group-selector.scores-date div {
    max-width: fit-content; } }

.scores-header .dropdown-header-inner {
  max-width: 550px;
  justify-content: space-between; }
  @media only screen and (max-width: 1023px) {
    .scores-header .dropdown-header-inner {
      width: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .scores-header .dropdown-header-inner {
      margin: 0 auto; } }
  @media only screen and (max-width: 767px) {
    .scores-header .dropdown-header-inner {
      max-width: 100%; } }

.scores-header .date-selector,
.scores-header .week-selector {
  width: 285px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .scores-header .date-selector,
    .scores-header .week-selector {
      height: 60px;
      order: 2;
      width: 50%; }
      .scores-header .date-selector.dropdown-root,
      .scores-header .week-selector.dropdown-root {
        height: 60px; } }
  @media only screen and (max-width: 767px) {
    .scores-header .date-selector,
    .scores-header .week-selector {
      height: 45px;
      order: 2;
      width: max-content;
      width: 50%; }
      .scores-header .date-selector.active,
      .scores-header .week-selector.active {
        margin: 0;
        z-index: 10; } }

@media only screen and (max-width: 1023px) {
  .scores-header .dropdown-wrapper {
    order: 2;
    max-width: 550px;
    width: 100%;
    height: 100%; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .scores-header .group-selector {
    order: 1;
    margin: 0;
    z-index: 1;
    height: 60px; } }

@media only screen and (max-width: 767px) {
  .scores-header .group-selector {
    margin: 0;
    height: 45px; }
    .scores-header .group-selector.active {
      display: grid;
      grid-template-rows: max-content;
      position: fixed;
      z-index: 1;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #252525;
      margin-top: 0; } }

.scores-header .date-selector .dropdown-title,
.scores-header .date-selector .date-picker-title,
.scores-header .date-selector.scores-date div,
.scores-header .week-selector .dropdown-title,
.scores-header .week-selector .date-picker-title,
.scores-header .week-selector.scores-date div,
.scores-header .group-selector .dropdown-title,
.scores-header .group-selector .date-picker-title,
.scores-header .group-selector.scores-date div {
  max-width: 250px;
  padding-right: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .scores-header .date-selector .dropdown-title,
    .scores-header .date-selector .date-picker-title,
    .scores-header .date-selector.scores-date div,
    .scores-header .week-selector .dropdown-title,
    .scores-header .week-selector .date-picker-title,
    .scores-header .week-selector.scores-date div,
    .scores-header .group-selector .dropdown-title,
    .scores-header .group-selector .date-picker-title,
    .scores-header .group-selector.scores-date div {
      max-width: 530px; } }
  @media only screen and (max-width: 767px) {
    .scores-header .date-selector .dropdown-title,
    .scores-header .date-selector .date-picker-title,
    .scores-header .date-selector.scores-date div,
    .scores-header .week-selector .dropdown-title,
    .scores-header .week-selector .date-picker-title,
    .scores-header .week-selector.scores-date div,
    .scores-header .group-selector .dropdown-title,
    .scores-header .group-selector .date-picker-title,
    .scores-header .group-selector.scores-date div {
      max-width: calc(100vw - 90px); } }

.scores-header .external-promo {
  justify-self: flex-end; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .scores-header .external-promo {
      margin-right: calc(50vw - 275px);
      grid-row-start: 2;
      grid-column-start: 2; } }
  @media only screen and (max-width: 767px) {
    .scores-header .external-promo {
      margin: 0 25px 0 auto;
      height: 45px; } }

.scores-header .sponsor-logo {
  max-height: 25px;
  width: auto;
  padding: 0;
  margin-left: 5px; }

.live-tv-full-schedule-container .dropdown-header-inner {
  max-width: 550px;
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 1023px) {
    .live-tv-full-schedule-container .dropdown-header-inner {
      width: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .live-tv-full-schedule-container .dropdown-header-inner {
      margin: 0 auto; } }
  @media only screen and (max-width: 767px) {
    .live-tv-full-schedule-container .dropdown-header-inner {
      max-width: 100%; } }

@media only screen and (max-width: 767px) {
  .live-tv-full-schedule-container .group-selector {
    margin: 0;
    height: 65px;
    border-bottom: 1px solid #e5e5e5;
    width: 100%; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .live-tv-full-schedule-container .group-selector.active .sub-container {
    right: 0; }
  .live-tv-full-schedule-container .group-selector.active .dropdown-header {
    display: flex; } }

@media only screen and (max-width: 767px) {
  .live-tv-full-schedule-container .group-selector.active {
    z-index: 7;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-start; }
    .live-tv-full-schedule-container .group-selector.active .sub-container {
      width: 100%; } }

.live-tv-full-schedule-container .group-selector .sub-container {
  overflow-y: auto;
  top: 0; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .live-tv-full-schedule-container .group-selector .sub-container {
      width: 285px;
      box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2);
      position: absolute;
      z-index: 1;
      max-height: 410px; }
      .live-tv-full-schedule-container .group-selector .sub-container .close-icon {
        display: none; } }
  @media only screen and (max-width: 1023px) {
    .live-tv-full-schedule-container .group-selector .sub-container {
      background-color: #fff; } }
  @media only screen and (max-width: 767px) {
    .live-tv-full-schedule-container .group-selector .sub-container .close-icon {
      margin-bottom: 25px;
      background-image: url("../../images/icons/close.svg"); } }

.live-tv-full-schedule-container .group-selector .dropdown-menu-item {
  height: 55px;
  display: flex;
  padding: 0 15px 0 40px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .live-tv-full-schedule-container .group-selector .dropdown-menu-item {
      margin: 0;
      border: 0; } }
  @media only screen and (max-width: 1023px) {
    .live-tv-full-schedule-container .group-selector .dropdown-menu-item a, .live-tv-full-schedule-container .group-selector .dropdown-menu-item span {
      color: #000; } }
  @media only screen and (max-width: 767px) {
    .live-tv-full-schedule-container .group-selector .dropdown-menu-item {
      padding: 0 25px 0 25px;
      border-top: 1px solid #e5e5e5; } }
  .live-tv-full-schedule-container .group-selector .dropdown-menu-item.selected a::after {
    background-image: url("../../images/icons/checkmark/checkmark-dark.svg"); }
  .live-tv-full-schedule-container .group-selector .dropdown-menu-item a, .live-tv-full-schedule-container .group-selector .dropdown-menu-item span {
    width: 100%;
    padding: 0; }

.live-tv-full-schedule-container .group-selector .dropdown-menu-title {
  white-space: nowrap; }

/*
  some notable classes used in this document:

  explore-browse - 'explore' mode where user is clicking through to go to an entity
  explore-favorite - 'favorites' mode where user is clicking through to add/remove favorites

  explore-main - initial view with the subnav
  explore-list - drilling down within explore-main, no subnav, no search bar
  explore-search-suggestions - popular searches, with images hidden
  explore-search - the search view
 */
.explore-basic {
  width: 368px;
  display: flex;
  position: relative;
  z-index: 10;
  padding: 0 90px 0 102px;
  height: 100%;
  background-color: #fff;
  flex-direction: column;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll; }
  .explore-basic::-webkit-scrollbar {
    display: none; }
  .explore-basic .loader {
    margin-top: 50vh; }
  .explore-basic .image-button.arrow-back {
    background-image: url("../../images/icons/arrow/arrow-back.svg"); }
  .explore-basic .nav-horizontal-container {
    align-items: unset;
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 126px;
    z-index: 1;
    background-color: #fff;
    border-bottom: solid 1px #e5e5e5; }
    @media only screen and (max-width: 1279px) {
      .explore-basic .nav-horizontal-container {
        top: 249px; } }
    @media only screen and (max-width: 767px) {
      .explore-basic .nav-horizontal-container {
        top: 220px; }
        .explore-basic .nav-horizontal-container .horizontal-nav-item {
          padding-top: 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .explore-basic .nav-horizontal-container .nav-horizontal {
        max-width: calc(100% - 108px); } }
    .explore-basic .nav-horizontal-container .nav-horizontal .horizontal-nav-item {
      padding-top: 20px;
      max-width: fit-content;
      margin-right: auto; }
      .explore-basic .nav-horizontal-container .nav-horizontal .horizontal-nav-item:not(:first-child) {
        margin-left: auto; }
      @media only screen and (max-width: 1279px) {
        .explore-basic .nav-horizontal-container .nav-horizontal .horizontal-nav-item {
          padding-top: 20px; } }
  .explore-basic .horizontal-nav-item {
    flex: 1 0 auto;
    font-size: 20px;
    height: auto;
    line-height: unset;
    padding-bottom: 20px; }
  .explore-basic .input-text {
    width: 90%;
    line-height: 20px; }
  .explore-basic .entity-list-row-content {
    height: 75px;
    align-items: center; }
    @media only screen and (min-width: 1024px) {
      .explore-basic .entity-list-row-content {
        padding-right: 10px; } }
    .explore-basic .entity-list-row-content .image-button {
      background-position: center; }
  .explore-basic .entity-list-row-container {
    transition: background .3s ease-in-out; }
    .explore-basic .entity-list-row-container .table-logo {
      justify-self: center;
      width: 32px;
      height: 32px; }
    .explore-basic .entity-list-row-container:hover {
      cursor: pointer;
      background: rgba(229, 229, 229, 0.4); }
    .explore-basic .entity-list-row-container img.image-headshot, .explore-basic .entity-list-row-container img.image-personality {
      width: 58px;
      height: 58px; }
    .explore-basic .entity-list-row-container:not(.button-hide) .entity-list-row-content::after {
      content: '';
      background-image: url(../../images/icons/link-arrow/link-forward-grey.svg);
      background-size: 12px 12px;
      width: 12px;
      height: 12px;
      display: inline-block;
      margin: 0 0 0 0;
      transition: transform .15s ease-out; }
    .explore-basic .entity-list-row-container:not(.button-hide) .entity-list-row-content:hover::after {
      transform: translateX(4px); }
  .explore-basic .account-mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (min-width: 768px) and (max-width: 1279px) {
      .explore-basic .account-mobile-header {
        padding: 37px 54px; } }
    @media only screen and (max-width: 767px) {
      .explore-basic .account-mobile-header {
        padding: 22px 25px; } }
  @media only screen and (max-width: 1279px) {
    .explore-basic .explore-header-text {
      border-bottom: 1px solid #e5e5e5; } }
  @media only screen and (min-width: 768px) and (max-width: 1279px) {
    .explore-basic .explore-header-text {
      padding: 25px 54px; } }
  @media only screen and (max-width: 767px) {
    .explore-basic .explore-header-text {
      padding: 50px 25px 30px 25px; } }
  .explore-basic .explore-shows-rows {
    display: grid; }
    @media only screen and (min-width: 1024px) {
      .explore-basic .explore-shows-rows {
        padding-top: 30px;
        grid-gap: 30px; } }
    @media only screen and (min-width: 768px) and (max-width: 1279px) {
      .explore-basic .explore-shows-rows {
        grid-gap: 38px; } }
    @media only screen and (max-width: 767px) {
      .explore-basic .explore-shows-rows {
        grid-gap: 33px; } }
  .explore-basic .explore-shows-row-container {
    padding: 0; }
    @media only screen and (min-width: 768px) and (max-width: 1279px) {
      .explore-basic .explore-shows-row-container {
        padding: 0 54px; } }
    @media only screen and (max-width: 767px) {
      .explore-basic .explore-shows-row-container {
        padding: 0 25px; } }
  .explore-basic .explore-search-header .input-wrapper,
  .explore-basic .search .input-wrapper {
    display: flex; }
  .explore-basic .explore-search-header {
    margin-bottom: 18px; }
    @media only screen and (max-width: 1279px) {
      .explore-basic .explore-search-header {
        margin-bottom: 35px; } }
    .explore-basic .explore-search-header .input-wrapper.input-wrapper--search::before {
      width: 12px;
      height: 12px;
      background-size: 12px 12px; }
  .explore-basic .explore-basic-header {
    display: grid;
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #fff; }
    @media only screen and (min-width: 1280px) {
      .explore-basic .explore-basic-header {
        align-items: baseline;
        grid-auto-flow: column;
        grid-template-rows: auto;
        grid-template-columns: minmax(min-content, 33px) auto;
        grid-column-gap: 20px;
        padding-bottom: 27px;
        border-bottom: 1px solid #e5e5e5;
        padding-top: 56px; }
        .explore-basic .explore-basic-header .explore-header-text {
          display: unset;
          grid-row: 1 / 3; } }
    @media only screen and (max-width: 767px) {
      .explore-basic .explore-basic-header {
        padding-top: 25px; } }
    .explore-basic .explore-basic-header.search {
      align-items: unset;
      grid-auto-flow: column;
      grid-template-rows: auto;
      grid-template-columns: auto min-content;
      grid-column-gap: 10px;
      border-bottom: none;
      padding-bottom: 25px;
      background-color: #fff; }
      @media only screen and (min-width: 1280px) {
        .explore-basic .explore-basic-header.search .nav-horizontal-container {
          top: 188px; } }
      @media only screen and (max-width: 1279px) {
        .explore-basic .explore-basic-header.search {
          padding: 0 0 20px 0;
          top: 184px; } }
      @media only screen and (min-width: 768px) and (max-width: 1279px) {
        .explore-basic .explore-basic-header.search {
          padding-left: 54px;
          padding-right: 54px; } }
      @media only screen and (max-width: 767px) {
        .explore-basic .explore-basic-header.search {
          top: 155px;
          padding: 25px 25px 20px 25px; } }
    .explore-basic .explore-basic-header.main {
      display: grid; }
    .explore-basic .explore-basic-header .close-icon {
      width: 20px;
      height: 20px;
      background-size: 20px 20px;
      background-image: url("../../images/icons/close.svg"); }
  .explore-basic .explore-list-title {
    display: none; }
  .explore-basic.explore-search .image-logo-container {
    border: solid 1px #d1d1d1;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box; }
  @media only screen and (min-width: 1280px) {
    .explore-basic.explore-search .explore-basic-header:not(.search) {
      display: none; } }
  .explore-basic.explore-search .explore-basic-header.search {
    top: 0; }
    @media only screen and (min-width: 1280px) {
      .explore-basic.explore-search .explore-basic-header.search {
        padding: 56px 0 20px 0; } }
    @media only screen and (min-width: 768px) and (max-width: 1279px) {
      .explore-basic.explore-search .explore-basic-header.search {
        top: 94px; } }
    @media only screen and (max-width: 767px) {
      .explore-basic.explore-search .explore-basic-header.search {
        top: 45px;
        padding-right: 25px;
        padding-left: 25px; } }
    .explore-basic.explore-search .explore-basic-header.search .text-button {
      align-items: center; }
  .explore-basic.explore-search img.image-logo {
    padding: 10px; }
  .explore-basic.explore-search .entity-list-row-container:not(.show) .entity-list-row-content.has-subtext {
    display: grid;
    grid-template-areas: "title button" "subtitle button";
    grid-template-columns: auto 20px;
    grid-template-rows: 20px 20px;
    height: 75px;
    align-content: center; }
    .explore-basic.explore-search .entity-list-row-container:not(.show) .entity-list-row-content.has-subtext .entity-list-row-title {
      grid-area: title; }
    .explore-basic.explore-search .entity-list-row-container:not(.show) .entity-list-row-content.has-subtext .entity-list-row-subtitle {
      grid-area: subtitle; }
    .explore-basic.explore-search .entity-list-row-container:not(.show) .entity-list-row-content.has-subtext .image-button, .explore-basic.explore-search .entity-list-row-container:not(.show) .entity-list-row-content.has-subtext ::after {
      grid-area: button; }
  .explore-basic.explore-search .entity-list-row-container:not(.show):not(.button-hide) .entity-list-row-content.has-subtext {
    grid-template-columns: auto 12px; }
  .explore-basic.explore-search .explore-list-title {
    display: block; }
  @media only screen and (max-width: 1279px) {
    .explore-basic.explore-search .explore-list-title {
      display: none; }
    .explore-basic.explore-search .explore-header-text {
      display: none; } }
  @media only screen and (min-width: 1280px) {
    .explore-basic.explore-main .explore-basic-header.search {
      padding: 56px 0 20px 0;
      top: 0; }
    .explore-basic.explore-main .nav-horizontal-container {
      top: 121px; } }
  @media only screen and (max-width: 1279px) {
    .explore-basic.explore-main .nav-horizontal {
      margin: 0 54px; } }
  @media only screen and (max-width: 767px) {
    .explore-basic.explore-main .nav-horizontal {
      margin: 0 25px; } }
  @media only screen and (min-width: 1280px) {
    .explore-basic.explore-main.explore-favorite .explore-basic-header.search {
      padding: 0 0 20px 0;
      top: 123px; }
    .explore-basic.explore-main.explore-favorite .nav-horizontal-container {
      top: 188px; } }
  .explore-basic.explore-search-suggestions .entity-list-row-container {
    display: block; }
  .explore-basic.explore-search-suggestions .explore-entity-image {
    display: none; }
  .explore-basic.explore-local-other .nav-horizontal-container {
    top: 0;
    padding-top: 100px; }
    .explore-basic.explore-local-other .nav-horizontal-container .nav-horizontal {
      width: 100%; }
  @media only screen and (min-width: 1280px) {
    .explore-basic .arrow-back,
    .explore-basic .close-icon,
    .explore-basic .explore-header-text {
      display: none; }
    .explore-basic.explore-main.explore-browse .explore-basic-header:not(.search) {
      display: none; }
    .explore-basic.explore-main.explore-favorite .explore-basic-header:not(.search) {
      display: block;
      border: none; }
    .explore-basic.explore-local-other .explore-basic-header {
      display: none; }
    .explore-basic.explore-local-other .entity-list-row-container {
      display: block; }
    .explore-basic.explore-local-other .explore-slide-in {
      margin-top: 15px; }
    .explore-basic.explore-list .arrow-back,
    .explore-basic.explore-list .explore-header-text {
      display: block; }
    .explore-basic.explore-list > .account-mobile-header {
      display: none; } }
  @media only screen and (max-width: 1279px) {
    .explore-basic {
      padding: 0; }
      .explore-basic .input-wrapper {
        display: none; }
      .explore-basic .entity-list-row-container {
        border-top: 1px solid #e5e5e5; }
      .explore-basic.explore-favorite.explore-main .explore-header-text {
        border: none; }
      .explore-basic.explore-favorite.explore-main .explore-basic-header.search {
        padding-top: 0; }
      .explore-basic.explore-browse .nav-horizontal-container {
        display: none; }
      .explore-basic.explore-browse:not(.explore-search) .explore-basic-header.search {
        display: none; }
      .explore-basic.explore-local-other .entity-list-row-container {
        display: block; }
      .explore-basic.explore-local-other .nav-horizontal-container {
        top: 94px;
        padding-top: 0; }
        .explore-basic.explore-local-other .nav-horizontal-container .nav-horizontal {
          width: calc(100% - 50px); } }
      @media only screen and (max-width: 1279px) and (max-width: 767px) {
        .explore-basic.explore-local-other .nav-horizontal-container .nav-horizontal {
          min-width: unset; } }
  @media only screen and (min-width: 768px) and (max-width: 1279px) {
    .explore-basic {
      width: 438px; }
      .explore-basic .entity-list-row-container,
      .explore-basic .explore-list-title {
        padding: 0 49px 0 54px; }
      .explore-basic.explore-local-other .nav-horizontal-container {
        padding: 0 54px; } }
  @media only screen and (max-width: 767px) {
    .explore-basic {
      width: 100%; }
      .explore-basic .account-mobile-header,
      .explore-basic .explore-shows-row-container,
      .explore-basic .entity-list-row-container,
      .explore-basic .explore-list-title {
        padding: 0 25px; }
      .explore-basic.explore-local-other .nav-horizontal-container {
        top: 45px; } }

.explore-basic-rows {
  display: grid; }
  @media only screen and (min-width: 1280px) {
    .explore-basic-rows {
      margin-top: 19px; } }
  .explore-basic-rows > :last-child {
    margin-bottom: 20px; }
    @media only screen and (max-width: 1279px) {
      .explore-basic-rows > :last-child {
        border-bottom: 1px solid #e5e5e5; } }
    @media only screen and (max-width: 1023px) {
      .explore-basic-rows > :last-child {
        margin-bottom: 75px; } }
  .explore-basic-rows .table-logo {
    width: 42px;
    height: 42px; }
  .explore-basic-rows .divider {
    display: none; }
  @media only screen and (max-width: 1279px) {
    .explore-basic-rows {
      padding-top: 0;
      grid-gap: 0; }
      .explore-basic-rows .divider {
        margin-bottom: 75px;
        display: block; } }
  @media only screen and (min-width: 1024px) {
    .explore-basic-rows .player-headshot {
      width: 56px;
      height: 56px; } }

.explore-shows .explore-shows-row-container {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: minmax(min-content, max-content) auto;
  grid-column-gap: 20px;
  align-items: center; }
  @media only screen and (max-width: 1279px) {
    .explore-shows .explore-shows-row-container {
      grid-gap: 15px;
      grid-template-columns: auto;
      grid-template-rows: minmax(min-content, max-content) auto; } }
  .explore-shows .explore-shows-row-container .image-shows {
    max-height: 100px; }
    @media only screen and (max-width: 1279px) {
      .explore-shows .explore-shows-row-container .image-shows {
        max-height: unset;
        width: 100%; } }
  .explore-shows .explore-shows-row-container .explore-show-schedule {
    text-align: left; }

.explore-league-header {
  margin-bottom: 30px; }
  .explore-league-header .table-logo {
    width: 14px; }
  @media only screen and (max-width: 1279px) {
    .explore-league-header {
      margin-bottom: 0px; } }

.loader-wrapper {
  display: flex;
  justify-content: center; }

.explore-slide-in div {
  animation-name: explore-slide-anim;
  animation-duration: 300ms;
  animation-fill-mode: both; }
  .explore-slide-in div:nth-child(1) {
    animation-delay: 50ms; }
  .explore-slide-in div:nth-child(2) {
    animation-delay: 100ms; }
  .explore-slide-in div:nth-child(3) {
    animation-delay: 150ms; }
  .explore-slide-in div:nth-child(4) {
    animation-delay: 200ms; }
  .explore-slide-in div:nth-child(5) {
    animation-delay: 250ms; }
  .explore-slide-in div:nth-child(6) {
    animation-delay: 300ms; }
  .explore-slide-in div:nth-child(7) {
    animation-delay: 350ms; }
  .explore-slide-in div:nth-child(8) {
    animation-delay: 400ms; }
  .explore-slide-in div:nth-child(9) {
    animation-delay: 450ms; }
  .explore-slide-in div:nth-child(10) {
    animation-delay: 500ms; }
  .explore-slide-in div:nth-child(11) {
    animation-delay: 550ms; }
  .explore-slide-in div:nth-child(12) {
    animation-delay: 600ms; }
  .explore-slide-in div:nth-child(13) {
    animation-delay: 650ms; }
  .explore-slide-in div:nth-child(14) {
    animation-delay: 700ms; }
  .explore-slide-in div:nth-child(15) {
    animation-delay: 750ms; }
  .explore-slide-in div:nth-child(16) {
    animation-delay: 800ms; }
  .explore-slide-in div:nth-child(17) {
    animation-delay: 850ms; }
  .explore-slide-in div:nth-child(18) {
    animation-delay: 900ms; }
  .explore-slide-in div:nth-child(19) {
    animation-delay: 950ms; }
  .explore-slide-in div:nth-child(20) {
    animation-delay: 1000ms; }
  .explore-slide-in div:nth-child(21) {
    animation-delay: 1050ms; }
  .explore-slide-in div:nth-child(22) {
    animation-delay: 1100ms; }
  .explore-slide-in div:nth-child(23) {
    animation-delay: 1150ms; }
  .explore-slide-in div:nth-child(24) {
    animation-delay: 1200ms; }
  .explore-slide-in div:nth-child(25) {
    animation-delay: 1250ms; }
  .explore-slide-in div:nth-child(26) {
    animation-delay: 1300ms; }
  .explore-slide-in div:nth-child(27) {
    animation-delay: 1350ms; }
  .explore-slide-in div:nth-child(28) {
    animation-delay: 1400ms; }
  .explore-slide-in div:nth-child(29) {
    animation-delay: 1450ms; }
  .explore-slide-in div:nth-child(30) {
    animation-delay: 1500ms; }
  .explore-slide-in div:nth-child(31) {
    animation-delay: 1550ms; }
  .explore-slide-in div:nth-child(32) {
    animation-delay: 1600ms; }
  .explore-slide-in div:nth-child(33) {
    animation-delay: 1650ms; }
  .explore-slide-in div:nth-child(34) {
    animation-delay: 1700ms; }
  .explore-slide-in div:nth-child(35) {
    animation-delay: 1750ms; }
  .explore-slide-in div:nth-child(36) {
    animation-delay: 1800ms; }
  .explore-slide-in div:nth-child(37) {
    animation-delay: 1850ms; }
  .explore-slide-in div:nth-child(38) {
    animation-delay: 1900ms; }
  .explore-slide-in div:nth-child(39) {
    animation-delay: 1950ms; }
  .explore-slide-in div:nth-child(40) {
    animation-delay: 2000ms; }

.image-button.link-forward {
  background-image: url("../../images/icons/link-arrow/link-forward-grey.svg");
  width: 12px;
  height: 12px; }

.image-button.star-black-filled {
  background-image: url("../../images/icons/star/star-black-filled.svg");
  width: 20px;
  height: 20px; }

.image-button.star-black-empty {
  background-image: url("../../images/icons/star/star-black-empty.svg");
  width: 20px;
  height: 20px; }

.image-button.close {
  background-image: url("../../images/icons/close.svg");
  width: 16px;
  height: 16px; }

.explore-subnav a.nav-selected::before {
  height: 1px; }

.entity-list-row-container.show .entity-list-row-content {
  display: grid; }
  .entity-list-row-container.show .entity-list-row-content .entity-list-row-title {
    grid-area: title; }
  .entity-list-row-container.show .entity-list-row-content .entity-list-row-subtitle {
    grid-area: subtitle; }
  .entity-list-row-container.show .entity-list-row-content .image-button {
    grid-area: button; }

.entity-list-row-container.show .channel-logo {
  height: 8px; }

.explore-basic:not(.explore-favorite) .entity-list-row-container.show {
  border-top: none;
  border-bottom: none;
  margin-bottom: 30px; }
  .explore-basic:not(.explore-favorite) .entity-list-row-container.show .explore-entity-image {
    height: 100px;
    width: 177px; }
  .explore-basic:not(.explore-favorite) .entity-list-row-container.show .image-button {
    padding: inherit; }
  .explore-basic:not(.explore-favorite) .entity-list-row-container.show .entity-list-row-content {
    grid-template-areas: "title" "subtitle";
    grid-template-rows: auto 20px;
    height: auto; }
    @media only screen and (max-width: 1279px) {
      .explore-basic:not(.explore-favorite) .entity-list-row-container.show .entity-list-row-content {
        grid-template-rows: 20px 20px;
        height: 75px;
        align-content: center; } }
  @media only screen and (max-width: 1279px) {
    .explore-basic:not(.explore-favorite) .entity-list-row-container.show {
      grid-template-columns: auto; }
      .explore-basic:not(.explore-favorite) .entity-list-row-container.show:first-child {
        padding-top: 25px; } }
  @media only screen and (min-width: 768px) and (max-width: 1279px) {
    .explore-basic:not(.explore-favorite) .entity-list-row-container.show .explore-entity-image {
      height: 180px;
      width: 329px; } }
  @media only screen and (max-width: 767px) {
    .explore-basic:not(.explore-favorite) .entity-list-row-container.show .explore-entity-image {
      height: auto;
      width: 100%; } }

.explore-basic .entity-list-row-container.show .entity-list-row-content {
  grid-template-areas: "title button" "subtitle button";
  grid-template-columns: auto 20px;
  grid-template-rows: 20px 20px;
  height: 75px;
  align-content: center; }

.entity-list-row-container {
  display: grid;
  grid-template-columns: minmax(min-content, 37px) auto;
  align-items: center;
  grid-column-gap: 20px;
  padding-left: 10px; }
  .entity-list-row-container img {
    width: 36px;
    height: 36px; }
  .entity-list-row-container.no-image {
    display: flex;
    flex: 1; }
  @media only screen and (min-width: 1280px) {
    .entity-list-row-container {
      border-radius: 4px; } }
  @media only screen and (max-width: 767px) {
    .entity-list-row-container {
      grid-template-columns: minmax(min-content, 30px) auto; } }
  .entity-list-row-container .entity-list-row-content {
    display: flex;
    justify-content: space-between; }
  .entity-list-row-container .player-headshot {
    min-width: 55px;
    min-height: 55px;
    width: 55px;
    height: 55px;
    border: solid 1px #d1d1d1;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box; }
    @media only screen and (max-width: 1023px) {
      .entity-list-row-container .player-headshot {
        min-width: 48px;
        min-height: 48px;
        width: 48px;
        height: 48px; } }
  .entity-list-row-container a.entity-list-row-content {
    cursor: pointer; }
  .entity-list-row-container div.entity-list-row-content {
    display: flex;
    flex: 1; }

.footer-fox-icons-container {
  padding: 28px 0 25px; }
  .footer-fox-icons-container .icon {
    display: inline-block;
    height: 15px;
    background-size: cover;
    transition: .3s;
    margin-top: 2px; }
  .footer-fox-icons-container .image-fox-bet-footer {
    margin-right: 18px;
    width: 62px;
    background-image: url("../../images/icons/fox-logos/fox-bet-logo-grey.svg"); }
    .footer-fox-icons-container .image-fox-bet-footer:hover {
      background-image: url("../../images/icons/fox-logos/fox-bet-logo.svg"); }
  .footer-fox-icons-container .image-s6-footer {
    width: 58px;
    background-image: url("../../images/icons/fox-logos/s6-logo-grey.svg"); }
    .footer-fox-icons-container .image-s6-footer:hover {
      background-image: url("../../images/icons/fox-logos/s6-logo.svg"); }

.footer-social-media-icons-container {
  display: flex;
  justify-self: end;
  padding: 26px 0;
  width: 100%;
  justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    .footer-social-media-icons-container {
      justify-self: unset;
      justify-content: space-between;
      grid-gap: 38px;
      padding: 30px 0;
      border-top: 1px solid rgba(5, 5, 5, 0.1); } }

.social-icon {
  position: relative;
  height: 22px;
  background-size: cover;
  width: 22px; }
  .social-icon img {
    position: absolute;
    transition: 0.3s; }
  .social-icon .mouse-over {
    opacity: 0; }
    .social-icon .mouse-over:hover {
      opacity: 1; }

.footer-legal-disclaimer {
  letter-spacing: 0.5px; }
  @media only screen and (max-width: 767px) {
    .footer-legal-disclaimer {
      margin-bottom: 25px; } }

.footer-links {
  text-align: end;
  display: grid;
  grid-gap: 4px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-links {
      grid-gap: 6px;
      padding-bottom: 53px; } }
  @media only screen and (max-width: 767px) {
    .footer-links {
      text-align: start;
      grid-gap: 6px;
      padding-bottom: 38px; } }
  .footer-links a:visited {
    color: #000; }
  .footer-links .footer-links-text {
    padding: 0 0 0 13px;
    display: inline-block; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .footer-links .footer-links-text {
        padding: 0 0 0 8px; } }
    @media only screen and (max-width: 767px) {
      .footer-links .footer-links-text {
        padding: 0 4px 0 0; } }

.footer-container {
  display: grid;
  grid-template-columns: auto 400px;
  grid-template-rows: auto auto;
  grid-auto-flow: column;
  grid-column-gap: 163px;
  grid-row-gap: 5px;
  border-top: 1px solid rgba(5, 5, 5, 0.1); }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-container {
      grid-column-gap: 34px;
      grid-template-columns: 50% auto; } }
  @media only screen and (max-width: 767px) {
    .footer-container {
      grid-template-columns: auto;
      grid-template-rows: auto auto auto auto;
      grid-row-gap: 0; } }

.form-text {
  font-family: "HaasGrotTextR-55Roman";
  font-size: 13px; }
  .form-text.form-help-text {
    opacity: 0.4; }

.input-wrapper {
  background-color: #f0f0f0;
  height: 45px;
  border-radius: 22.5px;
  border-color: transparent;
  padding-left: 22.5px;
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .input-wrapper.input-wrapper--search .search-icon {
    background-image: url("../../images/icons/search.svg");
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    margin-right: 8px; }

.input-text {
  border: none;
  width: 100%;
  background: #f0f0f0;
  font-family: "HaasGrotTextR-55Roman";
  font-size: 13px; }
  .input-text::placeholder {
    font-family: "HaasGrotTextR-55Roman";
    font-size: 13px;
    color: black;
    opacity: 1; }
  .input-text:focus {
    outline: none; }

.account-input-field {
  border: 0;
  border-bottom: solid 1px #b2b2b2;
  padding: 6px 0 16px;
  width: 100%; }
  .account-input-field:focus {
    outline: 0; }
  .account-input-field.data {
    border-bottom: solid 1px #000; }
  .account-input-field.active {
    border-bottom: solid 1px #e60000;
    color: #e60000; }
  .account-input-field:disabled {
    background-color: transparent;
    cursor: not-allowed; }

.view-icon {
  float: right;
  margin-left: -25px;
  margin-top: -35px;
  position: relative;
  z-index: 2; }
  .view-icon:hover {
    cursor: pointer; }

.image-header-container-wrapper {
  width: 364px;
  min-width: 364px;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
  padding-top: 55px;
  height: 700px; }
  @media only screen and (max-width: 1023px) {
    .image-header-container-wrapper {
      width: 100%; } }

.image-header-container {
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .image-header-container {
      height: 607px;
      width: 364px; } }
  @media only screen and (max-width: 1023px) {
    .image-header-container .card-title, .image-header-container .story-topic {
      display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .image-header-container {
      width: 100%;
      max-height: 621px;
      height: 81vw;
      top: 0; } }
  @media only screen and (max-width: 767px) {
    .image-header-container {
      width: 100%;
      height: 81vw;
      min-height: 522px; } }
  .image-header-container .card-title, .image-header-container .story-topic {
    transition: margin .3s linear, opacity .3s linear;
    color: #fff;
    position: absolute;
    max-height: fit-content;
    padding: 30px 30px 0 30px;
    opacity: 0; }
  .image-header-container .card-title {
    max-width: 304px; }
  .image-header-container .story-topic {
    margin-top: 30px; }

.image-story {
  position: absolute;
  z-index: -1;
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .image-story {
      height: 607px;
      width: 364px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .image-story {
      max-height: 621px;
      height: 81vw; } }
  @media only screen and (max-width: 767px) {
    .image-story {
      height: 81vw;
      min-height: 522px; } }
  @media only screen and (min-width: 1024px) {
    .image-story {
      object-fit: cover;
      overflow: hidden;
      position: static;
      text-indent: -100%;
      border-radius: 5px; }
      .image-story.mobile-image {
        display: none; } }
  @media only screen and (max-width: 1023px) {
    .image-story {
      object-fit: cover;
      object-position: center center; }
      .image-story.desktop-image {
        display: none; } }

.image-overlay {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
  width: 100%;
  height: 100%;
  z-index: 4;
  position: absolute;
  top: 0;
  left: 0; }

.image-stat-container {
  position: relative;
  width: 100%;
  padding-top: 100%; }
  .image-stat-container .text {
    z-index: 5;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; }
  .image-stat-container .image-stat-block {
    border-radius: 2px; }
  .image-stat-container .image-overlay {
    border-radius: 2px;
    background-image: none;
    background-color: rgba(0, 0, 0, 0.5); }

.image-stat-block {
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover; }
  @media only screen and (max-width: 1023px) {
    .image-stat-block {
      object-position: 100% 30%; } }

.image-header-overlay {
  height: 300px;
  width: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
  opacity: .8;
  position: absolute;
  bottom: 0; }
  @media only screen and (min-width: 1024px) {
    .image-header-overlay {
      max-height: 0; } }

.team-logo {
  display: flex;
  flex: 0 0 20px;
  height: 30px; }

.image-fav-star {
  height: 16px;
  width: auto;
  margin-right: 5px;
  content: url("../../images/icons/star/star-white-empty.svg"); }
  .image-fav-star.selected {
    content: url("../../images/icons/star/star-white-filled.svg"); }

.entity-header .image-fav-star {
  content: url("../../images/icons/star/star-white-empty.svg"); }
  .entity-header .image-fav-star.selected {
    content: url("../../images/icons/star/star-white-filled.svg"); }

.arrow-back {
  width: 20px;
  height: 20px; }
  .arrow-back:hover {
    cursor: pointer; }

.image-fox-bet {
  height: 15px;
  width: 62px;
  background-image: url("../../images/icons/fox-logos/fox-bet-logo-black.svg"); }
  @media only screen and (max-width: 1023px) {
    .image-fox-bet {
      width: 56px;
      background-image: url("../../images/icons/fox-logos/fox-bet-logo-white.svg"); } }

.odds-image-fox-bet {
  height: 15px;
  width: 62px;
  background-image: url("../../images/icons/fox-logos/fox-bet-logo.svg"); }

.greyscale-color {
  filter: grayscale(100%);
  transition: 0.3s; }

.greyscale-color:hover {
  filter: grayscale(0); }

.network-logo {
  width: 18px; }
  .network-logo.large-logo {
    width: 30px; }

.team-logo {
  max-width: 80px;
  max-height: 80px;
  object-fit: contain; }

.logo-container {
  display: flex;
  justify-content: center;
  align-items: center; }
  .logo-container span, .logo-container img {
    position: absolute;
    z-index: 1; }

.logo-background {
  position: relative;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.25;
  z-index: 1; }
  @media only screen and (min-width: 1024px) {
    .logo-background {
      height: 175px;
      width: 175px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .logo-background {
      height: 110px;
      width: 110px; } }
  @media only screen and (max-width: 767px) {
    .logo-background {
      height: 85px;
      width: 85px; } }

.loader,
.loader:after {
  border-radius: 50%;
  width: 30px;
  height: 30px; }

.loader {
  margin-top: 20px;
  position: relative;
  text-indent: -9999em;
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateZ(0);
  animation: full-rotation 1.1s infinite linear; }

.close-icon {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  background-image: url("../../images/icons/close.svg"); }

.arrow-forward {
  background-image: url("../../images/icons/link-arrow/link-forward.svg");
  height: 16px;
  width: 16px; }

.green-checkmark {
  background-image: url("../../images/icons/checkmark/checkmark-green.svg");
  background-size: contain;
  background-repeat: no-repeat; }

.black-checkmark {
  height: 15px;
  width: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../images/icons/checkmark/checkmark-dark.svg"); }

/*************************************
    DEFAULT STYLES
*************************************/
.layout-vgap-100 {
  display: grid;
  grid-gap: 100px; }

.layout-vgap-60 {
  display: grid;
  grid-gap: 60px; }

.layout-vgap-40 {
  display: grid;
  grid-gap: 40px; }

.layout-vgap-30 {
  display: grid;
  grid-gap: 30px; }

.layout-vgap-25 {
  display: grid;
  grid-gap: 25px; }

.layout-vgap-10 {
  display: grid;
  grid-gap: 10px; }

.layout-hgap-25 {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 25px; }

/*************************************
    MOBILE STYLES
*************************************/
@media only screen and (max-width: 767px) {
  .layout-sm-vgap-20 {
    display: grid;
    grid-gap: 20px; } }

@media only screen and (max-width: 767px) {
  .layout-sm-vgap-18 {
    display: grid;
    grid-gap: 18px; } }

.fox-sports-logo {
  width: 69px;
  height: 42px;
  background-image: url("../../images/icons/fox-logos/fox-logo-black.svg"); }
  @media only screen and (max-width: 1279px) {
    .fox-sports-logo {
      width: 40px;
      height: 24px;
      background-size: 40px 24px; } }
  .fox-sports-logo h1 {
    box-sizing: content-box;
    width: 100%;
    height: 100%; }
    .fox-sports-logo h1 span {
      box-sizing: content-box; }

.nav-container {
  background: #fff;
  width: 126px;
  position: fixed;
  z-index: 8;
  top: 0; }
  .nav-container:hover .favorites-menu-footer {
    opacity: 1; }
  @media only screen and (max-width: 1279px) {
    .nav-container {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 76px;
      width: 100%; }
      .nav-container .nav-content {
        position: fixed;
        left: 0;
        width: 100%;
        max-width: 468px;
        bottom: 0;
        top: 0;
        background: #fff;
        z-index: 1;
        transform: scaleX(0);
        transform-origin: 0 50%;
        transition-property: transform;
        transition-duration: .3s;
        transition-timing-function: ease-out;
        overflow-y: auto;
        overflow-x: hidden; } }
    @media only screen and (max-width: 1279px) and (min-width: 768px) and (max-width: 1279px) {
      .nav-container .nav-content {
        max-width: 438px; } }
    @media only screen and (max-width: 1279px) and (max-width: 767px) {
      .nav-container .nav-content {
        max-width: unset; } }
  @media only screen and (max-width: 1279px) {
      .nav-container .mobile-nav-header {
        display: flex; }
      .nav-container.open .nav-content {
        transform: scaleX(1); }
      .nav-container.open .mobile-nav-overlay {
        pointer-events: auto;
        z-index: 0;
        opacity: 1; }
      .nav-container.open .mobile-nav-header {
        opacity: 1; } }
  @media only screen and (max-width: 1023px) {
    .nav-container {
      background: var(--theme-bg-color); } }
  .nav-container .fox-sports-logo {
    display: block; }
    @media only screen and (min-width: 1280px) {
      .nav-container .fox-sports-logo {
        top: 61px;
        left: 42px;
        position: relative; } }
  .nav-container .mobile-nav-header {
    transform-origin: 0 50%;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-delay: 0.3s;
    transition-property: opacity;
    opacity: 0; }
    .nav-container .mobile-nav-header .image-button {
      height: 20px;
      width: 20px;
      background-size: contain; }
      .nav-container .mobile-nav-header .image-button.account {
        background-image: url("../../images/icons/account.svg"); }
      .nav-container .mobile-nav-header .image-button.search {
        background-image: url("../../images/icons/search.svg"); }
      .nav-container .mobile-nav-header .image-button.close {
        background-image: url("../../images/icons/close.svg"); }
  .nav-container .mobile-nav-overlay {
    opacity: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 0;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: opacity;
    pointer-events: none; }
  .nav-container li.nav-item {
    transition: all .2s ease; }
    .nav-container li.nav-item:nth-child(1) {
      animation-delay: 0.05s; }
    .nav-container li.nav-item:nth-child(2) {
      animation-delay: 0.1s; }
    .nav-container li.nav-item:nth-child(3) {
      animation-delay: 0.15s; }
    .nav-container li.nav-item:nth-child(4) {
      animation-delay: 0.2s; }
    .nav-container li.nav-item:nth-child(5) {
      animation-delay: 0.25s; }
    .nav-container li.nav-item:nth-child(6) {
      animation-delay: 0.3s; }
    .nav-container li.nav-item:nth-child(7) {
      animation-delay: 0.35s; }
    .nav-container li.nav-item:nth-child(8) {
      animation-delay: 0.4s; }
    .nav-container li.nav-item:nth-child(9) {
      animation-delay: 0.45s; }
    .nav-container li.nav-item:nth-child(10) {
      animation-delay: 0.5s; }
    .nav-container li.nav-item .mobile-flyout-link {
      display: flex;
      justify-content: space-between;
      margin: 0 25px; }
      @media only screen and (min-width: 768px) and (max-width: 1279px) {
        .nav-container li.nav-item .mobile-flyout-link {
          margin: 0 54px; } }
  .nav-container .nav-mobile-menu-container {
    display: none; }
    @media only screen and (max-width: 1279px) {
      .nav-container .nav-mobile-menu-container {
        display: inline-block; } }

.nav {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform; }
  @media only screen and (max-width: 1279px) {
    .nav {
      background: #fff; } }

.nav-item {
  height: 40px;
  width: 100%;
  line-height: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition-timing-function: ease;
  transition-duration: .25s;
  transition-property: background;
  position: relative; }
  .nav-item a {
    color: #757575; }
  .nav-item.nav-selected .nav-item-text, .nav-item:hover .nav-item-text {
    color: #000; }
  .nav-item.nav-selected .search-icon, .nav-item:hover .search-icon {
    background-image: url("../../images/icons/search.svg"); }
  .nav-item.bar-nav-item {
    height: 24px; }
    @media only screen and (max-width: 1279px) {
      .nav-item.bar-nav-item .nav-item {
        width: 100%; }
        .nav-item.bar-nav-item .nav-item .nav-left-col {
          width: 0; }
        .nav-item.bar-nav-item .nav-item .nav-right-col,
        .nav-item.bar-nav-item .nav-item .nav-item-bar {
          width: 100%; } }
  .nav-item:hover .nav-item-text {
    color: #000; }
  .nav-item.desktop-hide {
    display: none; }
    .nav-item.desktop-hide::after {
      background-image: url("../../images/icons/link-arrow/link-forward-grey.svg");
      width: 16px;
      height: 16px;
      position: absolute;
      display: inline-block;
      right: 10px;
      transition-timing-function: ease;
      transition-duration: .25s;
      transition-property: border; }
  @media only screen and (max-width: 1279px) {
    .nav-item {
      height: 70px;
      width: 100%; }
      .nav-item.mobile-show {
        display: flex; }
      .nav-item.mobile-hide {
        display: none; }
      .nav-item:not(.bar-nav-item):hover {
        background: #f3f3f3; }
        .nav-item:not(.bar-nav-item):hover.desktop-hide::after {
          border-color: #000; } }

.nav-item-bar {
  width: 0;
  transition: width .3s;
  height: 1px;
  background: #000; }

.nav-left-col {
  width: 40px; }
  .nav-left-col .nav-item-bar.active-nav {
    width: 25px; }
  @media only screen and (min-width: 768px) and (max-width: 1279px) {
    .nav-left-col {
      width: 54px; }
      .nav-left-col .nav-item-bar {
        margin-left: 18px; } }
  @media only screen and (max-width: 767px) {
    .nav-left-col {
      width: 25px; }
      .nav-left-col .nav-item-bar.active-nav {
        width: 18px; } }

.nav-right-col {
  display: flex; }
  .nav-right-col .nav-item-bar {
    background: #e5e5e5;
    width: 20px; }

.nav-item-text {
  text-decoration: none;
  cursor: pointer;
  position: relative; }
  @media only screen and (min-width: 1280px) {
    .nav-item-text {
      font-family: "FSStadiumBold";
      font-weight: 500 !important; } }
  @media only screen and (max-width: 1279px) {
    .nav-item-text {
      color: #000;
      font-size: 23px; } }
  .nav-item-text .search-icon {
    display: inline-block;
    width: 11px;
    height: 11px;
    vertical-align: middle;
    background-size: 11px 11px;
    background-image: url("../../images/icons/search-grey.svg"); }

.nav-mobile-menu-container {
  overflow: visible;
  margin: 0;
  cursor: pointer; }
  .nav-mobile-menu-container .nav-mobile-menu {
    width: 20px;
    height: 20px;
    background-position: center;
    background-image: url("../../images/icons/hamburger-menu/black.svg"); }

@media only screen and (min-width: 1280px) {
  .nav-header {
    height: 150px; } }

@media only screen and (max-width: 1279px) {
  .nav-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 930px; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .nav-header {
    width: calc(100% - 220px); } }

@media only screen and (max-width: 767px) {
  .nav-header {
    width: calc(100% - 50px); } }

.nav-header .header-logo {
  display: none; }

@media only screen and (max-width: 1023px) {
  .layout-small-content .nav-header {
    max-width: 550px; } }

@media only screen and (max-width: 767px) {
  .layout-small-content .nav-header {
    width: calc(100% - 50px); } }

.mobile-nav-header {
  display: none;
  align-items: center;
  justify-content: space-between;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: opacity;
  height: 90px;
  width: 100%;
  margin: 0 54px 12px 54px;
  max-width: calc(100% - 108px); }
  @media only screen and (max-width: 767px) {
    .mobile-nav-header {
      height: 76px;
      margin: 0 25px 20px 25px;
      max-width: calc(100% - 50px); } }
  .mobile-nav-header .fox-sports-logo {
    width: 40px; }
  .mobile-nav-header .icons {
    display: flex;
    justify-content: space-between;
    width: 110px; }
    .mobile-nav-header .icons .close .close-icon {
      margin-left: 20px;
      width: 16px;
      height: 16px;
      background-image: url("../../images/icons/close.svg"); }

.nav-main-content {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: calc(100vh - 150px); }
  @media only screen and (min-width: 1280px) {
    .nav-main-content .nav {
      order: 1; }
    .nav-main-content .favorites-menu,
    .nav-main-content .add-your-favorites {
      order: 2;
      margin-left: 40px;
      bottom: 40px; }
    .nav-main-content .add-favorites-link {
      background: #f0f0f0;
      border: none; } }
  @media only screen and (max-width: 1279px) {
    .nav-main-content {
      /* Rules to help with ios scroll freezes
    * DO NOT REMOVE
    */
      display: none;
      /* end of ios scroll fix */
      transform-origin: 0 50%;
      transition-timing-function: ease;
      transition-duration: 0.3s;
      transition-delay: 0.3s;
      transition-property: opacity;
      opacity: 0; }
      .nav-container.open .nav-main-content {
        display: flex; }
      .nav-container.open .nav-main-content {
        opacity: 1; }
      .nav-main-content .add-favorites-link {
        letter-spacing: .5px; } }

.flyout-container,
.nav-container .account-container {
  position: absolute;
  left: 126px;
  height: 100%;
  width: 0;
  bottom: 0;
  top: 0;
  z-index: 10;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out; }
  @media only screen and (min-width: 1280px) and (max-width: 1439px) {
    .flyout-container,
    .nav-container .account-container {
      left: 126px; } }
  @media only screen and (max-width: 1279px) {
    .flyout-container.open,
    .nav-container .account-container.open {
      position: fixed; } }
  .flyout-container.open,
  .nav-container .account-container.open {
    width: 100vw;
    transform: scaleX(1); }
    .flyout-container.open .flyout-overlay,
    .flyout-container.open .account-overlay,
    .nav-container .account-container.open .flyout-overlay,
    .nav-container .account-container.open .account-overlay {
      pointer-events: auto;
      opacity: 1; }
  .flyout-container .flyout-overlay,
  .flyout-container .account-overlay,
  .nav-container .account-container .flyout-overlay,
  .nav-container .account-container .account-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    pointer-events: none;
    transform-origin: 0 50%;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-delay: 0.2s;
    transition-property: opacity;
    opacity: 0; }
  @media only screen and (max-width: 1279px) {
    .flyout-container,
    .nav-container .account-container {
      z-index: 8;
      left: 0; }
      .flyout-container.open .flyout-overlay,
      .flyout-container.open .account-overlay,
      .nav-container .account-container.open .flyout-overlay,
      .nav-container .account-container.open .account-overlay {
        opacity: 0; } }

.flex-container {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media only screen and (max-width: 1023px) {
    .flex-container {
      align-content: center;
      flex-direction: column; } }

@media only screen and (max-width: 1023px) {
  .fscom-container.nav-md-sm-dark {
    --theme-bg-color: #000;
    --theme-bg-color-opacity: rgba(0, 0, 0, .2); }
    .fscom-container.nav-md-sm-dark .nav-container .nav-header .fox-sports-logo {
      background-image: url("../../images/icons/fox-logos/fox-logo-white.svg"); }
    .fscom-container.nav-md-sm-dark .nav-mobile-menu-container .nav-mobile-menu {
      background-image: url("../../images/icons/hamburger-menu/white.svg"); } }

@media only screen and (min-width: 1280px) {
  .layout-homepage .nav-slide-in {
    animation-name: nav-slide-in;
    animation-duration: 1s;
    animation-fill-mode: both; } }

.sign-in-link::after {
  content: '';
  display: block;
  background-size: contain;
  background-repeat: no-repeat; }

.sign-in-link::after {
  background-image: url(../../images/icons/link-arrow/link-forward-grey.svg);
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 1px 0 0 5px;
  transition-duration: .15s;
  transition-property: transform;
  transition-timing-function: ease-out; }

.sign-in-link:hover::after {
  transform: translateX(4px);
  background-image: url(../../images/icons/link-arrow/link-forward.svg); }

.account-page .account-overlay {
  display: none; }

.account-page .account-data {
  position: relative;
  overflow: hidden;
  height: 72vh; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .account-page .account-data {
      min-height: 600px; } }
  @media only screen and (max-width: 767px) {
    .account-page .account-data {
      height: 85vh;
      padding: 12px; } }

.account-page .account-container .account-data-field,
.account-page .account-container .account-header-container,
.account-page .account-container .link-button {
  opacity: 1; }

.account-page .account-mobile-header {
  display: none; }

.flyout-container .explore-basic-header.search,
.flyout-container .explore-subnav,
.flyout-container .explore-slide-in {
  transform-origin: 0 50%;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-delay: 0.3s;
  transition-property: opacity;
  opacity: 0; }

.flyout-container.open .explore-basic-header.search,
.flyout-container.open .explore-subnav,
.flyout-container.open .explore-slide-in {
  opacity: 1; }

.account-container .account-header-container,
.account-container .account-info,
.account-container .account-data-field,
.account-container .pointer,
.account-container .link-button,
.account-container .account-fb-link,
.account-container .account-sub-details {
  transform-origin: 0 50%;
  transition-timing-function: ease;
  transition-duration: 0.2s;
  transition-delay: 0.3s;
  transition-property: opacity;
  opacity: 0; }

.account-container.open .account-header-container,
.account-container.open .account-info,
.account-container.open .account-data-field,
.account-container.open .pointer,
.account-container.open .link-button,
.account-container.open .account-fb-link,
.account-container.open .account-sub-details {
  opacity: 1; }

/**
  Should be included on the following pages
  Entity
  Show
  Events
  Scores
**/
.subnav-container,
.nav-horizontal-container {
  --nav-horizontal-item-color: #919191;
  --nav-horizontal-selected-item-color: #000;
  --nav-horizontal-background-color: #fff;
  --nav-more-shadow: rgba(0, 0, 0, 0.2); }

@media only screen and (max-width: 1023px) {
  .nav-md-sm-dark .subnav-container-wrapper,
  .nav-md-sm-dark .subnav-container,
  .nav-md-sm-dark .nav-horizontal-container:not(.explore-subnav),
  .nav-md-sm-dark .entity-breadcrumb,
  .nav-md-sm-dark .event-breadcrumb {
    --nav-horizontal-item-color: rgba(255, 255, 255, 0.7);
    --nav-horizontal-selected-item-color: #fff;
    --nav-horizontal-background-color: var(--theme-bg-color);
    --nav-more-shadow: var(--theme-bg-color-opacity); }
    .nav-md-sm-dark .subnav-container-wrapper a,
    .nav-md-sm-dark .subnav-container a,
    .nav-md-sm-dark .nav-horizontal-container:not(.explore-subnav) a,
    .nav-md-sm-dark .entity-breadcrumb a,
    .nav-md-sm-dark .event-breadcrumb a {
      --nav-horizontal-item-color: rgba(255, 255, 255, 0.7); } }

.subnav-container-wrapper {
  width: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
  z-index: 2; }
  .subnav-container-wrapper .subnav-container .subnav-title-container {
    margin-bottom: 24px; }
  .subnav-container-wrapper.has-breadcrumb {
    display: block; }
    @media only screen and (max-width: 1023px) {
      .subnav-container-wrapper.has-breadcrumb + .layout-content-container .dropdown-wrapper, .subnav-container-wrapper.has-breadcrumb + .layout-content-container .scores-header-wrapper {
        top: 173px; } }
    .subnav-container-wrapper.has-breadcrumb .entity-breadcrumb, .subnav-container-wrapper.has-breadcrumb .event-breadcrumb {
      height: 16px;
      background-color: var(--nav-horizontal-background-color);
      color: #757575; }
      .subnav-container-wrapper.has-breadcrumb .entity-breadcrumb a, .subnav-container-wrapper.has-breadcrumb .event-breadcrumb a {
        color: #757575; }
      .subnav-container-wrapper.has-breadcrumb .entity-breadcrumb .breadcrumb-arrow, .subnav-container-wrapper.has-breadcrumb .event-breadcrumb .breadcrumb-arrow {
        padding: 0 5px; }
      @media only screen and (min-width: 1024px) {
        .subnav-container-wrapper.has-breadcrumb .entity-breadcrumb, .subnav-container-wrapper.has-breadcrumb .event-breadcrumb {
          padding-bottom: 20px; } }
      @media only screen and (max-width: 1023px) {
        .subnav-container-wrapper.has-breadcrumb .entity-breadcrumb, .subnav-container-wrapper.has-breadcrumb .event-breadcrumb {
          display: flex;
          align-items: center;
          justify-content: center !important; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .subnav-container-wrapper.has-breadcrumb .entity-breadcrumb, .subnav-container-wrapper.has-breadcrumb .event-breadcrumb {
          padding: 0 110px 15px; } }
      @media only screen and (max-width: 767px) {
        .subnav-container-wrapper.has-breadcrumb .entity-breadcrumb, .subnav-container-wrapper.has-breadcrumb .event-breadcrumb {
          padding: 0 25px 15px; } }
    @media only screen and (max-width: 1023px) {
      .subnav-container-wrapper.has-breadcrumb .entity-breadcrumb {
        color: var(--nav-horizontal-item-color); }
        .subnav-container-wrapper.has-breadcrumb .entity-breadcrumb a {
          color: var(--nav-horizontal-item-color); } }
    @media only screen and (min-width: 1024px) {
      .subnav-container-wrapper.has-breadcrumb .event-breadcrumb {
        padding: 0 10px 10px 105px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1439px) {
      .subnav-container-wrapper.has-breadcrumb .event-breadcrumb {
        padding-left: 60px; } }
    @media only screen and (max-width: 1023px) {
      .subnav-container-wrapper.has-breadcrumb .event-breadcrumb {
        padding: 0;
        position: fixed;
        z-index: 1;
        top: inherit;
        background-color: white; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .subnav-container-wrapper.has-breadcrumb .event-breadcrumb {
        margin: 0 110px 15px; } }
    @media only screen and (max-width: 767px) {
      .subnav-container-wrapper.has-breadcrumb .event-breadcrumb {
        margin: 0 25px 15px; } }
    @media only screen and (max-width: 767px) {
      .subnav-container-wrapper.has-breadcrumb .nav-horizontal-top-divider {
        top: 31px !important; } }
  @media only screen and (max-width: 1023px) {
    .subnav-container-wrapper {
      height: 125px; }
      .event .subnav-container-wrapper,
      .entity .subnav-container-wrapper {
        height: 66px; }
        .event .subnav-container-wrapper.has-breadcrumb,
        .entity .subnav-container-wrapper.has-breadcrumb {
          height: 97px; } }

@media only screen and (max-width: 1023px) {
  .video-container.video-playing ~ .entity-body .subnav-container-wrapper.video-playing {
    top: calc(.5625 * 100vw + 65px) !important; } }

.subnav-container {
  display: flex;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  height: 65px;
  width: 100%;
  color: var(--nav-horizontal-selected-item-color);
  border-bottom-color: var(--theme-bg-color-opacity);
  box-shadow: 0px 2px 0px 0px var(--nav-horizontal-background-color);
  background-color: var(--nav-horizontal-background-color); }
  @media only screen and (min-width: 1024px) {
    .subnav-container .subnav-title-container {
      margin-bottom: 14px; } }
  @media only screen and (max-width: 1023px) {
    .subnav-container {
      height: 162px;
      max-width: 1440px;
      flex-direction: column;
      justify-content: flex-end;
      padding-top: 0;
      align-items: center; }
      .subnav-container .nav-horizontal {
        border-top: none; } }
  @media only screen and (max-width: 767px) {
    .subnav-container {
      height: 145px; } }
  .subnav-container .nav-horizontal-container {
    border-bottom: none; }
  .subnav-container .nav-horizontal-top-divider {
    display: none; }

.subnav-title-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }
  @media only screen and (min-width: 1024px) {
    .subnav-title-container .subnav-page-subtitle {
      padding-left: 25px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .subnav-title-container {
      max-width: 930px;
      width: calc(100% - 220px);
      align-items: baseline; } }
  @media only screen and (max-width: 767px) {
    .subnav-title-container {
      width: calc(100% - 50px); } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .layout-small-content .subnav-title-container {
    max-width: 550px;
    width: 100%; } }

@media only screen and (max-width: 767px) {
  .layout-small-content .subnav-title-container {
    max-width: 550px; } }

.subnav-page-subtitle {
  display: flex;
  flex-direction: column;
  justify-content: left; }
  @media only screen and (max-width: 1023px) {
    .subnav-page-subtitle {
      color: #fff; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .subnav-page-subtitle {
      justify-content: right;
      flex-direction: row;
      align-items: center; } }
  @media only screen and (max-width: 767px) {
    .subnav-page-subtitle {
      justify-content: right;
      align-items: flex-end; } }
  @media only screen and (max-width: 1023px) {
    .subnav-page-subtitle .image-fox-bet {
      background-color: #000; } }

.nav-horizontal-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: fit-content;
  width: 100%; }
  .nav-horizontal-container,
  .nav-horizontal-container .more-nav {
    background-color: var(--nav-horizontal-background-color); }
  .nav-horizontal-container,
  .nav-horizontal-container a, .nav-horizontal-container button {
    color: var(--nav-horizontal-item-color); }
  .nav-horizontal-container a.nav-selected, .nav-horizontal-container button.nav-selected {
    color: var(--nav-horizontal-selected-item-color);
    position: relative; }
    .nav-horizontal-container a.nav-selected::before, .nav-horizontal-container button.nav-selected::before {
      position: absolute;
      content: '';
      width: 100%;
      height: 2px;
      background: var(--nav-horizontal-selected-item-color);
      bottom: -3px; }
      @media only screen and (max-width: 1023px) {
        .nav-horizontal-container a.nav-selected::before, .nav-horizontal-container button.nav-selected::before {
          bottom: -2px; } }
  @media only screen and (min-width: 1024px) {
    .nav-horizontal-container {
      border-bottom: solid 1px rgba(0, 0, 0, 0.2);
      width: auto; } }
  @media only screen and (max-width: 767px) {
    .nav-horizontal-container {
      overflow-y: hidden;
      height: auto;
      align-items: initial;
      -ms-overflow-style: none; }
      .nav-horizontal-container::-webkit-scrollbar {
        display: none; }
      .nav-horizontal-container .nav-horizontal-top-divider {
        top: 0;
        position: absolute; }
      .nav-horizontal-container #nav-secondary {
        overflow-x: hidden; } }

.nav-horizontal {
  width: 645px;
  top: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-end; }
  @media only screen and (max-width: 1023px) {
    .nav-horizontal {
      position: relative; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .nav-horizontal {
      max-width: calc(100% - 220px); } }
  @media only screen and (max-width: 767px) {
    .nav-horizontal {
      margin: 0 25px;
      padding-right: 25px; } }

@media only screen and (max-width: 767px) {
  .layout-entity-content.show .nav-horizontal, .layout-entity-content.personality .nav-horizontal {
    width: auto; } }

.nav-horizontal-desktop {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .nav-horizontal-desktop {
      display: flex; } }

.nav-horizontal-tablet {
  display: none; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .nav-horizontal-tablet {
      display: flex; } }

.nav-horizontal-mobile {
  display: none; }
  @media only screen and (max-width: 767px) {
    .nav-horizontal-mobile {
      display: flex; } }

.nav-horizontal-top-divider {
  height: 1px;
  border-top: solid 1px rgba(255, 255, 255, 0.1);
  margin: 0;
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .nav-horizontal-top-divider {
      display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .nav-horizontal-top-divider {
      width: calc(100% - 220px); } }
  @media only screen and (max-width: 767px) {
    .nav-horizontal-top-divider {
      width: calc(100% - 50px);
      margin: 0 25px; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .layout-small-content .nav-horizontal {
    width: 550px; } }

@media only screen and (max-width: 767px) {
  .layout-small-content .nav-horizontal {
    min-width: 550px; } }

.layout-small-content .nav-horizontal-top-divider {
  width: 550px;
  max-width: 550px; }

.horizontal-nav-item {
  padding-bottom: 24px;
  box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition-timing-function: ease;
  transition-duration: .25s;
  transition-property: background;
  position: relative;
  border-bottom: solid 2px rgba(255, 255, 255, 0); }
  .horizontal-nav-item.bonus-feed::after {
    content: '';
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    height: 11px;
    width: 15px;
    margin-left: 5px;
    background-image: url("../../images/icons/bonus-feed.svg"); }
    @media only screen and (max-width: 767px) {
      .horizontal-nav-item.bonus-feed::after {
        height: 17px;
        width: 23px; } }
  @media only screen and (max-width: 767px) {
    .horizontal-nav-item {
      padding-bottom: 19px; }
      .horizontal-nav-item:first-of-type {
        padding-left: 0; } }

.nav-item-horizontal-text {
  text-decoration: none;
  cursor: pointer;
  position: relative; }
  @media only screen and (max-width: 1023px) {
    .nav-item-horizontal-text {
      line-height: 0.87; }
      .nav-item-horizontal-text:hover {
        opacity: 1; } }

.ic-arrow.subnav {
  background-image: url("../../images/icons/link-arrow/link-arrow-down-grey.svg");
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px; }
  .ic-arrow.subnav.active {
    transform: rotateX(145deg); }

.more-nav {
  margin: 0;
  width: 275px;
  box-sizing: border-box;
  box-shadow: 0 6px 12px 0 var(--nav-more-shadow);
  transition: background 0.3s ease-in-out;
  padding-left: 0; }
  .more-nav li:hover {
    background: rgba(229, 229, 229, 0.4); }
  .more-nav li a {
    padding-left: 40px; }
  .more-nav a {
    display: block; }
    .more-nav a.nav-selected::before {
      display: none; }

.nav-horizontal .more-nav {
  display: none; }

.nav-horizontal.more-open {
  position: relative; }
  .nav-horizontal.more-open .more-nav {
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 5;
    width: 271px;
    padding-top: 5px;
    padding-bottom: 10px; }

@media only screen and (max-width: 1023px) {
  .layout-event-content .nav-horizontal-container {
    border-bottom: solid 1px #e5e5e5; } }

.layout-event-content .nav-horizontal-container .nav-horizontal {
  width: 100%;
  margin: 0;
  justify-content: flex-start; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .layout-event-content .nav-horizontal-container .nav-horizontal {
      justify-content: center; } }
  @media only screen and (max-width: 767px) {
    .layout-event-content .nav-horizontal-container .nav-horizontal {
      justify-content: space-between; } }
  .layout-event-content .nav-horizontal-container .nav-horizontal .horizontal-nav-item {
    margin: 0 12px; }
  .layout-event-content .nav-horizontal-container .nav-horizontal :first-child.horizontal-nav-item {
    margin-left: 0; }

.event-boxscore-nav {
  justify-content: start;
  width: 100%; }
  .event-boxscore-nav .horizontal-nav-item {
    color: #919191;
    border-bottom-width: 1px;
    height: 55px;
    margin: 0 24px 0 0; }
    .event-boxscore-nav .horizontal-nav-item.nav-selected {
      color: #000;
      border-color: #000; }
  @media only screen and (max-width: 767px) {
    .event-boxscore-nav {
      max-width: 100%;
      margin: 0 0 20px; } }

@media only screen and (max-width: 767px) {
  .scores-home-container .nav-horizontal-container #nav-secondary a:last-child,
  .stories-container .nav-horizontal-container #nav-secondary a:last-child {
    margin-right: 25px; } }

@media only screen and (max-width: 767px) {
  .scores-home-container .nav-horizontal {
    width: 865px; } }

.pin-sticky-element {
  position: fixed;
  top: 0;
  z-index: 6; }

@media only screen and (max-width: 1023px) {
  .nav-horizontal-container.pin-sticky-element {
    top: 76px; } }

@media only screen and (min-width: 1280px) {
  .subnav-container.pin-sticky-element {
    max-width: 930px;
    padding-top: 52px; } }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .subnav-container.pin-sticky-element {
    padding-top: 76px;
    max-width: 930px; } }

@media only screen and (max-width: 1023px) {
  .subnav-container.pin-sticky-element {
    position: inherit;
    top: inherit;
    width: inherit;
    z-index: inherit; } }

@media only screen and (min-width: 1024px) {
  .subnav-title-container.pin-sticky-element {
    position: inherit;
    top: 51px;
    z-index: inherit; } }

@media only screen and (max-width: 1279px) {
  .subnav-title-container.pin-sticky-element {
    top: 76px; } }

.entity-container .nav-horizontal-container.pin-sticky-element {
  margin-left: 0; }
  @media only screen and (min-width: 1024px) {
    .entity-container .nav-horizontal-container.pin-sticky-element {
      padding-top: 52px;
      max-width: 930px; } }
  @media only screen and (max-width: 767px) {
    .entity-container .nav-horizontal-container.pin-sticky-element .nav-horizontal-top-divider {
      position: fixed; } }

.entity-container .filter-menu.dropdown-root.pin-sticky-element {
  position: fixed;
  top: 184px; }
  @media only screen and (min-width: 1024px) {
    .entity-container .filter-menu.dropdown-root.pin-sticky-element {
      position: -webkit-sticky;
      /* Safari */
      position: sticky;
      z-index: 1; } }
  @media only screen and (max-width: 1023px) {
    .entity-container .filter-menu.dropdown-root.pin-sticky-element {
      top: 142px;
      z-index: 5; }
      .entity-container .filter-menu.dropdown-root.pin-sticky-element.active {
        z-index: 10; } }

.entity-container .entity-header.pin-sticky-element {
  margin-left: 0;
  margin-bottom: 0; }
  .entity-container .entity-header.pin-sticky-element.transition {
    transform: translateY(52px); }
    @media only screen and (max-width: 1023px) {
      .entity-container .entity-header.pin-sticky-element.transition {
        transform: translateY(0); } }
  @media only screen and (min-width: 1024px) {
    .entity-container .entity-header.pin-sticky-element {
      max-width: 930px;
      margin-top: 0; } }
  @media only screen and (max-width: 1023px) {
    .entity-container .entity-header.pin-sticky-element {
      top: 0 !important;
      scroll-behavior: smooth;
      background: none !important;
      pointer-events: none;
      z-index: 9; }
      .entity-container .entity-header.pin-sticky-element.nav-open {
        z-index: 7; }
      .entity-container .entity-header.pin-sticky-element .image-fav-star {
        display: none; }
      .entity-container .entity-header.pin-sticky-element .entity-logo-fav {
        width: 40px;
        height: auto;
        margin-top: 0; }
      .entity-container .entity-header.pin-sticky-element .entity-card-logo {
        display: inline-block;
        position: absolute;
        top: 12px;
        z-index: 1;
        height: 40px;
        width: auto; }
      .entity-container .entity-header.pin-sticky-element div:not(.entity-logo-fav) {
        display: none; }
      .entity-container .entity-header.pin-sticky-element .favorite-star {
        display: none; } }

.entity-container + .entity-body {
  margin-left: auto; }

.fscom-container.layout-event-content .entity-header-nonfox.pin-sticky-element.transition {
  transform: translateY(10px); }

@media only screen and (min-width: 1024px) {
  .fscom-container.layout-event-content .video-container ~ .entity-body .layout-content-container {
    min-height: calc(100vh - 52px); } }

@media only screen and (min-width: 1024px) {
  .fscom-container.layout-event-content .video-container.pin-sticky-element ~ .layout-content-container {
    min-height: calc(100vh - 240px); } }

@media only screen and (min-width: 1024px) {
  .fscom-container.layout-event-content .video-container ~ .entity-header-wrapper .entity-header-nonfox .link-button {
    display: none; } }

@media only screen and (max-width: 1023px) {
  .fscom-container.layout-event-content .video-container ~ .entity-header-wrapper .entity-header-nonfox .link-button.ppv {
    display: none; } }

@media only screen and (min-width: 1024px) {
  .fscom-container.layout-event-content .video-container.pin-sticky-element ~ .entity-header-wrapper .entity-header-nonfox {
    border: 1px solid #d8d8d8;
    max-height: none; }
    .fscom-container.layout-event-content .video-container.pin-sticky-element ~ .entity-header-wrapper .entity-header-nonfox .image-event-stream {
      height: 205px;
      width: 100%; }
    .fscom-container.layout-event-content .video-container.pin-sticky-element ~ .entity-header-wrapper .entity-header-nonfox .link-button {
      display: block; } }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .fscom-container.layout-event-content .video-container.pin-sticky-element ~ .entity-header-wrapper .entity-header-nonfox {
    transform: translateY(0); } }

@media only screen and (min-width: 1024px) {
  .fscom-container.layout-event-content .video-container.pin-sticky-element ~ .entity-header-wrapper .entity-header-nonfox ~ .layout-content-container .nav-horizontal-container {
    transform: translateY(0); } }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .fscom-container.layout-event-content .video-container.pin-sticky-element ~ .entity-header-wrapper .entity-header-nonfox ~ .layout-content-container .nav-horizontal-container {
    transform: translateY(0); } }

@media only screen and (min-width: 1024px) {
  .fscom-container.layout-event-content .video-container.pin-sticky-element ~ .entity-header-wrapper .entity-header-nonfox ~ .layout-content-container .entity-body-content {
    transform: translateY(calc(.5625 * 1114px - 65px)); }
    .fscom-container.layout-event-content .video-container.pin-sticky-element ~ .entity-header-wrapper .entity-header-nonfox ~ .layout-content-container .entity-body-content.scrolled-els {
      transform: translateY(150px); } }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .fscom-container.layout-event-content .video-container.pin-sticky-element ~ .entity-header-wrapper .entity-header-nonfox ~ .layout-content-container .entity-body-content {
    transform: translateY(167px); } }

.fscom-container.layout-event-content .nav-horizontal-container.pin-sticky-element {
  position: fixed; }
  @media only screen and (min-width: 1024px) {
    .fscom-container.layout-event-content .nav-horizontal-container.pin-sticky-element {
      top: 0;
      padding-top: 52px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .fscom-container.layout-event-content .nav-horizontal-container.pin-sticky-element {
      padding-top: 76px; } }
  @media only screen and (max-width: 1023px) {
    .fscom-container.layout-event-content .nav-horizontal-container.pin-sticky-element {
      transform: translateY(76px);
      left: 0;
      height: auto;
      width: 100%; } }

@media only screen and (min-width: 1024px) {
  .fscom-container.layout-event-content .video-container.pin-sticky-element .event-overlay .fs-sm-14 {
    font-size: 14px; }
  .fscom-container.layout-event-content .video-container.pin-sticky-element .event-overlay .fs-sm-11 {
    font-size: 11px; }
  .fscom-container.layout-event-content .video-container.pin-sticky-element .event-overlay .fs-sm-48 {
    font-size: 48px; }
  .fscom-container.layout-event-content .video-container.pin-sticky-element .event-overlay .countdown-timer + .link-button.ppv {
    display: none; }
  .fscom-container.layout-event-content .video-container.pin-sticky-element .event-overlay.preview .link-button, .fscom-container.layout-event-content .video-container.pin-sticky-element .event-overlay.preview .title-container {
    display: none; } }

@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .fscom-container.layout-event-content .video-container.pin-sticky-element .event-overlay.preview .title {
    font-size: 30px; }
  .fscom-container.layout-event-content .video-container.pin-sticky-element .event-overlay.preview .desc {
    font-size: 13px; } }

.fscom-container.layout-event-content .video-container.pin-sticky-element .event-overlay .link-button:not(.ppv) {
  display: flex;
  border: none;
  padding: 0;
  line-height: 0;
  margin: 20px 5px 0 0;
  height: fit-content; }
  .fscom-container.layout-event-content .video-container.pin-sticky-element .event-overlay .link-button:not(.ppv)::after {
    content: '';
    display: block;
    background-size: contain;
    background-repeat: no-repeat; }

.fscom-container.layout-event-content .video-container.pin-sticky-element .event-overlay .link-button::after {
  background-image: url(../../images/icons/link-arrow/link-forward-grey.svg);
  width: 16px;
  height: 16px;
  margin-bottom: -2px; }

.fscom-container.layout-event-content .video-container.pin-sticky-element .event-overlay .link-button:hover {
  background: none; }

.fscom-container.layout-event-content .video-container.pin-sticky-element .countdown-mvpd-text {
  display: none; }

.fscom-container.layout-event-content .video-container.pin-sticky-element .pvp-overlay .pvp-title {
  font-size: 30px; }
  @media only screen and (max-width: 1023px) {
    .fscom-container.layout-event-content .video-container.pin-sticky-element .pvp-overlay .pvp-title {
      font-size: 36px; } }

.fscom-container.layout-event-content .video-container.pin-sticky-element .pvp-overlay .pvp-desc {
  font-size: 13px; }
  @media only screen and (max-width: 1023px) {
    .fscom-container.layout-event-content .video-container.pin-sticky-element .pvp-overlay .pvp-desc {
      font-size: 16px; } }

.fscom-container.layout-event-content .video-container.pin-sticky-element .pvp-overlay .pvp-links-wrapper {
  flex-direction: row;
  height: unset;
  align-items: center;
  margin-top: 20px; }

.fscom-container.layout-event-content .video-container.pin-sticky-element .pvp-overlay .link-button:not(.ppv) {
  display: flex;
  border: none;
  padding: 0;
  line-height: 0;
  margin: 0 5px 0 0;
  height: fit-content; }
  .fscom-container.layout-event-content .video-container.pin-sticky-element .pvp-overlay .link-button:not(.ppv)::after {
    content: '';
    display: block;
    background-size: contain;
    background-repeat: no-repeat; }

.fscom-container.layout-event-content .video-container.pin-sticky-element .pvp-overlay .link-button::after {
  background-image: url(../../images/icons/link-arrow/link-forward-grey.svg);
  width: 16px;
  height: 16px;
  margin-bottom: -2px; }

.fscom-container.layout-event-content .video-container.pin-sticky-element .pvp-overlay .link-button:hover {
  background: none; }

@media only screen and (max-width: 1023px) {
  .fscom-container.layout-event-content .video-container.pin-sticky-element {
    position: relative; } }

@media only screen and (min-width: 1024px) {
  .fscom-container.layout-event-content .video-container.pin-sticky-element .live-arrow,
  .fscom-container.layout-event-content .video-container.pin-sticky-element .restart-arrow {
    height: 35px;
    width: 35px; } }

@media only screen and (min-width: 1024px) {
  .subnav-container .nav-horizontal-container.pin-sticky-element {
    margin-left: 285px;
    top: 52px; } }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .subnav-container .nav-horizontal-container.pin-sticky-element {
    top: 76px; } }

.scores-header.pin-sticky-element {
  background-color: #fff;
  z-index: 6;
  border-bottom: solid 1px #e5e5e5; }
  @media only screen and (min-width: 1024px) {
    .scores-header.pin-sticky-element {
      top: 118px;
      max-width: 930px;
      border-bottom: none; } }
  @media only screen and (max-width: 1023px) {
    .scores-header.pin-sticky-element {
      height: 90px;
      top: 142px;
      left: 0px; } }
  @media only screen and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
    .scores-header.pin-sticky-element {
      grid-row-gap: 0;
      height: 120px;
      grid-template-rows: 60px; } }
  @media only screen and (max-width: 1023px) {
    .scores-header.pin-sticky-element.no-grp-sel {
      grid-template-rows: max-content;
      top: 142px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .scores-header.pin-sticky-element.no-grp-sel {
      height: 60px; } }
  @media only screen and (max-width: 767px) {
    .scores-header.pin-sticky-element.no-grp-sel {
      height: 45px; }
      .scores-header.pin-sticky-element.no-grp-sel .week-selector {
        height: 45px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .scores-header.pin-sticky-element .group-selector {
      margin: 55px 0 55px; } }
  @media only screen and (max-width: 767px) {
    .scores-header.pin-sticky-element .group-selector.active {
      margin: 0 0 55px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .scores-header.pin-sticky-element .group-selector .sub-container {
      max-height: calc(100vh - 155px); } }
  @media only screen and (max-width: 767px) {
    .scores-header.pin-sticky-element .group-selector .sub-container {
      max-height: 100vh; } }

.share-button-text.pin-sticky-element {
  position: fixed !important;
  top: 45px; }
  @media only screen and (min-width: 1024px) {
    .share-button-text.pin-sticky-element {
      left: calc(50vw + 644px) !important; } }
  @media only screen and (min-width: 1280px) and (max-width: 1439px) {
    .share-button-text.pin-sticky-element {
      left: calc(50vw + 547px) !important; } }
  @media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .share-button-text.pin-sticky-element {
      left: calc(50vw + 459px) !important; } }
  @media only screen and (max-width: 1023px) {
    .share-button-text.pin-sticky-element {
      position: unset !important;
      top: unset !important;
      left: unset !important; } }

@media only screen and (min-width: 1024px) {
  .stories-container .subnav-container.pin-sticky-element {
    max-width: 930px;
    padding-top: 76px; } }

@media only screen and (min-width: 1440px) {
  .stories-container .subnav-container.pin-sticky-element {
    max-width: 1114px;
    width: 1114px; } }

@media only screen and (min-width: 1280px) {
  .stories-container .subnav-container.pin-sticky-element {
    padding-top: 52px; } }

@media only screen and (max-width: 1023px) {
  .stories-container .subnav-container.pin-sticky-element {
    max-width: 100%;
    border: 0; } }

@media only screen and (max-width: 1023px) {
  .stories-container .subnav-title-container.pin-sticky-element {
    background: #fff; } }

@media only screen and (max-width: 767px) {
  .stories-container .subnav-title-container.pin-sticky-element {
    width: 100%;
    text-indent: 25px; } }

@media only screen and (min-width: 1024px) {
  .stories-container .nav-horizontal-container.pin-sticky-element {
    width: 100%;
    max-width: calc(930px - 285px); } }

@media only screen and (min-width: 1440px) {
  .stories-container .nav-horizontal-container.pin-sticky-element {
    max-width: calc(1114px - 285px); } }

@media only screen and (max-width: 1023px) {
  .stories-container .nav-horizontal-container.pin-sticky-element {
    top: 100px; } }

.stories-container .nav-horizontal-container.pin-sticky-element .nav-horizontal {
  align-self: flex-end; }
  @media only screen and (max-width: 1279px) {
    .stories-container .nav-horizontal-container.pin-sticky-element .nav-horizontal {
      align-self: initial; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .stories-container .nav-horizontal-container.pin-sticky-element .nav-horizontal {
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      max-width: calc(100% - 220px);
      margin: 0;
      left: 0;
      width: 100%; } }

.stories-container .calendar-wrapper,
.stories-container .calendar-container {
  height: 57px;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 121px;
  background: #fff;
  z-index: 1; }
  @media only screen and (max-width: 767px) {
    .stories-container .calendar-wrapper,
    .stories-container .calendar-container {
      z-index: 2; } }
  @media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .stories-container .calendar-wrapper,
    .stories-container .calendar-container {
      top: 142px; } }
  @media only screen and (max-width: 1023px) {
    .stories-container .calendar-wrapper,
    .stories-container .calendar-container {
      top: 192px; } }

.stories-container .calendar-container.flex-inline.in-between.pin-sticky-element {
  top: 120px;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 930px;
  margin: 0; }
  @media only screen and (min-width: 1440px) {
    .stories-container .calendar-container.flex-inline.in-between.pin-sticky-element {
      max-width: 1114px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .stories-container .calendar-container.flex-inline.in-between.pin-sticky-element {
      top: 133px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .stories-container .calendar-container.flex-inline.in-between.pin-sticky-element {
      max-width: calc(100% - 220px);
      top: 166px; } }
  @media only screen and (max-width: 767px) {
    .stories-container .calendar-container.flex-inline.in-between.pin-sticky-element {
      max-width: 100%;
      left: 0;
      border-top: 1px solid rgba(0, 0, 0, 0.2);
      top: 165px; } }

.letter-nav.pin-sticky-element {
  top: 45px;
  position: fixed; }

@media only screen and (max-width: 1023px) {
  .entity-header-wrapper {
    background: var(--theme-bg-color); }
    .entity-header-wrapper .entity-header {
      top: 0;
      bottom: 0; } }

@media only screen and (max-width: 1023px) {
  .scores-home-container .nav-horizontal-container.pin-sticky-element {
    top: 100px; } }

@media only screen and (max-width: 1023px) {
  .scores-home-container .scores-header.pin-sticky-element {
    top: 165px; } }

@media only screen and (max-width: 1023px) {
  .scores-home-container .subnav-container.pin-sticky-element {
    position: fixed;
    top: 0;
    z-index: 6; } }

.live-tv-full-schedule-container .filter-container.pin-sticky-element {
  z-index: 7;
  background-color: #fff;
  top: 52px;
  width: 930px; }
  @media only screen and (min-width: 768px) {
    .live-tv-full-schedule-container .filter-container.pin-sticky-element {
      border-bottom: 1px solid #e5e5e5; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .live-tv-full-schedule-container .filter-container.pin-sticky-element {
      width: calc(100% - 220px);
      top: 76px; } }
  @media only screen and (max-width: 767px) {
    .live-tv-full-schedule-container .filter-container.pin-sticky-element {
      top: 76px;
      left: 0;
      width: 100%; }
      .live-tv-full-schedule-container .filter-container.pin-sticky-element .group-selector:not(.active), .live-tv-full-schedule-container .filter-container.pin-sticky-element .date-picker-container {
        padding-left: 25px; }
      .live-tv-full-schedule-container .filter-container.pin-sticky-element .date-picker-container {
        border-bottom: 1px solid #e5e5e5; } }

.video-container.scroll-resize-element {
  z-index: 7; }

.live-text-badge {
  background-image: url("../../images/icons/live-badge.svg");
  width: 37px;
  height: 15px;
  animation: pulsate 2s both infinite; }

.date-picker {
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-image: url("../../images/icons/calendar.svg");
  background-position: center;
  background-repeat: no-repeat; }

.transparent-circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5); }

.play-button {
  background-image: url("../../images/icons/play-button.svg");
  background-size: 60px 60px;
  width: 60px;
  height: 60px;
  z-index: 1; }

.play-button-secondary {
  background-image: url("../../images/icons/play-button.svg");
  background-size: 48px 48px;
  width: 48px;
  height: 48px;
  z-index: 1;
  pointer-events: none;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .play-button-secondary {
      background-size: 60px 60px;
      width: 60px;
      height: 60px; } }

.play-button-live {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e60000;
  background: none; }
  .play-button-live::after {
    width: 0;
    height: 0;
    border-left: 2.66667px solid transparent;
    border-right: 2.66667px solid transparent;
    border-bottom: 5.33333px solid #fff;
    transform: rotate(90deg);
    content: " "; }
  .play-button-live::after {
    border-bottom-color: red; }

.arrow-button-circle {
  border-radius: 50%;
  width: 75px;
  height: 75px;
  margin-top: 250.3px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
  z-index: 1; }
  @media only screen and (max-width: 767px) {
    .arrow-button-circle {
      visibility: hidden; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .arrow-button-circle {
      visibility: hidden; } }

.arrow-button-circle-forward {
  border-radius: 50%;
  width: 75px;
  height: 75px;
  margin-top: 250.3px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5); }
  @media only screen and (max-width: 767px) {
    .arrow-button-circle-forward {
      visibility: hidden; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .arrow-button-circle-forward {
      visibility: hidden; } }

.arrow-up {
  color: #1dc23b;
  font-size: 40px;
  text-align: center; }

.arrow-down {
  color: #e60000;
  font-size: 40px;
  text-align: center; }

.checkmark {
  color: #1dc23b; }

.data-table-container {
  width: 100%; }

.table td {
  padding: 24px 0; }

.data-table {
  border-spacing: 0;
  width: 100%;
  white-space: nowrap;
  /* default style for columns is for 'numeric data' */ }
  .data-table td {
    border-top: 1px solid #e5e5e5;
    vertical-align: middle; }
    .data-table td.black span {
      color: #000; }
    @media only screen and (max-width: 767px) {
      .data-table td {
        border-top: none; } }
    .data-table td.subitem:first-child {
      padding-left: 15px; }
  .data-table tr.cutoff {
    background-image: none, none, none, repeating-linear-gradient(249deg, #757575, #757575 10px, transparent 10px, transparent 18px, #757575 18px);
    background-size: 1px 100%, 100% 1px;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat; }
    .data-table tr.cutoff:hover td {
      background: initial; }
    .data-table tr.cutoff.solid {
      background: none;
      border-bottom: 1px solid #757575; }
    .data-table tr.cutoff + tr td {
      border-top: none; }
  .data-table th {
    padding: 0 0 13px;
    text-transform: uppercase;
    font-weight: normal; }
    @media only screen and (max-width: 767px) {
      .data-table th {
        border-bottom: 1px solid #e5e5e5; } }
  .data-table th, .data-table td {
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
    transition: background .2s; }
    @media only screen and (min-width: 1024px) {
      .data-table th.hide-desktop, .data-table td.hide-desktop {
        display: none; } }
    .data-table th:first-child, .data-table td:first-child {
      padding-left: 0; }
  .data-table tr:hover td, .data-table tr.selected td {
    background: #f7f7f7; }
  .data-table .cell-hidden {
    display: none; }
  .data-table .bold {
    color: #000 !important; }
  .data-table .data-header {
    color: #757575; }
  .data-table .cell-entity,
  .data-table .cell-text {
    text-align: left; }
  .data-table .cell-subType {
    text-indent: 13px; }
  .data-table .cell-rank {
    width: 15px;
    text-align: left; }
    .golf .data-table .cell-rank {
      width: 25px; }
  .data-table .cell-logo {
    width: 36px;
    display: flex; }
    .data-table .cell-logo img {
      width: 36px;
      height: 100%; }
    .data-table .cell-logo .table-logo {
      width: 36px;
      vertical-align: middle; }
      .data-table .cell-logo .table-logo img {
        width: 36px;
        height: 100%; }
  .data-table .cell-number {
    width: 40px;
    margin-right: 14px;
    font-variant: tabular-nums; }
  .data-table .table-superscript, .data-table .cell-rank {
    color: #757575; }
  .data-table .table-entity {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .data-table .table-entity .table-superscript {
      margin-left: 5px;
      align-self: center; }
  .data-table .player-headshot {
    width: 38px;
    height: 38px;
    border: solid 1px #d1d1d1;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box; }
    .data-table .player-headshot img {
      width: 36px;
      height: 36px; }
  .data-table .cell-change.up {
    color: #008d00; }
    .data-table .cell-change.up:before {
      content: '';
      border-style: solid;
      border-width: 0 5px 8px 5px;
      border-color: #008d00 transparent;
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }
  .data-table .cell-change.down {
    color: #e60000; }
    .data-table .cell-change.down:before {
      content: '';
      border-style: solid;
      border-width: 8px 5px 0 5px;
      border-color: #e60000 transparent;
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }
  .data-table .footer-row td {
    border-top: 1px solid #888; }

.table-entity .win {
  color: #008d00; }

.table-entity .lose {
  color: #e60000; }

.table-polls,
.table-standings {
  padding-bottom: 64px; }
  .table-polls tr:hover td,
  .table-standings tr:hover td {
    background: none; }
  .table-polls .row-data td,
  .table-standings .row-data td {
    height: 81px; }
  .table-polls .data-header .cell-rank,
  .table-standings .data-header .cell-rank {
    font-family: "FSStadiumCond";
    font-weight: 500 !important;
    font-size: 14px;
    text-align: left; }

.table-roster {
  padding: 30px 0 60px; }
  @media only screen and (max-width: 767px) {
    .table-roster {
      padding-top: 0; } }
  @media only screen and (min-width: 768px) {
    .table-roster:first-child {
      padding-top: 10px; } }
  .table-roster th.cell-entity {
    color: #000;
    font-family: "FSStadiumCond";
    font-weight: 500 !important;
    font-size: 14px; }
  .table-roster tr td {
    padding: 20px 0; }
    .table-roster tr td .table-entity-name {
      margin-left: 15px; }
  .table-roster .cell-text {
    text-align: right; }
    .table-roster .cell-text:first-child {
      text-align: unset; }
  @media only screen and (max-width: 767px) {
    .table-roster .cell-text[data-index="2"] {
      display: none; } }
  .table-roster .table-roster-entity-data {
    display: flex;
    flex-direction: column;
    line-height: 8px; }
  .table-roster .table-subtext {
    margin-left: 15px;
    color: #e60000; }

.table-standings .cell-logo,
.table-polls .cell-logo {
  padding-right: 20px; }
  @media only screen and (max-width: 767px) {
    .table-standings .cell-logo,
    .table-polls .cell-logo {
      padding-right: 15px; } }
  .table-standings .cell-logo.player-headshot,
  .table-polls .cell-logo.player-headshot {
    padding: 0;
    margin: 0 10px; }

.table-linescore tr:hover td {
  background: #fff; }

.table-linescore .cell-text {
  text-align: left; }

.table-linescore .cell-number {
  text-align: center;
  width: auto; }

.table-linescore .bold {
  color: unset;
  font-size: 11px; }

.table-linescore .data-header th {
  font-family: "HaasGrotTextR-55Roman"; }

.table-linescore td {
  font-size: 11px; }

.table-leaderboard {
  padding-bottom: 64px; }
  .table-leaderboard .data-table .cell-number {
    width: 65px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .table-leaderboard .data-table .cell-number {
        width: 78px; } }
    @media only screen and (min-width: 1024px) {
      .table-leaderboard .data-table .cell-number {
        width: 68px; } }
  .table-leaderboard:not(.scorechip-table-container) .data-header .cell-rank {
    font-family: "FSStadiumCond";
    font-weight: 500 !important;
    font-size: 14px;
    text-align: left; }
  .table-leaderboard .row-data td {
    height: 64px; }
    .table-leaderboard .row-data td.cell-rank {
      padding: 0; }
    @media only screen and (max-width: 767px) {
      .table-leaderboard .row-data td {
        height: 40px; } }
  .table-leaderboard .cell-number.bold,
  .table-leaderboard .cell-entity:not(th) {
    font-size: 20px; }
    @media only screen and (max-width: 767px) {
      .table-leaderboard .cell-number.bold,
      .table-leaderboard .cell-entity:not(th) {
        font-size: 18px; } }
  .table-leaderboard .cell-number.bold {
    font-family: "FSStadiumCond";
    font-weight: 500 !important; }
  .table-leaderboard th.cell-entity {
    font-family: "ProximaNova"; }
  .table-leaderboard .cell-number:not(.bold),
  .table-leaderboard .cell-text {
    color: #757575; }
  .table-leaderboard :not(td[data-index="0"]) .cell-logo.image-flag {
    padding-left: 0; }
  .table-leaderboard .cell-logo {
    padding-right: 12px; }
    @media only screen and (max-width: 767px) {
      .table-leaderboard .cell-logo {
        width: 28px; } }
    .table-leaderboard .cell-logo.image-flag {
      width: 16px;
      height: auto; }
      .table-leaderboard .cell-logo.image-flag img {
        width: 15px;
        height: 100%; }
      .golf .table-leaderboard .cell-logo.image-flag {
        padding-left: 20px; }
  .table-leaderboard .legend-code {
    font-family: "ProximaNova"; }

.table-legend {
  display: grid;
  grid-template-rows: repeat(6, auto);
  justify-content: start;
  align-items: center;
  grid-row-gap: 17px;
  margin: 22px 0 0 0; }
  .table-legend .legend-row {
    align-items: center;
    display: flex; }
  .table-legend .legend-code {
    margin-right: 18px;
    padding: 0; }
  .table-legend.horizontal {
    display: flex;
    flex-wrap: wrap; }
    .table-legend.horizontal .legend-row {
      margin: 5px 20px 5px 0; }
      .table-legend.horizontal .legend-row .legend-code {
        margin-right: 3px; }

.table-leaderboard .table-legend {
  display: flex;
  flex-wrap: wrap; }
  .table-leaderboard .table-legend .legend-row {
    margin: 15px 20px 5px 0; }
    .table-leaderboard .table-legend .legend-row .legend-code {
      margin-right: 3px;
      font-weight: 600;
      font-size: 11px;
      display: flex; }
  .table-leaderboard .table-legend .legend-title {
    width: 100%; }

.score-chip.score-event .table-leaderboard {
  padding-bottom: 20px; }
  @media only screen and (min-width: 768px) {
    .score-chip.score-event .table-leaderboard td[data-index="0"] {
      padding-right: 5px; } }
  @media only screen and (max-width: 767px) {
    .score-chip.score-event .table-leaderboard .cell-text {
      font-size: 11px; } }

.score-chip.score-event .link-button {
  margin-left: 0; }
  @media only screen and (max-width: 767px) {
    .score-chip.score-event .link-button {
      width: 100%;
      padding: 0; } }

.stats-page,
.gamelog-full,
.futures-page {
  position: relative;
  scrollbar-width: none;
  -ms-overflow-style: none; }
  .stats-page ::-webkit-scrollbar,
  .gamelog-full ::-webkit-scrollbar,
  .futures-page ::-webkit-scrollbar {
    display: none; }
  .stats-page .carousel-wrapper,
  .gamelog-full .carousel-wrapper,
  .futures-page .carousel-wrapper {
    margin-top: 69px;
    /* Mobile */
    /* Desktop */
    /* For tables that don't fill 100% of the container, don't want them to stretch */ }
    .stats-page .carousel-wrapper .table-fade-overlay,
    .gamelog-full .carousel-wrapper .table-fade-overlay,
    .futures-page .carousel-wrapper .table-fade-overlay {
      position: absolute;
      display: none;
      pointer-events: none;
      z-index: 6;
      height: 100%;
      width: 150px;
      top: 0;
      right: 0;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%); }
      @media only screen and (max-width: 1023px) {
        .stats-page .carousel-wrapper .table-fade-overlay,
        .gamelog-full .carousel-wrapper .table-fade-overlay,
        .futures-page .carousel-wrapper .table-fade-overlay {
          display: block;
          width: 50px; } }
    .stats-page .carousel-wrapper.max-scroll-left .table-fade-overlay,
    .gamelog-full .carousel-wrapper.max-scroll-left .table-fade-overlay,
    .futures-page .carousel-wrapper.max-scroll-left .table-fade-overlay {
      display: none; }
    .stats-page .carousel-wrapper.can-scroll-right .table-fade-overlay,
    .gamelog-full .carousel-wrapper.can-scroll-right .table-fade-overlay,
    .futures-page .carousel-wrapper.can-scroll-right .table-fade-overlay {
      display: block; }
    .stats-page .carousel-wrapper .scroll-right-btn,
    .stats-page .carousel-wrapper .scroll-left-btn,
    .gamelog-full .carousel-wrapper .scroll-right-btn,
    .gamelog-full .carousel-wrapper .scroll-left-btn,
    .futures-page .carousel-wrapper .scroll-right-btn,
    .futures-page .carousel-wrapper .scroll-left-btn {
      position: sticky;
      position: -webkit-sticky;
      /* Safari */
      top: 45%;
      width: 74px;
      height: 74px;
      z-index: 7; }
    .stats-page .carousel-wrapper .scroll-left-btn,
    .gamelog-full .carousel-wrapper .scroll-left-btn,
    .futures-page .carousel-wrapper .scroll-left-btn {
      margin-left: 185px; }
      @media only screen and (max-width: 767px) {
        .stats-page .carousel-wrapper .scroll-left-btn,
        .gamelog-full .carousel-wrapper .scroll-left-btn,
        .futures-page .carousel-wrapper .scroll-left-btn {
          margin-left: 0; } }
    .stats-page .carousel-wrapper .scroll-right-btn,
    .gamelog-full .carousel-wrapper .scroll-right-btn,
    .futures-page .carousel-wrapper .scroll-right-btn {
      left: 100%; }
    .stats-page .carousel-wrapper:not(.can-scroll-left) .table-scrollable tr:hover td,
    .gamelog-full .carousel-wrapper:not(.can-scroll-left) .table-scrollable tr:hover td,
    .futures-page .carousel-wrapper:not(.can-scroll-left) .table-scrollable tr:hover td {
      background: #f7f7f7; }
    .stats-page .carousel-wrapper :not(.can-scroll-left) + :not(.can-scroll-right) .table-scrollable .data-table,
    .gamelog-full .carousel-wrapper :not(.can-scroll-left) + :not(.can-scroll-right) .table-scrollable .data-table,
    .futures-page .carousel-wrapper :not(.can-scroll-left) + :not(.can-scroll-right) .table-scrollable .data-table {
      width: unset; }
    .stats-page .carousel-wrapper .sticky-header,
    .gamelog-full .carousel-wrapper .sticky-header,
    .futures-page .carousel-wrapper .sticky-header {
      width: 100%;
      position: sticky;
      position: -webkit-sticky;
      /* Safari */
      top: 58px;
      z-index: 6; }
      @media only screen and (min-width: 1280px) {
        .stats-page .carousel-wrapper .sticky-header,
        .gamelog-full .carousel-wrapper .sticky-header,
        .futures-page .carousel-wrapper .sticky-header {
          top: 0; } }
      .stats-page .carousel-wrapper .sticky-header thead,
      .gamelog-full .carousel-wrapper .sticky-header thead,
      .futures-page .carousel-wrapper .sticky-header thead {
        display: block;
        position: relative;
        overflow: hidden;
        height: 25px;
        padding-bottom: 13px;
        scrollbar-width: none; }
        .stats-page .carousel-wrapper .sticky-header thead th,
        .gamelog-full .carousel-wrapper .sticky-header thead th,
        .futures-page .carousel-wrapper .sticky-header thead th {
          min-width: 65px;
          padding-left: 0;
          padding-right: 15px; }
          .stats-page .carousel-wrapper .sticky-header thead th.cell-text,
          .gamelog-full .carousel-wrapper .sticky-header thead th.cell-text,
          .futures-page .carousel-wrapper .sticky-header thead th.cell-text {
            max-width: 130px; }
          .stats-page .carousel-wrapper .sticky-header thead th.current-sort.asc:after,
          .gamelog-full .carousel-wrapper .sticky-header thead th.current-sort.asc:after,
          .futures-page .carousel-wrapper .sticky-header thead th.current-sort.asc:after {
            border-width: 0 4px 4px 4px;
            content: '';
            border-style: solid;
            border-color: #000 transparent;
            display: inline-block;
            vertical-align: middle;
            margin-left: 3px;
            border-radius: 4px; }
          .stats-page .carousel-wrapper .sticky-header thead th.current-sort.desc:after,
          .gamelog-full .carousel-wrapper .sticky-header thead th.current-sort.desc:after,
          .futures-page .carousel-wrapper .sticky-header thead th.current-sort.desc:after {
            border-width: 4px 4px 0 4px;
            content: '';
            border-style: solid;
            border-color: #000 transparent;
            display: inline-block;
            vertical-align: middle;
            margin-left: 3px;
            border-radius: 4px; }
        .stats-page .carousel-wrapper .sticky-header thead th:first-child,
        .gamelog-full .carousel-wrapper .sticky-header thead th:first-child,
        .futures-page .carousel-wrapper .sticky-header thead th:first-child {
          min-width: 195px;
          position: sticky;
          position: -webkit-sticky;
          /* Safari */
          left: 0;
          z-index: 6;
          background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, white 20%);
          /* Player Stats */ }
          .stats-page .carousel-wrapper .sticky-header thead th:first-child.cell-text,
          .gamelog-full .carousel-wrapper .sticky-header thead th:first-child.cell-text,
          .futures-page .carousel-wrapper .sticky-header thead th:first-child.cell-text {
            min-width: 225px; }
            @media only screen and (max-width: 767px) {
              .stats-page .carousel-wrapper .sticky-header thead th:first-child.cell-text,
              .gamelog-full .carousel-wrapper .sticky-header thead th:first-child.cell-text,
              .futures-page .carousel-wrapper .sticky-header thead th:first-child.cell-text {
                min-width: 180px; } }
          @media only screen and (max-width: 767px) {
            .stats-page .carousel-wrapper .sticky-header thead th:first-child,
            .gamelog-full .carousel-wrapper .sticky-header thead th:first-child,
            .futures-page .carousel-wrapper .sticky-header thead th:first-child {
              min-width: 150px; } }
        .stats-page .carousel-wrapper .sticky-header thead tr,
        .gamelog-full .carousel-wrapper .sticky-header thead tr,
        .futures-page .carousel-wrapper .sticky-header thead tr {
          padding-top: 10px;
          background: #fff;
          position: absolute;
          left: 0;
          transition: all 1s ease;
          border-bottom: 1px solid #e5e5e5; }
  .stats-page .entity-breadcrumb,
  .gamelog-full .entity-breadcrumb,
  .futures-page .entity-breadcrumb {
    padding-bottom: 28px;
    background-color: var(--nav-horizontal-background-color);
    color: #757575; }
    .stats-page .entity-breadcrumb a,
    .gamelog-full .entity-breadcrumb a,
    .futures-page .entity-breadcrumb a {
      color: #757575; }
    .stats-page .entity-breadcrumb .breadcrumb-arrow,
    .gamelog-full .entity-breadcrumb .breadcrumb-arrow,
    .futures-page .entity-breadcrumb .breadcrumb-arrow {
      padding: 0 5px; }
    @media only screen and (max-width: 767px) {
      .stats-page .entity-breadcrumb,
      .gamelog-full .entity-breadcrumb,
      .futures-page .entity-breadcrumb {
        padding-bottom: 13px; } }
  .stats-page table,
  .gamelog-full table,
  .futures-page table {
    border-collapse: separate; }
  .stats-page .table-wrapper,
  .gamelog-full .table-wrapper,
  .futures-page .table-wrapper {
    margin-top: -151px;
    position: relative;
    padding-right: 150px;
    padding-bottom: 20px;
    scrollbar-width: none; }
  .stats-page .table-scrollable .cell-number,
  .gamelog-full .table-scrollable .cell-number,
  .futures-page .table-scrollable .cell-number {
    width: unset;
    min-width: 65px; }
  .stats-page .table-scrollable .cell-text,
  .gamelog-full .table-scrollable .cell-text,
  .futures-page .table-scrollable .cell-text {
    max-width: 140px; }
  .stats-page .table-scrollable table,
  .gamelog-full .table-scrollable table,
  .futures-page .table-scrollable table {
    table-layout: fixed; }
  .stats-page .table-scrollable tr:first-child,
  .gamelog-full .table-scrollable tr:first-child,
  .futures-page .table-scrollable tr:first-child {
    border-top: 1px solid #f7f7f7; }
    .stats-page .table-scrollable tr:first-child td,
    .gamelog-full .table-scrollable tr:first-child td,
    .futures-page .table-scrollable tr:first-child td {
      border-top: 0; }
  .stats-page .table-scrollable td:nth-child(-n + 2),
  .gamelog-full .table-scrollable td:nth-child(-n + 2),
  .futures-page .table-scrollable td:nth-child(-n + 2) {
    position: sticky;
    position: -webkit-sticky;
    /* Safari */
    left: 0; }
  .stats-page .table-scrollable td:nth-child(2),
  .gamelog-full .table-scrollable td:nth-child(2),
  .futures-page .table-scrollable td:nth-child(2) {
    left: 15px;
    min-width: 180px;
    max-width: 180px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, white 20%); }
    @media only screen and (max-width: 767px) {
      .stats-page .table-scrollable td:nth-child(2),
      .gamelog-full .table-scrollable td:nth-child(2),
      .futures-page .table-scrollable td:nth-child(2) {
        min-width: 135px;
        max-width: 145px; } }
  .stats-page .table-scrollable td:first-child,
  .gamelog-full .table-scrollable td:first-child,
  .futures-page .table-scrollable td:first-child {
    width: 15px;
    background-color: #fff;
    left: 0;
    /* Player Stats */ }
    .stats-page .table-scrollable td:first-child.cell-text,
    .gamelog-full .table-scrollable td:first-child.cell-text,
    .futures-page .table-scrollable td:first-child.cell-text {
      font-size: 11px;
      color: #757575 !important;
      min-width: 45px;
      max-width: 45px; }
    .stats-page .table-scrollable td:first-child.cell-text + td:nth-child(2),
    .gamelog-full .table-scrollable td:first-child.cell-text + td:nth-child(2),
    .futures-page .table-scrollable td:first-child.cell-text + td:nth-child(2) {
      left: 45px; }
  .stats-page .table-scrollable td,
  .gamelog-full .table-scrollable td,
  .futures-page .table-scrollable td {
    padding: 0 15px 0 0;
    height: 85px; }
    .stats-page .table-scrollable td.cell-entity,
    .gamelog-full .table-scrollable td.cell-entity,
    .futures-page .table-scrollable td.cell-entity {
      padding-left: 0; }
      .stats-page .table-scrollable td.cell-entity .cell-logo,
      .gamelog-full .table-scrollable td.cell-entity .cell-logo,
      .futures-page .table-scrollable td.cell-entity .cell-logo {
        margin: 0 20px;
        min-width: 38px;
        min-height: 38px; }
      @media only screen and (max-width: 767px) {
        .stats-page .table-scrollable td.cell-entity img,
        .stats-page .table-scrollable td.cell-entity .cell-logo,
        .gamelog-full .table-scrollable td.cell-entity img,
        .gamelog-full .table-scrollable td.cell-entity .cell-logo,
        .futures-page .table-scrollable td.cell-entity img,
        .futures-page .table-scrollable td.cell-entity .cell-logo {
          display: none; }
        .stats-page .table-scrollable td.cell-entity .table-entity-name,
        .gamelog-full .table-scrollable td.cell-entity .table-entity-name,
        .futures-page .table-scrollable td.cell-entity .table-entity-name {
          margin-left: 10px; } }
  .stats-page .table-scrollable td:first-child,
  .gamelog-full .table-scrollable td:first-child,
  .futures-page .table-scrollable td:first-child {
    padding-right: 0; }
  .stats-page.golf .sticky-header thead th,
  .gamelog-full.golf .sticky-header thead th,
  .futures-page.golf .sticky-header thead th {
    min-width: 67px !important; }
    .stats-page.golf .sticky-header thead th:first-child,
    .gamelog-full.golf .sticky-header thead th:first-child,
    .futures-page.golf .sticky-header thead th:first-child {
      min-width: 140px !important; }
      @media only screen and (max-width: 767px) {
        .stats-page.golf .sticky-header thead th:first-child,
        .gamelog-full.golf .sticky-header thead th:first-child,
        .futures-page.golf .sticky-header thead th:first-child {
          min-width: 95px !important; } }
  .stats-page.golf table td,
  .gamelog-full.golf table td,
  .futures-page.golf table td {
    transition: all 1s ease !important; }
    .stats-page.golf table td:first-child,
    .gamelog-full.golf table td:first-child,
    .futures-page.golf table td:first-child {
      position: sticky;
      position: -webkit-sticky;
      /* Safari */
      left: 0; }
    .stats-page.golf table td:nth-child(2),
    .gamelog-full.golf table td:nth-child(2),
    .futures-page.golf table td:nth-child(2) {
      position: static !important; }
      @media only screen and (max-width: 767px) {
        .stats-page.golf table td:nth-child(2),
        .gamelog-full.golf table td:nth-child(2),
        .futures-page.golf table td:nth-child(2) {
          min-width: 134px !important; } }
    @media only screen and (max-width: 767px) {
      .stats-page.golf table td .cell-number,
      .gamelog-full.golf table td .cell-number,
      .futures-page.golf table td .cell-number {
        min-width: 75px !important; } }

@media only screen and (max-width: 767px) {
  .event .leaderboard-component-wrapper.event-component-container.leaderboard {
    min-width: 100% !important;
    margin: 0 -25px; }
    .event .leaderboard-component-wrapper.event-component-container.leaderboard .dropdown-header-inner,
    .event .leaderboard-component-wrapper.event-component-container.leaderboard .table-legend,
    .event .leaderboard-component-wrapper.event-component-container.leaderboard .lb-subtitle,
    .event .leaderboard-component-wrapper.event-component-container.leaderboard .fs-30.ff-sb {
      text-indent: 25px; }
    .event .leaderboard-component-wrapper.event-component-container.leaderboard .data-header th:first-child, .event .leaderboard-component-wrapper.event-component-container.leaderboard .data-header td:first-child, .event .leaderboard-component-wrapper.event-component-container.leaderboard .row-data th:first-child, .event .leaderboard-component-wrapper.event-component-container.leaderboard .row-data td:first-child {
      padding-left: 25px; }
    .event .leaderboard-component-wrapper.event-component-container.leaderboard .data-header th:last-child, .event .leaderboard-component-wrapper.event-component-container.leaderboard .data-header td:last-child, .event .leaderboard-component-wrapper.event-component-container.leaderboard .row-data th:last-child, .event .leaderboard-component-wrapper.event-component-container.leaderboard .row-data td:last-child {
      padding-right: 25px; } }

.table-lists-entities td {
  padding: 19px 0;
  border-bottom: solid 1px #e5e5e5;
  border-top: 0; }

.table-lists-entities tr:last-child td {
  border-bottom: 0; }

.table-lists-entities .table-entity-name {
  font-size: 20px;
  margin-left: 10px; }

.table-lists-entities th.cell-number,
.table-lists-entities td.cell-number {
  font-size: 20px;
  font-family: "FSStadiumCond";
  font-weight: 500 !important; }

@media only screen and (max-width: 767px) {
  .table-lineup {
    padding-top: 20px; } }

.table-lineup .data-table th {
  color: #757575 !important;
  border: none; }

.table-lineup .data-table tr:not(:first-child) td {
  padding-top: 20px; }

.table-lineup .data-table tr:hover td {
  background: none; }

.table-lineup .data-table td {
  border: none; }
  .table-lineup .data-table td:first-child {
    color: #757575;
    font-size: 11px;
    min-width: 20px; }
    @media only screen and (max-width: 767px) {
      .table-lineup .data-table td:first-child {
        min-width: 0;
        width: 25px; } }

.table-lineup .data-table .player-headshot {
  margin-right: 10px;
  border: solid 1px #d1d1d1;
  border-radius: 50%;
  overflow: hidden;
  box-sizing: border-box;
  overflow: initial; }
  .table-lineup .data-table .player-headshot img {
    border-radius: 50%; }

.table-lineup .data-table .table-subtext {
  color: #757575;
  margin-left: 5px; }

.table-indicator {
  margin-right: 11px;
  height: 7px;
  width: 7px;
  border-radius: 50%; }

.auto .table-legend .table-indicator {
  width: 10px; }

.layout-hflex-sb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; }

.loading-container {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 0;
  min-height: 100vh; }
  .loading-container.loading-scorestrip {
    height: 85px;
    margin-bottom: 29px;
    min-height: unset; }

/*

  NEW TEMPLATE STYLING GOES HERE

*/
.fscom-container {
  display: flex;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  min-height: 100vh;
  max-width: 1440px; }
  @media only screen and (min-width: 1280px) and (max-width: 1439px) {
    .fscom-container {
      max-width: 1280px; } }
  @media only screen and (max-width: 1279px) {
    .fscom-container {
      flex-direction: column; } }
  .fscom-container.account-page.reset-password .nav-item-account {
    display: block; }
  .fscom-container .nav-item-account {
    display: none; }
  .fscom-container.signed-in-fscom .nav-item-sign-in {
    display: none; }
  .fscom-container.signed-in-fscom .nav-item-account {
    display: block; }
  .fscom-container.mobile-layout .layout-content-container {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }
    .fscom-container.mobile-layout .layout-content-container p {
      letter-spacing: 0.5px;
      line-height: 27px; }
  .fscom-container .fscom-nav-menu {
    display: flex;
    flex: 0 0 126px;
    height: 100vh; }
    @media only screen and (max-width: 1279px) {
      .fscom-container .fscom-nav-menu {
        height: 76px;
        flex: 0 0 76px; } }
  .fscom-container .fscom-main-content {
    display: flex;
    flex-direction: column;
    flex: 1; }
    .fscom-container .fscom-main-content .layout-content-container {
      margin: 0 100px;
      max-width: calc(100% - 200px);
      width: 100%;
      height: 100%; }
      @media only screen and (max-width: 1279px) {
        .fscom-container .fscom-main-content .layout-content-container {
          margin: 0 auto;
          max-width: 930px; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .fscom-container .fscom-main-content .layout-content-container {
          max-width: calc(100% - 220px); } }
      @media only screen and (max-width: 767px) {
        .fscom-container .fscom-main-content .layout-content-container {
          margin: 0 25px;
          max-width: calc(100% - 50px); } }
  .fscom-container .fscom-footer {
    max-width: 1114px;
    margin: auto 100px 0;
    padding: 40px 0 50px; }
    @media only screen and (max-width: 1279px) {
      .fscom-container .fscom-footer {
        margin: 0 auto;
        max-width: 930px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .fscom-container .fscom-footer {
        margin: 0 110px;
        max-width: calc(100% - 220px); } }
    @media only screen and (max-width: 767px) {
      .fscom-container .fscom-footer {
        margin: 0 25px;
        max-width: calc(100% - 50px); } }
  .fscom-container.layout-small-content .fscom-main-content, .fscom-container.layout-small-large-content .fscom-main-content {
    margin-top: 0; }
    .fscom-container.layout-small-content .fscom-main-content .subnav-container-wrapper,
    .fscom-container.layout-small-content .fscom-main-content .live-tv-header-wrapper, .fscom-container.layout-small-large-content .fscom-main-content .subnav-container-wrapper,
    .fscom-container.layout-small-large-content .fscom-main-content .live-tv-header-wrapper {
      padding-top: 60px; }
      .fscom-container.layout-small-content .fscom-main-content .subnav-container-wrapper .subnav-container,
      .fscom-container.layout-small-content .fscom-main-content .subnav-container-wrapper .live-tv-page-header,
      .fscom-container.layout-small-content .fscom-main-content .live-tv-header-wrapper .subnav-container,
      .fscom-container.layout-small-content .fscom-main-content .live-tv-header-wrapper .live-tv-page-header, .fscom-container.layout-small-large-content .fscom-main-content .subnav-container-wrapper .subnav-container,
      .fscom-container.layout-small-large-content .fscom-main-content .subnav-container-wrapper .live-tv-page-header,
      .fscom-container.layout-small-large-content .fscom-main-content .live-tv-header-wrapper .subnav-container,
      .fscom-container.layout-small-large-content .fscom-main-content .live-tv-header-wrapper .live-tv-page-header {
        max-width: 930px;
        margin: 0 auto; }
        @media only screen and (max-width: 1023px) {
          .fscom-container.layout-small-content .fscom-main-content .subnav-container-wrapper .subnav-container,
          .fscom-container.layout-small-content .fscom-main-content .subnav-container-wrapper .live-tv-page-header,
          .fscom-container.layout-small-content .fscom-main-content .live-tv-header-wrapper .subnav-container,
          .fscom-container.layout-small-content .fscom-main-content .live-tv-header-wrapper .live-tv-page-header, .fscom-container.layout-small-large-content .fscom-main-content .subnav-container-wrapper .subnav-container,
          .fscom-container.layout-small-large-content .fscom-main-content .subnav-container-wrapper .live-tv-page-header,
          .fscom-container.layout-small-large-content .fscom-main-content .live-tv-header-wrapper .subnav-container,
          .fscom-container.layout-small-large-content .fscom-main-content .live-tv-header-wrapper .live-tv-page-header {
            max-width: 100%; } }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) {
      .fscom-container.layout-small-content .fscom-main-content .subnav-container-wrapper, .fscom-container.layout-small-large-content .fscom-main-content .subnav-container-wrapper {
        padding-top: 0;
        top: 76px; } }
    @media only screen and (max-width: 1023px) {
      .fscom-container.layout-small-content .fscom-main-content .subnav-container-wrapper, .fscom-container.layout-small-large-content .fscom-main-content .subnav-container-wrapper {
        background-color: var(--nav-horizontal-background-color);
        padding-top: 0;
        top: 56px; }
        .fscom-container.layout-small-content .fscom-main-content .subnav-container-wrapper .subnav-container, .fscom-container.layout-small-large-content .fscom-main-content .subnav-container-wrapper .subnav-container {
          height: 105px;
          align-self: flex-end; } }
    @media only screen and (max-width: 1279px) {
      .fscom-container.layout-small-content .fscom-main-content .live-tv-header-wrapper, .fscom-container.layout-small-large-content .fscom-main-content .live-tv-header-wrapper {
        padding-top: 76px; } }
    @media only screen and (max-width: 767px) {
      .fscom-container.layout-small-content .fscom-main-content .live-tv-header-wrapper, .fscom-container.layout-small-large-content .fscom-main-content .live-tv-header-wrapper {
        padding-top: 0; } }
  .fscom-container.layout-small-content .layout-content-container, .fscom-container.layout-small-large-content .layout-content-container {
    max-width: 930px;
    margin: 0 auto; }
  @media only screen and (max-width: 1023px) {
    .fscom-container.layout-small-content .layout-content-container {
      max-width: 550px;
      margin: auto; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .fscom-container.layout-small-large-content .layout-content-container {
      max-width: calc(100% - 220px);
      margin: auto; } }
  @media only screen and (max-width: 767px) {
    .fscom-container.layout-small-large-content .layout-content-container {
      max-width: calc(100% - 50px);
      margin: auto; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .fscom-container.layout-small-large-content .fscom-footer {
      max-width: calc(100% - 220px);
      margin: auto auto 0; } }
  @media only screen and (max-width: 767px) {
    .fscom-container.layout-small-large-content .fscom-footer {
      max-width: calc(100% - 50px);
      margin: auto auto 0; } }
  @media only screen and (min-width: 1280px) {
    .fscom-container.layout-small-large-content.stats-large-view .fscom-main-content, .fscom-container.layout-small-large-content.layout-scorecard .fscom-main-content, .fscom-container.layout-small-large-content.futures-large-view .fscom-main-content {
      padding-top: 52px; }
      .fscom-container.layout-small-large-content.stats-large-view .fscom-main-content .layout-content-container, .fscom-container.layout-small-large-content.layout-scorecard .fscom-main-content .layout-content-container, .fscom-container.layout-small-large-content.futures-large-view .fscom-main-content .layout-content-container {
        max-width: 100%;
        margin: 0; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .stories-container .layout-content-container {
    max-width: calc(100% - 220px); } }

@media screen and (min-width: 360px) and (max-width: 767px) {
  .stories-container .layout-content-container {
    max-width: 100%; } }

.toast-container {
  position: fixed;
  left: 50%;
  transform: translate(-50%);
  width: 645px;
  max-height: 100px;
  background-color: #eee;
  border-radius: 5px;
  bottom: -160px;
  animation: fadeaway 15s;
  z-index: 11; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .toast-container {
      width: 550px; } }
  @media only screen and (max-width: 767px) {
    .toast-container {
      max-height: 160px;
      max-width: calc(100vw - 50px); } }
  .toast-container.change-pass, .toast-container.add-favorite {
    width: 420px;
    height: 100px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .toast-container.change-pass, .toast-container.add-favorite {
        width: 440px; } }
    .toast-container.change-pass .toast-content, .toast-container.add-favorite .toast-content {
      grid-template-rows: 12px 60px; }
      .toast-container.change-pass .toast-content .toast-msg, .toast-container.change-pass .toast-content .toast-title-msg, .toast-container.add-favorite .toast-content .toast-msg, .toast-container.add-favorite .toast-content .toast-title-msg {
        max-width: 330px; }
  .toast-container.add-favorite {
    max-height: 120px;
    height: 120px; }
    .toast-container.add-favorite .toast-content {
      grid-template-rows: 12px 80px; }
    .toast-container.add-favorite .toast-title-msg {
      padding-bottom: 7px; }
  .toast-container .toast-content {
    padding: 12px 15px 28px 40px;
    display: grid;
    grid-template-rows: 12px 45px;
    grid-template-columns: auto auto; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .toast-container .toast-content {
        padding-left: 54px; } }
    @media only screen and (max-width: 767px) {
      .toast-container .toast-content {
        padding: 12px 15px 25px 12px;
        grid-template-rows: 12px auto 45px;
        grid-template-columns: auto 12px; } }
    .toast-container .toast-content .toast-msg-container {
      display: flex;
      align-items: center;
      flex-direction: column; }
    .toast-container .toast-content .toast-msg {
      max-width: 326px;
      display: flex;
      align-self: center;
      justify-self: center; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .toast-container .toast-content .toast-msg {
          max-width: 326px; } }
      @media only screen and (max-width: 767px) {
        .toast-container .toast-content .toast-msg {
          max-width: 290px;
          grid-row-start: 2;
          font-size: 13px;
          padding: 10px 35px 23px 35px;
          text-align: center; } }
    .toast-container .toast-content .close-icon {
      width: 12px;
      height: 12px;
      opacity: 0.8;
      grid-column: span 2;
      justify-self: end;
      background-image: url("../../images/icons/close.svg"); }
    .toast-container .toast-content .link-button {
      width: 85px;
      height: 45px;
      border-radius: 27.5px;
      justify-self: center;
      display: flex;
      justify-content: center; }
      @media only screen and (max-width: 767px) {
        .toast-container .toast-content .link-button {
          grid-row-start: 3; } }
      .toast-container .toast-content .link-button:hover {
        border-color: #000;
        background: none; }
      .toast-container .toast-content .link-button.cancel {
        border: none; }
        .toast-container .toast-content .link-button.cancel:hover {
          background: transparent;
          border-color: transparent; }

.toast-container.double {
  max-height: 138px;
  height: 138px;
  width: 613px;
  max-width: 613px; }
  @media only screen and (max-width: 767px) {
    .toast-container.double {
      max-width: calc(100vw);
      max-height: 375px;
      height: fit-content; } }
  .toast-container.double.noFade {
    animation: none;
    bottom: 10px; }
  @media only screen and (min-width: 768px) {
    .toast-container.double .toast-content {
      padding-left: 31px; } }
  @media only screen and (max-width: 767px) {
    .toast-container.double .toast-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 12px 15px 10px 15px; }
      .toast-container.double .toast-content .close-icon {
        align-self: flex-end; }
      .toast-container.double .toast-content .double-toast-msg {
        padding: 5px 0 0 0; }
      .toast-container.double .toast-content .toast-msg {
        padding: 0 0 20px 0; } }
  .toast-container.double .toast-content .toast-title-msg {
    width: 326px;
    max-width: 326px;
    align-self: center;
    padding-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .toast-container.double .toast-content .toast-title-msg {
        max-width: 290px;
        padding: 0 0 10px 0;
        text-align: center; } }
  .toast-container.double .toast-content span {
    display: block; }

.toast-container.clipboard-msg {
  max-width: 225px;
  animation: fadeaway 1.5s; }
  @media only screen and (max-width: 767px) {
    .toast-container.clipboard-msg {
      max-height: 100px; } }

.glide {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.glide * {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

.glide__slides,
.glide__track {
  overflow: hidden; }

.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -ms-touch-action: pan-Y;
  touch-action: pan-Y;
  padding: 0;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  will-change: transform; }

.glide__slide {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  white-space: normal;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; }

.glide__arrows,
.glide__bullets {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.glide__slide,
.glide__slides--dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.glide__slide a {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.favorites-menu-item {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column; }
  .favorites-menu-item.favorite-image-title .favorite-title {
    position: absolute;
    bottom: 5px; }
    @media only screen and (max-width: 1279px) {
      .favorites-menu-item.favorite-image-title .favorite-title {
        bottom: 9px; } }
  .favorites-menu-item.favorite-full .player-team-logo {
    position: absolute;
    top: 4px; }
  .favorites-menu-item.favorite-full .favorite-subtitle {
    position: absolute;
    bottom: 6px; }
    @media only screen and (max-width: 1279px) {
      .favorites-menu-item.favorite-full .favorite-subtitle {
        bottom: 12px; } }

.favorites-menu-items {
  display: grid;
  row-gap: 9px; }

.favorites-menu {
  width: 100%;
  position: absolute; }
  @media (max-height: 900px) and (min-width: 1280px) {
    .favorites-menu {
      position: relative;
      margin-top: 120px; } }
  @media only screen and (max-width: 1279px) {
    .favorites-menu {
      position: relative; }
      .favorites-menu .manage-btn-container {
        display: none; } }
  @media only screen and (max-width: 767px) {
    .favorites-menu {
      position: relative; } }
  .favorites-menu .title-container {
    display: flex;
    position: relative;
    transition: transform 0.5s;
    transform-style: preserve-3d;
    transform-origin: center center;
    margin: 0 auto; }
    @media only screen and (max-width: 1279px) {
      .favorites-menu .title-container {
        display: none; } }
  .favorites-menu .hover-state {
    transform-origin: center center;
    transform: rotateX(180deg);
    display: none; }
  .favorites-menu .hover-state,
  .favorites-menu .base-state {
    backface-visibility: hidden;
    max-width: 200px;
    width: fit-content; }
  .favorites-menu:hover .title-container {
    transform: rotateX(180deg); }
  .favorites-menu:hover .base-state {
    display: none; }
  .favorites-menu:hover .hover-state {
    display: block; }
  @media only screen and (min-width: 1280px) {
    .favorites-menu:not(.gnatout-mode) {
      width: 56px; }
      .favorites-menu:not(.gnatout-mode) .favorites-menu-items {
        display: grid; }
        .favorites-menu:not(.gnatout-mode) .favorites-menu-items.drag-item {
          margin-bottom: 65px; }
      .favorites-menu:not(.gnatout-mode) .favorites-menu-item {
        display: none; }
    .favorites-menu.gnatout-mode {
      box-sizing: border-box;
      padding: 40px 37px;
      margin: 0;
      width: 262px;
      box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2);
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 11;
      background: white;
      max-height: 100%;
      overflow-y: auto; }
      .favorites-menu.gnatout-mode .favorites-menu-header {
        display: flex; }
      .favorites-menu.gnatout-mode .favorites-menu-items {
        grid-template-columns: 1fr 1fr 1fr; }
      .favorites-menu.gnatout-mode .favorite-menu-close {
        display: block; }
      .favorites-menu.gnatout-mode .favorites-menu-footer {
        margin-top: 15px; } }
  @media (max-height: 765px) and (min-width: 1280px) {
    .favorites-menu:not(.gnatout-mode) .favorites-menu-item:nth-child(-n + 2) {
      display: flex; } }
  @media (max-height: 829px) and (min-height: 766px) and (min-width: 1280px) {
    .favorites-menu:not(.gnatout-mode) .favorites-menu-item:nth-child(-n + 2) {
      display: flex; } }
  @media (max-height: 890px) and (min-height: 830px) and (min-width: 1280px) {
    .favorites-menu:not(.gnatout-mode) .favorites-menu-item:nth-child(-n + 3) {
      display: flex; } }
  @media (min-height: 890px) and (min-width: 1280px) {
    .favorites-menu:not(.gnatout-mode) .favorites-menu-item:nth-child(-n + 4) {
      display: flex; } }
  @media (min-height: 900px) and (min-width: 1280px) {
    .favorites-menu:not(.gnatout-mode) {
      height: 350px;
      width: 56px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end; } }
  @media (min-height: 1000px) and (min-width: 1280px) {
    .favorites-menu:not(.gnatout-mode) {
      height: 412px; } }
  @media only screen and (max-width: 1279px) {
    .favorites-menu {
      box-sizing: border-box;
      width: 342px;
      margin-left: 54px; }
      .favorites-menu .favorites-menu-header {
        display: flex; }
      .favorites-menu .favorites-menu-items {
        grid-template-columns: 1fr 1fr 1fr; }
      .favorites-menu .favorite-menu-close {
        display: block; }
      .favorites-menu .favorites-menu-footer,
      .favorites-menu .image-button.close {
        display: none; }
      .favorites-menu .image-button.shape-plus {
        background-size: 25px 25px; } }
  @media only screen and (max-width: 767px) {
    .favorites-menu {
      margin-left: 25px;
      max-width: calc(100% - 50px); } }
  .favorites-menu.manage-mode .favorites-menu-items.drag-item button {
    display: none; }
  .favorites-menu.manage-mode .favorites-menu-item {
    position: relative;
    cursor: grab;
    animation: wiggle 0.1s infinite alternate; }
    .favorites-menu.manage-mode .favorites-menu-item.sortable-chosen {
      animation: none; }
    .favorites-menu.manage-mode .favorites-menu-item .image-button {
      z-index: 1; }

.favorite-logo {
  pointer-events: none; }
  .favorite-logo.image-logo, .favorite-logo.image-show {
    width: 36px;
    height: 36px; }
    @media only screen and (max-width: 1279px) {
      .favorite-logo.image-logo, .favorite-logo.image-show {
        width: 46px;
        height: 46px; } }
  .favorite-logo.image-headshot, .favorite-logo.image-personality {
    width: 56px;
    height: 56px; }
    @media only screen and (max-width: 1279px) {
      .favorite-logo.image-headshot, .favorite-logo.image-personality {
        width: 100px;
        height: 100px; } }
  .favorite-logo.player-team-logo {
    width: 14px;
    height: 14px; }
    @media only screen and (max-width: 1279px) {
      .favorite-logo.player-team-logo {
        width: 23px;
        height: 23px; } }
  .favorite-logo.team-sport-logo {
    width: 24px;
    height: 24px; }
    @media only screen and (max-width: 1279px) {
      .favorite-logo.team-sport-logo {
        width: 46px;
        height: 46px; } }

.sortable-ghost img {
  opacity: 0; }

@media only screen and (min-width: 1280px) {
  .favorites-menu-header {
    display: none; } }

.favorite-menu-close {
  display: none; }

.favorites-menu-wrapper {
  display: flex; }

.favorites-add-desc {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .favorites-add-desc {
      display: block; } }

@media only screen and (min-width: 1280px) {
  .favorites-manage-text {
    display: none; } }

@media only screen and (max-width: 767px) {
  .add-your-favorites {
    position: relative; } }

@media (min-width: 1280px) and (max-height: 900px) {
  .add-your-favorites {
    position: relative;
    margin-top: 120px; } }

@media (min-width: 1280px) and (min-height: 900px) {
  .add-your-favorites {
    position: absolute;
    height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
    .add-your-favorites span {
      z-index: 11; } }

@media only screen and (max-width: 1279px) {
  .add-your-favorites {
    width: 100%;
    margin-bottom: 50px; } }

.add-your-favorites .favorites-menu-items {
  width: 165px;
  height: 60px;
  margin-bottom: 17px;
  position: relative; }
  .add-your-favorites .favorites-menu-items .favorite-logo {
    width: 34px;
    height: 34px;
    background-size: 34px 34px; }
  .add-your-favorites .favorites-menu-items .image-button,
  .add-your-favorites .favorites-menu-items .favorites-menu-item {
    position: absolute; }
  .add-your-favorites .favorites-menu-items .image-button {
    z-index: 3; }
  .add-your-favorites .favorites-menu-items .favorites-menu-item:nth-child(2) {
    z-index: 2;
    left: 35px; }
  .add-your-favorites .favorites-menu-items .favorites-menu-item:nth-child(3) {
    z-index: 1;
    left: 70px; }
  .add-your-favorites .favorites-menu-items .favorites-menu-item:nth-child(4) {
    z-index: 0;
    left: 106px; }

.add-your-favorites .promo-text {
  max-width: 271px;
  margin-top: 5px; }

.image-button.favorite-remove-button {
  display: flex;
  position: absolute;
  width: 25px;
  height: 25px;
  background: black;
  top: -5px;
  right: -5px;
  border-radius: 50%; }
  .image-button.favorite-remove-button:before {
    content: " ";
    display: block;
    width: 9px;
    height: 9px;
    fill: #fff;
    background-image: url("../../images/icons/close-white.svg");
    background-size: contain;
    position: absolute;
    top: 8px;
    left: 8px; }

.image-button.shape-plus {
  background-image: url("../../images/icons/plus.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center; }

/*
  All a user has to do to change the calendar size is
  change the font-size on the container and everything
  magically resizes accordingly. Relative units ftw!
*/
.qs-datepicker-container {
  font-size: 1rem;
  font-family: sans-serif;
  color: black;
  position: absolute;
  width: 15.625em;
  display: flex;
  flex-direction: column;
  z-index: 9001;
  user-select: none;
  border: 1px solid gray;
  border-radius: 0.26392em;
  overflow: hidden;
  background: white;
  box-shadow: 0 1.25em 1.25em -0.9375em rgba(0, 0, 0, 0.3); }
  .qs-datepicker-container * {
    box-sizing: border-box; }

.qs-centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.qs-hidden {
  display: none; }

.qs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  color: white;
  width: 100%;
  height: 100%;
  padding: .5em;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.3s;
  display: flex;
  flex-direction: column; }
  .qs-overlay.qs-hidden {
    opacity: 0;
    z-index: -1; }
  .qs-overlay .qs-overlay-year {
    border: none;
    background: transparent;
    border-bottom: 1px solid white;
    border-radius: 0;
    color: white;
    font-size: 0.875em;
    padding: .25em 0;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    display: block; }
    .qs-overlay .qs-overlay-year::-webkit-inner-spin-button {
      -webkit-appearance: none; }
  .qs-overlay .qs-close {
    padding: .5em;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0; }
  .qs-overlay .qs-submit {
    border: 1px solid white;
    border-radius: 0.26392em;
    padding: .5em;
    margin: 0 auto auto;
    cursor: pointer;
    background: rgba(128, 128, 128, 0.4); }
    .qs-overlay .qs-submit.qs-disabled {
      color: gray;
      border-color: gray;
      cursor: not-allowed; }
  .qs-overlay .qs-overlay-month-container {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1; }
  .qs-overlay .qs-overlay-month {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% / 3);
    cursor: pointer;
    opacity: .5;
    transition: opacity 0.15s; }
    .qs-overlay .qs-overlay-month.active, .qs-overlay .qs-overlay-month:hover {
      opacity: 1; }

.qs-controls {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  background: lightgray;
  filter: blur(0px);
  transition: filter 0.3s; }
  .qs-controls.qs-blur {
    filter: blur(5px); }

.qs-arrow {
  height: 1.5625em;
  width: 1.5625em;
  position: relative;
  cursor: pointer;
  border-radius: 0.26392em;
  transition: background .15s; }
  .qs-arrow:hover {
    background: rgba(0, 0, 0, 0.1); }
    .qs-arrow:hover.qs-left:after {
      border-right-color: black; }
    .qs-arrow:hover.qs-right:after {
      border-left-color: black; }
  .qs-arrow:after {
    content: '';
    border: 0.39062em solid transparent;
    position: absolute;
    top: 50%;
    transition: border .2s; }
  .qs-arrow.qs-left:after {
    border-right-color: gray;
    right: 50%;
    transform: translate(25%, -50%); }
  .qs-arrow.qs-right:after {
    border-left-color: gray;
    left: 50%;
    transform: translate(-25%, -50%); }

.qs-month-year {
  font-weight: bold;
  transition: border .2s;
  border-bottom: 1px solid transparent;
  cursor: pointer; }
  .qs-month-year:hover {
    border-bottom: 1px solid gray; }
  .qs-month-year:focus, .qs-month-year:active:focus {
    outline: none; }

.qs-month {
  padding-right: .5ex; }

.qs-year {
  padding-left: .5ex; }

.qs-squares {
  display: flex;
  flex-wrap: wrap;
  padding: 0.3125em;
  filter: blur(0px);
  transition: filter 0.3s; }
  .qs-squares.qs-blur {
    filter: blur(5px); }

.qs-square {
  width: calc(100% / 7);
  height: 1.5625em;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .1s;
  border-radius: 0.26392em; }
  .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
    background: orange; }

.qs-current {
  font-weight: bold;
  text-decoration: underline; }

/*
  3 possibilities:
    1. Single, active date.
    2. Daterange start selection.
    3. Daterange end selection.
*/
.qs-active,
.qs-range-start,
.qs-range-end {
  background: lightblue; }

.qs-range-start:not(.qs-range-6) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.qs-range-middle {
  background: #d4ebf2; }
  .qs-range-middle:not(.qs-range-0):not(.qs-range-6) {
    border-radius: 0; }
  .qs-range-middle.qs-range-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .qs-range-middle.qs-range-6 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.qs-range-end:not(.qs-range-0) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.qs-disabled,
.qs-outside-current-month {
  opacity: .2; }

.qs-disabled {
  cursor: not-allowed; }

.qs-empty {
  cursor: default; }

.qs-day {
  cursor: default;
  font-weight: bold;
  color: gray; }

.qs-event {
  position: relative; }
  .qs-event:after {
    content: '';
    position: absolute;
    width: 0.46875em;
    height: 0.46875em;
    border-radius: 50%;
    background: #07f;
    bottom: 0;
    right: 0; }

@media only screen and (min-width: 1024px) {
  .fscom-container.layout-article-content .image-header-container-wrapper {
    margin-left: calc(calc(100% - 1114px) / 2); } }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .fscom-container.layout-article-content .image-header-container-wrapper {
    margin-left: calc(calc(100% - 925px) / 2); } }

@media only screen and (max-width: 1279px) {
  .fscom-container.layout-article-content .image-header-container-wrapper {
    padding-top: 0;
    top: 76px; } }

@media only screen and (max-width: 1023px) {
  .fscom-container.layout-article-content .image-header-container-wrapper {
    height: 81vw;
    max-height: 621px;
    position: relative;
    top: 0; } }

@media only screen and (max-width: 767px) {
  .fscom-container.layout-article-content .image-header-container-wrapper {
    min-height: 522px;
    margin-bottom: 10px; } }

.fscom-container.layout-article-content .image-header-container {
  transition: transform 0.7s; }
  .fscom-container.layout-article-content .image-header-container.transition {
    position: fixed;
    top: inherit;
    transform: translateY(403px); }
    .fscom-container.layout-article-content .image-header-container.transition .story-navigation {
      visibility: hidden;
      opacity: 0; }
    @media only screen and (max-width: 1023px) {
      .fscom-container.layout-article-content .image-header-container.transition {
        position: relative;
        transform: none; } }
  .fscom-container.layout-article-content .image-header-container.show-overlay .card-title,
  .fscom-container.layout-article-content .image-header-container.show-overlay .story-topic {
    transition: margin 0.3s linear, opacity 0.3s linear;
    height: fit-content;
    opacity: 1; }
  .fscom-container.layout-article-content .image-header-container.show-overlay .card-title {
    margin-bottom: 30px;
    z-index: inherit;
    bottom: 0; }
  .fscom-container.layout-article-content .image-header-container.show-overlay .story-topic {
    margin-top: 0; }
  .fscom-container.layout-article-content .image-header-container.show-overlay .image-header-overlay {
    display: block;
    max-height: 303px;
    transition: max-height 0.3s linear;
    border-radius: 5px; }

.fscom-container.layout-article-content .layout-content-container {
  width: 550px;
  margin: 55px auto 0 105px; }
  @media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .fscom-container.layout-article-content .layout-content-container {
      margin: 0;
      padding-left: 60px; } }
  @media only screen and (max-width: 1023px) {
    .fscom-container.layout-article-content .layout-content-container {
      margin: 0 auto; } }
  @media only screen and (max-width: 767px) {
    .fscom-container.layout-article-content .layout-content-container {
      max-width: calc(100% - 50px); } }

.article-texts,
.news-status-container {
  display: flex;
  flex-direction: column;
  align-self: center;
  padding: 10px 0; }
  @media only screen and (max-width: 767px) {
    .article-texts,
    .news-status-container {
      padding: 0; } }
  .article-texts .article-title,
  .news-status-container .article-title {
    padding-bottom: 6px; }
  .article-texts .article-time-source,
  .article-texts .article-blurb,
  .article-texts .info-text,
  .news-status-container .article-time-source,
  .news-status-container .article-blurb,
  .news-status-container .info-text {
    padding: 10px 0; }
  .article-texts .info-text,
  .news-status-container .info-text {
    color: #757575; }

.article-time-source {
  display: flex;
  align-items: center; }
  .article-time-source .dot {
    padding: 0 3px; }
  .article-time-source .external-link {
    width: 16px;
    height: 16px; }

.news-status-container {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px; }
  @media only screen and (max-width: 767px) {
    .news-status-container {
      border-bottom: none; } }

.article-container {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  grid-column-gap: 10px; }
  .article-container .video-container,
  .article-container .article-image-preview {
    grid-column-start: span 2;
    margin: 10px 0; }
    @media only screen and (max-width: 1023px) {
      .article-container .video-container,
      .article-container .article-image-preview {
        margin: 25px 0 10px 0; } }
    .article-container .video-container .image-article,
    .article-container .article-image-preview .image-article {
      width: 100%;
      max-width: 100%;
      padding: 0; }
  .article-container .article-image-preview {
    margin: 0; }
  .article-container .article-description {
    overflow-wrap: break-word; }
  .article-container .image-article {
    position: relative;
    max-width: 272px;
    height: auto;
    padding: 20px 0;
    justify-self: flex-end; }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) {
      .article-container .image-article {
        max-width: 220px; } }
    @media only screen and (max-width: 767px) {
      .article-container .image-article {
        grid-column: 1 / span 2;
        grid-row: 1 / 2;
        padding: 0;
        margin-top: 28px;
        max-width: 100%;
        justify-self: center; } }
  @media only screen and (max-width: 767px) {
    .article-container .article-texts {
      grid-column: span 2; } }

.article-page-container {
  display: flex;
  flex-direction: row;
  max-width: 1440px; }
  @media only screen and (max-width: 1023px) {
    .article-page-container {
      flex-direction: column; } }

@media only screen and (max-width: 415px) {
  .story-content {
    /*
          Center Facebook embed when screen width minus the padding
          is smaller than 350px (Facebook's widget minimum width)
        */ }
    .story-content .fb-post {
      margin-left: calc((100% - 350px) / 2); }
    .story-content .fb-video {
      margin-left: 0; } }

.pagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0; }
  .pagination ul li {
    color: #757575; }
    .pagination ul li a {
      padding: 6px 12px;
      text-decoration: none;
      color: #757575; }
      .pagination ul li a.active {
        color: #000; }
      .pagination ul li a.prev, .pagination ul li a.next {
        position: relative; }
        .pagination ul li a.prev:before, .pagination ul li a.next:before {
          content: "";
          position: absolute;
          background-color: transparent;
          height: 5px;
          width: 5px;
          top: 50%;
          left: 0;
          transform: rotate(45deg) translate(-50%);
          border-left: 1px solid;
          border-bottom: 1px solid; }
      .pagination ul li a.next:before {
        left: auto;
        right: 0;
        transform: rotate(225deg) translate(50%); }

.story-fav-title {
  margin: 20px 0; }

.story-content {
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start; }
  @media only screen and (min-width: 1024px) {
    .story-content {
      flex-direction: row; } }
  @media only screen and (max-width: 1023px) {
    .story-content {
      align-items: center; } }

.story-body {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .story-body .article-content ol {
    list-style: decimal; }
  .story-body .article-content ul {
    list-style: inherit; }
  .story-body .article-content a {
    text-decoration: underline;
    color: #0000ee; }
  .story-body .article-content h1 {
    font-size: 2em; }
  .story-body .article-content h2 {
    font-size: 1.5em; }
  .story-body .article-content h3 {
    font-size: 1.17em; }
  .story-body .article-content h4 {
    font-size: 1.33em; }
  .story-body .article-content h5 {
    font-size: .83em; }
  .story-body .article-content h6 {
    font-size: .67em; }
  .story-body .article-content b,
  .story-body .article-content strong {
    font-family: "FSStadiumBold";
    font-weight: 500 !important;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: normal; }
  .story-body ol.article-content {
    list-style: decimal; }
  .story-body ul.article-content {
    list-style: inherit; }
  .story-body a.article-content {
    text-decoration: underline;
    color: #0000ee; }
  .story-body h1.article-content {
    font-size: 2em; }
  .story-body h2.article-content {
    font-size: 1.5em; }
  .story-body h3.article-content {
    font-size: 1.17em; }
  .story-body h4.article-content {
    font-size: 1.33em; }
  .story-body h5.article-content {
    font-size: .83em; }
  .story-body h6.article-content {
    font-size: .67em; }
  .story-body b.article-content,
  .story-body strong.article-content {
    font-family: "FSStadiumBold";
    font-weight: 500 !important;
    font-size: 20px;
    line-height: 1.5; }
  .story-body .carousel-container {
    margin-top: 60px; }
    @media only screen and (min-width: 1024px) {
      .story-body .carousel-container {
        left: -100px;
        margin-bottom: 43px; }
        .story-body .carousel-container.card-carousel {
          width: calc(50vw + 111px); } }
    @media only screen and (min-width: 1280px) and (max-width: 1439px) {
      .story-body .carousel-container {
        left: -95px; }
        .story-body .carousel-container.card-carousel {
          width: calc(50vw + 58px); } }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) {
      .story-body .carousel-container {
        left: -51px; }
        .story-body .carousel-container.card-carousel {
          width: calc(50vw + 80px); } }
  .story-body .video-container {
    margin-top: 20px;
    margin-bottom: 20px; }
  .story-body .twitter-tweet {
    margin: 20px auto !important; }
  .story-body .instagram-media {
    max-width: 100% !important; }
  .story-body .big-top.article-ct img {
    max-width: 100%; }
  .story-body p {
    overflow-wrap: break-word; }
  .story-body .caption-container, .story-body .full-width-image .info p {
    padding: 16px 0;
    display: block;
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0; }
    @media only screen and (min-width: 768px) and (max-width: 1279px) {
      .story-body .caption-container, .story-body .full-width-image .info p {
        font-size: 14px;
        line-height: 20px;
        color: #252525; } }
    @media only screen and (max-width: 767px) {
      .story-body .caption-container, .story-body .full-width-image .info p {
        font-size: 12px;
        line-height: 18px;
        color: #252525; } }
  .story-body .full-width-image {
    display: block; }
    .story-body .full-width-image .info {
      padding: 16px 0; }
    .story-body .full-width-image img {
      width: 100%;
      height: auto; }

.story-navigation {
  display: flex;
  justify-content: space-between;
  transition: all .5s ease-in-out;
  visibility: visible;
  opacity: 1; }
  @media only screen and (max-width: 1023px) {
    .story-navigation {
      display: none; } }
  .story-navigation .flex-inline {
    perspective: 1000px;
    padding: 20px 0 20px; }
    .story-navigation .flex-inline .title-container {
      display: flex;
      position: relative;
      transition: transform 0.5s;
      transform-style: preserve-3d;
      transform-origin: center center; }
    .story-navigation .flex-inline .hover-state {
      transform-origin: center center;
      transform: rotateX(180deg);
      display: none; }
    .story-navigation .flex-inline .hover-state, .story-navigation .flex-inline .base-state {
      backface-visibility: hidden;
      max-width: 200px;
      width: fit-content; }
    .story-navigation .flex-inline:hover .title-container {
      transform: rotateX(180deg); }
    .story-navigation .flex-inline:hover .base-state {
      display: none; }
    .story-navigation .flex-inline:hover .hover-state {
      display: block; }
    .story-navigation .flex-inline:hover .arrow-forward {
      background-image: url("../../images/icons/arrow/arrow-forward-story-black.svg"); }
    .story-navigation .flex-inline:hover .arrow-back {
      background-image: url("../../images/icons/arrow/arrow-back-story-black.svg"); }
  .story-navigation .arrow-back {
    height: 7px;
    width: 9px;
    margin-right: 8px;
    background-image: url("../../images/icons/arrow/arrow-back-story.svg"); }
  .story-navigation .arrow-forward {
    width: 9px;
    height: 7px;
    margin-left: 8px;
    background-image: url("../../images/icons/arrow/arrow-forward-story.svg"); }

.story-graph {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: space-between; }
  .story-graph .line-graph {
    margin-top: 40px;
    margin-bottom: 90px; }

.story-topic-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start; }

.story-section-divider {
  border: 1px solid #f5f5f5;
  width: 100%;
  margin: 40px 0; }

.story-social-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start; }
  .story-social-group .share-icon {
    background-size: contain;
    height: 30px;
    width: 30px;
    margin-right: 10px; }

.story-favorites-section-add {
  max-width: 645px;
  height: 315px;
  display: flex;
  flex-wrap: nowrap;
  text-align: center;
  flex-direction: column;
  justify-content: space-around;
  align-content: center;
  align-items: center; }
  .story-favorites-section-add .button-favorite:hover {
    border: solid 2px #4d4d4d; }
  .story-favorites-section-add .team-logo {
    height: 45px !important; }
  .story-favorites-section-add .logo-background {
    height: 80px;
    width: 80px;
    opacity: 1;
    background-color: var(--theme-bg-color); }
  .story-favorites-section-add .player-headshot {
    height: 80px;
    width: 80px;
    border: solid 2px #d1d1d1;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box; }
  .story-favorites-section-add span + span {
    max-width: 335px; }

.story-header-container {
  z-index: 2;
  display: grid;
  color: #fff;
  grid-template-areas: "favorite-header favorite-header"; }
  @media only screen and (min-width: 1024px) {
    .story-header-container {
      color: #000;
      grid-template-rows: 16px auto 31px;
      gap: 16px; } }
  @media only screen and (max-width: 1023px) {
    .story-header-container {
      grid-template-columns: repeat(2, 50%);
      grid-template-rows: 46px auto 51px;
      width: 100%;
      position: absolute;
      top: 0;
      max-width: 550px; } }
  @media only screen and (max-width: 1023px) and (min-width: 1024px) {
    .story-header-container {
      height: 607px;
      width: 364px; } }
  @media only screen and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
    .story-header-container {
      max-height: 621px;
      height: 81vw; } }
  @media only screen and (max-width: 1023px) and (max-width: 767px) {
    .story-header-container {
      height: 81vw;
      min-height: 522px; } }
  @media only screen and (max-width: 550px) {
    .story-header-container {
      max-width: calc(100% - 50px); } }
  .story-header-container .story-fav-title {
    grid-area: favorite-header;
    margin: 0;
    justify-self: start;
    align-self: end;
    display: flex;
    align-items: center;
    color: #010003; }
    .story-header-container .story-fav-title .button-favorite {
      padding-left: 0; }
      .story-header-container .story-fav-title .button-favorite .favorite-star {
        margin-right: 0; }
    @media only screen and (max-width: 1023px) {
      .story-header-container .story-fav-title {
        color: #fff; } }
  .story-header-container .story-title {
    grid-row-start: 2;
    grid-column-start: span 2;
    align-self: end; }
  .story-header-container .image-fav-star {
    height: 16px;
    content: url("../../images/icons/star/star-white-empty.svg"); }
    .story-header-container .image-fav-star.selected {
      content: url("../../images/icons/star/star-white-filled.svg"); }
    @media only screen and (min-width: 1024px) {
      .story-header-container .image-fav-star {
        content: url("../../images/icons/star/star-black-empty.svg"); }
        .story-header-container .image-fav-star.selected {
          content: url("../../images/icons/star/star-black-filled.svg"); } }
  .story-header-container .info-text {
    grid-row-start: 3;
    justify-self: start;
    align-self: center;
    color: #fff;
    text-transform: uppercase; }
    @media only screen and (min-width: 1024px) {
      .story-header-container .info-text {
        color: #757575;
        align-self: center; } }
  .story-header-container .share-button-text {
    grid-row-start: 3;
    grid-column-start: 2;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    justify-self: end;
    align-self: center;
    width: 60px; }
    @media only screen and (min-width: 1024px) {
      .story-header-container .share-button-text {
        grid-row-start: 1;
        grid-column-start: 2;
        color: #757575;
        left: 82px;
        position: relative; } }
    @media only screen and (max-width: 1023px) {
      .story-header-container .share-button-text {
        color: #fff; } }
    .story-header-container .share-button-text .share {
      margin-left: 5px;
      content: url("../../images/icons/share/share-white.svg"); }
      @media only screen and (min-width: 1024px) {
        .story-header-container .share-button-text .share {
          content: url("../../images/icons/share/share-black.svg"); } }
    .story-header-container .share-button-text.active .share, .story-header-container .share-button-text.active .share-text {
      display: none; }
    .story-header-container .share-button-text.active .dropdown-items-container.share-dropdown {
      opacity: 1;
      max-height: 190px;
      pointer-events: all;
      padding: 15px 0; }
      @media only screen and (max-width: 767px) {
        .story-header-container .share-button-text.active .dropdown-items-container.share-dropdown {
          padding: 0;
          max-height: 100vh; } }
      .story-header-container .share-button-text.active .dropdown-items-container.share-dropdown .share-dropdown-text, .story-header-container .share-button-text.active .dropdown-items-container.share-dropdown .image-button {
        opacity: 1; }
    .story-header-container .share-button-text.active .share-item {
      max-height: 40px; }
    @media only screen and (max-width: 767px) {
      .story-header-container .share-button-text.active {
        width: 100vw;
        height: 100vh;
        max-height: 100vh;
        top: 0 !important;
        left: 0 !important;
        position: fixed !important; }
        .story-header-container .share-button-text.active .share-item {
          max-height: 75px; } }
  @media only screen and (min-width: 1024px) {
    .story-header-container .dropdown-items-container {
      top: -30px;
      right: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .story-header-container .dropdown-items-container {
      top: 480px;
      right: calc(50vw - 283px); } }

.quote-text-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start; }
  .quote-text-container .quote {
    margin-top: 1em;
    margin-right: 25px; }
    @media only screen and (min-width: 768px) {
      .quote-text-container .quote {
        margin-right: 65px; } }

@media only screen and (max-width: 1279px) {
  .stories-container .subnav-container-wrapper {
    top: 76px; } }

@media only screen and (max-width: 1023px) {
  .stories-container .subnav-container-wrapper {
    height: 125px; } }

@media only screen and (min-width: 1024px) {
  .stories-container .subnav-container {
    max-width: 930px;
    margin: auto;
    padding-top: 55px; } }

@media only screen and (min-width: 1440px) {
  .stories-container .subnav-container {
    max-width: 1114px;
    width: 1114px; } }

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
  .stories-container .subnav-container {
    margin-left: 100px; } }

@media only screen and (max-width: 1279px) {
  .stories-container .subnav-container {
    padding-top: 0;
    height: 65px; } }

@media only screen and (max-width: 1023px) {
  .stories-container .subnav-container {
    max-width: 100%;
    height: 105px; } }

@media only screen and (min-width: 1024px) {
  .stories-container .nav-horizontal-container {
    width: 100%;
    max-width: calc(930px - 285px); } }

@media only screen and (min-width: 1440px) {
  .stories-container .nav-horizontal-container {
    max-width: calc(1114px - 285px); } }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .stories-container .nav-horizontal-container {
    max-width: 930px;
    width: calc(100% - 220px); } }

.stories-container .nav-horizontal-container .nav-horizontal {
  align-self: flex-end; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .stories-container .nav-horizontal-container .nav-horizontal {
      align-self: initial;
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .stories-container .nav-horizontal-container .nav-horizontal {
      align-self: initial;
      min-width: calc(100% - 50px); } }

.stories-container .stories-sub-filters {
  padding: 30px 0; }

@media only screen and (min-width: 1024px) {
  .stories-container .storiespage-module .calendar-wrapper,
  .stories-container .storiespage-module .calendar-container {
    height: 90px; }
    .stories-container .storiespage-module .calendar-wrapper .date-picker-container,
    .stories-container .storiespage-module .calendar-container .date-picker-container {
      padding-bottom: 5px; } }

@media only screen and (min-width: 768px) {
  .stories-container .storiespage-module .date-picker-container {
    animation-name: element-slide-up-1;
    animation-duration: 0.4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-delay: 0s;
    z-index: 1; }
  @keyframes element-slide-up-1 {
    from {
      transform: translateY(30px);
      opacity: 0; }
    to {
      transform: translateY(0px);
      opacity: 1; } } }

@media only screen and (min-width: 768px) {
  .story-grid-animation {
    animation-name: body-slide-up;
    animation-duration: 0.4s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
    animation-delay: 0s; }
  @keyframes body-slide-up {
    from {
      transform: translateY(75px);
      opacity: 0; }
    to {
      transform: translateY(0px);
      opacity: 1; } }
    .story-grid-animation .cards-slide-up {
      animation-name: card-slide-up;
      animation-duration: 0.2s;
      animation-timing-function: ease-out;
      animation-fill-mode: both;
      perspective: 50px; }
  @keyframes card-slide-up {
    from {
      transform: translateY(20%);
      opacity: 0; }
    to {
      transform: translateY(0%);
      opacity: 1; } }
      .story-grid-animation .cards-slide-up:nth-child(2) {
        animation-delay: 50ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(2) {
        animation-delay: 50ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(2) {
        animation-delay: 50ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(3) {
        animation-delay: 100ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(3) {
        animation-delay: 100ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(3) {
        animation-delay: 100ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(4) {
        animation-delay: 150ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(4) {
        animation-delay: 150ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(4) {
        animation-delay: 150ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(5) {
        animation-delay: 200ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(5) {
        animation-delay: 200ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(5) {
        animation-delay: 170ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(6) {
        animation-delay: 250ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(6) {
        animation-delay: 220ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(6) {
        animation-delay: 190ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(7) {
        animation-delay: 270ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(7) {
        animation-delay: 240ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(7) {
        animation-delay: 210ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(8) {
        animation-delay: 290ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(8) {
        animation-delay: 260ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(8) {
        animation-delay: 230ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(9) {
        animation-delay: 310ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(9) {
        animation-delay: 280ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(9) {
        animation-delay: 240ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(10) {
        animation-delay: 330ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(10) {
        animation-delay: 300ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(10) {
        animation-delay: 250ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(11) {
        animation-delay: 350ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(11) {
        animation-delay: 310ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(11) {
        animation-delay: 260ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(12) {
        animation-delay: 370ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(12) {
        animation-delay: 320ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(12) {
        animation-delay: 270ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(13) {
        animation-delay: 380ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(13) {
        animation-delay: 330ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(13) {
        animation-delay: 280ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(14) {
        animation-delay: 390ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(14) {
        animation-delay: 340ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(14) {
        animation-delay: 290ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(15) {
        animation-delay: 400ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(15) {
        animation-delay: 350ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(15) {
        animation-delay: 300ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(16) {
        animation-delay: 410ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(16) {
        animation-delay: 360ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(16) {
        animation-delay: 310ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(17) {
        animation-delay: 420ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(17) {
        animation-delay: 370ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(17) {
        animation-delay: 320ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(18) {
        animation-delay: 430ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(18) {
        animation-delay: 380ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(18) {
        animation-delay: 330ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(19) {
        animation-delay: 440ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(19) {
        animation-delay: 390ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(19) {
        animation-delay: 340ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(20) {
        animation-delay: 450ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(20) {
        animation-delay: 400ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(20) {
        animation-delay: 350ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(21) {
        animation-delay: 460ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(21) {
        animation-delay: 410ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(21) {
        animation-delay: 360ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(22) {
        animation-delay: 470ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(22) {
        animation-delay: 420ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(22) {
        animation-delay: 370ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(23) {
        animation-delay: 480ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(23) {
        animation-delay: 430ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(23) {
        animation-delay: 380ms; } }

@media only screen and (min-width: 768px) {
      .story-grid-animation .cards-slide-up:nth-child(24) {
        animation-delay: 490ms; } }
    @media only screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
      .story-grid-animation .cards-slide-up:nth-child(24) {
        animation-delay: 440ms; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
      .story-grid-animation .cards-slide-up:nth-child(24) {
        animation-delay: 390ms; } }

/**
  homepage, entity, event
**/
.carousel-wrapper {
  position: relative; }
  .carousel-wrapper:hover.can-scroll-left .carousel-button-previous {
    opacity: 1;
    visibility: visible; }
  .carousel-wrapper:hover.can-scroll-right .carousel-button-next {
    opacity: 1;
    visibility: visible; }
  .layout-homepage .carousel-wrapper .card-grid-header .flex-inline {
    display: none; }

.carousel-container {
  display: flex;
  position: relative;
  overflow: hidden; }

.carousel-content {
  display: flex;
  position: absolute;
  transition: all 1s ease; }
  .carousel-content .highlight-text .secondary-text:nth-child(2) span {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 115px; }
  .carousel-content .scores-text {
    font-size: 20px; }
  .carousel-content .card-inner-grid:nth-child(2) {
    animation-delay: 0.5s;
    animation-duration: 0.2s; }
  .carousel-content .card-inner-grid:nth-child(3) {
    animation-delay: 0.65s;
    animation-duration: 0.2s; }
  .carousel-content .card-inner-grid:nth-child(4) {
    animation-delay: 0.8s;
    animation-duration: 0.2s; }
  .carousel-content .card-inner-grid:nth-child(5) {
    animation-delay: 1s;
    animation-duration: 0.2s; }
  .carousel-content .card-title-tablet {
    display: none; }

.carousel-button-next,
.carousel-button-previous {
  background-color: #fff;
  border: 0;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  opacity: 0;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  display: block;
  background-image: url("../../images/icons/arrow/arrow-carousel.svg");
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5); }
  @media only screen and (max-width: 767px) {
    .carousel-button-next,
    .carousel-button-previous {
      visibility: hidden;
      height: 0;
      width: 0; } }

.carousel-button-previous {
  transform: scaleX(-1);
  visibility: hidden; }

.carousel-button-next {
  visibility: hidden; }

.card-view-all {
  animation: hideThenShow 10s forwards; }

.carousel-animation {
  animation-duration: 1s;
  animation-fill-mode: both; }

.cards-fade-in {
  animation-name: fade-in;
  animation-duration: 1s; }

.cards-slide-in {
  animation-name: x-slide-in; }

.card-inner-grid {
  position: relative;
  align-items: end;
  box-sizing: border-box;
  color: #fff;
  display: grid;
  grid-template-rows: 10% 85% 5%;
  height: 607px;
  padding: 30px 28px 30px 28px;
  width: 364px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .card-inner-grid {
      height: 540px;
      padding: 30px 38px 26px 28px;
      width: 324px; } }
  @media only screen and (max-width: 767px) {
    .card-inner-grid {
      height: 492px;
      padding: 19px 33px 23px 23px;
      width: 298px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .card-inner-grid.card-story {
      padding: 30px 32px 26px 20px; } }
  .card-inner-grid.card-story .card-grid-header {
    justify-content: start;
    display: flex;
    align-self: flex-start; }
  .card-inner-grid.card-preview {
    grid-template-rows: 60% 25% 15%;
    text-align: center; }
    .card-inner-grid.card-preview .card-grid-header {
      justify-content: center;
      display: flex; }
    .card-inner-grid.card-preview .card-grid-body {
      align-self: end; }
    .card-inner-grid.card-preview .card-grid-footer {
      display: flex;
      align-self: flex-end; }
    .card-inner-grid.card-preview .card-subtitle {
      text-transform: uppercase;
      font-family: "ProximaNova";
      font-size: 11px; }
    .card-inner-grid.card-preview .button {
      width: 115px;
      height: 45px;
      padding: 0;
      font-size: 14px; }
  .card-inner-grid.card-event {
    grid-template-rows: 10% 90%; }
    .card-inner-grid.card-event .card-grid-header {
      justify-content: start;
      display: flex;
      align-self: flex-start; }
    .card-inner-grid.card-event .card-grid-body {
      grid-gap: 0; }
    .card-inner-grid.card-event .card-grid-footer {
      display: none; }
    .card-inner-grid.card-event .score-chip {
      border: none;
      padding: 0; }
      .card-inner-grid.card-event .score-chip .has-possession-football {
        top: 16px; }
      .card-inner-grid.card-event .score-chip:hover .score-chip-content {
        background: none; }
      .card-inner-grid.card-event .score-chip.pregame .status-text, .card-inner-grid.card-event .score-chip.pregame .score-game-info.odds-game-info {
        display: none; }
      .card-inner-grid.card-event .score-chip.pregame .score-team-data {
        flex-direction: column; }
      .card-inner-grid.card-event .score-chip.pregame:not(.score-event) .score-team-data {
        align-items: flex-start; }
      .card-inner-grid.card-event .score-chip.pregame:not(.score-event) .score-team-pregame-info {
        align-items: baseline; }
      .card-inner-grid.card-event .score-chip.score-event.final td[data-index="3"] {
        display: none; }
      .card-inner-grid.card-event .score-chip.score-event:not(.final) .scorechip-title {
        margin-bottom: 15px; }
      .card-inner-grid.card-event .score-chip.score-event .score-team-data {
        flex-direction: column; }
      .card-inner-grid.card-event .score-chip.score-event .cell-number, .card-inner-grid.card-event .score-chip.score-event .cell-text, .card-inner-grid.card-event .score-chip.score-event div, .card-inner-grid.card-event .score-chip.score-event span, .card-inner-grid.card-event .score-chip.score-event a, .card-inner-grid.card-event .score-chip.score-event sup {
        color: #fff; }
      .card-inner-grid.card-event .score-chip.score-event tr.faded {
        color: #757575 !important; }
        .card-inner-grid.card-event .score-chip.score-event tr.faded span, .card-inner-grid.card-event .score-chip.score-event tr.faded div, .card-inner-grid.card-event .score-chip.score-event tr.faded a, .card-inner-grid.card-event .score-chip.score-event tr.faded sup {
          color: #757575 !important; }
      .card-inner-grid.card-event .score-chip.score-event .link-button.link-text,
      .card-inner-grid.card-event .score-chip.score-event thead,
      .card-inner-grid.card-event .score-chip.score-event .row-data tr:nth-child(n+4),
      .card-inner-grid.card-event .score-chip.score-event .scorechip-sub1-text,
      .card-inner-grid.card-event .score-chip.score-event .scorechip-sub2-text {
        display: none; }
      .card-inner-grid.card-event .score-chip.score-event .scorechip-title {
        font-size: 34px; }
      .card-inner-grid.card-event .score-chip.score-event .table-wrapper-container.nascar sup {
        margin-bottom: 0;
        vertical-align: middle; }
      .card-inner-grid.card-event .score-chip.score-event .table-leaderboard {
        padding-bottom: 0; }
        .card-inner-grid.card-event .score-chip.score-event .table-leaderboard .data-table td, .card-inner-grid.card-event .score-chip.score-event .table-leaderboard .row-data td {
          border: none;
          height: 30px; }
        .card-inner-grid.card-event .score-chip.score-event .table-leaderboard tr:hover td {
          background: none; }
        .card-inner-grid.card-event .score-chip.score-event .table-leaderboard :not(td[data-index="0"]) .cell-logo.image-flag {
          padding-left: 0; }
        .card-inner-grid.card-event .score-chip.score-event .table-leaderboard .cell-number {
          color: #757575 !important; }
        .card-inner-grid.card-event .score-chip.score-event .table-leaderboard .table-entity-name, .card-inner-grid.card-event .score-chip.score-event .table-leaderboard .cell-number, .card-inner-grid.card-event .score-chip.score-event .table-leaderboard sup {
          font-size: 13px;
          font-family: "HaasGrotTextR-55Roman"; }
          .card-inner-grid.card-event .score-chip.score-event .table-leaderboard .table-entity-name.bold,
          .card-inner-grid.card-event .score-chip.score-event .table-leaderboard .table-entity-name .bold,
          .bold .card-inner-grid.card-event .score-chip.score-event .table-leaderboard .table-entity-name, .card-inner-grid.card-event .score-chip.score-event .table-leaderboard .cell-number.bold,
          .card-inner-grid.card-event .score-chip.score-event .table-leaderboard .cell-number .bold,
          .bold .card-inner-grid.card-event .score-chip.score-event .table-leaderboard .cell-number, .card-inner-grid.card-event .score-chip.score-event .table-leaderboard sup.bold,
          .card-inner-grid.card-event .score-chip.score-event .table-leaderboard sup .bold,
          .bold .card-inner-grid.card-event .score-chip.score-event .table-leaderboard sup {
            font-weight: 700; }
      .card-inner-grid.card-event .score-chip.ppv-event-chip .link-button.ppv {
        display: block;
        height: 45px;
        line-height: 45px;
        max-width: 185px;
        margin: 12px auto 15px; }
        .card-inner-grid.card-event .score-chip.ppv-event-chip .link-button.ppv.purchased {
          background: transparent;
          border: solid 1px #fff; }
      .card-inner-grid.card-event .score-chip.ppv-event-chip .pregame-event-date {
        margin: 9px 0 12px; }
      .card-inner-grid.card-event .score-chip.ppv-event-chip .ppv-event-live {
        color: #e60000;
        margin: 9px 0 12px;
        display: flex;
        align-items: center; }
        .card-inner-grid.card-event .score-chip.ppv-event-chip .ppv-event-live .tv-station {
          margin-right: 5px; }
        .card-inner-grid.card-event .score-chip.ppv-event-chip .ppv-event-live span {
          color: #e60000; }
      .card-inner-grid.card-event .score-chip .highlight-text .secondary-text:nth-child(2) span {
        width: auto; }
      .card-inner-grid.card-event .score-chip .score-team-data {
        padding-bottom: 10px; }
        .card-inner-grid.card-event .score-chip .score-team-data .teams + .score-team-pregame-info {
          padding-top: 11px; }
      .card-inner-grid.card-event .score-chip .tv-station {
        height: 12px; }
      .card-inner-grid.card-event .score-chip .score-team-pregame-info {
        flex-direction: row; }
        .card-inner-grid.card-event .score-chip .score-team-pregame-info span, .card-inner-grid.card-event .score-chip .score-team-pregame-info img {
          padding: 0;
          margin: 0; }
        .card-inner-grid.card-event .score-chip .score-team-pregame-info .secondary-text {
          margin-right: 3px; }
      .card-inner-grid.card-event .score-chip .score-game-info.super-six,
      .card-inner-grid.card-event .score-chip .secondary-text.league-title {
        display: none; }
      .card-inner-grid.card-event .score-chip .button.link-text {
        display: none; }
      .card-inner-grid.card-event .score-chip .score-chip-content {
        padding: 0; }
    .card-inner-grid.card-event .scores-text {
      font-size: 34px; }
    .card-inner-grid.card-event .scores-text, .card-inner-grid.card-event .secondary-text, .card-inner-grid.card-event .ffn-11 {
      color: #fffffe;
      opacity: 1; }
    .card-inner-grid.card-event .team-logo {
      width: 30px;
      height: 30px;
      flex: 0 0 30px; }
    .card-inner-grid.card-event .score-team-row {
      width: 100%;
      padding: 0; }
      @media only screen and (max-width: 1023px) {
        .card-inner-grid.card-event .score-team-row:first-child {
          padding-bottom: 10px; } }
  .card-inner-grid.card-view-all {
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
    .card-inner-grid.card-view-all .link-button {
      margin-top: 15px;
      margin-left: auto;
      margin-right: auto; }
  @media only screen and (max-width: 1023px) {
    .card-inner-grid .card-title {
      line-height: 40px; } }
  .card-inner-grid .card-grid-header .image-fav-star {
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 5px; }
  @media only screen and (min-width: 1024px) {
    .card-inner-grid.card-story .card-grid-body, .card-inner-grid.card-event .card-grid-body {
      overflow: hidden; }
      .card-inner-grid.card-story .card-grid-body .card-subtitle, .card-inner-grid.card-event .card-grid-body .card-subtitle {
        padding-top: 10px;
        opacity: 0;
        max-height: 0;
        transition: all 0.5s ease-in-out;
        transition-property: max-height opacity; }
    .card-inner-grid.card-story:hover .card-grid-body .card-subtitle, .card-inner-grid.card-event:hover .card-grid-body .card-subtitle {
      max-height: 100px;
      opacity: 1; }
    .card-inner-grid.card-event .card-grid-body .score-chip:not(.score-event) .card-subtitle {
      padding-top: 0; }
    .card-inner-grid.card-preview {
      grid-template-rows: 75% 25% 0%; }
      .card-inner-grid.card-preview .card-grid-footer {
        visibility: hidden;
        height: 0;
        opacity: 0;
        transition: visibility 0s, opacity 1s, linear; }
      .card-inner-grid.card-preview:hover {
        grid-template-rows: 60% 25% 12%; }
        .card-inner-grid.card-preview:hover .card-grid-footer {
          height: auto;
          visibility: visible;
          opacity: 1; } }
  .card-inner-grid .overlay {
    z-index: 1;
    transform: translate3d(0, 0, 0); }
  .card-inner-grid .zoom {
    transition: transform .5s;
    background-position: center;
    background-size: cover;
    z-index: 0;
    -webkit-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0); }
  .card-inner-grid:hover .zoom {
    transform: translateZ(0) scale(1.05); }

.team-logo.card {
  width: 65px;
  height: 65px;
  object-fit: contain; }

.card-bg-image {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  border-radius: 5px; }
  .card-bg-image > img {
    width: auto;
    height: 100%; }

.star {
  display: inline-block;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  background-image: url("../../images/icons/star/star-white-empty.svg"); }

.sponsor-logo {
  max-height: 11px;
  padding-left: 13px;
  padding-bottom: 8px; }

.card-sponsored {
  align-items: center;
  display: flex; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .card-sponsored {
      margin-bottom: 10px; } }
  @media only screen and (max-width: 767px) {
    .card-sponsored {
      margin-bottom: 8px; } }

.card-grid-body {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 10px; }

.card-date.mini {
  width: 178px;
  height: 300px; }
  .card-date.mini .card-date-number {
    padding-left: 9px; }
    @media only screen and (min-width: 1024px) {
      .card-date.mini .card-date-number {
        padding-top: 13px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .card-date.mini .card-date-number {
        font-size: 73px; } }
    @media only screen and (max-width: 767px) {
      .card-date.mini .card-date-number {
        font-size: 72px; } }
    @media only screen and (max-width: 500px) {
      .card-date.mini .card-date-number {
        padding-left: 0; } }
  .card-date.mini .card-date-day {
    padding-left: 11px;
    text-transform: uppercase; }
    @media only screen and (max-width: 1023px) {
      .card-date.mini .card-date-day {
        font-size: 14px; } }
    @media only screen and (max-width: 500px) {
      .card-date.mini .card-date-day {
        padding-left: 2px; } }
  @media only screen and (max-width: 1023px) {
    .card-date.mini {
      width: 158px;
      height: 263px; } }

.stories-content {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -9px 0 0; }
  @media only screen and (max-width: 1023px) {
    .stories-content {
      justify-content: center; } }
  @media only screen and (max-width: 500px) {
    .stories-content {
      margin: 0; }
      .stories-content .cards-slide-up:nth-child(2n) > *:first-child {
        margin-right: 0; } }
  .stories-content .card-inner-grid {
    margin: 0 9px 9px 0;
    padding: 18px; }
    .stories-content .card-inner-grid.mini {
      width: 178px;
      height: 300px; }
      .stories-content .card-inner-grid.mini .card-title {
        padding-bottom: 6px; }
        @media only screen and (max-width: 1023px) {
          .stories-content .card-inner-grid.mini .card-title {
            display: none; } }
      .stories-content .card-inner-grid.mini .card-title-tablet {
        display: none; }
        @media only screen and (max-width: 1023px) {
          .stories-content .card-inner-grid.mini .card-title-tablet {
            padding-bottom: 6px;
            display: block;
            font-size: 18px; } }
      .stories-content .card-inner-grid.mini .card-subtitle {
        display: none; }
      @media only screen and (max-width: 1023px) {
        .stories-content .card-inner-grid.mini {
          width: 158px;
          height: 263px; } }
    .stories-content .card-inner-grid .card-title {
      opacity: 0.9;
      font-size: 18px;
      line-height: 1.11; }
    .stories-content .card-inner-grid .button-favorite {
      display: none; }
  .stories-content .card-date {
    margin: 0 9px 9px 0; }

/**
  used on homepage and video page (TODO - this should be names something different)
**/
.card-carousel {
  height: 607px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .card-carousel {
      height: 540px; } }
  @media only screen and (max-width: 767px) {
    .card-carousel {
      height: 492px; } }
  .card-carousel .card-inner-grid + .card-inner-grid {
    margin-left: 10px; }
  .card-carousel .carousel-button-next,
  .card-carousel .carousel-button-previous {
    height: 75px;
    width: 75px;
    top: calc(50% - 37.5px); }
  .card-carousel .carousel-button-next {
    right: 40px; }
  .card-carousel .carousel-button-previous {
    left: 40px; }
  .card-carousel.video-carousel .cards-fade-in {
    padding-top: 5px; }
  .card-carousel.video-carousel .current-video {
    transition: background-color 2s cubic-bezier(0, 0, 0, 1);
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 5px 5px 0 5px; }

.video-player-container {
  position: relative;
  background-color: #000; }
  .video-player-container .thumbnail {
    width: 100%;
    height: auto; }
  .video-player-container .play-button-secondary {
    position: absolute; }
  .video-player-container .controls {
    z-index: 1; }
  .video-player-container .fs-player {
    width: 100% !important; }

.entity-body-content.episodes .video-player-container {
  display: block; }

.video-container {
  position: relative;
  height: 0;
  border-radius: 5px;
  width: 100%;
  padding-bottom: 56.25%; }
  .video-container .video,
  .video-container .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 5px; }
  .video-container .play-button,
  .video-container .play-button-secondary {
    transition-duration: 0.15s;
    transition-property: transform;
    transition-timing-function: ease-out; }
  .video-container:hover .play-button,
  .video-container:hover .play-button-secondary {
    transform: scale(1.1); }
  @media only screen and (min-width: 1024px) {
    .video-container.pin-sticky-element .fs-player .channel-logo {
      height: 20px;
      bottom: 14px; }
    .video-container.pin-sticky-element .fs-player .controls {
      padding-left: 100px; }
      .video-container.pin-sticky-element .fs-player .controls .controlBar {
        height: 32px; }
      .video-container.pin-sticky-element .fs-player .controls button img {
        width: 22px;
        height: 22px; }
    .video-container.pin-sticky-element .ppv-overlay-container {
      width: 100%; } }
  .video-container .fs-player {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px; }
    .video-container .fs-player .jw-wrapper,
    .video-container .fs-player .jw-media,
    .video-container .fs-player .jw-preview
video {
      border-radius: 5px; }
    .video-container .fs-player:not(.full-screen) .controls .restart {
      display: none !important; }
    .video-container .fs-player .channel-logo {
      position: absolute;
      left: 32px;
      bottom: 23px;
      opacity: 1;
      visibility: visible;
      transition: opacity .25s;
      z-index: 3;
      height: 25px; }
      @media only screen and (max-width: 1023px) {
        .video-container .fs-player .channel-logo {
          height: 25px;
          width: 38px; } }
      @media only screen and (max-width: 767px) {
        .video-container .fs-player .channel-logo {
          bottom: 11px; } }
    .video-container .fs-player .pvp-expires-timer {
      position: absolute;
      right: 32px;
      top: 23px;
      opacity: 1;
      visibility: visible;
      transition: opacity .25s;
      z-index: 3; }
    .video-container .fs-player .jw-state-idle .controls,
    .video-container .fs-player .jw-state-idle ~ .channel-logo,
    .video-container .fs-player .jw-state-idle ~ .pvp-expires-timer,
    .video-container .fs-player .fs-video-player .controls,
    .video-container .fs-player .fs-video-player ~ .channel-logo,
    .video-container .fs-player .fs-video-player ~ .pvp-expires-timer,
    .video-container .fs-player .jw-error .controls,
    .video-container .fs-player .jw-error ~ .channel-logo,
    .video-container .fs-player .jw-error ~ .pvp-expires-timer,
    .video-container .fs-player .jw-state-buffering .controls,
    .video-container .fs-player .jw-state-buffering ~ .channel-logo,
    .video-container .fs-player .jw-state-buffering ~ .pvp-expires-timer {
      display: none !important; }
    .video-container .fs-player .fade-controls ~ .channel-logo,
    .video-container .fs-player .fade-controls ~ .pvp-expires-timer {
      opacity: 0;
      visibility: hidden;
      transition: visibility 1.5s, opacity 1.5s; }
    .video-container .fs-player .pvp-expires-timer:hover {
      opacity: 1 !important;
      visibility: visible !important; }
    .video-container .fs-player .controls {
      height: 100%;
      box-shadow: inset 0px 140px 83px -95px #000, inset 0px -140px 83px -95px #000;
      display: flex !important;
      flex-direction: column;
      padding-left: 155px;
      padding-bottom: 6px;
      z-index: 2;
      justify-content: flex-end; }
      .video-container .fs-player .controls button {
        padding: 0;
        margin: 0 11px;
        width: 35px !important;
        height: 35px !important; }
        .video-container .fs-player .controls button img {
          width: 22px;
          height: 22px; }
      @media only screen and (max-width: 767px) {
        .video-container .fs-player .controls {
          padding-left: 100px;
          box-shadow: inset 0px 80px 83px -70px #000, inset 0px -80px 83px -70px #000; } }
      .video-container .fs-player .controls .controlBar {
        height: 56px; }
        @media only screen and (max-width: 767px) {
          .video-container .fs-player .controls .controlBar {
            height: 35px; } }
  .video-container .choose-preference {
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .video-container .choose-preference .choose-btn {
      display: flex;
      flex-direction: column;
      margin: 0 40px;
      align-items: center; }
      @media only screen and (max-width: 1023px) {
        .video-container .choose-preference .choose-btn {
          margin: 0 15px; } }
    .video-container .choose-preference .live-arrow,
    .video-container .choose-preference .restart-arrow {
      background-image: url("../../images/icons/arrow/arrow-live.svg");
      background-size: cover;
      width: 95px;
      height: 95px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .video-container .choose-preference .live-arrow,
        .video-container .choose-preference .restart-arrow {
          width: 70px;
          height: 70px; } }
      @media only screen and (max-width: 767px) {
        .video-container .choose-preference .live-arrow,
        .video-container .choose-preference .restart-arrow {
          height: 35px;
          width: 35px; } }
    .video-container .choose-preference .live-arrow {
      background-image: url("../../images/icons/arrow/arrow-live.svg"); }
    .video-container .choose-preference .restart-arrow {
      background-image: url("../../images/icons/arrow/arrow-restart.svg"); }
  .video-container .stream-concluded .choose-preference {
    flex-direction: column;
    text-align: center; }

#overlayPlay .overlay-play-button {
  z-index: 1 !important; }

.video {
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.play-button-network {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  min-width: 40px; }

.video-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 15% 15%;
  box-sizing: border-box;
  color: #fff; }

.video-overlay-teams {
  text-align: center; }
  .video-overlay-teams .page-title {
    color: #fff; }
  @media only screen and (max-width: 767px) {
    .video-overlay-teams .video-title,
    .video-overlay-teams .time-tv {
      display: none; } }
  .video-overlay-teams .team-logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    width: 210px; }
    .video-overlay-teams .team-logos .team-logo {
      max-width: 100px;
      max-height: 100px; }
      @media only screen and (max-width: 767px) {
        .video-overlay-teams .team-logos .team-logo {
          max-width: 80px;
          max-height: 80px; } }
  .video-overlay-teams .page-title {
    max-width: 300px; }

.video-overlay-show {
  padding: 46px 40px;
  display: grid;
  grid-template-rows: auto 15px;
  grid-template-columns: 240px auto;
  grid-row-gap: 8px;
  align-content: end;
  justify-content: start; }
  .video-overlay-show .network-logo {
    grid-row: 1;
    grid-column: 1; }
  .video-overlay-show .page-title {
    grid-row: 1;
    grid-column: 2; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .video-overlay-show .video-title {
      grid-row: 2;
      grid-column: 1; } }
  .video-overlay-show .info-text {
    grid-row: 2;
    grid-column: 2;
    align-self: start; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .video-overlay-show .info-text {
        grid-row: 3;
        grid-column: 1; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .video-overlay-show {
      grid-template-rows: auto;
      grid-template-columns: auto; } }
  @media only screen and (max-width: 767px) {
    .video-overlay-show {
      display: none; } }

.live-tv-channel-texts {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 6px;
  align-content: start; }

.live-tv-channel {
  display: grid;
  justify-content: space-between; }
  .live-tv-channel .live-tv-video-metadata {
    display: grid;
    grid-template-columns: 240px auto; }
    @media only screen and (min-width: 1024px) {
      .live-tv-channel .live-tv-video-metadata {
        margin-right: 100px; }
        .live-tv-channel .live-tv-video-metadata .network-logo {
          grid-row: span 2;
          grid-column: 1; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .live-tv-channel .live-tv-video-metadata {
        margin-right: 55px; } }
    .live-tv-channel .live-tv-video-metadata .bonus-listing-data {
      visibility: hidden;
      position: relative; }
      .live-tv-channel .live-tv-video-metadata .bonus-listing-data::after {
        content: '';
        display: block;
        background-size: contain;
        background-repeat: no-repeat; }
      .live-tv-channel .live-tv-video-metadata .bonus-listing-data::after {
        height: 22px;
        width: 22px;
        position: absolute;
        left: -32px;
        top: 1px;
        background-image: url("../../images/icons/bonus-feed.svg"); }
      @media only screen and (max-width: 1023px) {
        .live-tv-channel .live-tv-video-metadata .bonus-listing-data {
          display: none; } }
  @media only screen and (max-width: 1023px) {
    .live-tv-channel.bonus-listing .video-title {
      display: flex;
      flex-direction: row-reverse; }
      .live-tv-channel.bonus-listing .video-title::after {
        content: '';
        display: block;
        background-size: contain;
        background-repeat: no-repeat; }
      .live-tv-channel.bonus-listing .video-title::after {
        height: 22px;
        width: 22px;
        margin: 2px 10px 0 0;
        background-image: url("../../images/icons/bonus-feed.svg"); } }
  @media only screen and (max-width: 767px) {
    .live-tv-channel.bonus-listing .video-title {
      flex-direction: column; }
      .live-tv-channel.bonus-listing .video-title::after {
        margin: 5px 0 0; } }
  @media only screen and (max-width: 767px) {
    .live-tv-channel.bonus-listing .live-tv-video-metadata {
      grid-template-columns: auto auto;
      grid-column-gap: 20px; } }
  @media only screen and (max-width: 767px) {
    .live-tv-channel.bonus-listing .video-container {
      width: 163px;
      padding-bottom: 93px; }
      .live-tv-channel.bonus-listing .video-container .play-button-secondary {
        background-size: 30px 30px;
        width: 30px;
        height: 30px; } }
  .live-tv-channel .video-container {
    grid-row: span 2;
    grid-column: 2;
    width: 271px;
    padding-bottom: 150px; }
    @media only screen and (min-width: 768px) {
      .live-tv-channel .video-container .fs-player:not(.full-screen):hover .controls {
        display: block !important;
        padding-bottom: 0;
        visibility: visible;
        opacity: 1; }
        .live-tv-channel .video-container .fs-player:not(.full-screen):hover .controls .leftControls .restart,
        .live-tv-channel .video-container .fs-player:not(.full-screen):hover .controls .leftControls .volumeContainer {
          display: none !important; }
        .live-tv-channel .video-container .fs-player:not(.full-screen):hover .controls .rightControls .castDiv,
        .live-tv-channel .video-container .fs-player:not(.full-screen):hover .controls .rightControls .pluginPositionHelper {
          display: none !important; }
        .live-tv-channel .video-container .fs-player:not(.full-screen):hover .controls .fade-cotnrols {
          visibility: visible; } }
    .live-tv-channel .video-container .video,
    .live-tv-channel .video-container .video-overlay {
      border-radius: 3px; }
    .live-tv-channel .video-container .fs-player {
      border-radius: 3px; }
      .live-tv-channel .video-container .fs-player .jw-wrapper,
      .live-tv-channel .video-container .fs-player .jw-media,
      .live-tv-channel .video-container .fs-player .jw-preview video {
        border-radius: 3px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .live-tv-channel .live-tv-video-metadata {
      grid-template-columns: auto;
      grid-template-rows: 24px auto 13px;
      row-gap: 4px; } }
  @media only screen and (max-width: 767px) {
    .live-tv-channel:not(.bonus-listing) {
      grid-template-columns: 100%;
      row-gap: 26px; }
      .live-tv-channel:not(.bonus-listing) .video-container {
        grid-row: 1;
        grid-column: 1;
        width: 100%;
        padding-bottom: 56.25%; }
      .live-tv-channel:not(.bonus-listing) .live-tv-video-metadata {
        grid-row: 2;
        grid-template-columns: auto;
        grid-template-rows: 24px auto 13px;
        row-gap: 4px; } }

.live-tv-main + .bonus-listing .bonus-listing-data,
.live-tv-channel:not(.bonus-listing) + .bonus-listing .bonus-listing-data {
  visibility: visible; }
  @media only screen and (max-width: 1023px) {
    .live-tv-main + .bonus-listing .bonus-listing-data,
    .live-tv-channel:not(.bonus-listing) + .bonus-listing .bonus-listing-data {
      display: none; } }

.bonus-listing + .live-tv-channel:not(.bonus-listing) {
  padding-top: 114px; }
  .bonus-listing + .live-tv-channel:not(.bonus-listing)::before {
    top: 2px !important; }

.live-tv {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 60px; }
  @media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .live-tv.watch {
      padding-top: 0; } }
  @media only screen and (max-width: 1023px) {
    .live-tv.watch {
      padding-top: 15px; } }
  @media only screen and (min-width: 768px) {
    .live-tv.watch .live-on-fox-secondary-collection {
      display: grid;
      grid-template-columns: 33.3% 33.3% 33.3%;
      justify-content: center; }
      .live-tv.watch .live-on-fox-secondary-collection .live-on-fox-secondary-item:nth-child(3n+2) {
        justify-self: center; }
      .live-tv.watch .live-on-fox-secondary-collection .live-on-fox-secondary-item:nth-child(3n+1) {
        justify-self: start; }
      .live-tv.watch .live-on-fox-secondary-collection .live-on-fox-secondary-item:nth-child(3n) {
        justify-self: end; } }
  @media only screen and (max-width: 767px) {
    .live-tv.watch .live-on-fox-secondary-collection {
      margin: 0; }
      .live-tv.watch .live-on-fox-secondary-collection .live-on-fox-secondary-item {
        margin-bottom: 15px; } }
  .live-tv .live-tv-channels {
    display: grid;
    grid-auto-flow: row;
    row-gap: 52px; }
    .live-tv .live-tv-channels .play-button-secondary {
      display: none; }
    .live-tv .live-tv-channels .video-container:hover .play-button-secondary {
      display: block; }
    .live-tv .live-tv-channels .live-tv-channel {
      position: relative; }
      .live-tv .live-tv-channels .live-tv-channel::before {
        display: block;
        content: " ";
        position: absolute;
        left: 0;
        top: -26px;
        width: 100%;
        height: 1px;
        background: rgba(0, 0, 0, 0.1); }
        @media only screen and (max-width: 767px) {
          .live-tv .live-tv-channels .live-tv-channel::before {
            left: -25px;
            width: calc(100% + 50px); } }
      @media only screen and (min-width: 1024px) {
        .live-tv .live-tv-channels .live-tv-channel.bonus-listing::before {
          left: 280px;
          width: calc(100% - 280px); } }
      @media only screen and (max-width: 767px) {
        .live-tv .live-tv-channels .live-tv-channel.bonus-listing::before {
          display: none; } }
      .live-tv .live-tv-channels .live-tv-channel:nth-child(2)::before {
        content: none; }
        @media only screen and (max-width: 767px) {
          .live-tv .live-tv-channels .live-tv-channel:nth-child(2)::before {
            content: " "; } }
      @media only screen and (min-width: 1024px) {
        .live-tv .live-tv-channels .live-tv-channel {
          padding-left: 40px; } }
  .live-tv .live-tv.channel ~ .live-tv-channel {
    content: none; }
    @media only screen and (max-width: 767px) {
      .live-tv .live-tv.channel ~ .live-tv-channel {
        content: " "; } }

@media only screen and (max-width: 767px) {
  .live-tv-main {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 100%;
    row-gap: 26px; } }

.live-tv-main .live-tv-video-metadata {
  display: none; }
  @media only screen and (max-width: 767px) {
    .live-tv-main .live-tv-video-metadata {
      display: grid;
      grid-row: 2;
      grid-template-columns: auto;
      grid-template-rows: 24px auto 13px;
      row-gap: 4px; } }

.live-tv-full-schedule-container {
  padding-top: 39px;
  margin-top: 105px;
  border-top: 1px solid #e5e5e5; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .live-tv-full-schedule-container {
      margin-top: 80px;
      padding-top: 63px; } }
  @media only screen and (max-width: 767px) {
    .live-tv-full-schedule-container {
      display: block;
      margin-top: 35px;
      padding: 0; } }
  .live-tv-full-schedule-container .schedule-chip-fox {
    width: 270px;
    height: 150px;
    background-color: #f0f0f0;
    border-radius: 3px;
    border: solid 1px rgba(0, 0, 0, 0.1); }
    @media only screen and (max-width: 1279px) {
      .live-tv-full-schedule-container .schedule-chip-fox {
        width: 220px;
        height: 125px; } }
    @media only screen and (max-width: 767px) {
      .live-tv-full-schedule-container .schedule-chip-fox {
        max-width: 550px;
        height: 350px;
        width: 100%;
        padding-top: 56.25%;
        height: 0; } }
    .live-tv-full-schedule-container .schedule-chip-fox .schedule-logo {
      height: 80px;
      width: 80px; }
      .live-tv-full-schedule-container .schedule-chip-fox .schedule-logo + .schedule-logo {
        padding-right: 20px; }
  .live-tv-full-schedule-container .filter-container-wrapper {
    align-items: center;
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 140px;
    background: #fff; }
    .live-tv-full-schedule-container .filter-container-wrapper .filter-container {
      display: flex; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .live-tv-full-schedule-container .filter-container-wrapper .filter-container {
          justify-content: space-between; } }
      .live-tv-full-schedule-container .filter-container-wrapper .filter-container .date-picker-container {
        flex: 0 0 280px; }
      @media only screen and (max-width: 767px) {
        .live-tv-full-schedule-container .filter-container-wrapper .filter-container {
          flex-direction: column-reverse; }
          .live-tv-full-schedule-container .filter-container-wrapper .filter-container .date-picker-container {
            width: 100%;
            flex: 0 0 45px;
            border-bottom: solid 1px #e5e5e5; } }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) {
      .live-tv-full-schedule-container .filter-container-wrapper {
        top: 150px; } }
    @media only screen and (max-width: 1023px) {
      .live-tv-full-schedule-container .filter-container-wrapper {
        top: 130px; } }
  @media only screen and (max-width: 767px) {
    .live-tv-full-schedule-container .date-picker-container {
      height: 45px; } }
  .live-tv-full-schedule-container .group-selector .dropdown-header {
    background-color: #fff;
    margin: 0;
    width: auto; }
    .live-tv-full-schedule-container .group-selector .dropdown-header .dropdown-header-inner {
      margin-left: 0; }
  @media only screen and (max-width: 1023px) {
    .live-tv-full-schedule-container .group-selector .dropdown-menu-title {
      color: #000; } }
  @media only screen and (max-width: 767px) {
    .live-tv-full-schedule-container .group-selector .dropdown-menu-title {
      font-size: 18px; } }
  @media only screen and (max-width: 1023px) {
    .live-tv-full-schedule-container .group-selector .ic-arrow {
      background-image: url("../../images/icons/link-arrow/link-arrow-down.svg"); } }
  @media only screen and (max-width: 767px) {
    .live-tv-full-schedule-container .live-tv-schedule-date {
      position: -webkit-sticky;
      /* Safari */
      position: sticky;
      top: 0;
      padding: 12px 0 12px 25px; } }
  .live-tv-full-schedule-container .live-tv-channels {
    margin-top: 40px; }
    @media only screen and (max-width: 1023px) {
      .live-tv-full-schedule-container .live-tv-channels {
        margin-top: 10px; } }
  .live-tv-full-schedule-container .live-tv-channel {
    align-items: center;
    padding: 39px 0 35px 0;
    border-top: 1px solid #e5e5e5;
    display: flex;
    margin-left: 280px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .live-tv-full-schedule-container .live-tv-channel {
        padding: 37px 0 42px 0;
        margin: 0; } }
    @media only screen and (max-width: 767px) {
      .live-tv-full-schedule-container .live-tv-channel {
        padding: 34px 0 36px 0;
        border-top: none;
        border-bottom: 1px solid #e5e5e5;
        margin: 0; }
        .live-tv-full-schedule-container .live-tv-channel:last-child {
          border-bottom: none; } }
    @media only screen and (max-width: 767px) {
      .live-tv-full-schedule-container .live-tv-channel .live-tv-time-schedule {
        justify-items: self-end;
        display: flex;
        flex-direction: column-reverse;
        text-align: right; }
        .live-tv-full-schedule-container .live-tv-channel .live-tv-time-schedule .channel-name {
          padding-top: 3px;
          padding-right: 0; } }
    .live-tv-full-schedule-container .live-tv-channel .live-tv-time-schedule-2 {
      display: none; }
      @media only screen and (max-width: 767px) {
        .live-tv-full-schedule-container .live-tv-channel .live-tv-time-schedule-2 {
          display: block;
          padding: 0 25px 0 0; } }
  .live-tv-full-schedule-container .live-tv-video-schedule-container {
    position: relative; }
    @media only screen and (max-width: 767px) {
      .live-tv-full-schedule-container .live-tv-video-schedule-container {
        margin: 34px 25px 0 25px; } }
    .live-tv-full-schedule-container .live-tv-video-schedule-container .live-tv-time-schedule {
      position: absolute;
      z-index: 4;
      right: 10px;
      top: 10px; }
      @media only screen and (max-width: 767px) {
        .live-tv-full-schedule-container .live-tv-video-schedule-container .live-tv-time-schedule {
          display: none; } }
  .live-tv-full-schedule-container .loading-container, .live-tv-full-schedule-container .no-listings {
    padding: 60px 0; }
    @media only screen and (max-width: 1023px) {
      .live-tv-full-schedule-container .loading-container, .live-tv-full-schedule-container .no-listings {
        padding-top: 40px; } }

.live-tv-header-wrapper {
  width: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
  z-index: 2; }
  @media only screen and (max-width: 767px) {
    .live-tv-header-wrapper {
      top: 76px; } }

.live-tv-page-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 70px;
  background-color: #fff;
  width: 100%;
  max-width: 930px;
  align-items: baseline; }
  @media only screen and (min-width: 1024px) {
    .live-tv-page-header {
      justify-self: center; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .live-tv-page-header {
      width: calc(100% - 220px);
      padding-bottom: 34px; } }
  @media only screen and (max-width: 767px) {
    .live-tv-page-header {
      width: calc(100% - 50px);
      margin: 0 25px;
      padding-bottom: 40px; } }
  .live-tv-page-header .live-tv-page-fs {
    align-self: flex-end; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  margin: 10px 110px; }

@media only screen and (max-width: 767px) {
  margin: 10px 0; }

/** video - thumdnail **/
.article-container.vid {
  max-width: 645px;
  max-height: 100%; }

.article-title {
  padding: 10px 0; }

.live-tv-watch-player {
  max-width: calc(100% - 200px);
  margin: 0 100px;
  width: 100%; }
  @media only screen and (min-width: 1280px) {
    .live-tv-watch-player {
      padding-top: 55px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .live-tv-watch-player {
      max-width: 930px;
      margin: 0 auto; } }
  @media only screen and (max-width: 1023px) {
    .live-tv-watch-player {
      margin: 0;
      max-width: 100%; }
      .live-tv-watch-player .video-container .video,
      .live-tv-watch-player .video-container .video-overlay {
        border-radius: 0; } }
  .live-tv-watch-player .video-container {
    margin-bottom: 25px; }
  .live-tv-watch-player .channel-logo {
    height: 12px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .live-tv-watch-player .watch-player-details {
      margin: 0 55px; } }
  @media only screen and (max-width: 767px) {
    .live-tv-watch-player .watch-player-details {
      margin: 0 25px; } }
  .live-tv-watch-player .watch-player-channel {
    display: flex;
    align-items: center; }
    .live-tv-watch-player .watch-player-channel .h1-text {
      display: none; }

.video-overlay.pvp-overlay {
  cursor: default; }
  .video-overlay.pvp-overlay .pvp-desc {
    max-width: 350px;
    font-size: 16px; }
  .video-overlay.pvp-overlay .pvp-cta {
    background: transparent; }
    .video-overlay.pvp-overlay .pvp-cta:hover {
      background: rgba(255, 255, 255, 0.2); }
  .video-overlay.pvp-overlay .pvp-title {
    text-align: center;
    font-size: 64px; }
    @media only screen and (max-width: 1023px) {
      .video-overlay.pvp-overlay .pvp-title {
        font-size: 36px; } }
  .video-overlay.pvp-overlay .pvp-links-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100px; }
  @media only screen and (max-width: 767px) {
    .video-overlay.pvp-overlay {
      padding: 5% 5%; }
      .video-overlay.pvp-overlay .pvp-links-wrapper {
        flex-direction: row;
        height: unset;
        align-items: center;
        margin-top: 20px; }
      .video-overlay.pvp-overlay .link-button:not(.ppv) {
        display: flex;
        border: none;
        padding: 0;
        line-height: 0;
        margin: 0 5px 0 0;
        height: fit-content; }
        .video-overlay.pvp-overlay .link-button:not(.ppv)::after {
          content: '';
          display: block;
          background-size: contain;
          background-repeat: no-repeat; }
      .video-overlay.pvp-overlay .link-button::after {
        background-image: url(../../images/icons/link-arrow/link-forward-grey.svg);
        width: 16px;
        height: 16px;
        margin-bottom: -2px; }
      .video-overlay.pvp-overlay .link-button:hover {
        background: none; } }

.pvp-mvpd-link::after {
  content: '';
  display: block;
  background-size: contain;
  background-repeat: no-repeat; }

.pvp-mvpd-link::after {
  background-image: url(../../images/icons/link-arrow/link-forward-grey.svg);
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-bottom: -2px; }

.video-overlay.event-overlay .countdown-timer {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 100%; }

.video-overlay.event-overlay .countdown-time-display {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-transform: uppercase; }

.video-overlay.event-overlay .countdown-mvpd-text {
  opacity: .55;
  margin-top: 20px; }
  .video-overlay.event-overlay .countdown-mvpd-text.bold,
  .video-overlay.event-overlay .countdown-mvpd-text .bold,
  .bold .video-overlay.event-overlay .countdown-mvpd-text {
    font-weight: 700; }
  @media only screen and (max-width: 767px) {
    .video-overlay.event-overlay .countdown-mvpd-text {
      display: none; } }

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .video-overlay.event-overlay .link-button {
    margin-top: 15px; } }

@media only screen and (max-width: 767px) {
  .video-overlay.event-overlay .link-button:not(.ppv) {
    display: flex;
    border: none;
    padding: 0;
    line-height: 0;
    margin: 20px 5px 0 0;
    height: fit-content; }
    .video-overlay.event-overlay .link-button:not(.ppv)::after {
      content: '';
      display: block;
      background-size: contain;
      background-repeat: no-repeat; }
  .video-overlay.event-overlay .link-button::after {
    background-image: url(../../images/icons/link-arrow/link-forward-grey.svg);
    width: 16px;
    height: 16px;
    margin-bottom: -2px; }
  .video-overlay.event-overlay .link-button:hover {
    background: none; } }

.video-overlay.event-overlay .link-button.ppv {
  padding: 0 25px; }

.video-overlay.event-overlay .countdown-timer + .link-button.ppv {
  margin-top: 20px; }
  .video-overlay.event-overlay .countdown-timer + .link-button.ppv + div {
    margin-top: 10px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .video-overlay.event-overlay .countdown-timer + .link-button.ppv {
      margin-top: 30px; } }
  @media only screen and (max-width: 767px) {
    .video-overlay.event-overlay .countdown-timer + .link-button.ppv {
      margin-top: 10px; } }

.video-overlay.event-overlay .ppv-overlay-container {
  display: flex;
  flex-direction: column;
  text-align: center; }
  .video-overlay.event-overlay .ppv-overlay-container .title-container {
    font-size: 64px; }
  .video-overlay.event-overlay .ppv-overlay-container .profile-prompt {
    margin-top: 20px; }
  .video-overlay.event-overlay .ppv-overlay-container .link-button.ppv {
    margin-top: 30px;
    margin-bottom: 20px; }
  @media only screen and (max-width: 1023px) {
    .video-overlay.event-overlay .ppv-overlay-container .title-container {
      display: none; } }

.promo-container {
  position: relative;
  height: 0;
  border-radius: 5px;
  width: 100%;
  padding-bottom: 56.25%; }
  @media only screen and (max-width: 767px) {
    .promo-container {
      width: 100%;
      padding-bottom: 81.5%; } }
  .promo-container .video, .promo-container .promo-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 5px; }
  .promo-container .promo-overlay {
    padding: 80px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    color: #fff; }
    .promo-container .promo-overlay .entity-image {
      height: 144px;
      width: auto; }
    .promo-container .promo-overlay .network-logo {
      height: 16px;
      width: auto; }
    .promo-container .promo-overlay .link-button {
      border-width: 2px; }
      .promo-container .promo-overlay .link-button.ppv {
        height: 56px;
        width: 300px;
        line-height: 56px;
        border-radius: 30px; }
      .promo-container .promo-overlay .link-button:not(.ppv) {
        border-color: #fff; }
    .promo-container .promo-overlay .flex-col-cntr {
      max-width: 75%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .promo-container .promo-overlay {
        padding: 15px 40px; }
        .promo-container .promo-overlay .entity-image {
          height: 100px; }
        .promo-container .promo-overlay .link-button {
          height: 30px;
          border-radius: 17px;
          line-height: 30px;
          margin-top: 10px; } }
    @media only screen and (max-width: 767px) {
      .promo-container .promo-overlay {
        padding: 40px 90px; }
        .promo-container .promo-overlay .entity-image {
          height: 65px; }
        .promo-container .promo-overlay .network-logo {
          height: 11px; }
        .promo-container .promo-overlay .flex-col-cntr {
          max-width: unset; }
        .promo-container .promo-overlay .link-button, .promo-container .promo-overlay .link-button.ppv {
          width: 50%;
          height: 36px;
          line-height: 36px; }
        .promo-container .promo-overlay .link-button {
          margin-top: 15px; } }

.inset-promo-container {
  border-radius: 5px;
  border: 1px solid #e5e5e5;
  padding: 25px 20px; }
  .inset-promo-container:hover .image-button::after {
    transform: translateX(4px); }
  .inset-promo-container img {
    width: 64px;
    height: auto; }
  .inset-promo-container .image-button {
    margin-left: auto; }
    .inset-promo-container .image-button::after {
      content: '';
      background-image: url(../../images/icons/link-arrow/link-forward-grey.svg);
      background-size: 12px 12px;
      width: 12px;
      height: 12px;
      display: inline-block;
      margin: 0 0 0 0;
      transition: transform .15s ease-out; }
    .inset-promo-container .image-button:hover::after {
      transform: translateX(4px); }
  .inset-promo-container .channel-logo {
    height: 13px;
    width: auto; }

.re-air-badge {
  background-image: url("../../images/icons/re-air-badge.svg");
  width: 50px;
  height: 15px; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .fscom-container.layout-live-channel .nav-header {
    width: calc(100% - 110px); } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .fscom-container.layout-live-channel .layout-content-container {
    max-width: calc(100% - 110px); } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .fscom-container.layout-live-channel .fscom-footer {
    margin: 0 auto;
    max-width: calc(100% - 110px); } }

.story-topic-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start; }

.story-social-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start; }
  .story-social-group .share-icon {
    background-size: contain;
    height: 30px;
    width: 30px;
    margin-right: 10px; }

.odds-header-container {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .odds-header-container {
      padding-bottom: 0; } }

.odds-row-container {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 35px;
  padding: 50px 0;
  align-items: center;
  border-bottom: 1px solid rgba(26, 26, 26, 0.1); }
  @media only screen and (max-width: 1439px) {
    .odds-row-container {
      column-gap: 22px; } }
  @media only screen and (max-width: 767px) {
    .odds-row-container {
      padding: 30px 0;
      grid-template-columns: 50% 50%;
      column-gap: 0; } }
  .odds-row-container:last-child {
    border-bottom: none;
    padding-bottom: 0; }
  .odds-row-container .odds-content-container {
    display: grid;
    grid-template-columns: 155px 220px;
    column-gap: 22px; }
    @media only screen and (min-width: 1024px) and (max-width: 1439px) {
      .odds-row-container .odds-content-container {
        grid-template-columns: 100px 190px; } }
    @media only screen and (max-width: 1023px) {
      .odds-row-container .odds-content-container {
        column-gap: 35px; } }
    @media only screen and (max-width: 767px) {
      .odds-row-container .odds-content-container {
        max-width: 220px;
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        row-gap: 8px; } }
  .odds-row-container .flex-inline {
    justify-self: flex-end; }
    .odds-row-container .flex-inline .green-checkmark {
      height: 20px;
      width: 20px; }
    .odds-row-container .flex-inline .image-logo {
      height: 48px;
      width: 48px; }
    .odds-row-container .flex-inline .image-logo,
    .odds-row-container .flex-inline .odds-line {
      margin-right: 10px; }
    .odds-row-container .flex-inline .image-headshot {
      border: solid 1px #d1d1d1;
      border-radius: 50%;
      overflow: hidden;
      box-sizing: border-box; }

.odds-line-container {
  display: grid;
  grid-template-columns: 61px 96px;
  grid-template-rows: auto;
  column-gap: 35px;
  justify-content: flex-end; }
  @media only screen and (max-width: 1279px) {
    .odds-line-container {
      column-gap: 22px;
      grid-template-columns: 61px 83px; } }
  .odds-line-container.triple {
    grid-template-columns: 53px 53px 53px;
    column-gap: 15px; }
    @media only screen and (min-width: 1024px) {
      .odds-line-container.triple .odds-line {
        font-size: 23px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) {
      .odds-line-container.triple {
        grid-template-columns: 45px 45px 45px; } }
    @media only screen and (max-width: 767px) {
      .odds-line-container.triple {
        grid-template-columns: 47px 47px 47px;
        column-gap: 10px; }
        .odds-line-container.triple .odds-line {
          font-size: 16px; } }
    .odds-line-container.triple .odds-line-info {
      width: unset;
      text-align: end; }
      .odds-line-container.triple .odds-line-info:nth-child(2), .odds-line-container.triple .odds-line-info:nth-child(3) {
        padding-left: 0; }
  .odds-line-container .team-logo {
    width: 48px;
    height: 48px; }
    @media only screen and (max-width: 767px) {
      .odds-line-container .team-logo {
        width: 40px;
        height: 40px; } }

.odds-line-container-element {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto;
  grid-gap: 10px; }

.odds-line-info {
  width: 61px; }
  .odds-line-info .odds-line,
  .odds-line-info .odds-line-sub {
    justify-self: right;
    white-space: nowrap; }

.odds-line-info:nth-child(2), .odds-line-info:nth-child(3) {
  border-left: 1px solid rgba(26, 26, 26, 0.1);
  padding-left: 35px; }
  @media only screen and (max-width: 1279px) {
    .odds-line-info:nth-child(2), .odds-line-info:nth-child(3) {
      padding-left: 22px; } }

.odds-result {
  width: 100%;
  display: flex; }
  .odds-result .checkmark {
    padding-left: 13px;
    width: 12px; }

.odds-see-all .ic-arrow {
  transform: rotate(270deg);
  width: 20px;
  height: 20px; }

.odds-see-all::after {
  content: '';
  background-image: url(../../images/icons/link-arrow/link-forward.svg);
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 4px 0 0 3px;
  transition: transform .15s ease-out; }

.odds-see-all:hover::after {
  transform: translateX(4px); }

.super-six-component {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center; }
  .super-six-component .super-six-header {
    padding: 15px 0 8px; }
    @media only screen and (max-width: 767px) {
      .super-six-component .super-six-header {
        padding: 20px 0 0; } }
  .super-six-component .super-six-content {
    padding: 0 0 10px; }
  .super-six-component .link-button {
    margin-top: 12px;
    padding: 0 38px;
    background: none; }
    @media only screen and (max-width: 767px) {
      .super-six-component .link-button {
        padding: 0 56px; } }
  .super-six-component .image-s6 {
    display: flex;
    height: 24px; }

.odds-details {
  align-items: center;
  justify-content: space-between; }
  .odds-details .odd-sub-header {
    width: 100%; }
  .odds-details .odd-sub-header ~ .odds-bets {
    max-width: 364px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .odds-details .odd-sub-header ~ .odds-bets {
        max-width: 328px; } }
    @media only screen and (max-width: 767px) {
      .odds-details .odd-sub-header ~ .odds-bets {
        max-width: 165px; } }

#chart-tooltip {
  text-align: center; }
  #chart-tooltip .title {
    font-family: "FSStadiumCond";
    font-weight: 500 !important;
    font-size: 20px;
    height: 22px; }
    @media only screen and (max-width: 767px) {
      #chart-tooltip .title {
        font-size: 16px; } }
  #chart-tooltip .timestamp {
    font-family: "ProximaNova";
    font-size: 10px;
    line-height: 2;
    color: #757575; }

.odds-bets {
  max-height: 66px; }
  @media only screen and (max-width: 767px) {
    .odds-bets {
      height: 50px; } }
  .odds-bets.triple-odds .odds-bet {
    padding: 0 10px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .odds-bets.triple-odds .odds-bet {
        padding: 0 5px; } }
  .odds-bets .odds-bet {
    padding: 0 25px;
    width: 80px; }
    @media only screen and (max-width: 767px) {
      .odds-bets .odds-bet {
        padding: 0 10px;
        width: 65px; } }
    .odds-bets .odds-bet:not(:last-child) {
      border-right: 1px solid rgba(38, 38, 38, 0.1); }
    .odds-bets .odds-bet .odds-number:after {
      content: '';
      display: block;
      background-size: contain;
      background-repeat: no-repeat;
      width: 15px;
      height: 15px;
      margin-left: 4px; }
    .odds-bets .odds-bet .odds-number.up:after {
      background-image: url("../../images/icons/arrow/caret-up-green.svg"); }
    .odds-bets .odds-bet .odds-number.down:after {
      background-image: url("../../images/icons/arrow/caret-down-red.svg"); }
    .odds-bets .odds-bet .odds-number.none:after {
      content: "--";
      color: #757575;
      height: auto;
      opacity: 0.4;
      font-size: 20px; }

.prop-bets-comp-container .link-button img.link-logo {
  width: 57px;
  margin: 0 0 0 5px;
  height: auto; }

.prop-bets-comp-container .link-button {
  width: 246px;
  height: 70px;
  display: flex;
  justify-content: center;
  border-radius: 50px;
  margin: 0 auto; }

.prop-bets-comp-container .cell-number {
  font-family: "FSStadiumCond";
  font-weight: 500 !important;
  font-size: 30px; }
  @media only screen and (max-width: 1023px) {
    .prop-bets-comp-container .cell-number {
      font-size: 26px; } }

.prop-bets-comp-container .cell-result:not(.none) {
  width: 40px;
  padding-left: 40px; }
  @media only screen and (max-width: 1023px) {
    .prop-bets-comp-container .cell-result:not(.none) {
      padding-left: 20px; } }

.prop-bets-comp-container .success:after {
  height: 22px;
  content: '';
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../images/icons/checkmark/checkmark-green.svg"); }

.prop-bets-comp-container .failure:after {
  height: 22px;
  content: '';
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../images/icons/checkmark/checkmark-x-red.svg"); }

.prop-bets-comp-container .table-entity-odds .table-subtext {
  color: #757575; }

.prop-bets-component {
  padding-bottom: 100px; }
  .prop-bets-component:last-child {
    padding-bottom: 0; }
  .prop-bets-component tr:hover td {
    background: unset; }
  .prop-bets-component .data-table td {
    border-top: none; }
  .prop-bets-component .entity-top .row-data tr {
    height: 70px; }
  .prop-bets-component .combo-bet span {
    padding-bottom: 20px;
    white-space: normal; }
  .prop-bets-component .image-headshot,
  .prop-bets-component .image-logo-container,
  .prop-bets-component .team-logo.image-logo {
    height: 132px;
    width: 132px;
    margin-right: 57px;
    margin-bottom: 18px;
    border: solid 1px #d1d1d1;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box; }
    .prop-bets-component .image-headshot img,
    .prop-bets-component .image-logo-container img,
    .prop-bets-component .team-logo.image-logo img {
      width: 66px;
      height: 66px; }
      @media only screen and (max-width: 767px) {
        .prop-bets-component .image-headshot img,
        .prop-bets-component .image-logo-container img,
        .prop-bets-component .team-logo.image-logo img {
          height: 44px;
          width: 44px; } }
    @media only screen and (max-width: 767px) {
      .prop-bets-component .image-headshot,
      .prop-bets-component .image-logo-container,
      .prop-bets-component .team-logo.image-logo {
        margin-right: 18px;
        height: 90px;
        width: 90px;
        margin-bottom: 14px; } }
  .prop-bets-component .image-headshot img {
    width: 132px;
    height: 132px; }
    @media only screen and (max-width: 767px) {
      .prop-bets-component .image-headshot img {
        height: 90px;
        width: 90px; } }
  .prop-bets-component .image-logo {
    padding: 32px; }
    @media only screen and (max-width: 767px) {
      .prop-bets-component .image-logo {
        padding: 22px; } }
  .prop-bets-component .team-logo {
    max-width: unset;
    max-height: unset;
    flex: unset; }
  @media only screen and (min-width: 768px) {
    .prop-bets-component .table-entity-name {
      font-size: 20px; } }
  .prop-bets-component .cell-text {
    font-family: "FSStadiumCond";
    font-weight: 500 !important;
    font-size: 26px; }
    @media only screen and (max-width: 767px) {
      .prop-bets-component .cell-text {
        font-size: 20px; } }
    .prop-bets-component .cell-text .player-headshot,
    .prop-bets-component .cell-text .image-headshot,
    .prop-bets-component .cell-text .image-logo {
      height: 132px;
      width: 132px; }
      @media only screen and (max-width: 767px) {
        .prop-bets-component .cell-text .player-headshot,
        .prop-bets-component .cell-text .image-headshot,
        .prop-bets-component .cell-text .image-logo {
          height: 90px;
          width: 90px; } }
    .prop-bets-component .cell-text .image-logo img {
      height: 66px;
      width: 66px; }
      @media only screen and (max-width: 767px) {
        .prop-bets-component .cell-text .image-logo img {
          height: 44px;
          width: 44px; } }
  .prop-bets-component .cell-text[data-index="1"] {
    text-align: right;
    font-size: 23px; }
  .prop-bets-component .combo-bet-entity img {
    display: flex;
    margin: auto;
    height: 132px;
    width: 132px; }
    @media only screen and (max-width: 767px) {
      .prop-bets-component .combo-bet-entity img {
        height: 90px;
        width: 90px; } }
  .prop-bets-component .combo-bet-entity .image-logo img {
    height: 66px;
    width: 66px; }
    @media only screen and (max-width: 767px) {
      .prop-bets-component .combo-bet-entity .image-logo img {
        height: 44px;
        width: 44px; } }

.entity-body-content.odds .prop-bets-component .table-logo,
.entity-body-content.odds .prop-bets-component .image-headshot {
  margin-bottom: 0; }
  @media only screen and (max-width: 1023px) {
    .entity-body-content.odds .prop-bets-component .table-logo,
    .entity-body-content.odds .prop-bets-component .image-headshot {
      margin-right: 18px; } }

.entity-body-content.odds .prop-bets-component td {
  padding-bottom: 18px; }
  @media only screen and (max-width: 1023px) {
    .entity-body-content.odds .prop-bets-component td {
      padding-bottom: 14px; } }

.entity-body-content.odds .prop-bets-component .cell-text[data-index="0"] {
  font-size: 20px; }

.entity-body-content.odds .prop-bets-component .cell-text[data-index="1"] {
  font-size: 26px; }

.entity-body-content.odds:not(.team) .prop-bets-component td img {
  margin: auto; }

.event-component-container .table-entity-odds tr:first-child td {
  border-top: none; }

.event-component-container .table-entity-odds td {
  padding-top: 20px;
  padding-bottom: 20px; }
  .event-component-container .table-entity-odds td.cell-entity .flex-col {
    padding-left: 30px;
    font-size: 20px; }
  .event-component-container .table-entity-odds td.cell-text {
    font-family: "FSStadiumCond";
    font-size: 20px; }

@media only screen and (max-width: 767px) {
  .event-component-container .table-entity-odds tr td {
    border-top: none;
    padding-top: 10px;
    padding-bottom: 0; }
    .event-component-container .table-entity-odds tr td.cell-entity .flex-col {
      padding-left: 15px;
      font-size: 18px; }
    .event-component-container .table-entity-odds tr td.cell-text {
      font-size: 16px; } }

.event-component-container.odds .table-entity-odds tr td {
  border-top: none;
  padding-top: 10px;
  padding-bottom: 10px; }

.event-component-container.odds .table-entity-odds .player-headshot, .event-component-container.odds .table-entity-odds .player-headshot img {
  height: 132px;
  width: 132px; }

@media only screen and (max-width: 767px) {
  .event-component-container.odds .table-entity-odds .player-headshot {
    height: 66px;
    width: 66px; }
    .event-component-container.odds .table-entity-odds .player-headshot img {
      width: 64px;
      height: 64px; }
  .event-component-container.odds .table-entity-odds .image-logo-container {
    height: 66px;
    width: 66px; }
    .event-component-container.odds .table-entity-odds .image-logo-container img {
      padding: 10px; } }

.event-component-container.matchup .table-entity-odds thead th {
  color: #000;
  font-size: 14px;
  font-family: "FSStadiumCond";
  border-bottom: none; }

.event-component-container.matchup .table-entity-odds .player-headshot {
  height: 34px;
  width: 34px; }
  .event-component-container.matchup .table-entity-odds .player-headshot img {
    width: 32px;
    height: 32px; }

@media only screen and (max-width: 767px) {
  .event-component-container.matchup .table-entity-odds .player-headshot {
    height: 66px;
    width: 66px; }
    .event-component-container.matchup .table-entity-odds .player-headshot img {
      width: 64px;
      height: 64px; } }

.feed-component.glide:hover .carousel-button-next,
.feed-component.glide:hover .carousel-button-previous {
  opacity: 1;
  visibility: visible; }

.feed-component.glide .glide__bullet {
  background-color: #000;
  opacity: 0.2;
  border: 0;
  outline: 0;
  padding: 0;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  cursor: pointer; }

.feed-component.glide .glide__bullet--active,
.feed-component.glide .glide__bullet:hover {
  opacity: 1; }

.feed-component.glide .glide__bullet + .glide__bullet {
  margin-left: 7px; }

.feed-component.glide .glide__arrows,
.feed-component.glide .glide__bullets {
  text-align: center; }

.feed-component.glide .glide--rtl {
  direction: rtl; }

.feed-component.glide div[data-glide-el="controls"] {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 35px); }
  .feed-component.glide div[data-glide-el="controls"] .carousel-button-next,
  .feed-component.glide div[data-glide-el="controls"] .carousel-button-previous {
    height: 75px;
    width: 75px;
    outline: 0;
    color: #000; }
  @media only screen and (max-width: 767px) {
    .feed-component.glide div[data-glide-el="controls"] {
      display: none; } }

.feed-component.glide .carousel-button-previous {
  left: -37.5px; }
  .feed-component.glide .carousel-button-previous.first {
    display: none; }

.feed-component.glide .carousel-button-next {
  right: -37.5px; }
  .feed-component.glide .carousel-button-next.last {
    display: none; }

.odds-component {
  display: flex;
  flex-direction: column;
  padding: 25px 0;
  border-top: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5; }
  .odds-component .odds-comp-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 0 12px; }
    .odds-component .odds-comp-header.event-page {
      justify-content: flex-end; }
  .odds-component .odds-component-info {
    width: 20px;
    height: 20px;
    border: 0;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    background-image: url("../../images/icons/odds-info-icon.svg"); }
    .odds-component .odds-component-info:hover {
      opacity: .8; }
  .odds-component .odds-sp-content .sp-header {
    padding: 8px 0; }
    .odds-component .odds-sp-content .sp-header:last-child {
      padding-right: 0 !important; }
  .odds-component .odds-sp-content .sp-title,
  .odds-component .odds-sp-content .sp-row-entity {
    flex-grow: 1;
    display: flex; }
    @media only screen and (max-width: 767px) {
      .odds-component .odds-sp-content .sp-title .sp-row-entity-name.full-text,
      .odds-component .odds-sp-content .sp-row-entity .sp-row-entity-name.full-text {
        display: none; } }
    @media only screen and (min-width: 768px) {
      .odds-component .odds-sp-content .sp-title .sp-row-entity-name.abbr-text,
      .odds-component .odds-sp-content .sp-row-entity .sp-row-entity-name.abbr-text {
        display: none; } }
  .odds-component .odds-sp-content .sp-column-headers,
  .odds-component .odds-sp-content .sp-row-data {
    width: 74px;
    padding: 0 8px;
    text-align: center; }
    .odds-component .odds-sp-content .sp-column-headers:last-child,
    .odds-component .odds-sp-content .sp-row-data:last-child {
      padding-right: 0 !important; }
    @media only screen and (max-width: 767px) {
      .odds-component .odds-sp-content .sp-column-headers,
      .odds-component .odds-sp-content .sp-row-data {
        padding: 0 4px; } }
  .odds-component .odds-sp-content .sp-rows {
    padding: 12px 0;
    align-items: center;
    display: flex; }
  .odds-component .odds-sp-content .sp-row-entity {
    flex-grow: 1; }
  .odds-component .odds-sp-content .sp-odd-pill {
    width: 74px;
    border: solid 1px #e1e1e1;
    border-radius: 20px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding: 0;
    outline: none;
    transition: .3s; }
    .odds-component .odds-sp-content .sp-odd-pill:hover {
      background: #f7f7f7;
      border-color: #b2b2b2; }
    .odds-component .odds-sp-content .sp-odd-pill.success {
      border-color: #10a82c;
      pointer-events: none; }
    .odds-component .odds-sp-content .sp-odd-pill.failure {
      color: #757575;
      pointer-events: none; }
    .odds-component .odds-sp-content .sp-odd-pill.hidden {
      border-color: #fff;
      pointer-events: none; }
  .odds-component .odds-sp-insight {
    display: flex;
    padding-top: 8px;
    align-items: center; }
    .odds-component .odds-sp-insight .odds-insight-icon {
      margin-right: 15px;
      content: url("../../images/icons/odds-insight-icon.svg"); }