/* CSS Document */
:root {
  --fod-text: #000;
  --fod-background: #fff;
  --fod-primary: #ffe341;
  --fod-secondary: #eceadf;
  --fod-accent: #8c8273;
  --fod-accent2: #7d8082;
  --fod-highlight-blue: #00c5ff;
  --fod-highlight-light-blue: #c0e2f6;
  --fod-highlight-orange: #ffc658;
  --fod-highlight-light-red: #fbcbcf;
  --fod-highlight-red: #ff7990;
  --fod-highlight-neutral: #f1f1f1;
  --fod-highlight-green: #77ec87;
  --fod-primary-shadow: #dabd1f;
  --fod-background-shadow: rgb(219, 219, 219);

  --btn-pint-text-color: hsla(210, 50%, 85%, 1);
  --btn-pint-shadow-color: hsla(210, 40%, 52%, 0.4);
  --btn-pint-color: hsl(210, 80%, 42%);
  --btn-pintbg-color: #141218;
  --draft-ticker-offset: 176px;

  --data-palette-a-1: #ffe341;
  --data-palette-a-2: #7bd487;
  --data-palette-a-3: #59adab;
  --data-palette-a-4: #7d8082;
  --data-palette-a-1l: #ffe34180;
  --data-palette-a-2l: #7bd48780;
  --data-palette-a-3l: #59adab80;
  --data-palette-a-4l: #7d808280;

  --data-palette-b-1: #00c5ff;
  --data-palette-b-2: #1585b4;
  --data-palette-b-3: #0d4b6c;
  --data-palette-b-4: #00192b;

  --data-palette-c-1: #ff7990;
  --data-palette-c-2: #b24f61;
  --data-palette-c-3: #6a2835;
  --data-palette-c-4: #2b050c;

  --sidebar-width: 240px;
  --header-tools-height: 56px;
  --header-tools-mobile-height: 88px;
}

.sidebar-tools {
  width: var(--sidebar-width);
  max-height: calc(100vh - var(--header-tools-height));
  position: sticky;
  float: left;
  left: 0px;
  bottom: 0px;
  overflow-y: auto;
}

.header-tools {
  height: var(--header-tools-height);
  z-index: 10000 !important;
  width: auto;
}

html,
main,
body {
  display: block;
  min-height: 1300px !important;
}

footer {
  position: relative;
  z-index: 10000 !important;
}

@media (min-width: 577px) {
  .sidebar-tools {
    width: var(--sidebar-width);
    top: var(--header-tools-height) !important;
  }
}
@media (max-width: 576px) {
  .sidebar-tools {
    top: var(--header-tools-mobile-height) !important;
    max-height: calc(100vh - var(--header-tools-mobile-height));
    width: 100%;
    float: none;
    -webkit-box-shadow: 0px 4px 4px -4px;
    box-shadow: 0px 4px 4px -4px;
  }

  .header-tools {
    height: var(--header-tools-mobile-height);
  }
}

.cta-image {
  position: absolute;
  top: 0%;
  left: 0%;
  bottom: 0%;
  right: 0%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  -webkit-animation-name: float;
  animation-name: float;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
}

