.home-container {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  display: flex;
  padding: var(--dl-space-space-threeunits);
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
.home-user-web-cam-main-div {
  gap: var(--dl-space-space-twounits);
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.home-user-web-cam-container-div {
  flex: 0 0 auto;
  width: 60%;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.home-video {
  width: 100%;
  height: auto;
}
.home-dropdown-capture-feedback-div {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-select-camera-div {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: 33%;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.home-camera-ip-div {
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.home-text {
  font-size: 20px;
}
.home-image-ip-div {
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.home-text1 {
  font-size: 20px;
}
.home-textinput {
  width: var(--dl-size-size-xxlarge);
}
.home-container1 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 33%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.home-button {
  margin-top: var(--dl-space-space-unit);
}
.home-text2 {
  font-size: 20px;
}
.home-feddback-div {
  gap: var(--dl-space-space-threeunits);
  flex: 0 0 auto;
  width: 33%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.home-eye-open-feedback-div {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.home-text3 {
  width: 100%;
  font-size: 20px;
  text-align: center;
}
.home-text4 {
  width: 100%;
  font-size: 20px;
  text-align: center;
}
.home-select-faces-div {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-top: 0px;
  justify-content: center;
}
.home-text5 {
  width: auto;
  height: auto;
  font-size: 18px;
  align-self: center;
  font-style: normal;
  font-weight: 500;
}
.home-matched-faces-div {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: 100%;
  border: 2px dashed rgba(120, 120, 120, 0.4);
  display: flex;
  padding: 0px;
  flex-wrap: wrap;
  margin-top: 0px;
  align-items: flex-start;
  justify-content: center;
}
.home-add-to-known-photos-div {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  padding-top: 0px;
  padding-bottom: 0px;
  justify-content: center;
}
.home-text6 {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}
.home-textinput2 {
  margin-right: var(--dl-space-space-twounits);
}
@media(max-width: 767px) {
  .home-container {
    padding: var(--dl-space-space-twounits);
  }
  .home-user-web-cam-main-div {
    gap: var(--dl-space-space-threeunits);
    flex-direction: column;
  }
  .home-video {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .home-dropdown-capture-feedback-div {
    gap: var(--dl-space-space-oneandhalfunits);
    flex-direction: column;
  }
  .home-select-camera-div {
    width: 100%;
  }
  .home-container1 {
    width: 100%;
  }
  .home-feddback-div {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .home-eye-open-feedback-div {
    align-items: center;
    justify-content: center;
  }
  .home-text3 {
    text-align: center;
  }
  .home-text4 {
    text-align: center;
  }
}
@media(max-width: 479px) {
  .home-container {
    padding: var(--dl-space-space-unit);
  }
  .home-user-web-cam-main-div {
    gap: var(--dl-space-space-unit);
    flex-direction: column;
  }
  .home-video {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .home-feddback-div {
    width: 100%;
    align-self: center;
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
  .home-eye-open-feedback-div {
    gap: var(--dl-space-space-halfunit);
    align-self: center;
    align-items: center;
    justify-content: center;
  }
  .home-text3 {
    font-size: 18px;
    align-self: center;
    text-align: center;
  }
  .home-text4 {
    font-size: 18px;
    text-align: center;
  }
  .home-select-faces-div {
    gap: var(--dl-space-space-unit);
    align-items: center;
    margin-right: 0px;
    flex-direction: column;
  }
  .home-add-to-known-photos-div {
    gap: var(--dl-space-space-unit);
    padding-top: var(--dl-space-space-halfunit);
    flex-direction: column;
    padding-bottom: var(--dl-space-space-halfunit);
  }
}