@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);$small-text:.8rem;$main-colour:#087f5b;$main-colour-light:#099268;$main-colour-extra-light:#96f2d7;$main-colour-dark:#064431;$grey-colour:#343a40;$grey-colour-dark:hsla(0,0%,100%,.95);$grey-colour-darker-dark:#fff;$grey-colour-light:#000;*{@media (min-width:800px){font-size:16px}}body{color:$grey-colour}.btn{& *{font-size:14px;color:#fff}&:hover{background:#528a04!important}.triangle{display:inline-block;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid hsla(0,0%,100%,.9);margin-right:3px;transition:all .2s linear}}.btn:link,.btn:visited{background-color:$main-colour;color:$grey-colour-light}.btn:active,.btn:hover{background-color:$main-colour-light}.navbar{background-color:$grey-colour-dark}.map,.map-container{background-color:$grey-colour-darker-dark}.timeline{background-color:$grey-colour-dark;font-size:$small-text}.current-time,.timeline{color:$grey-colour-light}.scale{div{position:relative;&:after{content:"";display:block;width:2px;height:10px;background-color:$grey-colour-light;top:-6px;left:50%;position:absolute}}}.timeline-controllers{fill:$main-colour;img{max-width:100%}}.btn-timeline{&:hover{background-color:#528a04}&:after,&:before{content:"";width:0;height:0;border-style:solid;position:absolute}&.btn-pause:after,&.btn-pause:before{width:3px;height:20px;background:#fff;border:none}&.btn-pause:before{transform:translateX(4px)}&.btn-pause:after{transform:translateX(-4px)}&.btn-forward:after,&.btn-forward:before{border-width:7px 0 7px 11px;border-color:transparent transparent transparent #fff}&.btn-play:before{border-width:8px 0 8px 12px;border-color:transparent transparent transparent #fff;transform:translateX(2px)}&.btn-play:after{content:none}&.btn-backward:after,&.btn-backward:before{border-width:7px 11px 7px 0;border-color:transparent #fff transparent transparent}&.btn-forward:before{transform:translateX(-3px)}&.btn-forward:after{transform:translateX(5px)}&.btn-backward:before{transform:translateX(-5px)}&.btn-backward:after{transform:translateX(3px)}}.legend{background-color:$grey-colour-dark;color:$grey-colour-light}.legend-wrapper{.legend-title{margin-bottom:5px;margin-left:auto;margin-right:auto;line-height:1.1;small{font-size:14px}}.legend-switch{display:flex;justify-content:center;align-items:center;.switch-label{font-size:14px}}}.switch{input{opacity:0;width:0;height:0}.slider{height:30px;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#63a308;transition:.4s;border-radius:20px;opacity:1;&:before{position:absolute;content:"";height:24px;width:24px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}}input:checked+.slider{background-color:#04aded;&:before{transform:translateX(28px)}}}.extrime-values{font-size:$small-text}.zoom-slider-container,table{td,th{border:1px solid #ccc;padding:5px 5px;text-align:center;font-size:14px}th{background-color:#a1a1a1;color:#fff}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}.names{width:30%}.marker{color:#fff;width:35%;&.active{box-shadow:inset 0 0 5px #fff;border:2px solid #000;box-shadow:inset 0 0 2px #7a7a7a}}&.general .marker{cursor:pointer}caption{caption-side:top;font-size:16px;font-weight:700;margin-bottom:10px}}.region-details{background-color:$grey-colour-dark;.x-close-btn{display:inline-block;position:absolute;width:35px;height:35px;top:5px;right:5px;.x-line{width:25px;height:3px;background:#000;display:inline-block;position:absolute;top:50%;left:50%}.x-line:first-child{transform:translate(-50%,-50%) rotate(45deg)}.x-line:last-child{transform:translate(-50%,-50%) rotate(135deg)}}h3{margin-top:8px;margin-bottom:8px;font-size:22px;font-weight:700;text-align:center}p{font-size:14px;margin-bottom:6px;line-height:1.4;font-weight:400;strong{font-size:inherit}}}@media screen and (max-width:992px){.bottom-hud{grid-template-columns:60vw 40vw}.legend-title{font-size:20px}.region-details{height:auto;p{font-size:16px}}}@media screen and (max-width:767px){.bottom-hud{display:block;width:100%}.right-hud{top:0}.region-details{width:calc(100vw - .6rem);height:auto;margin-top:.3rem;&.details{height:60rem;max-height:calc(100vh - 1rem)}p{font-size:15px;margin-bottom:2px}hr{margin-top:5px;margin-bottom:5px}}.extrime-values *{font-size:15px}.scale div{font-size:13px;width:50px}.legend-title{font-size:17px;margin-bottom:3px}.legend,.timeline{margin:3px;padding:2px 5px}.legend{margin-bottom:0}.current-time{margin:1px 0;font-size:15px}.settings{padding-top:5rem}}*{margin:0;padding:0;box-sizing:border-box;font-weight:400;font-family:Inter,sens-serif;font-weight:500;line-height:1.75;font-size:13px}@media(min-width:800px){*{font-size:16px}}strong{font-weight:700}body{color:#343a40;overflow:hidden}.btn{border:none;background:#63a308;border-radius:5px;padding:3px 10px;box-shadow:0 0 5px #ccc;cursor:pointer;transition:all .2s linear}.btn,.btn *{color:#fff;font-size:14px}.btn:hover{background:#528a04!important}.btn .triangle{display:inline-block;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid hsla(0,0%,100%,.9);margin-right:3px;transition:all .2s linear}.btn:link,.btn:visited{background-color:#087f5b;text-decoration:none;color:#000;text-transform:uppercase;padding:.3rem 2rem;display:inline-block;margin:3px 5px;border-radius:5px}.btn:active,.btn:hover{background-color:#099268}.text-center{text-align:center}.navbar{z-index:2;background-color:hsla(0,0%,100%,.95);text-align:right;height:3rem}.content{height:1fr}small{font-size:70%}p{margin-bottom:1rem}hr{margin-top:10px;margin-bottom:10px}h1,h2,h3,h4,h5{margin:3rem 0 1.38rem;line-height:1.3}h1{margin-top:0;font-size:3.052rem}h2{font-size:2.441rem}h3{font-size:1.953rem}h4{font-size:1.563rem}h5{font-size:1.25rem}.main{display:grid;grid-template-rows:auto 1fr;height:100vh}.main,.map-container{overflow:hidden}.bottom-hud{bottom:0;display:grid;grid-template-columns:70vw 30vw;max-width:100%}.bottom-hud,.right-hud{z-index:1;position:absolute;right:0}.right-hud{top:4rem;display:flex}.map{z-index:1;width:100%;height:100vh;background-color:#fff}.vue-world-map{position:relative}.map-container{width:2000px;position:absolute;background-color:#fff}.settings{display:flex;flex-direction:column;align-items:center}.timeline{background-color:hsla(0,0%,100%,.95);border-radius:5px;margin:1.3rem .3rem;color:#000;font-size:.8rem;padding:0 10px;box-shadow:0 0 5px #ccc}.current-time{text-align:center;margin:3px 0;font-size:17px;color:#000;font-weight:700}.controlers-container{margin-left:auto;margin-right:auto}.scale{display:flex;justify-content:space-between}.scale div{position:relative}.scale div:after{content:"";display:block;width:2px;height:10px;background-color:#000;top:-6px;left:50%;position:absolute}.controlers{display:flexbox;text-align:center}.slider{-webkit-appearance:none;width:100%;height:.6rem;outline:none;opacity:.7;transition:opacity .2s;border-radius:5px;background:#000;box-shadow:1px 1px 5px #686868}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.4rem;height:1.4rem;background:#63a308;box-shadow:0 0 3px #000;border-radius:50%;cursor:pointer;-webkit-transition:background-color .2s,border-color .2s;transition:background-color .2s,border-color .2s}.slider::-moz-range-thumb{width:1.4rem;height:1.4rem;background:#63a308;border-radius:50%;cursor:pointer;-moz-transition:background-color .2s,border-color .2s;transition:background-color .2s,border-color .2s}.slider::-ms-thumb{width:1.4rem;height:1.4rem;background:#63a308;border-radius:50%;cursor:pointer;-ms-transition:background-color .2s,border-color .2s;transition:background-color .2s,border-color .2s}.slider:hover{opacity:.9;box-shadow:1px 1px 4px #686868}.slider::-moz-range-thumb:hover,.slider::-ms-thumb:hover,.slider::-webkit-slider-thumb:hover{background-color:#528a04;border-color:#fff}.timeline-controllers{margin-top:5px;fill:#087f5b;display:inline-block;width:30px;height:30px;margin-right:5px;margin-left:5px;stroke-width:2px}.timeline-controllers img{max-width:100%}.btn-timeline{width:32px;height:32px;background-color:#63a308;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-timeline:hover{background-color:#528a04}.btn-timeline:after,.btn-timeline:before{content:"";width:0;height:0;border-style:solid;position:absolute}.btn-timeline.btn-pause:after,.btn-timeline.btn-pause:before{width:3px;height:20px;background:#fff;border:none}.btn-timeline.btn-pause:before{transform:translateX(4px)}.btn-timeline.btn-pause:after{transform:translateX(-4px)}.btn-timeline.btn-forward:after,.btn-timeline.btn-forward:before{border-width:7px 0 7px 11px;border-color:transparent transparent transparent #fff}.btn-timeline.btn-play:before{border-width:8px 0 8px 12px;border-color:transparent transparent transparent #fff;transform:translateX(2px)}.btn-timeline.btn-play:after{content:none}.btn-timeline.btn-backward:after,.btn-timeline.btn-backward:before{border-width:7px 11px 7px 0;border-color:transparent #fff transparent transparent}.btn-timeline.btn-forward:before{transform:translateX(-3px)}.btn-timeline.btn-forward:after{transform:translateX(5px)}.btn-timeline.btn-backward:before{transform:translateX(-5px)}.btn-timeline.btn-backward:after{transform:translateX(3px)}.legend{display:flex;flex-direction:column;margin:1.3rem 1rem;background-color:hsla(0,0%,100%,.95);color:#000;border-radius:5px;padding:10px;text-align:center;box-shadow:0 0 5px #ccc}.legend-wrapper{margin-bottom:10px}.legend-wrapper .legend-title{margin-bottom:5px;margin-left:auto;margin-right:auto;line-height:1.1}.legend-wrapper .legend-title small{font-size:14px}.legend-wrapper .legend-switch{display:flex;justify-content:center;align-items:center}.legend-wrapper .legend-switch .switch-label{font-size:14px}.switch{position:relative;display:inline-block;width:60px;height:30px;margin:0 10px}.switch input{opacity:0;width:0;height:0}.switch .slider{height:30px;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#63a308;transition:.4s;border-radius:20px;opacity:1}.switch .slider:before{position:absolute;content:"";height:24px;width:24px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.switch input:checked+.slider{background-color:#04aded}.switch input:checked+.slider:before{transform:translateX(28px)}.data-scale{margin-left:auto;margin-right:auto;width:100%}.gradient{margin:auto;width:100%;height:20px;border-radius:3px;box-shadow:0 0 5px #dadada}.extrime-values{display:flex;justify-content:space-between;font-size:.8rem}.scale-btn{display:block;background-color:#63a308;width:2rem;height:2rem;border-radius:5px;border-style:none;color:#fff;cursor:pointer}.scale-btn:hover{background-color:#528a04}.zoom-slider{-webkit-appearance:none;width:6.5rem;height:.6rem;outline:none;opacity:.7;transition:opacity .2s;transform:rotate(-90deg);margin-top:3.125rem;margin-bottom:3.125rem}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.4rem;height:1.4rem;background:#63a308;border-radius:50%;cursor:pointer;-webkit-transition:background-color .2s,border-color .2s;transition:background-color .2s,border-color .2s}.zoom-slider::-moz-range-thumb{width:20px;height:20px;background:#63a308;border-radius:50%;cursor:pointer;-moz-transition:background-color .2s,border-color .2s;transition:background-color .2s,border-color .2s}.zoom-slider::-ms-thumb{width:20px;height:20px;background:#63a308;border-radius:50%;cursor:pointer;-ms-transition:background-color .2s,border-color .2s;transition:background-color .2s,border-color .2s}.zoom-slider:hover{opacity:1}.zoom-slider::-moz-range-thumb:hover,.zoom-slider::-ms-thumb:hover,.zoom-slider::-webkit-slider-thumb:hover{background-color:#528a04;border-color:#fff}.table-container{width:100%;overflow-x:auto;margin:20px 0}table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif;color:#333;margin:10px 0 30px}table,table td,table th{border:1px solid #ccc;font-size:14px}table td,table th{padding:5px 5px;text-align:center}table th{background-color:#a1a1a1;color:#fff}table tr:nth-child(2n){background-color:#f9f9f9}table tr:hover{background-color:#f1f1f1}table .names{width:30%}table .marker{color:#fff;width:35%}table .marker.active{box-shadow:inset 0 0 5px #fff;border:2px solid #000;box-shadow:inset 0 0 2px #7a7a7a}table.general .marker{cursor:pointer}table caption{caption-side:top;font-size:16px;font-weight:700;margin-bottom:10px}table:last-of-type{margin-bottom:20px}.svg-text{font-size:3px;font-weight:400;fill:#fff;opacity:.8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.region-details{margin:0 .3rem;background-color:hsla(0,0%,100%,.95);color:#000;border-radius:5px;padding:10px;width:35rem;min-height:510px;max-height:calc(100vh - 230px);position:relative;border:1px solid #dadada;box-shadow:0 0 5px #ccc;overflow:auto}.region-details .x-close-btn{display:inline-block;position:absolute;width:35px;height:35px;top:5px;right:5px}.region-details .x-close-btn .x-line{width:25px;height:3px;background:#000;display:inline-block;position:absolute;top:50%;left:50%}.region-details .x-close-btn .x-line:first-child{transform:translate(-50%,-50%) rotate(45deg)}.region-details .x-close-btn .x-line:last-child{transform:translate(-50%,-50%) rotate(135deg)}.region-details h3{margin-top:8px;margin-bottom:8px;font-size:22px;font-weight:700;text-align:center}.region-details p{font-size:14px;margin-bottom:6px;line-height:1.4;font-weight:400}.region-details p strong{font-size:inherit}.mouse-follower{position:absolute;background-color:#ff5733;border-radius:5px;pointer-events:none;z-index:1}@media screen and (max-width:992px){.bottom-hud{grid-template-columns:60vw 40vw}.legend-title{font-size:20px}.region-details{height:auto}.region-details p{font-size:16px}}@media screen and (max-width:767px){.bottom-hud{display:block;width:100%}.right-hud{top:0}.region-details{width:calc(100vw - .6rem);height:auto;margin-top:.3rem}.region-details.details{height:60rem;max-height:calc(100vh - 1rem)}.region-details p{font-size:15px;margin-bottom:2px}.region-details hr{margin-top:5px;margin-bottom:5px}.extrime-values *{font-size:15px}.scale div{font-size:13px;width:50px}.legend-title{font-size:17px;margin-bottom:3px}.legend,.timeline{margin:3px;padding:2px 5px}.legend{margin-bottom:0}.current-time{margin:1px 0;font-size:15px}.settings{padding-top:5rem}}svg{overflow:hidden}.btn .details[data-v-3c667acc]{display:inline}.btn .summary[data-v-3c667acc]{display:none}.btn.active .triangle[data-v-3c667acc]{transform:rotate(180deg)}.btn.active .details[data-v-3c667acc]{display:none}.btn.active .summary[data-v-3c667acc]{display:inline}