:root{--vvh:100vh;--workspace-width:min(100vw, 600px, calc(var(--vvh) * 390 / 844));--workspace-aspect:390 / 844;--workspace-height:calc(var(--workspace-width) * 844 / 390);--workspace-max-height:1298.46px;--camera-height:calc(var(--workspace-width) * 4 / 3);--camera-top-ratio:2.1327%;--workspace-scale:calc(var(--workspace-width) / 390);--progress-dot:#d2d2d2;--progress-dot-active:#39b54a;--progress-text:#3f3f3f}@supports (height:100dvh){:root{--vvh:100dvh}}.stage{width:var(--workspace-width);height:var(--workspace-height);aspect-ratio:var(--workspace-aspect);max-width:600px;max-height:var(--workspace-max-height);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.workspace{isolation:isolate;position:absolute;inset:0}.camera,#canvas{z-index:1}.workspace:after{content:"";background:var(--workspace-art) 0 0 / 100% 100% no-repeat;pointer-events:none;z-index:2;position:absolute;inset:0}.face-oval-position,.progress-bar,.footer_btn,.alert_Icon{z-index:3}.footer_btn{width:100%;padding:0 calc(30 * var(--workspace-scale));justify-content:space-around;bottom:13%;left:0}.footer_btn img{width:calc(38.25 * var(--workspace-scale))}.camera{width:var(--workspace-width);height:var(--camera-height);left:0;top:calc((2.1327 / 100) * var(--workspace-height));position:absolute}.ms-2{margin-left:calc(2 * var(--workspace-scale))}.d-flex{display:flex}.d-none{display:none}.position-absolute{position:absolute}.position-relative{position:relative}#proceed_btn{width:150px;bottom:7%;left:50%;transform:translate(-50%,-50%)}.loader_sec{width:75px;height:75px;top:50%;left:50%;transform:translate(-50%,-50%)}#progress_done_text,#progress_text{color:var(--progress-text);font-weight:500;font-size:calc(24 * var(--workspace-scale));text-align:center;margin-top:calc(15 * var(--workspace-scale))}.justify-content-center{justify-content:center}.face-oval-position{top:19.5%}.alert_Icon{max-width:calc(74 * var(--workspace-scale));top:30%}.position-center{left:50%;transform:translate(-50%)}.face-oval{aspect-ratio:3/4;width:52%}.w-100{width:100%}.mh-100{max-height:100%}.mw-100{max-width:100%}.progress-bar{width:100%;bottom:34%;left:0}.progress-dots{width:calc(7 * var(--workspace-scale));height:calc(7 * var(--workspace-scale));background-color:var(--progress-dot);margin-right:calc(4 * var(--workspace-scale));border-radius:calc(6 * var(--workspace-scale))}.progress-dots.active{background:var(--progress-dot-active)}#capture_progress{height:calc(35 * var(--workspace-scale));z-index:10;margin:auto;top:5%}#capture_progress,.capture-btn{text-align:center;width:100%;position:absolute;left:0!important}.closeIconWrapper{z-index:10;top:3%;right:6%}.cursor-pointer{cursor:pointer}.closeIcon{width:calc(20 * var(--workspace-scale));opacity:1}.h-71px{min-height:71px}.closeIcon.clicked{transition-duration:.3s;transform:rotate(135deg)}.closeIcon:focus-visible{outline-offset:2px;outline:2px solid #39b54a}#canvas{display:none}.capture-mask{width:var(--workspace-width);left:50%;top:var(--camera-top-ratio);position:absolute;transform:translate(-50%)}.head-position-image{width:100%;position:absolute;bottom:16vh;left:0}.mg-lg-auto{margin-left:auto;margin-right:auto}.capture-btn{z-index:99999999;bottom:4vh}.capture-btn img{width:90vh}@media screen and (width<=500px){.w-226px{width:226px!important}}@media screen and (width>=501px){.w-226px{width:max(min(100vw,340px),320px)!important}}#video.front{transform:rotateY(180deg)}.flow-layer{box-sizing:border-box;border-width:0;position:absolute;overflow:visible}.flow-bg{box-sizing:border-box;border-width:0;width:100%;height:100%;position:absolute}.flow-border{box-sizing:border-box;border-style:solid;border-width:0;width:100%;height:100%;position:absolute}#BarDotssmall.flow-artboard{visibility:visible;pointer-events:none;background-color:#fff0;width:75px;height:75px;margin:0 auto;padding:0;position:relative;overflow:visible}#BarDotssmall ._{background-color:#0000;width:6px;height:6px;top:36.2px;left:19.5px;overflow:visible;transform:translate(-50%,-50%)rotate(0)}#BarDotssmall ._-svg{stroke:#fd017800;fill:#f1845d;stroke-miterlimit:10;stroke-width:0;width:100%;height:100%;position:absolute}#BarDotssmall .__1{background-color:#0000;width:6px;height:6px;top:36.2px;left:28.3px;overflow:visible;transform:translate(-50%,-50%)rotate(0)}#BarDotssmall .__1-svg{stroke:#fd017800;fill:#fbaf6e;stroke-miterlimit:10;stroke-width:0;width:100%;height:100%;position:absolute}#BarDotssmall .__2{background-color:#0000;width:6px;height:6px;top:36.2px;left:37.1px;overflow:visible;transform:translate(-50%,-50%)rotate(0)}#BarDotssmall .__2-svg{stroke:#fd017800;fill:#eec977;stroke-miterlimit:10;stroke-width:0;width:100%;height:100%;position:absolute}#BarDotssmall .__3{background-color:#0000;width:6px;height:6px;top:36.2px;left:45.7px;overflow:visible;transform:translate(-50%,-50%)rotate(0)}#BarDotssmall .__3-svg{stroke:#fd017800;fill:#2b9c9a;stroke-miterlimit:10;stroke-width:0;width:100%;height:100%;position:absolute}#BarDotssmall .__4{background-color:#0000;width:6px;height:6px;top:36.2px;left:54.5px;overflow:visible;transform:translate(-50%,-50%)rotate(0)}#BarDotssmall .__4-svg{stroke:#fd017800;fill:#207a9f;stroke-miterlimit:10;stroke-width:0;width:100%;height:100%;position:absolute}#bar_dot_loader path{fill-rule:evenodd}#bar_dot_loader svg{overflow:visible}@media (width<=599.98px){:root{--workspace-width:min(100vw, 600px)}.stage{top:0;transform:translate(-50%)}.footer_btn{bottom:max(13%, calc(var(--workspace-height) - var(--vvh) + 20px))}#proceed_btn{bottom:max(7%, calc(var(--workspace-height) - var(--vvh) + 20px))}}