@import url("../main.css");

.player-detail-main {
  width: 100%;
  padding: 43px 16px 64px;
}

.player-detail-layout {
  display: grid;
  grid-template-columns: 282px minmax(0, 1fr);
  align-items: start;
  width: 100%;
  max-width: 1200px;
  min-height: calc(100vh - 188px);
  margin: 0 auto;
  gap: 24px;
}

.player-detail-sidebar {
  width: 282px;
  min-width: 0;
}

.player-detail-content {
  min-width: 0;
}

@media (max-width: 760px) {
  .player-detail-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .player-detail-sidebar {
    width: 100%;
  }
}