body.has-top-header.has-primary-nav .layout-wrapper .sidebar-container {
   --sidebarTopOffset: calc(var(--topHeaderHeight) + var(--primaryNavHeight));
}

.layout-wrapper .sidebar-container {
   --sidebarTopOffset: 0;
   position: sticky;
   height: 100vh;
   top: calc(var(--sidebarTopOffset) + var(--spacing));
   min-width: 360px;
   max-width: 360px;
   border: 1px solid var(--surface-color)fff;
}

.sidebar {
   position: relative;
   background: var(--surface-color);
}

.sidebar .sidebar-content {
   padding: 10px 0;
   display: flex;
   gap: 15px;
   flex-direction: column;
}

.cricket-schedule-cta--wrapper {
   width: 100%;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 16px;
}

.cricket-schedule-cta-container {
   position: relative;
   display: flex;
   border: 1px solid var(--border-color--alpha);
   border-radius: 28px;
   background: var(--surface-color);
   padding: 1px;
   box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.07);
}

.cricket-schedule-cta-container .cricket-schedule-cta {
   width: 162px;
   flex: 1;
   cursor: pointer;
   text-decoration: none;
   border: none;
   text-align: center;
   padding: 8px 12px;
   border-radius: 28px;
   background: var(--surface-color);
   color: var(--textColor);
}

.cricket-schedule-cta-container .cricket-schedule-cta.active {
   background: var(--active-color);
   color: #fff;
}

.cricket-series-wise-schedule-container {
   display: flex;
   flex-direction: column;
   padding: 0;
}

.cricket-series-wise-schedule-container .accordion-container .accordion-item {
   border: none;
}

.cricket-series-wise-schedule-container .accordion-container .accordion-header {
   position: sticky;
   top: 0;
   z-index: 2;
}

body.has-top-header .cricket-series-wise-schedule-container .accordion-container .accordion-header {
   top: var(--topHeaderHeight);
}

body.has-primary-nav .cricket-series-wise-schedule-container .accordion-container .accordion-header {
   top: var(--primaryNavHeight);
}

body.has-top-header.has-primary-nav .cricket-series-wise-schedule-container .accordion-container .accordion-header {
   top: calc(var(--topHeaderHeight) + var(--primaryNavHeight));
}

.cricket-tournament-cards {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-auto-flow: row;
   gap: 16px;
}

.cricket-tournament-card {
   width: 100%;
   position: relative;
   display: flex;
   flex-direction: column;
   border: 1px solid #DFDFDF;
   border-radius: 4px;
}

