/*:root {
    --bg: #0F172A;
    --panel: #162236;
    --text: #E6EAF2;
    --muted: #9FB0C7;
    --red: #E23A3A;
    --green: #22C55E;
    --blue: #3B82F6;
    --border: rgba(255,255,255,.08);
    --radius: 14px;
}*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-family: "Space Grotesk", Inter, sans-serif;
}
h2,
.h2 {
  margin: 0 0 10px;
}
.container-fluid {
  padding-right: 1rem;
  padding-left: 1rem;
}
#Admin h1,
#Admin .h1 {
  text-align: center;
}
#Admin table tr > td:last-child {
  min-width: 115px;
  text-align: right;
}
.site-content .navbar {
  position: relative;
  padding-bottom: 17px;
}
.site-content .navbar::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.25) 15%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.25) 85%, transparent 100%);
  border-radius: 50%;
}
.site-content .brand-logo {
  max-width: 150px;
  height: auto;
  margin-top: -55px;
  margin-bottom: 15px;
}
@media (max-width: 767.98px) {
  .site-content .brand-logo {
    margin-top: -25px;
  }
}
.site-login header nav.navbar {
  grid-template-columns: 1fr;
}
@media (max-width: 767.98px) {
  .site-login .brand {
    margin-top: -25px;
  }
}
.site-login .brand-logo {
  max-width: 150px;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .site-login .brand-logo {
    max-width: 125px;
  }
}
header {
  position: relative;
}
header .navbar {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "league brand rank" "league menu rank";
  align-items: center;
  gap: 0.5rem 1.5rem;
  margin-bottom: 3rem;
}
header #league-selector-root {
  grid-area: league;
  min-width: 150px;
}
header .brand {
  grid-area: brand;
  justify-self: center;
}
header .nav-menu {
  grid-area: menu;
  justify-self: center;
}
header .nav-menu .btn-group {
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
header .nav-menu .btn-group .btn {
  color: #F3F6FC;
  background: #101c30;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.65rem 1.15rem;
  font-weight: 600;
  transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
header .nav-menu .btn-group .btn:last-child {
  border-right: 0;
}
header .nav-menu .btn-group .btn:hover,
header .nav-menu .btn-group .btn:focus {
  color: #fff;
  background: #1c2d49;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}
header .nav-menu .btn-group .btn.active {
  color: #fff;
  background: #BE0512;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -2px 0 rgba(0, 0, 0, 0.18), 0 2px 5px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
header #player-rank-root {
  grid-area: rank;
  margin: 1rem;
  /*justify-self: end;*/
  min-width: 150px;
}
@media (max-width: 767.98px) {
  header .navbar {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "brand brand" "league rank" "menu menu";
    gap: 0.75rem 1rem;
    padding-top: 1.5rem;
    padding-bottom: 0;
  }
  header .brand {
    grid-area: brand;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
  }
  header #league-selector-root {
    grid-area: league;
    min-width: 0;
  }
  header #player-rank-root {
    grid-area: rank;
    justify-self: end;
  }
  header .nav-menu {
    grid-area: menu;
    width: 100%;
  }
  header .nav-menu .btn-group {
    display: flex;
    width: 100%;
  }
  header .nav-menu .btn-group .btn {
    flex: 1 1 0;
  }
}
header nav.navbar .player-profile {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}
header nav.navbar .player-profile .avatar {
  max-width: 75px;
  border-radius: 50%;
  margin: 1rem;
}
header nav.navbar .rank-and-points {
  text-align: center;
  padding: 0.5rem;
}
header nav.navbar .rank-and-points .rank {
  font-size: 24px;
  font-weight: bold;
}
header nav.navbar .rank-and-points .points {
  font-size: 16px;
}
.sprite {
  background-image: url("../lib/images/team-helmet-sprite.png");
  background-repeat: no-repeat;
  display: block;
  transform: scale(0.7);
  margin: 0 auto;
}
.sprite .matchup > div {
  border: 1px solid white;
}
/*
.sprite {
    background-image: url("download.png");
    background-repeat: no-repeat;
    display: inline-block;
}*/
.sprite-chargers-left {
  width: 145px;
  height: 110px;
  background-position: -576px -476px;
}
.sprite-vikings-right {
  width: 141px;
  height: 113px;
  background-position: -37px -589px;
}
.sprite-vikings-left {
  width: 141px;
  height: 112px;
  background-position: -194px -589px;
}
.sprite-chargers-right {
  width: 145px;
  height: 110px;
  background-position: -408px -476px;
}
.sprite-cardinals-right {
  width: 138px;
  height: 110px;
  background-position: -41px -7px;
}
.sprite-cardinals-left {
  width: 139px;
  height: 110px;
  background-position: -191px -7px;
}
.sprite-falcons-right {
  width: 146px;
  height: 114px;
  background-position: -407px -4px;
}
.sprite-falcons-left {
  width: 145px;
  height: 114px;
  background-position: -580px -4px;
}
.sprite-ravens-right {
  width: 142px;
  height: 112px;
  background-position: -802px -6px;
}
.sprite-ravens-left {
  width: 141px;
  height: 113px;
  background-position: -978px -6px;
}
.sprite-bills-right {
  width: 139px;
  height: 112px;
  background-position: -1201px -7px;
}
.sprite-bills-left {
  width: 141px;
  height: 113px;
  background-position: -1357px -6px;
}
.sprite-panthers-right {
  width: 138px;
  height: 108px;
  background-position: -40px -130px;
}
.sprite-panthers-left {
  width: 137px;
  height: 108px;
  background-position: -195px -130px;
}
.sprite-bears-right {
  width: 146px;
  height: 111px;
  background-position: -405px -127px;
}
.sprite-bears-left {
  width: 144px;
  height: 111px;
  background-position: -581px -127px;
}
.sprite-bengals-right {
  width: 147px;
  height: 112px;
  background-position: -800px -126px;
}
.sprite-bengals-left {
  width: 144px;
  height: 110px;
  background-position: -974px -128px;
}
.sprite-browns-right {
  width: 138px;
  height: 107px;
  background-position: -1198px -131px;
}
.sprite-browns-left {
  width: 137px;
  height: 106px;
  background-position: -1354px -132px;
}
.sprite-cowboys-right {
  width: 141px;
  height: 107px;
  background-position: -37px -247px;
}
.sprite-cowboys-left {
  width: 140px;
  height: 107px;
  background-position: -195px -246px;
}
.sprite-broncos-right {
  width: 143px;
  height: 109px;
  background-position: -408px -246px;
}
.sprite-broncos-left {
  width: 143px;
  height: 109px;
  background-position: -580px -245px;
}
.sprite-lions-right {
  width: 146px;
  height: 109px;
  background-position: -799px -245px;
}
.sprite-lions-left {
  width: 145px;
  height: 108px;
  background-position: -973px -245px;
}
.sprite-packers-right {
  width: 139px;
  height: 107px;
  background-position: -1200px -247px;
}
.sprite-packers-left {
  width: 137px;
  height: 107px;
  background-position: -1355px -247px;
}
.sprite-texans-right {
  width: 140px;
  height: 107px;
  background-position: -37px -361px;
}
.sprite-texans-left {
  width: 140px;
  height: 107px;
  background-position: -194px -360px;
}
.sprite-colts-right {
  width: 144px;
  height: 108px;
  background-position: -408px -359px;
}
.sprite-colts-left {
  width: 145px;
  height: 108px;
  background-position: -577px -359px;
}
.sprite-jaguars-right {
  width: 142px;
  height: 107px;
  background-position: -804px -360px;
}
.sprite-jaguars-left {
  width: 143px;
  height: 108px;
  background-position: -974px -359px;
}
.sprite-chiefs-right {
  width: 143px;
  height: 107px;
  background-position: -1193px -360px;
}
.sprite-chiefs-left {
  width: 141px;
  height: 107px;
  background-position: -1356px -360px;
}
.sprite-raiders-right {
  width: 141px;
  height: 108px;
  background-position: -37px -475px;
}
.sprite-raiders-left {
  width: 141px;
  height: 108px;
  background-position: -194px -475px;
}
.sprite-rams-right {
  width: 145px;
  height: 112px;
  background-position: -801px -475px;
}
.sprite-rams-left {
  width: 144px;
  height: 110px;
  background-position: -971px -475px;
}
.sprite-dolphins-right {
  width: 148px;
  height: 110px;
  background-position: -1191px -476px;
}
.sprite-dolphins-left {
  width: 147px;
  height: 110px;
  background-position: -1352px -476px;
}
.sprite-giants-right {
  width: 148px;
  height: 110px;
  background-position: -1191px -589px;
}
.sprite-giants-left {
  width: 148px;
  height: 110px;
  background-position: -1352px -588px;
}
.sprite-saints-right {
  width: 143px;
  height: 107px;
  background-position: -802px -594px;
}
.sprite-saints-left {
  width: 144px;
  height: 107px;
  background-position: -970px -594px;
}
.sprite-jets-right {
  width: 142px;
  height: 114px;
  background-position: -35px -710px;
}
.sprite-jets-left {
  width: 142px;
  height: 114px;
  background-position: -195px -709px;
}
.sprite-eagles-right {
  width: 146px;
  height: 114px;
  background-position: -406px -706px;
}
.sprite-eagles-left {
  width: 147px;
  height: 112px;
  background-position: -577px -708px;
}
.sprite-steelers-right {
  width: 145px;
  height: 111px;
  background-position: -799px -711px;
}
.sprite-steelers-left {
  width: 146px;
  height: 109px;
  background-position: -970px -711px;
}
.sprite-49ers-right {
  width: 146px;
  height: 109px;
  background-position: -1190px -709px;
}
.sprite-49ers-left {
  width: 148px;
  height: 110px;
  background-position: -1352px -708px;
}
.sprite-seahawks-right {
  width: 144px;
  height: 115px;
  background-position: -31px -837px;
}
.sprite-seahawks-left {
  width: 147px;
  height: 115px;
  background-position: -193px -836px;
}
.sprite-buccaneers-right {
  width: 149px;
  height: 117px;
  background-position: -404px -834px;
}
.sprite-buccaneers-left {
  width: 151px;
  height: 117px;
  background-position: -577px -834px;
}
.sprite-titans-right {
  width: 149px;
  height: 119px;
  background-position: -795px -835px;
}
.sprite-titans-left {
  width: 149px;
  height: 117px;
  background-position: -969px -835px;
}
.sprite-commanders-right {
  width: 150px;
  height: 118px;
  background-position: -1186px -835px;
}
.sprite-commanders-left {
  width: 151px;
  height: 118px;
  background-position: -1351px -835px;
}
.sprite-patriots-right {
  width: 145px;
  height: 110px;
  background-position: -408px -588px;
}
.sprite-patriots-left {
  width: 145px;
  height: 110px;
  background-position: -573px -592px;
}
.logo {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 50px;
  height: 50px;
  display: inline-block;
}
.logo > div {
  border: 1px solid white;
}
.logo.logo-cardinals {
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 680 680'%3E%3Cstyle%3E.st0%7Bfill:%23FFFFFF;%7D.st1%7Bfill:%23B1063A;%7D.st2%7Bfill:%23FFC20E;%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M665.3,530.8c-48.6-10.2-145-0.3-199.9,116c0,0-94-112.2-224.6-131.9c5.1-62.4-77.6-79-93.4-186.4  c0,0-64.3-52.6-96.4-135.5l17.1,5.5c0,0-25-27.6-44.2-75.4l18.1,6c0,0-18.3-24.8-28.3-95.9C235.3,185.7,352.1,132.4,487,208.8  c91.5,51.8,113.3,112,121,172.1C608,380.8,675.7,442.2,665.3,530.8'/%3E%3Cpath d='M656.1,517.8c1.5-75.4-57.8-129-57.8-129c-6.4-47.6-23.7-116.6-116-167.5C342.1,144.1,264.6,207.2,43.6,71.8  c4.6,25.3,19.2,60.3,37.7,82.1l-22.9-7.5c16.6,35,43.2,66.8,57.1,77.1l-25.6-8c27.1,66.6,80.1,106,80.1,106  c12.1,101.9,86.8,119.3,92.9,182c97.4,15.1,200.3,119.4,200.3,119.4C517.2,530.1,592.4,512.1,656.1,517.8'/%3E%3Cpath class='st0' d='M531.3,386.6c-21.2,34.1-57,24.6-69.7-17.9l25.8,1.5c-22.7-13.6-43.2-33.5-59.1-53.1  c-4.7,93.9,83.7,136.1,112.9,70.1C537.9,387.3,534.6,387.1,531.3,386.6'/%3E%3Cpath class='st1' d='M470.6,234.1C369,178.4,244.9,214.6,86.3,116.4c15.7,46.9,113.9,101.9,113.9,101.9l-86.9-28.2  c22.1,38.4,112.7,86.4,112.7,86.4l-81-26.2c33.6,55.7,109.6,93.3,109.6,93.3l-46.8-3.4c6.1,52.4,78.4,97.5,82.3,137.9  c32.7,12.5,74.9,34.3,107.8,62.6c62.8-30.9,45.5-135.5-74.3-283.8c164.8,10,160.3,132.2,254.9,114.6  C571.7,338.8,567.2,287.1,470.6,234.1'/%3E%3Cpath class='st2' d='M644.2,498.3c-5.3-38.8-40.1-84-65.1-99.9c-11.7,24-40.3,39.4-65.4,46.4C572.7,451.9,621.1,475.4,644.2,498.3'/%3E%3Cpath class='st0' d='M531.3,386.6c-21.2,34.1-57,24.6-69.7-17.9l25.8,1.5c-22.7-13.6-43.2-33.5-59.1-53.1  c-4.7,93.9,83.7,136.1,112.9,70.1C537.9,387.3,534.6,387.1,531.3,386.6'/%3E%3Cpath class='st2' d='M518,530.4c38.3-21.5,87.7-31.9,123.8-24.7c-23.1-19.5-80.1-43.5-131.8-38.5  C510.1,467.3,527.7,497.3,518,530.4'/%3E%3C/g%3E%3C/svg%3E");*/
  /*background-image: url('../lib/images/cardinals.svg');*/
  /*background: url('../images/helmet-sprite.png') no-repeat -42px -54px;*/
  width: 191px;
  height: 162px;
}
.logo.logo-falcons {
  /*background-image: url('../lib/images/falcons.svg');*/
  /*background: url('imgs/ChatGPT Image Aug 7, 2026, 10_17_55 PM.png') no-repeat -212px -40px;*/
  width: 169px;
  height: 144px;
}
.logo.logo-ravens {
  background-image: url('../lib/images/ravens.svg');
}
.logo.logo-bills {
  background-image: url('../lib/images/bills.svg');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc2dphjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcWdthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTch9thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc2dthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc69thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcB9xhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcPtxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcWdxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTccNxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyeMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
html {
  font-size: 16px;
  position: relative;
  min-height: 100%;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
.white {
  color: white;
}
a.white:hover {
  color: white;
  opacity: 0.75;
}
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
body {
  /*margin-bottom: 60px;*/
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  background-color: #0F172A;
  color: #F3F6FC;
  position: relative;
  /*min-height: 100vh;
    padding-top: 2rem;*/
  /*background: linear-gradient( 180deg, fade(@color-background, 82%) 0%, fade(@color-background, 88%) 45%, fade(@color-background, 96%) 100% ), url('/lib/images/stadium-background.png') top center / cover no-repeat;*/
}
body .site-background {
  position: fixed;
  inset: 0;
  z-index: -2;
  background-image: url('/lib/images/reality-football-bg-desktop.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  z-index: -1;
}
@media (max-width: 767px) {
  body .site-background {
    background-image: url('/lib/images/reality-football-bg-mobile.png');
    background-position: center center;
    background-repeat: no-repeat;
  }
}
body .site-background::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.55) 0%, rgba(15, 23, 42, 0.72) 55%, rgba(15, 23, 42, 0.9) 100%);
}
body .site-login {
  /*padding: 1rem 0;*/
  padding-top: 3.5rem;
}
body .site-content {
  padding: 0;
  margin: 3.5rem auto 1rem;
  max-width: 1200px;
  position: relative;
  /*min-height: 100vh;*/
  border: 1px solid white;
  border-radius: 14px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: rgba(15, 23, 42, 0.9);
}
@media (max-width: 575px) {
  body .site-content {
    /*padding-top: 1rem;*/
  }
}
body .site-content .navbar,
body .site-content footer {
  /*background: @color-surface-raised; //linear-gradient( 145deg, fade(@color-surface-raised, 98%), fade(@color-background, 98%) );*/
}
body .site-content .navbar {
  border-top-right-radius: 14px;
  border-top-left-radius: 14px;
  /*border-bottom: 1px solid @color-border;*/
}
body .site-content footer,
body .site-content footer .navbar {
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
}
.invite-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 600px;
  margin: 0 auto 2rem;
}
.invite-steps .invite-step {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: #BCC8DA;
  white-space: nowrap;
}
.invite-steps .invite-step .step-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  font-weight: 700;
}
.invite-steps .invite-step strong {
  display: block;
  color: #BCC8DA;
}
.invite-steps .invite-step small {
  display: block;
  font-size: 0.75rem;
  color: rgba(188, 200, 218, 0.75);
}
.invite-steps .invite-step.active .step-number {
  color: #fff;
  background: #BE0512;
  border-color: #BE0512;
}
.invite-steps .invite-step.active strong {
  color: #F3F6FC;
}
.invite-steps .invite-step.complete .step-number {
  color: #fff;
  background: #35D273;
  border-color: #35D273;
}
.invite-steps .invite-step.complete strong {
  color: #F3F6FC;
}
.invite-steps .step-line {
  width: 60px;
  height: 2px;
  margin: 0 1rem;
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 575.98px) {
  .invite-steps .invite-step {
    gap: 0.4rem;
  }
  .invite-steps .invite-step small {
    display: none;
  }
  .invite-steps .step-line {
    width: 30px;
    margin: 0 0.5rem;
  }
}
.section-heading {
  position: relative;
  margin-bottom: 1.5rem;
  padding-bottom: 0.65rem;
}
.section-heading::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 44px;
  height: 3px;
  background: #BE0512;
  border-radius: 2px;
}
.section-heading {
  font-size: 2.5rem;
  /*margin-bottom: .5rem;*/
  font-weight: bold;
  line-height: 2.5rem;
  color: #F3F6FC;
  /*margin-bottom: 1rem;*/
}
@media (max-width: 767.98px) {
  .section-heading {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
  .section-heading::after {
    left: 50%;
    transform: translateX(-50%);
  }
}
.nav-menu {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
}
.nav-menu .btn-outline-primary {
  border: 1px solid #5B91FF;
  color: white !important;
}
.nav-menu .btn-outline-primary.active {
  background-color: #5B91FF !important;
}
/* Onboarding */
.onboarding-card {
  max-width: 900px;
  margin: 0 auto;
}
.onboarding-option {
  padding: 2rem;
  border: 1px solid #5B91FF;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.025);
  text-align: center;
  transition: transform 0.15s ease, border-color 0.15s ease;
}
.onboarding-option:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.18);
}
.onboarding-option .onboarding-option-icon {
  font-size: 2rem;
  margin-bottom: 1rem;
}
.onboarding-option p {
  min-height: 72px;
}
@media (max-width: 767.98px) {
  .select-week p {
    text-align: center;
  }
}
.selected-picks {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.games {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.games,
.selected-picks {
  display: grid;
  gap: 25px;
  width: 100%;
}
@media (max-width: 1024px) {
  .games,
  .selected-picks {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 574px) {
  .games,
  .selected-picks {
    grid-template-columns: 1fr;
  }
}
.form-floating > label {
  color: #F3F6FC;
}
.field-validation-error {
  background-color: rgba(190, 5, 18, 0.2);
  color: white !important;
  padding: 10px;
  display: block;
}
.table {
  color: white !important;
}
.check-box {
  height: 25px;
  width: 25px;
}
.form-control:disabled {
  background-color: #e9ecefa6;
}
.login-logo {
  width: 150px;
  margin: 0 auto -38px;
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 12px 22px rgba(0, 0, 0, 0.45));
}
.login-link,
.login-card a {
  color: #5B91FF;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.login-link.btn,
.login-card a.btn {
  text-decoration: none !important;
}
.login-link:hover,
.login-card a:hover {
  color: #79A6FF;
  text-decoration-thickness: 2px;
}
.login-link:focus-visible,
.login-card a:focus-visible {
  color: #F3F6FC;
  outline: 3px solid #8BB4FF;
  outline-offset: 3px;
  border-radius: 3px;
}
.login-card {
  width: min(100%, 550px);
  padding: 4.5rem 3.5rem 3rem;
  color: #F3F6FC;
  background: linear-gradient(145deg, rgba(29, 42, 66, 0.98), rgba(15, 23, 42, 0.98));
  border: 1px solid #5B91FF;
  border-radius: 28px;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  margin: 0 auto;
  margin-top: -90px;
}
@media (max-width: 575px) {
  .login-card {
    margin-top: -70px;
    padding: 4rem 1.5rem 3rem;
  }
}
.login-card .login-card-header h1 {
  color: #F3F6FC;
  font-weight: 600;
}
.login-card .login-card-header p {
  color: #BCC8DA !important;
}
.login-card .login-link,
.login-card a {
  color: white;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.login-card .login-link:hover,
.login-card a:hover {
  color: #79A6FF;
  text-decoration-thickness: 2px;
}
.login-card .login-link:focus-visible,
.login-card a:focus-visible {
  color: #F3F6FC;
  outline: 3px solid #8BB4FF;
  outline-offset: 3px;
  border-radius: 3px;
}
.login-card .form-label {
  margin-bottom: 0.625rem;
  color: #F3F6FC;
  font-weight: 500;
}
.login-card .input-group-text {
  /*background-color: @color-primary;*/
}
.text-muted {
  color: #BCC8DA !important;
}
.login-form-control {
  color: #F3F6FC;
  background-color: rgba(15, 23, 42, 0.7);
  border: 1px solid #5B91FF;
}
.login-form-control::placeholder {
  color: rgba(188, 200, 218, 0.75);
  opacity: 1;
}
.login-form-control:focus {
  color: #F3F6FC;
  background-color: rgba(15, 23, 42, 0.85);
  border-color: #5B91FF;
  box-shadow: 0 0 0 4px rgba(91, 145, 255, 0.18);
}