.popup-searchby-train{position:relative}.popup-searchby-train:after,.popup-searchby-train:before{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;--tw-content:"";content:var(--tw-content);pointer-events:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.popup-searchby-train:before{background:url(./bg-popup-line-top.JN51CgnK.png) top no-repeat;background-size:100% auto}@media (max-width:639.98px){.popup-searchby-train:before{background:url(./bg-popup-line-top-mobile.BdkbyKo_.png) top no-repeat;background-size:100% auto}}.popup-searchby-train:after{background:url(./bg-popup-line-bottom.CLPDyM-k.png) bottom no-repeat;background-size:100% auto}@media (max-width:639.98px){.popup-searchby-train:after{background:url(./bg-popup-line-bottom-mobile.B04E_z1R.png) bottom no-repeat;background-size:100% auto}}.popup-searchby-train .train-map-wrapper{border-radius:.375rem;border-width:1px;height:450px;overflow:hidden;position:relative;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}@media (max-width:1023.98px){.popup-searchby-train .train-map-wrapper{height:240px}}@media (max-width:639.98px){.popup-searchby-train .train-map-wrapper{border-radius:0;height:calc(100vh - 8rem - 170.6px);margin-left:-1.25rem;width:calc(100% + 2.5rem)}}.popup-searchby-train .train-map-wrapper .train-map-base{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2300 2125.4'%3E%3Cpath d='M0-.8h2300v2126.2H0z' style='fill:%23f3f4f6'/%3E%3Cpath d='M1651.1 2019.4c-6.6 0-11.9-5.3-11.9-11.9v-217h-12.4l-87.4 69.2c-6.8 5.4-15.3 8.3-24 8.3h-165.9c-8.4 0-16.8-2.8-23.5-8l-20.6-15.8c-8-6.1-12.8-15.8-12.8-25.8V1787c0-8.2 3.1-16 8.6-22l24.8-26.9c6.1-6.6 14.7-10.4 23.7-10.5l157.4-1.1c7.4 0 14.3-2.9 19.6-8l89.2-87.1c.8-.8 1-1.7 1-2.4 0-.6-.2-1.6-1-2.3l-138.8-130.4c-1.3-1.2-3.2-1.2-4.5 0l-59.4 57.7c-3.4 3.3-6 7.2-7.8 11.6l-24.8 60.3c-2.9 6.9-7 13.2-12.2 18.5l-127.8 130.5c-8.8 9-21.1 14.2-33.7 14.2h-31.5c-12.6 0-24.9-5.2-33.7-14.2l-125.5-128.6c-8.1-8.3-8.7-21.4-1.3-30.4l60.3-73.5-136.8-146.7H817.2c-16.2 0-29.4-13.2-29.4-29.4V962.7c0-1.5-.6-3-1.7-4L435.2 607.8c-7-7-10.9-16.4-10.9-26.3V148.8c0-6.6 5.3-11.9 11.9-11.9s11.9 5.3 11.9 11.9v432.7c0 3.6 1.4 7 3.9 9.5l350.9 350.9c5.6 5.6 8.6 12.9 8.6 20.8v403.6c0 3.1 2.6 5.7 5.7 5.7h121.6c6.3 0 12.4 2.6 16.7 7.2l137.6 147.6c7.8 8.3 8.2 21.2.9 30l-60.3 73.5 124.9 128c4.4 4.5 10.5 7.1 16.7 7.1h31.5c6.2 0 12.3-2.6 16.7-7l127.8-130.5c3.1-3.2 5.5-6.9 7.2-11l24.8-60.3c3-7.4 7.5-14 13.2-19.6l59.4-57.7c10.4-10.1 26.7-10.2 37.3-.3l138.8 130.4c5.3 5 8.4 12.1 8.5 19.4 0 7.3-2.9 14.5-8.1 19.6l-89.2 87.1c-9.7 9.4-22.4 14.7-36 14.8l-157.4 1.1c-2.4 0-4.8 1-6.4 2.8l-24.8 26.9c-1.5 1.6-2.3 3.7-2.3 6v31.4c0 2.7 1.3 5.3 3.4 7l20.6 15.8c2.6 2 5.8 3.1 9.1 3.1h165.9c3.3 0 6.6-1.1 9.3-3.2l88.4-70c3.5-2.8 7.9-4.3 12.4-4.3h17.3c11.1 0 20 9 20 20v220.7c0 6.6-5.3 11.9-11.9 11.9Z' style='fill:%23c7eafb'/%3E%3C/svg%3E") 50% no-repeat;background-size:100% 100%;height:708px;position:relative;width:766px;z-index:1}.popup-searchby-train .train-map-wrapper .train-map-joint{background:url(./station-joint.D04G3hUD.svg) 50% no-repeat;background-size:100% 100%;z-index:3}.popup-searchby-train .train-map-wrapper .train-map-joint,.popup-searchby-train .train-map-wrapper .train-map-layer{height:708px;pointer-events:none;position:absolute;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:766px}.popup-searchby-train .train-map-wrapper .train-map-layer{left:0;top:0;z-index:2}.popup-searchby-train .train-map-wrapper .train-map-layer[data-line=bts-sukhumvit]{background:url(./bts-sukhumvit-line.BKDJfQm9.svg) 50% no-repeat;background-size:100% 100%}.popup-searchby-train .train-map-wrapper .train-map-layer[data-line=bts-silom]{background:url(./bts-silom-line.CCw9iDgO.svg) 50% no-repeat;background-size:100% 100%}.popup-searchby-train .train-map-wrapper .train-map-layer[data-line=mrt-blue-line]{background:url(./mrt-blue-line.CH4_MYTS.svg) 50% no-repeat;background-size:100% 100%}.popup-searchby-train .train-map-wrapper .train-map-layer[data-line=gold-line]{background:url(./gold-line.B-xp5AUm.svg) 50% no-repeat;background-size:100% 100%}.popup-searchby-train .train-map-wrapper .train-map-layer[data-line=airport-rail-link-line]{background:url(./airport-rail-link-line.BH6Xntwp.svg) 50% no-repeat;background-size:100% 100%}.popup-searchby-train .train-map-wrapper .train-map-layer[data-line=yellow-line]{background:url(./yellow-line.B3kAOg5-.svg) 50% no-repeat;background-size:100% 100%}.popup-searchby-train .train-map-wrapper .train-map-layer[data-line=light-red-line]{background:url(./light-red-line.DIxuibN3.svg) 50% no-repeat;background-size:100% 100%}.popup-searchby-train .train-map-wrapper .train-map-layer[data-line=hard-red-line]{background:url(./hard-red-line.yt3GZ2Zh.svg) 50% no-repeat;background-size:100% 100%}.popup-searchby-train .train-map-wrapper .train-map-layer[data-line=purple-line]{background:url(./purple-line.DPmGPcV0.svg) 50% no-repeat;background-size:100% 100%}.popup-searchby-train .train-map-wrapper .train-map-layer[data-line=pink-line]{background:url(./pink-line.Dvce5u8L.svg) 50% no-repeat;background-size:100% 100%}.popup-searchby-train .train-map-wrapper .circle-station{border-radius:9999px;height:12px;position:absolute;transform:scale(.45) translateZ(0);transform-origin:top left;width:12px;z-index:3}.popup-searchby-train .train-map-wrapper .circle-station .circle-station-input{border-radius:9999px;display:block;height:100%;position:relative;width:100%;z-index:2;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.popup-searchby-train .train-map-wrapper .circle-station .circle-station-input:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='9.249' height='6.727' viewBox='266.3 -26.604 9.249 6.727'%3E%3Cpath fill='%23FFF' d='M275.337-26.409a.66.66 0 0 0-.936 0L269.5-21.5l-2.06-2.066a.672.672 0 1 0-.935.967l2.527 2.528a.66.66 0 0 0 .931.003l.004-.003 5.37-5.371a.66.66 0 0 0 0-.967'/%3E%3C/svg%3E") 50% no-repeat;background-size:70%;border-radius:9999px;height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:.1s ease-in-out;width:100%;--tw-bg-opacity:1;background-color:rgb(var(--color-primary-DEFAULT)/var(--tw-bg-opacity,1));--tw-content:"";content:var(--tw-content)}.popup-searchby-train .train-map-wrapper .circle-station .circle-station-border{transform:scale(1.25);z-index:1;--tw-content:""}.popup-searchby-train .train-map-wrapper .circle-station .circle-station-border,.popup-searchby-train .train-map-wrapper .circle-station:before{border-radius:9999px;content:var(--tw-content);height:100%;left:0;pointer-events:none;position:absolute;top:0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.popup-searchby-train .train-map-wrapper .circle-station:before{animation:ping 1s cubic-bezier(0,0,.2,1) infinite;visibility:hidden;--tw-bg-opacity:1;background-color:rgb(212 212 212/var(--tw-bg-opacity,1));--tw-content:""}.popup-searchby-train .train-map-wrapper .circle-station.selected .circle-station-input:before{transform:scale(.85)}.popup-searchby-train .train-map-wrapper .circle-station.selected:before{visibility:visible}.popup-searchby-train .train-map-wrapper .circle-station:disabled{cursor:not-allowed}.popup-searchby-train .train-map-wrapper .circle-station:disabled .circle-station-input{--tw-bg-opacity:1;background-color:rgb(var(--color-gray-300)/var(--tw-bg-opacity,1))}.popup-searchby-train .train-map-wrapper .circle-station:disabled .circle-station-input:before{display:none!important}.popup-searchby-train .train-map-wrapper .circle-station:disabled .circle-station-border{background:#9ca3af!important}.popup-searchby-train .train-map-wrapper .circle-station:hover .circle-station-input{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.popup-searchby-train .train-map-wrapper .circle-station.bg-\[\#0F6494\]{background:#0f6494}.popup-searchby-train .train-map-wrapper img{max-width:inherit}.popup-searchby-train .train-map-wrapper .nuxt-panzoom-controls,.popup-searchby-train .train-map-wrapper .train-map-nav{bottom:10px;left:10px;position:absolute;width:40px;z-index:3}.popup-searchby-train .train-map-wrapper .nuxt-panzoom-controls button,.popup-searchby-train .train-map-wrapper .train-map-nav button{align-items:center;border-radius:.125rem;border-width:1px;display:flex;height:40px;justify-content:center;margin-top:.5rem;width:40px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:1.5rem;font-weight:300;line-height:2rem;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.popup-searchby-train .train-map-wrapper .nuxt-panzoom-controls button:hover,.popup-searchby-train .train-map-wrapper .train-map-nav button:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-gray-100)/var(--tw-bg-opacity,1))}.popup-searchby-train .train-list-wrap .ps{height:calc(398px - 1.5rem)}@media (max-width:1023.98px){.popup-searchby-train .train-list-wrap .ps{height:200px}}@media (max-width:639.98px){.popup-searchby-train .train-list-wrap .ps{height:calc(100vh - 9.5rem - 205.1px)}}.popup-searchby-train .train-list-wrap .ps .ps__rail-x{display:none!important}.popup-searchby-train .train-list-wrap .station-list-wrap .station-list-section{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));padding-bottom:.875rem;padding-top:.875rem}.popup-searchby-train .train-list-wrap .station-list-wrap .station-list-section:first-of-type{padding-top:0}.popup-searchby-train .train-list-wrap .station-list-wrap .station-list-section:last-of-type{border-width:0}.popup-searchby-train .train-list-wrap .station-list-wrap .station-list-section .station-list-header{-moz-column-gap:.5rem;column-gap:.5rem;display:grid;font-size:.875rem;font-weight:600;grid-template-columns:1fr auto 20px;line-height:1.25rem;min-height:26px;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.popup-searchby-train .train-list-wrap .station-list-wrap .station-list-section .station-list-header .station-item-nav{align-items:center;display:flex;height:20px;justify-content:center;margin-top:3px;width:20px}.popup-searchby-train .train-list-wrap .station-list-wrap .station-list-section .station-list-body .station-sublist{margin-bottom:.5rem;margin-top:.5rem}.popup-searchby-train .train-list-wrap .station-list-wrap .station-list-section .station-label{-moz-column-gap:.5rem;column-gap:.5rem;display:grid;grid-template-columns:14px 1fr}.popup-searchby-train .train-list-wrap .station-list-wrap .station-list-section .station-label .bullet{border-radius:9999px;display:block;height:14px;position:relative;top:5px;width:14px}.popup-searchby-train .train-list-wrap .station-list-wrap .station-list-section .badge{height:26px;justify-content:center;width:26px;--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));font-size:.875rem;line-height:1.25rem;padding:0;--tw-text-opacity:1;color:rgb(var(--color-gray-500)/var(--tw-text-opacity,1))}.popup-searchby-train .btn{font-size:.875rem;font-weight:400;line-height:1.25rem;padding:.625rem .5rem;width:100%}@media (min-width:640px){.popup-searchby-train .btn{font-size:1rem;line-height:1.5rem;padding-bottom:.5rem;padding-top:.5rem;width:150px}}.popup-searchby-train .tag-button-with-close{max-height:82px;overflow-x:hidden;overflow-y:auto}@media (max-width:639.98px){.popup-searchby-train .tag-button-with-close{flex-wrap:nowrap;height:45px;margin-left:-1.25rem;overflow-x:auto;overflow-y:hidden;padding-left:1.25rem;padding-right:1.25rem;width:calc(100% + 2.5rem)}.popup-searchby-train .tag-button-with-close button{height:45px}}.popup-searchby-train .btn-search-train{align-items:center;border-radius:9999px;border-width:1px;display:flex;height:36px;justify-content:center;width:36px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.popup-searchby-train .tag-line{display:flex;flex-wrap:nowrap;font-size:.875rem;gap:.5rem;line-height:1.25rem;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.popup-searchby-train .tag-line a,.popup-searchby-train .tag-line button{border-radius:9999px;border-width:1px;height:36px;transition:.3s;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.375rem .75rem}.popup-searchby-train .tag-line a>span,.popup-searchby-train .tag-line button>span{align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;display:flex}.popup-searchby-train .tag-line a>span .tag-bullet,.popup-searchby-train .tag-line button>span .tag-bullet{border-radius:9999px;display:block;height:12px;width:12px}.popup-searchby-train .tag-line a>span .tag-desc,.popup-searchby-train .tag-line button>span .tag-desc{white-space:nowrap}.popup-searchby-train .btn-panel-back{display:flex;margin-bottom:1rem;margin-left:-5px;margin-top:.5rem}.popup-searchby-train .btn-panel-back .iconify{top:1.5px}@media (max-width:639.98px){.popup-searchby-train .train-list-panel{height:calc(100vh - 8rem - 115.5px);left:0;position:absolute;top:0;width:100%}}@keyframes ping{75%,to{opacity:0;transform:scale(2.5)}}.popup-request-geolocation[data-v-38f97d4c]{position:relative}.popup-request-geolocation[data-v-38f97d4c]:after,.popup-request-geolocation[data-v-38f97d4c]:before{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;--tw-content:"";content:var(--tw-content);pointer-events:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.popup-request-geolocation[data-v-38f97d4c]:before{background:url(./bg-popup-line-top.JN51CgnK.png) top no-repeat;background-size:100% auto}@media (max-width:639.98px){.popup-request-geolocation[data-v-38f97d4c]:before{background:url(./bg-popup-line-top-mobile.BdkbyKo_.png) top no-repeat;background-size:100% auto}}.popup-request-geolocation[data-v-38f97d4c]:after{background:url(./bg-popup-line-bottom.CLPDyM-k.png) bottom no-repeat;background-size:100% auto}@media (max-width:639.98px){.popup-request-geolocation[data-v-38f97d4c]:after{background:url(./bg-popup-line-bottom-mobile.B04E_z1R.png) bottom no-repeat;background-size:100% auto}}