/* --- START OF FILE camera-styles.css --- */
#camera-container.camera-default {
  width: 100%;
  height: 80vh; /* Increase height to full viewport */
  max-width: 740px;
  max-height: 90vh; /* Prevent excessive stretching */
  border-radius: 10px;
  overflow: hidden;

  display: block;
  padding-bottom: 25px;
}

#camera-container.camera-wrist {
  width: 100%;
  height: 80vh; /* Increase height to full viewport */
  max-width: 740px;
  max-height: 90vh; /* Prevent excessive stretching */
  border-radius: 10px;
  overflow: hidden;

  display: block;
  padding-bottom: 25px;
}
#canvas {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

@media (max-height: 844px) {
    #camera-container.camera-default {
        width: 100%;
        height: 70vh !important;
    }

    #camera-container.camera-wrist {
        width: 100%;
        height: 70vh !important;
    }
}


/* --- END OF FILE camera-styles.css --- */