:root{--background:#fff;--foreground:#171717}html,body{color:#333;max-width:100vw;min-height:100vh;font-size:16px}body{color:var(--foreground);background:var(--background);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}.page{height:var(--app-height,100vh);flex-direction:column;width:100dvw;display:flex}.saving-data-container{width:100dvw;height:var(--app-height,100vh);z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.saving-data{box-sizing:border-box;border:3px solid #fff;border-color:#fff #fff #0000 #0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block;position:relative}.saving-data:after,.saving-data:before{content:"";box-sizing:border-box;transform-origin:50%;border:3px solid #0000;border-color:#0000 #0000 #0071b6 #0071b6;border-radius:50%;width:40px;height:40px;margin:auto;animation:.5s linear infinite rotationBack;position:absolute;inset:0}.saving-data:before{border-color:#fff #fff #0000 #0000;width:32px;height:32px;animation:1.5s linear infinite rotation}#loading-data{box-sizing:border-box;border:3px solid #83d1db;border-color:#83d1db #83d1db #0000 #0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block;position:relative}#loading-data:after,#loading-data:before{content:"";box-sizing:border-box;transform-origin:50%;border:3px solid #0000;border-color:#0000 #0000 #0d89ca #0d89ca;border-radius:50%;width:40px;height:40px;margin:auto;animation:.5s linear infinite rotationBack;position:absolute;inset:0}#loading-data:before{border-color:#164780 #164780 #0000 #0000;width:32px;height:32px;animation:1.5s linear infinite rotation}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}a{text-decoration:none}.navBar{border-bottom:1px solid #ccc;justify-content:center;align-items:center;padding:10px;font-size:1.125rem;display:flex;position:relative}.display-none{display:none!important}.back-button{color:#007bff;background-color:#fff;border:none;align-items:center;gap:1px;padding:10px;font-size:1.125rem;display:flex;position:absolute;top:0;left:0}.modal{padding:20px}.modal-dialog{margin:0 auto!important}.modal-content{position:relative}.close{background-color:#0000;border:none;margin:12px;position:absolute;top:0;right:0}.close img{width:25px;height:25px}.modal-content,.modal-body{margin:auto;position:unset!important;padding:10px 0!important}.select-image-set-type .selected{background-color:#3692d31a}.select-image-set-type .disabled{color:#fff;background-color:#ccc;border:none}.select-image-set-type .disabled:hover{background-color:#ccc;border:none}.select-extra-image-type,.select-image-set-type{flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;margin:10px 0;display:flex}.select-extra-image-type h2,.select-image-set-type h2{font-size:1.125rem}.select-extra-image-type div,.select-image-set-type div{text-align:center;cursor:pointer;border:1px solid #0071b6;border-radius:6px;width:100%;padding:5px 10px}.select-extra-image-type div:hover,.select-image-set-type div:hover{background-color:#3692d31a;border:1px solid #0071b6}.image-gallery-header{justify-content:space-between;align-items:center;padding:10px 10px 5px;display:flex;position:relative}.dropdown-container{background-color:#0000;border:none;justify-content:center;align-items:center;display:flex}.dropdown-container .dropdown-trigger{height:fit-content;padding-left:5px;display:flex}.dropdown-container.disabled{cursor:default!important}.menu{visibility:hidden;z-index:99999;background:#fff;border:none;border-radius:2px;width:80vw;height:85vh;margin:auto;padding:10px;position:fixed;inset:0;overflow-y:auto;box-shadow:0 1px 8px #0000004d}.menu.active{opacity:1;visibility:visible}.images-gallery-container{flex-grow:1;height:fit-content}.images-gallery{flex-wrap:wrap;justify-content:flex-start;gap:2%;margin:5px 10px 0;display:flex}.images-gallery .image-container{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2%;display:flex;aspect-ratio:1!important;width:32%!important}.images-gallery .image-container img{max-width:100%;max-height:100%}.images-gallery .image-container img.default{width:100%;height:autos;padding:0 5px}.images-gallery .image-container img.extra{width:100px;max-width:60%}.images-gallery .image-container .extra-image-title{color:#cbcbcb;text-align:center;font-size:.8rem;font-weight:700;line-height:1rem}.images-gallery .image-container:has(img.default){background-color:#f2f2f2}.images-gallery .image-container:has(img.extra){border:2px solid #e5e5e5}.images-gallery .add-extra-image-type-container{border:2px dashed #e5e5e5;background-color:#fff!important}.images-gallery .add-extra-image-type{width:40%;height:auto}.input-custom-image-type{background-color:#0000;border:none!important;height:fit-content!important;padding:0!important}.input-custom-image-type input{height:49px;margin:10px 0 20px!important}.info-text-container{justify-content:center;margin:0 15px;display:flex}.info-text{color:#7d7b7b;text-align:center;margin-bottom:5px;font-size:.87rem}.enter-button{color:#fff;text-align:center;background-color:#0071b6;border:1px solid #0071b6;border-radius:6px;width:100%;margin:0 10px;padding:10px;font-size:1.125rem;position:relative;bottom:0;left:0;right:0}.start-button{color:#fff;text-align:center;background-color:#0071b6;border:1px solid #0071b6;border-radius:6px;margin:0 10px;padding:10px;font-size:1.125rem;position:relative;bottom:0;left:0;right:0}.save-button{color:#fff;text-align:center;background-color:#0071b6;border:1px solid #0071b6;border-radius:6px;margin:10px;padding:10px;font-size:1.125rem;font-weight:700;position:relative;bottom:0;left:0;right:0}.save-button.disabled,.start-button.disabled{opacity:.65;color:#ccc;background-color:#0000;border:1px solid #ccc}.camera-container{z-index:9999;height:var(--app-height,100vh);background-color:#252525;border:none;flex-direction:column;justify-content:space-between;display:flex;position:fixed;top:0;left:0;right:0}.camera-placeholder{z-index:10000;background-color:#252525;margin:0 auto;position:relative}.camera-stream{flex-grow:1;justify-content:center;align-items:center;width:100dvw;min-height:0;margin:0 auto;display:flex;position:relative}.camera-stream .camera{object-fit:cover;object-position:50% 50%;width:100%;height:100%}.camera-overlay-lines{text-align:center;align-items:center;max-width:100dvw;display:flex;position:absolute;inset:0}.camera-overlay-lines img{width:auto;max-width:100dvw;height:100%;margin:0 auto;display:block}.camera-overlay{text-align:center;justify-content:center;align-items:center;max-width:100dvw;display:flex;position:absolute;inset:0}.camera-overlay img{width:100dvw;max-width:100dvw;height:100%;margin:0 auto;display:block}.zoom-options-container{justify-content:center;align-items:center;width:100dvw;height:fit-content;display:flex;position:absolute;bottom:0;left:0;right:0}.zoom-options{background-color:#b7b7b780;border-radius:20px;gap:7px;width:fit-content;margin-bottom:5px;padding:7px;display:flex}.zoom-options span{color:#fff;background-color:#3d3835;border-radius:20px;padding:2px 7px;font-size:.85rem}.zoom-options span.selected{color:#c4763a}.camera-header{flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:15px;display:flex}.camera-header .cancel{width:auto;height:25px}.camera-header .flash{width:auto;height:30px}.camera-footer{background-color:#252525;border:none;flex-shrink:0;padding-bottom:20px}.camera-footer p{color:#ccc;text-align:center;margin:0 auto;padding:10px 10px 35px;font-weight:700}.camera-footer button{background-color:#0000;border:none;margin:0 auto;padding:0;display:block}.camera-footer button,.camera-footer svg{width:70px;height:70px}.camera-footer .take-photo-container{position:relative}.camera-footer .take-photo-container .processing-photo-spinner{box-sizing:border-box;border:3px solid #fff;border-color:#fff #fff #0000 #0000;border-radius:50%;width:60px;height:60px;margin:5px auto;animation:1s linear infinite rotation;position:relative}.camera-footer .take-photo-container .processing-photo-spinner:after,.camera-footer .take-photo-container .processing-photo-spinner:before{content:"";box-sizing:border-box;transform-origin:50%;border:3px solid #0000;border-color:#0000 #0000 #0d89ca #0d89ca;border-radius:50%;width:50px;height:50px;margin:auto;animation:.5s linear infinite rotationBack;position:absolute;inset:0}.camera-footer .take-photo-container .processing-photo-spinner:before{border-color:#fff #fff #0000 #0000;width:40px;height:40px;animation:1.5s linear infinite rotation}.camera-footer .take-photo-container .skip{color:#fff;width:fit-content;height:100%;padding-left:calc(25% - 41px);font-size:1.125rem;font-weight:700;position:absolute;top:0;left:0}.camera-footer .take-photo-container .use-mirror-container{width:70px;height:70px;margin-right:calc(25% - 50px);position:absolute;top:0;right:0}.camera-footer .take-photo-container .use-mirror-container .use-mirror-position-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.camera-footer .take-photo-container .use-mirror-container .use-mirror-position-container .use-mirror-text{text-align:center;color:#fff;font-size:1.125rem;font-weight:700}.camera-footer .take-photo-container .use-mirror-container .use-mirror-position-container .no-mirror-indicator{width:40px;height:40px;margin-top:15px;position:absolute;top:0}.camera-footer .photoOptions{flex-grow:1;justify-content:space-evenly;padding-top:10px;display:flex}.camera-footer .photoOptions img{fill:#fff;width:30px;height:30px}.camera-footer .photoOptions img.delete{width:25px;height:30px}.alert{text-align:center;border:1px solid #000;border-radius:.25rem;margin:15px;display:block;margin:.5rem!important;padding:.75rem!important}.alert a,.alert .link,.alert span.text-link{font-weight:700}.alert a:hover,.alert .link:hover,.alert span.text-link:hover{text-decoration:underline}.alert.alert-primary{color:#1d3f88;background-color:#c9d8f9;border-color:#b7cbf7}.alert.alert-primary a,.alert.alert-primary .link,.alert.alert-primary span.text-link{color:#193e8c}.alert.alert-secondary{color:#353535;background-color:#e7e7e7;border-color:#dbdbdb}.alert.alert-secondary a,.alert.alert-secondary .link,.alert.alert-secondary span.text-link{color:#373232}.alert.alert-success{color:#29573f;background-color:#d2eade;border-color:#badecc}.alert.alert-success a,.alert.alert-success .link,.alert.alert-success span.text-link{color:#265a3f}.alert.alert-danger{color:#6e2434;background-color:#f2d7dd;border-color:#edc8d0}.alert.alert-danger a,.alert.alert-danger .link,.alert.alert-danger span.text-link{color:#722032}.alert.alert-warning{color:#a2690d;background-color:#fcf1e0;border-color:#fae7c9}.alert.alert-warning a,.alert.alert-warning .link,.alert.alert-warning span.text-link{color:#764b06}.alert.alert-orange{color:#8b2819;background-color:#fbdfdb;border-color:#facfc8}.alert.alert-orange a,.alert.alert-orange .link,.alert.alert-orange span.text-link{color:#902515}.alert.alert-purple{color:#3a2155;background-color:#e3d5f2;border-color:#d3beea}.alert.alert-purple a,.alert.alert-purple .link,.alert.alert-purple span.text-link{color:#3a1e58}.alert.alert-pink{color:#a11c47;background-color:#fce0e9;border-color:#fad2df}.alert.alert-pink a,.alert.alert-pink .link,.alert.alert-pink span.text-link{color:#a61845}.alert.alert-light{color:#7f7f7f;background-color:#e5e5e5;border-color:#d8d8d8}.alert.alert-light a,.alert.alert-light .link,.alert.alert-light span.text-link{color:#6b6060}.alert.alert-dark{color:#000;background-color:#7c7c7c;border-color:#666}.alert.alert-dark a,.alert.alert-dark .link,.alert.alert-dark span.text-link{color:#000}#global-loader{z-index:9999;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex;position:fixed;inset:0}#global-loader-text{color:#6b7280;margin:0;font-size:16px}
