.spin{padding-top:52px}.spinner{width:50%;height:auto;aspect-ratio:1;margin-bottom:2em}.spinner-ring{fill:none;stroke:#075e54;stroke-width:60}.spinner-segment{fill:none;stroke:#fff;stroke-width:60;stroke-linecap:round;stroke-dasharray:1 1068;stroke-dashoffset:0;animation:pulse 8s linear infinite,spin 2s linear infinite}@keyframes pulse{0%{stroke-dasharray:1 1068}50%{stroke-dasharray:356 712}to{stroke-dasharray:1 1068}}@keyframes spin{to{stroke-dashoffset:-1068px}}#intro .bubble_wrap{padding-right:110px}#intro .bubble_wrap .bubble{position:relative;background-color:#fff;border-radius:1.4em;padding:.35em}#intro .bubble_wrap .bubble canvas{width:100%;aspect-ratio:1000/1333;display:block;border-radius:1.05em}#intro .bubble_wrap .bubble:before{content:"";display:block;position:absolute;top:0;left:-1em;width:2.5em;height:2.5em;background:url(../gui/bubble.svg)}#intro .scramble{color:#fff;font-size:2.2em;text-align:left;padding-top:.5em}@media (orientation: landscape){#intro .bubble_wrap{flex:0 0 50%;width:100%;padding-right:2em}#intro .scramble{flex:1}}#type{padding:104px 40px 40px}#type .title{color:#000;font-size:1.8em;text-align:left;padding-bottom:.5em}#type button{gap:.2em;align-items:flex-end;font-size:2em;padding:.2em .5em}#type .slots{color:#000;font-size:1.4em;font-weight:700;text-align:left;padding-top:1em}#type .slots .highlight{border-bottom:2px dotted #000;padding-bottom:2px}@media (orientation: landscape){#type .title{padding-right:2em}}#text{padding:104px 40px 40px}#text .lbl{font-size:1.5em}#text textarea{color:#000;font-size:1.1rem;border:1px solid #000;border-radius:1rem;margin-bottom:1em;padding:.6em;resize:none}#text .error{position:absolute;top:1em;left:40px;right:40px;margin:auto;padding:.5em 0;border-radius:.5em;background-color:#dcf8c6}@media (orientation: landscape){#text{display:block;max-width:50%;padding:104px 40px 40px!important;margin:auto}}#text_anim{display:flex}#text_anim .text_bubble{font-size:2em;background-color:#dcf8c6;border:1px solid #000;border-radius:1em;padding:1em;margin:auto}#text_anim .canvas_overlay{position:absolute;top:0;left:0;width:100%;height:100%}#photo .video{margin-bottom:1em;aspect-ratio:.8}#photo .video .preview{position:relative;background-color:#000;border:1px solid #000;height:100%;aspect-ratio:.5625;border-radius:1em;margin:auto;overflow:hidden}#photo .video .preview #canvas{display:block;height:100%}#photo .video button{display:block;box-shadow:none;border:0;border-radius:0;padding:0;margin:0}#photo .video .photo{width:100%;display:block;border-radius:1em}#photo .video .spinner{display:block;position:absolute;top:40%;left:50%;transform:translate(-50%);font-size:1em;padding:0;width:100%;color:#fff;text-align:center}#photo .video .error{display:block;position:absolute;top:40%;left:50%;transform:translate(-50%);background-color:transparent;font-size:1em;padding:0;width:100%;color:#f60;text-align:center}#photo .video .flipCam{display:block;position:absolute;top:.5em;left:.5em;width:2em;height:2em;background-color:transparent}#photo .video .retake{display:block;position:absolute;top:.5em;right:.5em;width:2em;height:2em;background-color:transparent}#photo .video .takePhoto{display:block;position:absolute;bottom:1em;left:calc(50% - 1.5em);width:3em;height:3em;background-color:#25d366;border-radius:100%;outline:.12rem solid #25d366;outline-offset:.2rem}#photo .error{position:absolute;top:1em;left:40px;right:40px;margin:auto;padding:.5em 0;border-radius:.5em;background-color:#dcf8c6}@media (orientation: landscape){#photo{display:block;max-width:50%;padding:1em 40px 40px!important;margin:auto}}#photo_anim .video{margin-bottom:1em;aspect-ratio:.8}#photo_anim .video .preview{position:relative;height:100%;aspect-ratio:.5625;border-radius:1em;margin:auto;overflow:hidden}#photo_anim .video .preview img{display:block;margin:0}#photo_anim .video .preview #canvas{display:block;border-radius:1em;height:100%}#outro{padding:104px 40px 40px}#outro p.white{color:#fff;font-size:1.6em;margin-top:.5em}#success .img{background:url(../gui/success.svg) no-repeat 0 0;background-size:100% 1500%;animation:play 1.4s steps(14,start) 1 .5s forwards}#success button{background-color:#dcf8c6;margin-top:2em}#fail .img{background:url(../gui/fail.svg) no-repeat 0 0;background-size:100% 100%}#fail button{background-color:#dcf8c6;margin-top:2em}#wait .img{background:url(../gui/padlock.svg) no-repeat 0 0;background-size:100% 3700%;animation:play 3s steps(36,start) 1 .5s forwards}@keyframes play{0%{background-position:0 0%}50%{background-position:0 100%}to{background-position:0 100%}}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}*{margin:0;padding:0;border:0;font:inherit}img,picture,svg{display:block;max-width:100%}body{font-family:Helvetica Neue,Helvetica,system-ui,sans-serif;font-weight:500;background-color:#25d366;text-align:center}body:has(.page.green){background-color:#25d366!important;transition:background-color .5s ease-in-out}body:has(.page.grey){background-color:#ece5dd!important;transition:background-color .5s ease-in-out}.wrapper{position:relative;max-width:500px;width:100%;height:100%;height:100dvh;margin:auto;overflow:hidden}.slide{position:absolute;width:100%;height:100%}.page{padding:52px 40px 40px;width:100%;height:100vh}.page .image .img{width:50%;aspect-ratio:1;margin-bottom:2em}.page p{color:#075e54;font-size:2.2em;line-height:1.1em;text-align:left}.page p.white,.page span.white{color:#fff}.page.green{background-color:#25d366}.page.grey{background-color:#ece5dd}a{color:#000;text-decoration:underline}@media (orientation: landscape){.wrapper{max-width:1000px}.page{display:flex;align-items:center;justify-content:center;padding-top:0!important}.page .image{flex:0 0 50%;margin-right:2em;display:flex;justify-content:center}.page .image .img,.page .image .spinner{width:100%;aspect-ratio:1;margin-bottom:0}.page .image .spinner{width:80%}.page .text{flex:1}}@font-face{font-family:Helvetica Neue;font-style:normal;font-weight:500;src:url(../fonts/helveticaneue-medium.woff) format("woff"),url(../fonts/helveticaneue-medium.woff2) format("woff2")}.row{display:flex;flex-direction:column}.row.btn{align-items:flex-end;justify-content:space-between}label{display:block;text-align:left;padding-bottom:1rem}button{display:flex;color:#000;font-size:1.2em;line-height:1em;background-color:#25d366;border:1px solid #000;box-shadow:.2rem .2rem #000;border-radius:2em;padding:.4em .6em;margin:.5em 0;cursor:pointer}button:active{transform:translate(.1rem,.1rem);box-shadow:.1rem .1rem #000}button:disabled{box-shadow:0 0 #000}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;place-content:center;width:1.6em;height:1.6em;background-color:#fff;transition:background-color .12s ease-in-out;border:1px solid #000;border-radius:.5rem;margin:0;cursor:pointer}input[type=checkbox]:checked{background-color:#25d366;transition:background-color .12s ease-in-out}input[type=checkbox]:before{content:"";width:1em;height:1em;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);transition:.12s transform ease-in-out;background-color:#000}input[type=checkbox]:checked:before{transform:scale(.7);transition:.12s transform ease-in-out}input[type=checkbox]:disabled{opacity:.8;cursor:not-allowed}.lbl_check span{display:block;font-size:.9em;text-justify:inter-ideograph;margin-left:2.4em;margin-top:-1.8em}.terms{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.terms .terms_box{position:fixed;display:flex;flex-direction:column;top:.5em;right:.5em;bottom:.5em;left:.5em;background-color:#fff;border-radius:1em;z-index:100}.terms .terms_box .btnX{position:absolute;top:1em;right:1em;background-color:#ece5dd;box-shadow:none;border:1px solid #000;margin:0;padding:0}.terms .terms_box .btnX img{width:2em;height:2em}.terms .terms_box .btnClose{margin:1em auto}.terms .terms_box .content{text-align:left;overflow-y:auto;max-width:500px;margin:auto;padding:2em;flex:1}.terms .terms_box .content h2{font-size:1.75rem;margin-top:2rem;margin-bottom:1rem}.terms .terms_box .content h3{font-size:1.5rem;margin-top:1.5rem;margin-bottom:.75rem}.terms .terms_box .content h4{font-size:1.25rem;margin-top:1.25rem;margin-bottom:.5rem}.terms .terms_box .content p{font-size:1rem;margin-bottom:1rem}.terms .terms_box .content ol,.terms .terms_box .content ul{margin:0 0 1rem 1.5rem}.terms .terms_box .content strong{font-weight:700}.terms .terms_box .content time{font-style:italic}.terms .terms_box .content a{color:#34b7f1}.terms .terms_box .content a:hover{text-decoration:underline}footer{position:absolute;bottom:0;width:100%;max-width:500px;display:flex;justify-content:space-between;pointer-events:none}footer .logo{display:block;width:auto;height:12vh}footer .hidden{opacity:0}body:has(.page.green) footer .logo path{fill:#fff;transition:fill .5s ease-in-out}body:has(.page.grey) footer .logo path{fill:#25d366;transition:fill .5s ease-in-out}@media (orientation: landscape){footer{max-width:1000px}}