body,html{background-color:var(--color-black)}body{margin:0;overflow:hidden;color:var(--color-white);font-family:Blender Pro}body .loader{position:absolute;left:50vw;top:50vh;transform:translate(-50%,-50%);z-index:999;text-transform:uppercase;font-size:20px;margin:0;pointer-events:none;opacity:0}body>*{transition:opacity 1s cubic-bezier(.645,.045,.355,1)}body.waiting>*{opacity:0}body.waiting>.loader{opacity:.5}body .ui header{position:absolute;top:0;left:0;right:0;z-index:99}body .ui header h1{font-size:20px;text-transform:uppercase;font-weight:400;margin:16px;line-height:1}body .ui header h1 b{font-weight:800}body .ui #citizen-info{position:absolute;top:15%;left:80%;z-index:98;opacity:0;transition:1s cubic-bezier(.215,.61,.355,1)}body .ui #citizen-info.show{opacity:1;left:67%}body .ui #citizen-info:before{content:"";border-radius:10px;position:absolute;top:2px;left:-38px;width:20px;height:20px;background-color:var(--selected-color)}body .ui #citizen-info div{margin-bottom:16px}body .ui #citizen-info div p{margin:0;font-size:20px}body .ui #citizen-info div p b{text-transform:uppercase;font-weight:700}body .ui #citizen-info div p .status{color:var(--selected-color);text-transform:uppercase}body .ui #citizen-info div p span{font-weight:200}body .ui #citizen-info .track{color:currentColor;font-size:20px;background:none;border:none;font-family:Blender Pro;text-transform:uppercase;padding:0;display:flex;align-items:center;cursor:pointer}body .ui #citizen-info .track i{margin-right:10px;font-size:20px}body main{background-color:var(--color-black);position:absolute;bottom:0;right:0;left:0;top:0}body main #wrapper{position:absolute;top:50%;left:50%;transform-origin:center;transition:1s cubic-bezier(.215,.61,.355,1);--scale:0.2;--translateX:-50%;transform:translate(var(--translateX),-50%) scale(var(--scale))}body main #wrapper canvas{position:absolute}body main #wrapper #actions{position:absolute;z-index:10}body main #wrapper #actions .citizen{position:absolute;width:90px;height:90px;border-radius:45px;border:6px solid transparent;cursor:pointer;background:none;z-index:10;color:var(--self-anti-color)}body main #wrapper #actions .citizen i{font-size:30px;pointer-events:none;vertical-align:-5px}body main #wrapper #actions .citizen.active,body main #wrapper #actions .citizen:hover{border-color:var(--self-color)}body main #wrapper #actions .node{position:absolute;width:60px;height:60px;border:6px solid transparent;cursor:pointer;background:none;display:none;z-index:8}body main #wrapper #actions .node.show{display:block}body main #wrapper #actions .node:hover{border-color:var(--color-white)}body main #wrapper #actions .token-icon{pointer-events:none;position:absolute;top:-30px;left:-30px;color:var(--color-green);font-size:60px}
/*# sourceMappingURL=style.d265c5df.css.map */