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%;--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:10000;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}.dellLogo{width:100%;max-width:min(var(--dellLogo-max-width), 160px);object-fit:contain;transition:max-width .3s}.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%)}.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;pointer-events:none;flex-direction:column;align-items:center;width:100%;padding-top:120px;padding-bottom:20px;display:flex;position:absolute;bottom:0;left:0}.captureBtnContainer{pointer-events:auto;justify-content:center;align-items:center;width:100%;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;pointer-events:auto;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}.uploadProgressContainer{pointer-events:auto;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}.webcamHidden{opacity:0}.capturedImageFeed{z-index:2;transform:translateZ(0)}.hidden{display:none!important}.progressDotsContainer{z-index:100;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:100%;padding:0 20px;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:20px;height:20px;display:flex}.progressDot.green{background-color:#34c759;border:none}.summaryGridContainer{z-index:200;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100dvh;display:flex;position:absolute;inset:0;overflow:hidden}.summaryGridBackdrop{-webkit-backdrop-filter:blur(4px);z-index:-1;background-color:#00000080;position:absolute;inset:0}.summaryGridItems{z-index:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:8px;width:100%;max-width:500px;margin:0;padding:0 16px 16px;display:grid;position:absolute;top:130px;bottom:190px;left:50%;overflow-y:auto;transform:translate(-50%)}.summaryGridItem{text-align:center;flex-direction:column;display:flex;position:relative}.summaryGridItemImgWrapper{aspect-ratio:1;width:100%;position:relative}.summaryGridItemImg{object-fit:cover;cursor:pointer;border:none;border-radius:16px;width:100%;height:100%;position:absolute;top:0;left:0}.summaryGridItemPlaceholder{cursor:pointer;background-color:#0000;border:1.5px solid #fff;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.summaryGridItemRemoveBtn{cursor:pointer;z-index:10;background-color:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:8px;right:8px}.summaryGridItemRemoveBtn svg{stroke:#000;width:14px;height:14px}.expandedImageOverlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background-color:#0009;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100dvh;padding-top:130px;display:flex;position:fixed;inset:0}.expandedImageContainer{flex-direction:column;justify-content:flex-start;align-items:center;width:88%;max-width:440px;display:flex;position:relative}.expandedImageCloseBtn{cursor:pointer;z-index:10001;background:0 0;border:none;padding:0;display:flex;position:absolute;top:-40px;right:0}.expandedImageImg{object-fit:cover;border-radius:20px;width:100%;height:auto;max-height:62vh;box-shadow:0 4px 20px #00000040}.actionButtonsContainer{justify-content:center;align-items:center;gap:12px;width:100%;max-width:400px;margin-bottom:16px;padding:0 16px;display:flex}.btnPreviewUpload{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #fff;border-radius:30px;flex:1;padding:14px 12px;font-size:clamp(13px,3.5vw,15px);font-weight:500;transition:all .2s}.btnKeepSnapping{color:#fff;cursor:pointer;white-space:nowrap;background:#175ec1;border:1.5px solid #175ec1;border-radius:30px;flex:1;padding:14px 12px;font-size:clamp(13px,3.5vw,15px);font-weight:500;transition:all .2s}.btnPreviewUpload:active,.btnKeepSnapping:active{transform:scale(.96)}@media (width<=768px){.viewsIndicator{align-items:center;height:74px;margin-bottom:0}}@media (height<=779px){:root{--content-margin:45px;--main-content-height:38%}.summaryGridItems{top:110px;bottom:180px}.expandedImageOverlay{padding-top:110px}}@media (height<=700px){.bottomControls{padding-bottom:10px}.captureBtnContainer,.uploadProgressContainer{margin-bottom:0}.viewsIndicator{height:74px;margin-bottom:0}.footerText{margin-top:0}.summaryGridItems{top:95px;bottom:170px}.expandedImageOverlay{padding-top:95px}}@media (height<=649px){:root{--content-margin:30px;--main-content-height:35%}.summaryGridItems{top:80px;bottom:150px}.expandedImageOverlay{padding-top:80px}}@media (height<=499px){:root{--dellLogo-max-width:34%;--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{--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}}