body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-text{color:#f1eeee;font-size:16px;margin-top:20px;text-align:center}.iris-tracker-container{background:#e7e7e7;border-radius:20px;height:95vh;margin:2px auto;overflow:hidden;position:relative}.header{align-items:center;display:flex;justify-content:center;left:0;padding:1rem;position:absolute;right:0;top:0;z-index:10}.title{font-size:2rem;font-weight:700;margin:0;text-transform:uppercase}.subtitle,.title{color:#fff;text-align:center}.subtitle{font-size:1.2rem;font-weight:500;margin:10px}.info-button{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem;z-index:20}.camera-container,.video-canvas{height:100%;width:100%}.video-canvas{left:0;object-fit:cover;position:absolute;top:0}.capture-button{align-items:center;background:#262626;border:none;border-radius:50%;color:#fff;cursor:pointer;height:48px;right:2rem;top:50%;transform:translateY(-50%);width:48px}.capture-button,.controls-overlay{display:flex;justify-content:center;position:absolute;z-index:20}.controls-overlay{bottom:2rem;left:0;right:0}.controls-wrapper{background:#0000;border-radius:2rem;display:flex;gap:.3rem;padding:.5rem}.dropdown{display:flex;justify-content:space-between;position:relative}.dropdown-button{align-items:center;background:#262626;border:none;border-radius:1.5rem;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.2rem;padding:.5rem 1rem}#root>div>div>div.camera-container>div>div>div:nth-child(2)>button{padding:.6rem 1rem!important}.dropdown-button:hover{background:#303030}.dropdown-menu{background:#000c;border-radius:.5rem;bottom:100%;left:60%;margin-bottom:.5rem;min-width:150px;padding:.5rem;position:absolute;transform:translateX(-50%)}.dropdown-item{align-items:center;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem}.dropdown-item:hover{background:#ffffff1a}.dropdown-item.selected{background:#fff3}.dropdown-image{border-radius:50%;height:20px;margin:0 5px;width:20px}.info-modal{align-items:center;background:#262626ce;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:30}.info-content{background:#262626;border-radius:1rem;color:#f6f6f6;max-width:500px;padding:2rem;width:90%}button{background:#f6f6f6;border-radius:10px;color:#262626;margin:auto;padding:5px 10px;width:auto}.error-message{background:#f00c;border-radius:.5rem;padding:1rem 2rem}.error-message,.loader-message{color:#fff;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:20}.captured-img-container{background:#000c;border-radius:.5rem;bottom:2rem;color:#fff;left:2rem;padding:1rem;position:fixed;z-index:20}.captured-img-container img{border-radius:.25rem;margin-top:.5rem;max-width:200px}@media (max-width:768px){.iris-tracker-container{height:90vh;width:95vw}.info-content{width:70%}.screenshot-content{width:95%!important}}.screenshot-modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.screenshot-content{background-color:#1e1e1ecc;border-radius:8px;height:auto;overflow-y:auto;padding:1rem;position:relative;text-align:center;width:auto}.screenshot-content img{border-radius:8px;display:block;height:auto;margin:0 auto;max-height:80vh;max-width:100%;width:100%}.screenshot-download{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.close-button{position:absolute;right:2px;top:2px}.camera-container{position:relative}.loading-overlay{align-items:center;background:#fffc;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:999}.spinner{animation:spin .75s linear infinite;border:4px solid #ddd;border-radius:50%;border-top-color:#262626;height:30px;margin-bottom:20px;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-overlay p{color:#333;font-size:16px}.screenshot-content img{opacity:0;transition:opacity .3s ease-in-out}.screenshot-content img.loaded{opacity:1}.hidden{display:none}
/*# sourceMappingURL=main.9e72285b.css.map*/