body.stop-scrolling{height:100%;overflow:hidden}.sweet-overlay{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:#0006;position:fixed;inset:0;display:none;z-index:10000}.sweet-alert{background-color:#fff;font-family:Noto Sans Thai,sans-serif;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:16px;text-align:center;font-weight:400;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}.sweet-alert p{color:#797979;font-size:16px;text-align:center;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.sweet-alert fieldset{border:none;position:relative}.sweet-alert .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding .15s,max-height .15s;transition:padding .15s,max-height .15s}.sweet-alert .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding .2s,max-height .2s;transition:padding .25s,max-height .25s}.sweet-alert .sa-error-container .icon{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:3px}.sweet-alert .sa-error-container p{display:inline-block}.sweet-alert .sa-input-error{position:absolute;top:29px;right:26px;width:20px;height:20px;opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .1s;transition:all .1s}.sweet-alert .sa-input-error:before,.sweet-alert .sa-input-error:after{content:"";width:20px;height:6px;background-color:#f06e57;border-radius:3px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-9px}.sweet-alert .sa-input-error:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-input-error:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-input-error.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.sweet-alert input{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;box-shadow:inset 0 1px 1px #0000000f;padding:0 12px;display:none;-webkit-transition:all .3s;transition:all .3s}.sweet-alert input:focus{outline:none;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.sweet-alert input:focus::-moz-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input:focus:-ms-input-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input:focus::-webkit-input-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input::-moz-placeholder{color:#bdbdbd}.sweet-alert input:-ms-input-placeholder{color:#bdbdbd}.sweet-alert input::-webkit-input-placeholder{color:#bdbdbd}.sweet-alert.show-input input{display:block}.sweet-alert .sa-confirm-button-container{display:inline-block;position:relative}.sweet-alert .la-ball-fall{position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:4px;opacity:0;visibility:hidden}.sweet-alert button{background-color:#8cd4f5;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:none;box-shadow:0 0 2px #80b3eb80,inset 0 0 0 1px #0000000d}.sweet-alert button:hover{background-color:#7ecff4}.sweet-alert button:active{background-color:#5dc2f1}.sweet-alert button.cancel{background-color:#c1c1c1}.sweet-alert button.cancel:hover{background-color:#b9b9b9}.sweet-alert button.cancel:active{background-color:#a8a8a8}.sweet-alert button.cancel:focus{box-shadow:#c5cdd3cc 0 0 2px,#0000000c 0 0 0 1px inset!important}.sweet-alert button[disabled]{opacity:.6;cursor:default}.sweet-alert button.confirm[disabled]{color:transparent}.sweet-alert button.confirm[disabled]~.la-ball-fall{opacity:1;visibility:visible;transition-delay:0s}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-error{border-color:#f27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#f8bb86}.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#f8bb86}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#f8bb86}.sweet-alert .sa-icon.sa-info{border-color:#c9dae1}.sweet-alert .sa-icon.sa-info:before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#c9dae1}.sweet-alert .sa-icon.sa-info:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#c9dae1}.sweet-alert .sa-icon.sa-success{border-color:#a5dc86}.sweet-alert .sa-icon.sa-success:before,.sweet-alert .sa-icon.sa-success:after{content:"";-webkit-border-radius:40px;border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success:before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success:after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0px 60px;transform-origin:0px 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);-webkit-border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}to{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}to{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}to{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}to{transform:scale(.5);-webkit-transform:scale(.5)}}@-webkit-keyframes slideFromTop{0%{top:0%}to{top:50%}}@keyframes slideFromTop{0%{top:0%}to{top:50%}}@-webkit-keyframes slideToTop{0%{top:50%}to{top:0%}}@keyframes slideToTop{0%{top:50%}to{top:0%}}@-webkit-keyframes slideFromBottom{0%{top:70%}to{top:50%}}@keyframes slideFromBottom{0%{top:70%}to{top:50%}}@-webkit-keyframes slideToBottom{0%{top:50%}to{top:70%}}@keyframes slideToBottom{0%{top:50%}to{top:70%}}.showSweetAlert[data-animation=pop]{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.showSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideFromTop .3s;animation:slideFromTop .3s}.showSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideFromBottom .3s;animation:slideFromBottom .3s}.hideSweetAlert[data-animation=pop]{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideToTop .4s;animation:slideToTop .4s}.hideSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideToBottom .3s;animation:slideToBottom .3s}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}to{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}to{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.sa-icon.sa-success.animate:after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);-webkit-transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);-webkit-transform:rotateX(0deg);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}to{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}to{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#f8d486}to{background-color:#f8bb86}}@keyframes pulseWarningIns{0%{background-color:#f8d486}to{background-color:#f8bb86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-ms-transform:rotate(45deg) \	}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-ms-transform:rotate(-45deg) \	}.sweet-alert .sa-icon.sa-success{border-color:transparent\	}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{-ms-transform:rotate(45deg) \	}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{-ms-transform:rotate(-45deg) \	}.la-ball-fall,.la-ball-fall>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-ball-fall{display:block;font-size:0;color:#fff}.la-ball-fall.la-dark{color:#333}.la-ball-fall>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-ball-fall{width:54px;height:18px}.la-ball-fall>div{width:10px;height:10px;margin:4px;border-radius:100%;opacity:0;-webkit-animation:ball-fall 1s ease-in-out infinite;-moz-animation:ball-fall 1s ease-in-out infinite;-o-animation:ball-fall 1s ease-in-out infinite;animation:ball-fall 1s ease-in-out infinite}.la-ball-fall>div:nth-child(1){-webkit-animation-delay:-.2s;-moz-animation-delay:-.2s;-o-animation-delay:-.2s;animation-delay:-.2s}.la-ball-fall>div:nth-child(2){-webkit-animation-delay:-.1s;-moz-animation-delay:-.1s;-o-animation-delay:-.1s;animation-delay:-.1s}.la-ball-fall>div:nth-child(3){-webkit-animation-delay:0ms;-moz-animation-delay:0ms;-o-animation-delay:0ms;animation-delay:0ms}.la-ball-fall.la-sm{width:26px;height:8px}.la-ball-fall.la-sm>div{width:4px;height:4px;margin:2px}.la-ball-fall.la-2x{width:108px;height:36px}.la-ball-fall.la-2x>div{width:20px;height:20px;margin:8px}.la-ball-fall.la-3x{width:162px;height:54px}.la-ball-fall.la-3x>div{width:30px;height:30px;margin:12px}@-webkit-keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}to{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}@-moz-keyframes ball-fall{0%{opacity:0;-moz-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}to{opacity:0;-moz-transform:translateY(145%);transform:translateY(145%)}}@-o-keyframes ball-fall{0%{opacity:0;-o-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}to{opacity:0;-o-transform:translateY(145%);transform:translateY(145%)}}@keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);-moz-transform:translateY(-145%);-o-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}to{opacity:0;-webkit-transform:translateY(145%);-moz-transform:translateY(145%);-o-transform:translateY(145%);transform:translateY(145%)}}html,body,#map{width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.leaflet-layer,.leaflet-control-zoom-in,.leaflet-control-zoom-out,.leaflet-control-attribution{filter:invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)}#advertise{width:100%;height:100%;margin:0;position:absolute;top:10%;left:10px}.VehicleList{font-family:IBM Plex Sans Thai;font-size:13pt;color:#fff;padding:13px 10px}.custom-radio:focus-visible{outline-offset:0}.st_timeline{position:absolute;width:100%;height:80px;z-index:9999;text-align:center;margin-left:0;background-color:#083f7d}@font-face{font-family:defMapText;src:url(./chulabhornlikittext-regular-DVKH0JMU.eot) format("eot"),url(./chulabhornlikittext-regular-Z8LwtvNj.woff) format("woff"),url(./chulabhornlikittext-regular-CHQbM4UB.woff2) format("truetype")}@font-face{font-family:defDescMapText;src:url(./SOV_Station-DVaQzqrV.eot) format("eot"),url(./SOV_Station-C8zWruzC.woff) format("woff"),url(./SOV_Station-DXESvWpq.woff2) format("truetype")}@font-face{font-family:defDescAdminText;src:url(./mononoki-Regular-xTX4hlNo.eot) format("eot"),url(./mononoki-Regular-H9VjrGnj.woff) format("woff"),url(./mononoki-Regular-BRfBqpgk.woff2) format("truetype")}.swiper{width:100%;height:100%}.swiper-slide{text-align:center;font-size:34pt;font-family:Play;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.ctrlinfo{font-family:Noto Sans Thai;font-size:13pt;color:#fff}.legendadmininfo{top:0;left:20px;padding:6px 5px;font:28pt IBM Plex Sans Thai;color:#fff;line-height:35px}.legendadmininfo h4{text-align:center;font-size:16px;margin:2px 12px 8px;color:#777}.legendadmininfo span{position:relative;bottom:3px}.legendadmininfo i{width:18px;height:18px;float:left;margin:0 8px 0 0;opacity:1}.legendadmininfo i.icon{background-size:18px;background-color:#fff}.admininfo{font-family:IBM Plex Sans Thai;color:#111;font-size:9pt}.info{font-family:IBM Plex Sans Thai;line-height:35px;padding:2px}.red{color:#df291b}.orange{color:#ff8f00}.black{color:#000}.white{color:#fff}.legend{top:100px;left:20px;padding:6px 5px;font-size:28pt;font-family:IBM Plex Sans Thai,sans-serif;color:#fff;background:transparent;line-height:35px}.legendline{font-size:17px;font-family:IBM Plex Sans Thai;color:#000;padding:10px;background:#666;border-radius:10px;font-weight:700}.legend h4{text-align:center;font-size:16px;margin:2px 12px 8px;color:#777}.legend span{position:relative;bottom:3px}.legend i{width:18px;height:18px;float:left;margin:0 8px 0 0;opacity:.7}.legend i.icon{background-size:18px;background-color:#fff}.leaflet-control-layers-expanded{color:#fff;font-family:IBM Plex Sans Thai;font-size:15pt;background-color:#4e6fa4}.leaflet-popup-close-button{display:none}.leaflet-label-overlay{line-height:0px;margin-top:9px;position:absolute}.leaflet-tooltip.st_labels{background-color:#777;box-shadow:none;font-size:28pt;font-family:IBM Plex Sans Thai,sans-serif;color:#fff}.leaflet-tooltip.st_labels_line{background-color:#a71d7b;font-weight:700;font-size:13px;font-family:IBM Plex Sans Thai;color:#fff;border-radius:10px;border:0px}.timeline{list-style-type:none;display:flex;align-items:center;justify-content:center}.li{transition:all .2s ease-in}.timestamp{margin-bottom:20px;padding:0 40px;display:flex;flex-direction:column;align-items:center;font-weight:100}.status{padding:0 40px;display:flex;justify-content:center;border-top:3px solid #5BB218;position:relative;transition:all .2s ease-in;color:#fff}.status h4{font-family:IBM Plex Sans Thai,Arial,Helvetica,sans-serif;font-size:14pt;font-weight:90}.status:before{content:"";width:18px;height:18px;background-color:#5bb218;border-radius:30px;position:absolute;top:-13px;left:42%;border:5px solid #5BB218;transition:all .2s ease-in}.li.station .status{border-top:3px solid #999999}.li.station .status:before{background-color:#999;border:none;top:-10px;transition:all .2s ease-in}.li.station .status h4{color:#fff}.Description{font-family:IBM Plex Sans Thai;font-size:18pt;color:#000}@media(min-device-width:320px)and (max-device-width:700px){.timeline{list-style-type:none;display:block}.li{transition:all .2s ease-in;display:flex;width:inherit}.timestamp{width:100px}.status:before{left:-8%;top:30%;transition:all .2s ease-in}}.mainbutton{background-color:#bbb;border:1px solid #ccc;border-radius:3px;box-shadow:#fff6 0 1px inset;box-sizing:border-box;color:#333;cursor:pointer;display:inline-block;font-family:IBM Plex Sans Thai;font-size:13px;font-weight:700;line-height:1.15385;margin:0;outline:none;padding:8px .8em;position:relative;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline;white-space:nowrap}.mainbutton:hover,.mainbutton:focus{background-color:#07c}.mainbutton:focus{box-shadow:0 0 0 4px #0095ff26}.mainbutton:active{background-color:#0064bd;box-shadow:none}:root{--ui-font: "Google Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ui-navy-950: #081426;--ui-navy-900: #0d1b2e;--ui-navy-800: #162842;--ui-slate-600: #526174;--ui-slate-200: #dce3eb;--ui-slate-100: #eef2f6;--ui-white: #ffffff;--ui-blue: #1677ff;--ui-green: #16a36a;--ui-orange: #d97706;--ui-red: #dc3545;--ui-shadow: 0 12px 32px rgba(8, 20, 38, .18);--ui-radius: 12px}html,body{overflow:hidden;font-family:var(--ui-font);background:var(--ui-slate-100)}#map{background:#dbe4ec}.app-brand{position:fixed;z-index:1000;top:0;right:0;left:0;display:flex;align-items:center;gap:11px;min-width:0;min-height:52px;padding:max(8px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));color:var(--ui-white);background:#081426eb;border-bottom:1px solid rgba(255,255,255,.12);border-radius:0 0 16px 16px;box-shadow:0 8px 24px #08142629;backdrop-filter:saturate(160%) blur(20px);-webkit-backdrop-filter:saturate(160%) blur(20px);box-sizing:border-box}.app-brand__mark{position:relative;display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;background:linear-gradient(145deg,#278cff,#0b5ed7);border-radius:9px;box-shadow:0 5px 14px #1677ff59}.app-brand__mark svg{width:23px;height:23px;fill:none;stroke:var(--ui-white);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-brand__copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left;pointer-events:none}.app-brand__copy strong{font-family:Dosis,sans-serif;font-size:12px;font-weight:700;letter-spacing:.01em;transform:scaleY(.9);transform-origin:left center}.app-brand__copy small{margin-top:4px;color:#aebdce;font-size:9px;letter-spacing:.04em;text-transform:uppercase}.app-brand__live{display:flex;align-items:center;gap:5px;padding:5px 7px;color:#b8f5d7;background:#16a36a24;border:1px solid rgba(52,211,153,.24);border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.app-brand__live i{width:6px;height:6px;background:#34d399;border-radius:50%;box-shadow:0 0 0 4px #34d3991f}.language-switch{display:flex;margin-left:auto;padding:2px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:7px}.language-switch button{min-width:29px;padding:5px 6px;color:#91a2b7;font:700 9px/1 var(--ui-font);background:transparent;border:0;border-radius:5px;cursor:pointer}.language-switch button:hover{color:var(--ui-white)}.language-switch button.is-active{color:var(--ui-navy-950);background:var(--ui-white);box-shadow:0 2px 6px #0003}.language-switch button:focus-visible{outline:2px solid #60a5fa;outline-offset:1px}.leaflet-control-container{font-family:inherit}.leaflet-top.leaflet-right{top:8px;right:8px}.leaflet-bottom.leaflet-left{left:6px;bottom:20px}.info{display:flex;align-items:center;gap:12px;min-height:42px;padding:6px 7px 6px 13px;line-height:normal;background:#fffffff5;border:1px solid rgba(82,97,116,.14);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.admininfo{display:flex;align-items:center;gap:5px;color:var(--ui-slate-600);font-family:inherit;font-size:11px;font-weight:600;text-transform:capitalize}.admininfo img{width:8px;height:8px;margin-left:5px;border-radius:50%}.mainbutton{padding:8px 12px;color:var(--ui-white);font-family:inherit;font-size:11px;font-weight:700;background:var(--ui-navy-900);border:0;border-radius:8px;box-shadow:none;transition:background .16s ease,transform .16s ease}.mainbutton:hover,.mainbutton:focus{background:var(--ui-blue)}.mainbutton:focus-visible{outline:3px solid rgba(22,119,255,.25);outline-offset:2px}.mainbutton:active{background:#075fc8;transform:translateY(1px)}.legendline{display:flex;min-width:230px;max-width:min(340px,calc(100vw - 32px));max-height:38vh;flex-direction:column;gap:2px;overflow-y:auto;padding:7px;color:var(--ui-navy-900);font-family:inherit;font-size:12px;font-weight:600;background:#fffffff5;border:1px solid rgba(82,97,116,.14);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.legendline span{display:flex;align-items:center;min-height:32px;padding:2px 9px;border-radius:7px}.legendline span+span{border-top:1px solid var(--ui-slate-100)}.legendline img{width:17px;height:17px;margin-right:8px;object-fit:contain}.legendline .white{color:var(--ui-navy-900)}.legendline .red{color:var(--ui-red);background:#dc35450f}.legendline .orange{color:var(--ui-orange);background:#d9770612}.leaflet-tooltip.st_labels_line{padding:5px 10px;color:#2443b3;font-family:inherit;font-size:16px;font-weight:700;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;line-height:1.35;background:#fffffff0;border:1px solid rgba(22,119,255,.24);border-left:3px solid var(--ui-blue);border-radius:8px;box-shadow:0 5px 16px #08142621,0 1px 2px #08142614;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.leaflet-tooltip-right.st_labels_line:before{border-right-color:#1677ff7a}.leaflet-tooltip-left.st_labels_line{border-right:3px solid var(--ui-blue);border-left:1px solid rgba(22,119,255,.24)}.leaflet-tooltip-left.st_labels_line:before{border-left-color:#1677ff7a}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:var(--ui-navy-900);background:var(--ui-white);box-shadow:var(--ui-shadow)}.leaflet-popup-content-wrapper{border-radius:10px}.Description{color:var(--ui-navy-900);font-family:inherit;font-size:15px;font-weight:700}.leaflet-control-attribution{padding:3px 7px!important;color:#65758a;background:#ffffffd1!important;border-radius:6px 0 0;backdrop-filter:blur(8px)}@media(max-width:700px){.app-brand{top:0;right:0;left:0;min-width:0;padding:max(7px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 7px max(10px,env(safe-area-inset-left));border-radius:0 0 14px 14px}.app-brand__copy small,.app-brand__live{display:none}.app-brand__copy strong{font-size:13px}.language-switch button{min-width:27px}.leaflet-top.leaflet-right{top:68px;right:2px}.info{gap:7px;padding-left:8px}.admininfo{font-size:10px}.legendline{min-width:0;width:calc(100vw - 32px);max-height:28vh}}@media(prefers-reduced-motion:reduce){.mainbutton{transition:none}}body,body *,button,input,select,textarea,.mapboxgl-map,.mapboxgl-map *{font-family:var(--ui-font)!important}.map-status-panel{position:static;display:flex;align-items:center;gap:5px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}.map-status-panel .refresh-icon,.map-status-panel .theme-icon{display:grid;width:29px;height:29px;padding:0;place-items:center;color:#d8e3ef;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:4px;box-shadow:none}.map-status-panel .refresh-icon:hover,.map-status-panel .refresh-icon:focus,.map-status-panel .theme-icon:hover,.map-status-panel .theme-icon:focus{color:#d8e3ef;background:#ffffff29}.map-status-panel .refresh-icon:active,.map-status-panel .theme-icon:active{color:#fff;background:#ffffff38}.refresh-icon svg,.theme-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-icon .theme-icon__sun{display:none}:root[data-theme=dark] .theme-icon .theme-icon__moon{display:none}:root[data-theme=dark] .theme-icon .theme-icon__sun{display:block}.service-menu{position:relative}.service-menu-slot{display:flex;align-items:center;gap:5px;margin-left:0}.service-menu summary,.service-menu__list span{display:flex;align-items:center;gap:5px;color:var(--ui-slate-600);font-size:11px}.service-menu summary{display:grid;width:34px;min-height:30px;padding:0;place-items:center;font-weight:700;border-radius:8px;cursor:pointer;list-style:none;user-select:none;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.service-menu summary::-webkit-details-marker{display:none}.service-menu summary:after{color:#d8e3ef;content:"▾";font-size:16px;line-height:1}.service-menu[open] summary{background:#ffffff29}.service-menu__list{position:absolute;top:calc(100% + 10px);right:0;display:flex;width:max-content;min-width:max-content;flex-direction:column;gap:2px;padding:7px;background:#fffffffa;border:1px solid var(--ui-slate-200);border-radius:10px;box-shadow:var(--ui-shadow);white-space:nowrap}.service-menu__list span{min-height:30px;padding:0 8px;border-radius:6px}.service-menu__list span:hover{background:var(--ui-slate-100)}.service-menu i{width:8px;height:8px;flex:0 0 8px;background:var(--ui-red);border-radius:50%}.service-menu .is-online i,.service-menu.is-online>summary i{background:var(--ui-green);box-shadow:0 0 0 4px #16a36a1a}.vehicle-panel{position:fixed;z-index:1000;right:0;bottom:0;left:0;display:flex;width:100%;min-height:54px;align-items:center;gap:4px;overflow-x:auto;padding:7px max(14px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#2f343bf5;border-top:1px solid rgba(255,255,255,.12);border-radius:16px 16px 0 0;box-shadow:0 -8px 24px #0814261f;backdrop-filter:blur(12px);box-sizing:border-box;white-space:nowrap}.vehicle-panel__title{flex:0 0 auto;margin-right:7px;padding:7px 11px;color:var(--ui-white);font-size:16px;font-weight:400;background:var(--ui-navy-900);border-radius:8px}.vehicle-panel__title.is-online{color:#fff;background:var(--ui-green)}.vehicle-panel__title.is-offline{color:#fff;background:var(--ui-red)}.vehicle-panel__title.is-warning{color:#fff;background:var(--ui-orange)}.vehicle-panel__title.is-stationary{color:#fff;background:#6b7280}.vehicle-panel__title.is-loading{display:grid;min-width:74px;min-height:19px;place-items:center;background:var(--ui-navy-900)}.vehicle-panel__loader{display:flex;align-items:center;gap:5px}.vehicle-panel__loader i{width:6px;height:6px;background:currentColor;border-radius:50%;animation:vehicle-badge-loading 1.1s ease-in-out infinite}.vehicle-panel__loader i:nth-child(2){animation-delay:.16s}.vehicle-panel__loader i:nth-child(3){animation-delay:.32s}@keyframes vehicle-badge-loading{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.vehicle-panel__loader i{animation:none;opacity:.8}}.vehicle-row{display:flex;align-items:center;gap:9px;min-height:32px;flex:0 0 auto;padding:2px 9px;color:#fff;font-size:16px;font-weight:400}.vehicle-row+.vehicle-row{border-left:1px solid rgba(255,255,255,.16)}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right{bottom:calc(58px + env(safe-area-inset-bottom))}.nectec-map-logo{position:fixed;z-index:2;right:10px;bottom:calc(68px + env(safe-area-inset-bottom));width:clamp(72px,22vw,88px);height:auto;opacity:.7;pointer-events:none;user-select:none}.mapboxgl-ctrl-top-left{top:calc(max(8px,env(safe-area-inset-top)) + 62px);left:10px}.mapboxgl-ctrl-attrib{color:var(--ui-slate-600);background:#ffffffe0!important;border-radius:6px 0 0}.vehicle-popup{display:flex;min-width:150px;flex-direction:column;gap:4px;color:var(--ui-navy-900)}.vehicle-popup strong{font-size:14px}.vehicle-popup span{color:var(--ui-slate-600);font-size:12px}.mapboxgl-popup-content{padding:13px 15px;border-radius:10px;box-shadow:var(--ui-shadow)}.mapboxgl-ctrl-group{overflow:hidden;border:1px solid rgba(82,97,116,.16);border-radius:10px;box-shadow:var(--ui-shadow)!important}@media(max-width:700px){.map-status-panel{position:static;gap:5px}.vehicle-panel{right:0;bottom:0;left:0;width:100%}}