*{margin:0;padding:0}html,body,#root{width:100%;min-height:100vh;font-family:Kanit,sans-serif;background-color:#111;color:#fff}#root{display:flex;flex-direction:column;align-items:center}main{width:calc(100% - 16px);max-width:1000px;height:80vh;padding:0 8px 8px}a{color:#fff}.data-source-selector{display:flex;flex-direction:row;align-items:center;justify-content:center}.data-source-selector button{font-size:1.2rem;font-weight:500;padding:8px 16px;border:none;border-radius:4px;background-color:#333;color:#fff;cursor:pointer;margin-bottom:12px}.data-source-selector button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.data-source-selector button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.data-source-selector button:hover{background-color:#666}.data-source-selected{background-color:#555!important}.map{width:100%;height:75vh}.maplibregl-popup-content{background-color:#222!important;font-size:1rem!important}.maplibregl-popup-close-button{padding:4px 8px!important;color:#fff!important;font-size:1.2rem!important}.maplibregl-popup-content{padding-right:32px!important}h3.station_popup{margin-bottom:8px}h4.station_popup{margin-top:12px;margin-bottom:4px}p.station_popup,li.station_popup{margin-bottom:2px}li.station_popup{margin-left:16px}.station h3{margin-bottom:4px}.station li{margin-left:16px}.station{padding:0 8px 2px;margin-bottom:8px}.station>div{padding:4px 8px;margin-bottom:8px}.sorting select{padding:4px;margin:4px 0;font-size:1.2rem;border:none;border-radius:4px;background-color:#333;color:#fff;cursor:pointer}button{font-size:1.2rem;font-weight:500;padding:8px 16px;border:none;border-radius:4px;background-color:#333;color:#fff;cursor:pointer;margin-bottom:4px}ul{margin-left:32px}