<<<<<<< HEAD
/**
 * Contains variables that may be used across SCSS files for Draft Sharks
 */
.qb,
.tqb {
  background: #333;
}

.rb {
  background: #a41c1f;
}

.wr {
  background: #043173;
}

.te {
  background: #86a2cb;
}

.k,
.tk {
  background: #c87779;
}

.def,
.s,
.de,
.dl,
.dt,
.lb,
.olb,
.cb,
.db {
  background: #888;
}

.hc {
  background: #582325;
}

/**
 * Export position colors for use in JS
 * This does not work, as text/css mime types are not supported.
 * But would be great if we could easily import these color values.
 */
:export {
  totalColor: #3d74c7;
  qbColor: #333333;
  rbColor: #a41c1f;
  wrColor: #043173;
  teColor: #86a2cb;
  pickColor: #687087;
  defColor: #888;
  kickerColor: #c87779;
  tqbColor: #000;
  hcColor: #000;
  tkColor: #000;
  lbColor: #000;
  dbColor: #000;
  qrwtColor: #ffff00;
  rwtColor: #f78439;
  rwColor: #00ff00;
  wtColor: #800080;
  dldColor: #663399;
}

/**
 * These mixins have been taken from the figma so we can apply font
 * stuff as wel like to certain elements
 */
#position-navbar .nav-pills.nav .active a,
#position-navbar .nav-pills.nav a:hover {
  background: #043173;
  color: white;
}

#position-navbar .nav-pills.nav .active a img,
#position-navbar .nav-pills.nav a:hover img {
  filter: brightness(0) invert(1);
}

.regular-season-feature h3 {
  color: #8e8e8e;
  font-size: 27px;
  margin-bottom: 15px;
}

.regular-season-feature {
  color: #b2b2b2;
  font-size: 16px;
  padding: 15px;
}

.regular-season-feature p {
  max-width: 60ch;
  margin: 0 auto;
}

.padding {
  padding: 15px;
}

.top-main-info {
  align-items: center;
  display: flex;
  /* commit */
  justify-content: space-around;
  padding: 15px;
}

