*{box-sizing:border-box;--lightblue: rgba(246, 245, 255, 1);--mediumblue: rgb(206, 206, 255);--lightishblue: rgb(218, 222, 247);--lightskyblue: rgb(228, 239, 255);--skyblue: rgb(177, 207, 255);--blueblue: blue;--electricblue: rgb(0, 162, 255);--darkishblue: rgb(119, 119, 181);--darkblue: rgb(0, 0, 123);--bglineblue: rgb(177, 185, 238);--gridline: rgb(156, 167, 219);--lightblue_trans: rgba(255, 255, 255, .95);--linegray: rgb(198, 198, 198);font-family:sans-serif;--padding: 20px}:root{overscroll-behavior:none}body{background-color:var(--lightblue);padding:0;box-sizing:border-box;margin:0;overflow:hidden}h1,h3{margin:0 0 5px}h4{margin:0}a{color:inherit;text-decoration:inherit}p{font-size:14px;margin:0}.smalltext{font-size:12px;opacity:.6}.button{background-color:var(--mediumblue);cursor:pointer;padding:5px 10px;border-radius:10px;width:fit-content;display:flex;gap:3px;align-items:center;text-align:center}.button:hover{background-color:var(--lightblue);outline:1px solid var(--mediumblue)}#permanent-buttons{position:absolute;top:20px;left:20px;right:20px;z-index:1000;gap:20px;pointer-events:none;display:grid;grid-template-columns:1fr 1fr 1fr}#permanent-buttons>div:nth-child(2){justify-self:center}#permanent-buttons>div:last-child{justify-self:end}#permanent-buttons>div{display:flex;gap:10px}#permanent-buttons .button{border:1px solid var(--darkblue);box-shadow:1px 2px 4px 1px #0e008d80;pointer-events:all}.permanent-button{outline:1px solid var(--electricblue);box-shadow:1px 2px 4px 1px #0e008d80,inset 2px 2px 4px var(--electricblue),inset -2px -2px 4px var(--darkblue);background-color:var(--blueblue);color:#fff;pointer-events:all;cursor:pointer;padding:5px 15px;border-radius:20px;width:fit-content;display:flex;gap:3px;align-items:center;text-align:center}.permanent-button:hover{background-color:var(--darkblue)}.white-button{outline:1px solid var(--mediumblue);background-color:#ffffffe6;box-shadow:1px 2px 4px #0e008d33;cursor:pointer;padding:5px 10px;pointer-events:all;border-radius:12px;width:fit-content;display:flex;gap:3px;align-items:center;text-align:center}.white-button:hover{background-color:var(--skyblue);outline:1px solid var(--blueblue)}.tool-button{background-color:var(--lightblue);outline:1px solid var(--mediumblue);cursor:pointer;padding:3px 6px;border-radius:10px;width:fit-content;display:flex;gap:3px;align-items:center;text-align:center;font-size:14px}.tool-button:hover{background-color:var(--mediumblue);outline:1px solid var(--lightblue)}.clickable{cursor:pointer}.hover-line:hover{text-decoration:underline}.text-whitebg{background-color:#fff;border:1px solid red}.frame-rnd,.frame-func{border-radius:10px;overflow:hidden;box-shadow:2px 10px 15px #00000080}.frame-rnd{background:#fffffff7}.frame-func{background:var(--lightblue_trans);border:2px solid var(--darkblue)}.frame-rnd .handler,.frame-func .handler{height:20px;cursor:move;display:flex;justify-content:space-between;align-items:center;padding:0 6px;position:sticky;top:0}.frame-rnd .handler{background:var(--skyblue)}.frame-func .handler{background:var(--darkblue)}.frame-rnd .handler:after{content:"";position:absolute;top:0;left:0;width:12px;bottom:0;background:linear-gradient(90deg,var(--skyblue) 20%,rgba(0,0,255,0) 100%)}.handler-btns{display:flex;gap:3px}.handler-btns>div{height:12px;width:12px;border-radius:7px;cursor:pointer!important;padding:0;position:relative}.handler-btns>div>svg{position:absolute;pointer-events:none;border-radius:50%}.handler-btns>div:first-child{background-color:orange}.handler-btns>div:last-child{background-color:red}.frame-rnd .handler>div:first-child{width:fit-content;max-width:100%;margin-right:5px;text-align:right;padding:0}.handler-path{color:#fff;text-transform:capitalize;font-size:12px;margin-left:4px;white-space:nowrap;float:right;padding:0}.frame-rnd .handler-path{color:var(--blueblue)}.handler-path-link{cursor:pointer!important}.handler-path-link:hover{text-decoration:underline}.frame-content{height:100%;overflow:scroll;position:relative}.info-button{width:20px;height:20px;background-color:var(--lightblue);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--darkblue);cursor:pointer}.info-tooltip{position:absolute;background-color:#fff;z-index:500;padding:10px;box-shadow:2px 5px 10px #0000004d;font-size:14px;border-radius:5px}#home-background{width:100%;height:100vh;padding:80px 20px 20px;display:grid;grid-template-rows:35% 62%;align-items:center;justify-items:center;gap:20px;color:#000;overflow:hidden;z-index:0;position:relative}#home-titlecard p{font-size:clamp(10px,1vw,18px)}#home-bg-top{width:100%;height:100%;display:grid;grid-template-columns:400px auto 400px}#home-titlecard{width:100%;max-width:700px;justify-self:center;min-height:50%;background-color:#f8f7ff;box-shadow:2px 5px 10px #0000884d;padding:30px 60px;border-radius:30px;text-align:center;display:flex;flex-direction:column;gap:20px;align-self:center;justify-content:center}#home-visuals{width:calc(100% - var(--dynamic-margin));height:calc(100% - var(--dynamic-margin));position:relative;display:flex;align-items:end}#home-visuals h4{font-size:clamp(12px,1.1vw,24px)}#home-visuals-left{width:65%;height:100%;position:absolute}#home-visuals-one{width:39%;text-align:center;left:34%;position:absolute;top:20px}#home-visuals-two{width:28%;right:-100px;bottom:60px;position:absolute}#home-visuals-one>div,#home-visuals-two>div{position:absolute;font-size:30px;color:#fff;background-color:var(--mediumblue);height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:-1;top:-25px;left:-15px}.home-visuals-container>div{position:absolute;display:flex;flex-direction:column;align-items:center;gap:10px;top:50%;left:5%;transform:translateY(-30%);max-width:90%}.home-visuals-container .smalltext{background-color:var(--lightblue);opacity:1;font-size:clamp(9px,.8vw,16px)}.home-visuals-container img{width:100%}#home-visuals-list{width:32%;height:auto;position:absolute;top:40%;transform:translateY(-50%)}#home-visuals-map{width:34%;height:auto;position:absolute;bottom:20px;left:38%}#home-visuals-matrix{width:27%;height:auto;position:absolute;top:10px;right:0;display:flex;align-items:center;justify-content:center}#home-visuals-matrix>div{max-width:100%;left:0}#home-visuals-matrix>img{width:90%}#home-visuals-right{width:35%;height:80%;position:absolute;right:0;display:flex;flex-direction:column;justify-content:end;align-items:end;gap:10px}#home-visuals-right img{width:90%;z-index:-100}#home-visuals-right .white-button{font-size:12px}#home-instructions-left{position:relative}#home-instructions-left>div{position:absolute;left:100px;top:80px;width:40%}#home-instructions-left>svg{position:absolute;width:100px;height:140px;top:-20px}#home-instructions-right{position:relative}#home-instructions-right>div{width:40%;position:absolute}#home-instructions-right>div:first-child{top:110px;left:40px}#home-instructions-right>div:nth-child(2){top:20px;left:250px;transform:translate(-50%)}#home-instructions-right>div:nth-child(3){top:150px;right:0}#home-instructions-right>svg:nth-child(4){position:absolute;width:170px;left:0;top:-20px;height:170px;z-index:-1}#home-instructions-right>svg:nth-child(5){position:absolute;left:250px;top:-20px;width:100px;height:90px;z-index:-1}#home-instructions-right>svg:last-child{position:absolute;right:0;top:-20px;width:60px;height:200px;z-index:-1}.home-instructions-container{background-color:var(--lightblue);outline:1px solid var(--mediumblue);padding:10px;text-align:center;width:fit-content;border-radius:10px}#grid{background-size:10px 10px;background-image:repeating-linear-gradient(0deg,var(--gridline),var(--gridline) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(-90deg,var(--gridline),var(--gridline) 1px,transparent 1px,transparent 40px);height:100%;width:100%;opacity:.14;position:absolute;top:0;left:0;z-index:-100}#toggle-bg{position:absolute;bottom:20px;right:20px}#minim-bar{position:absolute;bottom:0;left:10px;display:flex;column-gap:10px;flex-wrap:wrap-reverse;align-content:flex-start;width:100%}.minim-item{border-top:1px solid var(--blueblue);border-left:1px solid var(--blueblue);border-right:1px solid var(--blueblue);border-radius:10px 10px 0 0;padding:5px 10px;display:flex;gap:5px;background-color:#fff;position:relative;cursor:pointer;box-shadow:1px 2px 4px 1px #0e008d80;text-transform:capitalize;width:fit-content}.minim-item-close{position:absolute;right:-5px;top:-5px;background-color:red;width:12px;height:12px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.minim-item-close>svg{position:absolute;pointer-events:none;border-radius:50%}#open-overview-closeall{width:fit-content;background-color:var(--darkblue);color:#fff;position:fixed;right:10px;top:30px}#open-overview-content{display:flex;flex-wrap:wrap;gap:10px;align-items:end;padding:60px 20px 40px;z-index:1}.open-overview-item,.open-overview-item-minim{display:flex;gap:2px;position:relative;min-width:fit-content;min-height:max-content;white-space:pre}.open-overview-item>div:first-child{background-color:var(--mediumblue);border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-transform:capitalize;width:100%;cursor:pointer;word-break:break-all;font-size:12px;text-align:center}.open-overview-item>div:first-child:hover{outline:1px solid var(--blueblue)}.open-overview-item-minim>div:first-child{background-color:#fff;border:1px solid var(--blueblue);border-radius:5px 5px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-transform:capitalize;width:100%;cursor:pointer;word-break:break-all;font-size:12px;text-align:center}.open-overview-closebtn{position:absolute;right:-5px;top:-5px;background-color:red;width:12px;height:12px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.open-overview-closebtn>svg{position:absolute;pointer-events:none;border-radius:50%}#history-buttons{position:absolute;display:flex;align-items:center;gap:10px;top:10px;left:10px}.legend-item{display:flex;gap:10px;margin-bottom:10px;align-items:start}.info-textcontainer{padding:30px}.info-textcontainer>div{margin-bottom:10px}.info-bulletpoint{padding:5px 0 0 20px}.view-switch-btns{position:fixed;bottom:10px;left:10px;display:flex;gap:10px}.listview-projectdiv{width:100%;display:grid;grid-template-columns:30% 40% auto;gap:10px;padding:10px 20px;border-top:1px solid var(--linegray)}#mapview-buttons{position:absolute;display:flex;gap:10px;top:10px;left:50%;transform:translate(-50%);align-items:center;width:max-content}#matrixview-buttons{display:flex;width:100%;justify-content:center;align-items:center;gap:10px;margin-bottom:10px}#project-information{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;padding:20px 20px 10px}#project-information>div:first-child{display:flex;flex-direction:column;gap:20px}#project-vizbtns{display:flex;justify-content:space-between;align-items:center;padding-right:20px;width:100%;gap:10px}#project-timelinecontainer{width:100%;display:flex;flex-direction:column;align-items:center}#project-timelinetoggle{width:fit-content}#project-viz-container{display:flex}.projectdescription{overflow:hidden;transition:max-height .3s ease;position:relative;max-height:205px}.projectdescription.overflowing:after{content:"";position:absolute;left:0;right:0;bottom:0;height:20px;background:linear-gradient(0deg,#fff,#fff0)}#readmorelabel{margin-top:5px}.edgelist-item{width:100%;padding:10px;border-top:1px solid var(--linegray);display:grid;grid-template-columns:30% 30px 1fr 30px 30%}.node-container{display:grid;grid-template-columns:20% auto 20%;gap:10px;margin-bottom:20px;padding:20px}.node-linkednodes-header{font-size:10px}.edge-container{display:grid;grid-template-columns:1fr 30px 2fr 30px 1fr;margin-bottom:20px;padding:20px}