.webcam-service {
  position: relative;
  overflow: hidden;
  z-index: -1;
  height: 100%;
  min-width: 100%;
}
.webcam-service>video {
  -o-object-fit: cover;
     object-fit: cover;
  transform: scaleX(-1) scaleX(1.22) scaleY(1.22);
}
.hidden-canvas {
  display: none;
}
.mask-overlay {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  box-shadow: 0 0 0 9999px rgba(128, 128, 128, 0.4);
  opacity: 0;
}

.fade-in {
  -webkit-animation: fadeIn ease 1s forwards;
          animation: fadeIn ease 1s forwards;
}

.hidden-camera {
  display: none;
}
@-webkit-keyframes fadeIn{
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn{
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.avatar {
  max-width: 160px;
  max-height: 160px;
  border-radius: 80px;
}
.face-icon {
  font-size: 32px;
}
.face-icon--good {
  color: #c5a995;
}
.face-icon--bad {
  color: #ffa500;
}
.result-1 {
  font-size: 32px;
  font-weight: bold;
}
.result-2 {
  font-size: 32px;
}
.plan-title {
  font-size: 32px;
  font-weight: bold;
}
.hr {
  width: 100%;
  height: 5px;
  margin: 0;
  padding: 0;
}
.result-phrase {
  line-height: 32px;
}
.height-5x {
  min-height: 160px;
  height: 160px;
}
.day-elements>div {
  height: 96px;
  font-size: 16px;
}
.little-bar {
  width: 6px;
  height: 100%;
  background-color: #31ccec;
  border-radius: 3px 0 0 3px;
}
.time-from-to {
  line-height: 21.333333333333332px;
  font-size: 20px;
}
.element-status {
  background-color: #c7c7c7;
  height: 100%;
  color: #fff;
  font-weight: bold;
}
.result-wrapper {
  gap: 48px;
}
.flex-1 {
  flex: 1;
}
/*# sourceMappingURL=src/pages/results.css.map */

/*# sourceMappingURL=1485def6.bf540485.css.map*/