.cricket-tournament-card .cricket-tournament-card--cta {
   cursor: pointer;
   z-index: 1;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.cricket-tournament-card .cricket-tournament-card--content {
   width: 100%;
   position: relative;
   display: flex;
   gap: 5px;
   flex-direction: column;
   padding: 12px;
}

.cricket-tournament-card .cricket-tournament-card--content .cricket-tournament-card--title {
   width: 100%;
   display: flex;
   color: #000;
   font-size: 14px;
   line-height: 21px;
}

.cricket-tournament-card.linked .cricket-tournament-card--content .cricket-tournament-card--title {
   color: #0B65F0;
   font-weight: 600;
}

.cricket-tournament-card .cricket-tournament-card--content .cricket-tournament-card--formats,
.cricket-tournament-card .cricket-tournament-card--content .cricket-tournament-card--dates {
   width: 100%;
   display: flex;
   color: var(--textColor);
   font-size: 12px;
   line-height: 18px;
}

@media (max-width: 1024px) {
   .cricket-series-wise-schedule-container {
      padding: 0;
   }

   .cricket-tournament-cards {
      grid-template-columns: repeat(1, 1fr);
   }

   .cricket-tournament-card .cricket-tournament-card--content {
      gap: 2px;
   }

   .cricket-tournament-card .cricket-tournament-card--content .cricket-tournament-card--title {
      font-size: 12px;
      line-height: 18px;
   }

   .cricket-tournament-card .cricket-tournament-card--content .cricket-tournament-card--formats,
   .cricket-tournament-card .cricket-tournament-card--content .cricket-tournament-card--dates {
      font-size: 12px;
      line-height: 18px;
   }
}

.cricket-schedule-filters-container {
   padding: 12px 20px;
}

.cricket-schedule-filter-items {
   display: flex;
   gap: 8px;
   align-items: center;
}

.cricket-schedule-filter-items button.cricket-schedule-filter-item.active {
   border-color: #FFE5E5;
   background: #FFE5E5;
   color: var(--active-color);
}

.cricket-schedule-filter-items button.cricket-schedule-filter-item {
   cursor: pointer;
   display: flex;
   padding: 6px 12px;
   white-space: nowrap;
   border: 1px solid var(--surface-color)fff;
   border-radius: 28px;
   background: var(--surface-color);
   color: var(--textColor);
   font-size: 12px;
   line-height: 18px;
}

.accordion-container {
   --xSpacing: 20px;
   display: flex;
   gap: 10px;
   flex-direction: column;
}

.accordion-container .accordion-item {
   width: 100%;
   display: flex;
   flex-direction: column;
   background-color: var(--surface-color);
   border: 1px solid var(--border-color--alpha);
}

.cricket-series-wise-schedule-container .accordion-container .accordion-header {
   position: sticky;
   top: 0;
   z-index: 2;
}

.accordion-container .accordion-header {
   width: 100%;
   position: relative;
   cursor: pointer;
   display: flex;
   gap: 10px;
   justify-content: space-between;
   align-items: center;
   padding: 8px var(--xSpacing);
   background: var(--surface-color);
   border: none;
}

.accordion-container .accordion-header-heading {
   width: 100%;
   display: flex;
   padding-right: 15px;
   text-align: left;
   color: var(--textColor);
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
}

.accordion-container .accordion-header::after {
   content: "";
   position: absolute;
   right: 15px;
   top: 50%;
   transform: translateY(-50%) rotate(180deg);
   width: 14px;
   height: 8px;
   background-image: url("/assets/img/up-arrow-icon.svg");
   background-repeat: no-repeat;
   transition: all ease 0.5s;
}

.accordion-container .accordion-header.active::after {
   transform: translateY(-50%) rotate(0deg);
}

.cricket-day-wise-schedule {
   width: 100%;
   position: relative;
   display: flex;
   flex-direction: column;
   padding: 6px 0 0;
}

.cricket-day-wise-schedule-tabs-container {
   width: 100%;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-evenly;
   background: var(--bg-color);
   border-bottom: 1px solid #DFDFDF;
   box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.05);
}

.cricket-day-wise-schedule-tabs-container .cricket-day-wise-schedule-tab.active {
   border-color: var(--active-color);
}

.cricket-day-wise-schedule-tabs-container .cricket-day-wise-schedule-tab {
   width: 100%;
   position: relative;
   display: flex;
   flex-direction: column;
   flex: 1;
   border-bottom: 2px solid transparent;
}

.cricket-day-wise-schedule-tabs-container .cricket-day-wise-schedule-tab.active .cricket-day-wise-schedule-tab-btn {
   color: var(--active-color);
}

.cricket-day-wise-schedule-tabs-container .cricket-day-wise-schedule-tab .cricket-day-wise-schedule-tab-btn {
   display: flex;
   justify-content: center;
   text-align: center;
   border: none;
   background: none;
   cursor: pointer;
   padding: 10px 16px;
   color: var(--textColor);
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
}

.cricket-day-wise-schedule .cricket-day-wise-schedule-content-container {
   width: 100%;
   position: relative;
   display: block;
}

.cricket-day-wise-schedule-content-container .cricket-day-wise-schedule-category {
   width: 100%;
   position: relative;
   display: block;
}

.cricket-day-wise-schedule .cricket-schedule-tournament-groups {
   width: 100%;
   position: relative;
   display: flex;
   gap: 20px;
   flex-direction: column;
   padding: 16px 20px;
}

.cricket-day-wise-schedule .cricket-tournament-container {
   width: 100%;
   position: relative;
   display: flex;
   gap: 12px;
   flex-direction: column;
}

.cricket-tournament-container .cricket-tournament-title {
   width: 100%;
   position: relative;
   display: flex;
}

.cricket-tournament-container .cricket-tournament-title a {
   text-decoration: none;
   color: #0B65F0;
}

.cricket-tournament-container .cricket-tournament-title * {
   position: relative;
   display: flex;
   gap: 5px;
   align-items: center;
   color: var(--textColor);
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
}

.cricket-tournament-container .cricket-tournament-matches {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-auto-flow: row;
   gap: 16px;
}

.cricket-match-card-container {
   width: 100%;
   position: relative;
   display: block;
   background-color: var(--surface-color);
   border-radius: 4px;
   border: 1px solid #DFDFDF;
}

.cricket-match-card-container .cricket-match-card-cta {
   cursor: pointer;
   z-index: 1;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
}

