#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#000}body{margin:0;background:#708090}.legend{display:flex}#map{margin-top:10px;height:auto;width:100%}#map-bottom,#map-bottom-mid,#map-top,#map-top-mid,#values{display:flex;color:#000}#map-top-mid div,#map-top div{height:10px;flex-basis:100%;display:flex}#map-top-mid div{border-bottom:1px solid #000}#map-bottom-mid div,#map-bottom div{height:10px;flex-basis:100%;display:flex}#values div{flex-basis:100%;display:flex}.zero-value{border-right:1px solid #000}.max-value{justify-content:flex-end}.first{border-left:2px solid #000;border-right:1px solid transparent}.first.mid{border-right:1px solid #000}.last{border-right:2px solid #000}.internal{border-right:1px solid transparent}.internal.mid{border-right:1px solid #000}.timeline-entity{border-right:1px solid transparent}.timeline-bar{height:13px;width:100%;display:flex}.alive{border-right:1px solid red}#add-entity{padding-bottom:10px;display:flex}#error{color:#ff7780;padding-top:10px}#custom-entity{padding-bottom:10px}#custom-bottom,#custom-mid,#custom-top{display:flex}.flex-left,.flex-right{flex:1}#possible-matches{display:flex;flex-wrap:wrap}.match{width:30%;margin:1%}.entity-header{display:flex;align-items:center;background:#2c3e50;margin:10px 10px 0 10px;border-radius:5px;color:#faebd7}.entity-name{text-align:left;margin:0 0 0 10px}.expand{text-align:right}.expand-icon{padding:5px 10px;border-radius:0 5px 5px 0;border-left:2px solid #faebd7}.entity-info{text-align:left;margin:0 15px;background:#515f6e;color:#faebd7;padding:10px;display:flex;justify-content:space-between;border-radius:0 0 5px 5px}.color-select{border-radius:100%;height:30px;width:30px;border:none;outline:none;-webkit-appearance:none;padding:0}.color-select::-webkit-color-swatch-wrapper{padding:0}.color-select::-webkit-color-swatch{border:none;border-radius:100%}.color-select::-moz-color-swatch{border:none;border-radius:100%}ul{list-style-type:none;padding:0}li{margin:0 10px}a{color:#42b983}table{padding-top:1em;width:80%;margin-left:auto;margin-right:auto}label{display:inline-block;clear:left;padding-right:5px}button{padding:10px 20px;border:none;background:#2c3e50;color:#faebd7}button:focus{outline:none}button:hover{cursor:pointer;color:#6495ed}h1{margin:5px 0 5px 0;font-weight:200}#header{display:flex;background:#2c3e50;color:#faebd7;border-bottom:2px solid #faebd7}.left{flex:1;text-align:left;display:flex}.right{flex:1;text-align:right;align-self:center}#advanced{position:fixed;background:#66748c;height:90%;z-index:1;overflow-x:hidden;overflow-y:auto}#advanced::-webkit-scrollbar{width:0!important}#advanced-menu{display:flex;justify-content:space-between;background:#2c3e50}#advanced-content{padding:10px 0}#timeline{flex-basis:100%;margin:20px 5px}.active{background:#000}#timeline-entities{padding-top:15px}