:root{--mainColor:#0f0;--mainDarker:#228b22;--mainDarkest:#092509;--sliderColor:#0f0;--highlightColor:red;--highlightFaded:pink}#loading{margin-top:30px;font-size:34px;font-weight:700;color:var(--mainColor)}@media screen and (min-width:1200px){main{display:flex}main>*{flex:1}main .main-primary{flex:2}}.main-secondary{display:flex;flex-direction:column;align-items:center}footer{text-align:left;font-size:12px}.state{stroke:#fff;stroke-width:1}.state.active{stroke:#00f;stroke-width:3;z-index:5}button{color:#fff;font-weight:700;padding:5px 15px;border-radius:5px;border:none;box-shadow:0 2px var(--mainDarkest);outline:none;cursor:pointer}button,button:hover{background-color:var(--mainDarker)}button:active{box-shadow:0 1px var(--mainDarkest);transform:translateY(1px)}.slider{--max:1000;--min:500;--a:500;--b:1000;--dif:calc(var(--max) - var(--min));display:grid;overflow:hidden;position:relative;margin:5px auto 10px;cursor:pointer;background:var(--sliderColor);border-radius:1.3px;outline:none}.slider:after,.slider:before{grid-column:1/span 2;grid-row:3;height:100%;background:var(--mainDarker);content:"";outline:none}.slider:before{margin-left:calc((var(--a) - var(--min))/var(--dif)*100%);width:calc((var(--b) - var(--a))/var(--dif)*100%)}.slider:after{margin-left:calc((var(--b) - var(--min))/var(--dif)*100%);width:calc((var(--a) - var(--b))/var(--dif)*100%)}.slider input[type=range]{grid-column:1/span 2;grid-row:3;z-index:1;top:0;left:0;outline:none;--col:#000}.slider input[type=range],input[type=range]{margin:0;background:none;pointer-events:none}input[type=range]{color:var(--mainDarker);font:inherit}input[type=range],input[type=range]::-webkit-slider-runnable-track,input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:100%;background:none}input[type=range]::-moz-range-track{width:100%;height:100%;background:none}input[type=range]::-webkit-slider-thumb{border:none;width:1em;height:1em;border-radius:5px;background:var(--highlightColor);pointer-events:auto}input[type=range]::-moz-range-thumb{border:none;width:1em;height:1em;border-radius:5px;background:var(--highlightColor);pointer-events:auto}input[type=range]#datebefore::-webkit-slider-thumb{background:var(--highlightFaded)}input[type=range]#datebefore::-moz-range-thumb{background:var(--highlightFaded)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}