.recorder{background-color:#f5f5f5;padding:20px;height:220px}.ask-title{margin-top:90px}.home{background-color:#f5f5f5;flex-direction:column;//align-items:flex-start;display:flex;justify-content:center;align-items:center;height:500px;padding:20px 20px 20px;gap:20px;//margin-top:100px}.container-face{position:absolute;flex:1;max-width:640px;margin-right:20px}.home2{display:flex;flex-direction:column;//align-items:flex-start;align-items:center;justify-content:center;height:500px;padding:20px;gap:20px}.container-tongue{position:absolute;flex:1;max-width:640px;margin-right:20px}.flex-column{display:flex;flex-direction:column}.camera-container{position:relative;width:100%;margin-bottom:20px}.video-container{width:100%;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1)}.side-container{position:relative;left:30%;padding:20px}.video{width:440px;display:block}#snap,.video{height:auto;border:none}#snap{padding:10px 20px;font-size:16px;font-weight:700;color:#fff;background-color:#007bff;border-radius:5px;cursor:pointer;transition:background-color .3s ease}#snap:hover{background-color:#0056b3}.face-image{width:240px;height:240px}.face-image,.tongue-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:999}.tongue-image{width:180px;height:180px}.uploaded-photo-container{position:relative;display:flex;flex-direction:column}.user_uploaded-photo{max-width:200px;max-height:200px;border:1px solid #ccc;border-radius:10px;-o-object-fit:cover;object-fit:cover}.container{background-color:#fff;//display:flex;//flex-direction:column;//align-items:flex-start;padding:20px 20px 100px;max-height:1000px;overflow-y:scroll}.information-container{//width:50%;margin-bottom:20px;background-color:#f9f9f9;border-radius:8px;padding:15px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.container-questions{vertical-align:middle}.question-container{//width:50%;margin-bottom:20px;background-color:#f9f9f9;border-radius:8px;padding:15px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center}.question-title{font-weight:700;margin-bottom:10px;color:#333}.options-container{display:flex;//flex-direction:column;flex-direction:row;align-items:center}.option{margin:5px 0;padding:8px;border-radius:5px;transition:background-color .3s}.option:hover{background-color:#e6e6e6}.save-button-container{display:flex;justify-content:center;margin-top:20px}.save-button{padding:10px 30px;color:#fff;background-color:#1a73e8;border:none;border-radius:4px;font-size:16px;cursor:pointer}.save-button:hover{background-color:#1669c7}.infor-box{width:70vw;height:180px;box-sizing:border-box;padding:10px;font-size:16px}.infor-box::-moz-placeholder{color:#2c3e50}.infor-box::placeholder{color:#2c3e50}.per-inf-box::-moz-placeholder{color:#2c3e50}.per-inf-box::placeholder{color:#2c3e50}.lv-two{font-weight:700;margin-bottom:10px;color:#333}.look-title{margin-top:100px}.home3{//align-items:flex-start;padding:20px;gap:20px}.captured-photos,.home3{display:flex;flex-direction:column;align-items:center}.captured-photos{//flex-direction:row;margin-top:20px}button{padding:8px 15px;font-size:14px;color:#fff;background-color:#28a745;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}input[type=file]{//opacity:0;width:140px;height:60px;position:absolute;cursor:pointer}.results{border:1px solid #ccc;padding:10px}.mai-title{margin-top:100px}.consent-form[data-v-30c535ce]{max-width:600px;margin:20px auto;padding:20px;border:1px solid #ccc;border-radius:5px}.content h1[data-v-30c535ce]{text-align:center}button[data-v-30c535ce]{margin:20px 10px;padding:10px 15px;font-size:16px;cursor:pointer}button.agreed[data-v-30c535ce]{background-color:#4caf50;color:#fff;border:none}button.rejected[data-v-30c535ce]{background-color:#f44336;color:#fff;border:none}button[data-v-30c535ce]:disabled{background-color:#ccc}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.swal2-success .swal2-success-ring{background-image:url(/img/wyu.d3f48874.png);background-size:contain;width:100px;height:100px}.custom-swal-popup-class{width:70%;max-width:700px}.justified-text{text-align:justify}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:1000;justify-content:center}.overlay,.spinner-wrapper{display:flex;align-items:center}.spinner-wrapper{flex-direction:column}.loading-text{margin-top:1rem;color:#fff;font-size:2.2rem;font-weight:700;text-align:center}