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{--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:#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;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:#0176ce;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{--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:#125ec2;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:#0176ce;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)}}.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}}.ledStatusContent{color:#000;flex-direction:column;flex:1;align-items:flex-start;width:100%;height:100%;display:flex}.caseIdentified{text-align:left;margin-top:32px;font-size:clamp(14px,4vw,16px);font-weight:400;line-height:1.2}.caseTitle{color:#125ec2;text-align:left;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:18px;font-size:clamp(28px,7vw,34px);font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.ledPatternSection{width:100%;margin-top:auto}.ledPatternTitle{text-align:left;margin-bottom:20px;font-size:clamp(14px,4vw,16px);font-weight:400}.ledRow{align-items:center;width:100%;margin-bottom:18px;display:flex}.ledLabel{text-align:left;flex-shrink:0;width:78px;font-size:clamp(14px,4vw,18px);font-weight:400;line-height:1}.ledIndicators{flex:1;justify-content:space-between;align-items:center;display:flex}.ledCircle{box-sizing:border-box;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:600;display:flex}.ledCircle.amber{color:#fff;border:1px solid #eaeaea}.ledCircle.amber.active{background:#ffa82f;border:1px solid #e38400}.ledCircle.white{border:1px solid #eaeaea}.ledCircle.white.active{background:#fff;border:1px solid #707070}.ledDivider{background:#707070;flex-shrink:0;width:100%;height:1px;margin-top:10px;margin-bottom:24px}.ledMessage{text-align:left;width:100%;margin-bottom:15px;font-size:clamp(11px,3.2vw,15px);font-weight:400;line-height:1.4}.ledActionButtons{gap:24px;width:100%;margin-top:34px;display:flex}.ledActionBtn{color:#fff;cursor:pointer;background:#0176ce;border:none;flex:1;height:40px;min-height:40px;font-size:clamp(14px,4vw,16px);font-weight:500}.ledActionBtn:active{transform:scale(.98)}@media (height<=779px){.caseIdentified{margin-top:28px}.caseTitle{margin-top:16px}.ledPatternTitle{margin-bottom:16px}.ledRow{margin-bottom:14px}.ledDivider{margin-top:8px;margin-bottom:18px}.ledActionButtons{gap:16px;margin-top:24px}}@media (height<=649px){.caseIdentified{margin-top:18px;font-size:13px}.caseTitle{margin-top:14px;font-size:26px}.ledPatternTitle{margin-bottom:14px;font-size:14px}.ledLabel{width:62px;font-size:14px}.ledRow{margin-bottom:12px}.ledDivider{margin-top:6px;margin-bottom:16px}.ledMessage{font-size:11px;line-height:1.3}.ledActionButtons{gap:14px;margin-top:18px}.ledActionBtn{height:38px;min-height:38px;font-size:14px}}@media (width<=380px){.caseTitle{font-size:26px}.ledCircle{width:18px;height:18px;font-size:11px}}.manual-mode-content{flex-direction:column;flex:1;display:flex}.manual-mode-description{color:#111;margin:24px 0 0;font-size:clamp(14px,4vw,16px);font-weight:400;line-height:1.2}.blink-section{margin-top:42px}.white-section{margin-top:32px}.blink-title{color:#111;margin:0;font-size:clamp(16px,4.5vw,18px);font-weight:600;line-height:1.5}.blink-subtitle{color:#a9a9a9;margin:2px 0 0;font-size:clamp(11px,3vw,13px);font-weight:400;line-height:1.2}.blink-options{align-items:center;gap:6px;margin-top:14px;display:flex}.blink-option{color:#fff;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#d7d7d7;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;margin:0;padding:0;font-size:11px;font-weight:600;display:flex}.blink-option-amber-selected{color:#fff;background:#f99b24}.blink-option-white-selected{color:#111;background:#fff;border:1px solid #111}.manual-mode-validate{color:#fff;cursor:default;background:#a8d2ef;border:none;width:100%;height:44px;min-height:44px;margin-top:auto;font-size:clamp(14px,4vw,16px);font-weight:500}.manual-mode-validate-active{cursor:pointer;background:#0176ce}@media (height<=779px){.manual-mode-description{margin-top:18px}.blink-section{margin-top:32px}.white-section{margin-top:26px}.blink-options{gap:5px}.blink-option{width:24px;height:24px;font-size:10px}.manual-mode-validate{height:40px;min-height:40px}}@media (height<=649px){.manual-mode-description{margin-top:12px}.blink-section{margin-top:24px}.white-section{margin-top:20px}.blink-options{gap:4px}.blink-option{width:20px;height:20px;font-size:9px}.manual-mode-validate{height:38px;min-height:38px}}@media (width<=380px){.blink-options{gap:4px}.blink-option{width:22px;height:22px;font-size:10px}}: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}.infoHeaderBtn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.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}.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}.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)}.timerContainer{cursor:pointer;justify-content:center;align-items:center;width:74px;height:74px;display:flex;position:relative}.timerSvg{position:absolute;top:0;left:0;overflow:visible}.timerCenter{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.timerRedBox{color:#fff;letter-spacing:.5px;background-color:#f02b1d;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:400;display:flex}.successCheckmarkImg{border-radius:50%;width:68px;height:68px;box-shadow:0 2px 6px #0000004d}.processingSpinnerContainer{justify-content:center;align-items:center;width:74px;height:74px;display:flex}.placeholderControl{width:74px;height:74px}.cssSpinner{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:44px;height:44px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.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}@media (width<=768px){.viewsIndicator{align-items:center;height:74px;margin-bottom:0}}@media (height<=700px){.bottomControls{padding-bottom:10px}.captureBtnContainer{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,.timerContainer,.processingSpinnerContainer,.placeholderControl{width:82px;height:82px}.captureBtnContainer{height:82px}.successCheckmarkImg{width:76px;height:76px}.timerRedBox{border-radius:11px;width:36px;height:36px;font-size:16px}}