.cricket-match-card-container .cricket-match-card-header {
   --xSpacing: 16px;
   --ySpacing: 10px;
   --primaryTextFontSize: 12px;
   --primaryTextLineHeight: 18px;
   --secondaryTextFontSize: 12px;
   --secondaryTextLineHeight: 18px;
   width: 100%;
   display: flex;
   gap: 2px;
   flex-direction: column;
   padding: var(--ySpacing) var(--xSpacing) 0;
}

.cricket-match-card-header .cricket-match-card-live-indicator {
   display: flex;
   align-self: flex-start;
   padding: 2px 4px;
   justify-content: center;
   color: #37C77A;
   background: rgba(55, 199, 122, 0.10);
   border-radius: 2px;
   font-weight: 600;
   font-size: 12px;
   line-height: 17px;
}

.cricket-match-card-header .cricket-match-card-header-primary-text {
   color: var(--textColor);
   font-weight: 600;
   font-size: var(--primaryTextFontSize);
   line-height: var(--primaryTextLineHeight);
}

.cricket-match-card-header .cricket-match-card-header-secondary-text {
   display: block;
}

.cricket-match-card-header .cricket-match-card--match-type {
   font-weight: 600;
}

.cricket-match-card-header .cricket-match-card-header-secondary-text * {
   color: var(--textColor);
   font-weight: 400;
   font-size: var(--secondaryTextFontSize);
   line-height: var(--secondaryTextLineHeight);
}

.cricket-match-card-container .cricket-match-card-content {
   --xSpacing: 16px;
   --ySpacing: 10px;
   width: 100%;
   display: flex;
   flex-direction: column;
   padding: var(--ySpacing) var(--xSpacing);
}

.cricket-match-card-content .cricket-match-card-scores {
   display: flex;
   gap: 12px;
   flex-direction: column;
}

.cricket-match-card-content .cricket-match-card-score-item {
   --scoreItemTextFontSize: 14px;
   --scoreItemTextLineHeight: 21px;
   width: 100%;
   position: relative;
   display: flex;
   gap: 10px;
   justify-content: space-between;
}

.cricket-match-card-content .cricket-match-card-team-info {
   width: 100%;
   display: flex;
   gap: 8px;
   align-items: center;
   flex: 1;
}

.cricket-match-card-content .cricket-match-card-team-info .cricket-match-card-team-logo {
   width: 27px;
   height: 19px;
   object-fit: contain;
   object-position: center;
}

.cricket-match-card-content .cricket-match-card-team-info .cricket-match-card-team-name {
   white-space: nowrap;
   color: var(--textColor);
   font-weight: 600;
   font-size: var(--scoreItemTextFontSize);
   line-height: var(--scoreItemTextLineHeight);
}

.cricket-match-card-content .cricket-match-card-team-score {
   width: 100%;
   display: flex;
   gap: 4px;
   align-items: center;
   justify-content: flex-end;
}

.cricket-match-card-content .cricket-match-card-team-score .cricket-match-card-team-live-score {
   color: var(--textColor);
   font-weight: 600;
   font-size: var(--scoreItemTextFontSize);
   line-height: var(--scoreItemTextLineHeight);
}

.cricket-match-card-content .cricket-match-card-team-score .cricket-match-card-team-live-overs {
   color: var(--textColor);
   font-weight: 400;
   font-size: var(--scoreItemTextFontSize);
   line-height: var(--scoreItemTextLineHeight);
}

.cricket-match-card-container .cricket-match-card-footer {
   --xSpacing: 16px;
   --ySpacing: 12px;
   width: 100%;
   display: flex;
   gap: 2px;
   flex-direction: column;
   background: var(--subheader-bg);
   padding: 0 var(--xSpacing) var(--ySpacing);
}

.cricket-match-card-footer .cricket-match-card-footer-primary-text {
   color: var(--textColor);
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
}

.cricket-tournament-container .cricket-tournament-title a::after {
   content: "";
   display: block;
   width: 7px;
   height: 12px;
   background-image: url("/assets/img/right_blue_arrow.svg");
   background-repeat: no-repeat;
}

.accordion-container .accordion-content-container {
   padding: 16px var(--xSpacing);
   background: var(--bg-color);
}

/* body.has-primary-nav .cricket-day-wise-schedule .cricket-schedule-date-separator {
   top: var(--primaryNavHeight);
}

body.has-primary-nav .cricket-day-wise-schedule .cricket-schedule-date-separator {
   top: var(--primaryNavHeight);
}

body.has-top-header.has-primary-nav .cricket-day-wise-schedule .cricket-schedule-date-separator {
   top: calc(var(--topHeaderHeight) + var(--primaryNavHeight));
} */

