.smart-capture-container{--CAMERA-ASPECT-RATIO: 0.75;display:block;max-width:100%;max-height:100%;margin:auto;background-color:#fff;border-radius:5px}.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 .actions{display:none}.smart-capture-container .smart-capture-sdk .loader{display:none;position:absolute;animation:scan-image 2s linear infinite alternate;width:100%}@keyframes scan-image{0%{top:0}100%{top:80%}}.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.capture-mode .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.capture-mode .indicators{padding-inline:.5rem}}.smart-capture-container .smart-capture-sdk.capture-mode .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.capture-mode .indicators label{width:5rem;padding-inline:12px}}.smart-capture-container .smart-capture-sdk.capture-mode .indicators label span{font-weight:500}.smart-capture-container .smart-capture-sdk.capture-mode .indicators label.invalid{background-color:#ea4431;border-color:#9d2b23}@keyframes snapshotBlink{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.smart-capture-container .smart-capture-sdk.review-mode canvas{animation:snapshotBlink .3s ease-in-out}.smart-capture-container .smart-capture-sdk.review-mode .actions{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-around;padding:1rem}.smart-capture-container .smart-capture-sdk.review-mode .actions button{background-color:#000;color:#fff;border:none;border-radius:5rem;padding:1rem;width:8rem}.smart-capture-container .smart-capture-sdk.processing-mode .loader{display:block}.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{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;margin-bottom:1rem}.guidelines-container .guidelines{display:grid;grid-template-columns:4rem auto;grid-template-rows:repeat(4, 1fr);gap:1rem;align-items:center;font-size:1.125rem;margin-bottom:1rem}.guidelines-container .guidelines svg{height:100%;width:100%}.guidelines-container button{position:relative;cursor:pointer}