@font-face{font-display:swap;font-family:Chicago Kare;font-style:normal;font-weight:400;src:url(/static/media/ChicagoKare-Regular.6c41432b421a4a3be321.woff2) format("woff2"),url(/static/media/ChicagoKare-Regular.bce1ab1c7b72a250e7a6.woff) format("woff")}@font-face{font-display:swap;font-family:Geneva\ 9;font-style:normal;font-weight:400;src:url(/static/media/Geneva9.a960efc76f51003cdf31.woff2) format("woff2"),url(/static/media/Geneva9.c5bf154129017add8704.woff) format("woff")}#root,body,html{font-family:Geneva\ 9;height:100%;margin:0;overflow:hidden;padding:0}.dialog .title h1{font-family:Chicago Kare;font-size:1.7em;font-weight:400}.dialog .title h2{font-family:Chicago Kare;font-size:1.1em;font-weight:lighter}.App{position:relative}.App,.intro{height:100%;width:100%}.intro{align-items:center;display:flex;justify-content:center}.intro .introImage{animation-delay:2s;animation-duration:.2s;animation-fill-mode:both;animation-name:hide;opacity:1}.page{animation-delay:2s;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:show-page;inset:0;opacity:0;position:absolute}@keyframes show-page{0%{opacity:0}2%{opacity:1}to{opacity:1}}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes turn-on-v{0%{background:#fff;opacity:0;transform:scaleY(0) scaleX(2%)}5%{opacity:1;transform:scaleY(.15%) scaleX(2%)}20%{background:#fff;opacity:1;transform:scaleY(.15%) scaleX(50%)}30%{background:#888;transform:scaleY(30%) scalex(100%)}50%{transform:scaleY(100%) scalex(100%)}55%{transform:scaleY(100%) scalex(100%)}to{background:#888;opacity:1;transform:scaleY(100%) scalex(100%)}}.intro{animation-delay:.5s!important;animation:turn-on-v;animation-duration:1s;animation-fill-mode:both;animation-iteration-count:1;animation-timing-function:ease-out;background:#fff}.scanlines{background:linear-gradient(180deg,#0000 50%,#000 51%);background-size:100% 3px;box-shadow:inset 0 0 13px 2px rgba(0,0,0,.459);inset:0;opacity:3%;pointer-events:none;position:absolute;z-index:1000}h1,h2{margin:0;padding:0;text-align:center}h1{font-size:18px}h2{font-size:12px;font-weight:400}.dialog_box{align-items:center;display:flex;height:100%;justify-content:center}.dialog_box .dialog{align-content:center;background:#fff;border:2px solid #000;box-shadow:2px 2px 0 #000;flex-wrap:nowrap;gap:30px;height:160px;padding:24px 42px 24px 34px;position:relative;transform-origin:center;width:300px}.dialog_box .dialog,.dialog_box .dialog .title{align-items:center;display:flex;flex-direction:column;justify-content:center}.dialog_box .dialog .bottom{bottom:4px;font-size:14px;justify-content:space-between;padding:0 10px}.dialog_box .dialog .bottom,.icons{display:flex;flex-direction:row;left:0;position:absolute;right:0}.icons{bottom:50px;gap:30px;justify-content:center}.icons.flipped{fill:#000!important}.icons .chainIcon{animation-delay:0s;animation-fill-mode:both;animation-name:show}.icons.main_page .chainIcon:first-of-type{animation-delay:3s!important}.icons.main_page .chainIcon:nth-of-type(2){animation-delay:3.5s!important}.icons.main_page .chainIcon:nth-of-type(3){animation-delay:4s!important}.icons.main_page.noanim .chainIcon{animation-delay:0s!important}.icons .chainImage{width:55px}.icons .chainIcon{align-items:center;display:flex;flex-direction:column;text-decoration:none}.icons .chainIcon .label{background:#fff;color:#000;font-size:.75em;font-weight:300;margin-top:2px;padding:1px 6px;text-align:center;width:-webkit-max-content;width:max-content}.chain_page{align-items:center;animation-fill-mode:backwards;animation-iteration-count:1;animation-timing-function:ease;display:flex;height:100%;justify-content:center;transition:background .3s ease}.chain_page.optimism{background:#000}.chain_page.tezos{background:#fff}.chain_page .info{align-items:center;bottom:160px;display:flex;flex-direction:column;font-size:.9em;left:0;position:absolute;right:0}.chain_page .info a,.chain_page .info div{background:#fff;color:#000;padding:0 4px;text-decoration:none}.chain_page .info a:hover{background:#000;color:#fff}.help{opacity:.5;position:absolute;right:30px;top:5px}.help:hover{opacity:1}.home{opacity:.5;position:absolute;right:90px;top:5px}.home:hover{opacity:1}.dialog{align-content:center;align-items:center;background:#fff;border:4px solid #000;box-shadow:0 0 0 4px #fff,0 0 0 6px #000,4px 4px 0 6px #000;display:flex;flex-wrap:nowrap;gap:30px;height:70px;justify-content:center;padding:36px 42px 24px 34px;position:relative;transform-origin:center;width:-webkit-max-content;width:max-content}.dialog.normal a{margin-top:-10px;padding-top:10px}.dialog.normal a button{background:#0000;border:2px solid #000;cursor:pointer;font-family:Chicago Kare!important;height:26px;padding-left:30px;padding-right:30px}.dialog.normal a:first-of-type button{background:#fff;border:none;box-shadow:0 -8px 0 -4px #fff,0 8px 0 -4px #fff,0 -4px 0 -2px #fff,0 4px 0 -2px #fff,-4px -8px 0 -4px #000,-4px 8px 0 -4px #000,4px -8px 0 -4px #000,4px 8px 0 -4px #000,-6px -4px 0 -4px #000,-6px 4px 0 -4px #000,6px -4px 0 -4px #000,6px 4px 0 -4px #000,0 -10px 0 -4px #000,0 10px 0 -4px #000}.dialog.normal a:first-of-type:hover button{background:#000;border:none;box-shadow:0 -8px 0 -4px #000,0 8px 0 -4px #000,0 -4px 0 -2px #000,0 4px 0 -2px #000,-4px -8px 0 -4px #000,-4px 8px 0 -4px #000,4px -8px 0 -4px #000,4px 8px 0 -4px #000,-6px -4px 0 -4px #000,-6px 4px 0 -4px #000,6px -4px 0 -4px #000,6px 4px 0 -4px #000,0 -10px 0 -4px #000,0 10px 0 -4px #000;color:#fff}.dialog.normal a:first-of-type:hover button svg{fill:#fff!important}.dialog.normal a:nth-of-type(2){background:pink}.dialog.normal a:nth-of-type(2) button{background:#fff;border:none;box-shadow:0 -8px 0 -4px #fff,0 8px 0 -4px #fff,0 -4px 0 -2px #fff,0 4px 0 -2px #fff,-4px -8px 0 -4px #000,-4px 8px 0 -4px #000,4px -8px 0 -4px #000,4px 8px 0 -4px #000,-6px -4px 0 -4px #000,-6px 4px 0 -4px #000,6px -4px 0 -4px #000,6px 4px 0 -4px #000,0 -10px 0 -4px #000,0 10px 0 -4px #000,-2px -12px 0 -4px #fff,-2px 12px 0 -4px #fff,2px -12px 0 -4px #fff,2px 12px 0 -4px #fff,-6px -10px 0 -4px #fff,-6px 10px 0 -4px #fff,6px -10px 0 -4px #fff,6px 10px 0 -4px #fff,-8px -6px 0 -4px #fff,-8px 6px 0 -4px #fff,8px -6px 0 -4px #fff,8px 6px 0 -4px #fff,-10px -4px 0 0 #000,-10px 4px 0 0 #000,10px -4px 0 0 #000,10px 4px 0 0 #000,-8px -8px 0 0 #000,-8px 8px 0 0 #000,8px -8px 0 0 #000,8px 8px 0 0 #000,-6px -10px 0 0 #000,-6px 10px 0 0 #000,6px -10px 0 0 #000,6px 10px 0 0 #000,-4px -12px 0 0 #000,-4px 12px 0 0 #000,4px -12px 0 0 #000,4px 12px 0 0 #000,0 -14px 0 0 #000,0 14px 0 0 #000}.dialog.normal a:nth-of-type(2):hover button{background:#000;border:none;box-shadow:0 -8px 0 -4px #000,0 8px 0 -4px #000,0 -4px 0 -2px #000,0 4px 0 -2px #000,-4px -8px 0 -4px #000,-4px 8px 0 -4px #000,4px -8px 0 -4px #000,4px 8px 0 -4px #000,-6px -4px 0 -4px #000,-6px 4px 0 -4px #000,6px -4px 0 -4px #000,6px 4px 0 -4px #000,0 -10px 0 -4px #000,0 10px 0 -4px #000,-2px -12px 0 -4px #fff,-2px 12px 0 -4px #fff,2px -12px 0 -4px #fff,2px 12px 0 -4px #fff,-6px -10px 0 -4px #fff,-6px 10px 0 -4px #fff,6px -10px 0 -4px #fff,6px 10px 0 -4px #fff,-8px -6px 0 -4px #fff,-8px 6px 0 -4px #fff,8px -6px 0 -4px #fff,8px 6px 0 -4px #fff,-10px -4px 0 0 #000,-10px 4px 0 0 #000,10px -4px 0 0 #000,10px 4px 0 0 #000,-8px -8px 0 0 #000,-8px 8px 0 0 #000,8px -8px 0 0 #000,8px 8px 0 0 #000,-6px -10px 0 0 #000,-6px 10px 0 0 #000,6px -10px 0 0 #000,6px 10px 0 0 #000,-4px -12px 0 0 #000,-4px 12px 0 0 #000,4px -12px 0 0 #000,4px 12px 0 0 #000,0 -14px 0 0 #000,0 14px 0 0 #000;color:#fff}.dialog.normal a:nth-of-type(2):hover button svg{fill:#fff!important}.dialog.optimism a{margin-top:-10px;padding-top:10px}.dialog.optimism a button{background:#0000;border:2px solid #000;cursor:pointer;font-family:Chicago Kare!important;height:26px;padding-left:30px;padding-right:30px}.dialog.optimism a:first-of-type button{background:#fff;border:none;box-shadow:0 -8px 0 -4px #fff,0 8px 0 -4px #fff,0 -4px 0 -2px #fff,0 4px 0 -2px #fff,-4px -8px 0 -4px #ff0420,-4px 8px 0 -4px #ff0420,4px -8px 0 -4px #ff0420,4px 8px 0 -4px #ff0420,-6px -4px 0 -4px #ff0420,-6px 4px 0 -4px #ff0420,6px -4px 0 -4px #ff0420,6px 4px 0 -4px #ff0420,0 -10px 0 -4px #ff0420,0 10px 0 -4px #ff0420}.dialog.optimism a:first-of-type:hover button{background:#ff0420;border:none;box-shadow:0 -8px 0 -4px #ff0420,0 8px 0 -4px #ff0420,0 -4px 0 -2px #ff0420,0 4px 0 -2px #ff0420,-4px -8px 0 -4px #ff0420,-4px 8px 0 -4px #ff0420,4px -8px 0 -4px #ff0420,4px 8px 0 -4px #ff0420,-6px -4px 0 -4px #ff0420,-6px 4px 0 -4px #ff0420,6px -4px 0 -4px #ff0420,6px 4px 0 -4px #ff0420,0 -10px 0 -4px #ff0420,0 10px 0 -4px #ff0420;color:#fff}.dialog.optimism a:first-of-type:hover button svg{fill:#fff!important}.dialog.optimism a:nth-of-type(2){background:pink}.dialog.optimism a:nth-of-type(2) button{background:#fff;border:none;box-shadow:0 -8px 0 -4px #fff,0 8px 0 -4px #fff,0 -4px 0 -2px #fff,0 4px 0 -2px #fff,-4px -8px 0 -4px #ff0420,-4px 8px 0 -4px #ff0420,4px -8px 0 -4px #ff0420,4px 8px 0 -4px #ff0420,-6px -4px 0 -4px #ff0420,-6px 4px 0 -4px #ff0420,6px -4px 0 -4px #ff0420,6px 4px 0 -4px #ff0420,0 -10px 0 -4px #ff0420,0 10px 0 -4px #ff0420,-2px -12px 0 -4px #fff,-2px 12px 0 -4px #fff,2px -12px 0 -4px #fff,2px 12px 0 -4px #fff,-6px -10px 0 -4px #fff,-6px 10px 0 -4px #fff,6px -10px 0 -4px #fff,6px 10px 0 -4px #fff,-8px -6px 0 -4px #fff,-8px 6px 0 -4px #fff,8px -6px 0 -4px #fff,8px 6px 0 -4px #fff,-10px -4px 0 0 #ff0420,-10px 4px 0 0 #ff0420,10px -4px 0 0 #ff0420,10px 4px 0 0 #ff0420,-8px -8px 0 0 #ff0420,-8px 8px 0 0 #ff0420,8px -8px 0 0 #ff0420,8px 8px 0 0 #ff0420,-6px -10px 0 0 #ff0420,-6px 10px 0 0 #ff0420,6px -10px 0 0 #ff0420,6px 10px 0 0 #ff0420,-4px -12px 0 0 #ff0420,-4px 12px 0 0 #ff0420,4px -12px 0 0 #ff0420,4px 12px 0 0 #ff0420,0 -14px 0 0 #ff0420,0 14px 0 0 #ff0420}.dialog.optimism a:nth-of-type(2):hover button{background:#ff0420;border:none;box-shadow:0 -8px 0 -4px #ff0420,0 8px 0 -4px #ff0420,0 -4px 0 -2px #ff0420,0 4px 0 -2px #ff0420,-4px -8px 0 -4px #ff0420,-4px 8px 0 -4px #ff0420,4px -8px 0 -4px #ff0420,4px 8px 0 -4px #ff0420,-6px -4px 0 -4px #ff0420,-6px 4px 0 -4px #ff0420,6px -4px 0 -4px #ff0420,6px 4px 0 -4px #ff0420,0 -10px 0 -4px #ff0420,0 10px 0 -4px #ff0420,-2px -12px 0 -4px #fff,-2px 12px 0 -4px #fff,2px -12px 0 -4px #fff,2px 12px 0 -4px #fff,-6px -10px 0 -4px #fff,-6px 10px 0 -4px #fff,6px -10px 0 -4px #fff,6px 10px 0 -4px #fff,-8px -6px 0 -4px #fff,-8px 6px 0 -4px #fff,8px -6px 0 -4px #fff,8px 6px 0 -4px #fff,-10px -4px 0 0 #ff0420,-10px 4px 0 0 #ff0420,10px -4px 0 0 #ff0420,10px 4px 0 0 #ff0420,-8px -8px 0 0 #ff0420,-8px 8px 0 0 #ff0420,8px -8px 0 0 #ff0420,8px 8px 0 0 #ff0420,-6px -10px 0 0 #ff0420,-6px 10px 0 0 #ff0420,6px -10px 0 0 #ff0420,6px 10px 0 0 #ff0420,-4px -12px 0 0 #ff0420,-4px 12px 0 0 #ff0420,4px -12px 0 0 #ff0420,4px 12px 0 0 #ff0420,0 -14px 0 0 #ff0420,0 14px 0 0 #ff0420;color:#fff}.dialog.optimism a:nth-of-type(2):hover button svg{fill:#fff!important}.optimism.dialog{border:4px solid #ff0420;box-shadow:0 0 0 4px #fff,0 0 0 6px #ff0420,4px 4px 0 6px #ff0420}.optimism.dialog a:first-of-type button{background:#fff;border:none;box-shadow:0 -8px 0 -4px #fff,0 8px 0 -4px #fff,0 -4px 0 -2px #fff,0 4px 0 -2px #fff,-4px -8px 0 -4px #ff0420,-4px 8px 0 -4px #ff0420,4px -8px 0 -4px #ff0420,4px 8px 0 -4px #ff0420,-6px -4px 0 -4px #ff0420,-6px 4px 0 -4px #ff0420,6px -4px 0 -4px #ff0420,6px 4px 0 -4px #ff0420,0 -10px 0 -4px #ff0420,0 10px 0 -4px #ff0420}button:nth-of-type(2):hover svg{fill:#fff}.optimism.dialog button:first-of-type svg{fill:#ff0420}svg{image-rendering:pixelated;margin-top:3px;pointer-events:none}.loading_bar{align-content:center;align-items:center;animation-duration:.6s;animation-fill-mode:both;background:#fff;display:flex;inset:0;justify-content:stretch;padding:45px;position:absolute}.loading_bar .bar{border:3px solid #000;height:25px;position:relative;width:100%}.loading_bar .bar .progress{animation-duration:.5s;animation-fill-mode:both;background:#000;inset:0;margin-left:-2px;position:absolute;transform:scaleX(0);transform-origin:left}.run_animation .loading_bar{animation-duration:.7s;animation-fill-mode:both;animation-name:loading}.run_animation .loading_bar .bar .progress{animation-fill-mode:both;animation-name:progress_bar;animation-timing-function:steps(6)}.etherium .run_animation .loading_bar{animation-duration:.5s}.etherium .run_animation .loading_bar .bar.progress{animation-duration:.4s;animation-timing-function:steps(4)}.tezos .run_animation .loading_bar{animation-duration:.7s}.tezos .run_animation .loading_bar .bar .progress{animation-duration:.5s;animation-timing-function:steps(6)}.optimism .run_animation .loading_bar{animation-duration:.2s}.optimism .run_animation .loading_bar .bar .progress{animation-duration:.1s;animation-timing-function:steps(6)}@keyframes progress_bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes loading{0%{opacity:1;pointer-events:all}99%{opacity:1;pointer-events:all}to{opacity:0;pointer-events:none}}
/*# sourceMappingURL=main.176d52fc.css.map*/