#app{font-family:Assistant,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;overflow:auto;overflow-x:hidden}#app>.heading{position:relative;pointer-events:none;margin-top:1rem;text-align:center;font-size:4rem;color:#8d6e4f;font-weight:200;height:5rem}#app>.heading>.text{position:absolute;top:0;left:0;right:0;transition:all .5s ease-in-out}#app>.heading>.text.hide{opacity:0;transform:translateY(100%)}#app>.heading>.text+.text.hide{transform:translateY(-100%)}#app>.lp{text-align:center;color:#8d6e4f80;font-weight:200;position:fixed;bottom:.5rem;left:50%;transform:translate(-50%)}#app>.logo{cursor:pointer;margin:.35rem;position:fixed;top:20vh;left:20vw;right:20vw;box-sizing:border-box;padding-top:57.02%;z-index:2;pointer-events:none;border-radius:50%;opacity:.25}#app>.logo.pulse{opacity:1}#app>.logo.pulse>.ring{opacity:1}#app>.logo.pulse>.pulse-ring{opacity:1;animation:pulse-animation 2s infinite}#app>.logo.pulse:before{opacity:.75}#app>.logo.pulse:after{opacity:0}@keyframes pulse-animation{0%{transform:scale(1.05);border:.5rem solid #d9d9d9}50%{transform:scale(1.2);border:.5rem solid #d9d9d9}to{transform:scale(1.05);border:.5rem solid #d9d9d9}}#app>.logo.success{opacity:1}#app>.logo:before{content:"";border:none;position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;z-index:-1;transition:opacity .5s ease-in-out;background:no-repeat center url("data:image/svg+xml;charset%3Dutf8,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 208 208' version%3D'1.2'%3E%3Ccircle cx%3D'104' cy%3D'104' r%3D'104' fill%3D'%23e1e1e1'/%3E%3Ccircle cx%3D'104' cy%3D'104' r%3D'92.34' stroke%3D'%238d6e4f' stroke-width%3D'5' fill%3D'%238d6e4f'/%3E%3Cpath d%3D'M83.19,149.46c1.67,4.73-1.06,8.6-6.07,8.6H63.43a13.88,13.88,0,0,1-12.17-8.6L25,75.45c-1.68-4.73,1.05-8.6,6.07-8.6H44.75a13.87,13.87,0,0,1,12.17,8.6Z' fill%3D'white'/%3E%3Cpath d%3D'M58.44 149.46c-1.68 4.73 1.06 8.6 6.07 8.6h13.68a13.86 13.86 0 0 0 12.17-8.6l26.27-74c1.68-4.73-1.06-8.6-6.07-8.6H96.88a13.86 13.86 0 0 0-12.17 8.6zm65.37 0c-1.68 4.73 1 8.6 6.07 8.6h13.68a13.88 13.88 0 0 0 12.17-8.6l26.26-74c1.68-4.73-1.05-8.6-6.07-8.6h-13.68a13.87 13.87 0 0 0-12.17 8.6z' fill%3D'%23e1e1e1'/%3E%3Cpath d%3D'M150.07,149.46c1.68,4.73-1,8.6-6.07,8.6H130.32a13.87,13.87,0,0,1-12.17-8.6l-26.27-74c-1.67-4.73,1.06-8.6,6.08-8.6h13.68a13.88,13.88,0,0,1,12.17,8.6Z' fill%3D'white'/%3E%3C/svg%3E");background-size:contain}#app>.logo:after{content:"weave";position:absolute;top:95%;left:50%;transform:translate(-50%);font-size:3rem;color:#8d6e4f;font-weight:400}#app>.logo>.ring{position:absolute;top:-.025rem;left:-.025rem;bottom:-.025rem;right:-.025rem;border-radius:50%;opacity:0;box-sizing:border-box;border:.65rem solid white;transition:opacity .5s ease-in-out}#app>.logo>.pulse-ring{position:absolute;top:.6rem;left:.6rem;bottom:.6rem;right:.6rem;border-radius:50%;opacity:0;transition:opacity .5s ease-in-out;z-index:1;box-sizing:border-box}#app>.form{position:relative;box-sizing:border-box;padding:1rem 1rem 10rem;display:grid;grid-template-columns:1fr;grid-row-gap:1rem;transition:opacity .5s ease-in-out}#app>.form.waiting{pointer-events:none;opacity:.5}#app>.form.hide{pointer-events:none;opacity:0}#app>.form label{position:relative;left:-.25vw;transition:opacity .25s ease-in-out}#app>.form label.sent+label{opacity:1;pointer-events:all}#app>.form label.valid:not(.sent)>.next{transform:none;opacity:1;pointer-events:all}#app>.form label.valid input{border-bottom-color:transparent;color:#8d6e4f}#app>.form label.code{position:absolute;top:6rem;height:7rem;left:50%;font-size:6ch;margin-left:1.2ch;transform:translate(-50%);width:auto}#app>.form label.code input{text-align:left;font-family:Monaco,"Helvetica Neue",sans-serif;font-size:2ch;letter-spacing:.8ch;border-bottom-color:transparent;max-width:12ch;color:transparent}#app>.form label.code>.hyphen{position:absolute;font-size:2ch;font-family:Monaco,"Helvetica Neue",sans-serif;top:.25ch;left:5.5ch;transform:scale(.8);color:#8d6e4fb3}#app>.form label.code>.hint{position:relative;top:-6.25rem;left:-1.5ch;text-transform:uppercase;font-family:Assistant,sans-serif;font-size:.8rem;color:#8d6e4fbf;white-space:nowrap}#app>.form label.code>.hint.warning{font-size:1.2rem;font-weight:700;left:0;right:0;transform:translate(-1rem);text-align:center;animation:warning-animation 2.5s infinite}@keyframes warning-animation{0%{opacity:.125;transform:translate(-1rem)}30%{opacity:1;transform:translate(-1rem) scale(1.2)}50%{opacity:1;transform:translate(-1rem) scale(1.2)}to{opacity:.125;transform:translate(-1rem)}}#app>.form label.code>.boxes{user-select:none;pointer-events:none;position:absolute;top:1rem;left:.75ch;display:grid;font-family:Monaco,"Helvetica Neue",sans-serif;font-size:2.1ch;grid-template-columns:repeat(6,1.125ch);grid-column-gap:.55ch}#app>.form label.code>.boxes>.box{width:1.1ch;height:1.65ch;box-sizing:border-box;border:1px solid rgba(141,110,79,.3);border-radius:.25rem}#app>.form label.code>.boxes>.box>.number{position:relative;top:-.25ch;transform:scale(.95)}#app>.form label>.next{cursor:pointer;position:absolute;top:.5rem;right:0;opacity:0;text-transform:uppercase;font-family:Assistant,sans-serif;font-size:.9rem;font-weight:600;box-sizing:border-box;padding:.25rem .5rem;border-radius:.25rem;background-color:#8d6e4fbf;color:#fff;pointer-events:none;transition:all .7s ease-in-out .25s;transform:translate(-25%)}#app>.form label+label{opacity:0;pointer-events:none}#app>.form label input{text-align:center;font-size:1.5rem;border:1px solid transparent;border-bottom-color:#8d6e4f;border-radius:0;transition:all .5s ease-in-out;width:85vw}#app>.form label input:focus{outline:none}