*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;text-decoration:none;font-family:"Manrope",sans-serif}body{display:flex;flex-direction:column;background-color:#090825;overflow-x:hidden}.main{margin-left:250px}.app-container{display:grid;width:100%;min-height:100%;grid-template-columns:[col] 20% [col] 20% [col] 20% [col] 20% [col] 20%;grid-template-rows:[row] auto [row] -webkit-min-content [row] auto;grid-template-rows:[row] auto [row] min-content [row] auto;grid-auto-rows:0;background-color:#fff;grid-gap:.5px;overflow-y:hidden;overflow-x:hidden}.grid-container{background-color:#fafafa;padding:20px;overflow-y:auto}.grid-container .slider-button-div{display:flex;justify-content:flex-end}.grid-container .slider-button{background-color:transparent;margin-right:5px;padding:2px;border:none;cursor:pointer}.grid-container.header{background-color:#090825;grid-column:col/span 5;grid-row:row;min-height:90px}.grid-container.side-container{background-color:#090825;grid-column:col/span 1;grid-row:2/-1;overflow-y:auto;overflow-x:auto}.grid-container.main-content{grid-column:2/span 4;grid-row:row 2;min-height:80vh}.grid-container.footer{background-color:#090825;grid-column:col/span 5;grid-row:3/-1;min-height:50px}.global-param-view{display:flex;flex-direction:column;box-sizing:border-box}.data-container{display:flex;flex-direction:row;justify-content:space-between;margin-top:1rem;width:100%;min-height:550px}.data-list{width:50%;padding-top:3rem;padding-left:3rem;color:#3a96d3}.data-list h2{font-size:2.2rem;padding-top:3rem;padding-left:1rem}.pie-chart{padding-top:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%}.pie-chart h1{font-size:3rem}.card-row{width:100%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:stretch;flex-wrap:wrap;margin-top:1rem}.card-row.card-row-narrow{height:100px}.card{background-color:#fff;box-sizing:border-box;padding:1.5rem;flex:1 1;border-radius:10px;box-shadow:2px 2px 5px rgba(0,0,0,.5);text-align:center;margin:5px;overflow:auto}.card h3{font-size:2rem;margin-bottom:1rem}.card h2{font-size:3rem}.card.card-70{width:70%}.card.card.card-80{width:90%;height:20%}.card.card.card-12{width:12%}.card.card.card-12 h2{font-size:2.5rem}.card.card.card-short{height:100px}.card.card-45{width:45%}.card.card-45 h4{font-size:1.3rem}.chart-row{width:100%;height:100%;margin:1rem}.chart{background-color:#fff;box-sizing:border-box;border-radius:10px;box-shadow:2px 2px 5px rgba(0,0,0,.1);padding:5px;min-height:70%;display:flex;align-items:center;justify-content:center}.chart-left{flex:0 0 60%;margin-right:2rem}.chart-right{flex:1 1;margin-right:4rem}.chart-size{box-sizing:border-box;font-size:1.2rem;margin:auto}.chart-size,.pie-size{display:flex;width:100%;height:100%}.slide-container{width:80vw;height:85vh;position:absolute;margin:0 auto;top:10rem;right:0;transition:-webkit-transform .3s cubic-bezier(0,.52,0,1);transition:transform .3s cubic-bezier(0,.52,0,1);transition:transform .3s cubic-bezier(0,.52,0,1),-webkit-transform .3s cubic-bezier(0,.52,0,1);overflow-x:hidden;overflow-y:auto;z-index:1000}.slide-container,.slide-container .slide-inner-container{display:flex;flex-direction:column}.slide-container .button-close{cursor:pointer;width:3rem;height:3rem;font-size:1.5rem;margin:5px}.slide-container.hide{-webkit-transform:translate3d(90vw,0,0);transform:translate3d(90vw,0,0);display:flex;flex-direction:column}.slide-container.hide .content-container{display:flex;flex-direction:column;margin-left:8rem}.slide-container .tab-button-div{display:flex;margin-top:5px;align-items:center;background-color:#00f;height:100px}.slide-container .tab{background-color:grey;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:100px;height:20px}.slide-container.partial{-webkit-transform:translate3d(65vw,0,0);transform:translate3d(65vw,0,0);background-color:#fafafa;display:flex}.slide-container.partial.content-container{position:relative}.slide-container.show{-webkit-transform:translateZ(0);transform:translateZ(0);background-color:#fafafa}.slide-container.show .content-container{background-color:#fff;padding:1rem 3rem}.slide-container .slide-menu{background-color:wheat;font-size:2rem;padding:1rem 0;margin-left:4.5rem;border-top:1px solid #000}.text-row{display:flex;height:400px;width:100%;justify-content:space-around}.card-45{word-wrap:break-word}.text-left{margin-top:12px;display:flex;height:95%;width:40%;text-align:center}.text-left h2{margin-bottom:3rem;border-bottom:1px solid #000}.text-left p{font-size:1.2rem;word-wrap:break-word}.text-left .text-area{border:2px solid #000;padding:10px;width:100%}.text-middle{margin-top:12px;display:flex;flex-direction:column;justify-content:space-evenly;height:95%;width:15%}.text-middle .component-button{height:7rem;width:100%;font-size:2rem;border-radius:10px;background-color:#fff;box-shadow:1px 1px 5px rgba(0,0,0,.2)}.text-middle .component-buttonspan{justify-content:center}.text-middle .component-button.search{width:45%;margin-left:5px}.text-right{margin-top:12px;display:flex;height:95%;width:40%;text-align:center}.text-right h2{margin-bottom:3rem;border-bottom:1px solid #000}.text-area{border:2px solid #000;padding:10px;width:100%;overflow-y:auto}.text-area p{word-wrap:break-word;font-size:1.2rem}.ledger-view{display:flex;flex-direction:column;box-sizing:border-box}.title{width:100%;font-size:3.5rem;display:flex;justify-content:center;margin-bottom:1rem}.title sup{font-size:1.2rem}.ledger-button{margin:5px;width:50px;height:50px;border-radius:15px;background-color:#fff;cursor:pointer}.ledger-button.selected{background-color:rgba(0,0,255,.7);color:#fff}.chart-row{display:flex;width:99%;min-height:65rem;margin-top:2rem}.chart-row .ledger-chart-left{width:70%;display:flex;flex-direction:column;align-items:center}.chart-row .ledger-chart-left .chart-left-top{display:flex;align-items:center;justify-content:space-around;width:90%;height:20%;margin:2rem}.chart-row .ledger-chart-left .chart-left-top .account-balance{width:30rem;display:flex;flex-direction:column;height:80%;align-items:center;justify-content:center;border-radius:.5rem;background-color:#102033;color:#fff;border:1px solid #a9a9a9;letter-spacing:2px}.chart-row .ledger-chart-left .chart-left-top .account-balance h3{font-size:2rem}.chart-row .ledger-chart-left .chart-left-top .account-balance h2{font-size:2.5rem}.chart-row .ledger-chart-right{display:flex;flex-direction:column;width:30%;margin-left:1rem;justify-content:flex-start;align-items:center}.chart-row .ledger-chart-right table{position:relative;font-size:1.5rem;border:1px solid #000;display:block;height:20rem;overflow-y:auto;margin-top:3rem}.chart-row .ledger-chart-right table th{width:10rem;position:sticky}.chart-row .ledger-chart-right table td{text-align:center}.chart-row .ledger-chart-right table td.time-stamp{font-size:1.2rem;width:50%}.chart-row .ledger-chart-right .content-id{font-weight:700;cursor:pointer}.bridge-view,.global-consensus-view{display:flex;flex-direction:column;box-sizing:border-box}.bridge-chart-container{display:flex;flex-direction:row;justify-content:space-between;width:100%;min-height:550px;margin-top:1rem}.bridge-line{width:60%}.bridge-line,.bridge-pie{display:flex;align-items:center;justify-content:center}.bridge-pie{flex-direction:column;width:40%}.bridge-pie h1{font-size:3rem;margin:1.5rem 0}.syncList-view{display:flex;flex-direction:column;box-sizing:border-box}h2{font-size:2rem}.syncList-container{display:flex;flex-direction:row;justify-content:space-between;width:100%;min-height:600px;padding-top:1rem}.syncList-left{width:60%}.syncList-left,.syncList-right{display:flex;flex-direction:column;align-items:center;justify-content:center}.syncList-right{width:40%}.syncList-right img{width:45rem;margin:2rem}.syncList-right h2{font-size:3rem}.syncList-right .dist-banner{background-color:#fff;box-sizing:border-box;padding:1.5rem;height:30%;width:80%;border-radius:10px;box-shadow:2px 2px 5px rgba(0,0,0,.5);text-align:center;margin-top:2rem}.syncList-right .dist-banner p{font-size:2rem;font-weight:600;text-align:left}.syncList-right .dist-banner .p-center{padding-top:1rem;text-align:center;font-weight:800}.sync-banner{background-color:#fff;box-sizing:border-box;padding:1.5rem;height:20%;width:80%;border-radius:10px;box-shadow:2px 2px 5px rgba(0,0,0,.5);text-align:center;margin-top:2rem}.sync-banner h2{font-size:3rem}.sync-banner h3{font-size:2rem}.sync-banner span{font-size:1.3rem}.buttons-row{display:flex;width:50%;justify-content:space-between}.buttons-row button{height:5.5rem;min-width:5.5rem;padding:1rem;margin-top:-1rem;border-radius:100px;z-index:999}.charts-row{display:flex;flex-direction:row;justify-content:space-evenly;height:60%;width:100%;margin-top:1rem;padding-top:3rem}.charts-row .chart-holder{display:flex;height:90%;width:33%}.selected{background-color:rgba(0,255,0,.5)}.content-view{display:flex;flex-direction:column;box-sizing:border-box}.content-view .contract{width:100%;display:flex;flex-direction:column;justify-content:center}.content-view h1{text-align:center}.content-view .input{width:90%}.content-view .input.input-area{height:200px}.content-view .label{display:block;margin:10px 0;font-size:15px}.content-view .button{margin-top:15px;padding:15px;font-size:20px;border-radius:5px}.header{height:40px;width:100%;display:flex;justify-content:space-between;color:#d4d3df}.header .logo-container{display:flex;text-decoration:none;margin-left:15px}.header .logo-container .logo{display:flex;font-size:3rem;color:#d4d3df;padding-top:5px;text-decoration:none}.header .logo-container .logo sup{font-size:1.2rem}.header .title{font-size:2.2rem;letter-spacing:.05rem;margin-top:1rem;padding-top:1rem}.header .options{margin-top:1.5rem;padding-top:1rem;margin-right:70px}.header .options .option{font-size:1.5rem;text-decoration:none;color:#d4d3df}ul{list-style:none}ul li{padding:2px}ul .nav-link{display:flex;color:#d4d3df;text-decoration:none;font-size:1.8rem}ul .nav-row{display:flex}ul .nav-arrow{display:flex;font-size:2.2rem}ul .sub-nav{display:flex;padding-left:1.2rem}ul .bridge-sub{display:flex;padding-left:2rem}ul .sync-sub{display:flex;padding-left:3.2rem}ul .peer-sub{display:flex;padding-left:4.2rem}ul .selected{color:red;background-color:#090825}.footer{display:flex;justify-content:center;width:100%;height:100%;color:#d4d3df}.footer .footer-container{align-content:center;font-size:1.4rem}
/*# sourceMappingURL=main.39e6b29b.chunk.css.map */