<<<<<<< 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
 */
#rookieModelApp #mobile-header-sticky {
  margin-bottom: 1rem;
  margin-left: 0;
  margin-right: 0;
}
#rookieModelApp .container.order-container {
  padding: 0;
}
#rookieModelApp .video-tutorial-link.btn {
  display: none;
}
#rookieModelApp .export-button {
  display: none;
}
#rookieModelApp .header-container {
  margin-top: 1rem;
}
#rookieModelApp .user-inputs-area {
  margin-bottom: 1rem;
}
#rookieModelApp .user-inputs-area .player-filter {
  flex-grow: 1 !important;
  flex-shrink: 1;
}
#rookieModelApp .underline-menu,
#rookieModelApp .menu-item {
  text-align: left;
}
#rookieModelApp .container.order-container {
  max-width: calc(1440px - 1.5rem);
}
#rookieModelApp th.rank {
  width: 20px;
  min-width: 20px;
}
#rookieModelApp td.rank {
  text-align: center;
}
#rookieModelApp .team-image-data-col {
  min-width: 30px;
  max-width: 60px;
  width: 60px;
}
#rookieModelApp table th {
  padding-top: 10px;
  padding-bottom: 5px;
}
#rookieModelApp table tr.row-expanded td {
  border-bottom: none !important;
}
#rookieModelApp table tr td:last-child {
  padding-right: 0;
  padding-left: 0;
}
#rookieModelApp tr td:nth-last-child(2) div {
  padding-right: 0.175rem !important;
}
#rookieModelApp table th, #rookieModelApp tr td:not(:last-child) {
  padding-left: 0.1rem !important;
}
#rookieModelApp table td {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#rookieModelApp .tier-colspan-row .rank.tier-label {
  padding-left: 1rem !important;
}
#rookieModelApp .detail-view-icon.expanded {
  background-color: #687087;
}
#rookieModelApp .detail-view-icon.expanded img {
  transform: translate(3%, -3%);
}
#rookieModelApp .detail-view-icon img {
  transform: translateX(4%);
}
#rookieModelApp .player-data-column:not(.college-draft-year) {
  border-bottom: none !important;
}
#rookieModelApp .player-data-column .rookie-model-data-container {
  height: 95%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#rookieModelApp .player-data-column.first-bucket > div {
  background-color: #3ec591 !important;
}
#rookieModelApp .player-data-column.second-bucket > div {
  background-color: #89d1b5 !important;
}
#rookieModelApp .player-data-column.third-bucket > div {
  background-color: #a7c8bd !important;
}
#rookieModelApp .player-data-column.fourth-bucket > div {
  background-color: #d4d4d4 !important;
}
#rookieModelApp .player-data-column.fifth-bucket > div {
  background-color: #dfb5b7 !important;
}
#rookieModelApp .player-data-column.sixth-bucket > div {
  background-color: #f78383 !important;
}
#rookieModelApp .player-data-column.seventh-bucket > div {
  background-color: #ff6161 !important;
}
#rookieModelApp .player-data-column span {
  padding-top: 2px;
}
#rookieModelApp button.button {
  border-radius: 30px;
  gap: 0.5rem;
  display: flex;
  font-weight: 700;
  justify-content: center;
  color: #043173;
  align-items: center;
  background: none;
}
#rookieModelApp button.button.about-shark-model {
  font-size: 15px;
  width: 200px;
  height: 36px;
  border: 2px solid #043173;
}
#rookieModelApp button.button:not(.about-shark-model) {
  font-size: 10px;
  margin: 0 auto;
  width: 140px;
  height: 36px;
  border: 1px solid #043173;
}
#rookieModelApp .player-comp .player-comp-section-title {
  width: fit-content;
  font-weight: 700;
}
#rookieModelApp .player-comp .player-comp-name {
  font-weight: 700;
}
#rookieModelApp .player-comp .player-comp-blurb {
  font-size: 14px;
}
#rookieModelApp .player-comp .player-comp-section-title,
#rookieModelApp .player-comp .player-comp-name,
#rookieModelApp .player-comp .player-comp-blurb {
  font-family: "proxima-nova", sans-serif;
  margin-bottom: 0;
}
#rookieModelApp .detail-view-container {
  display: flex;
  flex-wrap: nowrap;
  margin: 1.5rem 1rem;
  align-items: center;
}
#rookieModelApp .detail-view-container .linear-progress-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-evenly;
}
#rookieModelApp .detail-view-container .analytic-score {
  display: flex;
  flex-direction: column;
}
#rookieModelApp .detail-view-container .analytic-score .title {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
}
#rookieModelApp .detail-view-container .analytic-score label {
  font-weight: 700;
}
#rookieModelApp .detail-view-container .analytic-score p {
  margin-bottom: 0;
}
#rookieModelApp .detail-view-container .analytic-score progress {
  width: 100%;
  height: 16px;
  border-radius: 20px;
}
#rookieModelApp .detail-view-container .analytic-score progress.first-bucket::-webkit-progress-value {
  background-color: #3ec591 !important;
}
#rookieModelApp .detail-view-container .analytic-score progress.second-bucket::-webkit-progress-value {
  background-color: #89d1b5 !important;
}
#rookieModelApp .detail-view-container .analytic-score progress.third-bucket::-webkit-progress-value {
  background-color: #a7c8bd !important;
}
#rookieModelApp .detail-view-container .analytic-score progress.fourth-bucket::-webkit-progress-value {
  background-color: #d4d4d4 !important;
}
#rookieModelApp .detail-view-container .analytic-score progress.fifth-bucket::-webkit-progress-value {
  background-color: #dfb5b7 !important;
}
#rookieModelApp .detail-view-container .analytic-score progress.sixth-bucket::-webkit-progress-value {
  background-color: #f78383 !important;
}
#rookieModelApp .detail-view-container .analytic-score progress.seventh-bucket::-webkit-progress-value {
  background-color: #ff6161 !important;
}
#rookieModelApp .detail-view-container .analytic-score progress::-webkit-progress-value {
  border-radius: 20px;
  background-color: red;
}
#rookieModelApp .detail-view-container .analytic-score progress::-webkit-progress-bar {
  background: #f1f1f1;
  border-radius: 20px;
}
@media screen and (min-width: 992px) {
  #rookieModelApp h1.shark-model {
    padding-left: 55px;
    flex-basis: 50px;
    font-size: 32px;
    background: url(/img/icons/shark-model-header-icon.svg) no-repeat 0 0/48px 40px;
  }
  #rookieModelApp .player-filter.draft-year-filter {
    flex-basis: 10%;
  }
  #rookieModelApp .player-data-column {
    min-width: 90px;
    height: 72px;
  }
  #rookieModelApp .detail-view-container {
    gap: 2rem;
  }
  #rookieModelApp .player-comp {
    flex-basis: 35%;
    flex-shrink: 1;
    flex-grow: 0;
    text-align: left;
  }
  #rookieModelApp .player-comp .player-comp-section-title {
    font-size: 18px;
  }
  #rookieModelApp .player-comp .player-comp-name {
    font-size: 14px;
    color: #687087;
  }
  #rookieModelApp .scores-and-percentiles-container {
    flex-basis: 65%;
    flex-shrink: 0;
    flex-grow: 1;
    display: flex;
    column-gap: 1rem;
  }
}
@media screen and (max-width: 992px) {
  #rookieModelApp {
    padding-top: 0 !important;
  }
  #rookieModelApp .rank.tier-label {
    background: #043173;
  }
  #rookieModelApp .rank.tier-label .tier-colspan-row {
    left: 1px !important;
    padding-left: 1rem !important;
  }
  #rookieModelApp .team-image-data-col.sticky-header-flex-container,
  #rookieModelApp .player-modal-column.sticky-header-flex-container {
    display: table-cell;
  }
  #rookieModelApp th.customizable-column, #rookieModelApp td.centered:not(.rank) {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
  }
  #rookieModelApp td.player-name.disable-flex {
    display: table-cell !important;
  }
  #rookieModelApp .video-tutorial-link.btn > a > div {
    display: none;
  }
  #rookieModelApp .underline-menu,
  #rookieModelApp .menu-item {
    text-align: left;
    flex-grow: 1;
  }
  #rookieModelApp .menu-item.after-items {
    display: none;
  }
  #rookieModelApp .header-container {
    padding-left: 0;
    padding-right: 0;
  }
  #rookieModelApp .mobile-order-container {
    gap: 0.25rem;
  }
  #rookieModelApp .main-header {
    gap: 0.5rem;
  }
  #rookieModelApp h1.shark-model {
    font-size: 18px;
    background: url(/img/icons/shark-model-header-icon.svg) no-repeat 0 0/35px 22px;
    padding-left: 2.25rem !important;
  }
  #rookieModelApp .player-filter.draft-year-filter {
    flex-basis: 48%;
  }
  #rookieModelApp .player-filter.search-container {
    flex-basis: 100%;
  }
  #rookieModelApp .player-data-column {
    min-width: 60px;
    height: 55px;
    width: 60px;
    max-width: 60px;
  }
  #rookieModelApp .player-comp {
    text-align: center;
  }
  #rookieModelApp .player-comp .player-comp-section-title {
    font-size: 12px;
    color: #043173;
    margin: 0 auto;
  }
  #rookieModelApp .player-comp .player-comp-name {
    margin: 0.2rem 0;
  }
  #rookieModelApp .player-comp .player-comp-name,
  #rookieModelApp .player-comp .player-comp-blurb {
    font-size: 10px;
    color: black;
  }
  #rookieModelApp .detail-view-container {
    flex-direction: column-reverse;
    width: calc(87vw - 0.75rem);
    position: sticky;
    left: 1.15rem;
    gap: 0.25rem;
  }
  #rookieModelApp .score-pills-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    align-items: stretch;
    margin-top: 0.5rem;
  }
  #rookieModelApp .score-pills-container > div {
    flex-basis: 27%;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: auto;
  }
  #rookieModelApp .score-pills-container > div > p {
    flex-grow: 1;
    align-content: center;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    color: #1d1d1d;
    padding-bottom: 0.25rem;
  }
  #rookieModelApp .score-pills-container p {
    margin-bottom: 0;
  }
  #rookieModelApp .score-pills-container .pill {
    width: 52px;
    height: 28px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #rookieModelApp .score-pills-container .pill.first-bucket {
    background-color: #3ec591 !important;
  }
  #rookieModelApp .score-pills-container .pill.second-bucket {
    background-color: #89d1b5 !important;
  }
  #rookieModelApp .score-pills-container .pill.third-bucket {
    background-color: #a7c8bd !important;
  }
  #rookieModelApp .score-pills-container .pill.fourth-bucket {
    background-color: #d4d4d4 !important;
  }
  #rookieModelApp .score-pills-container .pill.fifth-bucket {
    background-color: #dfb5b7 !important;
  }
  #rookieModelApp .score-pills-container .pill.sixth-bucket {
    background-color: #f78383 !important;
  }
  #rookieModelApp .score-pills-container .pill.seventh-bucket {
    background-color: #ff6161 !important;
  }
}

