body{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif!important;color:#fff}.dark-mode{background:linear-gradient(90deg,#020024,#001848 35%,#003060)!important;color:#fff!important;box-shadow:0 .5px 1px #ffffffe9!important;stroke:#fff!important}.light-mode{background:linear-gradient(120deg,#f5f5f5,#dfdfdf)!important;color:#000!important;box-shadow:0 .5px 1px #000000e9!important;stroke:#000!important}.dark-mode .sidebar{background:linear-gradient(120deg,#323232,#555)}.light-mode .sidebar{background:#f0f0f0}.dark-mode .content-wrapper h4{color:#ffe680;border-bottom:1px solid rgba(255,255,255,.3)}.light-mode .content-wrapper h4{color:#ea3131;border-bottom:1px solid rgba(0,0,0,.3)}.dark-mode .content-wrapper p,.content-wrapper a{color:#fff;font-size:9px;margin:5px 0}.light-mode .content-wrapper p,.content-wrapper a{color:#000;font-size:9px;margin:5px 0}.dark-mode .content-wrapper a{text-decoration:none;color:#ffe680}.light-mode .content-wrapper a{text-decoration:none;color:#2862a0}.dark-mode .content-wrapper table th{border:1px solid rgba(255,255,255,.3)}.light-mode .content-wrapper table th{border:1px solid rgba(0,0,0,.3)}.dark-mode .content-wrapper table td{border:1px solid rgba(255,255,255,.3)}.light-mode .content-wrapper table td{border:1px solid rgba(0,0,0,.3)}.dark-mode .toggle-button{color:#fff}.light-mode .toggle-button{color:#000}.dark-mode .custom-dropdown{border-color:#fff!important;color:#fff;background:linear-gradient(120deg,#020024,#001848);background-image:url('data:image/svg+xml;utf8,<svg fill="white" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>')}.light-mode .custom-dropdown{border-color:#000!important;color:#000!important;background:#fff;background-image:url('data:image/svg+xml;utf8,<svg height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>')}.dark-mode .dropdown{background:linear-gradient(120deg,#1e1e1e,#3c3c3c,#5a5a5a);box-shadow:0 2px 4px #0000001a;border:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.light-mode .dropdown{background:#fff;box-shadow:0 2px 4px #ffffff1a;border:1px solid #000000;border-bottom:1px solid #000000}.dark-mode .dropdown .dropdown-item,.light-mode .dropdown .dropdown-item{padding:10px;width:100%;box-sizing:border-box;cursor:pointer;font-size:11px;border-bottom:1px solid;word-wrap:break-word;word-break:break-word;display:flex;flex-wrap:wrap}.dark-mode .dropdown .dropdown-item{border-bottom-color:#dcdcdc}.light-mode .dropdown .dropdown-item{border-bottom-color:#000}.dark-mode .dropdown .dropdown-item:hover{background:linear-gradient(120deg,#3c3c3c,#5a5a5a,#787878)}.light-mode .dropdown .dropdown-item:hover{background:linear-gradient(120deg,#d3d3d380,#d3d3d3)}.dark-mode .dropdown .dropdown-item:last-child,.light-mode .dropdown .dropdown-item:last-child{border-bottom:none}.dark-mode .version-dropdown{border-color:#fff!important;color:#fff;background:linear-gradient(120deg,#020024,#001848);background-image:url('data:image/svg+xml;utf8,<svg fill="white" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>')}.light-mode .version-dropdown{border-color:#000!important;color:#000!important;background:#fff;background-image:url('data:image/svg+xml;utf8,<svg height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>')}.dark-mode .sideinfo h3{font-size:10px;color:#fff;margin-bottom:5px;text-transform:uppercase}.light-mode .sideinfo h3{font-size:10px;color:#000;margin-bottom:5px;text-transform:uppercase}.dark-mode #work{color:#fff;background:linear-gradient(120deg,#005f69,#00a0dc);border:1px solid #dcdcdc}.light-mode #work{color:#000;background:linear-gradient(120deg,#fdd54f80,#fdd54f);border:1px solid #000000}.dark-mode #task{color:#fff;background:linear-gradient(120deg,#004d66,#17b169);border:1px solid #dcdcdc}.light-mode #task{color:#000;background:linear-gradient(120deg,#fda15380,#fda153);border:1px solid #000000}.dark-mode #data{color:#fff;background:linear-gradient(120deg,indigo,#9400d3 60%,#9c9ccb);border:1px solid #dcdcdc}.light-mode #data{color:#000;background:linear-gradient(120deg,#9691dc80,#9691dc);border:1px solid #000000}.dark-mode #output{color:#fff;background:linear-gradient(120deg,#8c0f28,#f0146e 80%,#f064aa);border:1px solid #dcdcdc}.light-mode #output{color:#000;background:linear-gradient(120deg,#f18786,#dd5568);border:1px solid #000000}.dark-mode #table{color:#fff;background:linear-gradient(120deg,#c85014,#f37b28 75%,#ffb464);border:1px solid #dcdcdc}.light-mode #table{color:#000;background:linear-gradient(120deg,#66bbff80,#6bf);border:1px solid #000000}.dark-mode #view{color:#fff;background:linear-gradient(120deg,#8b6408,#b8820f,#c8aa32);border:1px solid #dcdcdc}.light-mode #view{color:#000;background:linear-gradient(120deg,#3fe37d80,#3fe37d);border:1px solid #000000}.dark-mode .vertical-line1{background:linear-gradient(120deg,#00a0dc,#17b169)}.dark-mode .vertical-line2{background:linear-gradient(180deg,#17b169 18%,#9400d3 60%,#f0146e)}.dark-mode .vertical-line4{background:linear-gradient(180deg,#f0146e,#966432 80%)}.dark-mode .vertical-line5{background:linear-gradient(180deg,#963234,#c8965a 110%)}.dark-mode .vertical-line6{background:linear-gradient(180deg,#b8820f,#555)}.dark-mode .vertical-line7{background:linear-gradient(180deg,#9400d3,#555 80%)}.light-mode .vertical-line1{background:linear-gradient(120deg,#fdd54f,#fda153 50% 100%)}.light-mode .vertical-line2{background:linear-gradient(120deg,#fda153,#59559a 60%,#d57784)}.light-mode .vertical-line4{background:linear-gradient(120deg,#d57784 20%,#6bf)}.light-mode .vertical-line5{background:linear-gradient(120deg,#6bf,#3fe37d)}.light-mode .vertical-line6{background:linear-gradient(120deg,#3fe37d,#636363)}.light-mode .vertical-line7{background:linear-gradient(120deg,#9691dc,#636363)}.light-mode .flow-container{box-shadow:none!important}.light-mode .workflow-box{background:linear-gradient(120deg,#fdd54f80,#fdd54f);box-shadow:0 .5px 1px #000000e9}.dark-mode .workflow-box{background:linear-gradient(120deg,#005f69,#00a0dc)}.light-mode .show-more-btn,.light-mode .show-less-btn{background:linear-gradient(120deg,#fdb91380,#fdb913);color:#000}.dark-mode .show-more-btn,.dark-mode .show-less-btn{background:linear-gradient(120deg,#005f69,#00a0dc);color:#fff}.light-mode .task-box{background:linear-gradient(120deg,#fda15380,#fda153)!important;box-shadow:0 .5px 1px #000000e9}.dark-mode .task-box{background:linear-gradient(120deg,#004d66,#17b169)!important}.light-mode .dataset-box{background:linear-gradient(120deg,#9691dc80,#9691dc);box-shadow:0 .5px 1px #000000e9}.dark-mode .dataset-box{background:linear-gradient(120deg,indigo,#9400d3 60%,#9c9ccb)}.light-mode .outputPaths-box{background:linear-gradient(120deg,#f18786,#dd5568);box-shadow:0 .5px 1px #000000e9}.dark-mode .outputPaths-box{background:linear-gradient(120deg,#8c0f28,#f0146e 80%,#f064aa)}.dark-mode .table-box{background:linear-gradient(120deg,#a84411,#f37b28 75%,#ff9632)}.light-mode .table-box{background:linear-gradient(120deg,#66bbff80,#6bf);box-shadow:0 .5px 1px #000000e9}.dark-mode .view-box{background:linear-gradient(120deg,#8b6408,#b8820f 70%,#cfb652)}.light-mode .view-box{background:linear-gradient(120deg,#3fe37d80,#3fe37d);box-shadow:0 .5px 1px #000000e9}.dark-mode .details-container{background:linear-gradient(120deg,#323232,#555,#777);border:1px solid #ccc}.light-mode .details-container{background:linear-gradient(120deg,#eeaaee80,#eae);background:linear-gradient(120deg,#ffdfba80,#ffdfba);background:#f0f0f0;border:1px solid #000000}.dark-mode .dataset-container{border-top:1px solid #ccc;padding-top:10px;margin-bottom:5px;border-radius:5px;box-shadow:0 2px 4px #0000001a}.light-mode .dataset-container{border-top:1px solid #000000;padding-top:10px;margin-bottom:5px;border-radius:5px;box-shadow:0 2px 4px #f6f6f61a}.dark-mode .selectedWorkflow{background:linear-gradient(120deg,#002832,#004161)}.dark-mode .selectedTask{background:linear-gradient(120deg,#003246,#0a5a37)}.dark-mode .selectedDataset{background:linear-gradient(120deg,#190032,#320050 60%,#460064)}.dark-mode .selectedOutput{background:linear-gradient(120deg,#460514,#820a3c 80%,#82285a)}.dark-mode .selectedTable{background:linear-gradient(120deg,#5a1e08,#8c3c14 75%,#a05019)}.dark-mode .selectedView{background:linear-gradient(120deg,#463204,#644607 70%,#786428)}.light-mode .selectedWorkflow{background:linear-gradient(120deg,#99802f80,#99802f)}.light-mode .selectedTask{background:linear-gradient(120deg,#965a28b3,#965a28)}.light-mode .selectedDataset{background:linear-gradient(120deg,#46418c80,#46418c)}.light-mode .selectedOutput{background:linear-gradient(120deg,#bf5554,#ab2336)}.light-mode .selectedTable{background:linear-gradient(120deg,#2a75b980,#2a75b9)}.light-mode .selectedView{background:linear-gradient(120deg,#0db14b80,#0db14b)}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.custom-snackbar-error{margin-top:10px!important;background:linear-gradient(120deg,#323232,#555);color:#fff!important}.custom-snackbar-error .mat-mdc-snack-bar-action{color:red!important;background:transparent!important}.custom-snackbar-error .mat-mdc-snack-bar-action:hover,.custom-snackbar-error .mat-mdc-snack-bar-action:focus,.custom-snackbar-error .mat-mdc-snack-bar-action:active{color:#6f0000!important}.custom-snackbar-error .mat-mdc-snack-bar-action .mat-mdc-button-ripple,.custom-snackbar-error .mat-mdc-snack-bar-action .mdc-button__ripple,.custom-snackbar-error .mat-mdc-snack-bar-action .mdc-button__focus-ring{background-color:transparent!important;opacity:0!important}.light-mode .heading1,.light-mode .heading2{color:#000!important}