.cricket-day-wise-schedule .cricket-schedule-date-separator {
   position: sticky;
   top: 0;
   z-index: 2;
}

.cricket-day-wise-schedule .cricket-schedule-date-separator {
   width: 100%;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: var(--bg-color);
   padding: 4px 10px;
}

.cricket-day-wise-schedule .cricket-schedule-date-separator .cricket-schedule-date-separator-text {
   color: var(--textColor);
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
}

.cricket-match-card-content .cricket-match-card-timer {
   display: flex;
   flex-direction: column;
   align-items: center;
   position: absolute;
   right: var(--xSpacing);
   bottom: 20px;
}

.cricket-match-card-content .cricket-match-card-timer .cricket-match-card-timer--date {
   color: #999;
   font-size: 12px;
   line-height: 16px;
}

.cricket-match-card-content .cricket-match-card-timer .cricket-match-card-timer--time {
   color: #474747;
   font-weight: 600;
   font-size: 14px;
   line-height: 18px;
}


@media (max-width: 1024px) {
   .cricket-day-wise-schedule .cricket-schedule-tournament-groups {
      gap: 16px;
      padding: 16px;
   }

   .cricket-tournament-container .cricket-tournament-matches {
      grid-template-columns: repeat(1, 1fr);
      gap: 8px;
   }

   .cricket-schedule-filters-container {
      padding: 12px 10px;
   }
}




/* nfl */

.nfl-schedule-wrapper {
   --table-header-bg: var(--surface-color);
   --table-header-color: #2D2D2D;
   --subheader-bg: #F5F5F5;
   --table-header-padding: 8px;
   --bg-primary: #f5f5f5;
   --font-color-primary: #2D2D2D;
   --bg-secondary: var(--surface-color);
}

.content-container-section {
   width: 100%;
   gap: 20px;
}

.nfl-schedule-wrapper {
   border: 1px solid var(--border-color--alpha);
   position: relative;
}

.nfl-schedule-wrapper .nfl-schedule-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 10px 20px;
   border-bottom: 1px solid var(--border-color--alpha);
}

.nfl-schedule-wrapper .nfl-schedule-header .nfl-schedule-header--aside {
   display: flex;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 10px;
}

.nfl-schedule-wrapper .nfl-schedule-header h1 {
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   color: var(--textColor);
}

/* week scroll*/
.nfl-schedule-weeks {
   display: flex;
   width: 100%;
}

.nfl-schedule-weeks .week-scroll-section {
   position: relative;
   width: 95%;
   display: flex;
   overflow: hidden;
}

