.popup-searchby-train{position:relative}.popup-searchby-train:after,.popup-searchby-train:before{--tw-content:"";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%;z-index:0}.popup-searchby-train:before{background:url(./bg-popup-line-top.BGd11Y7U.png) top no-repeat;background-size:100% auto}.popup-searchby-train:is(.dark *):before{opacity:.3}@media(max-width:639.98px){.popup-searchby-train:before{background:url(./bg-popup-line-top-mobile.ClHLhfyN.png) top no-repeat;background-size:100% auto}}.popup-searchby-train:after{background:url(./bg-popup-line-bottom.BtdSNx6s.png) bottom no-repeat;background-size:100% auto}.popup-searchby-train:is(.dark *):after{opacity:.3}@media(max-width:639.98px){.popup-searchby-train:after{background:url(./bg-popup-line-bottom-mobile.DADqmX42.png) bottom no-repeat;background-size:100% auto}}.popup-searchby-train .train-map-wrapper{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));border-radius:.375rem;border-width:1px;height:450px;overflow:hidden;position:relative}@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(var(--vh, 1vh)*100 - 8rem - 170.6px);margin-left:-1.25rem;width:calc(100% + 2.5rem)}}.popup-searchby-train .train-map-wrapper .train-map-base{background:url(./base.Dih2sJM_.svg) 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.1X2cYiyN.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.BUuE79HO.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.DWdx-lPy.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.Dnn1alov.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.0r4_sPJs.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.CdGZmcUH.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.Cbua6OF6.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.DkGtAf0k.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.Lt8F_Qk8.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.CyWcKuHw.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.D_i9ZgOV.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{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:9999px;display:block;height:100%;position:relative;width:100%;z-index:2}.popup-searchby-train .train-map-wrapper .circle-station .circle-station-input:before{--tw-bg-opacity:1;--tw-content:"";background:url(./selected.JdIqlbzI.svg) 50% no-repeat;background-color:rgb(var(--color-primary-DEFAULT)/var(--tw-bg-opacity,1));background-size:70%;border-radius:9999px;content:var(--tw-content);height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:.1s ease-in-out;width:100%}.popup-searchby-train .train-map-wrapper .circle-station .circle-station-border{--tw-content:"";transform:scale(1.25);z-index:1}.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{--tw-bg-opacity:1;--tw-content:"";animation:ping 1s cubic-bezier(0,0,.2,1) infinite;background-color:rgb(212 212 212/var(--tw-bg-opacity,1));visibility:hidden}.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{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--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);align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(226 232 240/var(--tw-border-opacity,1));border-radius:.125rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(0 0 0/var(--tw-text-opacity,1));display:flex;font-size:1.5rem;font-weight:300;height:40px;justify-content:center;line-height:2rem;margin-top:.5rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:40px}.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(var(--vh, 1vh)*100 - 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{--tw-border-opacity:1;border-bottom-width:1px;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{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1));-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}.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{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));color:rgb(var(--color-gray-500)/var(--tw-text-opacity,1));font-size:.875rem;height:26px;justify-content:center;line-height:1.25rem;padding:0;width:26px}.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{--tw-border-opacity:1;align-items:center;border-color:rgb(226 232 240/var(--tw-border-opacity,1));border-radius:9999px;border-width:1px;display:flex;height:36px;justify-content:center;width:36px}.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{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(226 232 240/var(--tw-border-opacity,1));border-radius:9999px;border-width:1px;color:rgb(0 0 0/var(--tw-text-opacity,1));height:36px;padding:.375rem .75rem;transition:.3s}.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(var(--vh, 1vh)*100 - 8rem - 115.5px);left:0;position:absolute;top:0;width:100%}}@keyframes ping{75%,to{opacity:0;transform:scale(2.5)}}