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:39%;--info-logo-height:18px;--footer-font-size:clamp(13px, 3.8vw, 16px);--content-margin:60px;--main-content-height:40%}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;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:1000;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;transition:max-width .3s}.infoLogo{height:var(--info-logo-height);justify-self:end}.logToggleBtn{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:6px 12px;font-family:Roboto,sans-serif;font-size:clamp(10px,3vw,12px);transition:all .3s}.logContainer{-webkit-backdrop-filter:blur(10px);color:#fff;z-index:2000;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;max-height:50%;padding:12px;font-family:Roboto,sans-serif;font-size:clamp(10px,2vw,14px);position:absolute;top:80px;left:20px;right:20px;overflow-y:auto}.logContainer pre{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;margin:0;font-family:inherit}.overlayContainer{z-index:5;pointer-events:none;justify-content:center;align-items:center;width:100%;max-width:min(500px,60dvh);display:flex;position:absolute;top:45%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.maskContainer{z-index:5;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;padding-bottom:10vh;display:flex;position:absolute;top:0;left:0;overflow:visible}.laptopMask{object-fit:contain;width:100%;max-width:min(500px,60dvh);height:auto;display:block}.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%)}.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)}}.bottomControls{z-index:10;flex-direction:column;align-items:center;width:100%;padding-top:120px;padding-bottom:20px;display:flex;position:absolute;bottom:0;left:0}.viewsIndicator{color:#fff;letter-spacing:.5px;justify-content:center;align-items:center;height:74px;margin-bottom:0;font-size:clamp(16px,4.5vw,18px);display:flex}.captureBtnContainer{justify-content:center;align-items:center;height:74px;margin-bottom:0;display:flex}.captureBtn{cursor:pointer;width:74px;height:74px;transition:transform .2s}.captureBtn:active{transform:scale(.95)}.footerText{color:#fff;font-size:var(--footer-font-size);text-align:center;letter-spacing:.2px;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;min-height:65px;margin-top:0;padding:0 10px 15px;display:flex;position:relative}.errorText{color:#fff;font-size:var(--footer-font-size);margin:6px 0}.footerContent{text-align:center;color:#fff;font-size:var(--footer-font-size)}.uploadProgressContainer{flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:320px;height:74px;margin-bottom:12px;display:flex}.progressWrapper{align-items:center;gap:12px;width:100%;display:flex}.progressBarTrack{background-color:#fff6;border-radius:2px;flex:1;height:4px;overflow:hidden}.progressBarFill{background-color:#175ec1;height:100%;transition:width .3s}.progressText{color:#fff;text-align:right;min-width:35px;font-size:14px}.successCheckmarkImg{border-radius:50%;width:68px;height:68px;box-shadow:0 2px 6px #0000004d}.errorScreenContainer{color:#fff;text-align:center;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:20px;display:flex}.errorDellLogo{max-width:150px;margin-bottom:30px}.errorTitle{margin-bottom:12px;font-size:24px}.errorMessage{color:#aaa;max-width:300px;font-size:16px}.cameraErrorOverlay{z-index:9999;color:#fff;text-align:center;background:#000;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.webcamHidden{opacity:0}.capturedImageFeed{z-index:2;transform:translateZ(0)}.hidden{display:none!important}.progressBarFillError{background-color:#f44}.manualModeText{margin-top:6px}@media (width<=768px){.viewsIndicator{align-items:center;height:74px;margin-bottom:0}}@media (height<=700px){.bottomControls{padding-bottom:10px}.captureBtnContainer,.uploadProgressContainer{margin-bottom:0}.viewsIndicator{height:74px;margin-bottom:0}.footerText{margin-top:0}}@media (height<=779px){:root{--info-logo-height:16px;--content-margin:45px;--main-content-height:38%}}@media (height<=649px){:root{--info-logo-height:14px;--content-margin:30px;--main-content-height:35%}}@media (height<=499px){:root{--dellLogo-max-width:34%;--info-logo-height:20px;--content-margin:15px;--main-content-height:50%}}@media (width>=380px) and (height>=800px){.captureBtn{width:82px;height:82px}.captureBtnContainer,.uploadProgressContainer{height:82px}.successCheckmarkImg{width:76px;height:76px}}:root{--popup-width:88%;--popup-padding:18px 24px;--popup-header-font-size:clamp(19px, 5.5vw, 24px);--popup-close-btn-height:16px;--popup-li-font-size:clamp(13px, 4.6vw, 17px);--popup-li-margin-bottom:20px;--popup-got-it-height:44px;--popup-got-it-font-size:clamp(14px, 4vw, 16px);--popup-header-margin-bottom:16px;--popup-box-height:clamp(480px, 70vh, 690px);--popup-max-width:420px}.popupBackdrop{z-index:999;background:#0009;justify-content:center;align-items:center;width:100vw;height:100dvh;padding-top:35px;display:flex;position:fixed;top:0;left:0}.popupContainer{width:var(--popup-width);max-width:var(--popup-max-width);height:var(--popup-box-height);padding:var(--popup-padding);pointer-events:all;background:#fff;flex-direction:column;display:flex;box-shadow:0 4px 12px #00000026}.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:#175ec1;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;flex:1;width:100%;overflow-y:auto}.guidelinesContent ul{margin:0;padding-left:18px}.guidelinesContent li{margin-bottom:var(--popup-li-margin-bottom);font-size:var(--popup-li-font-size);line-height:1.5}.gotItBtn{width:100%;height:var(--popup-got-it-height);min-height:var(--popup-got-it-height);color:#fff;font-size:var(--popup-got-it-font-size);cursor:pointer;background:#175ec1;border:none;margin-top:16px;font-weight:500}@media (height<=779px){:root{--popup-width:88%;--popup-max-width:340px;--popup-padding:16px 20px;--popup-header-font-size:clamp(19px, 5vw, 21px);--popup-li-font-size:clamp(13px, 4.6vw, 16px);--popup-li-margin-bottom:16px;--popup-got-it-height:40px;--popup-header-margin-bottom:12px;--popup-box-height:clamp(440px, 70vh, 550px)}}@media (height<=649px){:root{--popup-width:88%;--popup-max-width:310px;--popup-padding:14px 16px;--popup-header-font-size:19px;--popup-li-font-size:13px;--popup-li-margin-bottom:14px;--popup-got-it-height:38px;--popup-header-margin-bottom:10px;--popup-box-height:clamp(420px, 70vh, 490px)}}:root{--completed-popup-min-height:200px;--completed-popup-gap:30px;--completed-popup-img-height:75px;--completed-popup-font-size:18px;--completed-popup-width:88%;--completed-popup-max-width:420px}.completedPopupContainer{min-height:var(--completed-popup-min-height);width:var(--completed-popup-width);max-width:var(--completed-popup-max-width);justify-content:center;align-items:center;gap:var(--completed-popup-gap);background-color:#fff;flex-direction:column;margin:auto;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:170px;--completed-popup-gap:22px;--completed-popup-img-height:62px;--completed-popup-font-size:16px;--completed-popup-width:88%;--completed-popup-max-width:340px}}@media (height<=649px){:root{--completed-popup-min-height:145px;--completed-popup-gap:16px;--completed-popup-img-height:50px;--completed-popup-font-size:14px;--completed-popup-width:88%;--completed-popup-max-width:310px}}.errorScreenOverlay{z-index:9999;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0}.errorScreenCard{text-align:center;background-color:#fff;flex-direction:column;align-items:center;width:85%;max-width:320px;padding:30px 24px;display:flex;transform:translateY(-2vh);box-shadow:0 4px 6px #0000001a}.errorScreenTitle{color:#000;margin-top:0;margin-bottom:16px;font-size:20px;font-weight:600}.errorScreenMessage{color:#000;margin-bottom:24px;font-size:15px;line-height:1.4}.errorScreenButton{color:#fff;cursor:pointer;background-color:#125ec2;border:none;width:100%;height:42px;font-size:14px;font-weight:500;transition:background-color .2s}@media (height<=779px){.errorScreenButton{height:40px}}@media (height<=649px){.errorScreenButton{height:38px}}:root{--intro-width:88%;--intro-padding-top:18px;--intro-padding-x:24px;--intro-padding-bottom:18px;--intro-header-font-size:clamp(19px, 5.5vw, 24px);--intro-close-btn-height:16px;--intro-btn-height:44px;--intro-btn-font-size:clamp(14px, 4vw, 16px);--intro-header-margin-bottom:16px;--intro-box-height:clamp(480px, 70vh, 690px);--intro-max-width:420px}.introPopupBackdrop{z-index:999;background:#0009;justify-content:center;align-items:center;width:100vw;height:100dvh;padding-top:35px;display:flex;position:fixed;top:0;left:0}.introPopupContainer{width:var(--intro-width);max-width:var(--intro-max-width);height:var(--intro-box-height);padding:var(--intro-padding-top) var(--intro-padding-x) var(--intro-padding-bottom);pointer-events:all;background:#fff;flex-direction:column;display:flex;box-shadow:0 4px 12px #00000026}.introPopupHeader{width:100%;margin-bottom:var(--intro-header-margin-bottom);justify-content:space-between;align-items:center;display:flex}.introPopupHeader h2{font-size:var(--intro-header-font-size);color:#175ec1;margin:0;font-weight:400}.introCloseBtn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.introCloseBtn img{max-height:var(--intro-close-btn-height);object-fit:contain}.introPopupContent{width:calc(100% + (var(--intro-padding-x) * 2));margin-left:calc(var(--intro-padding-x) * -1);margin-right:calc(var(--intro-padding-x) * -1);flex:1;justify-content:center;align-items:center;min-height:0;margin-top:12px;display:flex;overflow:hidden}.introPopupContent img{object-fit:contain;width:100%;height:100%;display:block}.introStartBtn{width:100%;height:var(--intro-btn-height);min-height:var(--intro-btn-height);color:#fff;font-size:var(--intro-btn-font-size);cursor:pointer;background:#175ec1;border:none;margin-top:0;font-weight:500}@media (height<=779px){:root{--intro-width:88%;--intro-max-width:340px;--intro-padding-top:16px;--intro-padding-x:20px;--intro-padding-bottom:16px;--intro-header-font-size:clamp(19px, 5vw, 21px);--intro-btn-height:40px;--intro-header-margin-bottom:12px;--intro-box-height:clamp(440px, 70vh, 550px)}}@media (height<=649px){:root{--intro-width:88%;--intro-max-width:310px;--intro-padding-top:14px;--intro-padding-x:16px;--intro-padding-bottom:14px;--intro-header-font-size:19px;--intro-btn-height:38px;--intro-header-margin-bottom:10px;--intro-box-height:clamp(420px, 70vh, 490px)}}