.btn{position:relative;cursor:pointer;margin:.5%;padding:auto;overflow:hidden;border-width:0;outline:none;border-radius:5px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.6);box-shadow:0 1px 4px rgba(0,0,0,.6);background-color:var(--prussianBlue);color:#fff;-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}.btn:focus,.btn:hover{background-color:var(--gold)}.btn>*{position:relative}.btn span{display:block;padding:12px 24px}.btn:before{content:"";position:absolute;top:50%;left:50%;display:block;width:0;padding-top:0;border-radius:100%;background-color:rgba(236,240,241,.3);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.btn:active:before{width:120%;padding-top:120%;-webkit-transition:width .2s ease-out,padding-top .2s ease-out;-o-transition:width .2s ease-out,padding-top .2s ease-out;transition:width .2s ease-out,padding-top .2s ease-out}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.btn.red{background-color:var(--darkOrange);border-radius:50%}.btn.red:focus,.btn.red:hover{background-color:var(--darkRed)}.btn.blue{background-color:var(--ivoryBlack);border-radius:50%}.btn.blue:focus,.btn.blue:hover{background-color:var(--darkBlue)}.btn.yellow{background-color:var(--gold);border-radius:50%}.btn.yellow:focus,.btn.yellow:hover{background-color:var(--darkYellow)}.btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.label{color:var(--lightGray);height:50px;width:50px}.raid-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.legend{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:root{--lightGray:#efefef;--gold:#d3b310;--darkOrange:#d35110;--ivoryBlack:#1d2731;--darkRed:#ac1215;--darkBlue:#1262ac;--prussianBlue:#0b3c5d;--darkYellow:#95ac12;--darkCyan:#27ae60;--skyBlue:#3286c1}body{margin:0;padding:0;font-family:sans-serif;background-color:var(--lightGray)}.column{float:left;width:50%}.row:after{content:"";display:table;clear:both}.time-slider{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.button{cursor:pointer}.button:active,.button:focus{color:orange;outline:none}.button.disabled{opacity:.3;cursor:not-allowed}.time{position:relative;right:50%}.graph-title{text-align:center}.disk-shelf{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear;height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.disk-item-container{display:inline-block;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%)}.disk-item{width:100%;text-align:center}.disk-label{text-align:center;color:#d9d9d9;font-weight:700}.slide-container{width:100%;margin-bottom:1.5rem;text-align:center}.input-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background-color:#3286c1;border-radius:4px;width:100%}.input-range:active,.input-range:focus{background-color:#0b3c5d;outline:none}.input-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:16px;width:16px;display:block;background-color:#1d2731;border-radius:100%}.input-range:active::-webkit-slider-thumb,.input-range:focus::-webkit-slider-thumb{background-color:#3286c1}.slider-title{color:#0b3c5d;font-weight:bolder}.raid-menu{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.node{background-color:var(--prussianBlue);font-size:20px;height:270px;width:200px;border-radius:50%;padding:0}.node-label{color:#0b3c5d;font-weight:700;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.disk-node{background-color:var(--gold);font-size:15px;height:60px;width:60px;border-radius:50%;padding:10%}.disk-label{color:#0b3c5d;font-weight:700;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.pipe{fill:var(--prussianBlue);display:inline}$primary:blue;.time-slider{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:5px;.output{background:$primary;color:#fff;border-radius:2px;padding:3px 7px;margin:0 10px;text-align:center;position:relative;&:before{content:"";position:absolute;left:-12px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:0;width:0;border:6px solid $primary;z-index:-1;border-top-color:#fff;border-bottom-color:#fff;border-left-color:#fff}}}.range1{-webkit-appearance:none;outline:none;background:$primary;height:6px;width:200px;border-radius:5px;&::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:$primary}}.range1::-moz-range-thumb{border:none;height:14px;width:14px;border-radius:50%;background:$primary;cursor:pointer}.range1::-moz-range-track{width:100%;height:3px;cursor:pointer;background:$primary;border-radius:5px}.grid-container{display:grid;grid-template-columns:auto auto auto auto auto;grid-gap:0;background-color:#2196f3}.grid-container>div{background-color:hsla(0,0%,100%,.8);border:1px solid #000;text-align:center;font-size:30px}
/*# sourceMappingURL=main.3e4dfafe.css.map*/