@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap);body{overflow:hidden}button:disabled{pointer-events:none;opacity:.5}*{margin:0;padding:0;list-style:none;text-decoration:none;font-family:Montserrat,sans-serif;font-weight:600}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.container{max-width:1440px;margin:0 auto;padding:0 15px;margin-top:15px}.header{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:50px}.logo{width:150px}.circle{border:5px solid red;border-radius:50%;width:400px;height:400px;display:flex;align-items:center;justify-content:center}.circle img{width:180px;height:150px}.instruction-text{font-style:normal;font-weight:600;font-size:20px;text-align:center;background:#168b78;border-radius:25px;color:#fff;max-width:680px;padding:10px;line-height:30px;margin:auto}.question-img{border:3px solid #168b78;border-radius:50%;width:70px;height:70px;display:flex;align-items:center;justify-content:center}.question-img img{width:30px}.arrow{width:50px}.advise{display:flex;flex-direction:column;align-items:center;float:right}.advise p{font-style:normal;font-weight:600;font-size:20px;color:#168b78}.photoBlock{display:flex;justify-content:center;align-items:center;gap:100px;float:left;left:50%;transform:translateX(-50%)}.camera-img{width:100px;height:100px}.modal{width:750px;height:-moz-max-content;height:max-content;position:fixed!important;left:50%;top:50%;transform:translateY(-300vh) translateX(-50%);background:#168b78;mix-blend-mode:normal;border-radius:25px;padding:15px 55px;transition:all .5s;overflow:hidden;display:block!important;z-index:1000}.modal-bg{position:absolute;left:0;top:0;z-index:-1;width:100%}.modal h2{font-style:normal;font-weight:600;text-align:center;color:#fff;max-width:450px;margin:0 auto 20px auto;font-size:65px}.modal ul{display:flex;flex-direction:column;max-width:1300px;gap:40px;margin-top:20px}.modal ul li{line-height:40px;color:#fff;font-size:29px}.modal ul li,button{font-style:normal;font-weight:600}button{text-align:center;color:#168b78;display:block;background:hsla(0,0%,100%,0);border-radius:15px;border:none;outline:none;cursor:pointer;font-size:44px}.question-img{width:55px;height:55px}.question-img img{width:20px}@media (max-width:600px){.arrow{width:50px}.header{gap:40px}.logo{width:100px}.circle{width:200px;height:200px;border:2px solid red}.circle img{width:150px;height:100px}.photoBlock{gap:30px}.advise{bottom:6%;right:5%}.question-img{width:40px;height:40px}.modal-bg{top:0}.instruction-text{border-radius:15px;font-size:14px;line-height:20px}.camera-img{width:80px;height:80px}.question-img img{width:15px}.advise p{font-size:12px;margin:10px}.modal{width:90vw;height:-moz-max-content;height:max-content;padding:15px 16px;border-radius:10px}.modal h2{font-size:28px}.modal ul{gap:20px;margin-top:10px}.modal ul li{line-height:30px;font-size:18px}button{font-size:24px;padding:7px;margin-top:11px;border-radius:7px}}@media (max-width:420px){button{line-height:0;padding:0;margin:auto}button.advise{max-width:120px}.advise{width:-moz-fit-content;width:fit-content;text-align:center;display:table;line-height:1rem}.closeModal{padding:20px 40px!important}}.bg{position:fixed;width:100%;height:100%;left:0;top:0;bottom:0;right:0;z-index:0;display:none}.closeModal{margin:auto;font-weight:900;color:#168b78;background:#fff;border-radius:15px;padding:0 30px}button.advise{max-width:240px}:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:rgba(60,60,60,.29);--vt-c-divider-light-2:rgba(60,60,60,.12);--vt-c-divider-dark-1:rgba(84,84,84,.65);--vt-c-divider-dark-2:rgba(84,84,84,.48);--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:rgba(60,60,60,.66);--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:hsla(0,0%,92%,.64);--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}*,:after,:before{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f3f3}.form{border:1px solid #cfcfcf;padding:1rem 1.5rem;border-radius:.75rem;box-shadow:1px 2px 6px #d9d9d9;background:#f7f7f7}.hidden{display:none!important}.view-wrapper{text-align:center}.view-wrapper .red .canvas-wrapper{border:.5rem solid red}.view-wrapper .green .canvas-wrapper{border:.5rem solid green}.canvas-wrapper{width:50vw;height:50vw;background:#fff;border-radius:51%;margin:1rem;position:relative;overflow:hidden;text-align:center;display:inline-block;max-width:400px;max-height:400px;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);transform:translateZ(0)}.canvas-wrapper.camera-normal .canvas-panel{text-align:center;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;height:100%}.canvas-wrapper.camera-normal canvas{margin-top:0;width:auto;height:100%;transform:scaleX(-1)}.canvas-wrapper.camera-mobile .canvas-panel{text-align:center;width:100%;position:relative;top:50%;bottom:50%;margin-top:-50vh;margin-bottom:-50vh;height:100vh;display:flex;align-items:center;justify-content:center;align-content:center;flex-direction:column}.canvas-wrapper.camera-mobile canvas{margin-left:0;width:100%;height:auto;transform:scaleX(-1)}.canvas-timer{position:absolute;z-index:1000;top:0;left:50%;transform:translateX(-50%);color:#000;font-size:5rem;font-weight:800;color:#fff}.logo-wrapper .logo{width:auto;max-height:64px;display:inline-block;margin:auto;image-rendering:high-quality;image-rendering:-webkit-optimize-contrast}.loader{position:absolute;top:0;left:15px;right:15px;bottom:0;z-index:20;justify-content:space-around;background-color:hsla(0,0%,100%,.5);border-radius:.75rem}.loader,.result-wrapper{display:flex;align-content:center;align-items:center}.result-wrapper{min-height:320px;text-align:center;flex-wrap:nowrap;justify-content:center}.result-wrapper span{font-size:1.5rem;font-weight:700;color:#2c3e50}.btn-circle{width:30px;height:30px;text-align:center;padding:6px 0;font-size:12px;line-height:1.428571429;border-radius:15px}.btn-circle.btn-xl{width:70px;height:70px;padding:10px 16px;font-size:24px;line-height:1.33;border-radius:35px}@media (max-width:972px){.canvas-wrapper{margin:1rem 0;width:calc(100vw - 5rem);height:calc(100vw - 5rem)}.logo-wrapper .logo{max-height:48px}}header{line-height:1.5}.logo{display:block;margin:0 auto 2rem}.green,a{text-decoration:none;color:#00bd7e;transition:.4s}@media (hover:hover){a:hover{background-color:rgba(0,189,126,.2)}}body{display:flex;place-items:center;background:#fff!important}body.camera{display:block}@media (min-width:1024px){#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}header{display:flex;place-items:center;padding-right:calc(var(--section-gap)/2)}header .wrapper{display:flex;place-items:flex-start;flex-wrap:wrap}.logo{margin:0 2rem 0 0}}