.main-info-cont {
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 992px) {
  #player-game-logs-container .stats-table {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .top-main-info {
    column-gap: 10px;
  }
  .top-main-info small {
    font-size: 20px !important;
  }
  .top-main-info h3 {
    font-size: 35px !important;
  }
}
@media only screen and (min-width: 501px) and (max-width: 767px) {
  .top-main-info {
    column-gap: 10px;
  }
  .top-main-info small {
    font-size: 22px !important;
  }
  .top-main-info h3 {
    font-size: 35px !important;
  }
  .main-info-cont.two {
    column-gap: 15px;
  }
  .main-info-cont.two h3 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .main-info-cont.two h3 small {
    text-align: center;
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 374px) {
  .main-info-cont.two {
    column-gap: 15px;
  }
  .main-info-cont.two h3 {
    display: flex;
    align-items: center;
    column-gap: 5px;
  }
  .main-info-cont.two h3 small {
    text-align: center;
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 992px) {
  #player-game-logs-container .gradient {
    width: 25px;
  }
  .gradient {
    left: 63px;
  }
  .scoring-customize-container {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 992px) {
  #player-game-logs-container .gradient {
    width: 35px;
  }
  .gradient {
    left: 70px;
  }
  .scoring-customize-container {
    align-items: center;
  }
}
.top-main-info h4 {
  margin-bottom: 0;
  font-size: 24px;
  margin-right: 25px;
}

.top-main-info h3 {
  font-size: 45px;
  margin-bottom: 0;
}

.top-main-info small {
  font-size: 24px;
  color: #86a2cb;
  margin-right: 25px;
}

.top-main-info form select {
  padding: 10px 25px 10px 5px;
  margin-right: 25px;
}

.chance-of-injury-grid .padding {
  padding: 40px 20px 30px 20px;
}

.three-d-projection.preseason {
  background: transparent linear-gradient(180deg, var(--unnamed-color-ffffff) 0%, #fbfbfc 72%, #ebe9ef 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #ffffff 0%, #fbfbfc 72%, #ebe9ef 100%) 0% 0% no-repeat padding-box;
}

.three-d-projection.weekly .ds-projection {
  left: calc(50% - 50px);
}

.three-d-projection.weekly span.label {
  font-size: 1.25rem;
}

.three-d-projection.weekly .sidebar > div {
  padding: 0;
}

.three-d-projection.weekly .sidebar .endzone {
  font-size: 1.5rem;
}

.three-d-projection.weekly .sidebar p {
  font-size: 1.5rem;
}

.weekly-rankings-columns h5 {
  text-transform: uppercase;
}

.weekly-rankings-columns table.player-projection-table {
  box-shadow: none;
  margin-bottom: 20px;
}

.weekly-rankings-columns .rest-of-way-container div {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1200px) {
  .fstats-right-column .title.light-gradient-bg a.right {
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .player-img img {
    width: 100%;
  }
  .injury-man-col {
    margin: 0 auto;
  }
  .fstats-right-column {
    display: none;
  }
  .chance-of-injury-grid .padding {
    padding: 10px 15px 0;
  }
  .formerly-sip {
    text-align: center;
    line-height: 28px;
  }
}
@media only screen and (max-width: 500px) {
  .inline-block-nav .nav-pills.move-up a {
    width: 110px;
  }
  .top-main-info {
    /* commit */
    flex-direction: column;
    justify-content: center;
  }
  .top-main-info h3 {
    font-size: 30px;
  }
  .top-main-info small {
    font-size: 20px;
  }
  #ppr-value-form {
    margin-bottom: 10px;
  }
  .table-responsive-scroll {
    overflow-x: scroll;
    width: 100%;
  }
  .table-responsive table {
    width: 500px;
  }
}
.table-responsive-scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive-scroll .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

table.table-responsive-scroll {
  display: table;
}

.stats-game-log-header {
  color: #687087;
  font-size: 16px;
  font-weight: 700;
}
.stats-game-log-header.title {
  margin: 35px 0 12px 0 !important;
}

.scoring-customize-container {
  display: flex;
  column-gap: 30px;
  margin-bottom: 30px;
}

.stat-log-section-heading {
  font-size: 20px;
  color: #043173;
  font-weight: 700;
}

#player-game-logs-container::-webkit-scrollbar {
  -webkit-appearance: auto;
  height: 5px;
}

/* Then you can target the :horizontal class on it's own */
#player-game-logs-container::-webkit-scrollbar-thumb:horizontal {
  border-radius: 20px;
  background-color: rgba(4, 49, 115, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  height: 5px;
}

#player-game-logs-container::-webkit-scrollbar-track:horizontal {
  background-color: #C8C8C8;
}

#player-game-logs-container {
  margin-bottom: 15px;
}
#player-game-logs-container .week {
  width: 70px;
}
#player-game-logs-container .stats-table {
  overflow-x: scroll;
  border-collapse: collapse;
  white-space: nowrap;
  table-layout: fixed;
  background: transparent;
  margin-bottom: 15px;
}
#player-game-logs-container .sticky {
  position: sticky;
}
#player-game-logs-container table {
  table-layout: auto;
  width: auto;
}
#player-game-logs-container table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom: 1px solid #C8C8C8;
  color: #043173;
}
#player-game-logs-container table tbody th {
  position: relative;
}
#player-game-logs-container table thead th:first-child {
  box-shadow: inset -2px 0px 0px -1px #C8C8C8;
  position: sticky;
  left: 0;
  z-index: 2;
}
#player-game-logs-container table tbody tr td {
  position: relative;
}
#player-game-logs-container table tbody tr td:first-child,
#player-game-logs-container .totals {
  box-shadow: inset -2px 0px 0px -1px #C8C8C8;
  border-style: inset;
  position: sticky;
  left: 0;
  z-index: 2;
  background: white;
}
#player-game-logs-container thead > tr > .gradient {
  background: none;
}
#player-game-logs-container .gradient {
  content: "";
  height: auto;
  position: sticky;
  z-index: 2;
  background: linear-gradient(90deg, rgb(232, 232, 232) 0%, rgba(255, 255, 255, 0) 100%);
  background-blend-mode: multiply;
}
#player-game-logs-container th {
  text-align: center;
}
#player-game-logs-container td {
  text-align: center;
  width: 110px;
}
#player-game-logs-container tfoot {
  font-weight: 700;
}

.show-all-weeks-button {
  background: #041944;
  color: white;
  padding: 10px 15px;
  border-radius: 8px !important;
  font-weight: 700;
}

