/* SECTION CHOICE PATIENT */

#choice_patient {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1536px;
  height: 950px;
  flex-shrink: 0;
  border-radius: 20px;
  border: 1px solid var(--white);
  background: rgba(249, 246, 238, 0.75);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  display: none;
}

#choice_patient .container_choice_patient {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 50px;
}

#choice_patient .container_choice_patient_list {
  display: flex;
  gap: 50px;
  height: 651px;
}

#choice_patient .title_choice_patient {
  display: inline-flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.75);
  color: var(--blue);
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

#choice_patient .patient_card {
  display: flex;
  flex-direction: column;
  padding: 24px;
  align-items: center;
  gap: 20px;
  border-radius: 20px;
  border: 1px solid var(--white);
  max-height: 510px;
}

#choice_patient button .icon {
  width: 46px;
  height: 55px;
}

#choice_patient #patient_info {
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
}

#choice_patient .close {
  position: absolute;
  right: 20px;
  top: 20px;
}

#choice_patient #patient_info_photo {
  display: flex;
  width: 366px;
  height: 514px;
  padding: 24px;
  justify-content: center;
  align-items: center;
  gap: 24px;
  border-radius: 30px 0 0 30px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.5) 100%
  );
}

#choice_patient #patient_info_photo img {
  border-radius: 20px;
}

#choice_patient #patient_info_content {
  display: flex;
  width: 834px;
  min-height: 515px;
  padding: 10px 70px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  border-radius: 0 30px 30px 0;
  background: linear-gradient(180deg, #001632 0%, #0061a1 100%);
  color: var(--white);
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#choice_patient #button_start_game {
  display: none;
}

#choice_patient_info {
  position: absolute;
  left: 30px;
  bottom: 17px;
  color: #023e84;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.patient_card_image {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  max-width: 318px;
}
.patient_card_image video {
  position: relative;
  bottom:0px;
  width: 100%;
  object-fit: cover;
}
.patient_wait_info {
  position: absolute;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  bottom: 45px;
  padding-left: 70px;
  padding-right: 70px;
  color: #001632;
  text-align: center;
  font-size: 26px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}