/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./styles/tools_external/ballots-hall-of-fame.scss ***!
  \**************************************************************************************************************************************************************************************************/
@charset "UTF-8";
#root-tools {
  box-sizing: border-box;
  padding: 10px;
}
#root-tools * {
  box-sizing: inherit;
}
#root-tools a {
  text-decoration: none;
}
#root-tools .hall-of-fame-page {
  max-width: 800px;
  margin: auto;
  padding: 20px 55px;
  border: 1px solid #333;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 400px) {
  #root-tools .hall-of-fame-page {
    padding: 10px;
  }
}
#root-tools .hall-of-fame-page-instructions {
  flex: 0 0 100%;
  text-align: center;
  font-family: Lato, Arial, Helvetica, sans-serif;
  margin-bottom: 20px;
}
#root-tools .hall-of-fame-page-instructions .title-hall-of-fame-crowd-source-logo {
  background-color: #50ae26;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 247px;
  flex: 1 0 247px;
  height: 100%;
  width: 267px;
  height: 70px;
  display: inline-block;
  /*float: left;*/
}
#root-tools .hall-of-fame-page-instructions .title-hall-of-fame-crowd-source-logo .logo {
  background-position: -14px;
  background-size: 350px;
  background-image: url("https://www.fangraphs.com/images/fg-clear-logo.png");
  background-repeat: no-repeat;
  height: 100%;
}
#root-tools .hall-of-fame-page-instructions h2 {
  margin: 0;
  color: #000;
}
#root-tools .hall-of-fame-page-instructions p {
  line-height: 1.4;
}
#root-tools .hall-of-fame-page-column {
  flex: 0 1 33.3333%;
}
@media (max-width: 640px) {
  #root-tools .hall-of-fame-page-column {
    flex: 0 1 100%;
  }
}
#root-tools .ballot-player-item {
  padding: 6px 0;
}
#root-tools .ballot-player-item input[type=checkbox] {
  display: none;
}
#root-tools .ballot-player-item input[type=checkbox] + label {
  display: inline-flex;
  align-items: center;
  font-size: 20px;
  font-family: "Times New Roman", Times, serif;
  font-weight: 600;
  cursor: pointer;
}
#root-tools .ballot-player-item input[type=checkbox] + label:before {
  content: "✓";
  background: url("https://www.fangraphs.com/images/upper_right_shadowed_white_square.png");
  display: inline-block;
  width: 25px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: cover;
  color: transparent;
  padding-left: 6px;
  padding-top: 2px;
  cursor: pointer;
  font-size: 32px;
  top: 20px;
  line-height: 0.8;
  font-family: Lato, -apple-system;
}
#root-tools .ballot-player-item input[type=checkbox]:checked + label:before {
  color: #50ae26;
}
#root-tools .hall-of-fame-submit {
  flex: 0 1 100%;
  margin-top: 50px;
  font-size: 16px;
  font-family: Lato, arial, helvetica, sans-serif;
  background-color: #336699;
  color: #fff;
}
#root-tools .hall-of-fame-submit.isDisabled {
  background-color: #f5f5f5;
  color: #a5a5a5;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./styles/player-pages-2024/player-pages-layout.module.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.player-pages-layout-module__player-pages-layout____QRCk {
  display: flex;
  flex-direction: row;
}

.player-pages-layout-module__player-pages-layout__vertical-menu____MrGV {
  flex: 1 1 auto;
}
@media (max-width: 1000px) {
  .player-pages-layout-module__player-pages-layout__vertical-menu____MrGV {
    display: none;
  }
}

.player-pages-layout-module__player-pages-layout__content___gI95W {
  flex: 0 1 980px;
  max-width: 980px;
}
@media (max-width: 1000px) {
  .player-pages-layout-module__player-pages-layout__content___gI95W {
    flex-shrink: 1;
    width: 100%;
  }
}

.hide-beta-message .player-pages-layout-module__beta-deactive___CsF5_ {
  display: none !important;
}