/*# sourceMappingURL=rookie-model.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}#rookieModelApp .user-inputs-container{padding:0}@media screen and (min-width: 992px){#rookieModelApp .tooltip-list.row{margin-bottom:1rem}#rookieModelApp .user-inputs-area{margin-bottom:1rem}}@media screen and (min-width: 992px)and (max-width: 1199px){#rookieModelApp .inputs-bar.no-bottom-margin{margin-top:1rem}}#rookieModelApp #mobile-header-sticky{margin-bottom:4.2rem;margin-left:0;margin-right:0}#rookieModelApp .container.order-container{padding:0}#rookieModelApp .video-tutorial-link.btn{display:none}#rookieModelApp .export-button{display:none}#rookieModelApp .header-container{margin-top:1rem}#rookieModelApp .user-inputs-area .player-filter{flex-grow:1 !important;flex-shrink:1}#rookieModelApp .underline-menu,#rookieModelApp .menu-item{text-align:left}#rookieModelApp .container.order-container{max-width:calc(1440px - 1.5rem)}#rookieModelApp th.rank{width:20px;min-width:20px}#rookieModelApp td.rank{text-align:center}#rookieModelApp .team-image-data-col{min-width:30px;max-width:60px;width:60px}#rookieModelApp table th{padding-top:10px;padding-bottom:5px}#rookieModelApp table tr.row-expanded td{border-bottom:none !important}#rookieModelApp table tr td:last-child{padding-right:0;padding-left:0}#rookieModelApp tr td:nth-last-child(2) div{padding-right:.175rem !important}#rookieModelApp table th,#rookieModelApp tr td:not(:last-child){padding-left:.1rem !important}#rookieModelApp table td{padding-top:0 !important;padding-bottom:0 !important}#rookieModelApp .tier-colspan-row .rank.tier-label{padding-left:1rem !important}#rookieModelApp .detail-view-icon.expanded{background-color:#687087}#rookieModelApp .detail-view-icon.expanded img{transform:translate(3%, -3%)}#rookieModelApp .detail-view-icon img{transform:translateX(4%)}#rookieModelApp .player-data-column:not(.college-draft-year){border-bottom:none !important}#rookieModelApp .player-data-column .rookie-model-data-container{height:95%;width:100%;display:flex;justify-content:center;align-items:center}#rookieModelApp .player-data-column.first-bucket>div{background-color:#3ec591 !important}#rookieModelApp .player-data-column.second-bucket>div{background-color:#89d1b5 !important}#rookieModelApp .player-data-column.third-bucket>div{background-color:#a7c8bd !important}#rookieModelApp .player-data-column.fourth-bucket>div{background-color:#d4d4d4 !important}#rookieModelApp .player-data-column.fifth-bucket>div{background-color:#dfb5b7 !important}#rookieModelApp .player-data-column.sixth-bucket>div{background-color:#f78383 !important}#rookieModelApp .player-data-column.seventh-bucket>div{background-color:#ff6161 !important}#rookieModelApp .player-data-column span{padding-top:2px}#rookieModelApp button.button{border-radius:30px;gap:.5rem;display:flex;font-weight:700;justify-content:center;color:#043173;align-items:center;background:none}#rookieModelApp button.button.about-shark-model{font-size:15px;width:200px;height:36px;border:2px solid #043173}#rookieModelApp button.button:not(.about-shark-model){font-size:10px;margin:0 auto;width:140px;height:36px;border:1px solid #043173}#rookieModelApp .player-comp .player-comp-section-title{width:fit-content;font-weight:700}#rookieModelApp .player-comp .player-comp-name{font-weight:700}#rookieModelApp .player-comp .player-comp-blurb{font-size:14px}#rookieModelApp .player-comp .player-comp-section-title,#rookieModelApp .player-comp .player-comp-name,#rookieModelApp .player-comp .player-comp-blurb{font-family:"proxima-nova",sans-serif;margin-bottom:0}#rookieModelApp .detail-view-container{display:flex;flex-wrap:nowrap;margin:1.5rem 1rem;align-items:center}#rookieModelApp .detail-view-container .linear-progress-container{display:flex;flex-direction:column;flex-grow:1;justify-content:space-evenly}#rookieModelApp .detail-view-container .analytic-score{display:flex;flex-direction:column}#rookieModelApp .detail-view-container .analytic-score .title{display:flex;justify-content:space-between;font-size:15px}#rookieModelApp .detail-view-container .analytic-score label{font-weight:700}#rookieModelApp .detail-view-container .analytic-score p{margin-bottom:0}#rookieModelApp .detail-view-container .analytic-score progress{width:100%;height:16px;border-radius:20px}#rookieModelApp .detail-view-container .analytic-score progress.first-bucket::-webkit-progress-value{background-color:#3ec591 !important}#rookieModelApp .detail-view-container .analytic-score progress.second-bucket::-webkit-progress-value{background-color:#89d1b5 !important}#rookieModelApp .detail-view-container .analytic-score progress.third-bucket::-webkit-progress-value{background-color:#a7c8bd !important}#rookieModelApp .detail-view-container .analytic-score progress.fourth-bucket::-webkit-progress-value{background-color:#d4d4d4 !important}#rookieModelApp .detail-view-container .analytic-score progress.fifth-bucket::-webkit-progress-value{background-color:#dfb5b7 !important}#rookieModelApp .detail-view-container .analytic-score progress.sixth-bucket::-webkit-progress-value{background-color:#f78383 !important}#rookieModelApp .detail-view-container .analytic-score progress.seventh-bucket::-webkit-progress-value{background-color:#ff6161 !important}#rookieModelApp .detail-view-container .analytic-score progress::-webkit-progress-value{border-radius:20px;background-color:red}#rookieModelApp .detail-view-container .analytic-score progress::-webkit-progress-bar{background:#f1f1f1;border-radius:20px}@media screen and (min-width: 992px){#rookieModelApp h1.shark-model{padding-left:55px;flex-basis:50px;font-size:32px;background:url(/img/icons/shark-model-header-icon.svg) no-repeat 0 0/48px 40px}#rookieModelApp .player-filter.draft-year-filter{flex-basis:10%}#rookieModelApp .player-data-column{min-width:90px;height:72px}#rookieModelApp .detail-view-container{gap:2rem}#rookieModelApp .player-comp{flex-basis:35%;flex-shrink:1;flex-grow:0;text-align:left}#rookieModelApp .player-comp .player-comp-section-title{font-size:18px}#rookieModelApp .player-comp .player-comp-name{font-size:14px;color:#687087}#rookieModelApp .scores-and-percentiles-container{flex-basis:65%;flex-shrink:0;flex-grow:1;display:flex;column-gap:1rem}}@media screen and (max-width: 992px){#rookieModelApp{padding-top:0 !important}#rookieModelApp .tooltip-list.row{padding-top:1rem}#rookieModelApp .rank.tier-label{background:#043173}#rookieModelApp .rank.tier-label .tier-colspan-row{left:1px !important;padding-left:1rem !important}#rookieModelApp .team-image-data-col.sticky-header-flex-container,#rookieModelApp .player-modal-column.sticky-header-flex-container{display:table-cell}#rookieModelApp th.customizable-column,#rookieModelApp td.centered:not(.rank){width:60px;min-width:60px;max-width:60px}#rookieModelApp td.player-name.disable-flex{display:table-cell !important}#rookieModelApp .video-tutorial-link.btn>a>div{display:none}#rookieModelApp .underline-menu,#rookieModelApp .menu-item{text-align:left;flex-grow:1}#rookieModelApp .menu-item.after-items{display:none}#rookieModelApp .header-container{padding-left:0;padding-right:0}#rookieModelApp .mobile-order-container{gap:.25rem}#rookieModelApp .main-header{gap:.5rem}#rookieModelApp h1.shark-model{font-size:18px;background:url(/img/icons/shark-model-header-icon.svg) no-repeat 0 0/35px 22px;padding-left:2.25rem !important}#rookieModelApp .player-filter.draft-year-filter{flex-basis:48%}#rookieModelApp .player-filter.search-container{flex-basis:100%}#rookieModelApp .player-data-column{min-width:60px;height:55px;width:60px;max-width:60px}#rookieModelApp .player-comp{text-align:center}#rookieModelApp .player-comp .player-comp-section-title{font-size:12px;color:#043173;margin:0 auto}#rookieModelApp .player-comp .player-comp-name{margin:.2rem 0}#rookieModelApp .player-comp .player-comp-name,#rookieModelApp .player-comp .player-comp-blurb{font-size:10px;color:#000}#rookieModelApp .detail-view-container{flex-direction:column-reverse;width:calc(87vw - .75rem);position:sticky;left:1.15rem;gap:.25rem}#rookieModelApp .score-pills-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:stretch;margin-top:.5rem}#rookieModelApp .score-pills-container>div{flex-basis:27%;flex-grow:0;flex-shrink:0;display:flex;flex-direction:column;align-items:center;margin-right:auto}#rookieModelApp .score-pills-container>div>p{flex-grow:1;align-content:center;font-weight:700;font-size:10px;line-height:12px;color:#1d1d1d;padding-bottom:.25rem}#rookieModelApp .score-pills-container p{margin-bottom:0}#rookieModelApp .score-pills-container .pill{width:52px;height:28px;border-radius:50px;display:flex;justify-content:center;align-items:center}#rookieModelApp .score-pills-container .pill.first-bucket{background-color:#3ec591 !important}#rookieModelApp .score-pills-container .pill.second-bucket{background-color:#89d1b5 !important}#rookieModelApp .score-pills-container .pill.third-bucket{background-color:#a7c8bd !important}#rookieModelApp .score-pills-container .pill.fourth-bucket{background-color:#d4d4d4 !important}#rookieModelApp .score-pills-container .pill.fifth-bucket{background-color:#dfb5b7 !important}#rookieModelApp .score-pills-container .pill.sixth-bucket{background-color:#f78383 !important}#rookieModelApp .score-pills-container .pill.seventh-bucket{background-color:#ff6161 !important}}/*# sourceMappingURL=rookie-model.css.map */
>>>>>>> master