body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#424242}button{font-weight:600}.slogan{font-size:1.7em;margin-bottom:0}.twitter{font-size:.4em}.App-logo{height:14vmin;pointer-events:none;transform:scale(1);animation:pulse 3s infinite}.App-header{height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.examples{padding:30px 100px;display:grid;grid-gap:30px;grid-template-columns:1fr 1fr 1fr}.examples-title{font-size:1.3em;margin-bottom:0;text-align:center}.example{padding:50px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:15px}.example-disabled{font-size:1.3em;color:#9e9e9e}.demo-button{background:#a02480;padding:0 1.3em;margin-top:1em;border-radius:60px;font-size:.7em;height:35px;outline:0;border:0;cursor:pointer;color:#fff}.demo-button:active{color:#fff;background:#979799}.auth-section{padding:1em;display:flex;justify-content:flex-end;align-items:center;text-align:right;position:fixed;top:0;right:0}@keyframes pulse{0%{transform:scale(.97);opacity:0}70%{transform:scale(1);opacity:1}to{transform:scale(.97);opacity:0}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}body{background:linear-gradient(59.13deg,#0D1E31 4.41%,#0A1729 58.62%);background-image:url(/assets/base_bg.0e637478.png);background-size:cover;max-width:480px;margin:0 auto}.body-frame{color:#18fefe;max-width:480px;width:100%;height:100%}.body-frame:before{content:"";position:absolute;width:calc(100% - 11px);height:calc(100vh - 80px);background-repeat:no-repeat;margin:5px;z-index:-1;background-size:cover;max-width:480px}.body-frame:after{content:"";position:fixed;width:calc(100% - 11px);height:135px;margin:0 5px;z-index:-1;background-size:100%;bottom:5px;max-width:480px}@media only screen and (min-width: 768px){.body-main{box-shadow:1px 1px 10px #18fefe61;border-radius:8px;overflow:auto;padding:0 25px 0 30px!important;width:calc(100% - 40px)}.body-frame:after{background:none!important}.body-frame:before{background:none!important}}#root{height:100%}.body-main{padding:0 15px;position:relative;height:100vh;height:calc(var(--vh, 1vh) * 105)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:#FFFFFF;transition:background-color 5000s ease-in-out 0s}#mobile{padding-left:52px!important}.iti__country-list{max-width:300px;background-color:#081423!important;color:#fff;font-family:Titillium Web}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#18fefe61;border-radius:25px}::-webkit-scrollbar-thumb:hover{background:#18FEFE}@keyframes mymove{0%{top:0px}to{top:200px}}@keyframes swell{0%,to{transform:translate3d(0,-25px,0)}50%{transform:translate3d(0,5px,0)}}@keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}.g-login>div{position:absolute;padding:13px 0 0 8px;opacity:.005}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dialog-styles span{font-family:-apple-system,BlinkMacSystemFont,Arial,Helvetica Neue,sans-serif}.img-styles{height:55px;width:55px;padding:10px;box-sizing:content-box}@media all and (max-width: 300px){.img-styles{width:11vw;max-height:11vw;height:auto;padding:0 5px 0 0}}.dialog-styles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgb(0 0 0 / 60%);animation:fade-in .18s;backdrop-filter:blur(5px);cursor:pointer;overflow:auto;box-sizing:border-box;padding:30px}.dialog-container{display:grid;grid-gap:5px;padding:10px;background:#f4f4f4;border-radius:15px;overflow:auto;grid-template-columns:1fr;cursor:initial;animation:move-in .18s;max-width:420px;width:100%;box-sizing:border-box}.dark .dialog-container{background:rgb(35 35 39)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes move-in{0%{transform:translateY(5%)}to{transform:translateY(0)}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}.button-styles{background:transparent;max-width:100%;width:100%;height:75px;padding:10px;border:none;border-radius:11px;outline:0;cursor:pointer;transition:transform .15s;display:flex;align-items:center}.dark .button-styles{border:none}.button-label{margin-top:10px;margin-bottom:10px;font-size:21px;font-weight:300;color:#424242;text-align:left}.dark .button-label{color:#fff}@media all and (max-width: 300px){.button-label{font-size:6vw}}.button-styles:hover{transform:scale(1.02);font-weight:800!important;transition:all .2s;background:white}.dark .button-styles:hover{background:#545454}.button-styles>div{display:flex;padding:0 15px;border-radius:10px;font-weight:400;height:100%;flex-direction:column;align-items:flex-start;justify-content:center}.connect-button{font-size:18px;background:rgb(35 35 39);color:#fff;border:none;padding:10px 20px;display:flex;align-items:center;border-radius:40px;cursor:pointer}.connect-button:hover{transform:scale(1.03);transition:all .4s}