.smart-capture-container{--CAMERA-ASPECT-RATIO: 0.75;display:block;max-width:100%;max-height:100%;margin:auto}.smart-capture-container *{box-sizing:border-box;padding:0;margin:0}.smart-capture-container .smart-capture-sdk{position:relative;overflow:hidden;width:100%;aspect-ratio:var(--CAMERA-ASPECT-RATIO)}.smart-capture-container .smart-capture-sdk video{display:none}.smart-capture-container .smart-capture-sdk canvas{width:100%;aspect-ratio:var(--CAMERA-ASPECT-RATIO)}.smart-capture-container .smart-capture-sdk.capture-mode .guidance-ellipse{width:calc(70% + 6px);height:calc(70% + 6px);border-radius:50%;box-sizing:content-box}.smart-capture-container .smart-capture-sdk.capture-mode .guidance-ellipse.overlay-border{z-index:2;border:3px solid hsla(0,0%,100%,.85)}.smart-capture-container .smart-capture-sdk.capture-mode .guidance-ellipse.blur{z-index:1;border:5000px solid hsla(0,0%,100%,.3)}.smart-capture-container .smart-capture-sdk.capture-mode .error-messages{color:#fff;z-index:3;font-size:1.25rem;text-align:center}.smart-capture-container .smart-capture-sdk.capture-mode .error-messages div{margin-bottom:.5rem}.smart-capture-container .smart-capture-sdk.capture-mode .error-messages div:last-child{margin-bottom:0}.smart-capture-container .smart-capture-sdk .indicators{position:absolute;top:.5rem;padding-inline:1rem;display:flex;justify-content:space-between;width:100%;z-index:1}@media(max-width: 600px){.smart-capture-container .smart-capture-sdk .indicators{padding-inline:.5rem}}.smart-capture-container .smart-capture-sdk .indicators label{height:3rem;width:8rem;background-color:#6cca54;padding:.5rem 1rem;border:2px #468518 solid;border-radius:.4rem;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:14px}@media(max-width: 600px){.smart-capture-container .smart-capture-sdk .indicators label{width:auto;padding-inline:12px}}.smart-capture-container .smart-capture-sdk .indicators label span{font-weight:500}.smart-capture-container .smart-capture-sdk .indicators label span:nth-child(2),.smart-capture-container .smart-capture-sdk .indicators label span:nth-child(3){display:inline-block;padding-top:.5px}.smart-capture-container .smart-capture-sdk .indicators label span:nth-child(3){display:none}.smart-capture-container .smart-capture-sdk .indicators label.invalid{background-color:#ea4431;border-color:#9d2b23}.smart-capture-container .smart-capture-sdk .indicators label.invalid span:nth-child(3){display:inline}.smart-capture-container .smart-capture-sdk .indicators label.invalid span:nth-child(2){display:none}.smart-capture-container .abs-center{position:absolute;top:50%;left:50%;translate:-50% -50%}.smart-capture-container .counter{color:#fff;font-size:6rem;font-weight:700}.smart-capture-container button{background-color:#000;color:#fff;border:none;border-radius:5rem;padding:1rem}
.guidelines-container{--GUIDE-LINE-PAGE-TIME: 6s;display:flex;justify-items:center;align-items:center;flex-direction:column;border-radius:.5rem;padding:1rem}.guidelines-container h1{font-size:1.5rem;font-weight:normal}.guidelines-container .guidelines{display:grid;grid-template-columns:4rem auto;grid-template-rows:repeat(4, 1fr);gap:1rem;align-items:center;font:1.125rem;margin-bottom:1rem}.guidelines-container .guidelines svg{height:100%;width:100%}.guidelines-container button{position:relative}.guidelines-container button .progress-container{display:none;position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#ddd;overflow:hidden}.guidelines-container button .progress-bar{width:0;height:100%;background-color:#4f504f;animation:progress var(--GUIDE-LINE-PAGE-TIME) linear forwards;border-radius:10px}@keyframes progress{0%{width:0}100%{width:100%}}