.stats-table {
  margin-bottom: 35px;
}

.download-select {
  margin-left: auto;
  font-family: FontAwesome, proxima-nova, "sans-serif";
}
.download-select select {
  font-weight: 700;
  width: 160px;
  border-radius: 8px;
  color: #041944;
  border: 1px solid #041944;
  display: flex;
  padding: 10px 15px;
}

.show-all-weeks-button {
  background: #041944;
  color: white;
  padding: 10px 15px;
  border-radius: 8px;
  font-weight: 700;
}

.stats-table {
  margin-bottom: 35px;
}

.download-select {
  margin-left: auto;
  font-family: FontAwesome, proxima-nova, "sans-serif";
}
.download-select select {
  font-weight: 700;
  width: 160px;
  border-radius: 8px;
  color: #041944;
  border: 1px solid #041944;
  display: flex;
  padding: 10px 15px;
}

/*# sourceMappingURL=fantasy-stats.css.map */
=======
:export{totalColor:#3d74c7;qbColor:#333;rbColor:#a41c1f;wrColor:#043173;teColor:#86a2cb;pickColor:#687087;defColor:#888;kickerColor:#c87779;tqbColor:#000;hcColor:#000;tkColor:#000;lbColor:#000;dbColor:#000;qrwtColor:#ff0;rwtColor:#f78439;rwColor:lime;wtColor:purple;dldColor:#639}#position-navbar .nav-pills.nav .active a,#position-navbar .nav-pills.nav a:hover{background:#043173;color:#fff}#position-navbar .nav-pills.nav .active a img,#position-navbar .nav-pills.nav a:hover img{filter:brightness(0) invert(1)}.regular-season-feature h3{color:#8e8e8e;font-size:27px;margin-bottom:15px}.regular-season-feature{color:#b2b2b2;font-size:16px;padding:15px}.regular-season-feature p{max-width:60ch;margin:0 auto}.padding{padding:15px}.top-main-info{align-items:center;display:flex;justify-content:space-around;padding:15px}.main-info-cont{display:flex;align-items:center}@media only screen and (min-width: 992px){#player-game-logs-container .stats-table{width:100%}}@media only screen and (min-width: 992px)and (max-width: 1199px){.top-main-info{column-gap:10px}.top-main-info small{font-size:20px !important}.top-main-info h3{font-size:35px !important}}@media only screen and (min-width: 501px)and (max-width: 767px){.top-main-info{column-gap:10px}.top-main-info small{font-size:22px !important}.top-main-info h3{font-size:35px !important}.main-info-cont.two{column-gap:15px}.main-info-cont.two h3{display:flex;flex-direction:column;align-items:center}.main-info-cont.two h3 small{text-align:center;margin-right:0 !important}}@media only screen and (max-width: 374px){.main-info-cont.two{column-gap:15px}.main-info-cont.two h3{display:flex;align-items:center;column-gap:5px}.main-info-cont.two h3 small{text-align:center;margin-right:0 !important}}@media only screen and (max-width: 992px){#player-game-logs-container .gradient{width:25px}.gradient{left:63px}.scoring-customize-container{flex-direction:column;align-items:flex-start}}@media only screen and (min-width: 992px){#player-game-logs-container .gradient{width:35px}.gradient{left:70px}.scoring-customize-container{align-items:center}}.top-main-info h4{margin-bottom:0;font-size:24px;margin-right:25px}.top-main-info h3{font-size:45px;margin-bottom:0}.top-main-info small{font-size:24px;color:#86a2cb;margin-right:25px}.top-main-info form select{padding:10px 25px 10px 5px;margin-right:25px}.chance-of-injury-grid .padding{padding:40px 20px 30px 20px}.three-d-projection.preseason{background:rgba(0,0,0,0) linear-gradient(180deg, var(--unnamed-color-ffffff) 0%, #fbfbfc 72%, #ebe9ef 100%) 0% 0% no-repeat padding-box;background:rgba(0,0,0,0) linear-gradient(180deg, #ffffff 0%, #fbfbfc 72%, #ebe9ef 100%) 0% 0% no-repeat padding-box}.three-d-projection.weekly .ds-projection{left:calc(50% - 50px)}.three-d-projection.weekly span.label{font-size:1.25rem}.three-d-projection.weekly .sidebar>div{padding:0}.three-d-projection.weekly .sidebar .endzone{font-size:1.5rem}.three-d-projection.weekly .sidebar p{font-size:1.5rem}.weekly-rankings-columns h5{text-transform:uppercase}.weekly-rankings-columns table.player-projection-table{box-shadow:none;margin-bottom:20px}.weekly-rankings-columns .rest-of-way-container div{margin-bottom:20px}@media only screen and (max-width: 1200px){.fstats-right-column .title.light-gradient-bg a.right{font-size:15px}}@media only screen and (max-width: 768px){.player-img img{width:100%}.injury-man-col{margin:0 auto}.fstats-right-column{display:none}.chance-of-injury-grid .padding{padding:10px 15px 0}.formerly-sip{text-align:center;line-height:28px}}@media only screen and (max-width: 500px){.inline-block-nav .nav-pills.move-up a{width:110px}.top-main-info{flex-direction:column;justify-content:center}.top-main-info h3{font-size:30px}.top-main-info small{font-size:20px}#ppr-value-form{margin-bottom:10px}.table-responsive-scroll{overflow-x:scroll;width:100%}.table-responsive table{width:500px}}.table-responsive-scroll{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-scroll .table{width:100%;max-width:100%;margin-bottom:1rem;background-color:rgba(0,0,0,0)}table.table-responsive-scroll{display:table}.stats-game-log-header{color:#687087;font-size:16px;font-weight:700}.stats-game-log-header.title{margin:35px 0 12px 0 !important}.scoring-customize-container{display:flex;column-gap:30px;margin-bottom:30px}.stat-log-section-heading{font-size:20px;color:#043173;font-weight:700}#player-game-logs-container::-webkit-scrollbar{-webkit-appearance:auto;height:5px}#player-game-logs-container::-webkit-scrollbar-thumb:horizontal{border-radius:20px;background-color:rgba(4,49,115,.5);box-shadow:0 0 1px rgba(255,255,255,.5);height:5px}#player-game-logs-container::-webkit-scrollbar-track:horizontal{background-color:#c8c8c8}#player-game-logs-container{margin-bottom:15px}#player-game-logs-container .week{width:70px}#player-game-logs-container .stats-table{overflow-x:scroll;border-collapse:collapse;white-space:nowrap;table-layout:fixed;background:rgba(0,0,0,0);margin-bottom:15px}#player-game-logs-container .sticky{position:sticky}#player-game-logs-container table{table-layout:auto;width:auto}#player-game-logs-container table thead th{position:sticky;top:0;z-index:1;border-bottom:1px solid #c8c8c8;color:#043173}#player-game-logs-container table tbody th{position:relative}#player-game-logs-container table thead th:first-child{box-shadow:inset -2px 0px 0px -1px #c8c8c8;position:sticky;left:0;z-index:2}#player-game-logs-container table tbody tr td{position:relative}#player-game-logs-container table tbody tr td:first-child,#player-game-logs-container .totals{box-shadow:inset -2px 0px 0px -1px #c8c8c8;border-style:inset;position:sticky;left:0;z-index:2;background:#fff}#player-game-logs-container thead>tr>.gradient{background:none}#player-game-logs-container .gradient{content:"";height:auto;position:sticky;z-index:2;background:linear-gradient(90deg, rgb(232, 232, 232) 0%, rgba(255, 255, 255, 0) 100%);background-blend-mode:multiply}#player-game-logs-container th{text-align:center}#player-game-logs-container td{text-align:center;width:110px}#player-game-logs-container tfoot{font-weight:700}.show-all-weeks-button{background:#041944;color:#fff;padding:10px 15px;border-radius:8px !important;font-weight:700}.stats-table{margin-bottom:35px}.download-select{margin-left:auto;font-family:FontAwesome,proxima-nova,sans-serif}.download-select select{font-weight:700;width:160px;border-radius:8px;color:#041944;border:1px solid #041944;display:flex;padding:10px 15px}.show-all-weeks-button{background:#041944;color:#fff;padding:10px 15px;border-radius:8px;font-weight:700}.stats-table{margin-bottom:35px}.download-select{margin-left:auto;font-family:FontAwesome,proxima-nova,sans-serif}.download-select select{font-weight:700;width:160px;border-radius:8px;color:#041944;border:1px solid #041944;display:flex;padding:10px 15px}/*# sourceMappingURL=fantasy-stats.css.map */
>>>>>>> master