.App{display:flex;flex-direction:column;height:100vh;height:100dvh}.leaflet-container{height:100%}.station-popup{display:flex;flex-direction:column;align-items:flex-end;gap:.25em;font-size:.9rem}.station-popup p{margin:0}.station-popup p:first-child{font-size:1.1rem;font-weight:700;align-self:center;margin-bottom:.2em}.station-popup p span:first-child{font-weight:700}.station-icon{background-color:#fff;border-radius:50%;border:2px solid black}.station-icon:hover,.station-icon.station-icon--active{outline:3px solid yellow}.info-container{position:absolute;z-index:1000;right:3rem;top:3rem}.info-container .info-box{padding:1rem;background-color:#fff;display:flex;flex-direction:column;font-size:1.5rem;border-radius:1rem;box-shadow:0 5px 10px #0006;align-items:flex-end;min-width:25rem;margin-top:1rem}.info-container .info-box:first-child{margin-top:0}.info-container .info-box p span:first-child{font-weight:700;color:#888}@media screen and (max-width: 1200px){.info-container{right:1rem;top:1rem}.info-container .info-box{font-size:.8rem;min-width:15rem;padding:.5rem;margin-top:.5rem}}@media screen and (orientation: portrait){.info-container{top:unset;bottom:1rem;right:unset;width:100%;display:flex;flex-direction:column;align-items:center}.info-container .info-box{margin-top:.2rem}}header{background-color:#fff;text-align:center;padding:.5rem;box-shadow:0 3px 5px #0000004d;z-index:1000}header p,header a{color:#888;font-weight:700}@media screen and (max-width: 1200px){header h1{font-size:1.5rem}}*{box-sizing:border-box;margin:0;padding:0;font-family:Rubik,sans-serif}body{background-color:#0000001a}