.cta-image-phone {
  position: absolute;
  top: 0%;
  left: 0%;
  bottom: 0%;
  right: 0%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  -webkit-animation-name: rotate-phone;
  animation-name: rotate-phone;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.cta-image-laptop {
  position: absolute;
  top: 0%;
  left: 0%;
  bottom: 0%;
  right: 0%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  -webkit-animation-name: rotate-phone;
  animation-name: rotate-phone;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.cta-image2 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  -webkit-animation: float 5s ease-in-out infinite;
  animation: float 5s ease-in-out infinite;
}

@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

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

@keyframes float {
  0% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

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

@-webkit-keyframes rotate-phone {
  0% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

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

@keyframes rotate-phone {
  0% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

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

@-webkit-keyframes rotate-laptop {
  0% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

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

@keyframes rotate-laptop {
  0% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

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

.cta-textarea {
  position: relative;
  top: 150px;
  bottom: 0%;
}
.landing-bg-points {
  background-image: url(/assets/images/landing_page/bg_points.svg);
  background-repeat: no-repeat;
}

.landing-bg-points-dark {
  background-image: url(/assets/images/landing_page/bg_points_dark_3.svg);
  background-repeat: no-repeat;
}

.landing-page-split {
  min-height: 8px;
  max-height: 8px;
  content: "";
  min-width: 100%;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.landing-page-header {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.image-angled-top-level {
  position: absolute;
  right: 0%;
  bottom: 0%;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

.btn-scroll-to {
  position: fixed;
  bottom: 16px;
  right: 16px;
}

.link-color-override {
  color: #007bff;
}

.no-top-border-override th {
  border-top: none !important;
}

.pricing-tag-rounded-border {
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.data-palette-a-1 {
  background-color: var(--fod-highlight-red);
}
.data-palette-a-2 {
  background-color: var(--fod-highlight-blue);
}
.data-palette-a-3 {
  background-color: var(--fod-highlight-orange);
}
.data-palette-a-4 {
  background-color: var(--fod-highlight-green);
}

.data-palette-a-1-text {
  color: var(--fod-highlight-red);
}
.data-palette-a-2-text {
  color: var(--fod-highlight-blue);
}
.data-palette-a-3-text {
  color: var(--fod-highlight-orange);
}
.data-palette-a-4-text {
  color: var(--fod-highlight-green);
}

.divergent-stddev-096-100 {
  background-color: #00c5ff;
}
.divergent-stddev-086-095 {
  background-color: #67cefc;
}
.divergent-stddev-076-085 {
  background-color: #93d6fa;
}
.divergent-stddev-066-075 {
  background-color: #b5dff7;
}
.divergent-stddev-056-065 {
  background-color: #d4e8f4;
}
.divergent-stddev-046-055 {
  background-color: #f1f1f1;
}
.divergent-stddev-036-045 {
  background-color: #f7e8d3;
}
.divergent-stddev-026-035 {
  background-color: #fcdfb5;
}
.divergent-stddev-016-025 {
  background-color: #fed797;
}
.divergent-stddev-006-015 {
  background-color: #ffce78;
}
.divergent-stddev-000-005 {
  background-color: #ffc658;
}

.divergent-stddev-080-100 {
  background-color: #ffe341;
  font-weight: bold;
}
.divergent-stddev-060-079 {
  background-color: #ffee94;
}
.divergent-stddev-040-059 {
  background-color: #fff3b8;
}
.divergent-stddev-020-039 {
  background-color: #fff9db;
}
.divergent-stddev-000-019 {
  background-color: #ffffff;
}

.divergent-good-5 {
  background-color: #77ec87;
}
.divergent-good-4 {
  background-color: #94ee9c;
}
.divergent-good-3 {
  background-color: #aeefb1;
}
.divergent-good-2 {
  background-color: #c5f0c6;
}
.divergent-good-1 {
  background-color: #dbf1db;
}
.divergent-neutral {
  background-color: #f1f1f1;
}
.divergent-bad-1 {
  background-color: #f7dadc;
}
.divergent-bad-2 {
  background-color: #fcc3c9;
}
.divergent-bad-3 {
  background-color: #ffabb5;
}
.divergent-bad-4 {
  background-color: #ff93a2;
}
.divergent-bad-5 {
  background-color: #ff7990;
}

.data-table-color-scale-cell {
  width: 48px;
  min-width: 48px;
  max-width: 48px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
}

.data-table-color-scale-cell-small {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 24px;
  flex: 1 0 24px;
  min-width: 24px;
  width: 24px;
  max-width: 24px;
  height: 16px;
  min-height: 16px;
  max-height: 16px;
}

.data-table-badge {
  position: relative;
  z-index: 1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-left: 2px;
  padding-right: 2px;
}

.data-header {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ffe341),
    to(white)
  );
  background-image: linear-gradient(to right, #ffe341, white);
}

.data-table-cell-size {
  width: 70px;
  min-width: 70px;
  max-width: 70px;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .data-table-cell-size {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
  }
}

.custom-legend-point-style {
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 2px;
  min-height: 2px;
  max-height: 2px;
}

.data-table-rank-cell-size {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  vertical-align: middle;
}

.data-table-sticky-header {
  position: sticky;
  top: 0px;
  z-index: 1;
}

.head-to-head-sticky-header {
  position: sticky;
  top: var(--header-tools-height);
  z-index: 100;
}

.small-sample-size {
  font-style: italic;
}

.shaded-data-row {
  border-top: 1px solid var(--fod-secondary);
}

.bb-draft-container {
  overflow-x: auto;
}

.bb-draft-tile-header {
  min-width: 100px;
  width: 100px;
  max-width: 100px;
}

.style23-bb {
  min-width: 100px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.bb-draft-tile-inset {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.bb-draft-tile {
  min-height: 60px;
  border-color: #000;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  position: relative;
  max-height: 60px;
  height: 60px;
  min-width: 100px;
  width: 100px;
  max-width: 100px;
}

.bb-draft-tile-player-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 11px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.25px;
  text-align: left;
}

.bb-draft-tile-player-details {
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.25px;
  text-align: left;
}

.bb-draft-tile-pick {
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  text-align: right;
  right: 8px;
  top: 6px;
}

html,
body {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

body > footer {
  position: sticky;
  top: 100vh;
}

@media (max-width: 576px) {
  .container {
    margin: 0 !important;
    padding: 1rem !important;
  }
  .container-fluid {
    margin: 0 !important;
    padding: 1rem !important;
  }

  .head-to-head-sticky-header {
    position: sticky;
    top: var(--header-tools-mobile-height);
    z-index: 100;
  }

  .rounded-shadow-container {
    border-width: 0px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    -webkit-box-shadow: 0px 0px 4px;
    box-shadow: 0px 0px 4px;
    margin-top: 15px;
    margin-bottom: 15px;
    overflow-x: auto;
  }
}

.social-link {
  color: #fff;
}

.fod-brand-font {
  font-family: "Graduate", cursive;
}

.above-all {
  position: relative;
  z-index: 1;
}

.landing-tap {
  position: absolute;
  left: 15px;
  top: 40px;
}

.landing-tap-mobile {
  position: absolute;
  left: 10px;
  top: 200px;
}

.landing-tap-mobile-small {
  position: absolute;
  left: 10px;
  top: 128px;
}

.landing-points-diagonal-mobile {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}

.landing-pint-points-mobile {
  position: absolute;
  left: -380px;
  top: -742px;
}

.landing-pint-points-mobile-sm {
  position: absolute;
  left: -280px;
  top: -540px;
}

.landing-pint-points-mobile-xs {
  position: absolute;
  left: -198px;
  top: -400px;
}

.landing-pint-points {
  position: absolute;
  left: 260px;
  top: 2110px;
}

.landing-pint-points-lg {
  position: absolute;
  left: 168px;
  top: 2110px;
}

.on-top-of-pint-points {
  position: relative;
  z-index: 1;
}

.landing-app-screenshot {
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
}

.bento-box {
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);

  background-color: #fff;
}

.bento-box-card {
  border-radius: 8px !important;
}

.bento-box-bg-top {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.bento-box-bg-bottom {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.bento-box-max-height {
  max-height: 400px;
  overflow-y: hidden;
}

.bento-box-table-header-sticky {
  position: sticky;
  background: white;
  top: 0;
  z-index: 10;
}

.bento-box-table-scroll-area {
  max-height: 250px;
  overflow-y: auto;
}

.gallery {
  display: grid;
  gap: 1rem;
  grid-auto-flow: column;
  grid-auto-columns: 100%;

  padding-left: 15%;
  padding-right: 15%;
  padding-top: 2%;
  padding-bottom: 2%;

  overflow-x: scroll;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
}

.gallery::-webkit-scrollbar {
  display: none;
}

.gallery-image {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

.gallery-image:first-child {
}

.snaps-inline {
  -ms-scroll-snap-type: inline mandatory;
  scroll-snap-type: inline mandatory;
  scroll-padding-inline: 15%;
}

.snaps-inline > * {
  scroll-snap-align: center;
  overflow-x: visible;
}

.pricing-option-right {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;

  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
}
.pricing-option-left {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;

  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
}

.pricing-option-popular {
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 2;
}

.pricing-header {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#dddddd),
    to(white)
  );
  background-image: linear-gradient(to right, #dddddd, white);
}

.pricing-checkmark-background {
  border-radius: 12px;
  min-width: 24px;
  min-height: 24px;
}

.pricing-features-list {
  min-height: 274px;
}
body {
}
#page-header {
  padding-top: 120px;
  background: linear-gradient(135deg, #35b8b0 0%, #1c799d 100%);
}
#header-text {
  color: var(--fod-text);
}
#header-img > img {
  -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
}
section {
  padding: 40px 0;
  position: relative;
}
h3.section-title {
  margin-bottom: 30px;
  font-weight: 400;
}
#features i {
  background: #f9f9f9;
  width: 124px;
  border-radius: 50%;
  height: 124px;
  line-height: 124px;
}
#features h5 {
  color: #1b99b9;
  font-weight: 400;
  margin-top: 15px;
  margin-bottom: 15px;
}
#screenshots {
  padding-top: 50px;
}
#screenshots h2 {
  font-weight: 400;
}
#screenshots .row {
  margin-bottom: 80px;
}
#screenshots img {
  -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
}
#page-footer {
  padding: 15px 0 10px;
  font-size: 12px;
}

.style44 {
  display: inline-block;
}

.style2 {
  font-size: 0px;
}

.draft-kit-list-item {
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}

.draft-kits-list {
  max-height: 500px;
  overflow-y: auto;
}

.DraftKitHeaderShadow {
  -webkit-box-shadow: 0px 1px 2px;
  box-shadow: 0px 1px 2px;
}

.tab-flat-bottom {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.tab-flat-bottom .btn .btn-light .active {
}

.tab-flat-bottom .btn .btn-light .active:not() > h6 {
  background-color: #fff !important;
}

.PlayerListWindowAdvanced {
  min-width: 340px;
  width: 340px;
  max-width: 340px;
  max-height: calc(100vh - 152px + 16px);
  z-index: 200;
  margin-right: 4px;
}

.PlayersListWindowAdvancedHeader {
  border-top-right-radius: 8px;
  -webkit-box-shadow: 2px -4px 4px -4px;
  box-shadow: 2px -4px 4px -4px;
}

.PlayersValueRosterWindow {
  margin-top: 2px;
}

.key-window {
  -webkit-box-shadow: 0px 4px 4px -4px;
  box-shadow: 0px 4px 4px -4px;
}

@media (max-width: 768px) {
  .PlayerListWindowAdvanced {
    position: relative;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    max-height: 100%;
    z-index: 4;
  }
}

.PlayerListWindow {
  overflow-y: auto;
}

@media (max-width: 768px) {
  .PlayerListWindow {
    bottom: 0%;
    position: relative;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    top: 55%;
    overflow-y: auto;
    z-index: 4;
  }
}

.stickyheader {
  top: 0%;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  position: sticky;
}

.RecsWindowAdvanced {
  overflow-y: auto;
  max-height: calc(100vh - 64px);
}
@media (max-width: 768px) {
  .RecsWindowAdvanced {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    overflow-y: auto;
    position: relative;
    z-index: 5;
  }
}

.AuctionWindowAdvanced {
  overflow-y: auto;
  max-height: calc(100vh - 64px);
}

.RecsWindow {
  overflow-y: auto;
}
@media (max-width: 768px) {
  .RecsWindow {
    top: 55%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    overflow-y: auto;
    position: fixed;
    z-index: 3;
  }
}

.ProjectedPointsWindow {
  overflow-y: auto;
}
@media (max-width: 768px) {
  .ProjectedPointsWindow {
    position: fixed;
    top: 55%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    overflow-y: auto;
    z-index: 2;
  }
}
.MyTeamWindowAdvanced {
  overflow-y: auto;
  max-height: 100%;
  min-width: 340px;
  z-index: 200;

  max-height: calc(100vh - 64px);
  -webkit-box-shadow: 0px 0px 4px;
  box-shadow: 0px 0px 4px;
  border-top-left-radius: 8px;
  margin-left: 4px;
}

@media (max-width: 768px) {
  .MyTeamWindowAdvanced {
    position: relative;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    overflow-y: auto;
    z-index: 1;

    -webkit-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    border-top-left-radius: 0px;
    margin-left: 0px;
  }
}

.MyTeamWindow {
  overflow-y: auto;
}
@media (max-width: 768px) {
  .MyTeamWindow {
    position: fixed;
    top: 25%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    overflow-y: auto;
    z-index: 1;
  }
}

.sticky-roster-window-container {
  position: absolute !important;
  top: 66px;
  right: 0px;
  z-index: 200;
  min-width: 320px !important;

  border-width: 0px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -webkit-box-shadow: 0px 0px 4px;
  box-shadow: 0px 0px 4px;
}

.sticky-key-window {
  border: 2px solid var(--fod-text);

  background-color: #fff;
  min-width: 340px;
}

.sticky-key-window-container {
  position: sticky !important;
  bottom: 20px;
  left: 20px;
  right: 20px;
  z-index: 250;
}

.style6 {
  background-color: var(--fod-background);
}

.DraftBoardWindow {
  overflow-y: scroll;
  overflow-x: auto;
  position: relative;
  width: 100%;
  display: block;
}
.draft-board-rounds-container {
  position: relative;
}

.draft-board-round-row {
  display: block;
  vertical-align: top;
  position: relative;
  padding-top: 5px;
}

.draft-board-tile-container {
}

.draft-board-tile {
  min-width: 100px;
  min-height: 48px;
  padding: 4px;
  border-color: #000;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  display: block;
  position: relative;
  width: 100px;
  max-width: 100px;
}

.draft-board-tile-modal {
  min-height: 40px;
  border-color: #000;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  display: block;
  position: relative;
  max-height: 48px;
  height: 48px;
  min-width: 80px;
}

.draft-board-tile-roster {
  min-width: 40px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  display: block;
  position: relative;
  width: 40px;
  max-width: 40px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.draft-board-tile-roster-spot {
  min-width: 40px;
  min-height: 15px;
  width: 40px;
  max-width: 40px;
  font-size: 10px;
}

.draft-board-tile-roster-spot-tl {
  min-width: 40px;
  min-height: 15px;
  width: 40px;
  max-width: 40px;
  border-top-left-radius: 8px;
  font-size: 10px;
}

.draft-board-tile-roster-spot-bl {
  min-width: 40px;
  min-height: 15px;
  width: 40px;
  max-width: 40px;
  border-bottom-left-radius: 8px;
  font-size: 10px;
}

.undrafted-dark {
  background-color: #212934;
  color: rgba(255, 255, 255, 0.856);
}

.undrafted {
  background-color: #fff;
  color: #212934;
}

.current-pick-modal {
  background-color: #ffe341;
  color: rgba(29, 29, 29, 0.856);
}

.current-pick {
  background-color: #ffe341 !important;
  color: rgba(29, 29, 29, 0.856);
}
.qb {
  background-color: #c05e85;
  color: #212934;
}
.wr {
  background-color: #46a2ca;
  color: #212934;
}

.rb {
  background-color: #73c3a6;
  color: #212934;
}

.te {
  background-color: #cc8c4a;
  color: #212934;
}

.flex {
  background-color: rgb(175, 168, 146);
  color: #212934;
}

.k {
  background-color: #bd66ff;
  color: #212934;
}

.dst {
  background-color: #bf5f40;
  color: #212934;
}

.idp {
  background-color: #bf5f40;
  color: #212934;
}

.dl {
  background-color: #f4ca64;
  color: #212934;
}

.lb {
  background-color: rgb(133, 157, 236);
  color: #212934;
}

.db {
  background-color: rgb(201, 233, 141);
  color: #212934;
}

.bench {
  background-color: #b8c4ce;
  color: #212934;
}

.draft-board-tile-pick {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  text-align: right;
  right: 8px;
  bottom: 6px;
}

.draft-board-tile-player-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 86px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.25px;
  text-align: left;
}

.draft-board-tile-player-details {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.25px;
  text-align: left;
}

.draft-board-tile-pick-modal {
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  text-align: right;
  right: 8px;
  top: 6px;
}

.draft-board-tile-player-name-modal {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 11px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.25px;
  text-align: left;
}

.draft-board-tile-player-details-modal {
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.25px;
  text-align: left;
}

.draft-board-tile-trade-details-modal {
  text-transform: uppercase;
  font-size: 8px;
  font-style: italic;
  font-weight: 600;
  position: absolute;
  text-align: center;
  bottom: 4px;
}

.draft-board-tile-sim {
  min-height: 60px;
  border-color: #000;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  position: relative;
}
.draft-board-tile-row-sim:hover {
  background-color: #00000028;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.draft-board-tile-pick-sim {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  text-align: right;
  right: 8px;
  top: 6px;
}

.draft-board-tile-player-name-sim {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.25px;
  text-align: left;
}

.draft-board-tile-player-details-sim {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.25px;
  text-align: left;
}

.team-headers-container {
  position: relative;
}

.team-headers-row {
  display: block;
  vertical-align: top;
  position: relative;
  padding-top: 5px;
}

.team-header-tile-container {
}

.team-header-tile {
  min-width: 100px;
  min-height: 24px;
  margin: 0px 1px 2px;
  display: block;
  padding: 4px 8px 0px 0px;
  position: relative;
  max-width: 100px;
  width: 100px;
}

.team-header-tile-team-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 86px;
  overflow: hidden;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.25px;
  text-align: center;
}

.team-header-tile-team-name-modal {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 11px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.25px;
  text-align: center;
}

.my-team-header {
  font-weight: bold;
  color: var(--fod-text);
}

.light-text {
  color: var(--fod-text);
}

.style3 {
  overflow-y: auto;
  overflow-x: auto;
}

.Draftboard-Scroll-Area {
  bottom: 51%;
  top: 7%;
  position: fixed;
  overflow-x: auto;
}

.Draftboard-Scroll-Area-Modal {
  bottom: 51%;
  top: 7%;
  left: auto;
  right: auto;
  position: relative;
}

.style5 {
  position: fixed;
  top: 5%;
  bottom: 50%;
  overflow: auto;
}

.style7 {
  bottom: 0%;
  top: 30px;
}

.TeamHeadersContainer {
  position: fixed;
  top: 6%;
  bottom: 90%;
}

.edit-team-name-icon {
  color: var(--fod-text);
}

.my-team-pos-background {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  min-width: 48px;
  max-width: 48px;
  min-height: 24px;
  max-height: 24px;
  height: 24px;
  width: 48px;
  text-align: left;
  margin: 0 auto;
}

.my-team-pos-text {
  font-size: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.my-team-player-name-text {
  font-size: 12px;
  color: var(--fod-text);
  text-align: left;
  padding-left: 4px;
}

.my-team-player-details-text {
  font-size: 10px;
  color: var(--fod-text);
  text-align: left;
  padding-left: 4px;
}

.my-team-player-pick-text {
  font-size: 12px;
  color: var(--fod-text);
  text-align: center;
}

@media (max-width: 768px) {
  .my-team-pos-text {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .my-team-player-name-text {
    font-size: 16px;
    color: var(--fod-text);
    text-align: left;
    padding-left: 4px;
  }

  .my-team-player-details-text {
    font-size: 14px;
    color: var(--fod-text);
    text-align: left;
    padding-left: 4px;
  }

  .my-team-player-pick-text {
    font-size: 16px;
    color: var(--fod-text);
    text-align: center;
  }
}

.player-list-filter-pos {
}

.BottomHalfDraftboardHeader {
  position: fixed;
  bottom: 50%;
  right: 0%;
  left: 0%;
}

.style8 {
  color: var(--fod-text);
  margin-left: -7px;
  margin-right: -7px;
}

.style9 {
  color: var(--fod-text);
  margin-left: -7px;
  margin-right: -7px;
}

.draft-button {
  border-top-left-radius: 1.25rem !important;
  border-top-right-radius: 1.25rem !important;
  border-bottom-left-radius: 1.25rem !important;
  border-bottom-right-radius: 1.25rem !important;
}

.pos-marker {
  width: 8px;
  height: 8px;
  min-height: 8px;
  max-height: 8px;
  max-width: 8px;
  min-width: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.style10 {
  width: 0px;
}

.btn-success {
}

.MyTeamWindowHeader {
  position: fixed;
  top: 45%;
  bottom: 55%;
  left: 84%;
}

.style11 {
  overflow-y: auto;
  top: 30px;
}

.style12 {
  overflow-y: auto;
  position: fixed;
  top: 58%;
  left: 0%;
  right: 75%;
  bottom: 0%;
}

.style13 {
  top: 48px;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow-y: auto;
  margin-left: auto;
  margin-right: auto;
}

.style15 {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.pos-marker-side {
  width: 8px;
  min-width: 8px;
  max-width: 8px;
  max-height: 32px;
  min-height: 32px;
  height: 32px;
}

.MobileTabSystemContainer {
  position: fixed;
  top: 25%;
  display: none;
}

@media (max-width: 768px) {
  .MobileTabSystemContainer {
    display: block;
  }
}

@media (min-width: 576px) {
  .style17 {
    overflow-y: auto;
  }
}

.underline {
  min-height: 4px;
  height: 4px;
  max-height: 4px;
}

.underline-thin {
  min-height: 2px;
  height: 2px;
  max-height: 2px;
}

.style18 {
  border-width: 2px;
}

.playerlistbody {
  overflow-y: auto;
}

.style14 {
  top: 50%;
}

.style16 {
  position: fixed;
  top: 54%;
}

.draft-board-container {
  overflow-x: auto;
  overflow: visible;
}

.style19 {
  overflow: visible;
}

.style20 {
  overflow: visible;
}

.style21 {
  overflow-x: auto;
}

.style22 {
  position: relative;
}

.style23 {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}

.style23-modal {
  min-width: 80px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.style24 {
  overflow: hidden;
}

.style25 {
  position: sticky;
  top: 0px;
  z-index: 10;
}

.sticky-heading {
  position: sticky;
  top: 0px;
  z-index: 10;
  background-color: var(--fod-background);
}

.sticky-heading-search {
  position: sticky;
  top: 32px;
  z-index: 10;
  background-color: var(--fod-background);
}

@media (max-width: 768px) {
  .sticky-heading-search {
    top: 0px;
  }
}

.sticky-heading-player-list {
  position: sticky;
  top: 0px;
  z-index: 11;
  background-color: var(--fod-background);
}

.style26 {
  background-color: var(--fod-background);
}

.style27 {
  background-color: var(--fod-background);
}

.style28 {
  color: var(--fod-text);
}

.style29 {
  background-color: var(--fod-background);
}

.style30 {
  color: #ffc107;
}

.style31 {
  color: #ffc107;
}

.auction-team-column {
  max-width: 200px;
  min-width: 200px;
  width: 200px;
}

.auction-bidding-column {
  max-width: 240px;
  min-width: 240px;
  width: 240px;
}

.recommendation-column {
  max-width: 280px;
  min-width: 280px;
  width: 280px;
}

.recommendation-column-mobile {
  max-width: 280px;
  min-width: 280px;
  width: 280px;
}

.player-recommended {
  font-weight: bold;
}

.player-est-taken {
  background-color: #eceadf;
}

.player-baseline {
  background-color: #ff070723;
}

.style32 {
  background-color: var(--fod-background);
}
.player-below-baseline {
  background-color: #ff070710;
}

.stacking-player {
  -webkit-text-decoration: underline overline #ff3028;
  text-decoration: underline overline #ff3028;
}

.style33 {
  max-height: 15px;
}

.style34 {
  max-height: 15px;
}

.style35 {
  max-height: 15px;
}

.style36 {
  max-height: 15px;
}

.style37 {
  max-width: 100px;
  min-width: 100px;
  width: 100px;
  position: relative;
}

.style38 {
}

.RecommendationCategoriesContainer {
}

.style39 {
  overflow: auto;
}

.style40 {
  overflow: auto;
}

.style41 {
  overflow: auto;
}

.style42 {
  overflow: auto;
}

.style43 {
}

.value-bar-high {
  background-color: var(--fod-primary);
}

.value-bar-low {
  background-color: var(--fod-secondary);
}

.value-bar-baseline {
  background-color: #ffffff;
}

.header-footer-flex {
  /*display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;*/
}

.style45 {
  color: #859099;
}

.style46 {
  min-width: 300px;
}

.style47 {
  min-width: 300px;
}

.style48 {
}

.sticky-table-heading {
  overflow-y: auto;
  max-height: calc(100vh - 234px);
}

.sticky-table-heading thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}

table {
  border-collapse: collapse;
  width: 100%;
}
th,
td {
  padding: 8px 16px;
}
th {
  background: #eee;
}
.value-bar {
  max-width: 270px;
  height: 4px;
  min-height: 4px;
  max-height: 4px;
  min-width: 1px;
  position: absolute;
}

.player-list-scroll-mobile {
  overflow-y: auto;
  max-height: calc(100vh - 274px);
}

.player-list-scroll {
  overflow-y: auto;
  max-height: calc(100vh - 674px + 16px);
}

.player-list-scroll-large {
  overflow-y: auto;
  max-height: calc(100vh - 152px - 29px - 90px - 8px + 16px);
}

.player-list-scroll-sim {
  overflow-y: auto;
  max-height: 760px;
}

.roster-list {
  border-top-right-radius: 8px;
}

.roster-list-collapsed {
  -webkit-box-shadow: -2px -12px 4px -4px inset;
  box-shadow: -2px -12px 4px -4px inset;
}

.roster-list-scroll {
  overflow-y: auto;
  min-height: calc(100vh - 152px - 29px - 16px - 19px - 19px - 8px + 16px);
  max-height: calc(100vh - 152px - 29px - 16px - 19px - 19px - 8px + 16px);
}

.style49 {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.player-rankings-scroll {
  overflow-x: auto;
}

.player-ranking-card {
  padding: 4px;
}

.player-ranking-card:has(input:checked) * {
  color: #00000093;
  font-style: italic;
  text-decoration: line-through;
  background-color: #f8f9fa !important;
}

.player-ranking-card:hover {
  background-color: #00000038;
}

.player-card {
  padding-top: 6px;
}

.player-card:has(.adp-below-next-pick):has(.value-above-next-pick) {
  background-color: #ffe3412f;
  border-left: 6px solid var(--fod-primary);
  border-top: 8px hidden #ffe34100;
  border-color: var(--fod-primary) !important;
  border-bottom: none !important;
  overflow: hidden;
}

.player-card:has(.adp-below-next-pick):has(.value-above-next-pick):before {
  content: "GOOD PICK";
  font-size: x-small;
  font-weight: bold;
  position: absolute;
  margin: -6px 0px 0px 0px;
  width: 80px;
  height: 14px;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(var(--fod-primary)),
    to(#ffe34100)
  );
  background-image: linear-gradient(to right, var(--fod-primary), #ffe34100);
}

.player-card:has(.adp-below-current-pick):has(.value-above-next-pick) {
  background-color: #77ec861a;
  border-left: 6px solid var(--fod-highlight-green);
  border-color: var(--fod-highlight-green) !important;
  border-bottom: none !important;
}

.player-card:has(.adp-below-current-pick):has(.value-above-next-pick):before {
  content: "GREAT PICK";
  font-size: x-small;
  font-weight: bold;
  position: absolute;
  margin: -6px 0px 0px 0px;
  width: 80px;
  height: 14px;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(var(--fod-highlight-green)),
    to(#77ec8700)
  );
  background-image: linear-gradient(
    to right,
    var(--fod-highlight-green),
    #77ec8700
  );
}

.player-list:has(.adp-below-next-pick):has(.value-above-next-pick) {
  background-color: #ffe3412f;
  border-color: var(--fod-primary) !important;
  border-bottom: none !important;
  overflow: hidden;
}

.player-list:has(.adp-below-current-pick):has(.value-above-next-pick) {
  background-color: #77ec861a;
  border-color: var(--fod-highlight-green) !important;
  border-bottom: none !important;
}

.contingent-good {
  background-color: #ffe3412f;
}

.contingent-great {
  background-color: #77ec861a;
}

.adp-below-current-pick {
  background-color: var(--fod-highlight-green);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-left: 2px;
  padding-right: 2px;
  min-width: 24px;
}

.adp-below-next-pick {
  background-color: var(--fod-highlight-red);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-left: 2px;
  padding-right: 2px;
  min-width: 24px;
}

.value-above-next-pick {
  background-color: var(--fod-primary);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-left: 2px;
  padding-right: 2px;
  min-width: 24px;
}

.adp-below-next-next-pick {
  background-color: #89cff0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-left: 2px;
  padding-right: 2px;
  min-width: 24px;
}

.style50 {
  margin: 0px;
  padding-left: 12px;
  padding-right: 12px;
  border: 7px solid #ffe341;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}

.style51 {
}

.image-box-shadow-primary {
  -webkit-box-shadow: 0px 0px 4px;
  box-shadow: 0px 0px 4px;
}

.image-box-shadow-bg {
  -webkit-box-shadow: 0px 0px 4px;
  box-shadow: 0px 0px 4px;
}

.header-text-shadow-bg {
  text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
}

.header-text-shadow-primary {
  text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
}

.style52 {
  position: fixed;
  bottom: 0%;
  top: 0%;
  left: 0%;
  right: 0%;
  z-index: 100;
}

.style53 {
  background-color: #ffe341;
  min-width: 240px;
  min-height: 80px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 240px;
  max-width: 240px;
}

.proj-pts-bar {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 4px;
  padding-left: 4px;
}

.value-bar-rankings {
  height: 2px;
  min-height: 2px;
  max-height: 2px;
}

.value-bar-col {
  height: 4px;
  min-height: 4px;
  max-height: 4px;
}

.style54 {
  background-size: cover;
  background-image: url("../assets/images/screenshots/08-08-2023/draft-kit-compressed_blur.png");
}

.styleheadtoheadjumbotron {
  background-size: cover;
  background-image: url("../assets/images/screenshots/head-to-head_2023-10-25/Compare4-blur.png");
}

.style55 {
}

.style56 {
  overflow: auto;
}

.style57 {
  overflow: auto;
}

.style58 {
  overflow: hidden;
}

.style59 {
  margin-left: 4px;
}

.rounded-shadow-container {
  border-width: 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-box-shadow: 0px 0px 2px;
  box-shadow: 0px 0px 2px;
  margin: 15px;
  padding: 8px;
  overflow: hidden;
}

.style60 {
  background-color: #000;
  text-decoration: underline;
  padding: 4px;
}

.style61 {
  min-height: 340px;
  max-height: 340px;
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

.animated-background {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  color: rgba(255, 255, 255, 0) !important;
  background: var(--fod-secondary);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(10%, #dbd9cf),
    color-stop(18%, #d4d2c6),
    color-stop(33%, #dbd9cf)
  );
  background: linear-gradient(to right, #dbd9cf 10%, #d4d2c6 18%, #dbd9cf 33%);
  background-size: auto;
  height: auto;
  position: relative;
}

.loading-notify {
  z-index: 300;
}

.style62 {
  position: sticky;
  top: 0px;
}

.style63 {
  position: sticky;
}

.style64 {
  position: sticky;
  right: 0%;
  left: 0%;
  top: 48px;
}

.autocomplete-input-override {
  font-size: 0.875rem !important;
}

.style65 {
  min-height: 30vh;
}

.style66 {
  overflow: hidden;
}

.style1 {
  position: fixed;
  bottom: 16px;
  z-index: 1500;
}

.diff-negative {
  color: var(--fod-highlight-red);
}

.diff-positive {
  color: var(--fod-highlight-blue);
}

.diff-negative-bg {
  background-color: var(--fod-highlight-red);
}

.diff-negative-neutral-bg {
  background-color: var(--fod-highlight-light-red);
}

.diff-neutral-bg {
  background-color: var(--fod-highlight-neutral);
}

.diff-positive-neutral-bg {
  background-color: var(--fod-highlight-light-blue);
}

.diff-positive-bg {
  background-color: var(--fod-highlight-blue);
}

.under-target {
  background-color: #93d6fa;
}
.under-consider {
  background-color: #d4e8f4;
}
.neutral-avoid {
  background-color: #f1f1f1;
}
.over-consider {
  background-color: #f7e8d3;
}
.over-target {
  background-color: #fed797;
}

.text-under-target {
  color: #93d6fa;
}
.text-under-consider {
  color: #d4e8f4;
}
.text-neutral-avoid {
  color: #f1f1f1;
}
.text-over-consider {
  color: #f7e8d3;
}
.text-over-target {
  color: #fed797;
}

.proj-under-target {
  background-color: #93d6fa;
}
.proj-under-consider {
  background-color: #d4e8f4;
}
.proj-neutral-avoid {
  background-color: #f1f1f1;
}
.proj-over-consider {
  background-color: #f7e8d3;
}
.proj-over-target {
  background-color: #fed797;
}

.avg-under-target {
  background-color: #93d6fa;
}
.avg-under-consider {
  background-color: #d4e8f4;
}
.avg-neutral-avoid {
  background-color: #f1f1f1;
}
.avg-over-consider {
  background-color: #f7e8d3;
}
.avg-over-target {
  background-color: #fed797;
}

.med-under-target {
  background-color: #93d6fa;
}
.med-under-consider {
  background-color: #d4e8f4;
}
.med-neutral-avoid {
  background-color: #f1f1f1;
}
.med-over-consider {
  background-color: #f7e8d3;
}
.med-over-target {
  background-color: #fed797;
}

.prop-bet-hide-bad-bet {
  display: none;
}

.prop-bet-hide-bad-bet:has(.proj-under-target):has(.avg-under-target):has(
    .med-under-target
  ) {
  display: table-row;
}
.prop-bet-hide-bad-bet:has(.proj-under-consider):has(.avg-under-consider):has(
    .med-under-consider
  ) {
  display: table-row;
}
.prop-bet-hide-bad-bet:has(.proj-under-consider):has(.avg-under-target):has(
    .med-under-target
  ) {
  display: table-row;
}
.prop-bet-hide-bad-bet:has(.proj-under-target):has(.avg-under-consider):has(
    .med-under-target
  ) {
  display: table-row;
}
.prop-bet-hide-bad-bet:has(.proj-under-target):has(.avg-under-target):has(
    .med-under-consider
  ) {
  display: table-row;
}
.prop-bet-hide-bad-bet:has(.proj-under-consider):has(.avg-under-consider):has(
    .med-under-target
  ) {
  display: table-row;
}
.prop-bet-hide-bad-bet:has(.proj-under-target):has(.avg-under-consider):has(
    .med-under-consider
  ) {
  display: table-row;
}
.prop-bet-hide-bad-bet:has(.proj-under-consider):has(.avg-under-target):has(
    .med-under-consider
  ) {
  display: table-row;
}
.prop-bet-hide-bad-bet:has(.proj-over-target):has(.avg-over-target):has(
    .med-over-target
  ) {
  display: table-row;
}
.prop-bet-hide-bad-bet:has(.proj-over-consider):has(.avg-over-consider):has(
    .med-over-consider
  ) {
  display: table-row;
}
.prop-bet-hide-bad-bet:has(.proj-over-consider):has(.avg-over-target):has(
    .med-over-target
  ) {
  display: table-row;
}
.prop-bet-hide-bad-bet:has(.proj-over-target):has(.avg-over-consider):has(
    .med-over-target
  ) {
  display: table-row;
}
.prop-bet-hide-bad-bet:has(.proj-over-target):has(.avg-over-target):has(
    .med-over-consider
  ) {
  display: table-row;
}
.prop-bet-hide-bad-bet:has(.proj-over-consider):has(.avg-over-consider):has(
    .med-over-target
  ) {
  display: table-row;
}
.prop-bet-hide-bad-bet:has(.proj-over-target):has(.avg-over-consider):has(
    .med-over-consider
  ) {
  display: table-row;
}
.prop-bet-hide-bad-bet:has(.proj-over-consider):has(.avg-over-target):has(
    .med-over-consider
  ) {
  display: table-row;
}

.prop-bet-row-header {
}

.prop-bet-row-header th:last-child {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  word-break: break-all;
}

.prop-bet-row:has(.proj-under-target):has(.avg-under-target):has(
    .med-under-target
  ):after {
  content: "\f005";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #93d6fa;
}

.prop-bet-row:has(.proj-under-consider):has(.avg-under-consider):has(
    .med-under-consider
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #93d6fa;
}

.prop-bet-row:has(.proj-under-consider):has(.avg-under-consider):has(
    .med-under-target
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #93d6fa;
}

.prop-bet-row:has(.proj-under-target):has(.avg-under-consider):has(
    .med-under-consider
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #93d6fa;
}

.prop-bet-row:has(.proj-under-consider):has(.avg-under-target):has(
    .med-under-consider
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #93d6fa;
}

.prop-bet-row:has(.proj-under-consider):has(.avg-under-target):has(
    .med-under-target
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #93d6fa;
}

.prop-bet-row:has(.proj-under-target):has(.avg-under-consider):has(
    .med-under-target
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #93d6fa;
}

.prop-bet-row:has(.proj-under-target):has(.avg-under-target):has(
    .med-under-consider
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #93d6fa;
}

.prop-bet-row:has(.proj-neutral-avoid):has(.avg-under-consider):has(
    .med-under-consider
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #93d6fa;
}

.prop-bet-row:has(.proj-neutral-avoid):has(.avg-under-consider):has(
    .med-under-target
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #93d6fa;
}

.prop-bet-row:has(.proj-neutral-avoid):has(.avg-under-consider):has(
    .med-under-consider
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #93d6fa;
}

.prop-bet-row:has(.proj-neutral-avoid):has(.avg-under-target):has(
    .med-under-consider
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #93d6fa;
}

.prop-bet-row:has(.proj-neutral-avoid):has(.avg-under-target):has(
    .med-under-target
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #93d6fa;
}

.prop-bet-row:has(.proj-neutral-avoid):has(.avg-under-consider):has(
    .med-under-target
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #93d6fa;
}

.prop-bet-row:has(.proj-neutral-avoid):has(.avg-under-target):has(
    .med-under-consider
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #93d6fa;
}

.prop-bet-row:has(.proj-over-target):has(.avg-over-target):has(
    .med-over-target
  ):after {
  content: "\f005";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px -30px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fed797;
}

.prop-bet-row:has(.proj-over-consider):has(.avg-over-consider):has(
    .med-over-consider
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px -30px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fed797;
}

.prop-bet-row:has(.proj-over-consider):has(.avg-over-target):has(
    .med-over-target
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px -30px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fed797;
}

.prop-bet-row:has(.proj-over-target):has(.avg-over-consider):has(
    .med-over-target
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px -30px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fed797;
}

.prop-bet-row:has(.proj-over-target):has(.avg-over-target):has(
    .med-over-consider
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px -30px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fed797;
}

.prop-bet-row:has(.proj-over-consider):has(.avg-over-consider):has(
    .med-over-target
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px -30px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fed797;
}

.prop-bet-row:has(.proj-over-target):has(.avg-over-consider):has(
    .med-over-consider
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px -30px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fed797;
}

.prop-bet-row:has(.proj-over-consider):has(.avg-over-target):has(
    .med-over-consider
  ):after {
  content: "\f006";
  font-size: large;
  font-weight: bold;
  font-family: FontAwesome;
  text-decoration: none;
  position: absolute;
  margin: 2px -30px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fed797;
}

.adp-trend-higher-7-12 {
  background-color: #00c5ff;
}
.adp-trend-higher-3-6 {
  background-color: #93d6fa;
}
.adp-trend-higher-1-2 {
  background-color: #d4e8f4;
}
.adp-trend-0 {
  background-color: #f1f1f1;
}
.adp-trend-lower-1-2 {
  background-color: #f7e8d3;
}
.adp-trend-lower-3-6 {
  background-color: #fed797;
}
.adp-trend-lower-7-12 {
  background-color: #ffc658;
}

.player-comparison-parent-flex {
  min-width: 660px;
}

.player-comparison-child-flex {
  min-width: 270px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -ms-flex: 1;
  flex: 1;
}

.player-comparison-parent-flex-mobile {
  min-width: 344px;
}

.player-comparison-child-flex-mobile {
  min-width: 172px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -ms-flex: 1;
  flex: 1;
}

.data-chart-parent-flex {
  min-width: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.data-chart-child-flex {
  min-width: 200px;
  max-width: 300px;
}

.player-comparison-container {
}

.style4 {
}

.style67 {
}

.style68 {
  position: sticky;
  right: 0%;
  left: 0%;
}

.sticky-horizontal {
  position: sticky;
  left: 0px;
  right: 0px;
}

.label-volatile {
  background-color: #ffc658;
  text-transform: uppercase;
  font-weight: bold;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 3px 10px;
}

.label-consistent {
  background-color: #00e9d1;
  text-transform: uppercase;
  font-weight: bold;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 3px 10px;
}

.label-bestaverage {
  background-color: #91ff96;
  text-transform: uppercase;
  font-weight: bold;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 3px 10px;
}
.label-safest {
  background-color: #ff63ad;
  text-transform: uppercase;
  font-weight: bold;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 3px 10px;
}

.label-mostrisk {
  background-color: #ffc658;
  text-transform: uppercase;
  font-weight: bold;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 3px 10px;
}

.label-highestupside {
  background-color: #ffe341;
  text-transform: uppercase;
  font-weight: bold;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 3px 10px;
}

.dropdown {
  position: absolute;
}

.style69 {
  overflow: hidden;
}

.style70 {
  overflow: hidden;
}