main{display:flex;flex-flow:column;gap:0 3rem}section{text-align:left}section.data{overflow:auto;flex:1;opacity:0;margin-bottom:1rem}button.red{width:100%}#tooltip{background:var(--color-tooltip);border-radius:var(--border-radius);padding:.4rem .8rem;max-width:320px;position:relative;font-size:14px;text-align:left;line-height:1.2;outline:6px solid var(--color-outline);box-shadow:var(--drop-shadow)}#tooltip span{font-size:10px}#tooltip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--color-tooltip) transparent transparent transparent;pointer-events:none}section.members{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;position:sticky;top:.5rem;z-index:2}@media screen and (min-width:768px){section.members{position:relative;z-index:0}}.members-list{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem}.ratio-select{margin-left:auto}.ratio-select label{display:inline-flex;background-color:#eee;border-radius:1rem;padding:0 .5rem;cursor:pointer;transition:all .3s}.ratio-select label:hover{background-color:var(--color-link);color:#fff}.ratio-select input[type=radio]:checked+label{background:var(--color-link-hover);color:#fff}.ratio-select input{display:none}.data-caption{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.event-line{position:absolute;border-left:1px solid #000;width:1px}.event-members{display:flex;flex-flow:column}.event-members button{margin:0;margin-top:1rem}tspan{pointer-events:none}.chart{position:relative;display:flex;margin-bottom:1rem}.sidebar{background-color:var(--color-bg-gradient);font-size:12px;height:calc(100% - 1.1rem);border-right:1px solid var(--color-bg);width:160px}.sidebar bar{display:flex;align-items:center;height:52px}.sidebar bar button::before{content:'⟨⟨ свернуть';margin-top:-2px}.sidebar.short bar button::before{content:'⟩⟩';margin-top:-2px}.sidebar.short{width:58px}@media screen and (min-width:768px){.sidebar{font-size:14px;width:320px}}.sidebar div{background-color:rgba(0,0,0,0);display:flex;flex-flow:row;align-items:center;background-repeat:no-repeat;cursor:pointer;overflow:hidden}.sidebar div img{max-height:100%;width:auto;aspect-ratio:1 / 1;margin-left:4px;border-radius:5px;background-color:var(--color-bg)}.sidebar div strong{display:flex;flex-flow:column;justify-content:center;line-height:1.2;font-weight:500;padding:0 8px;pointer-events:none}.sidebar div span{font-size:9px;margin-top:3px;font-weight:300}.sidebar div:nth-child(2n){background-color:rgba(75,85,147,.035)}.data{user-select:none;overflow:auto;flex:1}.zoomin,.zoomout{padding:0;margin:0;position:relative;font-weight:700;align-items:baseline;line-height:1.45}.zoom{display:none}@media screen and (min-width:768px){.zoom{width:5rem;display:initial}}input[type=range]{accent-color:var(--color-link);-webkit-appearance:none;appearance:none;background:transparent}input[type=range]:disabled{opacity:.35;filter:grayscale(.5)}input[type=range]::-webkit-slider-thumb{width:1rem;height:1rem;appearance:none;background:var(--color-1);border-radius:5px}input[type=range]::-webkit-slider-runnable-track{appearance:none;width:100%;background:var(--color-bg);border-radius:5px}@media screen and (min-width:768px){html{overflow-y:scroll}}svg image{pointer-events:none}svg .group:hover{border-radius:.25rem;outline:6px solid var(--color-outline);filter:saturate(2.5);cursor:pointer}svg .event:hover{border-radius:.6875rem;outline:6px solid var(--color-outline);fill:var(--color-tooltip);filter:saturate(2.5);cursor:pointer}svg #groups{opacity:1}svg #groups text{pointer-events:none}svg #groups:hover{opacity:1}#add_members span{display:inline-flex;color:var(--color-white);background-color:var(--color-2);margin-left:.5rem;min-width:1rem;align-items:center;justify-content:center;border-radius:3px;padding:0 .25rem}line.line-hover{stroke-opacity:1;stroke-dasharray:1 0}line.event-hover{outline:6px solid var(--color-outline);border-radius:8px;filter:saturate(2.5);z-index:1000}.event-map{border-radius:1rem;overflow:hidden;margin-top:1.5rem;height:320px}#map{border-radius:1rem;overflow:hidden;margin-bottom:1.5rem;width:100%;height:360px;display:none}.data-view{display:flex;gap:1.5rem;flex-flow:column}.switches{display:none}.tab.zoomout{margin-left:auto}@media screen and (min-width:768px){.chart{min-height:calc(100vh - 24.25rem)}.switches{display:flex}.tab.zoomout{margin-left:0}.data-view{display:flex;gap:1.5rem;flex-flow:row-reverse}.data-view.v2{flex-flow:row}.data-view.v2 #map,.data-view #map{height:calc(100vh - 22rem);flex:1;margin-top:.5rem;border:2px solid var(--color-3)}.data-view.v2 #chart,.data-view #chart{flex:1.5}.data-view.v3{flex-flow:column}.data-view.v3 #map{flex:none;height:360px}.data-view.v3 #chart{flex:none}}