.sidebar.expanded{--sidebar-width: 160px}.sidebar.not-expanded{--sidebar-width: 36px}.sidebar{position:relative;width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;z-index:20;box-shadow:var(--sidebar-boxshadow);background-color:var(--primary-color);transition:width .5s ease-in-out}.sidebar .sidebar-link{transition:padding-left .5s ease-in-out}.sidebar .sidebar-link .list-item-text{transition:opacity .5s ease-in-out,width .5s ease-in-out;overflow:hidden}.sidebar.expanded .sidebar-link{padding-left:10px}.sidebar.expanded .sidebar-link .list-item-text{width:100%;opacity:1}.sidebar.expanded .title .logo{opacity:0;transition:opacity .5s ease-in-out;display:none;transition-delay:display .5s ease}.sidebar.expanded .title .text{opacity:1;font-family:Courier}.sidebar.not-expanded .sidebar-link{padding-left:0}.sidebar.not-expanded .sidebar-link .list-item-text{width:0px;opacity:0}.sidebar.not-expanded .title .logo{opacity:1;font-family:Reem Kufi;font-optical-sizing:auto;font-weight:450;font-style:normal;transform:rotate(-90deg)}.sidebar.not-expanded .title .text{opacity:0;transition:opacity .5s ease-in-out;display:none;transition-delay:display .5s ease}.sidebar-content{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;margin:10px 10px 0}.sidebar-content .title{padding-top:5px;padding-bottom:10px;font-size:21px;color:var(--secondary-color);cursor:default}.sidebar-content .hamburger-menu{width:21px;height:21px}.sidebar-content .hamburger-menu svg{width:17.92px;height:17.92px}.sidebar-content .list{position:relative;width:100%;padding-top:5px;padding-bottom:5px;display:flex;flex-direction:column;color:#fff}.sidebar-content .list svg{width:15px;transform:translateY(-2px)}.sidebar-content .divider{height:0px;max-height:0px;width:100%;border-bottom:1px solid var(--secondary-color)}.sidebar-content .last{margin-bottom:15px}.sidebar-content .space{flex:1}.sidebar-content .sidebar-link{position:relative;height:20px;margin-bottom:2px;padding-left:10px;font-size:14px}.sidebar-content .sidebar-link:hover{background-color:var(--blurred-color)}.sidebar-content .sidebar-link a{color:var(--secondary-color);text-decoration:none;height:20px;cursor:default}.sidebar-content .sidebar-link a .list-item{vertical-align:middle;display:flex;flex-direction:row}.sidebar-content .sidebar-link a .list-item .icon{padding-right:5px}.sidebar-content .sidebar-link a .list-item .list-item-text span{font-size:13px;font-family:Courier;line-height:1.5;color:var(--secondary-color)}.page-container{position:relative;width:100%;height:100%;display:flex;flex-direction:row;background-color:var(--primary-color)}.body{position:relative;flex:1;height:100%;max-width:calc(100vw - var(--sidebar-width))}a{text-decoration:none;cursor:default}.theme-white{--primary-color: white;--secondary-color: black;--tertiary-color: #666666;--blurred-color: #EEEEEE;--hovered-color: #AAAAAA;--placeholder-color: #AAAAAA;--year-background-color: #F5F5F5;--buttons-background-color: #EEEEEE;--sidebar-boxshadow: 0px 0px 10px 0px rgba(0,0,0,.4);--toolbar-boxshadow: 0px 2px 2px 0px rgba(0,0,0,.2);--editing-boxshadow-color: #FF9090;--warning-color: #FF0000}.theme-black{--primary-color: #2C2C2C;--secondary-color: #AAAAAA;--tertiary-color: #AAAAAA;--blurred-color: #444444;--hovered-color: #AAAAAA;--placeholder-color: #AAAAAA;--year-background-color: #444444;--buttons-background-color: #444444;--sidebar-boxshadow: 0px 0px 10px 0px rgba(255,255,255,.4);--toolbar-boxshadow: 0px 2px 2px 0px rgba(255,255,255,.2);--editing-boxshadow-color: #FF9090;--warning-color: #FF9090}.elevation-4{transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;border-radius:4px;box-shadow:0 2.5px 2.5px -1.5px #0000001a,0 4px 5px .5px #00000012,0 1.5px 7px 1px #0000000f}.elevation-8{transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.toolbar-search .search{margin-left:5px;margin-right:10px;display:flex;flex-direction:row;align-items:center}.toolbar-search .search .search-expansion-button{margin-bottom:2px;padding-right:9px;width:20px;height:fit-content;display:flex;flex-direction:row;color:var(--secondary-color)}.toolbar-search .search .search-expansion-button .icon{position:relative;height:20px}.toolbar-search .search .search-expansion-button .icon svg{position:absolute;top:0px;left:0px;width:12px}.toolbar-search .search .search-expansion-button .arrows{position:relative;height:20px}.toolbar-search .search .search-expansion-button .arrows svg{position:absolute;top:0px;left:9px;width:9px}.toolbar-search .search .input{max-height:20px;margin-right:40%;width:100%;outline:0px solid transparent;align-items:baseline;font-size:12px;color:var(--secondary-color)}.toolbar-search .search .input:empty:before{content:attr(placeholder);color:var(--hovered-color)}.search-panel{position:relative;width:100%;height:fit-content;margin-top:30px;margin-bottom:30px;opacity:0;background-color:#fff;box-shadow:0 2px 2px #0006;animation:fadein 1s .2s forwards}.search-panel .period{padding:30px 50px 0}.home-page{height:100%;font-family:Courier;color:var(--secondary-color);overflow-y:scroll}.home-page .unit{position:relative;height:100vh;min-height:100vh;display:flex;flex-direction:column;padding:40px}.home-page .theme{height:fit-content}.home-page .theme .title{font-size:80px}.home-page .theme .subtitle{font-size:32px}.home-page .search{position:relative;padding:30px;flex:1;display:flex;flex-direction:column;justify-content:center}.home-page .search .datatypes{width:100%;display:flex;flex-direction:row;padding:10px}.home-page .search .datatypes .item{height:20px;margin:5px;padding:3px;text-align:center;border-radius:5px;cursor:default}.home-page .search .datatypes .item:hover,.home-page .search .datatypes .item.selected{background-color:var(--buttons-background-color)}.home-page .search .datatypes .all{width:50px}.home-page .search .datatypes .datatype{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center}.home-page .search .datatypes .datatype .icon{padding-right:3px}.home-page .search .datatypes .datatype .icon svg{width:20px;transform:translateY(2px)}.home-page .search .datatypes .datatype .text{width:fit-content}.home-page .search .input{width:100%;padding:10px;outline:0px solid transparent;align-items:baseline;font-size:20px;color:var(--secondary-color);border:1px solid var(--placeholder-color);border-radius:10px}.home-page .search .input:focus{outline:1px solid var(--secondary-color)}.home-page .search .input:empty:before{content:attr(placeholder);color:var(--hovered-color)}.home-page .search .result{flex:1;width:100%;height:300px;max-height:300px;margin:30px;overflow-y:scroll}.home-page .search .result .result-items{display:flex;flex-direction:column}.home-page .search .result .result-items .item{height:30px;display:flex;flex-direction:row;align-items:baseline;cursor:default}.home-page .search .result .result-items .item .icon svg{height:20px;transform:translateY(5px)}.home-page .search .result .result-items .item .name{padding-left:2px;padding-bottom:0;font-size:16px}.home-page .search .result .result-items .item:hover{background-color:var(--buttons-background-color)}.close-button{display:flex;justify-content:center;vertical-align:middle;align-items:center}.close-button:hover{background-color:#eee}.close-button svg{height:1rem}.select-panel{display:flex;flex-direction:column;background-color:transparent}.select-panel .MuiDialog-paper{max-width:fit-content}.select-panel .content{position:relative;margin:30px;width:fit-content;height:fit-content;overflow:hidden;display:flex;flex-direction:column}.select-panel .button{width:100%;text-align:center}.select-panel .editable{outline:0px solid transparent;cursor:text}.select-panel .editable:empty:before{content:attr(placeholder);color:#aaa}.select-panel .info{width:400px;font-family:Circular Std,Arial,sans-serif;position:relative;display:flex;flex-direction:column}.select-panel .info .name{padding:5px}.select-panel .info .name .original,.select-panel .info .name .full{font-size:15px}.select-panel .info .year{margin-left:20px;margin-right:20px;height:fit-content;display:flex;flex-direction:row;justify-content:space-between}.select-panel .info .year .item{width:50%;padding:10px;height:60px;display:flex;flex-direction:column;border-radius:10px}.select-panel .info .year .item div{width:100%}.select-panel .info .year .item .life-index{font-family:Courier;font-size:15px;text-align:left}.select-panel .info .year .item .life-year{text-align:center;font-size:25px}.select-panel .info .year .space{flex:1}.select-panel ._info{width:400px;font-family:Circular Std,Arial,sans-serif}.select-panel ._info .editable{outline:0px solid transparent;cursor:text}.select-panel ._info .editable:empty:before{content:attr(placeholder);color:#aaa}.select-panel ._info .info-life{min-width:300px;margin-top:5px;margin-bottom:5px;padding:10px;border-left:1px solid #AAAAAA;display:flex;flex-direction:column}.select-panel ._info .info-life .life{width:50%}.select-panel ._info .info-life .life .year{font-size:20px;display:flex;flex-direction:row}.select-panel ._info .info-life .life .year .born,.select-panel ._info .info-life .life .year .died{width:50px;text-align:right;outline:0px solid transparent}.select-panel ._info .info-life .life .year .date{width:65px;padding-right:5px}.select-panel ._info .info-life .life .is-uncertain{cursor:default}.select-panel ._info .info-life .life .hover:hover{opacity:1}.select-panel ._info .info-life .life:first-of-type{padding-bottom:10px}.select-panel ._info .checkbox-uncertain{display:flex;flex-direction:row}.select-panel .about{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.select-panel .about .about-content{position:absolute;width:100%;overflow-x:scroll}.select-panel .about .about-content .about-info{width:100%;display:flex;flex-direction:row}.select-panel .about .about-content .about-info .image{min-width:120px;height:160px;margin:20px;border:1px solid #DDDDDD}.select-panel .about .about-content .about-info .info{width:400px}.select-panel .about .about-content .about-info .info .editable{outline:0px solid transparent;cursor:text}.select-panel .about .about-content .about-info .info .editable:empty:before{content:attr(placeholder);color:#aaa}.select-panel .about .about-content .about-info .info .info-life{min-width:300px;margin-top:5px;margin-bottom:5px;padding:10px;border-left:1px solid #AAAAAA;display:flex;flex-direction:column}.select-panel .about .about-content .about-info .info .info-life .life{width:50%}.select-panel .about .about-content .about-info .info .info-life .life .year{font-size:20px;display:flex;flex-direction:row}.select-panel .about .about-content .about-info .info .info-life .life .year .born,.select-panel .about .about-content .about-info .info .info-life .life .year .died{width:50px;text-align:right;outline:0px solid transparent}.select-panel .about .about-content .about-info .info .info-life .life .year .date{width:65px;padding-right:5px}.select-panel .about .about-content .about-info .info .info-life .life .is-uncertain{cursor:default}.select-panel .about .about-content .about-info .info .info-life .life .hover:hover{opacity:1}.select-panel .about .about-content .about-info .info .info-life .life:first-of-type{padding-bottom:10px}.select-panel .about .about-content .about-info .info .checkbox-uncertain{display:flex;flex-direction:row}.select-panel .about .about-content .about-tags{flex:1;margin:0;display:flex;flex-direction:column}.select-panel .about .about-content .about-tags .tags .tag{padding-bottom:10px}.select-panel .about .about-content .about-tags .tags .tag .tag-name{font-size:12px}.select-panel .about .about-content .about-tags .tags .tag .tag-labels .label{padding-right:10px;font-size:14px}.select-panel .relations{position:relative;height:100%;display:flex;flex-direction:row;overflow-x:scroll}.select-panel .relations .relations-infs{position:absolute;width:50%;min-width:150px;height:100%;overflow-wrap:break-word;display:flex;flex-direction:column}.edit-links{width:75vw;height:25vh;font-family:Circular Std,Arial,sans-serif;display:flex;flex-direction:column}.edit-links .item{padding-bottom:10px}.edit-links .select{height:40%;padding:5px;overflow-y:scroll}.upload-file{position:absolute;top:0;left:0;width:100%;height:100%}.upload-file .import-area .dropzone{border:1px solid var(--secondary-color);width:500px;height:300px}.import-area{position:absolute;top:0;left:0;width:100%;height:100%}.import-area .dropzone{border:1px solid var(--secondary-color);width:100%;height:100%}.select-data{height:100%;width:100%;padding:5px;overflow-y:scroll}.select-data .select-data-search{padding:5px}.select-data .select-data-search .input{max-height:30px;margin-right:40%;width:100%;outline:0px solid transparent;align-items:baseline;font-size:15px;color:var(--secondary-color)}.select-data .select-data-search .input:empty:before{content:attr(placeholder);color:var(--hovered-color)}.select-data .graph-table{position:relative;width:100%;height:100%;overflow:scroll}.select-data .graph-table table{position:relative;width:100%;display:table;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:12px}.select-data .graph-table table thead{position:relative;width:100%;overflow-x:hidden;z-index:20;font-family:Courier}.select-data .graph-table table thead tr th{position:sticky;top:0;width:200px;min-height:18px;text-align:center;font-weight:700;border-bottom:1px double var(--secondary-color);background-color:transparent;z-index:10;cursor:default}.select-data .graph-table table thead tr th:first-of-type{position:sticky;left:0;z-index:20}.select-data .graph-table table thead tr th:hover{text-decoration:underline}.select-data .graph-table table tbody{position:relative;overflow:scroll;font-family:Circular Std,Arial,sans-serif}.select-data .graph-table table tbody tr{min-height:18px;padding-top:2px;cursor:default}.select-data .graph-table table tbody tr:hover{background-color:#ddd}.select-data .graph-table table tbody tr td{width:200px;overflow-y:hidden;z-index:1}.select-data .graph-table table tbody tr td:first-of-type{position:sticky;left:0;text-align:left;background-color:transparent;z-index:2}.select-data .graph-table table tbody tr .born,.select-data .graph-table table tbody tr .died,.select-data .graph-table table tbody tr .gender{text-align:right}.content-literature table{padding-left:5px;font-size:12px}.edit-literature{width:75vw;height:75vh;font-family:Circular Std,Arial,sans-serif;display:flex;flex-direction:column}.edit-literature .list{height:60%;padding:5px;overflow-y:scroll}.edit-literature .list .theme{font-family:Courier}.edit-literature .list table{position:relative;width:100%;padding:5px 5px 5px 10px;border-collapse:collapse}.edit-literature .list table tr{font-size:12px}.edit-literature .list table tr .year{width:40px;text-align:right;padding-right:5px}.edit-literature .list table tr .title .letters:hover{text-decoration:underline}.edit-literature .list table tr .title .now-created{padding-left:10px;font-size:8px;color:red}.edit-literature .list table tr .func{width:10px;opacity:.4;cursor:default}.edit-literature .list table tr .func:hover{opacity:1}.edit-literature .list table .add{text-align:center;cursor:default}.edit-literature .list table .add:hover{background-color:#eee}.edit-literature .list table .select{text-align:center;cursor:default}.edit-literature .list table .select span:hover{text-decoration:underline}.edit-literature .list table .editing{outline:0px solid transparent;cursor:text}.edit-literature .list table .editing:empty:before{content:attr(placeholder);color:#aaa}.edit-literature .select{height:40%;padding:5px;overflow-y:scroll}.item-container{position:relative;flex:1;max-width:100%;padding:15px 15px 10px;margin:25px;z-index:10;color:var(--secondary-color);background-color:var(--primary-color)}.item-container.editing{box-shadow:0 0 15px var(--editing-boxshadow-color)}.item-container .item-contents{width:100%;height:100%;min-height:100%;display:flex;flex-direction:column}.item-container .item-contents .item-contents-header{width:calc(100% - 50px);height:20px;display:flex;flex:row}.item-container .item-contents .item-contents-header .header-icon{position:relative;width:25px}.item-container .item-contents .item-contents-header .header-icon svg{position:absolute;top:-2px;left:0;width:20px}.item-container .item-contents .item-contents-header .header-text{flex:1;font-size:18px;font-weight:700;outline:0px solid transparent}.item-container .item-contents .item-contents-header .header-text:empty:before{content:attr(placeholder);color:var(--placeholder-color)}.item-container .item-contents .item-contents-body{position:relative;flex:1;margin:5px;width:100%;overflow-x:hidden;overflow-y:scroll}.item-container .item-contents .item-contents-footer,.item-container .item-contents .item-contents-footer .arrows{display:flex;flex-direction:row}.item-container .item-contents .item-contents-footer .arrows .arrow-icon{padding:3px 3px 0;display:flex;justify-content:center;vertical-align:middle;align-items:center;width:15px;height:15px;border-radius:15px}.item-container .item-contents .item-contents-footer .arrows .arrow-icon:hover{background-color:var(--buttons-background-color)}.item-container .item-contents .item-contents-footer .arrows .arrow-icon svg{height:1rem}.item-container .item-contents .item-contents-footer .navigation{width:100%;display:flex;flex-direction:row;font-size:12px;font-family:Courier;cursor:default}.item-container .item-contents .item-contents-footer .navigation .nav-item{padding:3px 0 0 20px;width:fit-content}.item-container .item-contents .item-contents-footer .navigation .content-type{opacity:.4}.item-container .item-contents .item-contents-footer .navigation .content-type.selected,.item-container .item-contents .item-contents-footer .navigation .content-type:hover{opacity:1}.item-container .item-contents .item-contents-footer .navigation .last-update{font-size:10px;opacity:.6}.item-container .item-contents .item-contents-footer .navigation .space{flex:1}.item-container .buttons-area{position:absolute;left:30px;bottom:80px;width:100px}.item-container .buttons-area .button{font-family:Courier;opacity:.6;cursor:default}.item-container .buttons-area .button:hover{opacity:1}.item-container .item-buttons{position:absolute;top:5px;right:0;padding:5px;display:flex;flex-direction:row-reverse}.item-container .item-buttons .launch-button{display:flex;justify-content:center;vertical-align:middle;align-items:center}.item-container .item-buttons .launch-button:hover{background-color:var(--buttons-background-color)}.item-container .item-buttons .launch-button svg{height:1rem;transform:translateY(2px)}.item-container .item-buttons .launch-button a{color:var(--secondary-color);text-decoration:none}.item-container .item-buttons .buttons{display:flex;justify-content:center;vertical-align:middle;align-items:center;padding-right:10px}.item-container .item-buttons .buttons span{font-size:12px;font-family:Courier;cursor:default;margin-left:10px}.item-container .item-buttons .buttons span:hover{text-decoration:underline}.item-container .item-buttons .buttons .update,.item-container .item-buttons .buttons .add{font-weight:700;color:var(--secondary-color)}.item-container .item-buttons .buttons .delete{color:red}.tab-links{height:100%}.tab-links .theme{font-size:15px}.tab-links .sorts{margin-left:10px}.tab-links .sorts .sort{min-height:40px}.tab-links .sorts .sort .sort-header{display:flex;flex-direction:row;font-family:Courier;font-size:12px}.tab-links .sorts .sort .sort-header .add{padding-left:10px;opacity:.4;cursor:default}.tab-links .sorts .sort .sort-header .add:hover{opacity:1}.tab-history{height:100%;padding:5px}.tab-history .history-item{height:20px;display:flex;flex-direction:row;padding:5px 10px 5px 5px;border-bottom:1px solid var(--hovered-color);cursor:default}.tab-history .history-item:hover{background-color:var(--hovered-color)}.tab-history .history-item .info{flex:1;display:flex;flex-direction:row;align-items:center;opacity:.8}.tab-history .history-item .info .name{flex:1;padding-left:5px;padding-right:5px;font-size:12px}.tab-history .history-item .info .action{width:100px;font-family:Courier;font-size:14px}.tab-history .history-item .info .date{width:fit-content;font-family:Courier;font-size:10px;opacity:.6}.user-picture img,.user-picture .no-image{width:var(--user-picture-size);height:var(--user-picture-size);border-radius:calc(var(--user-picture-size) / 2)}.user-picture .no-image{border:1px solid var(--tertiary-color);box-sizing:border-box}.content{position:relative;width:100%;height:100%}.row{position:relative;width:100%;height:fit-content;min-width:50px;display:flex;flex-direction:row;flex:1}.column{position:relative;width:fit-content;height:100%;min-height:50px;flex:1;display:flex;flex-direction:column}.theme{font-family:Courier;font-size:12px}.content-place-holder{font-family:Courier;font-size:12px;opacity:.2}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#eee;transition:.5s ease;opacity:0;display:flex;justify-content:center;vertical-align:middle;align-items:center}.overlay .edit{color:var(--secondary-color);opacity:.4}.content:hover .overlay{opacity:.5}.editable{outline:0px solid transparent;cursor:text}.editable:empty:before{content:attr(placeholder);font-family:Courier;color:#aaa}.data-component .contents-philosopher{width:100%;height:fit-content;display:flex;flex-direction:column}.data-component .contents-philosopher .image{min-width:120px;width:120px;height:160px;border:1px solid #DDDDDD;border-radius:10px;margin:10px}.data-component .contents-philosopher .description{width:75%;min-height:25px;margin:5px;padding:10px;overflow-wrap:break-word;font-size:12px}.data-component .contents-philosopher .relations{min-height:80px;margin:5px;padding:10px;width:50%;border:1px solid #DDDDDD;border-radius:5px}.data-component .contents-philosopher .content-tags{flex-grow:2;height:fit-content;margin:5px;padding:10px;border:1px solid #DDDDDD;border-radius:10px}.data-component .contents-philosopher .content-keywords{min-height:80px;margin:5px;padding:10px;width:50%;border:1px solid #DDDDDD;border-radius:5px}.data-component .contents-philosopher .content-literature{min-height:80px;margin:5px;padding:10px;width:75%;border:1px solid #DDDDDD;border-radius:5px}.data-component .contents-philosopher-preview{display:flex;flex-direction:column}.item-preview-container{width:20vw;padding:15px;margin:15px 15px 15px 0}.item-preview-container .item-preview-header{padding-bottom:0;font-size:16px;font-weight:700;cursor:default}.item-preview-container .item-preview-header:hover{text-decoration:underline}.item-preview-container .item-preview-body{width:100%;height:100%;display:flex;flex-direction:column}.item-preview-container .item-preview-body .tabs{height:22px;min-height:22px;margin:0;padding:0}.item-preview-container .item-preview-body .tabs .MuiTabs-indicator{display:flex;justify-content:center;max-width:100%;height:1px;color:var(--secondary-color);background-color:var(--secondary-color)}.item-preview-container .item-preview-body .tabs .tab{min-width:0;height:15px;min-height:15px;margin:0;padding:10px;text-transform:none;color:var(--secondary-color);opacity:.6;font-size:13px;font-family:Circular Std,Arial,sans-serif}.item-preview-container .item-preview-body .tabs .tab.Mui-selected{color:var(--secondary-color);opacity:1}.item-preview-container .item-preview-body .tabs .tab.Mui-focusVisible{background-color:var(--secondary-color);opacity:1}.item-preview-container .item-preview-body .tabs-content{flex:1}.item-preview-container .button{position:absolute}.toolbar .items{position:relative;width:100%;height:100%;font-family:Courier;font-size:13px;display:flex;flex-direction:row;align-items:center}.toolbar .items .item{position:relative;height:100%;align-items:center}.toolbar .items .item span{position:absolute;bottom:0;align-items:center}.toolbar .items .toolbar-switch{position:relative;width:fit-content;display:flex;align-items:center;justify-content:center}.toolbar .items .toolbar-switch .switch{position:relative;width:fit-content;display:flex;flex-direction:row;color:var(--tertiary-color);text-align:center;padding-left:2px;padding-right:7px;cursor:default}.toolbar .items .toolbar-switch .switch .toggle{position:relative;width:14px}.toolbar .items .toolbar-switch .switch .toggle svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);height:14px;width:14px}.toolbar .items .toolbar-switch .switch .graphtype{flex:1;font-size:12px;font-family:Courier;text-align:center}.toolbar .items .toolbar-search{flex:1}.toolbar .items .toolbar-add{padding-right:10px}.toolbar .items .toolbar-add .add{position:relative;width:40px;height:16px;display:flex;flex-direction:row;color:var(--secondary-color);border:1px solid var(--tertiary-color);border-radius:10px;padding-left:4px;padding-right:4px;cursor:default}.toolbar .items .toolbar-add .add:hover{background-color:var(--blurred-color)}.toolbar .items .toolbar-add .add .plus{position:relative;width:12px}.toolbar .items .toolbar-add .add .plus svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);height:12px;width:12px}.toolbar .items .toolbar-add .add .label{padding-left:2px;flex:1;font-size:12px;font-family:Courier;text-align:center;display:flex;align-items:center}.toolbar .items .toolbar-custom{width:fit-content;color:var(--secondary-color)}.toolbar .items .toolbar-custom svg{margin-top:3px;width:16px}.toolbar .expansion-switch{--expansion-height: 90px}.toolbar .expansion-search{--expansion-height: 300px}.toolbar .expansion-custom{--expansion-height: 200px}.toolbar .expansion-background,.toolbar .expansion-container{position:absolute;top:24px;left:0;right:0;width:100%;height:0px}.toolbar .expansion-background.is-visible,.toolbar .expansion-container.is-visible{height:fit-content}.toolbar .expansion-background{height:calc(100vh - 24px);background-color:transparent;z-index:10}.toolbar .expansion-container{width:100%;height:0px;background-color:#0000001a;transition:height .5s ease;z-index:20;overflow-x:scroll;overflow-y:hidden}.toolbar .expansion-container.is-visible{height:var(--expansion-height)}.toolbar .expansion-container .expansion{position:relative;height:100%;margin-left:30px;margin-right:30px;color:var(--secondary-color)}.switch-expansion{margin-top:15px;display:flex;flex-direction:row}.switch-expansion .graphtype{min-width:90px;min-height:60px;margin-right:20px;background-color:#fff;opacity:0;box-shadow:0 2px 2px #0006;display:flex;flex-direction:column-reverse;animation:fadein 1s .2s forwards;transform:scale(.9);transition:transform .5s}.switch-expansion .graphtype:hover{transform:scale(1);transition:transform .5s}.switch-expansion .graphtype:last-of-type{margin-right:0}.switch-expansion .graphtype .graphtype-name{font-size:12px;font-family:Courier;text-align:center}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.custom .custom-expansion{margin-bottom:2px;padding-right:9px;width:20px;display:flex;flex-direction:row;color:var(--secondary-color)}.custom .custom-expansion .icon{position:relative;height:20px}.custom .custom-expansion .icon svg{position:absolute;top:0px;left:0px;width:12px}.custom .custom-expansion .arrows{position:relative;height:20px}.custom .custom-expansion .arrows svg{position:absolute;top:0px;left:9px;width:9px}.custom .custom-text{max-height:20px;margin-right:40%;width:100%;outline:0px solid transparent;align-items:baseline;font-size:12px;color:var(--secondary-color)}.custom .custom-text:empty:before{content:attr(placeholder);color:var(--hovered-color)}.custom-panel{position:relative;width:100%;height:100px;margin-top:30px;margin-bottom:30px;opacity:0;background-color:#fff;box-shadow:0 2px 2px #0006;animation:fadein 1s .2s forwards}.custom-panel .period{padding:30px 50px 0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.item-page{position:relative;height:100%;overflow:scroll;font-family:Circular Std,Arial,sans-serif}.item-page .item-contents{height:100%;min-height:100%;display:flex;flex-direction:column;padding:40px}.item-page .item-contents .item-contents-header{width:100%;height:20px;display:flex;flex-direction:row;padding:5px;border-bottom:1px solid var(--secondary-color)}.item-page .item-contents .item-contents-header .header-text{font-size:20px;font-weight:700;outline:0px solid transparent}.item-page .item-contents .item-contents-header .header-text:empty:before{content:attr(placeholder);color:#aaa}.item-page .item-contents .item-menu{height:24px;min-height:24px;border-bottom:1px solid var(--tertiary-color);font-family:Courier;font-size:12px;display:flex;flex-direction:row;align-items:baseline}.item-page .item-contents .item-menu div{height:15px}.item-page .item-contents .item-body{flex:1;height:100%;padding:10px;display:flex;flex-direction:row}.item-page .item-contents .item-body .tabs{width:100px;min-height:100%;border-right:1px;border-color:#aaa}.item-page .item-contents .item-body .tabs .MuiTabs-indicator{display:flex;justify-content:center;max-width:100%;width:1px;color:var(--secondary-color);background-color:var(--secondary-color)}.item-page .item-contents .item-body .tabs .tab{min-width:0;min-height:15px;margin:0;padding:10px;text-transform:none;color:var(--secondary-color);opacity:.6;font-size:13px;font-family:Courier}.item-page .item-contents .item-body .tabs .tab .Mui-selected{color:var(--secondary-color);opacity:1}.item-page .item-contents .item-body .contents{flex:1;width:100%;max-height:100%;font-family:Courier}.item-page .to-graph-button{position:absolute;top:10px;left:13px;width:20px;height:20px;padding:3px;cursor:default}.item-page .to-graph-button svg{height:15px;transform:translate(-3px,3px)}.item-page .to-graph-button:hover{background-color:var(--buttons-background-color)}.item-page .item-buttons{position:fixed;top:10px;right:10px;padding:5px;display:flex;flex-direction:row-reverse;background-color:var(--primary-color);z-index:100}.item-page .item-buttons .launch-button{display:flex;justify-content:center;vertical-align:middle;align-items:center}.item-page .item-buttons .launch-button:hover{background-color:var(--buttons-background-color)}.item-page .item-buttons .launch-button svg{height:1rem;transform:translateY(2px)}.item-page .item-buttons .launch-button a{color:var(--secondary-color);text-decoration:none}.item-page .item-buttons .buttons{display:flex;justify-content:center;vertical-align:middle;align-items:center;padding-right:10px}.item-page .item-buttons .buttons span{font-size:12px;font-family:Courier;cursor:default;margin-left:10px}.item-page .item-buttons .buttons span:hover{text-decoration:underline}.item-page .item-buttons .buttons .update,.item-page .item-buttons .buttons .add{font-weight:700;color:var(--secondary-color)}.item-page .item-buttons .buttons .delete{color:red}.item-page .search{position:relative;padding:10px;flex:1;display:flex;flex-direction:column;justify-content:center}.item-page .search .datatypes{width:100%;display:flex;flex-direction:row;padding:5px}.item-page .search .datatypes .item{height:15px;margin:5px;padding:3px;text-align:center;border-radius:5px;cursor:default}.item-page .search .datatypes .item:hover,.item-page .search .datatypes .item.selected{background-color:var(--buttons-background-color)}.item-page .search .datatypes .all{width:50px}.item-page .search .datatypes .datatype{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center}.item-page .search .datatypes .datatype .icon{padding-right:3px}.item-page .search .datatypes .datatype .icon svg{width:20px;transform:translateY(2px)}.item-page .search .datatypes .datatype .text{width:fit-content}.item-page .search .search-input{width:90%;padding:5px 10px;outline:0px solid transparent;align-items:baseline;font-size:15px;color:var(--secondary-color);border:1px solid var(--placeholder-color);border-radius:10px}.item-page .search .search-input:focus{outline:1px solid var(--secondary-color)}.item-page .search .search-input:empty:before{content:attr(placeholder);color:var(--hovered-color)}.item-page .search .result{flex:1}.data-component{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;font-family:Circular Std,Arial,sans-serif;overflow:hidden;z-index:10}.data-component .toolbar{position:relative;height:22px;padding-top:2px;padding-left:10px;padding-right:10px;box-shadow:var(--toolbar-boxshadow);z-index:200}.data-component .graph-area{position:relative;max-width:100%;flex:1;overflow:hidden;z-index:1;display:flex;flex-direction:column}.data-component .graph-area .graph-container{position:relative;max-width:100%;height:100%;overflow:hidden;padding:10px 15px 15px;z-index:1}.data-component .item-area{position:absolute;top:22px;right:0;display:flex;flex-direction:row-reverse;max-width:calc(100vw - var(--sidebar-width));height:calc(100vh - 22px);z-index:100}.graphs-page{height:100%;margin:30px 40px;font-family:Courier;overflow:scroll}.graphs-page .title{font-size:50px;color:var(--secondary-color)}.graphs-page .graph-list{display:flex;flex-direction:column}.graphs-page .graph-list .datatype{padding:10px;border-bottom:1px solid var(--secondary-color)}.graphs-page .graph-list .datatype .datatype-name{font-weight:700}.graphs-page .graph-list .datatype .datatype-list{display:flex;flex-direction:row}.graphs-page .graph-list .datatype .datatype-list .graph{padding:10px}.graphs-page .buttons-area{position:absolute;left:30px;bottom:30px}.graphs-page .buttons-area .button{opacity:.6;cursor:default}.graphs-page .buttons-area .button:hover{opacity:1}.signin-page{position:relative;width:100%;height:100%;display:flex;justify-content:center}.signin-page .signin-paper{position:relative;width:50%;max-width:800px;margin:50px;padding:20px;display:flex;flex-direction:row}.signin-page .signin-paper .signin-column{padding:30px;display:flex;flex-direction:column}.signin-page .signin-paper .signin-column div{width:100%;margin-bottom:10px}.signin-page .signin-paper .signin-header{width:100%;position:relative;padding:10px;font-size:20px;font-family:Courier}.signin-page .signin-paper .signin-apis{position:relative;width:100%;margin-top:30px;height:30px;display:flex;flex-direction:column;vertical-align:middle;font-family:Courier;font-size:20px}.signin-page .signin-paper .signin-apis .api{width:100%;margin-bottom:20px;border:1px solid var(--secondary-color);border-radius:5px;display:flex;flex-direction:row}.signin-page .signin-paper .signin-apis .api .api-icon{width:30px;height:100%;margin:auto}.signin-page .signin-paper .signin-apis .api .api-icon svg{width:28px;margin:4px 4px 0}.signin-page .signin-paper .signin-apis .api .api-label{flex:1;padding-left:20px;margin:auto}.signin-page .signin-paper .signin-apis .api:hover{background-color:var(--blurred-color)}.signin-page .signin-paper .or{font-family:Courier}.signin-with-email{width:50%}.signin-with-email .text-field{height:50px}.signin-with-email .submit-area{display:flex;flex-direction:row-reverse}.signin-with-email .submit-area .submit{font-family:Courier;cursor:default}.signin-with-email .submit-area .submit:hover{text-decoration:underline}.users-page{height:100%;margin:30px 40px;font-family:Courier;overflow:scroll}.users-page .title{font-size:50px;color:var(--secondary-color)}.users-page .search{margin:10px}.users-page .search .search-field{width:100%}.users-page .buttons-area{position:absolute;left:30px;bottom:30px}.users-page .buttons-area .button{opacity:.6;cursor:default}.users-page .buttons-area .button:hover{opacity:1}.users-page .search{position:relative;padding:30px;flex:1;display:flex;flex-direction:column;justify-content:center}.users-page .search .datatypes{width:100%;display:flex;flex-direction:row;padding:10px}.users-page .search .datatypes .item{height:20px;margin:5px;padding:3px;text-align:center;border-radius:5px;cursor:default}.users-page .search .datatypes .item:hover,.users-page .search .datatypes .item.selected{background-color:var(--buttons-background-color)}.users-page .search .datatypes .all{width:50px}.users-page .search .datatypes .datatype{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center}.users-page .search .datatypes .datatype .icon{padding-right:3px}.users-page .search .datatypes .datatype .icon svg{width:20px;transform:translateY(2px)}.users-page .search .datatypes .datatype .text{width:fit-content}.users-page .search .input{width:100%;padding:10px;outline:0px solid transparent;align-items:baseline;font-size:20px;color:var(--secondary-color);border:1px solid var(--placeholder-color);border-radius:10px}.users-page .search .input:focus{outline:1px solid var(--secondary-color)}.users-page .search .input:empty:before{content:attr(placeholder);color:var(--hovered-color)}.users-page .search .result{flex:1;width:100%;height:300px;max-height:300px;margin:30px;overflow-y:scroll}.users-page .search .result .result-items{display:flex;flex-direction:column}.users-page .search .result .result-items .item{height:100%;padding:5px;display:flex;flex-direction:row;cursor:default}.users-page .search .result .result-items .item .picture{width:34px;height:100%;padding:5px 10px 5px 5px;display:flex;justify-content:center;align-items:center}.users-page .search .result .result-items .item .content{display:flex;flex-direction:column}.users-page .search .result .result-items .item .content .name{font-size:14px}.users-page .search .result .result-items .item .content .user-id{opacity:.4;font-size:12px}.users-page .search .result .result-items .item:hover{background-color:var(--buttons-background-color)}.user-page{position:relative;width:100%;height:100vh;font-family:Courier;display:flex;flex-direction:column}.user-page .user-header{height:fit-content;margin:30px;display:flex;flex-direction:row}.user-page .user-header .image{width:100px;height:100px;border:1px solid var(--tertiary-color);border-radius:50px;margin:20px}.user-page .user-header .rest{flex:1;padding:20px}.user-page .user-header .rest .name{height:30px}.user-page .user-body{flex:1;margin:0 40px 10px}.user-page .user-body .user-history{height:300px;font-size:12px;overflow:scroll;display:flex;flex-direction:column}.user-page .user-body .user-history .item{display:flex;flex-direction:row}.profile-page{height:100%;margin:30px 40px;font-family:Courier;overflow:scroll}.profile-page .title{font-size:50px;color:var(--secondary-color)}.profile-page .profile-page-body{display:flex;flex-direction:column;justify-content:center}.profile-page .profile-page-body .user-picture{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.profile-page .profile-page-body .userdata{padding:10px;display:flex;flex-direction:column}.profile-page .profile-page-body .userdata .item{display:flex;flex-direction:row}.profile-page .profile-page-body .userdata .item .category{width:150px;padding:10px;text-align:right}.profile-page .profile-page-body .userdata .item .content{flex:1;padding:10px}.profile-page .profile-page-body .logout{position:absolute;bottom:30px;padding:5px 15px;color:var(--warning-color);background-color:var(--primary-color);border:1px solid var(--warning-color);border-radius:10px;cursor:default}.profile-page .profile-page-body .logout:hover{font-weight:700;color:var(--primary-color);background-color:var(--warning-color)}.download-page{height:100%;margin:30px 40px;font-family:Courier;overflow:scroll}.download-page .title{font-size:50px;color:var(--secondary-color)}.download-page .button-area .button{opacity:.4;cursor:default}.download-page .button-area .button:hover{opacity:1}.settings-page{height:100%;margin:30px 40px;font-family:Courier;overflow:scroll}.settings-page .title{font-size:50px;color:var(--secondary-color)}.settings-page .settings-items{margin:20px;color:var(--secondary-color)}.settings-page .settings-items table{width:100%;border-collapse:collapse}.settings-page .settings-items table tr.switch-item{width:100%;height:100px;min-height:100px;border-bottom:1px solid #AAAAAA}.settings-page .settings-items table tr.switch-item .text{font-size:15px}.settings-page .settings-items table tr.switch-item .button{width:100px;height:100%}.settings-page .settings-items table tr.switch-item .button .button-content{display:flex;flex-direction:row;justify-content:center}.settings-page .settings-items table tr.switch-item .button .button-content .label{padding-bottom:0;font-size:12px}.settings-page .settings-items table tr.switch-item .button .button-content .button-left{text-align:right}.settings-page .settings-items table tr.switch-item .button .button-content .button-right{text-align:left}.not-found-page{position:relative;width:100%;height:100%;display:flex;justify-content:center}.not-found-page .not-found{width:fit-content;margin:auto 0;font-size:50px;font-family:Courier}#root{position:fixed;top:0;left:0;width:100vw;height:100vh}