.nfl-schedule-weeks .inner {
   padding: 2px 10px;
   border-radius: 4px;
   border: 1px solid var(--border-color--alpha);
   background: var(--bg-secondary);
   display: flex;
   flex-direction: column;
   align-items: center;
   position: relative;
   min-height: 40px;
   min-width: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.nfl-schedule-weeks .inner.active {
   border: 1px solid var(--border-color--alpha);
   background: var(--bg-color);
}

.nfl-schedule-weeks .inner.active .week-name,
.nfl-schedule-weeks .inner.active .week-date {
   color: #2D2D2D;
}

.nfl-schedule-weeks .week-name,
.nfl-schedule-weeks .week-date {
   color: var(--textColor);
   font-size: 12px;
   font-weight: 400;
   line-height: normal;
   white-space: nowrap;
}

.nfl-schedule-weeks .week-sec.active .week-name,
.nfl-schedule-weeks .week-sec.active .week-date,
.nfl-schedule-weeks .week-sec:hover .week-name,
.nfl-schedule-weeks .week-sec:hover .week-date {
   color: #2D2D2D;
   font-size: 12px;
   font-weight: 600;
}

.nfl-schedule-weeks .week-date,
.nfl-schedule-weeks .week-sec.active .week-date,
.nfl-schedule-weeks .week-sec:hover .week-date {
   font-size: 10px;
}

/* date picker*/
.nfl-schedule-weeks .date-picker {
   position: relative;
   width: 5%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.nfl-schedule-weeks .date-picker .date-picker-buttton {
   width: 20px;
   height: 20px;
   color: transparent;
   background-image: url('/assets/img/icons_calendar_sleek.svg');
   background-repeat: no-repeat;
   border: 0;
   background-size: cover;
   outline: none;
   padding: 0;
   background-color: transparent;
   cursor: pointer;
}

.nfl-schedule-weeks .date-picker-modal {
   position: absolute;
   top: 65px;
   right: 0;
   padding: 16px;
   border-radius: 8px;
   background: #FFFFFF;
   box-shadow: -1px 6px 12px rgb(0 0 0 / 10%);
   height: 350px;
   overflow-x: auto;
   z-index: 999;
}

.nfl-schedule-weeks .date-picker-modal .years-section {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.nfl-schedule-weeks .date-picker-modal .years-section img {
   width: 10px;
   height: 14px;
   object-fit: cover;
   display: block;
   position: relative;
}

.nfl-schedule-weeks .date-picker-modal .years-section .left-year img {
   transform: rotate(180deg);
}

.nfl-schedule-weeks .date-picker-modal .year-name {
   color: #2D2D2D;
   font-family: Poppins;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   flex: 1;
   text-align: center;
}

.nfl-schedule-weeks .date-picker-modal .yearly-weeks-section {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 16px;
   flex-direction: column;
   margin-top: 16px;
}

.nfl-schedule-weeks .date-picker-modal button {
   background: transparent;
   border: none;
   cursor: pointer;
}

.nfl-schedule-weeks .date-picker-modal .week-sec {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   text-decoration: none;
   gap: 30px;
}

.nfl-schedule-weeks .date-picker-modal:after {
   content: '';
   height: 15px;
   width: 15px;
   background: var(--surface-color);
   position: absolute;
   transform: rotate(45deg);
   right: 10px;
   top: -9px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
}

.nfl-schedule-weeks .years-section .no-visibility {
   visibility: hidden;
}

.nfl-schedule-header .more-teams-list .nfl-zone-title {
   color: var(--active-color);
   font-weight: 600;
}

.cms-content figure.image {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.page-seo-content .cms-content ul {
   margin-left: 50px;
}

.regular-week-10 .page-seo-content .cms-content ul,
.regular-week-11 .page-seo-content .cms-content ul,
.regular-week-12 .page-seo-content .cms-content ul,
.regular-week-13 .page-seo-content .cms-content ul {
   margin-left: 20px;
}

.page-seo-content .cms-content ul li {
   list-style: disc;
   list-style-position: inside;
}

.regular-week-10 .page-seo-content .cms-content ul li,
.regular-week-11 .page-seo-content .cms-content ul li,
.regular-week-12 .page-seo-content .cms-content ul li,
.regular-week-13 .page-seo-content .cms-content ul li {
   list-style-position: unset;
}

.page-seo-content .cms-content ul li span:first-child {
   width: 20%;
   margin-right: 30px;
}

@media (max-width: 1024px) {
   .nfl-schedule-wrapper {
      border: none;
   }

   .nfl-schedule-wrapper .nfl-schedule-header {
      flex-direction: column;
      gap: 12px;
      align-items: flex-start;
      padding: 8px 16px 0px;
      border: none;
   }

   .nfl-schedule-weeks {
      padding: 0 16px 0 0;
      gap: 8px;
   }

   .nfl-schedule-weeks .week-scroll-section {
      width: 92%;
   }

   .nfl-schedule-weeks .date-picker {
      width: 8%;
   }

   .page-seo-content .cms-content ul {
      margin-left: 0px;
   }

   .regular-week-10 .page-seo-content .cms-content ul,
   .regular-week-11 .page-seo-content .cms-content ul,
   .regular-week-12 .page-seo-content .cms-content ul,
   .regular-week-13 .page-seo-content .cms-content ul {
      margin-left: 0px;
   }
}

.nfl-prime-time--select-placeholder {
   cursor: pointer;
   border-radius: 18px;
   border: 1px solid var(--border-color--alpha);
   padding: 4px 12px;
   width: fit-content;
}

.nfl-prime-time--select-placeholder select {
   cursor: pointer;
   border: none;
   outline: none;
   color: var(--textColor);
   font-size: 12px;
   font-weight: 500;
   line-height: 16px;
   background: var(--bg-color);
}

.more-teams-section {
   position: relative;
}

.more-teams-section .more-teams {
   display: flex;
   padding: 7px 12px;
   align-items: center;
   gap: 11px;
   border-radius: 18px;
   border: 1px solid var(--border-color--alpha);
   cursor: pointer;
   color: var(--textColor);
   font-size: 12px;
   font-weight: 500;
   line-height: 16px;
}

.more-teams-section .more-team-ic {
   transform: rotate(180deg);
   height: 6px;
   width: 10px;
}

.more-teams-section .open .more-team-ic {
   transform: unset;
}

.more-teams-section .more-team-name {
   white-space: nowrap;
}

.more-teams-list {
   position: absolute;
   top: 47px;
   right: 0;
   padding: 16px;
   border-radius: 8px;
   background: #FFFFFF;
   box-shadow: -1px 6px 12px rgb(0 0 0 / 10%);
   z-index: 1000;
}

.more-teams-list .nfl-zone {
   color: #999;
   font-size: 10px;
   font-weight: 500;
   line-height: normal;
   padding-left: 10px;
}

.more-teams-list .team-name .team-name-link {
   white-space: unset;
   color: #2D2D2D;
   font-size: 12px;
   font-weight: 400;
   line-height: normal;
   cursor: pointer;
   text-decoration: none;
   display: flex;
   align-items: center;
   gap: 6px;
   padding-left: 10px;
}

.more-teams-list .team-name .team-name-link:hover {
   color: var(--active-color);
   background-color: var(--bg-color);
}

.more-teams-list .team-name .team-name-link.matched-team {
   color: var(--active-color);
   font-weight: 600;
}

.more-teams-list .more-team-body {
   display: flex;
   flex-shrink: 0;
   flex-wrap: wrap;
   width: 850px;
   align-items: stretch;
   gap: 15px 20px;
}

.more-teams-list:after {
   content: '';
   height: 15px;
   width: 15px;
   background: var(--surface-color);
   position: absolute;
   transform: rotate(45deg);
   right: 21px;
   top: -9px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
}

.more-teams-list .more-zone-team {
   width: calc(25% - 15px);
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.more-teams-list .more-team-zone-ic {
   height: 20px;
   width: 20px;
   border: 1px solid #F5F5F5;
   background: transparent;
   border-radius: 100%;
}

.more-teams-list .nfl-zone-title {
   display: flex;
   gap: 10px;
   align-items: center;
   margin-bottom: 16px;
   color: #2D2D2D;
   font-size: 12px;
   font-weight: 400;
   line-height: normal;
   padding-left: 10px;
}

.more-teams-list .more-zone-ic {
   height: 16px;
   width: 12px;
}

.more-teams-section .nfl-zone-title a {
   color: inherit;
   font-size: 12px;
   line-height: normal;
   gap: 10px;
   display: flex;
   text-decoration: none;
}

.more-teams-section .nfl-zone-title a:hover {
   color: var(--active-color);
}

.content-container,
.content-container .left,
.panel {
   /* overflow: visible; */
}

@media (max-width: 1024px) {
   .more-teams-section .more-teams {
      padding: 7px 12px;
      align-items: center;
      gap: 11px;
      font-size: 12px;
   }

   .more-teams-section .more-team-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 16px 20px;
      box-shadow: 2px 0px 6px rgb(0 0 0 / 5%);
      color: #474747;
      font-weight: 600;
      font-size: 14px;
      line-height: 21px;
   }

   .more-teams-section .close-more-team {
      color: #474747;
      font-size: 20px;
      cursor: pointer;
   }

   .more-teams-list {
      overflow: hidden;
      width: 100%;
      position: fixed;
      transition: max-height 0s ease-out;
      background: rgba(0, 0, 0, 0.80);
      top: 0px;
      bottom: 0;
      z-index: 9999;
      left: 0;
      margin: 0;
      padding: 0px;
      display: flex;
      align-items: flex-end;
      max-height: 1600px;
   }

   .more-teams-list.team-content-open {
      overflow: visible;
      animation-name: team-slide-up;
      animation-duration: 500ms;
      animation-iteration-count: 1;
      animation-fill-mode: both;
   }

   .more-teams-list.team-content-open {
      height: auto;
   }

   .more-teams-list.team-content-close {
      animation-name: team-slide-down;
      animation-duration: 500ms;
      animation-iteration-count: 1;
      animation-fill-mode: both;
   }

   .more-teams-list:after {
      content: none;
   }

   @keyframes team-slide-up {
      0% {
         -webkit-transform: translateY(100%);
         transform: translateY(100%);
      }

      100% {
         transform: translateY(0%);
         -webkit-transform: translateY(0%);
      }
   }

   @keyframes team-slide-down {
      0% {
         transform: translateY(0%);
         -webkit-transform: translateY(0%);
      }

      100% {
         -webkit-transform: translateY(100%);
         transform: translateY(100%);
         visibility: hidden;
      }
   }

   .more-teams-list .items-container {
      width: 100%;
      height: auto;
      background: var(--surface-color);
      border-radius: 25px 25px 0 0;
      overflow-y: auto;
      max-height: 100%;
   }

   .more-teams-list .more-team-body {
      padding: 14px 16px;
      width: 100%;
   }

   .more-teams-list .more-zone-team {
      width: calc(50% - 15px);
   }

   .more-teams-list .team-name .team-name-link,
   .more-teams-list .nfl-zone {
      padding-left: 0;
   }

   .more-teams-list .more-team-name {
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
   }

   .more-teams-list .nfl-zone-title {
      padding-left: 16px;
      margin: 12px 0 0;
   }
}

.widget--week-numbers .active .inner {
   border: 1px solid var(--border-color--alpha);
   background: var(--hover-bg--alpha);
}

.widget--week-numbers .active .week-name,
.widget--week-numbers .active .week-date {
   color: var(--active-color);
}

.widget--week-numbers>.panel {
   border-right: 1px solid #DFDFDF;
}

.widget--week-numbers .slider-container .slider-items {
   padding: 0 20px;
   gap: 45px;
}

@media (max-width: 1024px) {
   .widget--week-numbers>.panel {
      border-right: none;
   }

   .widget--week-numbers .slider-container .slider-items {
      padding: 0;
      gap: 20px;
   }

   .widget--week-numbers .nfl-schedule-weeks .week-scroll-section {
      margin: 0;
   }
}

.schedule-section {
   margin-top: 10px;
}

.schedule-section .schedule-table {
   border: none;
   border-collapse: unset;
}

.schedule-section .schedule-table .table-body tr:hover {
   background-color: #ECECFE;
}

.schedule-section .schedule-date {
   padding: 5px 20px;
   color: var(--active-color);
   font-size: 14px;
   font-weight: 600;
   line-height: normal;
   background: var(--surface-color);
}

.schedule-section .team-schedule-div {
   margin: 16px 20px;
}

.schedule-section table.schedule-table tr {
   background-color: var(--hover-bg--alpha);
}

.schedule-section .schedule-table th {
   color: var(--textColor);
   background-color: var(--table-header-bg);
   font-size: 12px;
   font-weight: 600;
   line-height: 20px;
   text-align: left;
   vertical-align: middle;
   border-bottom: 1px solid #999999;
   padding: 8px;
   white-space: nowrap;
   padding-top: 10px;
}

.schedule-section .schedule-table.post th {
   min-width: 170px;
}

.schedule-section .schedule-table.post th:first-child {
   min-width: 430px;
}

.schedule-section .schedule-table.post th:nth-child(2) {
   min-width: 110px;
}

.schedule-section .schedule-table.pre th:nth-child(2) {
   width: 90px;
}

.schedule-section .schedule-table.pre th:nth-child(3) {
   width: 124px;
}

.schedule-section .schedule-table td {
   color: var(--textColor);
   font-size: 12px;
   font-weight: 400;
   line-height: 20px;
   text-align: left;
   border: none;
   border-bottom: 1px solid #F5F5F5;
   padding: 8px;
   white-space: nowrap;
   vertical-align: middle;
}

.schedule-section .schedule-table tr:last-child td {
   border-bottom: none;
}

.schedule-section .schedule-table td a {
   text-decoration: none;
   color: #0B65F0;
}

.schedule-section .schedule-table .team-data {
   display: flex;
   align-items: center;
   gap: 3px;
}

.schedule-section .team-img {
   gap: 3px;
   width: 215px;
}

.schedule-section .team-img img {
   height: auto;
   width: 20px;
   background: inherit;
   vertical-align: middle;
}

.schedule-section .winner {
   font-weight: 600;
}

.tooltip-container {
   display: inline-block;
   position: relative;
}

.timezone-info-text {
   font-size: 12px;
   font-style: italic;
   padding: 8px 16px;
   color: #999999;
}

.utc-time-popover.popover-container.visible .popover-text {
   width: 120px;
}

@media (max-width: 1024px) {
   .schedule-section {
      margin-top: 0;
   }

   .schedule-section .team-schedule-div {
      overflow-y: auto;
      margin: 12px 16px;
   }

   .schedule-section .schedule-date {
      font-size: 12px;
      font-weight: 600;
      padding: 3px 16px;
   }

   .schedule-section .schedule-table.post th {
      min-width: 100px;
   }

   .schedule-section .team-img {
      width: auto;
   }

   .schedule-section .schedule-table.post th:first-child {
      min-width: 160px;
   }

   .schedule-section .schedule-table.pre th:nth-child(1) {
      width: 150px;
      min-width: 150px;
      max-width: 150px;
   }

   .schedule-section .schedule-table.pre th:nth-child(2) {
      width: 90px;
      min-width: 90px;
      max-width: 90px;
   }

   .schedule-section .schedule-table.pre th:nth-child(3) {
      width: 120px;
      min-width: 120px;
      max-width: 120px;
   }
}

.popover-container {
   display: inline-block;
   position: relative;
}

.popover-container .popover-text {
   display: none;
   visibility: hidden;
}

.popover-container.visible .popover-text {
   display: block;
   visibility: initial;
   position: fixed;
   background: #858585;
   padding: 8px;
   width: max-content;
   max-width: min(200px, 85vw);
   font-weight: normal;
   z-index: 99;
   height: auto;
   white-space: normal;
   border-radius: 8px;
   border: 1px solid #DFDFDF;
   background: rgba(71, 71, 71, 0.90);
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
   color: #fff;
   text-align: center;
   font-size: 11px;
   font-weight: 500;
   line-height: 15.4px;
}

.popover-container .popover-cta {
   cursor: pointer;
}

.popover-container .popover-cta.info {
   color: #2d2d2d;
   position: relative;
   display: inline-block;
   width: 16px;
   height: 16px;
   padding: 0;
   border-radius: 50%;
   text-align: center;
   font-size: 14px;
   cursor: pointer;
   vertical-align: sub;
   background-image: url("/assets/img/ic-outline-info.svg");
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 16px;
}


.sl-container {
   max-width: 100%;
   position: relative;
   margin-top: 10px;
   border-radius: 10px;
   overflow: hidden;
}

.sl-progress-bar {
   position: absolute;
   bottom: 0;
   left: 0;
   height: 4px;
   background: linear-gradient(to right, #a1a1a1, #2d22c5);
   width: 100%;
   transform-origin: left;
   transform: scaleX(1);
   transition: transform 0.1s linear;
   z-index: 10;
}

.sl-slide {
   position: relative;
   overflow: hidden;
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
   transition: transform 0.5s ease;
}

.sl-image {
   width: 100%;
   /* height: clamp(200px, 50vw, 320px); */
   height: 320px;
   /* object-fit: cover; */
   transform: scale(1);
   transition: transform 0.6s ease-in-out;
}

@media (max-width: 1024px) {
   .sl-image {
      height: 200px;
   }
}

/* Small screens (mobiles) */
@media (max-width: 768px) {
   .sl-image {
      height: 120px;
   }
}

.sl-slide:hover .sl-image {
   transform: scale(1.01);
}

.sl-overlay {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 15px;
   background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
   color: white;
}

.sl-meta {
   font-size: 12px;
   font-weight: 600;
   margin-bottom: 5px;
}

.sl-title {
   font-size: 18px;
   font-weight: bold;
   color: white;
   text-decoration: none;
   transition: color 0.3s;
}

.sl-title:hover {
   color: #2232c5;
}

.swiper-pagination-bullets {
   position: absolute;
   height: fit-content !important;
   width: fit-content !important;
   top: 12px !important;
   right: 10px !important;
   left: unset !important;
   transform: translateX(-50%);
   display: flex;
   gap: 8px;
   z-index: 20;
}

.swiper-pagination-bullet {
   width: 20px !important;
   height: 5px !important;
   border-radius: 2px !important;
   background-color: rgba(255, 255, 255, 0.4) !important;
   opacity: 1 !important;
   position: relative;
   margin: 0 !important;
   transition: background-color 0.3s ease;
}

.swiper-pagination-bullet-active::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 0%;
   border-radius: 2px;
   background-color: #1900ff;
   animation: slide-progress 4s linear forwards;
}

@keyframes slide-progress {
   0% {
      width: 0%;
   }

   20% {
      width: 10%;
   }

   40% {
      width: 25%;
   }

   60% {
      width: 40%;
   }

   80% {
      width: 60%;
   }

   100% {
      width: 100%;
   }
}


/* Responsive */
@media (max-width: 1024px) {
   .sl-title {
      font-size: 14px;
   }

   .sl-container {
      max-width: 100%;
      position: relative;
      margin-top: 5px !important;
      margin: 0 16px;
      border-radius: 5px;
      overflow: hidden;
   }
}