html{width:100vw;height:100dvh}body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{background-color:gray;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}:root{--dellLogo-max-width:40%;--info-logo-height:15px;--footer-font-size:16px;--content-margin:60px;--main-content-height:40%}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;font-family:Roboto,sans-serif;overflow:hidden}.appContainer{isolation:isolate;flex-direction:column;width:100vw;height:100dvh;display:flex;position:relative}.webcamFeed{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.topBar{z-index:10;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:24px 20px;display:grid;position:absolute;top:0;left:0}.dellLogo{max-width:var(--dellLogo-max-width);justify-self:center}.infoLogo{height:var(--info-logo-height);justify-self:end}.overlayContainer{z-index:5;pointer-events:none;justify-content:center;align-items:center;width:85%;max-width:500px;display:flex;position:absolute;top:45%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.laptopMask{object-fit:contain;isolation:isolate;mix-blend-mode:normal;border-radius:4px;width:100%;height:auto}.shadowOnly{box-shadow:0 0 0 9999px #00000052}.forceGreenFilter{filter:brightness(0)saturate()invert(61%)sepia(74%)saturate(462%)hue-rotate(44deg)brightness(97%)contrast(91%);isolation:isolate}.cssSpinner{z-index:6;border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:44px;height:44px;animation:1s ease-in-out infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.toastContainer{z-index:10;flex-direction:column;align-items:center;gap:6px;width:100%;display:flex;position:absolute;top:calc(45% + 170px);left:50%;transform:translate(-50%)}.toastMsg{color:#fff;letter-spacing:.3px;text-align:center;-webkit-backdrop-filter:blur(4px);background:#2d1e14e6;border-radius:2px;padding:8px 16px;font-size:13px}.bottomControls{z-index:10;flex-direction:column;align-items:center;width:100%;padding-top:120px;padding-bottom:75px;display:flex;position:absolute;bottom:0;left:0}.dotsIndicator{align-items:center;gap:12px;height:24px;margin-bottom:55px;display:flex}.dot{background:#fff6;border-radius:50%;width:8px;height:8px}.dot.active{background:#fff}.captureBtnContainer{justify-content:center;align-items:center;height:60px;margin-bottom:55px;display:flex}.captureBtn img{cursor:pointer;width:60px;height:60px;transition:transform .2s}.captureBtn:active{transform:scale(.95)}.footerText{color:#fff;font-size:var(--footer-font-size);text-align:center;letter-spacing:.2px;text-shadow:0 1px 4px #000c;width:90%}.footerContent{text-align:center;color:#fff;font-size:var(--footer-font-size)}.uploadProgressContainer{flex-direction:column;align-items:center;width:65%;max-width:250px;display:flex}.progressBarTrack{background-color:#fffc;border-radius:2px;width:100%;height:3px;margin-bottom:40px;overflow:hidden}.progressBarFill{background-color:#0076ce;height:100%;transition:width .3s}.successCheckmarkImg{border-radius:50%;width:64px;height:64px;margin-bottom:24px;box-shadow:0 2px 6px #0000004d}.uploadText{color:#fff;font-size:var(--footer-font-size);text-align:center;text-shadow:0 1px 4px #000c}@media (height<=700px){.toastContainer{top:calc(45% + 140px)}.bottomControls{padding-bottom:50px}.dotsIndicator,.captureBtnContainer{margin-bottom:35px}}@media (height<=779px){:root{--info-logo-height:14px;--footer-font-size:15px;--content-margin:45px;--main-content-height:38%}}@media (height<=649px){:root{--info-logo-height:12px;--footer-font-size:13px;--content-margin:30px;--main-content-height:35%}}@media (height<=499px){:root{--dellLogo-max-width:30%;--info-logo-height:20px;--footer-font-size:12px;--content-margin:15px;--main-content-height:50%}}.modeToggle{-webkit-backdrop-filter:blur(8px);background:#00000073;border-radius:999px;align-items:center;gap:2px;margin-bottom:12px;padding:3px;display:flex}.modeBtn{color:#ffffffa6;letter-spacing:.3px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;padding:6px 22px;font-size:13px;font-weight:500;transition:background .2s,color .2s}.modeBtn.active{color:#111;background:#ffffffeb}.captureBtnInner.videoMode{cursor:pointer;background:0 0;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.recordDot{background:#ff3b30;border-radius:50%;width:28px;height:28px;display:block}.recordingRingWrapper{cursor:pointer;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.recordingRingSvg{width:80px;height:80px;overflow:visible}@keyframes recordPulse{0%,to{box-shadow:0 0 #ff3b3099}50%{box-shadow:0 0 0 8px #ff3b3000}}.appContainer.isRecording .webcamFeed{animation:1.5s ease-in-out infinite recordPulse}:root{--popup-padding:16px;--popup-header-font-size:24px;--popup-close-btn-height:18px;--popup-li-font-size:18px;--popup-li-margin-bottom:26px;--popup-got-it-height:48px;--popup-got-it-font-size:16px;--popup-header-margin-bottom:18px}.popupContainer{padding:var(--popup-padding);z-index:999;pointer-events:all;background:#f5f5f5;border:1px solid #707070;flex-direction:column;justify-content:center;align-items:center;display:flex}.popupHeader{width:100%;margin-bottom:var(--popup-header-margin-bottom);justify-content:space-between;align-items:center;display:flex}.popupHeader h2{font-size:var(--popup-header-font-size);color:#125ec2;margin:0;font-weight:400}.closeBtn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.closeBtn img{max-height:var(--popup-close-btn-height);object-fit:contain}.guidelinesContent{color:#000;width:100%}.guidelinesContent ul{margin:0;padding-left:22px}.guidelinesContent li{margin-bottom:var(--popup-li-margin-bottom);font-size:var(--popup-li-font-size);line-height:1.35}.gotItBtn{width:100%;height:var(--popup-got-it-height);color:#fff;font-size:var(--popup-got-it-font-size);cursor:pointer;background:#125ec2;border:none;margin-top:12px;font-weight:500}@media (height<=779px){:root{--popup-padding:14px;--popup-header-font-size:22px;--popup-close-btn-height:16px;--popup-li-font-size:16px;--popup-li-margin-bottom:20px;--popup-got-it-height:44px;--popup-got-it-font-size:15px;--popup-header-margin-bottom:14px}}@media (height<=649px){:root{--popup-padding:12px;--popup-header-font-size:18px;--popup-close-btn-height:14px;--popup-li-font-size:14px;--popup-li-margin-bottom:14px;--popup-got-it-height:40px;--popup-got-it-font-size:14px;--popup-header-margin-bottom:10px}}:root{--completed-popup-min-height:175px;--completed-popup-gap:50px;--completed-popup-img-height:45px;--completed-popup-font-size:18px}.completedPopupContainer{min-height:var(--completed-popup-min-height);justify-content:center;align-items:center;gap:var(--completed-popup-gap);background-color:#fff;flex-direction:column;display:flex}.completedPopupContainer img{height:var(--completed-popup-img-height)}.completedPopupContainer .textContent{font-size:var(--completed-popup-font-size);color:#000}@media (height<=779px){:root{--completed-popup-min-height:150px;--completed-popup-gap:35px;--completed-popup-img-height:38px;--completed-popup-font-size:16px}}@media (height<=649px){:root{--completed-popup-min-height:130px;--completed-popup-gap:24px;--completed-popup-img-height:32px;--completed-popup-font-size:14px}}