@font-face{font-family:Heebo-Regular-7;src:url(/child/openscience/fonts/Heebo-Regular-7.c58720d3.ttf)}*{font-family:Heebo-Regular-7}#app,body,html{width:100%;height:100%;padding:0;margin:0;overflow:auto;letter-spacing:1px;scroll-padding-top:96px}::-webkit-scrollbar{width:5px;height:3px;background-color:#fff}::-webkit-scrollbar-track{background-color:#f5f5f5}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}::-webkit-scrollbar-thumb{background-color:#bfbfbf}.evolution-map{height:56vh;width:100%;margin:0;padding:5vmax;background:#f5f7fc;position:relative;border-radius:10px}.topic-picker{color:rgba(44,62,107,.75);display:flex;flex-direction:row;position:absolute;top:0;left:0;z-index:99;border:0;width:100%;padding:14px 18px 0;gap:6px}.topic-picker>label{font-size:calc(.55em + .65vh);margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;padding:4px 12px;border-radius:4px;cursor:pointer;transition:color .15s,background .15s;letter-spacing:.02em}.topic-picker>label:hover{color:rgba(26,58,158,.95);background:rgba(26,58,158,.08)}.top-all{--top-color:358,65%,62%}.top-topic1{--top-color:42,95%,62%}.top-topic2{--top-color:95,75%,52%}.top-topic3{--top-color:168,70%,52%}.top-topic4{--top-color:208,85%,68%}.topic-picker input{position:absolute;width:0;height:0;left:-1000px}.topic-picker>label span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:hsla(var(--top-color),.45);margin-right:6px;vertical-align:middle;transition:background .15s}.topic-picker>label span:after{content:none}.topic-picker input:checked~span:before{background:hsla(var(--top-color),1)}.topic-picker>label:has(input:checked){color:#1a3a9e;background:rgba(26,58,158,.1)}.category-picker{color:rgba(44,62,107,.6);display:flex;flex-direction:row;position:absolute;top:3.6em;left:0;z-index:99;border:0;width:100%;padding:8px 18px;flex-wrap:wrap;gap:4px 6px;border-top:.5px solid rgba(44,62,107,.12);margin-top:12px}.category-picker>label{font-size:calc(.48em + .42vh);margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;width:auto;padding:2px 9px;border-radius:3px;cursor:pointer;transition:color .12s,background .12s}.category-picker>label:hover{color:rgba(26,58,158,.9);background:rgba(26,58,158,.08)}.cat{--cat-color:210,60%,70%}.category-picker input{position:absolute;width:0;height:0;left:-1000px}.category-picker>label span:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:hsla(var(--cat-color),.35);margin-right:5px;vertical-align:middle;transition:background .12s}.category-picker>label span:after{content:none}.category-picker input:checked~span:before{background:hsla(var(--cat-color),1)}.category-picker>label:has(input:checked){color:#1a3a9e}.timeline{--top-opac:1;--stem-height:100px;color:rgba(44,62,107,.8);border:0;bottom:1.4em;left:0;width:100%;height:1px;padding:0;border-bottom:1px solid rgba(44,62,107,.25);position:absolute}.topic1{--top-color:hsla(42,95%,62%,var(--top-opac))}.topic2{--top-color:hsla(95,75%,52%,var(--top-opac))}.topic3{--top-color:hsla(168,70%,52%,var(--top-opac))}.topic4{--top-color:hsla(208,85%,68%,var(--top-opac))}.time-dot,.vis-item{--active-trans:4px;position:absolute;will-change:transform}.vis-box{bottom:calc(var(--stem-height)*.6);font-size:13px;border-radius:6px;overflow:hidden;border-color:transparent;transform:translate(-9px,-50px) scaleY(0) scaleX(0);transform-origin:0 100%;opacity:0;transition:transform .14s ease,opacity .12s ease;pointer-events:none}.vis-box.box-left{transform:translate(calc(11px - 100%),-50px) scaleY(0) scaleX(0);transform-origin:100% 100%}.vis-box.active{transform:translate(-9px,-50px) scaleY(1) scaleX(1);opacity:1;z-index:1001;pointer-events:auto}.vis-box.active.box-left{transform:translate(calc(11px - 100%),-50px) scaleY(1) scaleX(1)}.vis-box.closed{transform:translate(-9px,-50px) scaleY(0) scaleX(0);opacity:0}.vis-box.box-left.closed{transform:translate(calc(11px - 100%),-50px) scaleY(0) scaleX(0)}.event-box{width:400px;height:120px;background:#fff;border-left:3px solid var(--top-color);border-radius:6px;overflow:hidden;position:relative;box-shadow:0 2px 12px rgba(0,0,0,.18)}.event-box.box-left{border-left:none;border-right:3px solid var(--top-color)}.event-image,.event-info{position:absolute;display:inline-block}.event-image{right:0;top:0;width:120px;height:120px}.event-image img{width:100%;height:100%;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,13% 100%,0 95%);clip-path:polygon(0 0,100% 0,100% 100%,13% 100%,0 95%);opacity:.55;-o-object-fit:cover;object-fit:cover}.event-box.box-left .event-image{left:0;right:auto}.event-box.box-left .event-image img{-webkit-clip-path:polygon(0 0,100% 0,87% 100%,0 100%);clip-path:polygon(0 0,100% 0,87% 100%,0 100%);opacity:.55}.event-info{top:0;left:0;width:280px;height:120px;padding:10px 12px;color:#2c3e6b;display:flex;flex-direction:column;gap:4px;justify-content:center;background:#fff}.event-box.box-left .event-info{left:auto;right:0}.event-info *{margin:0}.event-info .event-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.event-info .event-title a{text-decoration:none;color:#1a3a9e;font-size:.84rem;font-weight:600;line-height:1.45;transition:color .12s}.event-info .event-title a:hover{color:#2c66ea}.event-info .event-date{color:#8a96b0;font-size:.72em;letter-spacing:.02em}.event-info .event-content{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.76em;color:#6a7a9a;line-height:1.45}.vis-line{background:var(--top-color);width:1px;height:60px;transition:height .12s ease,opacity .12s ease;opacity:.4}.vis-line.active{height:110px;opacity:.9}.vis-line.active-1{height:72px;opacity:.6}.vis-line.active-2{height:65px;opacity:.45}.vis-line.closed{height:0;opacity:0}.vis-line:after{--h:24px;content:"";position:absolute;width:14px;height:var(--h);bottom:calc(100% - var(--h)/6);left:50%;-webkit-clip-path:polygon(0 0,100% 0,100% 20px,50% 100%,0 20px);clip-path:polygon(0 0,100% 0,100% 20px,50% 100%,0 20px);z-index:1;background:var(--top-color);transform:translate(-50%,-4px) scale(1);transform-origin:50% 100%;transition:transform .12s ease,opacity .12s ease;opacity:.7}.vis-line.active:after{transform:translate(-50%,-4px);z-index:-1;opacity:1}.vis-line.closed:after{transform:translate(-50%,-4px) scale(0);opacity:0}.time-dot,.vis-dot{background:var(--top-color);width:8px;height:8px;border-radius:50%;transform:scale(1);transform-origin:50% 50%;transition:transform .12s ease}.vis-dot.active{transform:scale(1.5)}.vis-dot.closed{transform:scale(0)}.time-dot{--top-color:hsla(215,40%,45%,var(--top-opac));opacity:.5;width:5px;height:5px}.time-text{position:absolute;bottom:-1.9em;font-size:.72em;visibility:hidden;color:rgba(44,62,107,.5);letter-spacing:.03em}.time-text:last-of-type{visibility:visible}@media(max-width:768px){.time-text:nth-of-type(8n+1){visibility:visible}}@media(min-width:769px) and (max-width:992px){.time-text:nth-of-type(6n+1){visibility:visible}}@media(min-width:993px) and (max-width:1200px){.time-text:nth-of-type(4n+1){visibility:visible}}@media(min-width:1201px){.time-text:nth-of-type(odd){visibility:visible}}