.page2 {
  padding-top: 3vw;
  color: white;
  background: var(--theme-light-blue);
  font-size: 1.4vw;
}

.page2 h1 {
  text-align: center;

}

.page2 h3 {
  margin: 0;
  margin-top: 0.5vw;
  font-weight: normal !important;
}

.page2 h3 svg {
  margin-left: 0.5vw;
  width: 2vw;
  height: 2vw;
}

.page2 .leaderboard-container {
  margin-top: 3vw;
  padding-bottom: 2vw;
}

.page2 .learderboard-box {
  color: var(--theme-dark-blue);
  background: white;
  width: 30vw;
  height: 30vw;
  border-radius: 0.7vw;
  margin: 0.5vw;
}

.page2 .leaderboard-container .top-part-df543 {
  border-bottom: 1px solid #EAEAEA;
  height: 7vw;
  font-size: 1.2vw;
  padding-left: 2vw;
  padding-right: 2vw;
  position: relative;
}

.page2 .second-part-title {
  margin-bottom: 3vw;
}

.page2 .learderboard-box .title-de34 {
  padding-top: 0.5vw;
  font-size: 2vw;
}

.page2 .learderboard-box .absolute-cup-container {
  position: absolute;
  top: 0;
  right: 2vw;
  display: flex;
  width: 5.5vw;
  height: 6vw;
  align-items: center;
  justify-content: center;
  background: #8E44F6;
  border-bottom-left-radius: 0.7vw;
  border-bottom-right-radius: 0.7vw;
}

.page2 .learderboard-box .absolute-cup-container img {
  height: 5vw;
}

.page2 .learderboard-box .middle-part-df543 {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #EAEAEA;
  padding-left: 1.8vw;
}

.page2 .learderboard-box .middle-part-df543 .user-box,
.page2 .learderboard-box .middle-part-df543 .prize-box {
  color: white;
  margin: 0.7vw;
  stroke-width: 1;
  width: 3vw;
  height: 3vw;
  background: #4C608A;
  border-radius: 0.5vw;
}

.page2 .learderboard-box .middle-part-df543 .users-text-box {
  width: 8vw;
}

.page2 .learderboard-box .middle-part-df543 .users-text-box .bold {
  font-size: 1.2vw;
}

.page2 .learderboard-box .middle-part-df543 svg {
  width: 1.7vw;
  height: 1.7vw;
}

.page2 .learderboard-box .middle-part-df543 .user-box svg {
  width: 1.7vw;
  height: 1.7vw;
}

.page2 .learderboard-box .table-header {
  font-size: 1.2vw;
  border-bottom: 1px solid #EAEAEA;
}

.page2 .learderboard-box .table-header .rank-header {
  padding-left: 2.5vw;
  width: 4vw;
}

.page2 .learderboard-box .table-header .name-header {
  width: 10vw;
}

.page2 .learderboard-box .table-header .rating-header {
  width: 5vw;
}

.page2 .learderboard-box .users-part {
  overflow-y: auto;
  height: 16.75vw;
  line-height: 2;
  font-size: 1.1vw;
}

.users-part > div {
  display: flex;
}

.users-part > div .index {
  color: #8E44F6;
  padding-left: 2.5vw;
  width: 4vw;
}

.users-part > div .name {
  text-transform: capitalize;
  width: 10vw;
}

.users-part > div .score {
  width: 5vw;
}

.brick-panel-bottom .users-part {
  padding-top: 1vw;
}

.brick-panel-bottom .users-part .index {
  padding: 0 !important;
}

.page2 .last-week-winners {
  cursor: pointer;
  padding: 0.5vw 1vw;
  border-radius: 2vw;
  background: white;
  color: #21C5AA;
  margin-bottom: 2.5vw;
  transition: all 300ms ease-in-out;
}

.page2 .last-week-winners:hover {
  color: white;
  background: #21C5AA;
}

.page2 .last-week-winners svg {
  width: 2vw;
  height: 2vw;
  font-weight: 450;
  margin-right: 0.6vw;
}

.page2 .last-week-winners-popup {
  display: none;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  padding-top: 1.2vw;
  z-index: 1000;
  position: fixed;
  top: 5vh;
  left: 25vw;
  width: 50vw;
  border-radius: 1vw;
  color: var(--theme-dark-blue);
  background: white;
}

.page2 .last-week-winners-popup .close-btn {
  cursor: pointer;
  position: absolute;
  top: 0.6vw;
  right: 0.7vw;
}

.page2 .last-week-winners-popup .close-btn svg {
  width: 1.6vw;
  height: 1.6vw;
  stroke: #4C608A;
}

.page2 .last-week-winners-popup .close-btn svg:hover {
  stroke: var(--theme-orange);
}

.page2 .last-week-winners-popup .no-scroll-header {
  padding-right: 10px;
  width: calc(100% - 1vw)
}


.page2 .last-week-winners-popup .scrollable-table {
  max-height: calc(90vh - 11vw);
  overflow-y: scroll;
}

.page2 .last-week-winners-popup .scrollable-table > div {
  padding-bottom: 2vw;
}

.page2 .last-week-winners-popup .winners-column {
  padding-left: 1vw;
  padding-right: 1vw;
  width: calc(50% - 2vw);
}

.page2 .last-week-winners-popup .winners-column .line {
  height: 1px;
  background: #EAEAEA;
}


.page2 .last-week-winners-popup .winners-column .row div {
  width: 33%;
  padding-top: 0.8vw;
  padding-bottom: 0.8vw;
  font-size: 1vw;
}

.page2 .last-week-winners-popup .winners-column .column-title {
  text-align: center;
  margin-top: 1.2vw;
  font-size: 1.3vw;
  margin-bottom: 1.2vw;
}

.page2 .last-week-winners-popup .single-user-data > div {
  margin-top: 0.4vw;
  width: 33%;
  font-size: 0.9vw;
}

.page2 .last-week-winners-popup .grouped-data-32 {
  padding-top: 0.8vw;
  padding-bottom: 0.8vw;
  font-size: 1.1vw;
}