.icon{width:6rem;padding:.3rem}header{padding:.4rem;display:flex;justify-content:space-between;align-items:center;background-color:#24242a;align-content:center;position:sticky;position:relative;z-index:2;gap:.5rem}.search{border-radius:50px;height:2.4rem;text-align:center;flex:1;border:0;outline:none;padding:.2rem 40px}.nav-search{width:max-content;margin:0%}header form{position:relative;display:flex;min-width:50vw;align-content:center;justify-content:space-evenly;align-items:center;gap:20px}header form input{box-shadow:3px 3px 10px #000;width:45%}.buttonFilter{--cursor: pointer;--padding: 0;--margin: 0;--height: 3rem;padding:.2rem;background-color:#3589a7;border:none}.buttonFilter>img{width:2rem}header button{box-shadow:3px 3px 10px #000;color:#fff;background-color:#3589a7;border-radius:10px;padding:.2rem}.searchButton{background-color:#3589a7;box-shadow:none;border-radius:0 40px 40px 0;padding:.2rem;position:absolute;right:0rem;border:none}.searchButton>img{width:2rem}.positionAsk{position:absolute;background-color:#3589a7;box-shadow:none;border-radius:40px 0 0 40px;padding:.2rem;left:0px;border:none}.positionAsk>img{width:2rem}@media screen and (min-width: 800px){header{grid-row:1 / 2;grid-column:1 / 3;--flex: 2}}:root{--colorPrimary: #24242a;--colorSecondary: #09ace7}.containerFilter{--display: none;z-index:3;width:100vw;height:100vh;position:absolute;top:0;background-color:var(--colorPrimary)}.buttonContainer{--display: grid;--grid-template-columns: 1fr 1fr}.filterButtons{padding:1rem;margin:.5rem;background-color:var(--colorPrimary);color:var(--colorSecondary);border:1px solid var(--colorSecondary);border-radius:4rem}.filterButtonsActive{background-color:var(--colorSecondary);color:var(--colorPrimary)}select{background-color:#24242a;border:none;text-align:center;font-size:1em;color:#09ace7}.select,label{margin:1rem;color:#09ace7;text-align:center}div.select:first-child{border-bottom:1px solid whitesmoke}div.select:nth-child(3){border-top:1px solid whitesmoke}.container{display:flex;gap:2rem;flex-wrap:wrap;justify-content:space-between;list-style:none;padding:0}.fuelElement{margin:.5rem;color:var(--colorSecondary)}.fuelElement h2{font-size:1rem;width:max-content}.close{position:absolute;background-color:#24242a;color:#09ace7;border:none;bottom:100px}.close:hover{border:1px solid #09ace7;border-radius:10px}.station{display:grid;grid-template-columns:repeat(2,1fr);font-size:.8em;border-bottom:2px solid #2171a3;gap:2px}.stationInfo{display:flex;flex-direction:column;background-color:#24242a;color:#f0f8ff}.stationInfo header{justify-content:space-around;background-color:#24242a}.stationInfo>img{width:40px}.fuelListing{display:flex;align-items:center;background-color:#24242a;justify-content:space-around;flex-wrap:wrap;align-content:flex-start}.figure{margin:5px;height:auto}.figure{--border: 2px solid black;font-size:1.3em;border-radius:5px;padding:1rem;background-color:#24242a;color:wheat;max-width:10vw}.figure p{color:#f0f8ff}.figure figcaption{color:#019eff}.id1{color:#ff0;border-color:#ff0}.id2,.id6{color:#458245;border-color:#458245}.id3{color:#019eff;border-color:#019eff}.id4{color:#2171a3;border-color:#2171a3}.id5{color:#07c407;border-color:#07c407}.imageFavorite{height:20px;width:20px;--position: absolute;--right: 0px}.circleColor{height:20px;width:20px;background-color:#319329;border-radius:50%;display:inline-block;margin-right:5px}.listing{overflow:auto;background-color:#019eff;z-index:1}.stationInfo button{background-color:#24242a;border:none}@media screen and (min-width: 800px){.listing{width:30vw}}.popup div:nth-child(1){--padding: 1rem .2rem;--width: 33%;--border-bottom: 1px solid black}.popup{--max-width: 60vw}.popup section{font-size:1em}.container{z-index:1}.rayon{margin:1rem;font-size:1em;font-weight:700}.containerList{display:flex;flex-direction:row;flex-wrap:wrap;--border: 2px solid black;--font-size: 1.3em;border-radius:5px;--padding: 1rem;background-color:#24242a;color:wheat}.date{font-size:.6em}.popup table{--background-color: #24242a}.popup td{padding:1rem .2rem;width:33%;border-bottom:1px solid black}tr th{padding:.3rem}.popup{width:max-content}body{margin:0;height:max-content;background-color:#fdfdff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;display:flex;flex-direction:column;height:100vh;--height: -webkit-fill-available}.leaflet-container{flex:1}.App-logo{height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}button{font-size:calc(10px + 2vmin)}.button{background-color:#24242a;color:#61dafb;border-bottom:1px solid white}.logoCarburant{width:3.5rem}@media screen and (min-width: 800px){.App{display:grid;grid-template-columns:70vw 30vw;grid-template-rows:8vh 92vh}.buttonList{display:none}.leaflet-container{grid-column:1 / 2;grid-row:2 / 3}}