body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App,body,html{color:#fff;height:100%;margin:0;padding:0;width:100%}.App,body,html{background-color:#2a3c5f}.App{text-align:left}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#2a3c5f;flex-direction:column;font-size:calc(10px + 2vmin);overflow:visible;position:relative}.App-header,.hero{align-items:center;color:#fff;display:flex;justify-content:center;min-height:100vh}.hero{background-image:linear-gradient(180deg,#00000080 60%,#2a3c5f4d 85%,#2a3c5f),url(/DataVis-TheOffice/static/media/h-image.ab37290634cc500803b9.jpeg);background-position:50%;background-size:cover;font-size:2rem;text-align:center}.hero-content{color:#fff;position:relative;z-index:2}.container{align-items:center;display:flex;gap:40px;justify-content:space-between;padding:40px}.text{flex:1 1;max-width:50%}.text p{font-size:1.2rem;line-height:1.5;text-align:left}.image{flex:1 1;max-width:50%;text-align:center}.image img{border-radius:10px;box-shadow:0 4px 8px #0003;height:auto;max-width:100%}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tooltip{background-color:#000c;border-radius:4px;color:#fff;display:none;font-size:12px;padding:8px;pointer-events:none;position:absolute;z-index:1000}.linebarchart-container{align-items:end;justify-content:left;padding:10px 10px 30px 30px}.toggle-buttons{display:flex;flex-direction:row;gap:10px}.toggle-buttons button{background-color:#fff;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:calc(10px + 1vmin);padding:15px;text-align:center;width:200px}.toggle-buttons button.active{background-color:#4ba8b2;font-weight:700}.toggle-buttons button:hover{background-color:#727980}.network-filter{align-content:center;display:flex;flex:row 1;gap:10px;justify-content:center}.view-options button{background-color:#e8f0fe;border:1px solid #1a57a2;border-radius:5px;color:#1a57a2;cursor:pointer;font-size:calc(8px + .5vmin);font-weight:700;padding:15px;width:200px}.view-options button.active{background-color:#1a57a2;color:#fff}.view-options button:hover{background-color:#4ba8b2;color:#fff}.content-container{align-items:flex-start;display:flex;gap:40px}.content-container img{border-radius:8px;box-shadow:0 4px 8px #0003;flex-shrink:0}.text-content{color:#2a3c5f;flex:1 1}.text-analysis-insight{display:block;font-size:medium;margin-right:-10px;padding:0}.insight-item h4{color:#373434;justify-content:left;padding-left:2px;text-align:left}.center{display:block;margin-left:auto;margin-right:auto;width:50%}.heading{margin-bottom:-20px;margin-left:40px}.adjust-margin{margin-left:-20px;margin-right:-20px}.intro-text{flex:1 1;gap:40px;padding:40px}.tag{background-color:#f4f4f4;border:1px solid #e9e9e9;border-radius:2px;display:inline-block;padding:2px 0 2px 2px}.tag:focus-within{background-color:#e9e9e9;border-color:#a0a0a0}.tag-remove{background-color:initial;border:none;color:#a0a0a0;cursor:pointer;font-size:75%;line-height:100%;outline:none}.tag-remove.disabled,.tag-remove.readOnly{cursor:not-allowed}.tag-remove:focus{color:#3c3c3c}.node>label{cursor:pointer;margin-left:2px}.tag-list{display:inline;margin:0;padding:0}.tag-item{display:inline-block;margin:4px}.tag-item .search{border:none;border-bottom:1px solid #ccc;outline:none}.tag-item:last-child{margin-right:4px}.node{list-style:none;padding:4px;white-space:nowrap}.node.leaf.collapsed{display:none}.node.disabled>*{color:gray;cursor:not-allowed}.node.match-in-children.hide .node-label{opacity:.5}.node.focused{background-color:#f4f4f4}.toggle{cursor:pointer;margin-right:4px;white-space:pre}.toggle:after{content:" "}.toggle.collapsed:after{content:"+"}.toggle.expanded:after{content:"-"}.searchModeOn .toggle{display:none}.checkbox-item,.radio-item{margin:0 4px 0 0;vertical-align:middle}.checkbox-item.simple-select,.hide:not(.match-in-children),.radio-item.simple-select{display:none}.react-dropdown-tree-select .dropdown{display:table;position:relative}.react-dropdown-tree-select .dropdown .dropdown-trigger{border:1px solid #b9b9b9;display:inline-block;line-height:20px;max-height:200px;overflow:auto;padding:4px}.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow{cursor:pointer}.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.bottom:after{color:#3c3c3c;content:"\25BC";margin-right:2px;vertical-align:middle}.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.top:after{color:#3c3c3c;content:"\25B2";margin-right:2px;vertical-align:middle}.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.disabled{cursor:not-allowed}.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.disabled.bottom:after{color:#b9b9b9}.react-dropdown-tree-select .dropdown .dropdown-content{background:#fff;border-top:1px solid #0000000d;box-shadow:0 5px 8px #00000026;padding:4px;position:absolute;z-index:1}.react-dropdown-tree-select .dropdown .dropdown-content .search{border:none;border-bottom:1px solid #ccc;outline:none;width:100%}.react-dropdown-tree-select .dropdown .dropdown-content ul{margin:0;padding:0}.profile-insights{background-color:#2a3c5f;color:#fff;padding:20px}.section-header h1{color:#fff;font-size:2rem;margin-bottom:20px;text-align:center}.insights-grid-section header h2,.timeline-section h1{color:#fff;margin-bottom:30px;text-align:center}.timeline{padding:20px 0;position:relative}.timeline:before{background:#4ba8b2;content:"";height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}.timeline-item{margin:20px 0;position:relative;width:50%}.timeline-item:nth-child(odd){left:0}.timeline-item:nth-child(2n){left:42%;padding-right:10%}.timeline-content{background:#edefe2;border-radius:8px;box-shadow:0 4px 6px #0003;color:#2a3c5f;left:10%;padding:20px;position:relative;width:90%}.timeline-item:nth-child(2n) .timeline-content{padding-left:40px;width:80%}.timeline-content p{color:#373434;line-height:1.6;margin:0;text-align:left}@media (max-width:768px){.timeline-item,.timeline-item:nth-child(2n),.timeline-item:nth-child(odd){left:0;width:100%}.timeline:before{left:10px}.timeline-content{left:30px;width:calc(100% - 30px)}}.insights-stacked-section{margin-top:20px}.insight-item{background-color:#edefe2;border-radius:8px;box-shadow:0 4px 8px #0003;margin:20px auto;overflow:hidden;padding:15px 20px;width:90%}.insight-item h3{color:#373434;margin-top:0}.insight-item p{color:#373434;line-height:1.6;margin:10px 0 20px;text-align:left}.graph-grid{display:flex;flex-wrap:wrap;gap:15px;margin:20px auto}.graph-grid,h4{justify-content:center}h4{padding-left:20px;text-align:center}.graph-grid img{border-radius:8px;box-shadow:0 4px 6px #0003;max-width:45%;width:100%}.character-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding:30px 30px 50px;width:auto}.card-front,.circle{border-radius:50%;justify-content:center}.circle{align-items:center;background-color:#f0f0f0;cursor:pointer;display:flex;height:150px;overflow:hidden;position:relative;transition:transform .3s ease;width:150px}.circle img{display:block}.circle:hover{transform:scale(1.1);transition:transform .3s ease-in-out}.profile-picture{border-radius:50%;box-shadow:0 2px 5px #0000004d;height:125px;object-fit:cover;width:125px;z-index:2}.donut-chart,.profile-picture{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.donut-chart{height:150px;object-fit:contain;width:150px;z-index:1}.character-wrapper{align-items:center;display:flex;flex-direction:column}.character-name{opacity:0;transition:opacity .3s ease-in-out}.card-front:hover .character-name{opacity:1}.character-name p{color:#add8e6;font-size:14px;font-weight:700;margin:0}.modal-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000004d;max-height:90vh;max-width:1000px;overflow:auto;padding:20px;position:relative;text-align:left;width:90%}.text-section{align-items:left;background-color:#f9f9f9;border-radius:8px;flex:1 1;min-width:300px;overflow-y:auto;padding:20px}.text-section img{display:block;float:left;margin:0 15px 0 auto;width:150px}.text-section h2,.text-section h3{color:#1a57a2;margin-top:10px;text-align:left}.text-section h3 span{color:#373434;font-weight:400;margin-left:3px}.chart-section{align-items:center;justify-content:center}.text-section p,.text-section ul{clear:left;color:#373434;line-height:1.6;margin:10px 0}.text-section strong{color:#1a57a2;font-weight:700}ul{list-style:disc;list-style-position:inside;margin:5px 0;padding-left:20px}li{color:#373434;line-height:1.6;margin:0;padding-left:5px}.text-section li::marker{color:#000;font-size:16px}.chart-section{display:flex;flex:2 1;flex-direction:column;gap:20px;min-width:600px;padding:20px}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:18px;font-weight:700;position:absolute;right:10px;top:10px}.close-button:hover{color:red}.modal-content img{border-radius:50%;height:100px;margin-bottom:10px;width:100px}.modal-content h2{font-size:24px;margin-bottom:20px}#tooltip{background:#000c;border-radius:5px;box-shadow:0 4px 6px #0000004d;color:#a9d2e6;font-size:14px;padding:10px;pointer-events:none;position:absolute;visibility:hidden;z-index:2000}.legend-container{margin-bottom:20px;margin-top:20px}.legend{gap:20px;justify-content:center;padding-right:40px}.legend,.legend-item{align-items:center;display:flex}.legend-item{gap:8px}.legend-color{border-radius:50%;height:16px;width:16px}.legend-text{color:#fff;font-size:14px}.character-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.card-front{align-items:center;display:flex;flex-direction:column}.character-name{color:#fff;font-size:14px;margin-top:10px;text-align:center}.dropdown{padding-top:2%}
/*# sourceMappingURL=main.95145610.css.map*/