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:100%;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;justify-content:center;align-items:center;width:100%;padding:24px 20px;display:flex;position:absolute;top:0;left:0}.topBarLeft{gap:8px;display:flex;position:absolute;left:20px}.topBarRight{display:flex;position:absolute;right:20px}.topBarBtn{cursor:pointer;background:0 0;border:none;padding:0;display:flex}.dellLogo{width:100%;max-width:min(var(--dellLogo-max-width), 160px);object-fit:contain;transition:max-width .3s}.infoLogo{height:var(--info-logo-height)}.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}.scanReticle{pointer-events:none;z-index:10;width:220px;height:220px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #00000073}.reticleCorner{border-style:solid;border-color:#fff;width:40px;height:40px;transition:border-color .2s;position:absolute}.reticle-tl{border-width:3px 0 0 3px;top:0;left:0}.reticle-tr{border-width:3px 3px 0 0;top:0;right:0}.reticle-bl{border-width:0 0 3px 3px;bottom:0;left:0}.reticle-br{border-width:0 3px 3px 0;bottom:0;right:0}.reticleCorner.success{border-color:#34c759!important}.laptopMask{object-fit:contain;width:100%;max-width:min(500px,60dvh);height:auto;display:block}.laptopMask.reducedMask{width:94%}.rotate180{transform:rotate(180deg)}.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:210;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{z-index:9999;color:#fff;text-align:center;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;padding:20px;display:flex;position:absolute;top:0;left:0}.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}.progressDotsContainer{z-index:100;justify-content:center;align-items:center;gap:0;width:100%;display:flex;position:absolute;top:85px}.progressDotWrapper{align-items:center;display:flex}.progressDot{box-sizing:border-box;background-color:#0000;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.progressDot.green{background-color:#34c759;border:none}.progressDotLine{background-color:#fff;width:clamp(14px,4vw,24px);height:2px}.progressDotLine.green{background-color:#34c759}.progressDotLine.transparent{background-color:#0000}.summaryGridContainer{z-index:200;flex-direction:column;width:100%;height:100dvh;padding:100px 10px 40px;display:flex;position:absolute;inset:0;overflow-y:auto}.summaryGridBackdrop{-webkit-backdrop-filter:blur(4px);z-index:-1;background-color:#00000080;position:absolute;inset:0}.summaryGridItems{grid-template-columns:repeat(3,1fr);gap:32px 12px;width:100%;max-width:600px;margin:0 auto 40px;display:grid}.summaryGridItem{text-align:center;flex-direction:column;display:flex;position:relative}.summaryGridItemTitle{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:clamp(10px,3vw,12px)}.summaryGridItemImgWrapper{aspect-ratio:1;width:100%;position:relative}.summaryGridItemImg{object-fit:cover;cursor:pointer;border:none;border-radius:0;width:100%;height:100%;position:absolute;top:0;left:0}.summaryGridItemPlaceholder{cursor:pointer;background-color:#ffffff1a;border:1px dashed #fff6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.summaryGridItemPlaceholderIcon{color:#fff;font-size:32px;font-weight:300}.summaryGridItemRemoveBtn{cursor:pointer;z-index:10;background-color:#ffffffbf;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:6px;right:6px}.summaryGridItemRemoveBtn svg{stroke:#000;width:12px;height:12px}.summaryGridFooter{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;margin-top:auto;display:flex}.summaryUploadBtn{cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;margin-bottom:16px;padding:0;display:flex}.summaryUploadBtn img{object-fit:contain;width:74px;height:74px;transition:transform .2s}.summaryUploadBtn img:active{transform:scale(.95)}.summaryGridFooter span{color:#fff;font-size:clamp(14px,4vw,16px)}.expandedImageOverlay{z-index:9999;background-color:#000000d9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:fixed;inset:0}.expandedImageContainer{width:var(--intro-width,88%);max-width:var(--intro-max-width,420px);height:var(--intro-box-height,690px);flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative}.expandedImageHeader{width:100%;height:24px;position:absolute;top:0;left:0}.expandedImageTitle{color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin:0;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.expandedImageCloseBtn{cursor:pointer;background:0 0;border:none;padding:0;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.expandedImageImg{object-fit:contain;border-radius:0;width:100%;max-width:100%;max-height:calc(100% - 60px);margin-top:40px}.landingPageContainer{z-index:3000;background-color:#000;flex-direction:column;align-items:center;width:100%;height:100dvh;padding:40px 20px;display:flex;position:absolute;top:0;left:0;overflow-y:auto}.landingPageTitle{color:#fff;letter-spacing:.5px;margin-bottom:24px;font-size:20px;font-weight:500}.landingPageBtn{width:100%;max-width:320px;margin-bottom:16px;padding:16px;font-size:16px}.landingPageDivider{border-top:1px solid #fff3;flex-direction:column;gap:12px;width:100%;max-width:320px;margin-top:10px;padding-top:20px;display:flex}.landingPageSubtitle{color:#aaa;text-align:center;margin-bottom:8px;font-size:14px}.landingPageSmallBtn{width:100%;padding:12px;font-size:14px}@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}.summaryUploadBtn img{width:82px;height:82px}}: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)}}.codeIdTitle{color:#125ec2}.codeIdContent{flex-direction:column;flex:1;justify-content:flex-start;width:100%;margin-top:0;padding-top:10px;display:flex}.codeIdLabel{color:#111;text-align:left;margin-bottom:8px;font-size:14px;font-weight:500}.codeIdBox{color:#fff;box-sizing:border-box;background:#000;align-items:center;width:100%;height:44px;margin-bottom:45px;padding:0 14px;display:flex}.codeIdValue{letter-spacing:.5px;text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:16px;font-weight:400;overflow:hidden}.codeIdInput{box-sizing:border-box;color:#333;border:1px solid #000;outline:none;width:100%;height:44px;margin-bottom:12px;padding:0 14px;font-size:16px}.codeIdInput::placeholder{color:#a3a3a3}.codeIdInput:focus{border-color:#0176ce;outline:1px solid #0176ce}.codeIdHint{color:#0176ce;text-align:center;max-width:90%;margin:0 auto 35px;font-size:14px;font-weight:400;line-height:1.4}.codeIdBtnWrapper{gap:16px;width:100%;margin-top:auto;display:flex}.codeIdBtn{height:var(--intro-btn-height,44px);color:#fff;font-size:var(--intro-btn-font-size,16px);cursor:pointer;background:#0176ce;border:none;flex:1;font-weight:500}