.remaining_list {
  position: relative;
}

.remaining_list_background {
  width: none;
}

.podium_background {
  margin-bottom: 16px;
}

.overlay_class_content {
  position: absolute;
  z-index: 10;
  width: 100%;
}

.__display_visible {
  display: block;
}

.__display_invisible {
  display: none;
}

@media (min-width: 896px) {
  .ranking_background {
    max-height: 85vh;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: var(--medium-grey);
  }

  .remaining_list_background::-webkit-scrollbar {
    width: 8px;
  }

  .remaining_list_background::-webkit-scrollbar-track {
    background: var(--white);
  }

  .remaining_list_background::-webkit-scrollbar-thumb {
    background-color: var(--medium-grey);
    border-radius: 10px;
  }

  .remaining_list_overly_class {
    display: flex;
  }

  .ranking_background {
    max-width: none;
  }

  .remaining_list_background {
    padding-right: 20px;
  }

  .remaining_list{
    width: 40.75rem;
  }

  .overlay_class_content {
    top: 0;
    left: calc(40.75rem + 20px);
    width: 28rem;
  }

}