:root{--clr-primary:#2071ac;--clr-hover:#12578f;--clr-focus-shadow:rgba(32,114,172,0.5);--clr-header:#020098;--clr-dark-bg:#343a40;--clr-gold:#ffdfa2;--clr-warning:#ffa600;--clr-warning-dark:#a36a00;--clr-red:#cb0000;--clr-darkred:#9d0000;--clr-green:green;--clr-darkgreen:darkgreen;--clr-lightblue:#f2f8ff;--clr-light:#fff;--clr-gray-light:#ebebebff;--clr-gray-1:#696969;--clr-gray-2:#4e4e4e;--clr-gray-3:#292e32;--clr-border-light:#dee2e6;--clr-dark:#000;--bs:0.25em 0.25em 0.75em rgba(0,0,0,0.25),0.125em 0.125em 0.25em rgba(0,56,28,0.185);--br:0.3rem;--fs-navbar:1.125rem}@media (min-width:992px){:root{--fs-navbar:1.25rem}}*{box-sizing:border-box}body,html{width:100%;height:100%;color:var(--clr-gray-1);margin:0;padding:0}.app{line-height:1.8;justify-content:space-between;min-height:100vh}.app,main{display:flex;flex-direction:column}main{width:100%;height:100%;min-height:calc(100vh - 224px);justify-content:space-around;align-items:start;padding:1rem 0 2rem}@media (min-width:800px) and (min-aspect-ratio:1/1){main{flex-direction:row}}h1{margin:.5rem 0;text-align:center}h1,h2{color:var(--clr-header)}h2{margin:0 auto 1.5rem}h3,h5{color:var(--clr-gray-2)}p{font-size:1.1rem}a{color:var(--clr-primary);text-decoration:none}a:hover{color:var(--clr-hover);text-decoration:underline}.text-success{color:var(--clr-green)}.dark-text{color:var(--clr-dark)}.warning{padding:.4em 1em;border:1px dashed var(--clr-warning);color:var(--clr-warning-dark)}.units{font-family:var(--font-source-code-pro)}.label-disabled{color:var(--clr-gray-1)}.btn-group{width:100%;display:flex;flex-direction:row;column-gap:1rem;justify-content:center}.btn{border-radius:var(--br)!important;text-align:center;vertical-align:middle;padding:.6em 1.5em;font-size:1rem;letter-spacing:2px;color:var(--clr-light);transition:background-color .15s ease-in-out,border-color .15s ease-in-out;flex:1 1;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-sm{font-size:.875rem;padding:.3rem .7rem}.btn:hover{cursor:pointer}.btn-short{max-width:10rem}.btn-primary{background-color:var(--clr-primary);border:1px solid var(--clr-primary)}.btn-primary:active,.btn-primary:focus,.btn-primary:focus-visible,.btn-primary:hover{background-color:var(--clr-hover);border-color:var(--clr-hover)}.btn-primary:focus-visible{box-shadow:0 0 0 .25rem var(--clr-focus-shadow)}.btn-secondary{background-color:var(--clr-red);color:var(--clr-light);border:1px solid var(--clr-red);transition:background-color .15s ease-in-out,border-color .15s ease-in-out;flex:1 1}.btn-secondary:hover{background-color:var(--clr-darkred);border-color:var(--clr-darkred)}.btn-success{background-color:var(--clr-green);color:var(--clr-light);border:1px solid var(--clr-green);transition:background-color .15s ease-in-out,border-color .15s ease-in-out;flex:1 1}.btn-success:hover{background-color:var(--clr-darkgreen);border-color:var(--clr-darkgreen);color:var(--clr-light)}.btn:disabled{pointer-events:none;opacity:.4}nav.navbar{border-bottom:1px solid rgba(18,0,153,.4);box-shadow:.15em .15em .4em rgba(18,0,153,.3),.05em .06em .125em rgba(18,0,153,.185);width:100%;margin-bottom:1rem;padding:0 2rem;background:var(--clr-header)}.logo-dark{display:inline}.logo-light{display:none}h1.h1-large,h1.h1-small{color:var(--clr-light)}h1.h1-small{display:none;background-color:var(--clr-header);width:100%;margin:0;padding:.4em}.dropdown-toggle,.dropdown-toggle:focus{font-size:var(--fs-navbar);color:var(--clr-lightblue)}.dropdown-toggle:hover{color:var(--clr-light)}.dropdown-toggle:after{transition:transform .3s ease}.dropdown .show.dropdown-toggle:after{transform:rotate(180deg);vertical-align:.1em}.dropdown>.dropdown-menu{opacity:0;transform:translateY(-1rem);transition:opacity .3s,transform .3s;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.dropdown-menu.show{right:0;left:auto;text-align:right;min-width:auto;padding:.5em;opacity:1;transform:translateY(0)}.dropdown-item{border-radius:var(--br)}.dropdown-item:active,.dropdown-item:hover{background-color:var(--clr-gray-light)}@media (max-width:600px){nav.navbar{justify-content:center;padding:0;background:var(--clr-light)}.logo-dark{display:none}.logo-light{display:inline}h1.h1-small{display:block}h1.h1-large{display:none}.dropdown-toggle,.dropdown-toggle:focus{color:var(--clr-gray-1)}.dropdown-toggle:hover{color:var(--clr-gray-2)}}.connection-section{display:flex;justify-content:center;padding:0 2rem}.connection-container{display:flex;flex-direction:row;gap:1rem;margin:1em .5em;max-width:385px}.circle{width:1.2rem;height:1.2rem;display:inline-block;border-radius:50%;margin:0 .25em}.green-circle{background-color:var(--clr-green)}.gray-circle{background-color:var(--clr-gray-1)}.blink{display:block;width:1.2rem;height:1.2rem;background-color:var(--clr-green);opacity:.7;border-radius:50%;animation:blink 1s linear infinite}@keyframes blink{to{transform:scale(2);opacity:0}}.connection-status{font-size:var(--fs-navbar);margin-left:.25em}@media (min-width:800px) and (min-aspect-ratio:1/1){.connection-section{justify-content:start}}figure.modal-body{position:relative;aspect-ratio:1021/1117}figure>.layout-img{objectfit:contain;width:auto;height:auto;padding:1em}.modal-footer .btn{flex:initial}.modal-header{justify-content:space-between;background:var(--clr-header)}.modal-header h2{color:var(--clr-light);margin:0}.btn-close{color:var(--clr-light);opacity:.8}.btn-close:hover{color:var(--clr-light);opacity:1}.modal.fade{transition:opacity .15s linear}.fade{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}form{margin:1.5rem auto;width:100%;padding:0;flex-shrink:0}.form-container{margin:1rem auto;width:90%;max-width:none;flex-shrink:0;display:flex;flex-direction:column}.form-outline{margin:0 auto;width:100%;max-width:none;padding:0 1rem;flex-shrink:0;border-radius:0 0 var(--br) var(--br);border:.5px solid var(--clr-border-light);border-top:none}.form-container .nav-link{color:var(--clr-primary)}.form-container .nav-link:focus,.form-container .nav-link:hover{color:var(--clr-hover)}.input-section{width:100%;position:relative;display:grid;grid-template-columns:max-content max-content;grid-gap:0 .25em;gap:0 .25em;background-color:var(--clr-lightblue);padding:.5rem 1rem;margin-bottom:1rem;border:.5px solid rgba(32,113,172,.4);border-radius:var(--br)}.input-section>label{text-align:right}.input-section-disabled{background-color:#f5f5f5;border-color:rgba(154,154,154,.4)}.radio-input-label{margin-right:.3rem}input[type=radio i]{margin:3px 3px 0;cursor:pointer}input[type=number]{max-width:3.5rem;padding:.15em .3em;height:1.5em}input:disabled{color:var(--clr-gray-1)}.form-field:focus{border:2px solid var(--clr-primary);border-radius:var(--br);outline:none}.form-field-error{border:1px solid var(--clr-red);border-radius:var(--br)}.error-message{color:var(--clr-red);border-top:1px dotted var(--clr-red);margin-top:.25em;grid-column:2;max-width:254px}@media (min-width:800px) and (min-aspect-ratio:1/1){.form-container,form{width:max-content}.form-container{margin:0 1rem 0 2rem}.form-outline{width:max-content}.input-section{gap:.25em}input[type=number]{height:1.7em}}@media (max-width:450px){.wrap-container{display:flex;flex-wrap:wrap;width:12rem}input[type=number]{height:1.8em;margin-bottom:.4em}}.info-icon-display{position:relative}.info-icon{color:var(--clr-gray-1);background-color:inherit;border:none;padding:0;margin:0 .25em 0 .5em}.info-icon:hover{cursor:pointer}.info-icon-disabled{pointer-events:none}.info-modal{background-color:var(--clr-light);position:absolute;top:-5px;left:34px;border:1px solid var(--clr-gray-1);border-radius:var(--br);padding:.25em .75em;box-shadow:var(--bs);width:max-content;max-width:20rem;z-index:1000}.info-modal:after{content:"";position:absolute;top:10px;left:-6px;width:0;height:0;border-top:5px solid transparent;border-right:5px solid var(--clr-gray-1);border-bottom:5px solid transparent}@media (max-width:576px){.info-modal{top:30px;left:-115px;max-width:15rem}.info-modal:after{top:-11px;left:124px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--clr-gray-1)}}.chart-area{padding:0 1rem;max-width:100%}.chart-container{width:90%;min-height:300px;height:calc(100vh - 850px);margin:2rem auto 1rem}@media (min-width:800px) and (min-aspect-ratio:1/1){.chart-area{padding:0 2rem 0 1rem}.chart-container{width:100%;width:calc(100vw - 520px);height:487px;margin:0 0 1rem}}.footer{margin-top:1rem;width:100%;background-color:var(--clr-dark-bg);color:var(--clr-light)}.footer-content{max-width:900px;margin:0 auto;padding:10px 20px;display:grid;grid-template-columns:1fr 1fr 1fr}.footer-content__column{font-size:.85rem;line-height:2;padding:10px 0}.footer-content__column a{color:var(--clr-gold)}@media (max-width:800px){.footer-content{display:block;margin:0 2rem}}