html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111;background:#f5f5f5;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}@keyframes charging-battery-wave{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes charging-battery-glow-move{0%{background-position:-42px}50%{background-position:-42px 100%}to{background-position:-42px}}@keyframes charging-battery-glow-move-secondary{0%{transform:translateY(-60px)}50%{transform:translateY(6px)}to{transform:translateY(60px)}}@keyframes charging-battery-glow-pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes charging-battery-tube-glow{0%,to{box-shadow:inset 0 3px 8px #0009,inset 0 -1px 2px #ffffff0d,0 1px #ffffff0d,0 0 25px 5px #fff}50%{box-shadow:inset 0 3px 8px #0009,inset 0 -1px 2px #ffffff0d,0 1px #ffffff0d,0 0 25px 5px #ffffffa6}}.charging-status-battery{box-sizing:border-box;-webkit-backdrop-filter:blur(3.75px);backdrop-filter:blur(3.75px);background-image:linear-gradient(#fff0 0%,#ffffff61 8.747%,#fff0 35.096%),linear-gradient(#fff0 68.269%,#ffffff61 91.253%,#fff0 100%),linear-gradient(90deg,#ffffff80 0% 100%);border:1px solid #fff;border-radius:12px;width:100%;height:86px;position:relative;overflow:hidden}.charging-status-battery--stopped{animation:1.8s ease-in-out infinite charging-battery-tube-glow;box-shadow:0 0 25px 5px #fff}.charging-status-battery__tube{background:#00000059;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 3px 8px #0009,inset 0 -1px 2px #ffffff0d,0 1px #ffffff0d}.charging-status-battery__liquid{will-change:width, background-color;transition:width .7s cubic-bezier(.22,1,.36,1),background-color .7s;position:absolute;top:0;bottom:0;left:0}.charging-status-battery__liquid-glow{border-radius:inherit;filter:blur(8px);z-index:0;pointer-events:none;background:radial-gradient(at 0,#000 0%,#0000 60%) no-repeat;animation:.8s linear infinite charging-battery-glow-move,2s ease-in-out infinite charging-battery-glow-pulse;position:absolute;inset:-5px -8px -5px 2px}.charging-status-battery__liquid-glow--secondary{animation:.8s linear infinite charging-battery-glow-move-secondary,2s ease-in-out infinite charging-battery-glow-pulse;opacity:.1!important}.charging-status-battery__wave{pointer-events:none;will-change:transform;width:16px;height:300px;animation:1.4s linear infinite charging-battery-wave;position:absolute;bottom:0;right:-15px;rotate:180deg}.charging-status-battery__glare{pointer-events:none;z-index:2;background:linear-gradient(#fff3 0%,#ffffff0d 40%,#0000 100%);height:45%;position:absolute;top:0;left:0;right:0}.charging-status-battery__shadow{pointer-events:none;z-index:2;background:linear-gradient(#0000 0%,#0000004d 100%);height:30%;position:absolute;bottom:0;left:0;right:0}.charging-status-battery__label{z-index:3;text-shadow:0 0 12px #00000059;font-variant-numeric:tabular-nums;pointer-events:none;justify-content:center;align-items:center;gap:2px;margin:0;display:flex;position:absolute;inset:0}.charging-status-battery__label--grid{text-align:center;align-self:center;height:fit-content;display:grid}.charging-status-battery--ready-to-go .charging-status-battery__tube{display:none}.charging-status-battery__ready-fill{box-sizing:border-box;background:linear-gradient(90deg,#04e369 0%,#69ffad 100%);border:1px solid #91ffc2;border-top-left-radius:12px;border-bottom-left-radius:12px;position:absolute;top:0;bottom:0;left:0}.charging-status-battery__ready-caption,.charging-status-battery__ready-percent{display:block}.charging-status-battery--caption-only{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;height:auto;overflow:visible}.charging-status-battery--caption-only .charging-status-battery__label{text-shadow:none;position:relative;inset:auto}.complete-modal{z-index:1000;box-sizing:border-box;pointer-events:auto;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.complete-modal__backdrop{cursor:pointer;background-color:#0006;border:0;height:100dvh;margin:0;padding:0;position:absolute;inset:0}.complete-modal__dialog{z-index:1;box-sizing:border-box;background-color:#fff;border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:350px;padding:32px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 24px #0000001a}.complete-modal__copy{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.complete-modal__alert{align-items:center;gap:8px;display:flex}.complete-modal__title{margin:0}.complete-modal__description{white-space:pre-line;margin:0}.complete-modal__summary-card{box-sizing:border-box;background-color:#fff;border-radius:12px;flex-direction:column;width:100%;display:flex;box-shadow:0 2px 8px #0000000f}.complete-modal__stats{border-bottom:1px solid #d9e3ea;justify-content:space-between;align-items:stretch;gap:0;display:flex}.complete-modal__stat{text-align:center;flex-direction:column;flex:1 1 0;gap:2px;min-width:0;display:flex}.complete-modal__stat>p:first-child{padding-top:12px}.complete-modal__stat>p:last-child{padding-bottom:12px}.complete-modal__stat--divider{border-left:1px solid #d9e3ea;border-right:1px solid #d9e3ea}.complete-modal__stat p{margin:0}.complete-modal__cost{box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.complete-modal__cost-amount{color:#000;flex-direction:column;flex:auto;align-items:flex-start;gap:6px;min-width:0;display:flex}.complete-modal__cost-amount p{margin:0}.complete-modal__cost-wallet{background-blend-mode:normal, normal;box-sizing:border-box;background-color:#fff;background-image:radial-gradient(circle at 100% 100%,#cdffe3 0%,#cdffe300 35%),linear-gradient(90deg,#fff 0% 100%);border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;width:100%;max-width:131px;padding:8px 12px;display:flex;overflow:hidden;box-shadow:0 0 24px #0000001a}.complete-modal__cost-wallet-row{align-items:flex-start;gap:8px;display:flex}.complete-modal__cost-wallet-profile{box-sizing:border-box;background-color:#d2fbe4;border-radius:120px;flex:none;width:16px;height:16px;padding:4px;position:relative;overflow:hidden}.complete-modal__cost-wallet-profile-image{object-fit:cover;border-radius:120px;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.complete-modal__cost-wallet-profile-fallback{background-image:linear-gradient(135deg,#e5f1ff,#d2fbe4);border-radius:120px;position:absolute;inset:0}.complete-modal__cost-wallet-amount{align-items:center;gap:4px;width:100%;display:flex}.complete-modal__cost-wallet-amount-symbol{color:#697e86;text-align:center}.complete-modal__cost-wallet-amount-value{text-align:left;color:#000;flex:0 0 94px}.complete-modal__actions{align-items:center;gap:12px;width:100%;display:flex}.complete-modal__button{flex:1 1 0;width:auto;min-width:0}.press-hold-btn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative;overflow:hidden}.press-hold-btn__fill{pointer-events:none;z-index:0;background-color:#0003;transition:none;position:absolute;top:0;bottom:0;left:0}.press-hold-btn__label{z-index:1;position:relative}.connector-card{box-sizing:border-box;background-color:#eff5f8;border-radius:12px;align-items:center;gap:18px;width:100%;padding:12px 20px;display:flex;position:relative;overflow:hidden}.connector-card__detail{flex-direction:column;flex:auto;align-items:flex-start;gap:4px;min-width:0;max-width:calc(100% - 126px);display:flex}.connector-card__status{border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;display:inline-flex}.connector-card__status--available{color:#fff;background-color:#00c358}.connector-card__status--in-use{color:#fff;background-color:#94abb8}.connector-card__status--unavailable{color:#fff;background-color:#df3e4b}.connector-card__spec{flex-wrap:nowrap;align-items:center;gap:4px;min-width:0;display:inline-flex}.connector-card__spec-item{white-space:nowrap}.connector-card__dot{background-color:#697e86;border-radius:50%;flex:none;width:2px;height:2px;display:inline-block}.connector-card__price{align-items:baseline;gap:2px;margin:0;display:inline-flex}.connector-card__art{border-radius:12px;flex:none;display:block;position:absolute;right:0;overflow:hidden}.connector-card__art-img{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:135px;height:100%;display:block}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/LINESeedSansTH_W_Rg.woff2)format("woff2")}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/LINESeedSansTH_W_Bd.woff2)format("woff2")}.menu-bar{z-index:10;-webkit-backdrop-filter:blur(4px);box-sizing:border-box;background-color:#fffc;border-top-left-radius:24px;border-top-right-radius:24px;width:100%;max-width:100%;margin:0 auto;padding:8px 4px;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -1px #0000000a,0 -8px 24px #00000014}.menu-bar__list{justify-content:space-between;align-items:stretch;gap:0;margin:0;padding:0;list-style:none;display:flex}.menu-bar__item{flex:1 1 0;min-width:0;display:flex}.menu-bar__btn{box-sizing:border-box;color:#697e86;letter-spacing:0;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:100px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:8px 4px;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.5;text-decoration:none;transition:color .12s,font-weight .12s;display:flex}.menu-bar__btn:hover{color:#000}.menu-bar__btn:focus-visible{outline-offset:-2px;outline:2px solid #0142ff}.menu-bar__btn--active{color:#000;letter-spacing:.02em;font-weight:700}.menu-bar__icon{flex-shrink:0;width:28px;height:28px;display:block}.menu-bar__label{white-space:nowrap;text-align:center;display:block}.menu-bar__scan-wrap{flex:none;justify-content:center;align-items:center;padding:0 4px;display:flex}.menu-bar__scan{box-sizing:border-box;cursor:pointer;background:linear-gradient(122.5deg,#0142ff 15.69%,#3f70ff 95.96%),radial-gradient(circle at 26% 38%,#0142ff 0%,#0142ff00 92%),#0142ff radial-gradient(circle at 96% 53%,#04e369 31%,#04e36900 92%);border:1px solid #fff;border-radius:24px;justify-content:center;align-items:center;width:80px;height:60px;padding:9px 0;transition:transform .1s,background-color .12s;display:flex}.menu-bar__scan:hover{transform:translateY(-1px)}.menu-bar__scan:active{transform:translateY(0)}.menu-bar__scan:focus-visible{outline-offset:2px;outline:2px solid #0142ff}.menu-bar__scan:disabled{cursor:not-allowed;background:#94abb8;transform:none}@media (width<=479px){.menu-bar__scan-wrap{padding:0 2px}.menu-bar__scan{width:64px;height:54px}.menu-bar__scan-icon{width:36px;height:36px}.menu-bar__btn{padding-left:2px;padding-right:2px;font-size:11px}.menu-bar__icon{width:24px;height:24px}}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/LINESeedSansTH_W_Rg.woff2)format("woff2")}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/LINESeedSansTH_W_Bd.woff2)format("woff2")}.station-card{text-align:left;width:100%;font:inherit;color:#000;cursor:pointer;box-sizing:border-box;background-color:#0000;border:0;border-bottom:1px solid #d9e3ea;flex-direction:column;align-items:stretch;gap:8px;padding:12px 20px;display:flex}.station-card:focus-visible{outline-offset:-2px;outline:2px solid #0142ff}.station-card__header{align-items:flex-start;gap:8px;width:100%;display:flex}.station-card__banner{background-color:#eff5f8;border-radius:4px;flex:0 0 40px;width:40px;height:40px;overflow:hidden}.station-card__banner-img{object-fit:cover;width:100%;height:100%;display:block}.station-card__title-block{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.station-card__name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;overflow:hidden}.station-card__address{text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.station-card__meta{flex-wrap:wrap;align-items:center;gap:6px 8px;width:100%;padding-top:4px;display:flex}.station-card__meta-item{align-items:center;gap:4px;display:inline-flex}.station-card__meta-icon{flex:0 0 16px;width:16px;height:16px;display:block}.station-card__meta-text{white-space:nowrap}.station-card__count-pill{background-color:#d2fbe4;border-radius:4px;align-items:center;padding:0 4px;display:inline-flex}.station-card__count-pill--empty{background-color:#eff5f8}.station-card__connectors{flex-wrap:wrap;gap:4px;width:100%;display:flex}.station-card__chip{color:#000;white-space:nowrap;background-color:#d2fbe4;border-radius:100px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.station-card__chip--empty{color:#697e86;background-color:#d9e3ea}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/LINESeedSansTH_W_Rg.woff2)format("woff2")}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/LINESeedSansTH_W_Bd.woff2)format("woff2")}.station-drawer-root{z-index:50;pointer-events:none;position:absolute;inset:0}.station-drawer__backdrop{opacity:0;pointer-events:none;background-color:#0006;transition:opacity .3s cubic-bezier(.2,0,0,1);position:absolute;inset:0}.station-drawer__backdrop--visible{opacity:1;pointer-events:auto}.station-drawer{z-index:51;overscroll-behavior:contain;--drawer-offset:100vh;--drawer-live:0px;transform:translateY(calc(var(--drawer-offset) + var(--drawer-live)));will-change:transform;visibility:hidden;pointer-events:none;background-color:#fff;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;transition:transform .3s cubic-bezier(.2,0,0,1),height .3s cubic-bezier(.2,0,0,1),border-radius .3s cubic-bezier(.2,0,0,1);display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden auto;box-shadow:0 0 24px #00000029}.station-drawer--peek{--drawer-offset:200px;visibility:visible;pointer-events:auto;border-top-left-radius:24px;border-top-right-radius:24px;height:100%}.station-drawer--expanded{--drawer-offset:0px;visibility:visible;pointer-events:auto;border-top-left-radius:24px;border-top-right-radius:24px;height:100%}.station-drawer--dragging{transition:none}.station-drawer__dialog{pointer-events:none;position:absolute;inset:0}.station-drawer__banner{box-sizing:border-box;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border-top-left-radius:inherit;border-top-right-radius:inherit;background-color:#eff5f8;flex-direction:column;flex:none;justify-content:space-between;align-items:center;width:100%;height:200px;padding:5px 0 12px;display:flex;position:relative;overflow:hidden}.station-drawer__banner:active{cursor:grabbing}.station-drawer__banner-img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.station-drawer__banner-fade{z-index:1;pointer-events:none;background:linear-gradient(#fff0 50%,#fff 100%);position:absolute;inset:0}.station-drawer__handle{z-index:2;background-color:#d9e3ea;border-radius:10px;width:36px;height:5px;position:relative;box-shadow:0 0 24px #00000080}.station-drawer__carousel-dots{z-index:2;align-items:center;gap:6px;display:inline-flex;position:relative}.station-drawer__carousel-dot{background-color:#fff9;border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 2px #0000002e}.station-drawer__carousel-dot--active{background-color:#0142ff}.station-drawer__close-zone{pointer-events:none;z-index:4;justify-content:flex-end;align-items:flex-start;height:0;display:flex;position:sticky;top:8px}.station-drawer__close{cursor:pointer;touch-action:manipulation;pointer-events:auto;background-color:#fff;border:0;border-radius:40px;place-items:center;width:36px;height:36px;padding:0;display:grid;position:relative;right:8px;box-shadow:0 0 12px #0000001a}.station-drawer__close:focus-visible{outline-offset:2px;outline:2px solid #0142ff}.station-drawer__close-icon{display:block}.station-drawer__content{padding:0 0 calc(120px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background-color:#fff;flex-direction:column;flex:none;display:flex}.station-drawer__sticky-header{z-index:3;background-color:#fff;flex-direction:column;gap:8px;padding-bottom:0;display:flex;position:sticky;top:0}.station-drawer__details{background-color:#fff;flex-direction:column;gap:2px;padding:12px 20px 0;display:flex}.station-drawer__title{white-space:normal;margin:0}.station-drawer__address{margin:0}.station-drawer__meta{flex-wrap:wrap;align-items:center;gap:6px 10px;width:100%;padding-top:4px;display:flex}.station-drawer__tabs{background-color:#fff;border-bottom:1px solid #d9e3ea;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.station-drawer__tab{color:#000;cursor:pointer;background-color:#fff;border:0;border-bottom:2px solid #0000;margin:0;padding:8px 12px}.station-drawer__tab--active{border-bottom-color:#94abb8}.station-drawer__tab:focus-visible{outline-offset:-2px;outline:2px solid #0142ff}.station-drawer__panel{padding:12px 20px 0}.station-drawer__connectors{flex-direction:column;gap:8px;margin:0;padding:0 0 200px;list-style:none;display:flex}.station-drawer__panel .station-overview{padding-bottom:200px}.station-drawer--expanded .station-drawer__connectors,.station-drawer--expanded .station-drawer__panel .station-overview{padding-bottom:0}.station-drawer__panel-placeholder{color:#94abb8;letter-spacing:0;background-color:#eff5f8;border-radius:12px;place-items:center;width:100%;min-height:200px;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.5;display:grid}.station-drawer__cta{z-index:52;padding:12px 20px calc(24px + env(safe-area-inset-bottom,0px));box-sizing:border-box;visibility:hidden;pointer-events:none;background-color:#fff;justify-content:center;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 10px #00000040}.station-drawer__cta--visible{visibility:visible;pointer-events:auto}.station-drawer__cta-btn{cursor:pointer;border:0;border-radius:100px;justify-content:center;align-items:center;gap:8px;height:48px;padding:12px 24px;display:inline-flex}.station-drawer__cta-btn--secondary{color:#000;background-color:#fff;border:1.2px solid #d9e3ea;padding:12px 24px}.station-drawer__cta-btn--secondary>span{display:none}@media (width>=375px){.station-drawer__cta-btn--secondary{padding:12px 24px}.station-drawer__cta-btn--secondary>span{display:inline}}.station-drawer__cta-btn--primary{color:#fff;background-color:#0142ff;flex:1 0 0}.station-drawer__cta-btn:focus-visible{outline-offset:2px;outline:2px solid #0142ff}.station-drawer__cta-btn:disabled{cursor:not-allowed;color:#94abb8;opacity:.5}.station-drawer__cta-icon{flex:none;display:block}.station-drawer__cta-icon--inverse{filter:brightness(0)invert()}@media (prefers-reduced-motion:reduce){.station-drawer,.station-drawer__backdrop{transition:none!important}}.station-overview{flex-direction:column;gap:12px;display:flex}.station-overview__gallery{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;margin:0 -20px 0 0;padding:0 20px;list-style:none;display:flex;overflow-x:auto}.station-overview__gallery::-webkit-scrollbar{display:none}.station-overview__photo{scroll-snap-align:start;background-color:#eff5f8;border-radius:9px;flex:none;width:200px;height:140px;overflow:hidden}.station-overview__photo-img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.station-overview__section{flex-direction:column;gap:12px;display:flex}.station-overview__section-title{align-items:center;gap:4px;margin:0;display:flex}.station-overview__section-icon{flex:none;display:block}.station-overview__text{margin:0}.station-overview__highlights{margin:0;padding:0;list-style:inside}.station-overview__hours{flex-direction:column;margin:0;display:flex}.station-overview__hours-row{grid-template-columns:84px 1fr;gap:8px;display:grid}.station-overview__hours-row>dt,.station-overview__hours-row>dd{margin:0}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/LINESeedSansTH_W_Rg.woff2)format("woff2")}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/LINESeedSansTH_W_Bd.woff2)format("woff2")}.home-notification{box-sizing:border-box;justify-content:center;padding:8px 0 12px;display:flex}.home-notification__card{color:#fff;text-align:left;cursor:pointer;box-sizing:border-box;background-color:#0142ff;border:0;border-radius:12px;flex-direction:row;align-items:stretch;gap:8px;width:100%;max-width:350px;padding:12px;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;overflow:hidden;box-shadow:0 0 24px #0000001a}.home-notification__card:disabled{cursor:default}.home-notification__card:focus-visible{outline-offset:2px;outline:2px solid #fff}.home-notification__chevron{filter:brightness(0)saturate()invert();flex:0 0 24px;align-self:center}.home-notification__col{flex-direction:column;min-width:0;display:flex}.home-notification__col--time{flex:auto;justify-content:space-between;align-items:stretch;min-width:0}.home-notification__col--cost{text-align:center;flex:none;justify-content:space-between;align-items:center;width:68px}.home-notification__col--soc{text-align:right;flex:none;justify-content:space-between;align-items:flex-end;padding-bottom:3px;padding-right:4px}.home-notification__col--summary{flex:0 auto;align-items:flex-start;gap:5px;min-width:0}.home-notification__col--parking{text-align:right;flex:1 1 0;justify-content:flex-end;align-items:flex-end;min-width:0;padding-bottom:2px}.home-notification__col--parking-card{flex:auto;align-items:stretch;gap:6px;min-width:0}.home-notification__time{flex-direction:row;align-items:center;gap:4px;width:100%;display:flex}.home-notification__bolt{flex:none;display:block}.home-notification__elapsed{font-variant-numeric:tabular-nums;flex:auto;min-width:0}.home-notification__station{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.home-notification__cost,.home-notification__energy{white-space:nowrap}.home-notification__soc-value{text-align:right;width:60px}.home-notification__soc-bar{-webkit-backdrop-filter:blur(3.75px);background-image:linear-gradient(#fff0 0%,#ffffff61 8.747%,#fff0 35.096%),linear-gradient(#fff0 68.269%,#ffffff61 91.253%,#fff0 100%),linear-gradient(90deg,#ffffff80 0% 100%);border:1px solid #fff;border-radius:4px;width:40px;height:10px;position:relative;overflow:hidden}.home-notification__soc-fill{background-image:linear-gradient(90deg,#04e369 0%,#69ffad 100%);border-top:1px solid #91ffc2;border-bottom:1px solid #91ffc2;border-left:1px solid #91ffc2;border-top-left-radius:3px;border-bottom-left-radius:3px;transition:width .2s;position:absolute;inset:0 auto 0 0}.home-notification__summary-head{flex-direction:row;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.home-notification__summary-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.home-notification__check{filter:brightness(0)saturate()invert();flex:none;display:block}.home-notification__summary-rows{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.home-notification__summary-row{flex-direction:row;align-items:center;gap:4px;display:flex}.home-notification__soc-line{flex-direction:row;align-items:center;gap:8px;display:flex}.home-notification__parking-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-notification__parking-countdown{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.home-notification__parking-fee{white-space:nowrap;flex-flow:row;justify-content:flex-end;align-items:center;gap:4px;display:flex}.home-notification__parking-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.home-notification__parking-body{flex-direction:row;align-items:flex-end;gap:8px;width:100%;display:flex}.home-notification__parking-left{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.home-notification__parking-amount{flex-direction:row;align-items:flex-end;gap:11px;display:flex}.home-notification__parking-right{flex-direction:column;align-items:flex-end;min-width:0;margin-left:auto;display:flex}.home-notification__parking-elapsed{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.home-notification--charging .home-notification__card{min-height:72px}.home-notification--complete .home-notification__card{align-items:stretch}.home-notification__card:disabled:hover{background-color:#0142ff}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/LINESeedSansTH_W_Rg.woff2)format("woff2")}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/LINESeedSansTH_W_Bd.woff2)format("woff2")}.home-unpaid-notification{box-sizing:border-box;background-color:#f8f9fc;padding:12px 16px;display:flex}.home-unpaid-notification__card{box-sizing:border-box;text-align:left;background-color:#ffe1e4;border:1px solid #df3e4b;border-radius:12px;flex-direction:row;align-items:center;gap:8px;width:100%;padding:12px 16px;display:flex;box-shadow:0 0 12px #0000001a}.home-unpaid-notification__icon{flex:0 0 24px;display:block}.home-unpaid-notification__text{flex:auto;min-width:0;margin:0;line-height:1.3}.home-unpaid-notification__button{cursor:pointer;background-color:#df3e4b;border:0;border-radius:100px;flex:none;padding:8px 20px}.home-unpaid-notification__button:hover{filter:brightness(.92)}.home-unpaid-notification__button:focus-visible{outline-offset:2px;outline:2px solid #df3e4b}.home-unpaid-notification__button:disabled{cursor:default;opacity:.6}.transaction-details__body{overflow:hidden}.transaction-details__container{height:100%;min-height:0}.transaction-details__hero{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;gap:4px;width:100%;padding:0 0 12px;display:flex}.transaction-details__brand{background-color:#0142ff;width:43px;height:26px;margin-bottom:2px;display:block;-webkit-mask:url(/logos/mecharge-icon.svg) 50%/contain no-repeat;mask:url(/logos/mecharge-icon.svg) 50%/contain no-repeat}.transaction-details__station,.transaction-details__connector,.transaction-details__session{margin:0}.transaction-details__card{overscroll-behavior:contain;box-sizing:border-box;color:#000;background-color:#fff;border-radius:12px;flex-direction:column;flex:auto;align-items:center;width:100%;min-height:0;margin:0 auto;padding:12px 20px 32px;display:flex;overflow-y:auto;box-shadow:0 0 20px #0003}.transaction-details__card--outstanding{flex-grow:0}@media (width<=350px){.transaction-details__card{padding-left:12px;padding-right:12px}}.transaction-details__status{flex-direction:column;align-items:center;gap:4px;display:flex}.transaction-details__status-icon{background-color:#0142ff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.transaction-details__status-check{box-sizing:border-box;border-bottom:2px solid #fff;border-right:2px solid #fff;width:6px;height:11px;margin-top:-2px;transform:rotate(45deg)}.transaction-details__status-label{margin:0}.transaction-details__amount{margin:2px 0 8px}.transaction-details__amount--paid{color:#0142ff}.transaction-details__amount--outstanding{color:#df3e4b}.transaction-details__breakdown{box-sizing:border-box;border:1px solid #d9e3ea;border-radius:8px;flex:none;width:100%;min-height:432px;padding:10px 12px 12px}.transaction-details__breakdown--outstanding{min-height:auto}.transaction-details__rows{flex-direction:column;gap:2px;margin:0;display:flex}.transaction-details__row{justify-content:space-between;align-items:center;gap:8px;min-width:0;margin:0;display:flex}.transaction-details__row--divider{border-top:1px solid #d9e3ea;margin-top:2px;padding-top:4px}.transaction-details__row dt,.transaction-details__row dd{white-space:nowrap;margin:0}@media (width<=350px){.transaction-details__row dt,.transaction-details__row dd{font-size:11px}}.transaction-details__row dd{text-align:right;min-width:0}.transaction-details__payment{border-top:1px solid #d9e3ea;flex-direction:column;gap:2px;margin-top:4px;padding-top:4px;display:flex}.transaction-details__payment-row{justify-content:space-between;align-items:center;gap:8px;display:flex}@media (width<=350px){.transaction-details__payment-row>span{font-size:11px}}.transaction-details__payment-method{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.transaction-details__avatar{background-color:#d2fbe4;border-radius:50%;flex:none;width:16px;height:16px;position:relative;overflow:hidden}.transaction-details__avatar-image,.transaction-details__avatar-fallback{border-radius:50%;width:100%;height:100%;display:block;position:absolute;inset:0}.transaction-details__avatar-image{object-fit:cover}.transaction-details__avatar-fallback{background-image:linear-gradient(135deg,#b17eef,#e5f1ff)}.transaction-details__pay-error{text-align:center;margin:0 0 8px}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/LINESeedSansTH_W_Rg.woff2)format("woff2")}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/LINESeedSansTH_W_Bd.woff2)format("woff2")}:root{--font-family-thai:LINE Seed Sans TH, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--font-family-sans:LINE Seed Sans TH, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace;--font-weight-regular:400;--font-weight-bold:700;--tracking-tight:-.02em;--tracking-snug:-.01em;--tracking-normal:0;--tracking-wide:.01em;--tracking-wider:.02em;--type-h1-family:LINE Seed Sans TH, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--type-h1-size:28px;--type-h1-line:1.2;--type-h1-weight:700;--type-h1-tracking:-.02em;--type-h2-family:LINE Seed Sans TH, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--type-h2-size:22px;--type-h2-line:1.25;--type-h2-weight:700;--type-h2-tracking:-.01em;--type-h3-family:LINE Seed Sans TH, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--type-h3-size:18px;--type-h3-line:1.3;--type-h3-weight:700;--type-h3-tracking:0;--type-h4-family:LINE Seed Sans TH, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--type-h4-size:35px;--type-h4-line:1.4;--type-h4-weight:700;--type-h4-tracking:0;--type-sh1-family:LINE Seed Sans TH, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--type-sh1-size:15px;--type-sh1-line:1.5;--type-sh1-weight:700;--type-sh1-tracking:0;--type-sh2-family:LINE Seed Sans TH, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--type-sh2-size:13px;--type-sh2-line:1.4;--type-sh2-weight:700;--type-sh2-tracking:0;--type-sh3-family:LINE Seed Sans TH, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--type-sh3-size:12px;--type-sh3-line:1.5;--type-sh3-weight:700;--type-sh3-tracking:.02em;--type-sh4-family:LINE Seed Sans TH, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--type-sh4-size:10px;--type-sh4-line:1.4;--type-sh4-weight:700;--type-sh4-tracking:.02em;--type-p1-family:LINE Seed Sans TH, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--type-p1-size:16px;--type-p1-line:1.6;--type-p1-weight:400;--type-p1-tracking:0;--type-p2-family:LINE Seed Sans TH, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--type-p2-size:14px;--type-p2-line:1.6;--type-p2-weight:400;--type-p2-tracking:0;--type-p3-family:LINE Seed Sans TH, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--type-p3-size:13px;--type-p3-line:1.5;--type-p3-weight:400;--type-p3-tracking:0;--type-p4-family:LINE Seed Sans TH, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--type-p4-size:12px;--type-p4-line:1.5;--type-p4-weight:400;--type-p4-tracking:0;--type-p5-family:LINE Seed Sans TH, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--type-p5-size:11px;--type-p5-line:1.4;--type-p5-weight:400;--type-p5-tracking:.01em}body{font-family:var(--font-family-sans);color:var(--color-text,#000);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:1rem;line-height:1.5}p{unicode-bidi:isolate;margin:0;display:block}.text-h1{letter-spacing:-.02em;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:28px;font-weight:700;line-height:1.2}.text-h2{letter-spacing:-.01em;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:22px;font-weight:700;line-height:1.25}.text-h3{letter-spacing:0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.3}.text-h4{letter-spacing:0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:35px;font-weight:700;line-height:1.4}.text-sh1{letter-spacing:0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.5}.text-sh2{letter-spacing:0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:700;line-height:1.4}.text-sh3{letter-spacing:.02em;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:700;line-height:1.5}.text-sh4{letter-spacing:.02em;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:700;line-height:1.4}.text-p1{letter-spacing:0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.6}.text-p2{letter-spacing:0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.6}.text-p3{letter-spacing:0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.5}.text-p4{letter-spacing:0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.5}.text-p5{letter-spacing:.01em;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.4}:root{--color-ci-blue:#0142ff;--color-ci-green:#04e369;--color-ci-white:#f8f9fc;--color-ci-black:#000;--color-primary-100:#e5f1ff;--color-primary-400:#558bff;--color-primary-600:#0142ff;--color-primary-800:#002eeb;--color-secondary-100:#d2fbe4;--color-secondary-400:#4aef94;--color-secondary-600:#04e369;--color-secondary-800:#00c358;--color-accent-purple-100:#e2caff;--color-accent-purple-400:#b17eef;--color-accent-yellow-50:#fff4dd;--color-accent-yellow-400:#ffc64b;--color-accent-yellow-800:#b27a00;--color-accent-red-100:#ffe1e4;--color-gray-200:#f9fcff;--color-gray-300:#eff5f8;--color-gray-400:#d9e3ea;--color-gray-600:#b2c6d2;--color-gray-700:#94abb8;--color-gray-800:#697e86;--color-error:#df3e4b;--color-warning:#ffc64b;--color-success:#04e369;--color-background:#f8f9fc;--color-white:#fff;--color-black:#000}.bg-color-ci-blue{background-color:#0142ff}.bg-color-ci-green{background-color:#04e369}.bg-color-ci-white{background-color:#f8f9fc}.bg-color-ci-black{background-color:#000}.bg-color-primary-100{background-color:#e5f1ff}.bg-color-primary-400{background-color:#558bff}.bg-color-primary-600{background-color:#0142ff}.bg-color-primary-800{background-color:#002eeb}.bg-color-secondary-100{background-color:#d2fbe4}.bg-color-secondary-400{background-color:#4aef94}.bg-color-secondary-600{background-color:#04e369}.bg-color-secondary-800{background-color:#00c358}.bg-color-accent-purple-100{background-color:#e2caff}.bg-color-accent-purple-400{background-color:#b17eef}.bg-color-accent-yellow-50{background-color:#fff4dd}.bg-color-accent-yellow-400{background-color:#ffc64b}.bg-color-accent-yellow-800{background-color:#b27a00}.bg-color-accent-red-100{background-color:#ffe1e4}.bg-color-gray-200{background-color:#f9fcff}.bg-color-gray-300{background-color:#eff5f8}.bg-color-gray-400{background-color:#d9e3ea}.bg-color-gray-600{background-color:#b2c6d2}.bg-color-gray-700{background-color:#94abb8}.bg-color-gray-800{background-color:#697e86}.bg-color-error{background-color:#df3e4b}.bg-color-warning{background-color:#ffc64b}.bg-color-success{background-color:#04e369}.bg-color-background{background-color:#f8f9fc}.bg-color-white{background-color:#fff}.bg-color-black{background-color:#000}.text-color-ci-blue{color:#0142ff}.text-color-ci-green{color:#04e369}.text-color-ci-white{color:#f8f9fc}.text-color-ci-black{color:#000}.text-color-primary-100{color:#e5f1ff}.text-color-primary-400{color:#558bff}.text-color-primary-600{color:#0142ff}.text-color-primary-800{color:#002eeb}.text-color-secondary-100{color:#d2fbe4}.text-color-secondary-400{color:#4aef94}.text-color-secondary-600{color:#04e369}.text-color-secondary-800{color:#00c358}.text-color-accent-purple-100{color:#e2caff}.text-color-accent-purple-400{color:#b17eef}.text-color-accent-yellow-50{color:#fff4dd}.text-color-accent-yellow-400{color:#ffc64b}.text-color-accent-yellow-800{color:#b27a00}.text-color-accent-red-100{color:#ffe1e4}.text-color-gray-200{color:#f9fcff}.text-color-gray-300{color:#eff5f8}.text-color-gray-400{color:#d9e3ea}.text-color-gray-600{color:#b2c6d2}.text-color-gray-700{color:#94abb8}.text-color-gray-800{color:#697e86}.text-color-error{color:#df3e4b}.text-color-warning{color:#ffc64b}.text-color-success{color:#04e369}.text-color-background{color:#f8f9fc}.text-color-white{color:#fff}.text-color-black{color:#000}.btn{white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border:1.2px solid #0000;border-radius:100px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 24px;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.6;text-decoration:none;display:inline-flex}.btn:disabled{cursor:not-allowed}.btn{width:100%}@media (width>=640px){.btn{width:auto}}.btn--primary{color:#fff;background-color:#0142ff}.btn--primary img{filter:brightness(0)invert()}.btn--primary:disabled{color:#fff;background-color:#94abb8}.btn--secondary{color:#000;background-color:#fff;border-color:#d9e3ea}.btn--secondary:disabled{color:#94abb8;background-color:#fff;border-color:#d9e3ea}.btn--ghost{color:#000;background-color:#0000}.btn--ghost:disabled{color:#94abb8;background-color:#0000}.btn--size-s{gap:4px;min-height:38px;padding:10px 16px;font-size:12px;line-height:1.5}.btn--icon{background-color:#fff;border-radius:100px;gap:0;width:36px;height:36px;min-height:36px;padding:0;font-size:0;line-height:0;box-shadow:0 0 24px #0000001a}.btn--icon img{width:24px;height:24px}.btn--icon:disabled{box-shadow:none}.btn--icon--size-s{background-color:#fff;border-radius:100px;gap:0;width:20px;height:20px;min-height:20px;padding:0;font-size:0;line-height:0;box-shadow:0 0 24px #0000001a}.btn--icon--size-s img{width:14px;height:14px}.btn--icon--size-s:disabled{box-shadow:none}.checkbox,.radio{cursor:pointer;background-color:#fff;border:1px solid #d9e3ea;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background-color .15s,border-color .15s;display:inline-flex;position:relative}.checkbox:hover,.radio:hover{background-color:#e5f1ff}.checkbox:after,.radio:after{content:"";opacity:0;background-position:50%;background-repeat:no-repeat;background-size:16px 16px;transition:opacity .15s;position:absolute;inset:0}.checkbox[data-disabled],.radio[data-disabled]{cursor:not-allowed;background-color:#eff5f8;border-color:#d9e3ea}.checkbox:has(input:disabled){cursor:not-allowed;background-color:#eff5f8;border-color:#d9e3ea}.radio:has(input:disabled){cursor:not-allowed;background-color:#eff5f8;border-color:#d9e3ea}.checkbox[data-disabled]:after,.radio[data-disabled]:after{opacity:0}.checkbox:has(input:disabled):after{opacity:0}.radio:has(input:disabled):after{opacity:0}.checkbox{border-radius:4px}.radio{border-radius:100px}.checkbox:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='5 13 10 18 19 7'/></svg>")}.radio:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='5' fill='white'/></svg>")}.checkbox input[type=checkbox],.radio input[type=radio]{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}:is(.checkbox:has(input:checked),.radio:has(input:checked)){background-color:#0142ff;border-color:#0000}.checkbox:has(input:checked):after{opacity:1}.radio:has(input:checked):after{opacity:1}:is(.checkbox:has(input:checked):hover,.radio:has(input:checked):hover){background-color:#0142ff}.checkbox:has(input:checked):has(input:disabled){background-color:#b2c6d2}.radio:has(input:checked):has(input:disabled){background-color:#b2c6d2}.checkbox:has(input:checked)[data-disabled]{background-color:#b2c6d2}.radio:has(input:checked)[data-disabled]{background-color:#b2c6d2}.checkbox:has(input:checked):has(input:disabled):after{opacity:1}.radio:has(input:checked):has(input:disabled):after{opacity:1}.checkbox:has(input:checked)[data-disabled]:after{opacity:1}.radio:has(input:checked)[data-disabled]:after{opacity:1}.form-check{cursor:pointer;color:#000;align-items:center;gap:8px;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;display:inline-flex}.form-check:has(input:disabled){color:#94abb8;cursor:not-allowed}.input{box-sizing:border-box;color:#000;background-color:#fff;border:1px solid #d9e3ea;border-radius:4px;align-items:center;gap:8px;width:100%;max-width:100%;min-height:46px;padding:8px 16px;display:inline-flex;position:relative}.input:focus-within{border:1px solid #0142ff}.input[aria-invalid=true]{border:1px solid #df3e4b}.input:has(.input__field:disabled){color:#94abb8;cursor:not-allowed;background-color:#f9fcff;border-color:#d9e3ea}.input__field{box-sizing:border-box;color:#000;letter-spacing:0;background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;padding:0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.5}.input__field::placeholder{color:#94abb8;opacity:1;letter-spacing:0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.6}.input__field:disabled{color:#94abb8;cursor:not-allowed}.input__field:read-only{cursor:default}.input__error{color:#df3e4b;text-align:right;white-space:nowrap;letter-spacing:0;margin:0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.5;position:absolute;top:-21px;right:-1px}.input--search{border-radius:24px;min-height:48px;box-shadow:0 0 12px #0000001a}.input__icon{color:#94abb8;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.input__icon img{width:24px;height:24px;display:block}.input--search .input__field::-webkit-search-cancel-button{appearance:none}.input__action{color:#558bff;cursor:pointer;white-space:nowrap;letter-spacing:0;background:0 0;border:0;flex:none;margin:0;padding:0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.5}@media (prefers-reduced-motion:reduce){.input{transition:none}}@media (width<=479px){.ds{box-sizing:border-box;gap:28px;width:100%;padding:12px 10px 48px;overflow-x:hidden}.ds__section{gap:16px;min-width:0}.ds__heading,.ds__heading--hero{border-radius:10px;padding:14px 16px}.ds__nav{gap:8px 12px;padding:0 4px}.ds__nav a{font-size:12px}.ds__card{border-radius:16px;gap:16px;min-width:0;padding:16px}.ds__intro,.ds__group-title{overflow-wrap:anywhere}.ds__swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.ds__swatch{border-radius:10px;min-width:0;height:96px;padding:10px}.ds__button-matrix{overscroll-behavior-x:contain;margin-right:-16px;padding-right:16px;overflow-x:auto}.ds__props-table{font-size:13px}.ds__props-table th,.ds__props-table td{padding:10px 12px}.ds__icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ds__icon-grid-cell{border-radius:8px;gap:5px;min-width:0;padding:10px 4px}.ds__input-examples{gap:24px;padding-top:4px}.ds__input-example-head{flex-wrap:wrap;align-items:flex-start;gap:4px 10px}.ds__input-example{min-width:0}.input{box-sizing:border-box;width:100%;max-width:100%}.ds__code{box-sizing:border-box;max-width:100%;padding:12px;font-size:11px}.ds__menu-bar-tabs{box-sizing:border-box;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.ds__menu-bar-tab{flex:none;padding:7px 12px;font-size:12px}.ds__menu-bar-stage{border-radius:14px;padding:16px 4px 0}}.ds{flex-direction:column;gap:40px;max-width:1126px;margin:0 auto;padding:20px 16px 80px;display:flex}@media (width>=640px){.ds{gap:64px;padding:40px 16px 120px}}.ds__section{flex-direction:column;gap:32px;display:flex}.ds__heading{background-color:var(--color-black,#000);border-radius:12px;padding:16px 24px;overflow:hidden}@media (width>=640px){.ds__heading{border-radius:16px;padding:24px 80px}}.ds__heading-title{color:var(--color-white,#fff);text-align:center;margin:0}.ds__heading--hero{padding:16px 24px}@media (width>=640px){.ds__heading--hero{padding:32px 80px}}.ds__nav{flex-wrap:wrap;gap:16px;padding:0 24px;display:flex}@media (width>=640px){.ds__nav{gap:24px;padding:0 80px}}.ds__card{background-color:var(--color-white,#fff);border-radius:20px;flex-direction:column;gap:24px;padding:20px;display:flex}@media (width>=640px){.ds__card{border-radius:32px;padding:32px}}.ds__intro{color:var(--color-black,#000);margin:0}.ds__intro code{background:var(--color-gray-300,#eff5f8);border-radius:4px;padding:2px 6px;font-size:14px}.ds__group-title{color:var(--color-black,#000);margin:8px 0 0}.ds__specimen{border-bottom:1px solid var(--color-gray-300,#eff5f8);flex-direction:column;gap:4px;padding:16px 20px;display:flex}.ds__specimen:last-child{border-bottom:none}.ds__specimen-sample{color:var(--color-black,#000)}.ds__specimen-meta{font-family:var(--font-family-mono);color:var(--color-gray-700,#94abb8);font-size:12px;line-height:1.5}.ds__swatches{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.ds__swatch{border:1px solid var(--color-gray-300,#eff5f8);border-radius:12px;flex-direction:column;justify-content:flex-end;height:128px;padding:16px;display:flex}.ds__button-row{flex-flow:wrap;align-items:center;gap:16px;display:flex}.ds__icon{flex-shrink:0;width:1em;height:1em}.ds__icon-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:16px 12px;display:grid}.ds__icon-grid-cell{border:1px solid var(--color-gray-300,#eff5f8);background-color:var(--color-white,#fff);color:var(--color-black,#000);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 8px;display:flex}.ds__icon-grid-label{font-family:var(--font-family-mono);color:var(--color-gray-700,#94abb8);text-align:center;word-break:break-word;font-size:10px;line-height:1.3}.ds__button-matrix{gap:12px 16px;display:grid;overflow-x:scroll}.ds__button-matrix-row{grid-template-columns:96px repeat(6,minmax(0,1fr));align-items:center;gap:12px;min-width:900px;display:grid}.ds__button-matrix-row-label{font-family:var(--font-family-mono);color:var(--color-gray-700,#94abb8);text-align:right;font-size:11px;line-height:1.4}.ds__button-matrix-col-label{font-family:var(--font-family-mono);color:var(--color-gray-700,#94abb8);text-align:center;font-size:11px;line-height:1.4}.ds__props-table{border-collapse:separate;border-spacing:0;background:var(--color-white,#fff);border:1px solid var(--color-gray-300,#eff5f8);width:100%;color:var(--color-black,#000);border-radius:12px;font-size:14px;line-height:1.55;overflow:hidden}.ds__props-table th,.ds__props-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-gray-300,#eff5f8);padding:14px 18px}.ds__props-table th{background:var(--color-gray-200,#f9fcff);color:var(--color-gray-800,#697586);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.ds__props-table tbody tr:last-child td{border-bottom:none}.ds__props-table tbody tr:hover{background:var(--color-gray-200,#f9fcff)}.ds__props-table th:first-child,.ds__props-table td:first-child{width:20%;min-width:120px}.ds__props-table th:nth-child(2),.ds__props-table td:nth-child(2){width:30%;min-width:180px}.ds__props-table th:nth-child(3),.ds__props-table td:nth-child(3){width:14%;min-width:100px}.ds__props-table th:nth-child(4),.ds__props-table td:nth-child(4){width:auto}.ds__props-table td code{background:var(--color-gray-200,#f9fcff);word-break:break-word;border-radius:4px;padding:2px 6px;font-size:13px}.ds__props-table th code{font-size:inherit;text-transform:none;background:0 0;border-radius:0;padding:0}.ds__input-examples{gap:32px;padding-top:16px;display:grid}.ds__input-example{justify-items:start;gap:8px;display:grid}.ds__input-example-head{align-items:center;gap:16px;width:100%;display:flex}.ds__input-example-label{color:var(--color-black,#000);letter-spacing:0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:700;line-height:1.4}.ds__input-example-toggle{color:var(--color-gray-700,#94a3b8);cursor:pointer;letter-spacing:.01em;align-items:center;gap:6px;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.4;display:inline-flex}.ds__input-example-toggle input{cursor:pointer;margin:0}.ds__input-example-help{color:var(--color-gray-700,#94a3b8);letter-spacing:0;margin:0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.5}.ds__code{background:var(--color-gray-200,#f9fcff);border:1px solid var(--color-gray-300,#eff5f8);font-family:var(--font-family-mono);color:var(--color-black,#000);border-radius:12px;margin:0;padding:16px 20px;font-size:13px;line-height:1.6;overflow-x:auto}.ds__code code{font-family:inherit}.ds__menu-bar-showcase{flex-direction:column;gap:16px;display:flex}.ds__menu-bar-tabs{background-color:var(--color-gray-300,#ecf0f7);border-radius:100px;flex-wrap:wrap;align-self:flex-start;gap:8px;padding:6px;display:inline-flex}.ds__menu-bar-tab{color:var(--color-gray-800,#697586);font-family:var(--font-family-thai);cursor:pointer;background:0 0;border:0;border-radius:100px;padding:8px 16px;font-size:13px;font-weight:700;line-height:1.5;transition:background-color .12s,color .12s}.ds__menu-bar-tab:hover{color:var(--color-black,#000)}.ds__menu-bar-tab--active{background-color:var(--color-white,#fff);color:var(--color-black,#000);box-shadow:0 0 2px #0000001f}.ds__menu-bar-stage{background-color:var(--color-gray-200,#f9fbff);box-sizing:border-box;border-radius:20px;justify-content:center;width:100%;padding:24px 8px 0;display:flex;overflow:hidden}.ds__rules{color:var(--color-black,#000);margin:0;padding-left:20px}.ds__rules li{margin-bottom:8px}.ds__rules code{background:var(--color-gray-300,#eff5f8);border-radius:4px;padding:2px 6px;font-size:13px}.ds__field-table th:first-child,.ds__field-table td:first-child{width:24%;min-width:130px}.ds__field-table th:nth-child(2),.ds__field-table td:nth-child(2){width:14%;min-width:90px}.ds__field-table th:nth-child(3),.ds__field-table td:nth-child(3){width:24%;min-width:140px}.ds__field-table th:nth-child(4),.ds__field-table td:nth-child(4){width:auto}.phone-viewport{color:#000;box-sizing:border-box;background:#eee;place-items:center;min-height:100dvh;padding:24px 12px;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:grid;overflow:hidden}.phone-viewport--full{background:#f8f9fc;place-items:stretch stretch;padding:0}.phone-viewport--full>.global-layout{width:100%;max-width:100%;height:100dvh;max-height:none;box-shadow:none;border:0}.global-layout{box-sizing:border-box;background-color:#f8f9fc;background-image:url(/bg/bg-1.png);background-position:top;background-repeat:no-repeat;background-size:cover;border:1px solid #d9e3ea;flex-direction:column;width:390px;min-width:0;max-width:100%;height:844px;min-height:0;max-height:calc(100dvh - 48px);font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000a}.global-layout__topbar{z-index:2;flex:none;position:relative}.global-layout__body{z-index:1;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d9e3ea transparent;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow-y:auto}.global-layout__body::-webkit-scrollbar{width:4px}.global-layout__body::-webkit-scrollbar-track{background:0 0}.global-layout__body::-webkit-scrollbar-thumb{background:#d9e3ea;border-radius:4px}.global-layout__body::-webkit-scrollbar-thumb:hover{background:#b2c6d2}.global-layout__body::-webkit-scrollbar:horizontal{display:none}.global-layout--with-topbar-and-cta .global-layout__body{padding-bottom:100px}.global-layout--with-topbar-only{width:100%;max-width:100%;height:100dvh;max-height:none;box-shadow:none;background-image:none;border:0}.global-layout--with-topbar-and-bottommenu{background-image:none}.global-layout--wallet-bg,.global-layout--charging-history-bg{background-image:url(/bg/bg-gradient.png);background-position:100% 0;background-repeat:no-repeat;background-size:auto 100%}.global-layout__cta{z-index:3;box-sizing:border-box;pointer-events:none;background:0 0;flex-direction:column;gap:8px;padding:20px 20px 32px;display:flex;position:absolute;bottom:0;left:0;right:0}.global-layout__cta>*{pointer-events:auto}.global-layout__bottom-menu{z-index:3;box-sizing:border-box;background-color:#fff;flex:none;position:relative}.global-layout__overlay{z-index:40;pointer-events:none;position:absolute;inset:0}.global-layout__card-stack{box-sizing:border-box;flex-direction:column;flex:auto;min-height:0;padding:20px 20px 0;display:flex}.global-layout__card{box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:column;flex:auto;align-items:stretch;gap:20px;width:100%;max-width:100%;min-height:0;margin:0 auto;padding:20px;display:flex;overflow:hidden;box-shadow:0 0 20px #00000040}.global-layout__card-scroll{overscroll-behavior:contain;box-sizing:border-box;flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;gap:20px;min-height:0;padding:0;display:flex;overflow-y:auto}.topbar{align-items:center;gap:12px;padding:12px 16px;display:flex}.topbar__back{flex:none}.topbar__logo{background-image:url(/logos/mecharge-ev-logo.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:auto;height:32px;margin-left:-18px}.layout-preview__stage{background-color:var(--color-gray-200,#f9fbff);box-sizing:border-box;border-radius:20px;justify-content:center;width:100%;padding:24px 8px 0;display:flex;overflow:hidden}.layout-preview__welcome{z-index:1;box-sizing:border-box;text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:320px;padding:32px 20px;display:flex;position:relative}.layout-preview__h3{color:#000;margin:0}.layout-preview__logo{background-image:url(/logos/mecharge-ev-logo.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:301px;max-width:100%;height:60px;margin:8px 0}.layout-preview__subtitle{color:#000;margin:0}.layout-preview__form{z-index:1;box-sizing:border-box;flex-direction:column;gap:80px;padding:32px 20px;display:flex;position:relative}.layout-preview__form>.btn{margin-top:auto}.layout-preview__topbar{align-items:center;gap:12px;padding:12px 16px;display:flex}.layout-preview__back{color:#000;cursor:pointer;background-color:#fff;background-image:url(/icons/chevron-left.svg);background-position:50%;background-repeat:no-repeat;background-size:24px 24px;border:1px solid #d9e3ea;border-radius:999px;flex:none;width:36px;height:36px;padding:0}.layout-preview__topbar-logo{background-image:url(/logos/mecharge-ev-logo.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:auto;height:32px}.layout-preview__otp-scroll{box-sizing:border-box;flex-direction:column;flex:auto;min-height:0;padding:20px 20px 0;display:flex}.layout-preview__otp-card{box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:column;flex:auto;align-items:stretch;gap:20px;width:100%;min-height:0;margin:0 auto;padding:20px;display:flex;overflow:hidden;box-shadow:0 0 20px #00000040}.layout-preview__otp-title{color:#000;text-align:center;margin:0}.layout-preview__otp-body{overscroll-behavior:contain;box-sizing:border-box;flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;gap:20px;min-height:0;padding:32px 0;display:flex;overflow-y:auto}.layout-preview__otp-hint{box-sizing:border-box;color:#000;flex-direction:column;align-items:center;gap:4px;width:100%;padding:20px 0;display:flex}.layout-preview__otp-hint-text{white-space:nowrap;margin:0}.layout-preview__otp-hint-phone{text-align:center;width:100%;margin:0}.layout-preview__otp-boxes{justify-content:space-between;align-items:flex-start;width:100%;display:flex;overflow:hidden}.layout-preview__otp-box{box-sizing:border-box;background:#fff;border:1px solid #d9e3ea;border-radius:4px;justify-content:center;align-items:center;width:48px;height:48px;padding:12px 16px;display:flex}.layout-preview__otp-cursor{background:#0142ff;width:18px;height:1px;display:block;transform:rotate(90deg)}.layout-preview__otp-meta{color:#000;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:4px;width:100%;display:flex}.layout-preview__otp-meta-row{align-items:center;gap:4px;display:flex}.layout-preview__otp-resend{color:#0142ff;letter-spacing:.24px;cursor:pointer;background:0 0;border:0;padding:0}.layout-preview__otp-countdown{color:#94abb8}.layout-preview__placeholder{color:#697e86;text-align:center;margin:0}.layout-preview__cta-btn{margin:0;box-shadow:0 4px 16px #00000026}.layout-preview__home-header{background-color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 0;display:flex}.layout-preview__home-logo{background-image:url(/logos/mecharge-ev-logo.svg);background-position:0;background-repeat:no-repeat;background-size:contain;flex:none;width:140px;height:28px}.layout-preview__home-wallet{cursor:pointer;background-color:#fff;border:0;border-radius:999px;flex:none;align-items:center;gap:8px;padding:8px;display:inline-flex;box-shadow:0 0 12px #00000014}.layout-preview__home-wallet-avatar{background:linear-gradient(135deg,#0142ff,#04e369);border-radius:999px;width:24px;height:24px}.layout-preview__home-wallet-amount{white-space:nowrap;font-weight:700}.layout-preview__home-list{box-sizing:border-box;flex-direction:column;gap:8px;margin:0;padding:16px 16px 24px;list-style:none;display:flex}.layout-preview__home-list-row{color:#000;background-color:#fff;border:1px solid #eff5f8;border-radius:12px;padding:16px}.layout-preview__viewport{background:#fff;border-radius:12px;width:100%;max-width:800px;height:520px;overflow:hidden;box-shadow:0 4px 16px #00000014}.layout-preview__profile-header{background-color:#f8f9fc;grid-template-columns:36px 1fr 36px;align-items:center;min-height:48px;padding:12px 16px 0 20px;display:grid}.layout-preview__profile-header-spacer{width:36px;height:36px}.layout-preview__profile-header-title{text-align:center;margin:0}.layout-preview__profile-header-edit{justify-self:end}.layout-preview__profile-body{background-color:#f8f9fc;background-image:url(/bg/bg-gradient.png);background-position:100% 0;background-repeat:no-repeat;background-size:auto 100%}.layout-preview__profile-stack{z-index:1;box-sizing:border-box;margin:0;padding:20px 20px 24px;list-style:none;position:relative}.layout-preview__profile-identity{margin:0}.sign-in__welcome{z-index:1;box-sizing:border-box;text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:320px;padding:32px 20px 48px;display:flex;position:relative}.sign-in__logo{background-image:url(/logos/mecharge-ev-logo.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:301px;max-width:100%;height:60px;margin:8px 0}.sign-in__form{z-index:1;box-sizing:border-box;flex-direction:column;gap:80px;padding:20px;display:flex;position:relative}.sign-in__form--tight{padding:40px 20px}.sign-in__form--full{min-height:100%}.sign-in__form>.sign-in__submit{margin-top:auto;margin-bottom:0}.sign-in__field{flex-direction:column;gap:0;width:100%;display:flex}.sign-in__field-error{text-align:right;height:18px;margin:0 0 8px;padding-bottom:2px}.sign-in__form-error{width:100%;margin:12px 0 0}.sign-in__label{gap:4px;width:100%;margin:0;display:grid}.sign-in__actions{flex-direction:column;align-items:stretch;gap:8px;width:100%;display:flex}.sign-in__actions--inline{filter:drop-shadow(0 0 10px #00000040);border-radius:24px;align-items:center;margin-top:auto;padding:20px 20px 32px}.sign-in__submit{width:100%}@media (width>=640px){.sign-in__submit{width:100%}}.sign-in__terms-title{text-align:center;margin:0}.sign-in__terms-check{align-items:flex-start;gap:12px;margin:0}.sign-in__terms-check .form-check__label{flex:auto;min-width:0}.sign-in__terms-check-link{text-decoration:underline}.sign-in__otp-title{text-align:center;margin:0}.sign-in__otp-hint{box-sizing:border-box;flex-direction:column;align-items:center;gap:4px;width:100%;padding:20px 0;display:flex}.sign-in__otp-hint-text{white-space:nowrap}.sign-in__otp-hint-phone{text-align:center;width:100%}.sign-in__otp-error{text-align:right;align-self:stretch;width:100%;height:18px;margin:-12px 0}.sign-in__otp-boxes{cursor:text;justify-content:space-between;align-items:flex-start;width:100%;max-width:380px;display:flex}.sign-in__otp-box{box-sizing:border-box;color:#000;background:#fff;border:1px solid #d9e3ea;border-radius:4px;justify-content:center;align-items:center;width:48px;height:48px;padding:12px 16px;font-size:18px;font-weight:700;transition:border-color .15s,box-shadow .15s;display:flex}.sign-in__otp-box--filled{border-color:#0142ff}.sign-in__otp-box--active{border-color:#0142ff;box-shadow:0 0 12px #0000001a}.sign-in__otp-box--error{border-color:#df3e4b}.sign-in__otp-cursor{background:#0142ff;width:18px;height:1px;display:block;transform:rotate(90deg)}.sign-in__otp-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.sign-in__otp-meta{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:4px;width:100%;display:flex}.sign-in__otp-meta-row{align-items:center;gap:4px;display:flex}.sign-in__otp-resend{letter-spacing:.24px;cursor:pointer;background:0 0;border:0;padding:0}.sign-in__otp-resend:disabled{color:#94abb8;cursor:default}.sign-in__otp-hint-dev{width:100%;margin:16px 0 0;display:none}.sign-in__avatar-block{align-self:center;width:90px;margin:0 auto;position:relative}.sign-in__avatar{background-color:#d9e3ea;background-image:var(--avatar-url,none);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px dashed #94abb8;border-radius:999px;place-items:center;width:90px;height:90px;display:grid;position:relative;overflow:hidden}.sign-in__avatar--filled{border:0}.sign-in__avatar input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;inset:0}.sign-in__avatar-edit{cursor:pointer;background-color:#fff;border:0;border-radius:999px;place-items:center;width:36px;height:36px;display:grid;position:absolute;bottom:-8px;right:-8px;box-shadow:0 0 12px #0000001a}.sign-in__avatar-edit img{width:24px;height:24px}.sign-in__profile-phone{white-space:nowrap}.sign-in__complete{z-index:1;box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:40px 20px;display:flex;position:relative}.sign-in__complete-icon{color:#fff;background-color:#0142ff;border-radius:999px;place-items:center;width:80px;height:80px;font-size:36px;display:grid}.sign-in__complete-title{margin:20px 0 0}.sign-in__complete-subtitle{margin:12px 0 0}.sign-in__complete-reset{cursor:pointer;background:0 0;border:1px solid #0142ff;border-radius:100px;margin-top:32px;padding:10px 20px}.legal-page__header{background:#f8f9fc;grid-template-columns:36px 1fr 36px;align-items:center;padding:12px 16px;display:grid}.legal-page__title{letter-spacing:0;color:#000;text-align:center;margin:0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.6}.legal-page__content{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;max-width:720px;margin:0 auto;padding:24px 20px 48px;display:flex}@media (width>=600px){.legal-page__content{gap:20px;padding:32px 32px 64px}}.legal-page__updated{letter-spacing:0;color:#94abb8;margin:0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.5}.legal-page__section-title{letter-spacing:0;color:#000;margin:24px 0 8px;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.3}.legal-page__section-title:first-child{margin-top:8px}.legal-page__paragraph{letter-spacing:0;color:#000;margin:0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.5}.legal-page__paragraph+.legal-page__paragraph{margin-top:12px}.legal-page__list{letter-spacing:0;color:#000;flex-direction:column;gap:8px;margin:0;padding-left:20px;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.5;display:flex}.home-header{background-color:#f8f9fc;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 0;display:flex}.home-header__logo{background-image:url(/logos/mecharge-ev-logo.svg);background-position:0;background-repeat:no-repeat;background-size:contain;flex:none;width:140px;height:28px}.home-header__wallet{cursor:pointer;background-color:#fff;border:0;border-radius:999px;flex:none;align-items:center;gap:8px;padding:8px;display:inline-flex;box-shadow:0 0 12px #00000014}.home-header__wallet-avatar{background:linear-gradient(135deg,#0142ff,#04e369);border-radius:999px;width:24px;height:24px;display:block;overflow:hidden}.home-header__wallet-avatar img{object-fit:cover;width:100%;height:100%;display:block}.home-header__wallet-amount{white-space:nowrap}.home__list{background-color:#f8f9fc;margin:0;padding:0 0 24px;list-style:none}.home__list-item{display:block}.profile-header{background-color:#f8f9fc;grid-template-columns:36px 1fr 36px;align-items:center;min-height:48px;padding:12px 16px 0 20px;display:grid}.profile-header__title{text-align:center;margin:0}.profile-header__spacer{width:36px;height:36px}.profile-header__edit{justify-self:end}.profile-page__body{background-color:#f8f9fc;background-image:url(/bg/bg-gradient.png);background-position:100% 0;background-repeat:no-repeat;background-size:auto 100%}.profile-page{z-index:1;box-sizing:border-box;flex-direction:column;gap:16px;min-height:100%;padding:20px 20px 24px;display:flex;position:relative}.profile-page__identity{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.profile-page__avatar{box-sizing:border-box;background-color:#e5f1ff;border-radius:120px;flex:none;justify-content:center;align-items:center;width:67px;height:67px;display:flex;position:relative;overflow:hidden}.profile-page__avatar-image{object-fit:cover;border-radius:120px;width:100%;height:100%}.profile-page__avatar-fallback{color:#0142ff;border-radius:120px;justify-content:center;align-items:center;width:100%;height:100%;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:22px;font-weight:700;line-height:1.3;display:flex}.profile-page__name,.profile-page__user-id{margin:0}.profile-page__actions{flex-direction:column;gap:8px;padding-top:16px;display:flex}.profile-page__menu{background-color:#fff;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 24px #0000001a}.profile-page__menu-item{box-sizing:border-box;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d9e3ea;justify-content:space-between;align-items:center;gap:12px;padding:16px;text-decoration:none;display:flex}.profile-page__menu-item:last-child{border-bottom:0}.profile-page__menu-item img{flex:none;width:24px;height:24px}.profile-page__menu-label{text-align:left;flex:auto;min-width:0}.profile-page__logout{width:100%}.edit-profile__header{background-color:#f8f9fc;grid-template-columns:36px 1fr 36px;align-items:center;padding:12px 16px;display:grid}.edit-profile__title{text-align:center;margin:0}.edit-profile-page__body{box-sizing:border-box;background-color:#f8f9fc;background-image:url(/bg/bg-gradient.png);flex-direction:column;gap:20px;min-height:100%;padding:20px 20px 32px;display:flex}.edit-profile-page__card{box-sizing:border-box;overscroll-behavior:contain;background-color:#fff;border-radius:12px;flex-direction:column;flex:auto;gap:20px;min-height:0;padding:20px;display:flex;overflow-y:auto;box-shadow:0 0 20px #00000040}.edit-profile-page__field{justify-content:center;display:flex}.edit-profile-page__avatar-block{width:90px;height:90px;position:relative}.edit-profile-page__avatar{cursor:pointer;background-color:#d9e3ea;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px dashed #94abb8;border-radius:120px;place-items:center;width:90px;height:90px;display:grid;position:relative;overflow:hidden}.edit-profile-page__avatar--filled{border:0}.edit-profile-page__avatar input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;inset:0}.edit-profile-page__avatar-edit{cursor:pointer;background-color:#fff;border:0;border-radius:40px;place-items:center;width:36px;height:36px;display:grid;position:absolute;bottom:-8px;right:-8px;box-shadow:0 0 12px #0000001a}.edit-profile-page__avatar-edit img{width:24px;height:24px}.edit-profile-page__label{flex-direction:column;gap:4px;width:100%;display:flex}.edit-profile-page__phone{white-space:nowrap}.edit-profile-page__actions{flex-direction:column;flex:none;gap:12px;width:100%;display:flex}.confirm-modal{z-index:1000;box-sizing:border-box;pointer-events:auto;outline:none;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.confirm-modal:focus,.confirm-modal:focus-visible{outline:none}.confirm-modal__backdrop{cursor:pointer;background-color:#0006;border:0;margin:0;padding:0;position:absolute;inset:0}.confirm-modal__dialog{z-index:1;box-sizing:border-box;background-color:#fff;border-radius:12px;flex-direction:column;gap:20px;width:100%;max-width:350px;padding:32px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 24px #0000001a}.confirm-modal__copy{text-align:center;flex-direction:column;gap:8px;width:100%;display:flex}.confirm-modal__title{margin:0}.confirm-modal__title-icon{align-items:center;gap:8px;display:inline-flex}.confirm-modal__description{white-space:pre-line;margin:0}.confirm-modal__description__outstanding{flex-direction:column;gap:8px;display:flex}.confirm-modal__description__outstanding .summary-item{justify-content:space-between;display:flex}.confirm-modal__actions{align-items:center;gap:12px;width:100%;display:flex}.confirm-modal__button{flex:1 1 0;width:auto;min-width:0}.charging-scan-modal{z-index:1000;box-sizing:border-box;pointer-events:auto;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.charging-scan-modal__backdrop{background-color:#0006;position:absolute;inset:0}.charging-scan-modal__dialog{z-index:1;box-sizing:border-box;background-color:#fff;border-radius:12px;flex-direction:column;gap:20px;width:100%;max-width:350px;padding:32px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 24px #0000001a}.charging-scan-modal__copy{text-align:center;flex-direction:column;gap:8px;width:100%;display:flex}.charging-scan-modal__title,.charging-scan-modal__description{margin:0}.charging-scan-modal__description{white-space:pre-line}.charging-scan-modal__button{width:100%}.charging-scan-modal__button--danger{color:#fff;background-color:#df3e4b;border-color:#df3e4b}.logged-out{z-index:1;box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100%;padding:40px 20px 60px;display:flex;position:relative}.logged-out__title{margin:0}.logged-out__body{white-space:pre-line;max-width:260px;margin:0}.logged-out__actions{box-sizing:border-box;flex-direction:column;justify-content:center;width:100%;padding:20px 0 40px;display:flex}.logged-out__cta{width:100%}.loading-page{background-color:#020713;background-image:url(/bg/bg-2.png);background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden}.loading-page__status{flex:auto;place-items:center;min-height:100%;display:grid}.loading-page__spinner{width:137px;height:auto;display:block}.scanner-page{isolation:isolate;min-height:0;position:relative;overflow:hidden}.scanner-page__video,.scanner-page__shade{width:100%;height:100%;position:absolute;inset:0}.scanner-page__video{z-index:-2;object-fit:cover;transform:scaleX(1.001)}.scanner-page__shade{z-index:-1;pointer-events:none;background:linear-gradient(#00000038 0%,#0000000d 36%,#0003 66%,#00000057 100%)}.scanner-page__controls{top:max(16px, env(safe-area-inset-top));z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;left:16px;right:16px}.scanner-page__torch--disabled{opacity:.55;cursor:not-allowed}.scanner-page__torch--active{background-color:#4aef94}.scanner-page__target{aspect-ratio:1;box-sizing:border-box;border:4px solid #fff;border-radius:24px;width:min(56vw,215px);max-width:calc(100% - 64px);position:absolute;top:20%;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000014,inset 0 0 0 1px #0000000a}.scanner-page__copy{text-align:center;text-shadow:0 1px 5px #00000059;position:absolute;top:68%;left:24px;right:24px}.scanner-page__copy h1{margin:0}.scanner-page__message{max-width:280px;margin:8px auto 0}.scanner-page__manual-button{left:50%;bottom:max(54px, env(safe-area-inset-bottom) + 24px);width:auto;position:absolute;transform:translate(-50%);box-shadow:0 4px 20px #00000029}.scanner-page__manual-button:active{transform:translate(-50%)scale(.98)}.scanner-manual{z-index:10;position:absolute;inset:0}.scanner-manual__close{top:max(12px, env(safe-area-inset-top) + 16px);position:absolute;left:16px}.scanner-manual__content{width:100%;padding:max(100px, env(safe-area-inset-top) + 76px) 20px 24px;box-sizing:border-box;flex-direction:column;align-items:center;display:flex}.scanner-manual__copy{text-align:center}.scanner-manual__copy h2{margin:0}.scanner-manual__copy p{margin:8px 0 0}.scanner-manual__code-area{width:240px;margin-top:40px;position:relative}.scanner-manual__code-inputs{grid-template-columns:repeat(4,48px);gap:16px;display:grid}.scanner-manual__code-input{width:48px;padding:0}.scanner-manual__code-field{text-align:center}.scanner-manual__code-input[aria-invalid=true] .scanner-manual__code-field{color:#df3e4b;caret-color:#df3e4b}.scanner-manual__scan-button{width:190px;margin-top:67px}@media (height<=620px){.scanner-page__target{width:min(48vh,190px);top:17%}.scanner-page__copy{top:63%}.scanner-page__manual-button{bottom:max(24px, env(safe-area-inset-bottom) + 16px)}.scanner-manual__close{top:max(20px, env(safe-area-inset-top) + 12px)}.scanner-manual__content{padding-top:max(76px, env(safe-area-inset-top) + 68px)}.scanner-manual__scan-button{margin-top:36px}}.dev-tools-button{z-index:20;color:#697e86;letter-spacing:.08em;cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;background:#fff;border:1px dashed #00f;border-right:0;border-radius:8px 0 0 8px;place-items:center;width:32px;height:110px;padding:8px 4px;font-size:11px;font-weight:600;line-height:1;display:grid;position:fixed;top:50%;right:0;transform:translateY(-50%);box-shadow:-2px 4px 12px #0000001f}.dev-sidebar{z-index:30;box-sizing:border-box;background:#fff;border-left:1px solid #d9e3ea;width:320px;max-width:calc(100vw - 32px);height:100vh;padding:20px;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:transform .2s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(110%);box-shadow:-8px 0 24px #00000029}.dev-sidebar--open{transform:translate(0)}.dev-sidebar__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.dev-sidebar__title{margin:0;font-size:16px}.dev-sidebar__close{color:#000;background:#fff;border:1px solid #d9e3ea;border-radius:999px;place-items:center;width:32px;height:32px;font-size:18px;line-height:1;display:grid}.dev-sidebar__field{color:#697e86;margin-top:16px;font-size:12px;display:block}.dev-sidebar__row{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;font-size:14px;display:flex}.dev-sidebar__row:first-of-type{margin-top:24px}.dev-sidebar__select,.dev-sidebar__input{box-sizing:border-box;color:#000;background:#fff;border:1px solid #d9e3ea;border-radius:4px;width:100%;height:40px;margin-top:8px;padding:0 10px;font-size:13px}.dev-sidebar__mock{opacity:1;margin-top:20px}.dev-sidebar__mock--disabled{opacity:.45}.dev-sidebar__mock-hint{color:#697e86;letter-spacing:.01em;margin:12px 0 0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.4}.dev-sidebar__section{border-top:1px solid #d9e3ea;flex-direction:column;align-items:stretch;gap:8px;margin-top:24px;padding-top:16px;display:flex}.dev-sidebar__section-title{margin:0 0 4px;font-size:13px}.dev-sidebar__log{border-top:1px solid #d9e3ea;margin-top:24px;padding-top:16px}.dev-sidebar__log-title{margin:0 0 10px;font-size:13px}.dev-sidebar__log-empty{color:#697e86;letter-spacing:0;margin:0;font-family:LINE Seed Sans TH,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.5}.dev-sidebar__log-list{margin:0;padding:0;list-style:none}.dev-sidebar__log-item{background:#fff;border:1px solid #d9e3ea;border-radius:4px;margin-top:8px;padding:12px;font-size:12px;line-height:1.5}.dev-sidebar__log-item:first-child{margin-top:0}.dev-sidebar__log-item-title{margin-bottom:4px;display:block}.dev-sidebar__mode-toggle{background-color:#eff5f8;border-radius:999px;gap:4px;margin-top:8px;padding:3px;display:inline-flex}.dev-sidebar__mode-btn{color:#697e86;cursor:pointer;background-color:#0000;border:0;border-radius:999px;padding:6px 12px;font-size:12px;transition:background-color .15s,color .15s}.dev-sidebar__mode-btn--active{color:#000;background-color:#fff;box-shadow:0 1px 3px #0000001f}.dev-sidebar__slider{accent-color:#04e369;cursor:pointer;width:100%;margin-top:8px}.dev-sidebar__slider:disabled{opacity:.45;cursor:not-allowed}.dev-sidebar__slider-value{color:#000;font-variant-numeric:tabular-nums;margin-top:6px;font-size:12px;display:inline-block}.charging-status-page{background-image:url(/bg/bg-2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.charging-status-header{box-sizing:border-box;background:0 0;align-items:center;gap:12px;width:100%;padding:12px 16px 0;display:flex;position:relative}.charging-header__title{text-align:center;pointer-events:none;white-space:nowrap;flex:auto;margin:0;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%)}.charging-status-hero{color:#fff;text-align:center;flex-direction:column;align-items:center;gap:4px;padding:12px 20px 53px;display:flex}.charging-status-hero__brand{width:43px;height:26px;display:block}.charging-status-hero__station{margin:0}.charging-status-hero__details{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;display:flex}.charging-status-hero__specs{text-transform:uppercase;align-items:center;gap:4px;display:inline-flex}.charging-status-hero__dot{background-color:#fff;border-radius:50%;flex:none;width:2px;height:2px}.charging-status-session{box-sizing:border-box;flex-direction:column;align-items:center;gap:12px;width:100%;padding:12px 20px 32px;display:flex}.charging-status-summary{justify-content:space-between;align-items:center;width:100%;display:flex}.charging-status-summary__elapsed{white-space:nowrap;font-variant-numeric:tabular-nums}.charging-status-summary__details{flex-direction:column;justify-content:center;align-items:flex-end;display:flex}.charging-status-summary__estimate,.charging-status-summary__soc{white-space:nowrap;-webkit-text-stroke:.5px #0006;align-items:center;gap:4px;display:flex}.charging-status-stats{background-color:#f8f9fc;border-radius:12px;flex-direction:column;align-items:stretch;width:100%;display:flex;overflow:hidden;box-shadow:0 0 20px #00000040}.charging-status-stats__row{background-color:#fff;border-bottom:1px solid #d9e3ea;justify-content:space-between;align-items:stretch;width:100%;display:flex}.charging-status-stats__cell{color:#000;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;min-width:0;padding:12px;display:flex}.charging-status-stats__cell--divider{border-left:1px solid #d9e3ea;border-right:1px solid #d9e3ea}.charging-status-stats__chart{box-sizing:border-box;background-color:#fff;border-bottom:1px solid #d9e3ea;height:240px;position:relative;overflow:hidden}.charging-status-stats__chart-head{color:#000;justify-content:space-between;align-items:center;padding:16px 16px 0;display:flex}.charging-status-stats__chart-area{border-radius:8px;flex:auto;justify-content:stretch;align-items:stretch;width:100%;min-height:96px;margin-top:8px;display:flex;position:relative;overflow:hidden}.charging-status-stats__chart-area .apexcharts-canvas{max-width:100%;width:100%!important}.charging-chart__apex{padding:0 12px 16px 0;width:100%!important}.charging-status-cost{box-sizing:border-box;background-color:#f8f9fc;border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;width:100%;padding:12px;display:flex;overflow:hidden;box-shadow:0 0 20px #00000040}.charging-status-cost__head{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.charging-status-cost__amount{color:#000;flex-direction:column;align-items:flex-start;gap:4px;display:flex}.charging-status-cost__wallet{background-blend-mode:normal, normal;box-sizing:border-box;background-color:#fff;background-image:radial-gradient(circle at 100% 100%,#cdffe3 0%,#cdffe300 35%),linear-gradient(90deg,#fff 0% 100%);border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;width:161px;padding:8px 12px;display:flex;overflow:hidden;box-shadow:0 0 24px #0000001a}.charging-status-cost__wallet-row{align-items:flex-start;gap:8px;display:flex}.charging-avatar{box-sizing:border-box;background-color:#d2fbe4;border-radius:120px;flex:none;width:16px;height:16px;padding:4px;position:relative;overflow:hidden}.charging-avatar__image{object-fit:cover;border-radius:120px;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.charging-avatar__fallback{background-image:linear-gradient(135deg,#e5f1ff,#d2fbe4);border-radius:120px;position:absolute;inset:0}.charging-status-cost__wallet-amount{align-items:center;gap:4px;width:100%;display:flex}.charging-status-cost__wallet-amount-symbol{color:#697e86;text-align:center}.charging-status-cost__wallet-amount-value{text-align:left;color:#000;flex:0 0 94px}.charging-status-cost__cta{flex-direction:column;align-items:stretch;gap:4px;width:100%;display:flex}.charging-status-cost__cta-hint{text-align:center;width:100%}.charging-complete-page{color:#fff;background-image:url(/bg/bg-2.png);background-position:top;background-repeat:no-repeat;background-size:cover;position:relative}.charging-complete-page .charging-status-hero{padding-bottom:12px}.charging-complete-header{box-sizing:border-box;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:12px 20px 0 16px;display:flex;position:relative}.charging-complete-body{box-sizing:border-box;flex-direction:column;align-items:center;gap:12px;width:100%;padding:0 20px 32px;display:flex}.charging-complete-ready{box-sizing:border-box;width:100%}.charging-complete-card{box-sizing:border-box;color:#000;background-color:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 0 20px #00000040}.charging-complete-stats{background-color:#fff;border-bottom:1px solid #d9e3ea;justify-content:space-between;align-items:stretch;width:100%;display:flex}.charging-complete-stat{text-align:center;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;min-width:0;padding:12px;display:flex}.charging-complete-stat--divider{border-left:1px solid #d9e3ea;border-right:1px solid #d9e3ea}.charging-complete-cost{box-sizing:border-box;flex-direction:column;align-items:center;gap:8px;padding:12px 20px;display:flex}.charging-complete-cost__head{flex-direction:column;align-items:center;gap:4px;display:flex}.charging-complete-details{box-sizing:border-box;border:1px solid #d9e3ea;border-radius:8px;flex-direction:column;gap:4px;width:100%;padding:12px;display:flex}.charging-complete-details__row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.charging-complete-details__row--muted{opacity:.8}.charging-complete-details__divider{background-color:#d9e3ea;width:100%;height:1px}.charging-complete-parking{cursor:pointer;box-sizing:border-box;text-align:left;color:#000;background:0 0;border:1px solid #d9e3ea;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.charging-complete-parking__content{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;display:flex}.charging-complete-parking__row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.charging-complete-parking__label{opacity:.8}.charging-complete-payment{box-sizing:border-box;color:#000;border:1px solid #d9e3ea;border-radius:8px;width:100%;padding:12px}.charging-complete-payment__row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.charging-complete-payment__method{align-items:center;gap:4px;display:inline-flex}.charging-complete-hint{text-align:center;width:100%;margin:0}.charging-complete-cta{width:100%}.wallet__header{box-sizing:border-box;background:0 0;grid-template-columns:36px 1fr 36px;align-items:center;height:48px;padding:12px 16px 0;display:grid}.wallet__title{text-align:center;margin:0}.wallet__container{z-index:1;box-sizing:border-box;background-color:#0000;flex-direction:column;gap:20px;min-height:100%;padding:20px;display:flex;position:relative}.wallet__card{box-sizing:border-box;text-align:start;background-color:#fff;background-image:url(/bg/bg-wallet.png);background-position:100% 100%;background-repeat:no-repeat;background-size:auto 100%;border-radius:16px;flex-direction:column;gap:12px;width:100%;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 24px #0000001a}.wallet__card--plain{background-image:linear-gradient(90deg,#fff 0% 40%,#d2fbe4 100%)}.wallet__card__header{justify-content:space-between;display:flex}.wallet__card__title{align-items:center;gap:8px;display:flex}.wallet__card__default{color:#fff;letter-spacing:.24px;background-color:#00c358;border-radius:20px;align-items:center;gap:4px;padding:2px 6px 2px 4px;display:flex}.wallet__card__avatar{box-sizing:border-box;background-color:#e5f1ff;border-radius:120px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative;overflow:hidden}.wallet__card__avatar-image{object-fit:cover;border-radius:120px;width:100%;height:100%}.wallet__topup-btn{align-self:flex-start;width:auto;max-height:50px;margin-top:17px}.wallet__topup-btn:hover{background-color:#f9fcff}.wallet__menu{background-color:#fff;border-radius:12px;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden;box-shadow:0 0 24px #0000001a}.wallet__menu-item{box-sizing:border-box;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d9e3ea;justify-content:space-between;align-items:center;gap:12px;padding:16px;text-decoration:none;display:flex}.wallet__menu-item:last-child{border-bottom:0}.wallet__menu-item__label{text-align:left;flex:auto;min-width:0}.wallet__payment-methods{background:#fff;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 24px #0000001a}.wallet__payment-method{box-sizing:border-box;cursor:pointer;align-items:flex-start;gap:12px;padding:16px;transition:background-color .15s;display:flex}.wallet__payment-method:not(:last-child){border-bottom:1px solid #d9e3ea}.wallet__payment-method:hover{background-color:#f9fcff}.wallet__payment-method__checkbox{opacity:0;width:1px;height:1px;margin:0;position:absolute}.wallet__payment-method__check{box-sizing:border-box;background:#fff;border:2px solid #d9e3ea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;transition:all .15s;display:flex}.wallet__payment-method__check:after{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;transition:opacity .15s;transform:rotate(45deg)translate(-1px,-1px)}.wallet__payment-method__checkbox:checked+.wallet__payment-method__check{background:#0142ff;border-color:#0142ff}.wallet__payment-method__checkbox:checked+.wallet__payment-method__check:after{opacity:1}.wallet__payment-method__body{gap:12px;width:100%;display:flex}.wallet__payment-method__label{color:#000}.wallet__payment-method__amount{color:#697e86;align-self:end;margin-left:auto}.wallet__topup__amount-section{flex-direction:column;gap:4px;display:flex}.wallet__topup__amount-header{justify-content:space-between;align-items:center;display:flex}.wallet__topup__amount-min{color:#697e86;font-size:12px}.wallet__topup__error{color:#df3e4b;font-size:12px;line-height:1.5}.wallet__topup__presets{flex-wrap:wrap;gap:8px;padding-top:20px;display:flex}.wallet__topup__preset-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #d9e3ea;border-radius:8px;flex:1;min-width:72px;height:43px;transition:all .15s}.wallet__topup__preset-btn--active{color:#fff;background:#00c358;border-color:#00c358}.wallet__qrcode{text-align:center}.qr-card{box-sizing:border-box;text-align:start;background-color:#fff;border-radius:16px;width:100%;overflow:auto;box-shadow:0 0 24px #0000001a}.qr-card__header{color:#fff;background-color:#1a3763;justify-content:center;align-items:center;gap:8px;margin:12px;padding:10px 16px;display:flex}.qr-card__header img{filter:brightness(0)invert()}.qr-card__header-logo{filter:none!important}.qr-card__promptpay{text-align:center}.qr-card__promptpay-banner{width:auto;height:44px;display:inline-block}.qr-card__qr{justify-content:center;align-items:center;min-height:220px;padding:0 0 30px;display:flex;position:relative}.qr-card__qr-overlay{object-fit:contain;pointer-events:none;width:36px;height:36px;position:absolute;top:calc(50% - 10px);left:calc(50% + 6px);transform:translate(-50%,-50%)}.qr-card__expired{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.qr-card__footer{justify-content:space-between;align-items:flex-end;gap:16px;padding:0 12px 20px;display:flex}.qr-card__footer-cell{flex-direction:column;min-width:0;display:flex}.qr-card__footer-cell--right{text-align:right;align-items:flex-end}.qr-card__footer-value{font-variant-numeric:tabular-nums}.qr-save-preview__content{flex-direction:column;align-items:center;gap:12px;display:flex}.qr-save-preview__image{object-fit:contain;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;border-radius:12px;width:100%;max-height:50vh;display:block;box-shadow:0 0 12px #0000001f}.charging-confirmation-connector{box-sizing:border-box;border-bottom:1px solid #d9e3ea;align-items:center;min-height:140px;padding:28px 20px 22px;display:flex;position:relative;overflow:hidden}.charging-confirmation-connector__bg{background-color:#fff}.charging-confirmation-connector__details{z-index:1;max-width:70%;position:relative}.charging-confirmation-connector__details h1{white-space:nowrap;margin:0}.charging-confirmation-connector__price{padding-top:2px}.charging-confirmation-connector__art{background:url(/stations/connector-bg.png) 100%/contain no-repeat;place-items:center;width:160px;height:132px;display:grid;position:absolute;top:8px;right:0}.charging-confirmation-connector__art img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:135px;height:90px;position:relative;right:-16px}.charging-confirmation-connector--skeleton .charging-confirmation-connector__details{width:60%;max-width:none}.charging-confirmation-connector--skeleton .charging-confirmation-connector__art{height:120px}.charging-confirmation-settings{flex-direction:column;gap:52px;padding:24px 20px;display:flex}.charging-confirmation-soc{flex-direction:column;gap:10px;display:flex}.charging-confirmation-soc__heading,.charging-confirmation-payment__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.charging-confirmation-soc__heading{margin-bottom:-16px}.charging-confirmation-soc__control{--soc-progress:40%;padding-top:18px;position:relative}.charging-confirmation-soc__control output{z-index:4;top:30px;left:clamp(26px, var(--soc-progress), 100% - 26px);box-sizing:border-box;text-align:center;pointer-events:none;border:1px solid #d9e3ea;border-radius:100px;min-width:46px;padding:2px 8px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 12px #0000001a}.charging-confirmation-soc__control input[type=range]{z-index:3;appearance:none;cursor:pointer;opacity:0;touch-action:none;background:0 0;width:100%;height:26px;margin:0;display:block;position:relative}.charging-confirmation-soc__control input[type=range]::-webkit-slider-runnable-track{background:0 0}.charging-confirmation-soc__control input[type=range]::-webkit-slider-thumb{appearance:none}.charging-confirmation-soc__control input[type=range]:focus-visible+.charging-confirmation-soc__track{outline-offset:5px;outline:2px solid #558bff}.charging-confirmation-soc__track{background:linear-gradient(to right, #04e369 0 var(--soc-progress), #d9e3ea var(--soc-progress) 100%);pointer-events:none;border-radius:100px;height:8px;position:absolute;top:27px;left:0;right:0}.charging-confirmation-soc__warning{opacity:0;visibility:hidden;min-height:18px;margin:-8px 0 0;transition:opacity .15s,visibility 0s linear .15s}.charging-confirmation-soc__warning--visible{opacity:1;visibility:visible;transition-delay:0s}.charging-confirmation-payment{flex-direction:column;gap:8px;display:flex}.charging-confirmation-wallet{box-sizing:border-box;background-image:linear-gradient(120deg,#0000 40%,#d2fbe4 100%);border-radius:16px;flex-direction:column;justify-content:center;gap:8px;min-height:78px;padding:12px 16px;display:flex;box-shadow:0 2px 18px #00000012}.charging-confirmation-wallet__name{align-items:center;gap:8px;display:flex}.charging-confirmation-wallet__avatar{border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid;overflow:hidden}.charging-confirmation-wallet__avatar img{object-fit:cover;width:100%;height:100%}.charging-confirmation-notice{box-sizing:border-box;border-radius:8px;align-items:center;gap:10px;min-height:60px;padding:12px 8px;display:flex}.charging-confirmation-actions{width:100%;padding:12px 20px max(20px, env(safe-area-inset-bottom));box-sizing:border-box;border-top:1px solid #d9e3ea;grid-template-columns:108px minmax(0,1fr);gap:8px;display:grid}.charging-confirmation-actions .btn{width:100%}.charging-confirmation-actions__icon{filter:brightness(0)invert()}@media (height<=720px){.charging-confirmation-settings{gap:32px}}.charging-history-header{background-color:#f8f9fc;grid-template-columns:36px 1fr 36px;align-items:center;min-height:48px;padding:12px 16px 0 20px;display:grid}.charging-history-header__title{text-align:center;margin:0}.charging-history-header__spacer{width:36px;height:36px}.charging-history-page{z-index:1;box-sizing:border-box;background-color:#0000;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:12px;min-height:100%;display:flex;position:relative;top:-60px}.charging-history-page__icon{object-fit:contain;flex:none;width:80px;height:80px;display:block}.charging-history-page__message{color:#697e86;text-align:center;margin:0}.skeleton{max-width:100%;overflow:hidden}.skeleton__bars{flex-direction:column;gap:10px;display:flex}.skeleton__bar{background:#d9e3ea;border-radius:4px;height:14px;animation:1.4s ease-in-out infinite skeleton-pulse;display:block}.skeleton__art{background:#d9e3ea;border-radius:12px;height:120px;animation:1.4s ease-in-out infinite skeleton-pulse}.skeleton__list-avatar{background:#d9e3ea;border-radius:4px;animation:1.4s ease-in-out infinite skeleton-pulse}.skeleton__list-title{background:#d9e3ea;border-radius:4px;width:65%;height:18px;margin:0;animation:1.4s ease-in-out infinite skeleton-pulse;display:block}.skeleton__list-title--address{width:90%;height:12px}.skeleton__list-meta-icon{background:#d9e3ea;border-radius:4px;animation:1.4s ease-in-out infinite skeleton-pulse}.skeleton__list-meta-bar{background:#d9e3ea;border-radius:4px;width:64px;height:12px;animation:1.4s ease-in-out infinite skeleton-pulse;display:block}.skeleton__list-meta-bar--wide{width:96px}.skeleton__list-meta-bar--narrow{width:40px}.skeleton__list-chip{background:#d9e3ea;border-radius:100px;animation:1.4s ease-in-out infinite skeleton-pulse}.toast{z-index:1000;width:100%;animation:.3s ease-out toast-slide-down;position:absolute;top:23px}.toast--slide-up{animation:.3s ease-in forwards toast-slide-up}.toast__container{border-radius:12px;align-items:center;gap:16px;margin:0 20px;padding:12px;display:flex}.toast--success{background-color:#d2fbe4;border:1px solid #00c358}.toast--error{background-color:#ffe1e4;border:1px solid #df3e4b}.toast__icon{display:flex}@keyframes toast-slide-down{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50%)}}