@media screen and (max-width: 500px) {
  #best-player .collapsible-header,
#best-player .content_bp {
    display: flex;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .buttons-to-section {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .searchBarWrapper {
    flex-basis: 100%;
  }
  #leaderboard_table_wrapper .row:last-child {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1em;
    margin-top: 1em;
  }
  #leaderboard_table_wrapper .row:last-child .col-sm-12:last-child {
    margin: auto 0 auto auto;
  }
  #abi-lvl-chart .collapsible-body,
#abi .collapsible-body,
#abi-lvl-chart-compare .collapsible-body,
#section_2 .collapsible-body {
    overflow-x: auto !important;
  }
  #abi-lvl-chart .collapsible-body .chart-container,
#abi .collapsible-body .chart-container,
#abi-lvl-chart-compare .collapsible-body .chart-container,
#section_2 .collapsible-body .chart-container {
    width: 300% !important;
    max-width: 200% !important;
  }
  #abi-pie.pie {
    flex-direction: column;
  }
  hr {
    width: 100%;
    background: var(--background-op);
    border: 1px solid var(--background-op);
    border-radius: 1000px;
  }
}
@media screen and (max-width: 750px) {
  #best-player .content_bp .col,
.user-infos .content_bp .col {
    flex-direction: column !important;
  }
  .right-align.bs {
    display: none !important;
  }
  .right-align.hidden {
    width: 100%;
    display: flex !important;
  }
  .right-align.hidden label {
    width: 100%;
    margin: 1em 1em 0;
  }
  .wrapper aside {
    display: none !important;
  }
}
@media screen and (max-width: 1300px) {
  .wrapper aside {
    display: none !important;
  }
}

/*# sourceMappingURL=media.css.map */