@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Urbanist:wght@400;600;700&display=swap);body,html{font-family:"urbanist",sans-serif;height:100%}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.app-container{display:flex;height:100vh;background-color:#fff}.content-wrapper{display:flex;flex-direction:row;width:100%}#top-container-consent{background-color:#1a035d;border-radius:10px;display:flex;justify-content:space-between;align-items:center;color:#fff}#top-container-consent content{padding:20px}#top-container-consent h2{margin-bottom:10px;font-weight:600}.bottom-container{max-height:50vh;overflow-y:scroll;overflow-x:hidden;margin-top:20px;border-radius:8px;background-color:#fff;scrollbar-width:none}.bottom-container::-webkit-scrollbar{display:none}.bottom-container h2,.bottom-container p{margin-bottom:1rem;word-wrap:break-word}#consent{margin-top:20px;display:flex;align-items:center}#consent input[type=checkbox]{margin-right:10px}.form-control{width:100%;min-width:200px}.sidebar{width:30%;background:#050359;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 30px 60px;font-family:"Urbanist",sans-serif}.blur-layer{border-radius:30px;filter:blur(40px);background-color:#96048d;transform:rotate(130deg);opacity:.5;z-index:8;width:130px;height:400px}.top-blur{top:10px;left:100px}.bottom-blur{bottom:50px;left:100px}.logo-container{margin-bottom:50px}.logo{width:220px;height:auto;z-index:10}.content{padding:20px}.title{font-size:38px;font-weight:800;line-height:1.2;margin-bottom:20px;z-index:10;color:#fff;letter-spacing:2px}.description{font-size:16px;font-weight:400;line-height:1.5;max-width:300px;z-index:10;letter-spacing:1px}.sidebar{color:#fff;z-index:1}.blur-layer{position:absolute;z-index:0}.content-container{padding:40px;z-index:2;position:relative}@media screen and (max-width:768px){.sidebar{display:none}#responsive-logo{display:block}}.user-landing-page{display:flex;height:100% auto}#consent-page-landing{height:100vh}.sidebar{flex:0 0 30%}.content-container{flex:1 1;padding:20px 40px;background-color:#fff;display:flex;flex-direction:column}.form-title{font-family:"Urbanist",sans-serif;font-size:32px;font-weight:700;color:#333;margin-bottom:20px}.stepper-container{width:90%}#responsive-logo{display:none}.step-icon{padding:6px 5px}.completion-message{display:flex;flex-direction:column;justify-content:center;align-items:center}.completion-message span{background-color:#def3e7;color:#22ad5c;padding:5px 10px;border-radius:20px;font-size:14px;font-weight:700;margin-bottom:10px}.completion-message h2{font-weight:700}.completion-message img{max-width:50%}.completion-message button{background-color:#08055a;border:transparent;border-radius:10px;padding:10px;color:#fff;margin-top:20px;font-size:16px;font-weight:600;width:50%}.form-title{margin-bottom:10px}.button-group button:hover{background-color:#73026a}#consent-page{align-items:center;justify-items:center;justify-content:center;font-family:"Poppins",sans-serif}#consent-container{max-width:80%}#consent-page h2{margin-bottom:10px}#consent-page button{width:100%;border-radius:10px;padding:10px;border:none;background-color:#08055a;color:#fff;font-weight:500;font-size:18px}.instructions-section{margin-top:30px;text-align:left}@media screen and (max-width:768px){.sidebar{display:none;flex:0 0}#responsive-logo{background-color:#fff;z-index:-1;margin-top:30px;display:flex;align-items:center;justify-items:center;justify-content:center}.user-landing-page{flex-direction:column}.content-container{padding-top:0}.checkbox-group,.form-row{flex-direction:column}.button-group{flex-direction:row}.completion-message img{min-width:100%}.completion-message button{width:90%}}@media (max-width:1070px){#consent-container{max-width:100%}}@media (max-width:768px){.button-group{flex-direction:row!important}}@media (max-width:630px){#top-container-consent{align-items:center;justify-content:center;flex-direction:column;text-align:center}}.step-item{flex-direction:column;position:relative;flex:1 1;text-align:center}.step-icon,.step-item{display:flex;align-items:center}.step-icon{width:24px;height:24px;border-radius:50%;justify-content:center;font-size:14px;color:#fff}.completed .step-icon{background-color:#73026b}.current .step-icon{background-color:#fff;border:1px solid #73026b}.pending .step-icon{background-color:#f1e6f1}.checkmark{font-size:14px}.circle{width:10px;height:10px;background-color:#f1e6f1;border-radius:50%}.step-info{margin-top:10px}.step-label{font-weight:600;font-size:12px;color:#333}.step-name{font-size:14px}.completed .step-status{color:#4caf50}.current .step-status{color:#73026b}.pending .step-status{color:#9e9e9e}.step-line{width:60%;height:2px;background-color:#e0e0e0;position:absolute;top:12px;left:100%;transform:translateX(-50%);z-index:-1}.completed+.step-line,.current .circle{background-color:#73026b}.current .circle{color:#73026b}.completed .step-line{background-color:#73026b}.in .progress,.step-status{display:flex;align-items:center;justify-items:center;text-align:center;justify-content:center;background-color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.progress p{margin-bottom:0;text-align:center;font-size:15px;margin-top:1px}.stepper-container{display:flex;justify-content:space-between;padding:20px 0;max-width:100%;overflow-x:auto;scroll-behavior:smooth}@media screen and (max-width:768px){.stepper-container{justify-content:flex-start;grid-gap:20px;gap:20px;padding:10px 0;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.step-item{flex:0 0 30%;min-width:30%;max-width:30%}.step-icon{width:20px;height:20px}.step-label,.step-name{font-size:12px}.step-status{font-size:10px}.step-line{width:70%;left:108%}}.patient-form{width:100%;margin:0 auto;flex-direction:column}.form-row,.patient-form{display:flex;grid-gap:20px;gap:20px}.form-group{flex:1 1;display:flex;flex-direction:column}.form-group label{font-weight:400;margin-bottom:5px}.form-group input,.form-group textarea{padding:10px;border:1.5px solid #c9d5e6;border-radius:10px;font-family:"Urbanist",sans-serif;outline:none}.form-group textarea{height:60px}.checkbox-group{display:flex;grid-gap:15px;gap:15px}.required-label{color:#6a1b9a;font-weight:600}.submit-button{width:100%;padding:12px;background-color:#6a1b9a;color:#fff;font-size:18px;font-weight:600;border:none;border-radius:10px;cursor:pointer}.submit-button:hover{background-color:#8e44ad}.form-group input:focus,.form-group textarea:focus{border:1.5px solid #6a1b9a}#consent{flex-direction:row;align-items:flex-start;grid-gap:10px;gap:10px}#consent input{margin-top:4px}#consent label{font-size:14px}.checkbox-group label{font-size:14px;margin-bottom:0}.checkbox-group label input{margin-right:10px}.custom-notification{position:fixed;top:20px;right:20px;z-index:10000;padding:15px 20px;border-radius:8px;color:#fff;font-weight:500;box-shadow:0 4px 6px rgba(0,0,0,.1);animation:fade-in .3s ease-in-out}.custom-notification.success{background-color:#28a745}.custom-notification.error{background-color:#dc3545}@keyframes fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.capture-step-container{text-align:center;padding:0}.capture-title{font-size:24px;font-weight:600;margin-bottom:20px}.video-section{position:relative;border-radius:10px;color:#fff}.video-header{display:flex;justify-content:space-between;background-color:#73026b;padding:10px;align-items:center;border-radius:12px 12px 0 0}.toggle-camera-icon{cursor:pointer;color:#fff}.zoom-controls{display:flex;grid-gap:10px;gap:10px}.zoom-controls button{padding:5px;font-size:1rem;background-color:#fff;color:#000;border-radius:100%;display:flex;align-items:center;justify-content:center}.video-container{position:relative;height:400px;max-height:60vh;overflow:hidden;border-radius:0 0 12px 12px}.video-feed{width:100%;height:100%;object-fit:cover;border-radius:0 0 12px 12px}.overlay-guide{position:absolute;top:25%;left:20%;width:60%;height:40%;border:2px dashed #5e17eb;border-radius:15px;background-color:rgba(94,23,235,.2);pointer-events:none}.button-group{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;grid-gap:20px;gap:20px;width:100%}.button-group button{flex:1 1;padding:10px;font-size:1rem;color:#fff;border:none;border-radius:0 0 12px 12px;background-color:#07045a;box-shadow:0 2px 5px rgba(0,0,0,.2);cursor:pointer}.button-group .capture-btn{background-color:#17a2b8}.button-group button:disabled{opacity:.6;cursor:not-allowed}.modal-sample-image{width:100%;height:auto;border-radius:10px}@media (max-width:768px){.video-container{height:300px}.button-group{flex-direction:column;grid-gap:10px;gap:10px}.zoom-controls{grid-gap:5px;gap:5px}.zoom-controls button{padding:5px;font-size:1rem}}.custom-video-modal-dialog{max-width:90vw!important;width:90vw;height:90vh;margin:0 auto}.custom-video-modal-content{background-color:indigo!important;border-radius:15px!important;border:none!important;width:100%;height:100%;overflow:hidden}.custom-video-modal-content .modal-body{width:100%;height:100%;padding:0;margin:0;position:relative}.close-button{position:absolute;top:10px;right:10px;z-index:9999;font-size:30px;font-weight:700;color:#fff;background:linear-gradient(180deg,#027d89,#0a2576);border:none;border-radius:50%;cursor:pointer;padding:4px 14px;text-decoration:none;transition:transform .1s ease-in-out}.close-button:active{transform:translateY(2px);box-shadow:0 2px #666}.custom-video{width:100%;height:100%;object-fit:cover;border:4px solid #dcb2ff;border-radius:15px;display:block}.image-selection-modal .image-container{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;justify-content:center;align-items:center;width:100%}.image-selection-modal .image-wrapper{position:relative;cursor:pointer;border-radius:10px;overflow:hidden;transition:transform .2s ease;display:flex;justify-content:center;align-items:center}.image-selection-modal .image-wrapper img.selectable-image{width:200px;height:200px;object-fit:cover;border-radius:10px;border:4px solid transparent}.image-selection-modal .image-wrapper.selected img{border:3px solid #925ef9;box-shadow:0 0 10px 2px rgba(225,217,241,.5)}@media (max-width:768px){.image-selection-modal .image-container{flex-direction:column;align-items:center;justify-content:center;grid-gap:15px;gap:15px;text-align:center}.image-selection-modal .image-wrapper img.selectable-image{width:80%;height:auto}}
/*# sourceMappingURL=main.8f3f734e.chunk.css.map */