@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css?family=Oswald&display=swap);:root{--primary-background:#1a1e24;--secondary-background:#282c34;--primary-color:#ce0d4f;--secondary-color:#242849;--primary-text:#fafafa;--secondary-text:#aaa;--third-text:#666;--green:#6a9c47;--yellow:#b68d3c;--waves:url(/static/media/wavess.a04edd12dc62f62a6b77.svg)}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;font-family:Roboto;margin:0}#root{background:linear-gradient(138deg,#1a1e24 20%,#282c34 50%,#1a1e24 80%);background:linear-gradient(138deg,var(--primary-background) 20%,var(--secondary-background) 50%,var(--primary-background) 80%);flex:1 0 auto}.recharts-responsive-container{margin:0 auto;overflow:visible;transition:all .1s linear}.recharts-default-tooltip{background:#1a1e24;background:var(--primary-background);border:1px solid #ccc;border-radius:.4rem;box-shadow:.1em .1em 5em 0 #00000080;padding:.9rem 1rem;text-align:left;width:210px;& .recharts-tooltip-label{font-weight:700;margin:0 auto .4rem 0;padding:0;text-align:center}& .recharts-tooltip-item-list{margin:0 auto;padding:0 .5rem;& .recharts-tooltip-item{font-size:.8rem;list-style:none;margin-bottom:.3rem;margin-right:.5rem;&.recharts-tooltip-item-highlight{background-color:#282c34;background-color:var(--secondary-background)}& .recharts-tooltip-item-circle{border-radius:.5rem;display:inline-block;height:.5rem;width:2rem}& .recharts-tooltip-item-name{color:#fafafa;color:var(--primary-text);padding:0 .25rem;width:50px}& .recharts-tooltip-item-value{border-radius:5px;color:#fafafa;color:var(--primary-text);float:right;font-weight:700;padding:.2rem .5rem;text-align:right}}}}.recharts-legend-item-text,.recharts-surface path,.recharts-tooltip-item-name{font-family:Oswald;text-transform:capitalize;transition:all .2s linear;-webkit-user-select:none;user-select:none}.recharts-default-legend li{cursor:pointer}.recharts-brush{&>rect:first-child{fill:#1a1e24;fill:var(--primary-background);fill-opacity:1}& .recharts-brush-slide{fill:#282c34;fill:var(--secondary-background);fill-opacity:1}}.desactivated{display:none}:not(.minimap){.recharts-line:not(.desactivated){& path{transition:stroke-width .2s linear,stroke .2s linear}&:has(+.recharts-active-dot:hover){& path{stroke-width:10}}&:hover{& path{stroke-width:10}}}}.recharts-reference-line text{fill:#1a1e24;fill:var(--primary-background);display:none;font-size:.7rem;font-style:italic;text-transform:none;& tspan{fill:#fafafa;fill:var(--primary-text)}}.scale-switch{fill:#aaa;fill:var(--secondary-text);cursor:pointer;text-decoration:underline;text-transform:capitalize;transform:all 1s linear;&:hover{fill:#fafafa;fill:var(--primary-text)}}.dashboard{display:flex;flex-wrap:wrap;& .graph{flex-grow:1;min-width:60%}& .carto{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:space-evenly;margin:0 auto 2rem;width:100%;& .info{background:#282c34;background:var(--secondary-background);border-radius:.5rem;color:#fafafa;color:var(--primary-text);padding:1rem;width:300px;& .date{color:#aaa;color:var(--secondary-text);display:inline-block;font-family:Oswald;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;vertical-align:sub}}& .carto-legend{color:#fafafa;color:var(--primary-text);display:flex;font-size:.8rem;font-weight:700;margin-top:1rem;& .carto-legend-title{margin-right:1rem}& .carto-legend-element{& .carto-legend-scale{cursor:mark;display:inline-block;height:2.5rem;line-height:2.5rem;vertical-align:top;vertical-align:center;width:2.5rem}}}}}.minimap{background:#282c34;background:var(--secondary-background);margin-bottom:2.5rem;margin-top:1rem;width:100%;& .brush-bar{margin-left:-50%;margin-top:-80px;position:absolute}& .handle{fill:#ce0d4f;fill:var(--primary-color)}}.france-svg{min-height:320px;width:300px;& text.france-svg-label{text-anchor:end;fill:#ce0d4f;fill:var(--primary-color);stroke:#fafafa;stroke:var(--primary-text);stroke-width:1;cursor:pointer;font-size:1rem;font-weight:700;text-transform:capitalize;& tspan.label-city{fill:#f9248b;font-family:Oswald;font-weight:700}}& .station{cursor:pointer;transition:fill .3s,stroke .3s;&.activated,&.selected{transition:fill .3s,stroke .3s}}& .station-neon{fill:none;stroke:#ff30;stroke-width:3px;cursor:pointer;transition:fill .3s,stroke .3s;&.selected{stroke:#ff3}&.activated,&.selected{filter:url(#neon);transition:fill .3s,stroke .3s}&.activated{stroke:#ff6}}}.idf-svg{min-height:250px}.counter{align-items:center;color:#eee;display:flex;font-family:Oswald;margin-bottom:.5rem;min-height:3.2rem;width:300px;& .city,& .concentration{font-size:1.4rem;opacity:0;text-transform:capitalize;transition:all 1s}& .city{var(--primary-text)-space:nowrap;flex-basis:50%;opacity:100%;text-align:right}& .concentration{border-radius:.5rem;display:inline-block;margin-left:2rem;opacity:100%;padding:.5rem .75rem}}p{&.info{background:#6a9c47;background:var(--green);padding:.75rem 1rem}&.info,&.warn{border-radius:.5rem;max-width:720px}&.warn{background:#b68d3c;background:var(--yellow);padding:1rem}}text{font-family:Roboto}a{color:#fafafa;color:var(--primary-text)}a,h1,h2,h3{font-family:Oswald}h1,h2,h3{color:#eee;margin:0 auto;padding:1rem}p{color:#fafafa;color:var(--primary-text);line-height:1.4rem;margin:1rem auto;max-width:720px;padding:0 1rem;text-align:left}footer,h1{background:#1a1e24;background:var(--primary-background);background-image:url(/static/media/wavess.a04edd12dc62f62a6b77.svg);background-image:var(--waves);background-position:50%;background-size:cover;border-bottom:1px solid #282c34;border-bottom:1px solid var(--secondary-background);border-top:1px solid #282c34;border-top:1px solid var(--secondary-background);text-shadow:0 0 5px #1a1e24;text-shadow:0 0 5px var(--primary-background)}h1{& span{color:#ce0d4f;color:var(--primary-color)}}footer{& div{color:gray;margin:auto auto 1rem;max-width:480px;padding:2rem}}.preset{color:#fafafa;color:var(--primary-text);margin-bottom:2rem;& .reset{background:none;border:3px solid #666;border-radius:.5rem;color:#fafafa;color:var(--primary-text);cursor:pointer;display:inline-block;font-family:Roboto;font-size:.9rem;font-style:normal;margin-left:.25rem;padding:.25rem .5rem;transition:all .2s linear;&:hover{border:3px solid #fafafa;border:3px solid var(--primary-text)}}& .selected{border:3px solid #ce0d4f;border:3px solid var(--primary-color)}}@media screen and (min-width:0px){abbr[data-title]{position:relative;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}abbr[data-title]:focus:after,abbr[data-title]:hover:after{var(--primary-text)-space:nowrap;background-color:#1e1e1e;border-radius:3px;bottom:-30px;box-shadow:1px 1px 5px 0 #0006;color:#fff;content:attr(data-title);font-size:14px;left:0;padding:3px 5px;position:absolute;width:auto}}@media screen and (min-width:600px){.recharts-reference-line text{display:block;font-size:.7rem}}@media screen and (min-width:800px){.recharts-reference-line text{display:block;font-size:.9rem}.dashboard{& .carto{flex-grow:0}}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.619eb56f.css.map*/