.ColorModeToggle__sun,.ColorModeToggle__moon{animation:.52s cubic-bezier(.16,1,.3,1) both ColorModeToggle__iconIn}.ColorModeToggle__sun{display:none}html.dark .ColorModeToggle__sun{display:block}html.dark .ColorModeToggle__moon{display:none}@keyframes ColorModeToggle__iconIn{0%{opacity:0;transform:rotate(-90deg)scale(.5)}to{opacity:1;transform:none}}.AnnouncementTicker__tab{align-items:center;gap:10px;font-size:11.5px;line-height:1;display:flex;overflow:hidden}.AnnouncementTicker__icon{width:13px;height:13px;color:var(--ticker-accent,currentColor);flex-shrink:0}.AnnouncementTicker__viewport{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.AnnouncementTicker__track{width:max-content;animation:AnnouncementTicker__tickerMove var(--ticker-duration,30s) linear infinite;display:flex}.AnnouncementTicker__tab:hover .AnnouncementTicker__track{animation-play-state:paused}@keyframes AnnouncementTicker__tickerMove{to{transform:translate(-50%)}}.AnnouncementTicker__group{flex-shrink:0;display:flex}.AnnouncementTicker__item{white-space:nowrap;color:var(--ticker-text,currentColor);align-items:center;gap:10px;padding-right:28px;display:inline-flex}.AnnouncementTicker__item b{color:var(--ticker-accent,currentColor);font-weight:inherit}.AnnouncementTicker__dot{background:var(--ticker-accent,currentColor);border-radius:50%;flex-shrink:0;width:4px;height:4px}.AnnouncementTicker__itemIcon{width:12px;height:12px;color:var(--ticker-accent,currentColor)}.AnnouncementTicker__tab{line-height:1.75}.AnnouncementTicker__viewport{align-self:stretch;align-items:center;display:flex}.AnnouncementTicker__item{line-height:1.75}.AnnouncementTicker__unit{flex-shrink:0;display:flex}.MobileNav__root,.MobileNav__drawer{--mn-bg:var(--sf-nav-bg,var(--theme-card-bg-safe,#101012));--mn-text:var(--sf-nav-text,var(--theme-text-safe,#f5f5f5));--mn-muted:var(--sf-nav-text-muted,var(--mn-text));--mn-border:var(--sf-nav-border,#7f7f7f33);--pg-bg:var(--sf-bg,#101012);--pg-surface:var(--sf-surface-2,#252527);--pg-text:var(--sf-text,#f5f5f5);--pg-muted:var(--sf-text-2,#b9b9be);--pg-border:var(--sf-border,#343437);--pg-fill:var(--sf-fill,var(--theme-main,#ec193e));--pg-on-fill:var(--sf-on-fill,#fff);--pg-accent:var(--sf-accent,var(--theme-main,#ec193e));--pg-focus:var(--sf-focus,var(--pg-accent));--mn-h:68px;--mn-offset:68px}.MobileNav__root{display:contents}.MobileNav__authPending{width:84px;height:44px;display:block}.MobileNav__root[data-tone=glass],.MobileNav__root[data-tone=solid]{--mn-text:var(--theme-text-safe,#f5f5f5);--mn-muted:var(--theme-text-muted-safe,var(--mn-text));--mn-bg:color-mix(in srgb, var(--theme-card-bg-safe,var(--theme-sec,#101012)) 97%, var(--mn-text));--mn-glass:color-mix(in srgb, var(--mn-bg) 90%, transparent)}.MobileNav__bar{z-index:9990;height:var(--mn-h);background:var(--mn-bg);color:var(--mn-text);box-shadow:none;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;display:flex;position:fixed;inset:0 0 auto}.MobileNav__bar[data-blur=on]{background:var(--mn-glass,var(--sf-nav-background,var(--mn-bg)));-webkit-backdrop-filter:blur(28px)saturate(140%);backdrop-filter:blur(28px)saturate(140%)}.MobileNav__root[data-style=floating]{--mn-h:64px;--mn-offset:88px}.MobileNav__root[data-style=floating] .MobileNav__bar{border:0;border-radius:24px;padding-inline:12px;inset:12px 10px auto}.MobileNav__root[data-position=scroll] .MobileNav__bar{margin:0;position:relative;inset:auto}.MobileNav__root[data-position=scroll] .MobileNav__spacer{display:none}.MobileNav__spacer{height:var(--mn-offset)}.MobileNav__brand{min-width:0;color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.MobileNav__logo{background:0 0;border:0;border-radius:0;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.MobileNav__logoImage{object-fit:contain;width:32px;height:32px}.MobileNav__logoFallback{color:var(--sf-nav-active-text,var(--pg-accent));font:22px var(--font-th-bold,"thai"), sans-serif}.MobileNav__logoFallback[hidden]{display:none}.MobileNav__brandName{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:16px var(--font-th-bold,"thai"), sans-serif;overflow:hidden}.MobileNav__barActions{flex-shrink:0;align-items:center;gap:12px;display:flex}.MobileNav__mobileBalance{max-width:128px;min-height:44px;color:inherit;font:15px var(--font-th-bold,"thai"), sans-serif;font-variant-numeric:tabular-nums;align-items:center;gap:7px;text-decoration:none;display:flex}.MobileNav__mobileBalance svg{width:16px;height:16px;color:var(--mn-muted);flex-shrink:0}.MobileNav__mobileBalance span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.MobileNav__signin{min-height:44px;color:inherit;align-items:center;font-size:13px;text-decoration:none;display:flex}.MobileNav__toggle,.MobileNav__close{width:44px;height:44px;color:var(--mn-text);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;padding:0;display:grid}.MobileNav__toggle svg,.MobileNav__close svg{stroke-width:1.65px;width:21px;height:21px}.MobileNav__overlay{z-index:100040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.MobileNav__drawer{z-index:100041;background:var(--pg-bg);width:min(420px,100% - 20px);height:100dvh;color:var(--pg-text);border-left:1px solid var(--pg-border);outline:none;flex-direction:column;display:flex;position:fixed;inset:0 0 0 auto}.MobileNav__drawer[data-state=open]{animation:.26s cubic-bezier(.16,1,.3,1) MobileNav__enter}.MobileNav__drawer[data-state=closed]{animation:.16s ease-in MobileNav__leave}.MobileNav__drawerHeader{justify-content:space-between;align-items:center;gap:12px;padding:20px 22px 14px;display:flex}.MobileNav__drawerTitle{color:var(--pg-text);font:22px var(--font-th-bold,"thai"), sans-serif;margin:0}.MobileNav__close{border-color:var(--pg-border);color:var(--pg-text)}.MobileNav__close:hover{background:var(--pg-surface)}.MobileNav__member{border-bottom:1px solid var(--pg-border);padding:6px 24px 22px}.MobileNav__identity{align-items:center;gap:12px;display:flex}.MobileNav__avatar{border-radius:9px;width:40px;height:40px}.MobileNav__avatarFallback{background:var(--pg-surface);color:var(--pg-text);border-radius:inherit;font:16px var(--font-th-bold,"thai"), sans-serif;border:0}.MobileNav__identity>div{flex-direction:column;gap:2px;min-width:0;display:flex}.MobileNav__identity strong{text-overflow:ellipsis;white-space:nowrap;font:15px var(--font-th-bold,"thai"), sans-serif;overflow:hidden}.MobileNav__identity>div>span{color:var(--pg-muted);font-size:11px}.MobileNav__memberBalance{justify-content:space-between;align-items:flex-end;gap:14px;margin-top:20px;display:flex}.MobileNav__memberBalance>div{flex-direction:column;gap:4px;min-width:0;display:flex}.MobileNav__memberBalance span{color:var(--pg-muted);font-size:12px}.MobileNav__memberBalance strong{font:28px var(--font-th-bold,"thai"), sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.MobileNav__topup{background:var(--pg-fill);min-height:40px;color:var(--pg-on-fill);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:13px;text-decoration:none;display:flex}.MobileNav__topup svg{width:15px;height:15px}.MobileNav__drawerBody{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--pg-border) transparent;flex:1;padding:14px 14px 18px;overflow-y:auto}.MobileNav__group+.MobileNav__group{border-top:1px solid var(--pg-border);margin-top:18px;padding-top:18px}.MobileNav__groupLabel{color:var(--pg-muted);margin:0 12px 10px;font-size:12px;font-weight:400}.MobileNav__item{min-height:48px;color:var(--pg-text);border-radius:8px;align-items:center;gap:13px;margin-top:3px;padding:10px 13px;font-size:15px;text-decoration:none;transition:background-color .16s;display:flex}.MobileNav__item>svg{width:19px;height:19px;color:var(--pg-muted);stroke-width:1.65px;flex-shrink:0}.MobileNav__item>span:first-of-type{flex:1}.MobileNav__item>.MobileNav__itemChevron{width:15px;height:15px}.MobileNav__item:hover{background:var(--pg-surface)}.MobileNav__itemActive{background:linear-gradient(180deg, color-mix(in srgb, var(--pg-text) 12%, transparent), color-mix(in srgb, var(--pg-text) 5%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--pg-text) 14%, transparent);font-family:var(--font-th-bold,"thai"), sans-serif;border-radius:999px}.MobileNav__itemActive>svg{color:var(--pg-accent)}.MobileNav__activeDot{background:var(--pg-accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.MobileNav__drawerFoot{padding:12px 24px max(20px, env(safe-area-inset-bottom));border-top:1px solid var(--pg-border)}.MobileNav__contact,.MobileNav__logout{width:100%;min-height:44px;color:var(--pg-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:14px;display:flex}.MobileNav__contact{text-decoration:none}.MobileNav__contact[aria-current=page]{color:var(--pg-accent)}.MobileNav__contact svg,.MobileNav__logout svg{stroke-width:1.65px;width:18px;height:18px}.MobileNav__contact svg:last-child{width:15px;height:15px;color:var(--pg-muted);margin-left:auto}.MobileNav__logout{color:var(--sf-danger,#f87171)}.MobileNav__authActions{gap:10px;margin-top:12px;display:flex}.MobileNav__authPrimary,.MobileNav__authSecondary{min-height:46px;font:14px var(--font-th-bold,"thai"), sans-serif;border-radius:7px;flex:1;justify-content:center;align-items:center;padding-inline:12px;text-decoration:none;display:flex}.MobileNav__authPrimary{background:var(--pg-fill);color:var(--pg-on-fill)}.MobileNav__authSecondary{border:1px solid var(--pg-border);color:var(--pg-text)}.MobileNav__root a:focus-visible,.MobileNav__root button:focus-visible,.MobileNav__drawer a:focus-visible,.MobileNav__drawer button:focus-visible{outline:2px solid var(--pg-focus);outline-offset:3px}@keyframes MobileNav__enter{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes MobileNav__leave{0%{transform:translate(0)}to{transform:translate(100%)}}@media (max-width:360px){.MobileNav__bar{gap:10px;padding-inline:12px}.MobileNav__barActions{gap:8px}.MobileNav__mobileBalance{max-width:102px}.MobileNav__drawerHeader{padding-inline:18px}}@media (prefers-reduced-motion:reduce){.MobileNav__drawer,.MobileNav__overlay{animation:none}.MobileNav__item{transition:none}}button.MobileNav__mobileBalance{cursor:pointer;background:0 0;border:0;font-family:inherit}.MobileNav__root[data-style=floating]{--mn-page:var(--theme-bg,#080808);--mn-surface:color-mix(in srgb, var(--mn-text) 6%, var(--mn-page));--mn-rim:color-mix(in srgb, var(--mn-text) 9%, var(--mn-page));--mn-chip:color-mix(in srgb, var(--mn-text) 13%, var(--mn-page));--mn-shadow:#ffffff08 0 7px 14px 0 inset, #ffffff0f 0 .5px .5px 0 inset, #ffffff1f 0 .25px .25px 0 inset, #0000005e 0 14px 20px -5px;--mn-h:58px;--mn-offset:82px}html:not(.dark) .MobileNav__root[data-style=floating]{--mn-surface:color-mix(in srgb, var(--mn-text) 4%, var(--mn-page));--mn-rim:color-mix(in srgb, var(--mn-page) 40%, #fff);--mn-chip:color-mix(in srgb, var(--mn-page) 30%, #fff);--mn-shadow:0 4px 8px -2px #0000000f, 0 2px 4px -1px #0000000a}.MobileNav__root[data-style=floating] .MobileNav__bar{border:1px solid var(--mn-rim);background:var(--mn-surface);box-shadow:var(--mn-shadow);border-radius:16px;gap:10px;padding-inline:12px 8px;inset:10px 10px auto}.MobileNav__root[data-style=floating] .MobileNav__bar[data-blur=on]{background:color-mix(in srgb, var(--mn-surface) 84%, transparent);-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%)}.MobileNav__root[data-position=scroll][data-style=floating] .MobileNav__bar{margin:10px}.MobileNav__root[data-style=floating] .MobileNav__logo{width:32px;height:32px}.MobileNav__root[data-style=floating] .MobileNav__logoImage{width:28px;height:28px}.MobileNav__root[data-style=floating] .MobileNav__brandName{font-size:14px}.MobileNav__root[data-style=floating] .MobileNav__barActions{gap:6px}.MobileNav__root[data-style=floating] .MobileNav__mobileBalance{background:var(--mn-chip);border-radius:12px;min-height:38px;padding:0 10px;font-size:13px}.MobileNav__root[data-style=floating] .MobileNav__signin{background:var(--mn-chip);border-radius:12px;min-height:38px;padding:0 12px}.MobileNav__root[data-style=floating] .MobileNav__bar .MobileNav__toggle{background:var(--mn-chip);border-radius:12px;width:38px;height:38px;transition:transform .16s ease-in-out}.MobileNav__root[data-style=floating] .MobileNav__bar .MobileNav__toggle svg{width:17px;height:17px}.MobileNav__root[data-style=floating] .MobileNav__bar .MobileNav__toggle:active{transform:scale(.95)}.MobileNav__root[data-style=floating]{--mn-inner:inset 0 1px 0 #ffffff17, inset 0 0 0 1px #ffffff06, inset 0 0 18px #ffffff09, inset 0 10px 24px -14px color-mix(in srgb, var(--pg-accent) 22%, transparent)}html:not(.dark) .MobileNav__root[data-style=floating]{--mn-inner:inset 0 1px 0 #ffffffe6, inset 0 0 16px #fff9, inset 0 10px 24px -14px color-mix(in srgb, var(--pg-accent) 14%, transparent)}.MobileNav__root[data-style=floating] .MobileNav__bar{box-shadow:var(--mn-inner), var(--mn-shadow)}.MobileNav__root[data-style=floating]{--mn-rim:color-mix(in srgb, var(--mn-text) 6%, var(--mn-page));--mn-inner:inset 0 0 18px #ffffff08;--mn-shadow:#00000059 0 14px 20px -6px}html:not(.dark) .MobileNav__root[data-style=floating]{--mn-rim:color-mix(in srgb, var(--mn-text) 7%, var(--mn-page));--mn-inner:inset 0 0 14px #ffffff80;--mn-shadow:0 4px 8px -2px #0000000f, 0 2px 4px -1px #0000000a}.MobileNav__root[data-style=floating]{--mn-surface:#ffffff0b;--mn-rim:#ffffff17;--mn-shadow:0 10px 30px -12px #00000073}html:not(.dark) .MobileNav__root[data-style=floating]{--mn-surface:#ffffff9e;--mn-rim:#00000012;--mn-shadow:0 6px 20px -10px #0000001f}.MobileNav__root[data-style=floating] .MobileNav__bar,.MobileNav__root[data-style=floating] .MobileNav__bar[data-blur=on]{background:var(--mn-surface);-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%)}.MobileNav__root:has(.MobileNav__tickerTab){--mn-offset:106px;--tab-half:min(230px, 45%);--tab-slant:18px}.MobileNav__root[data-style=floating]:has(.MobileNav__tickerTab) .MobileNav__bar{border-color:#0000}.MobileNav__root[data-style=floating]:has(.MobileNav__tickerTab) .MobileNav__bar:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--mn-rim);-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 1px) no-repeat, linear-gradient(90deg, #000 calc(50% - var(--tab-half)), transparent 0 calc(50% + var(--tab-half)), #000 0) bottom / 100% 1px no-repeat;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 1px) no-repeat, linear-gradient(90deg, #000 calc(50% - var(--tab-half)), transparent 0 calc(50% + var(--tab-half)), #000 0) bottom / 100% 1px no-repeat;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 1px) no-repeat, linear-gradient(90deg, #000 calc(50% - var(--tab-half)), transparent 0 calc(50% + var(--tab-half)), #000 0) bottom / 100% 1px no-repeat;mask:linear-gradient(#000 0 0) top / 100% calc(100% - 1px) no-repeat, linear-gradient(90deg, #000 calc(50% - var(--tab-half)), transparent 0 calc(50% + var(--tab-half)), #000 0) bottom / 100% 1px no-repeat;position:absolute;inset:-1px}.MobileNav__tickerTab{--ticker-accent:var(--pg-accent);--ticker-text:color-mix(in srgb, var(--mn-text) 80%, transparent);width:calc(var(--tab-half) * 2);height:26px;color:var(--mn-text);background:linear-gradient(to top right, transparent calc(50% - .8px), var(--mn-rim) 50%, transparent calc(50% + .8px)) left top / var(--tab-slant) 100% no-repeat, linear-gradient(to top left, transparent calc(50% - .8px), var(--mn-rim) 50%, transparent calc(50% + .8px)) right top / var(--tab-slant) 100% no-repeat, linear-gradient(var(--mn-rim), var(--mn-rim)) center bottom / calc(100% - var(--tab-slant) * 2) 1px no-repeat, var(--mn-surface);-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);clip-path:polygon(0 0, 100% 0, calc(100% - var(--tab-slant)) 100%, var(--tab-slant) 100%);padding:0 28px 2px;font-size:11px;position:absolute;top:calc(100% + 1px);left:50%;translate:-50%}.MobileNav__root[data-style=floating]{--mn-surface:color-mix(in srgb, #fff 5%, var(--mn-page))}html:not(.dark) .MobileNav__root[data-style=floating]{--mn-surface:color-mix(in srgb, #fff 94%, var(--mn-page))}.MobileNav__tickerTab{-webkit-backdrop-filter:none;backdrop-filter:none}.MobileNav__root[data-style=floating]:has(.MobileNav__tickerTab) .MobileNav__bar{box-shadow:var(--mn-shadow)}.MobileNav__root[data-style=floating]:has(.MobileNav__tickerTab) .MobileNav__bar:after{-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 1px) no-repeat, linear-gradient(90deg, #000 calc(50% - var(--tab-gap)), transparent 0 calc(50% + var(--tab-gap)), #000 0) bottom / 100% 1px no-repeat;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 1px) no-repeat, linear-gradient(90deg, #000 calc(50% - var(--tab-gap)), transparent 0 calc(50% + var(--tab-gap)), #000 0) bottom / 100% 1px no-repeat;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 1px) no-repeat, linear-gradient(90deg, #000 calc(50% - var(--tab-gap)), transparent 0 calc(50% + var(--tab-gap)), #000 0) bottom / 100% 1px no-repeat;mask:linear-gradient(#000 0 0) top / 100% calc(100% - 1px) no-repeat, linear-gradient(90deg, #000 calc(50% - var(--tab-gap)), transparent 0 calc(50% + var(--tab-gap)), #000 0) bottom / 100% 1px no-repeat}.MobileNav__tickerDock{width:calc(var(--tab-half) * 2);pointer-events:none;height:26px;position:absolute;top:calc(100% + 1px);left:50%;overflow:hidden;translate:-50%}.MobileNav__tickerTab{pointer-events:auto;width:100%;height:100%;translate:none;transform:translateY(calc((var(--sf-tab-open,1) - 1) * 100%));will-change:transform;position:relative;top:0;left:0}@property --sf-tab-open{syntax:"<number>";inherits:true;initial-value:1}@property --sf-tab-visible{syntax:"<number>";inherits:true;initial-value:1}.MobileNav__root[data-style=floating]:has(.MobileNav__tickerTab) .MobileNav__bar{--sf-tab-open:1;--sf-tab-visible:1;transition:--sf-tab-open .56s cubic-bezier(.22,1,.36,1),--sf-tab-visible linear}.MobileNav__root[data-style=floating]:has(.MobileNav__tickerTab) .MobileNav__bar[data-tab=closed]{--sf-tab-open:0;--sf-tab-visible:0;transition:--sf-tab-open .48s cubic-bezier(.4,0,.2,1),--sf-tab-visible 0s linear .48s}.MobileNav__root[data-style=floating]:has(.MobileNav__tickerTab) .MobileNav__bar{--tab-gap:calc(var(--tab-half) * var(--sf-tab-open,1))}@property --sf-tab-zip{syntax:"<number>";inherits:true;initial-value:1}.MobileNav__root[data-style=floating]:has(.MobileNav__tickerTab) .MobileNav__bar{--sf-tab-zip:1;--tab-gap:calc((var(--tab-half) - var(--tab-slant) * (1 - var(--sf-tab-open,1))) * var(--sf-tab-zip,1));transition:--sf-tab-zip .22s cubic-bezier(.4,0,.2,1),--sf-tab-open .52s cubic-bezier(.22,1,.36,1) .16s}.MobileNav__root[data-style=floating]:has(.MobileNav__tickerTab) .MobileNav__bar[data-tab=closed]{--sf-tab-zip:0;transition:--sf-tab-open .42s cubic-bezier(.4,0,.2,1),--sf-tab-zip .28s cubic-bezier(.4,0,.2,1) .4s}.MobileNav__root[data-style=floating]:has(.MobileNav__tickerTab) .MobileNav__bar{--tab-sx:calc(.35 + .65 * var(--sf-tab-open,1));--tab-gap:calc((var(--tab-half) - var(--tab-slant) * (1 - var(--sf-tab-open,1))) * var(--tab-sx) * var(--sf-tab-zip,1))}.MobileNav__tickerTab{transform-origin:50% 0;transform:translateY(calc((var(--sf-tab-open,1) - 1) * 100%)) scaleX(var(--tab-sx,1))}@property --sf-tab-width{syntax:"<number>";inherits:true;initial-value:1}.MobileNav__root[data-style=floating]:has(.MobileNav__tickerTab) .MobileNav__bar{--sf-tab-width:1;--tab-gap:calc((var(--tab-half) - var(--tab-slant) * (1 - var(--sf-tab-open,1))) * var(--sf-tab-width,1) * var(--sf-tab-zip,1));transition:--sf-tab-zip .16s,--sf-tab-open .32s cubic-bezier(.22,1,.36,1) .1s,--sf-tab-width .44s cubic-bezier(.22,1,.36,1) .36s}.MobileNav__tickerTab{transform:translateY(calc((var(--sf-tab-open,1) - 1) * 100%)) scaleX(var(--sf-tab-width,1))}.MobileNav__root[data-style=floating]:has(.MobileNav__tickerTab) .MobileNav__bar[data-tab=closed]{--sf-tab-width:.45;transition:--sf-tab-width .24s cubic-bezier(.4,0,.2,1),--sf-tab-open .24s cubic-bezier(.4,0,.2,1) .12s,--sf-tab-zip .14s .32s}.MobileNav__tickerTab>*{opacity:clamp(0, calc(var(--sf-tab-width,1) * 3.4 - 2.4), 1)}.MobileNav__tickerTab{opacity:1}.MobileNav__root[data-style=floating]:has(.MobileNav__tickerTab) .MobileNav__bar{transition:--sf-tab-zip .12s,--sf-tab-open .26s cubic-bezier(.22,1,.36,1) .12s,--sf-tab-width .32s cubic-bezier(.22,1,.36,1) .3s}.MobileNav__root[data-style=floating]:has(.MobileNav__tickerTab) .MobileNav__bar[data-tab=closed]{transition:--sf-tab-width .24s cubic-bezier(.4,0,.2,1),--sf-tab-open .24s cubic-bezier(.4,0,.2,1) .12s,--sf-tab-zip .14s .37s}.MobileNav__root[data-style=floating] .MobileNav__bar,.MobileNav__root[data-style=floating] .MobileNav__bar[data-blur=on]{-webkit-backdrop-filter:none;backdrop-filter:none}.TopupNavMenu__menu,.TopupNavMenu__inlineItems{--tm-base:var(--theme-card-bg-safe,#101012);--tm-text:var(--theme-text-safe,#f5f5f5);--tm-muted:var(--theme-text-muted-safe,#a3a3a3);--tm-accent:var(--sf-accent,var(--theme-main));--tm-line:color-mix(in srgb, var(--tm-text) 8%, transparent);--tm-tint:color-mix(in srgb, var(--tm-text) 5%, transparent);--tm-ease:cubic-bezier(.16, 1, .3, 1);color:var(--tm-text);font-family:var(--font-th-regular,"thai-rg"), sans-serif}.TopupNavMenu__menu{border:1px solid var(--tm-line);background:var(--tm-base);width:330px;max-width:calc(100vw - 24px);transform-origin:var(--radix-dropdown-menu-content-transform-origin,top left);border-radius:16px;padding:6px;box-shadow:0 20px 48px -20px #0009;z-index:10050!important}html.dark .TopupNavMenu__menu{box-shadow:inset 0 0 24px #ffffff06,0 20px 48px -20px #000000b3}.TopupNavMenu__menu[data-state=open]{animation:TopupNavMenu__tmIn .26s var(--tm-ease) both}@keyframes TopupNavMenu__tmIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.TopupNavMenu__head{justify-content:space-between;align-items:baseline;gap:12px;padding:8px 10px 8px 12px;display:flex}.TopupNavMenu__caption{color:var(--tm-muted);font-size:11.5px;line-height:1.6}.TopupNavMenu__balance{color:var(--tm-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11.5px;line-height:1.6}.TopupNavMenu__balance b{color:var(--tm-text);font:12.5px/1.6 var(--font-th-bold,"thai"), sans-serif;margin-left:2px}.TopupNavMenu__item{color:var(--tm-text);animation:TopupNavMenu__tmItem .36s var(--tm-ease) calc(var(--i,0) * 40ms + 40ms) both;border-radius:11px;outline:none;align-items:center;gap:12px;text-decoration:none;transition:background-color .16s;display:flex;padding:9px 10px!important}@keyframes TopupNavMenu__tmItem{0%{opacity:0;transform:translateY(4px)}}.TopupNavMenu__icon{background:color-mix(in srgb, var(--tm-text) 6%, transparent);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--tm-line);color:var(--tm-accent);transition:transform .3s var(--tm-ease);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.TopupNavMenu__glyph{width:22px;height:22px;overflow:visible}.TopupNavMenu__soft{fill:currentColor;fill-opacity:.14}.TopupNavMenu__solid{fill:currentColor;stroke:none}.TopupNavMenu__lid{transform-box:fill-box;transform-origin:50% 100%;animation:3.4s cubic-bezier(.16,1,.3,1) infinite TopupNavMenu__tmLid}@keyframes TopupNavMenu__tmLid{0%,58%,to{transform:none}68%{transform:translateY(-1.8px)rotate(-6deg)}78%{transform:translateY(-1.2px)rotate(3deg)}88%{transform:none}}.TopupNavMenu__scan{stroke-width:1.2px;animation:2.6s ease-in-out infinite TopupNavMenu__tmScan}@keyframes TopupNavMenu__tmScan{0%,to{opacity:0;transform:translateY(-8px)}12%{opacity:1}50%{opacity:1;transform:translateY(8px)}62%{opacity:0}}.TopupNavMenu__roof{stroke-dasharray:22;animation:3.8s ease-in-out infinite TopupNavMenu__tmRoof}@keyframes TopupNavMenu__tmRoof{0%,12%{stroke-dashoffset:22px}45%,85%{stroke-dashoffset:0}to{stroke-dashoffset:-22px}}.TopupNavMenu__perforation{stroke-dasharray:1.2 1.8;animation:1.8s linear infinite TopupNavMenu__tmPerf}@keyframes TopupNavMenu__tmPerf{to{stroke-dashoffset:-6px}}.TopupNavMenu__item .TopupNavMenu__glyph :is(.TopupNavMenu__lid,.TopupNavMenu__scan,.TopupNavMenu__roof,.TopupNavMenu__perforation){animation-delay:calc(var(--i,0) * -.9s)}.TopupNavMenu__icon>svg:not(.TopupNavMenu__glyph){stroke-width:1.6px;width:18px;height:18px;opacity:1!important}.TopupNavMenu__icon .TopupNavMenu__glyph{opacity:1!important}.TopupNavMenu__copy{flex:1;gap:1px;min-width:0;display:grid}.TopupNavMenu__copy strong{font:13px/1.55 var(--font-th-bold,"thai"), sans-serif}.TopupNavMenu__copy>span{color:var(--tm-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.6;overflow:hidden}.TopupNavMenu__item[data-paused=true] .TopupNavMenu__copy>span{color:#fbb024}.TopupNavMenu__item[data-paused=true] .TopupNavMenu__icon{filter:grayscale(.6);opacity:.8}.TopupNavMenu__fee{background:var(--tm-tint);color:var(--tm-muted);font-variant-numeric:tabular-nums;border-radius:6px;flex-shrink:0;padding:1px 7px;font-size:10.5px;line-height:1.7}.TopupNavMenu__arrow{width:14px;height:14px;color:var(--tm-muted);opacity:.5;transition:transform .3s var(--tm-ease), opacity .2s, color .2s;flex-shrink:0}.TopupNavMenu__item:hover,.TopupNavMenu__item[data-highlighted],.TopupNavMenu__item[aria-current=page]{background:var(--tm-tint)}.TopupNavMenu__item:hover .TopupNavMenu__arrow,.TopupNavMenu__item[data-highlighted] .TopupNavMenu__arrow{opacity:1;color:var(--tm-text);transform:translate(2px)}.TopupNavMenu__item:hover .TopupNavMenu__icon,.TopupNavMenu__item[data-highlighted] .TopupNavMenu__icon{transform:scale(1.05)}.TopupNavMenu__item[aria-current=page] .TopupNavMenu__copy strong:after{content:"";background:var(--tm-accent);vertical-align:-1px;border-radius:1px;width:2px;height:11px;margin-left:8px;display:inline-block}.TopupNavMenu__history{border-top:1px solid var(--tm-line);color:var(--tm-muted);border-radius:0 0 11px 11px;outline:none;align-items:center;gap:9px;margin-top:6px;font-size:12px;text-decoration:none;transition:background-color .16s,color .16s;display:flex;padding:11px 12px!important}.TopupNavMenu__history svg{width:15px;height:15px}.TopupNavMenu__history svg:last-child{width:14px;height:14px;transition:transform .3s var(--tm-ease);margin-left:auto}.TopupNavMenu__history:hover,.TopupNavMenu__history[data-highlighted]{background:var(--tm-tint);color:var(--tm-text)}.TopupNavMenu__history:hover svg:last-child,.TopupNavMenu__history[data-highlighted] svg:last-child{transform:translate(2px)}.TopupNavMenu__status{color:var(--tm-muted);align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.TopupNavMenu__status svg{width:14px;height:14px}.TopupNavMenu__chevron{opacity:.65;transition:transform .26s var(--tm-ease);margin-left:auto;width:12px!important;height:12px!important}[data-state=open]>.TopupNavMenu__chevron{transform:rotate(180deg)}.TopupNavMenu__inline>button{cursor:pointer;text-align:left;background:0 0;border:0;width:100%;font-family:inherit}.TopupNavMenu__inlineItems{border-left:1px solid color-mix(in srgb, var(--tm-text) 10%, transparent);margin:4px 0 12px 12px;padding-left:12px}.TopupNavMenu__inlineItems .TopupNavMenu__head{padding-left:10px}button.Nav__link{cursor:pointer;background-color:#0000;font-family:inherit}button.Nav__walletAdd{cursor:pointer;border:0;padding:0}.Nav__nav{--nv-bg:var(--sf-nav-bg,var(--theme-card-bg-safe,#101012));--nv-glass:var(--sf-nav-background,var(--nv-bg));--nv-border:var(--sf-nav-border,#7f7f7f33);--nv-text:var(--sf-nav-text,var(--theme-text-safe,#f5f5f5));--nv-muted:var(--sf-nav-text-muted,var(--nv-text));--nv-accent:var(--sf-nav-active-text,var(--theme-main,#ec193e));--nv-soft:var(--sf-nav-active-bg,color-mix(in srgb, var(--nv-text) 10%, transparent));--nv-fill:var(--sf-fill,var(--theme-main,#ec193e));--nv-on-fill:var(--sf-on-fill,#fff);--nv-focus:var(--sf-focus,var(--nv-accent));--nv-hover:color-mix(in srgb, var(--nv-text) 7%, transparent);z-index:10000;background:var(--nv-bg);width:100%;color:var(--nv-text);box-shadow:none;border:0;border-radius:0;margin:0;padding-inline:clamp(20px,4vw,64px);position:sticky;top:0}.Nav__nav[data-tone=glass],.Nav__nav[data-tone=solid]{--nv-text:var(--theme-text-safe,#f5f5f5);--nv-muted:var(--theme-text-muted-safe,var(--nv-text));--nv-bg:color-mix(in srgb, var(--theme-card-bg-safe,var(--theme-sec,#101012)) 97%, var(--nv-text));--nv-glass:color-mix(in srgb, var(--nv-bg) 90%, transparent)}.Nav__nav[data-position=scroll]{position:relative;top:auto}.Nav__nav[data-blur=on]{background:0 0}.Nav__glass{pointer-events:none;border-radius:inherit;background:var(--nv-glass);-webkit-backdrop-filter:blur(28px)saturate(140%);backdrop-filter:blur(28px)saturate(140%);position:absolute;inset:0}.Nav__row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;max-width:1360px;min-height:80px;margin-inline:auto;display:grid;position:relative}.Nav__brand{min-width:0;color:inherit;align-items:center;gap:14px;text-decoration:none;display:inline-flex}.Nav__logo{background:0 0;border:0;border-radius:0;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.Nav__logoImage{object-fit:contain;width:38px;height:38px}.Nav__logoTile{font:24px var(--font-th-bold,"thai"), sans-serif;color:var(--nv-accent)}.Nav__logoTile[hidden]{display:none}.Nav__brandName{text-overflow:ellipsis;white-space:nowrap;max-width:176px;font:18px var(--font-th-bold,"thai"), sans-serif;overflow:hidden}.Nav__menuViewport{scrollbar-width:thin;scrollbar-color:var(--nv-border) transparent;min-width:0;padding:3px;overflow-x:auto}.Nav__menu{background:0 0;border:0;border-radius:0;align-items:center;gap:4px;width:max-content;margin:0;padding:5px;list-style:none;display:flex}.Nav__menu li{flex-shrink:0}.Nav__link{min-height:40px;color:var(--nv-muted);white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 15px;font-size:14px;text-decoration:none;transition:background-color .16s,color .16s,border-color .16s;display:flex;position:relative}.Nav__link svg{stroke-width:1.65px;flex-shrink:0;width:17px;height:17px}.Nav__link:hover{background:var(--nv-hover);color:var(--nv-text)}.Nav__link.Nav__active{color:var(--nv-text);background:linear-gradient(180deg, color-mix(in srgb, var(--nv-text) 14%, transparent), color-mix(in srgb, var(--nv-text) 6%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--nv-text) 18%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--nv-text) 5%, transparent);font-family:var(--font-th-bold,"thai"), sans-serif}.Nav__active svg{color:var(--nv-accent)}.Nav__nav[data-align=center] .Nav__row{grid-template-columns:minmax(0,1fr) minmax(0,max-content) minmax(0,1fr)}.Nav__nav[data-align=center] .Nav__actions{justify-self:end}.Nav__nav[data-align=right] .Nav__menu{margin-left:auto}.Nav__nav[data-style=floating]{border:0;border-radius:28px;width:calc(100% - 48px);max-width:1360px;margin:16px auto;padding-inline:16px;top:16px}.Nav__nav[data-style=floating][data-position=scroll]{top:auto}.Nav__nav[data-style=floating] .Nav__menu{background:0 0;border-color:#0000}.Nav__actions{align-items:center;gap:10px;min-width:max-content;display:flex}.Nav__contact{width:42px;height:44px;color:var(--nv-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;transition:color .16s,background-color .16s;display:grid}.Nav__contact svg{stroke-width:1.65px;width:19px;height:19px}.Nav__contact:hover{color:var(--nv-text);background:var(--nv-hover)}.Nav__contact{text-decoration:none}.Nav__contact[aria-current=page]{color:var(--nv-accent)}.Nav__wallet{min-height:48px;color:var(--nv-text);align-items:center;gap:12px;padding:0 10px 0 14px;display:flex}.Nav__walletText{flex-direction:column;gap:2px;line-height:1.25;display:flex}.Nav__walletLabel{color:var(--nv-muted);font-size:10px}.Nav__walletValue{font:16px var(--font-th-bold,"thai"), sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.Nav__walletAdd{background:var(--nv-soft);width:25px;height:25px;color:var(--nv-accent);border-radius:50%;place-items:center;text-decoration:none;transition:background-color .16s;display:grid}.Nav__walletAdd:hover{background:color-mix(in srgb, var(--nv-soft) 80%, var(--nv-text))}.Nav__walletAdd svg{width:15px;height:15px}.Nav__account{height:48px;color:var(--nv-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:0;display:flex}.Nav__avatar{border-radius:14px;width:40px;height:40px}.Nav__authPending{width:180px;height:48px;display:block}.Nav__accountIcon{width:40px;height:40px;color:var(--nv-text);place-items:center;display:grid}.Nav__accountIcon svg{stroke-width:1.65px;width:22px;height:22px}.Nav__avatarFallback{background:var(--sf-surface-2,#252527);color:var(--sf-text,#f5f5f5);font:17px var(--font-th-bold,"thai"), sans-serif;border-radius:inherit;border:0}.Nav__chevron{width:13px;height:13px;transition:transform .16s}.Nav__account[data-state=open] .Nav__chevron{transform:rotate(180deg)}.Nav__btn{min-height:44px;font:14px var(--font-th-bold,"thai"), sans-serif;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;transition:background-color .16s;display:inline-flex}.Nav__btn svg{width:17px;height:17px}.Nav__btnOutline{color:var(--nv-text)}.Nav__btnOutline:hover{background:var(--nv-hover)}.Nav__btnFill{background:var(--nv-fill);color:var(--nv-on-fill)}.Nav__btnFill:hover{background:var(--sf-fill-hover,var(--nv-fill))}.Nav__nav a:focus-visible,.Nav__nav button:focus-visible{outline:2px solid var(--nv-focus);outline-offset:3px}.Nav__popover{--account-text:var(--sf-text,#f5f5f5);--account-bg:color-mix(in srgb, var(--sf-bg,#080808) 94%, var(--account-text));--account-muted:color-mix(in srgb, var(--account-text) 74%, var(--account-bg));--account-line:color-mix(in srgb, var(--account-text) 9%, transparent);--account-hover:color-mix(in srgb, var(--account-text) 6%, transparent);z-index:100020;width:312px;max-width:calc(100vw - 24px);max-height:min(680px, max(0px, calc(100dvh - var(--v1-nav-bottom,90px) - 28px)));overscroll-behavior:contain;background:var(--account-bg);color:var(--account-text);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--account-text) 16%, transparent), inset 0 -1px 0 var(--account-line), 0 20px 48px -24px #000000a6;scrollbar-width:thin;scrollbar-color:var(--account-line) transparent;border:0;border-radius:22px;padding:0;overflow-y:auto}.Nav__popover[data-blur=on]{background:linear-gradient(150deg, color-mix(in srgb, var(--account-text) 3%, transparent), transparent 42%), color-mix(in srgb, var(--account-bg) 96%, transparent);-webkit-backdrop-filter:blur(24px)saturate(115%);backdrop-filter:blur(24px)saturate(115%)}.Nav__popover .Nav__avatarFallback{background:linear-gradient(150deg, color-mix(in srgb, var(--account-text) 10%, transparent), color-mix(in srgb, var(--account-text) 4%, transparent));color:var(--account-text);box-shadow:inset 0 1px 0 var(--account-line)}.Nav__profileHeader{align-items:center;gap:13px;padding:22px 22px 18px;display:flex}.Nav__profileAvatar{width:46px;height:46px;color:var(--account-text);flex-shrink:0;place-items:center;display:grid}.Nav__profileAvatar svg{stroke-width:1.65px;width:27px;height:27px}.Nav__profileIdentity{flex-direction:column;gap:3px;min-width:0;display:flex}.Nav__profileIdentity strong{text-overflow:ellipsis;white-space:nowrap;font:17px var(--font-th-bold,"thai"), sans-serif;overflow:hidden}.Nav__profileIdentity>span{color:var(--account-muted);font-size:12px}.Nav__profileBalance{padding:2px 22px 24px}.Nav__profileBalance>span{color:var(--account-muted);align-items:center;gap:7px;font-size:12px;display:flex}.Nav__profileBalance svg{width:15px;height:15px}.Nav__profileBalance>div{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.Nav__profileBalance strong{min-width:0;font:30px var(--font-th-bold,"thai"), sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;align-items:baseline;gap:4px;display:flex}.Nav__currency{color:var(--account-muted);font-size:18px}.Nav__topupLink{background:linear-gradient(180deg, color-mix(in srgb, var(--account-text) 10%, transparent), var(--account-hover));min-height:38px;color:var(--account-text);box-shadow:inset 0 1px 0 var(--account-line);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:12px;text-decoration:none;display:inline-flex}.Nav__topupLink svg{color:var(--sf-accent,#ec193e)}.Nav__topupLink:hover{background:color-mix(in srgb, var(--account-text) 12%, transparent)}.Nav__apiBalance{color:var(--account-muted);justify-content:space-between;gap:12px;padding:0 22px 16px;font-size:12px;display:flex}.Nav__accountMenu{border-top:1px solid var(--account-line);padding:9px}.Nav__accountItem{min-height:44px;color:inherit;border-radius:10px;gap:12px;padding:10px 13px;font-size:13px;text-decoration:none;display:flex}.Nav__accountItem svg{color:var(--account-muted);opacity:.8;stroke-width:1.65px}.Nav__accountItem[data-highlighted]{background:var(--account-hover)}.Nav__accountItem>span{flex:1}.Nav__itemChevron{margin-left:auto}.Nav__accountFooter{border-top:1px solid var(--account-line);padding:9px 12px}.Nav__logout{min-height:42px;color:var(--sf-danger,#f87171)}.Nav__logout[data-highlighted]{background:color-mix(in srgb, var(--sf-danger,#f87171) 10%, transparent)}.Nav__popover a:focus-visible{outline:2px solid var(--sf-focus,#ec193e);outline-offset:2px}@media (max-width:1400px){.Nav__row{gap:18px}.Nav__link{padding-inline:12px;font-size:13px}.Nav__brandName{max-width:130px}}@media (min-width:768px) and (max-width:1500px){.Nav__nav[data-dense=true] .Nav__row,.Nav__nav[data-dense=true][data-align=center] .Nav__row{grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;padding-block:14px}.Nav__nav[data-dense=true] .Nav__actions{grid-area:1/2}.Nav__nav[data-dense=true] .Nav__menuViewport{grid-area:2/1/auto/-1}.Nav__nav[data-dense=true][data-align=center] .Nav__menu{margin-inline:auto}}@media (min-width:768px) and (max-width:1100px){.Nav__row,.Nav__nav[data-align=center] .Nav__row,.Nav__nav[data-style=floating] .Nav__row{grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;padding-block:14px}.Nav__actions{grid-area:1/2}.Nav__menuViewport{grid-area:2/1/auto/-1}.Nav__nav[data-align=center] .Nav__menu{margin-inline:auto}.Nav__brandName{max-width:220px}}@media (prefers-reduced-motion:reduce){.Nav__link,.Nav__contact,.Nav__wallet,.Nav__chevron,.Nav__btn{transition:none}.Nav__popover{animation:none}}.Nav__nav[data-style=floating]{--nv-page:var(--theme-bg,#080808);--nv-surface:color-mix(in srgb, var(--nv-text) 6%, var(--nv-page));--nv-rim:color-mix(in srgb, var(--nv-text) 9%, var(--nv-page));--nv-chip:color-mix(in srgb, var(--nv-text) 13%, var(--nv-page));--nv-shadow:#ffffff08 0 7px 14px 0 inset, #ffffff0f 0 .5px .5px 0 inset, #ffffff1f 0 .25px .25px 0 inset, #0000005e 0 14px 20px -5px;border:1px solid var(--nv-rim);background:var(--nv-surface);width:calc(100% - 32px);max-width:1200px;box-shadow:var(--nv-shadow);border-radius:16px;margin:12px auto;padding-inline:14px 8px;top:12px}html:not(.dark) .Nav__nav[data-style=floating]{--nv-surface:color-mix(in srgb, var(--nv-text) 4%, var(--nv-page));--nv-rim:color-mix(in srgb, var(--nv-page) 40%, #fff);--nv-chip:color-mix(in srgb, var(--nv-page) 30%, #fff);--nv-shadow:0 4px 8px -2px #0000000f, 0 2px 4px -1px #0000000a}.Nav__nav[data-style=floating][data-blur=on]{background:0 0}.Nav__nav[data-style=floating] .Nav__row{gap:16px;min-height:60px}.Nav__nav[data-style=floating] .Nav__brand{gap:10px}.Nav__nav[data-style=floating] .Nav__logo{border-radius:8px;width:32px;height:32px}.Nav__nav[data-style=floating] .Nav__logoImage{width:28px;height:28px}.Nav__nav[data-style=floating] .Nav__logoTile{font-size:18px}.Nav__nav[data-style=floating] .Nav__brandName{letter-spacing:-.01em;font-size:14px}.Nav__nav[data-style=floating] .Nav__menu{gap:2px;padding:2px}.Nav__nav[data-style=floating] .Nav__link{min-height:34px;box-shadow:none;color:var(--nv-text);opacity:.5;background:0 0;border-radius:10px;gap:7px;padding:0 12px;font-family:inherit;font-size:13px;transition:opacity .18s,background-color .18s}.Nav__nav[data-style=floating] .Nav__link svg{width:15px;height:15px}.Nav__nav[data-style=floating] .Nav__link:hover{opacity:1;background:0 0}.Nav__nav[data-style=floating] .Nav__link.Nav__active{opacity:1;background:var(--nv-chip);box-shadow:none;font-family:inherit}.Nav__nav[data-style=floating] .Nav__actions{gap:8px}.Nav__nav[data-style=floating] .Nav__contact{background:var(--nv-chip);width:34px;height:34px;color:var(--nv-text);border-radius:12px;transition:transform .16s ease-in-out,opacity .16s}.Nav__nav[data-style=floating] .Nav__contact svg{width:16px;height:16px}.Nav__nav[data-style=floating] .Nav__contact:hover{background:var(--nv-chip);opacity:.8}.Nav__nav[data-style=floating] .Nav__contact:active{transform:scale(.95)}.Nav__nav[data-style=floating] .Nav__wallet{background:var(--nv-chip);border-radius:12px;gap:10px;min-height:38px;padding:0 5px 0 12px}.Nav__nav[data-style=floating] .Nav__walletLabel{font-size:9px}.Nav__nav[data-style=floating] .Nav__walletValue{font-size:14px}.Nav__nav[data-style=floating] .Nav__walletAdd{background:color-mix(in srgb, var(--nv-text) 16%, transparent);border-radius:9px;width:28px;height:28px}.Nav__nav[data-style=floating] .Nav__account{height:38px;padding-right:4px}.Nav__nav[data-style=floating] .Nav__accountIcon{width:34px;height:34px}.Nav__nav[data-style=floating] .Nav__authPending{height:38px}.Nav__nav[data-style=floating] .Nav__btn{border-radius:12px;min-height:36px;padding:0 14px;font-size:13px;transition:transform .16s ease-in-out,opacity .16s}.Nav__nav[data-style=floating] .Nav__btn:active{transform:scale(.97)}.Nav__nav[data-style=floating] .Nav__btnOutline{background:var(--nv-chip)}.Nav__nav[data-style=floating] .Nav__btnOutline:hover{background:var(--nv-chip);opacity:.8}.Nav__nav[data-style=floating] .Nav__btnFill{box-shadow:inset 0 1px 0 #ffffff38, 0 6px 16px -8px var(--nv-fill)}@media (prefers-reduced-motion:reduce){.Nav__nav[data-style=floating] .Nav__link,.Nav__nav[data-style=floating] .Nav__contact,.Nav__nav[data-style=floating] .Nav__btn{transition:none}}.Nav__nav[data-style=floating] .Nav__menu{position:relative}.Nav__nav[data-style=floating] .Nav__link{z-index:1;font-family:var(--font-th-light,var(--font-th-regular,"thai-rg")), sans-serif;opacity:.62;letter-spacing:.005em;font-size:14px}.Nav__nav[data-style=floating] .Nav__link.Nav__active{font-family:var(--font-th-light,var(--font-th-regular,"thai-rg")), sans-serif}.Nav__indicator{z-index:0;pointer-events:none;opacity:0;background:color-mix(in srgb, var(--nv-text) 6%, transparent);width:0;height:0;box-shadow:none;border-radius:10px;list-style:none;transition:transform .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),height .38s cubic-bezier(.22,1,.36,1),opacity .2s;position:absolute;top:0;left:0}.Nav__nav[data-style=floating] .Nav__menu[data-indicator=on] .Nav__link.Nav__active{background:0 0}.Nav__nav[data-style=floating]{--nv-inner:inset 0 1px 0 #ffffff17, inset 0 0 0 1px #ffffff06, inset 0 0 18px #ffffff09, inset 0 10px 24px -14px color-mix(in srgb, var(--nv-accent) 22%, transparent);box-shadow:var(--nv-inner), var(--nv-shadow)}html:not(.dark) .Nav__nav[data-style=floating]{--nv-inner:inset 0 1px 0 #ffffffe6, inset 0 0 16px #fff9, inset 0 10px 24px -14px color-mix(in srgb, var(--nv-accent) 14%, transparent)}.Nav__nav[data-style=floating] .Nav__glass{box-shadow:var(--nv-inner)}.Nav__nav[data-style=floating]{--nv-rim:color-mix(in srgb, var(--nv-text) 6%, var(--nv-page));--nv-inner:inset 0 0 18px #ffffff08;--nv-shadow:#00000059 0 14px 20px -6px}html:not(.dark) .Nav__nav[data-style=floating]{--nv-rim:color-mix(in srgb, var(--nv-text) 7%, var(--nv-page));--nv-inner:inset 0 0 14px #ffffff80;--nv-shadow:0 4px 8px -2px #0000000f, 0 2px 4px -1px #0000000a}.Nav__nav[data-style=floating] .Nav__link,.Nav__nav[data-style=floating] .Nav__link.Nav__active{font-weight:var(--font-th-light-weight,400)!important}.Nav__nav[data-style=floating] .Nav__glass{border-radius:15px}.Nav__nav[data-style=floating]{box-shadow:inset 0 0 0 1px var(--nv-rim), var(--nv-inner), var(--nv-shadow);border:0}.Nav__nav[data-style=floating][data-blur=on]{box-shadow:var(--nv-shadow)}.Nav__nav[data-style=floating] .Nav__glass{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--nv-rim), var(--nv-inner)}.Nav__nav[data-style=floating]{--nv-surface:#ffffff0b;--nv-rim:#ffffff17;--nv-shadow:0 10px 30px -12px #00000073}html:not(.dark) .Nav__nav[data-style=floating]{--nv-surface:#ffffff9e;--nv-rim:#00000012;--nv-shadow:0 6px 20px -10px #0000001f}.Nav__nav[data-style=floating] .Nav__glass{background:var(--nv-surface);-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%)}.Nav__nav[data-style=floating][data-blur=off]{background:color-mix(in srgb, var(--nv-text) 6%, var(--nv-page))}html:not(.dark) .Nav__nav[data-style=floating][data-blur=off]{background:color-mix(in srgb, var(--nv-page) 70%, #fff)}.Nav__nav[data-style=floating]:has(.Nav__tickerTab){--tab-half:min(440px, 37%);--tab-slant:24px;margin-bottom:42px}.Nav__nav[data-style=floating][data-blur=on]:has(.Nav__tickerTab){box-shadow:var(--nv-shadow)}.Nav__nav[data-style=floating]:has(.Nav__tickerTab):after{content:"";z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--nv-rim);-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 1px) no-repeat, linear-gradient(90deg, #000 calc(50% - var(--tab-half)), transparent 0 calc(50% + var(--tab-half)), #000 0) bottom / 100% 1px no-repeat;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 1px) no-repeat, linear-gradient(90deg, #000 calc(50% - var(--tab-half)), transparent 0 calc(50% + var(--tab-half)), #000 0) bottom / 100% 1px no-repeat;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 1px) no-repeat, linear-gradient(90deg, #000 calc(50% - var(--tab-half)), transparent 0 calc(50% + var(--tab-half)), #000 0) bottom / 100% 1px no-repeat;mask:linear-gradient(#000 0 0) top / 100% calc(100% - 1px) no-repeat, linear-gradient(90deg, #000 calc(50% - var(--tab-half)), transparent 0 calc(50% + var(--tab-half)), #000 0) bottom / 100% 1px no-repeat;position:absolute;inset:0}.Nav__tickerTab{--ticker-accent:var(--nv-accent);--ticker-text:color-mix(in srgb, var(--nv-text) 80%, transparent);--tab-fill:var(--nv-surface);z-index:1;width:calc(var(--tab-half) * 2);height:30px;color:var(--nv-text);background:linear-gradient(to top right, transparent calc(50% - .8px), var(--nv-rim) 50%, transparent calc(50% + .8px)) left top / var(--tab-slant) 100% no-repeat, linear-gradient(to top left, transparent calc(50% - .8px), var(--nv-rim) 50%, transparent calc(50% + .8px)) right top / var(--tab-slant) 100% no-repeat, linear-gradient(var(--nv-rim), var(--nv-rim)) center bottom / calc(100% - var(--tab-slant) * 2) 1px no-repeat, var(--tab-fill);-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);clip-path:polygon(0 0, 100% 0, calc(100% - var(--tab-slant)) 100%, var(--tab-slant) 100%);padding:0 40px 2px;position:absolute;top:100%;left:50%;translate:-50%}.Nav__nav[data-style=floating][data-blur=off] .Nav__tickerTab{--tab-fill:color-mix(in srgb, var(--nv-text) 6%, var(--nv-page));-webkit-backdrop-filter:none;backdrop-filter:none}html:not(.dark) .Nav__nav[data-style=floating][data-blur=off] .Nav__tickerTab{--tab-fill:color-mix(in srgb, var(--nv-page) 70%, #fff)}@media (min-width:768px) and (max-width:1100px){.Nav__nav[data-style=floating]:has(.Nav__tickerTab){--tab-half:42%}}.Nav__nav[data-style=floating]{--nv-surface:color-mix(in srgb, #fff 5%, var(--nv-page))}html:not(.dark) .Nav__nav[data-style=floating]{--nv-surface:color-mix(in srgb, #fff 94%, var(--nv-page))}.Nav__tickerTab{-webkit-backdrop-filter:none;backdrop-filter:none}.Nav__nav[data-style=floating]:has(.Nav__tickerTab) .Nav__glass{box-shadow:none}.Nav__nav[data-style=floating][data-blur=off]:has(.Nav__tickerTab){box-shadow:var(--nv-shadow)}.Nav__nav[data-style=floating]:has(.Nav__tickerTab):after{-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 1px) no-repeat, linear-gradient(90deg, #000 calc(50% - var(--tab-gap)), transparent 0 calc(50% + var(--tab-gap)), #000 0) bottom / 100% 1px no-repeat;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 1px) no-repeat, linear-gradient(90deg, #000 calc(50% - var(--tab-gap)), transparent 0 calc(50% + var(--tab-gap)), #000 0) bottom / 100% 1px no-repeat;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 1px) no-repeat, linear-gradient(90deg, #000 calc(50% - var(--tab-gap)), transparent 0 calc(50% + var(--tab-gap)), #000 0) bottom / 100% 1px no-repeat;mask:linear-gradient(#000 0 0) top / 100% calc(100% - 1px) no-repeat, linear-gradient(90deg, #000 calc(50% - var(--tab-gap)), transparent 0 calc(50% + var(--tab-gap)), #000 0) bottom / 100% 1px no-repeat}.Nav__tickerDock{z-index:1;width:calc(var(--tab-half) * 2);pointer-events:none;height:30px;position:absolute;top:100%;left:50%;overflow:hidden;translate:-50%}.Nav__tickerTab{pointer-events:auto;width:100%;height:100%;translate:none;transform:translateY(calc((var(--sf-tab-open,1) - 1) * 100%));will-change:transform;position:relative;top:0;left:0}.Nav__nav[data-style=floating]:has(.Nav__tickerTab){--sf-tab-open:1;--sf-tab-visible:1;transition:--sf-tab-open .56s cubic-bezier(.22,1,.36,1),--sf-tab-visible linear}.Nav__nav[data-style=floating][data-tab=closed]:has(.Nav__tickerTab){--sf-tab-open:0;--sf-tab-visible:0;transition:--sf-tab-open .48s cubic-bezier(.4,0,.2,1),--sf-tab-visible 0s linear .48s}.Nav__nav[data-style=floating]:has(.Nav__tickerTab){--tab-gap:calc(var(--tab-half) * var(--sf-tab-open,1))}.Nav__nav[data-style=floating]:has(.Nav__tickerTab){--sf-tab-zip:1;--tab-gap:calc((var(--tab-half) - var(--tab-slant) * (1 - var(--sf-tab-open,1))) * var(--sf-tab-zip,1));transition:--sf-tab-zip .22s cubic-bezier(.4,0,.2,1),--sf-tab-open .52s cubic-bezier(.22,1,.36,1) .16s}.Nav__nav[data-style=floating][data-tab=closed]:has(.Nav__tickerTab){--sf-tab-zip:0;transition:--sf-tab-open .42s cubic-bezier(.4,0,.2,1),--sf-tab-zip .28s cubic-bezier(.4,0,.2,1) .4s}.Nav__nav[data-style=floating]:has(.Nav__tickerTab){--tab-sx:calc(.35 + .65 * var(--sf-tab-open,1));--tab-gap:calc((var(--tab-half) - var(--tab-slant) * (1 - var(--sf-tab-open,1))) * var(--tab-sx) * var(--sf-tab-zip,1))}.Nav__tickerTab{transform-origin:50% 0;transform:translateY(calc((var(--sf-tab-open,1) - 1) * 100%)) scaleX(var(--tab-sx,1))}.Nav__nav[data-style=floating]:has(.Nav__tickerTab){--sf-tab-width:1;--tab-gap:calc((var(--tab-half) - var(--tab-slant) * (1 - var(--sf-tab-open,1))) * var(--sf-tab-width,1) * var(--sf-tab-zip,1));transition:--sf-tab-zip .16s,--sf-tab-open .32s cubic-bezier(.22,1,.36,1) .1s,--sf-tab-width .44s cubic-bezier(.22,1,.36,1) .36s}.Nav__tickerTab{transform:translateY(calc((var(--sf-tab-open,1) - 1) * 100%)) scaleX(var(--sf-tab-width,1))}.Nav__nav[data-style=floating][data-tab=closed]:has(.Nav__tickerTab){--sf-tab-width:.45;transition:--sf-tab-width .24s cubic-bezier(.4,0,.2,1),--sf-tab-open .24s cubic-bezier(.4,0,.2,1) .12s,--sf-tab-zip .14s .32s}.Nav__tickerTab>*{opacity:clamp(0, calc(var(--sf-tab-width,1) * 3.4 - 2.4), 1)}.Nav__tickerTab{opacity:1}.Nav__nav[data-style=floating]:has(.Nav__tickerTab){transition:--sf-tab-zip .12s,--sf-tab-open .26s cubic-bezier(.22,1,.36,1) .12s,--sf-tab-width .32s cubic-bezier(.22,1,.36,1) .3s}.Nav__nav[data-style=floating][data-tab=closed]:has(.Nav__tickerTab){transition:--sf-tab-width .24s cubic-bezier(.4,0,.2,1),--sf-tab-open .24s cubic-bezier(.4,0,.2,1) .12s,--sf-tab-zip .14s .37s}.Nav__link svg *{transform-box:fill-box}@keyframes Nav__navDraw{0%{stroke-dashoffset:var(--len)}55%,to{stroke-dashoffset:0}}@keyframes Nav__navFill{0%,70%,to{fill-opacity:0}30%{fill-opacity:.9}}@keyframes Nav__navGrow{0%{transform:scaleY(.15)}45%,to{transform:scaleY(1)}}@keyframes Nav__navBlink{0%,to{opacity:1}50%{opacity:.1}}.Nav__link svg[data-nav-icon=\/home] path{stroke-dasharray:var(--len);animation:Nav__navDraw var(--nav-cycle) cubic-bezier(.65, 0, .35, 1) infinite}.Nav__link svg[data-nav-icon=\/home] path:first-child{--len:22}.Nav__link svg[data-nav-icon=\/home] path:nth-child(2){--len:70;animation-delay:.12s}.Nav__link svg[data-nav-icon=\/store] rect{fill:currentColor;fill-opacity:0;animation:Nav__navFill var(--nav-cycle) ease-in-out infinite}.Nav__link svg[data-nav-icon=\/store] rect:nth-child(2){animation-delay:.2s}.Nav__link svg[data-nav-icon=\/store] rect:nth-child(3){animation-delay:.4s}.Nav__link svg[data-nav-icon=\/store] rect:nth-child(4){animation-delay:.6s}.Nav__link svg[data-nav-icon=\/status] path{transform-origin:50% 100%;animation:Nav__navGrow var(--nav-cycle) cubic-bezier(.22, 1, .36, 1) infinite}.Nav__link svg[data-nav-icon=\/status] path:nth-child(2){animation-delay:.1s}.Nav__link svg[data-nav-icon=\/status] path:nth-child(3){animation-delay:.2s}.Nav__link svg[data-nav-icon=\/status] path:nth-child(5){animation-delay:50ms}.Nav__link svg[data-nav-icon=\/status] path:nth-child(6){animation-delay:.15s}.Nav__link svg[data-nav-icon=\/status] path:nth-child(4){--len:32;stroke-dasharray:var(--len);animation:Nav__navDraw var(--nav-cycle) cubic-bezier(.65, 0, .35, 1) .25s infinite}.Nav__link svg[data-nav-icon=\/groupbuy] circle{fill:currentColor;fill-opacity:0;animation:Nav__navFill var(--nav-cycle) ease-in-out infinite}.Nav__link svg[data-nav-icon=\/groupbuy] path{--len:30;stroke-dasharray:var(--len);animation:Nav__navDraw var(--nav-cycle) cubic-bezier(.65, 0, .35, 1) infinite}.Nav__link svg[data-nav-icon=\/groupbuy] path:nth-child(3){animation-delay:.2s}.Nav__link svg[data-nav-icon=\/topup] path{--len:48;stroke-dasharray:var(--len);animation:Nav__navDraw var(--nav-cycle) cubic-bezier(.65, 0, .35, 1) infinite}.Nav__link svg[data-nav-icon=\/topup] path:nth-child(2){--len:42;animation-delay:.18s}.Nav__link svg[data-nav-icon="/user/orders"] path:nth-child(n+2){--len:9;stroke-dasharray:var(--len);animation:Nav__navDraw var(--nav-cycle) ease-out infinite}.Nav__link svg[data-nav-icon="/user/orders"] path:nth-child(3){animation-delay:.18s}.Nav__link svg[data-nav-icon="/user/orders"] path:nth-child(4){animation-delay:.36s}.Nav__link svg[data-nav-icon=\/reset-hwid] path{--len:64;stroke-dasharray:var(--len);animation:Nav__navDraw var(--nav-cycle) cubic-bezier(.65, 0, .35, 1) infinite}.Nav__link svg[data-nav-icon=\/reset-hwid] circle{animation:Nav__navBlink var(--nav-cycle) ease-in-out .5s infinite}.Nav__link.Nav__active svg[data-nav-icon]{--nav-cycle:3.2s}.Nav__link.Nav__active:hover svg[data-nav-icon]{--nav-cycle:1.9s}.Nav__link svg[data-nav-icon]{--nav-cycle:3.4s}.Nav__link svg[data-nav-icon=\/home]{--nav-cycle:3.1s}.Nav__link svg[data-nav-icon=\/store]{--nav-cycle:3.7s}.Nav__link svg[data-nav-icon=\/status]{--nav-cycle:2.9s}.Nav__link svg[data-nav-icon=\/groupbuy]{--nav-cycle:4.1s}.Nav__link svg[data-nav-icon=\/topup]{--nav-cycle:3.3s}.Nav__link svg[data-nav-icon="/user/orders"]{--nav-cycle:3.9s}.Nav__link svg[data-nav-icon=\/reset-hwid]{--nav-cycle:3.5s}.Nav__link:is(:hover,:focus-visible) svg[data-nav-icon],.Nav__link.Nav__active svg[data-nav-icon]{--nav-cycle:2s}.Nav__nav[data-style=floating] .Nav__glass,.Nav__tickerTab{-webkit-backdrop-filter:none;backdrop-filter:none}.Nav__link svg[data-nav-icon]{will-change:transform;contain:layout paint}.Nav__popover{border-radius:18px;width:300px}.Nav__profileHeader{gap:12px;padding:18px 18px 12px}.Nav__profileBalance{background:color-mix(in srgb, var(--account-text) 5%, transparent);border-radius:14px;margin:0 12px 12px;padding:14px 14px 14px 16px}.Nav__profileBalance>div{margin-top:6px}.Nav__profileBalance strong{font-size:26px}.Nav__topupLink{min-height:38px;box-shadow:none;background:var(--sf-fill,var(--sf-accent,#ec193e));color:var(--sf-on-fill,#fff);font:13px var(--font-th-bold,"thai"), sans-serif;border-radius:10px;gap:6px;padding:0 14px}.Nav__topupLink svg{color:currentColor;width:15px;height:15px}.Nav__topupLink:hover{background:var(--sf-fill,var(--sf-accent,#ec193e));filter:none;opacity:.92}.Nav__accountQuick{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 12px;display:grid}.Nav__quickTile{background:color-mix(in srgb, var(--account-text) 5%, transparent);min-height:76px;color:var(--account-text);text-align:center;cursor:pointer;border-radius:12px;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 6px;font-size:11.5px;line-height:1.3;text-decoration:none;transition:background-color .16s;display:flex}.Nav__quickTile svg{width:20px;height:20px;color:var(--sf-accent,#ec193e);stroke-width:1.7px}.Nav__quickTile[data-highlighted],.Nav__quickTile:hover{background:color-mix(in srgb, var(--account-text) 10%, transparent)}.Nav__accountMenu{padding:6px 8px}.Nav__accountItem{align-items:center;min-height:42px;padding:0 12px}.Nav__accountItem[data-admin] svg{color:var(--sf-accent,#ec193e);opacity:1}.Nav__accountFooter{padding:6px 8px 8px}.Nav__logout{border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:13px;display:flex}.Nav__nav[data-style=floating] .Nav__walletAdd{background:var(--sf-fill,var(--nv-accent));color:var(--sf-on-fill,#fff)}.Nav__nav[data-style=floating] .Nav__walletAdd svg{stroke-width:2.4px;width:15px;height:15px}html:not(.dark) .Nav__popover,html:not(.dark) .Nav__popover[data-blur=on]{--account-bg:#fff;--account-text:#111114;--account-muted:#6b6b72;--account-line:#00000012;--account-hover:#0000000b;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;box-shadow:0 0 0 1px #0000000f,0 22px 50px -22px #00000047}:is(html:not(.dark) .Nav__profileBalance,html:not(.dark) .Nav__quickTile){background:#f4f4f6}:is(html:not(.dark) .Nav__quickTile[data-highlighted],html:not(.dark) .Nav__quickTile:hover){background:#ececf0}.Nav__nav[data-style=floating] .Nav__row,.Nav__nav[data-style=floating][data-align=center] .Nav__row,.Nav__nav[data-style=floating][data-dense=true] .Nav__row{flex-wrap:nowrap;align-items:center;gap:16px;padding-block:0;display:flex}.Nav__nav[data-style=floating] .Nav__brand{flex:none}.Nav__nav[data-style=floating] .Nav__menuViewport{flex:auto;order:0;min-width:0;display:flex}.Nav__nav[data-style=floating] .Nav__menu{margin-inline:0}.Nav__nav[data-style=floating][data-align=center] .Nav__menu{margin-inline:auto}.Nav__nav[data-style=floating][data-align=right] .Nav__menu{margin-left:auto;margin-right:0}.Nav__nav[data-style=floating] .Nav__actions{flex:none;margin-left:auto}@media (min-width:768px) and (max-width:1100px){.Nav__nav[data-style=floating] .Nav__row,.Nav__nav[data-style=floating][data-align=center] .Nav__row,.Nav__nav[data-style=floating][data-dense=true] .Nav__row{flex-wrap:wrap;row-gap:4px;padding-block:10px 6px}.Nav__nav[data-style=floating] .Nav__menuViewport{flex-basis:100%;order:3}}.TopupV1__page{--tp-action:color-mix(in srgb, var(--tp-ink) 20%, var(--tp-base));--tp-base:var(--theme-card-bg-safe,var(--theme-sec,#101012));--tp-ink:var(--theme-text-safe,#f5f5f5);--tp-muted:var(--theme-text-muted-safe,#a3a3a3);--tp-page-ink:var(--sf-text,var(--tp-ink));--tp-page-muted:var(--sf-text-2,var(--tp-muted));--tp-accent:var(--sf-accent,var(--theme-main,#ec193e));--tp-icon:var(--tp-accent);--tp-tint:color-mix(in srgb, var(--tp-ink) 12%, var(--tp-base));--tp-surface:color-mix(in srgb, var(--tp-base) 97%, var(--tp-ink));--tp-hover:color-mix(in srgb, var(--tp-base) 94%, var(--tp-ink));--tp-line:color-mix(in srgb, var(--tp-ink) 8%, transparent);min-height:75vh;color:var(--tp-page-ink);font-family:var(--font-th-regular,"thai-rg"), sans-serif;padding:32px 24px 72px}.TopupV1__container{width:100%;max-width:640px;margin-inline:auto}.TopupV1__shell{max-width:640px;margin-inline:auto}.TopupV1__workspaceHeader{justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 22px;display:flex}.TopupV1__workspaceHeader h1{font:clamp(26px, 2.6vw, 32px)/1.4 var(--font-th-bold,"thai"), sans-serif;letter-spacing:-.02em;margin:0}.TopupV1__workspaceHeader p{color:var(--tp-page-muted);margin:2px 0 0;font-size:13px;line-height:1.7}.TopupV1__walletCompact{text-align:right;flex-shrink:0;justify-items:end;display:grid}.TopupV1__walletCompact>span{color:var(--tp-page-muted);font-size:11.5px;line-height:1.6}.TopupV1__walletCompact strong{color:var(--tp-page-ink);font:30px/1.3 var(--font-th-light,var(--font-th-regular,"thai-rg")), sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;align-items:baseline;gap:3px;display:flex;font-weight:var(--font-th-light-weight,400)!important}.TopupV1__walletCompact small{color:var(--tp-page-muted);font-size:16px}.TopupV1__walletCompact em{color:var(--tp-page-muted);font-size:16px;font-style:normal}.TopupV1__channelTabs{scrollbar-width:none;background:color-mix(in srgb, var(--tp-page-ink) 3%, transparent);width:fit-content;max-width:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tp-page-ink) 9%, transparent);border-radius:12px;gap:2px;margin:0 0 18px;padding:3px;display:flex;overflow-x:auto}.TopupV1__channelTabs::-webkit-scrollbar{display:none}.TopupV1__channelTabs a{min-height:34px;color:var(--tp-page-muted);white-space:nowrap;border-radius:9px;flex-shrink:0;align-items:center;gap:8px;padding:0 13px 0 10px;font-size:12.5px;line-height:1.6;text-decoration:none;transition:background-color .18s,color .18s;display:inline-flex}.TopupV1__channelTabs svg{color:var(--tp-page-muted);transition:color .18s;width:17px!important;height:17px!important}.TopupV1__channelTabs a[aria-current=page]{background:color-mix(in srgb, var(--tp-page-ink) 9%, transparent);color:var(--tp-page-ink)}.TopupV1__channelTabs a[aria-current=page] svg{color:var(--tp-icon)}.TopupV1__tabBonus{color:#fbb024;font-variant-numeric:tabular-nums;background:#fbb02424;border-radius:5px;margin-left:2px;padding:0 5px;font-size:10.5px;font-style:normal;line-height:1.6}.TopupV1__bonusCard{background:var(--tp-base);color:var(--tp-ink);border-radius:18px;margin:0 0 14px;padding:16px 18px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fbb02447}html.dark .TopupV1__bonusCard{box-shadow:inset 0 0 0 1px #fbb02447,inset 0 0 24px #ffffff06}.TopupV1__bonusHead{justify-content:space-between;align-items:center;gap:16px;display:flex}.TopupV1__bonusHead h2{font:15px/1.5 var(--font-th-bold,"thai"), sans-serif;align-items:center;gap:8px;margin:0;display:flex}.TopupV1__bonusHead h2 svg{color:#fbb024;width:17px;height:17px}.TopupV1__bonusHead p{color:var(--tp-muted);margin:2px 0 0;font-size:12px;line-height:1.6}.TopupV1__bonusX{color:#fbb024;flex-shrink:0;align-items:center;gap:12px;display:flex}.TopupV1__bonusGift{place-items:center;width:34px;height:34px;display:grid}.TopupV1__bonusGift svg{width:32px!important;height:32px!important}.TopupV1__bonusFrac{justify-items:center;gap:3px;display:grid}.TopupV1__bonusFrac strong{font:22px/1.1 var(--font-th-bold,"thai"), sans-serif;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.TopupV1__bonusTimes{margin-right:.05em}.TopupV1__bonusFrac i{background:#fbb0248c;width:100%;min-width:46px;height:1px;display:block}.TopupV1__bonusFrac small{letter-spacing:.24em;text-transform:uppercase;opacity:.85;margin-right:-.24em;font-size:10px;line-height:1.3}.TopupV1__bonusCalc{border-top:1px solid var(--tp-line);flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:14px;padding-top:14px;display:flex}.TopupV1__bonusCalc>span{color:var(--tp-muted);white-space:nowrap;font-size:13px;line-height:1.6}.TopupV1__calcInput{border:1px solid var(--tp-line);border-radius:10px;align-items:center;gap:4px;width:116px;height:36px;padding:0 10px;transition:border-color .2s;display:flex}.TopupV1__calcInput:focus-within{border-color:color-mix(in srgb, var(--tp-ink) 22%, transparent)}.TopupV1__calcInput small{color:var(--tp-muted);font-size:13px}.TopupV1__calcInput input{width:100%;min-width:0;height:100%;color:var(--tp-ink);font:15px var(--font-th-bold,"thai"), sans-serif;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:0;outline:0;padding:0}.TopupV1__calcInput input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.TopupV1__calcInput input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.TopupV1__calcArrow{width:16px;height:16px;color:var(--tp-muted);flex-shrink:0}.TopupV1__calcResult{color:#fbb024;font:20px/1.3 var(--font-th-bold,"thai"), sans-serif;font-variant-numeric:tabular-nums}.TopupV1__calcNormal{color:var(--tp-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}@media (max-width:639px){.TopupV1__bonusGift{width:30px;height:30px}.TopupV1__bonusGift svg{width:26px!important;height:26px!important}.TopupV1__bonusFrac strong{font-size:19px}}.TopupV1__checkoutCard{background:var(--tp-base);min-width:0;color:var(--tp-ink);box-shadow:inset 0 0 0 1px var(--tp-line);border-radius:18px;overflow:hidden}html.dark .TopupV1__checkoutCard{box-shadow:inset 0 0 0 1px var(--tp-line), inset 0 0 24px #ffffff06}.TopupV1__checkoutHeading{border-bottom:1px solid var(--tp-line);align-items:center;gap:14px;padding:20px 22px 18px;display:flex}.TopupV1__checkoutHeading>div:not(.TopupV1__headingTags){flex:1;min-width:0}.TopupV1__checkoutHeading h2{font:15.5px/1.5 var(--font-th-bold,"thai"), sans-serif;margin:0}.TopupV1__checkoutHeading p{color:var(--tp-muted);margin:1px 0 0;font-size:12px;line-height:1.6}.TopupV1__channelSymbol{background:color-mix(in srgb, var(--tp-ink) 6%, transparent);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--tp-line);color:var(--tp-icon);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.TopupV1__channelSymbol svg{width:24px!important;height:24px!important}.TopupV1__headingTags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.TopupV1__feeTag,.TopupV1__bonusTag{white-space:nowrap;border-radius:7px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;line-height:1.7;display:inline-flex}.TopupV1__feeTag{background:color-mix(in srgb, var(--tp-ink) 6%, transparent);color:var(--tp-muted)}.TopupV1__bonusTag{color:#fbb024;background:#fbb02424}.TopupV1__bonusTag svg{width:12px;height:12px}.TopupV1__checkoutCard>.TopupV1__formPanel[data-method]{box-shadow:none;background:0 0;border-radius:0;padding:22px}.TopupV1__channelNotice{color:#fbb024;background:#fbb0241a;border-radius:10px;margin:0 0 18px;padding:10px 12px;font-size:12.5px;line-height:1.7}.TopupV1__checkoutCard .TopupV1__formPanel label{font-size:12.5px!important}.TopupV1__checkoutCard .TopupV1__formPanel input:not([type=file]){min-height:50px;color:var(--tp-ink);caret-color:var(--tp-icon);transition:border-color .2s;background:color-mix(in srgb, var(--tp-ink) 3%, transparent)!important;border-color:var(--tp-line)!important;border-radius:12px!important}.TopupV1__checkoutCard .TopupV1__formPanel input:not([type=file]):focus{border-color:color-mix(in srgb, var(--tp-ink) 22%, transparent)!important}.TopupV1__checkoutCard .TopupV1__formPanel input:disabled{opacity:.6}.TopupV1__checkoutCard .TopupV1__formPanel [data-slot=button]{min-height:48px;font-family:var(--font-th-bold,"thai"), sans-serif;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .16s;box-shadow:inset 0 1px #ffffff29;border-radius:12px!important}.TopupV1__checkoutCard .TopupV1__formPanel [data-slot=button]:active:not(:disabled){transform:scale(.985)}.TopupV1__checkoutCard .TopupV1__formPanel [data-slot=button]:disabled{opacity:.45}.TopupV1__checkoutCard .TopupV1__formPanel [data-slot=button] svg{color:inherit}.TopupV1__channelSteps{border-top:1px solid var(--tp-line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.TopupV1__channelSteps li{align-items:flex-start;gap:9px;min-width:0;padding:14px 16px;display:flex}.TopupV1__channelSteps li+li{border-left:1px solid var(--tp-line)}.TopupV1__channelSteps li>span{background:color-mix(in srgb, var(--tp-ink) 6%, transparent);width:20px;height:20px;color:var(--tp-ink);font-variant-numeric:tabular-nums;border-radius:6px;flex-shrink:0;place-items:center;font-size:10.5px;display:grid}.TopupV1__channelSteps p{color:var(--tp-muted);margin:0;font-size:11.5px;line-height:1.6}.TopupV1__helpLinks{flex-wrap:wrap;justify-content:center;gap:6px 24px;margin-top:16px;display:flex}.TopupV1__helpLinks a{color:var(--tp-page-muted);align-items:center;gap:7px;font-size:12.5px;text-decoration:none;transition:color .18s;display:inline-flex}.TopupV1__helpLinks svg{width:14px;height:14px}.TopupV1__helpLinks svg:last-child{opacity:.7;transition:transform .3s cubic-bezier(.16,1,.3,1)}.TopupV1__routeStatus{min-height:200px;color:var(--tp-page-muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.TopupV1__routeStatus svg{width:18px;height:18px}.TopupV1__unavailable{text-align:center;padding:60px 0}.TopupV1__unavailable>svg{color:#fbb024;width:30px;height:30px;margin-inline:auto}.TopupV1__unavailable h1{margin:18px 0 8px;font-size:22px}.TopupV1__unavailable p{color:var(--tp-page-muted);font-size:13px}.TopupV1__unavailable>div{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.TopupV1__unavailable a{background:color-mix(in srgb, var(--tp-page-ink) 3%, transparent);min-height:38px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tp-page-ink) 9%, transparent);color:var(--tp-page-ink);border-radius:10px;align-items:center;gap:8px;padding:0 16px;font-size:12.5px;text-decoration:none;display:inline-flex}.TopupV1__unavailable a svg{width:14px;height:14px}[data-sf-card=outline] .TopupV1__checkoutCard{box-shadow:inset 0 0 0 1px var(--theme-card-border-safe,var(--tp-line))}[data-sf-card=elevated] .TopupV1__checkoutCard{box-shadow:inset 0 0 0 1px var(--tp-line), 0 12px 28px -18px #00000073}[data-sf-radius=sharp] .TopupV1__checkoutCard{border-radius:6px}[data-sf-radius=round] .TopupV1__checkoutCard{border-radius:22px}@media (hover:hover) and (pointer:fine){.TopupV1__channelTabs a:not([aria-current=page]):hover,.TopupV1__helpLinks a:hover{color:var(--tp-page-ink)}.TopupV1__helpLinks a:hover svg:last-child{transform:translate(2px,-2px)}.TopupV1__checkoutCard .TopupV1__formPanel [data-slot=button]:hover:not(:disabled){transform:translateY(-1px)}}@media (max-width:639px){.TopupV1__workspaceHeader{flex-direction:column;align-items:flex-start;gap:12px}.TopupV1__walletCompact{text-align:left;justify-items:start}.TopupV1__walletCompact strong{font-size:26px}.TopupV1__checkoutHeading{flex-wrap:wrap;padding:16px}.TopupV1__headingTags{justify-content:flex-start;width:100%;margin-top:-6px;padding-left:58px}.TopupV1__checkoutCard>.TopupV1__formPanel[data-method]{padding:18px 16px}.TopupV1__channelSteps{grid-template-columns:1fr}.TopupV1__channelSteps li+li{border-left:0;border-top:1px solid var(--tp-line)}.TopupV1__channelSteps li{padding:11px 16px}}.TopupV1__breadcrumb{background:color-mix(in srgb, var(--tp-page-ink) 3%, transparent);min-height:34px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tp-page-ink) 9%, transparent);color:var(--tp-page-muted);border-radius:12px;align-items:center;gap:12px;margin-bottom:26px;padding:4px 16px 4px 6px;font-size:12px;line-height:1.6;display:inline-flex}.TopupV1__breadcrumb a{color:inherit;text-decoration:none}.TopupV1__crumbHome{border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.TopupV1__crumbHome svg{stroke-width:1.8px;width:15px;height:15px}.TopupV1__crumbSep{background:color-mix(in srgb, var(--tp-page-ink) 26%, transparent);width:1px;height:12px;transform:rotate(20deg)}.TopupV1__breadcrumb [aria-current]{color:var(--tp-page-ink)}.TopupV1__header{margin-bottom:32px}.TopupV1__header h1,.TopupV1__detailTitle h1{font:clamp(28px, 3vw, 38px)/1.4 var(--font-th-bold,"thai"), sans-serif;letter-spacing:-.025em;margin:0}.TopupV1__header p,.TopupV1__detailTitle p{color:var(--tp-page-muted);margin:10px 0 0;font-size:13px;line-height:1.8}.TopupV1__pickerLayout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:32px;display:grid}.TopupV1__methodsArea{min-width:0}.TopupV1__sectionHeading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.TopupV1__sectionHeading h2{font:14px/1.5 var(--font-th-bold,"thai"), sans-serif;align-items:center;gap:8px;margin:0;display:flex}.TopupV1__sectionHeading h2 svg{width:17px;height:17px;color:var(--tp-icon)}.TopupV1__sectionHeading>span{color:var(--tp-page-muted);font-size:11px}.TopupV1__methodGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.TopupV1__method,.TopupV1__balanceCard,.TopupV1__guide,.TopupV1__calculator,.TopupV1__formPanel,.TopupV1__bonusBanner{background:var(--tp-surface);color:var(--tp-ink);border-radius:var(--sf-radius-lg,14px);box-shadow:inset 0 -1px 0 var(--tp-line);border:0}.TopupV1__method{text-align:left;cursor:pointer;flex-direction:column;min-width:0;padding:24px;font-family:inherit;transition:background-color .18s;display:flex}.TopupV1__methodTop{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.TopupV1__methodIcon{background:var(--tp-tint);width:48px;height:48px;color:var(--tp-icon);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.TopupV1__methodIcon svg{stroke-width:1.5px;width:25px;height:25px}.TopupV1__methodName{font:18px/1.5 var(--font-th-bold,"thai"), sans-serif;overflow-wrap:anywhere}.TopupV1__methodDescription{color:var(--tp-muted);margin-top:7px;font-size:12px;line-height:1.8;display:block}.TopupV1__methodBottom{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:auto;padding-top:22px;display:flex}.TopupV1__fee{color:var(--tp-muted);align-items:center;gap:6px;font-size:11px;line-height:1.6;display:inline-flex}.TopupV1__fee svg{width:13px;height:13px;color:var(--tp-icon);flex-shrink:0}.TopupV1__methodArrow{background:color-mix(in srgb, var(--tp-ink) 7%, var(--tp-base));width:36px;height:36px;color:var(--tp-icon);border-radius:50%;flex-shrink:0;place-items:center;transition:transform .25s,background-color .18s;display:grid}.TopupV1__methodArrow svg{width:16px;height:16px}.TopupV1__method:disabled{cursor:not-allowed;opacity:.6}.TopupV1__method:disabled .TopupV1__methodArrow{visibility:hidden}.TopupV1__bonusTag{background:var(--tp-tint);color:var(--tp-ink);border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;display:inline-flex}.TopupV1__bonusTag svg{width:12px;height:12px;color:var(--tp-icon)}.TopupV1__walletAside{padding-top:39px}.TopupV1__balanceCard{padding:24px;position:relative;overflow:hidden}.TopupV1__balanceLabel{color:var(--tp-muted);align-items:center;gap:9px;font-size:12px;display:flex}.TopupV1__balanceLabel svg{width:18px;height:18px;color:var(--tp-icon)}.TopupV1__balance{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:20px;display:flex}.TopupV1__balance>span{color:var(--tp-muted);font-size:19px}.TopupV1__balance strong{font:32px/1.3 var(--font-th-bold,"thai"), sans-serif;letter-spacing:-.025em;overflow-wrap:anywhere}.TopupV1__balanceCard>p{color:var(--tp-muted);margin:8px 0 28px;font-size:11px;position:relative}.TopupV1__historyLink{z-index:1;border-top:1px solid var(--tp-line);min-height:42px;color:var(--tp-ink);align-items:center;gap:8px;padding-top:16px;font-size:12px;text-decoration:none;display:flex;position:relative}.TopupV1__historyLink svg{width:15px;height:15px;color:var(--tp-icon)}.TopupV1__historyLink svg:last-child{margin-left:auto}.TopupV1__walletWatermark{width:110px;height:110px;color:color-mix(in srgb, var(--tp-ink) 6%, transparent);stroke-width:1px;pointer-events:none;position:absolute;bottom:45px;right:-18px;transform:rotate(-16deg)}.TopupV1__walletNote{color:var(--tp-page-muted);gap:9px;margin-top:17px;display:flex}.TopupV1__walletNote svg{flex-shrink:0;width:15px;height:15px;margin-top:3px}.TopupV1__walletNote p{margin:0;font-size:11px;line-height:1.8}.TopupV1__detailHeader{margin-bottom:28px}.TopupV1__back{min-height:40px;color:var(--tp-page-muted);font:12px var(--font-th-regular,"thai-rg"), sans-serif;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-bottom:24px;padding:0;display:inline-flex}.TopupV1__back svg{width:15px;height:15px}.TopupV1__detailTitle{align-items:center;gap:18px;display:flex}.TopupV1__detailTitle h1{font-size:clamp(24px,3vw,32px)}.TopupV1__detailTitle .TopupV1__methodIcon{width:56px;height:56px}.TopupV1__progress{flex-wrap:wrap;align-items:center;gap:18px;margin:26px 0 0;padding:0;list-style:none;display:flex}.TopupV1__progress li{color:var(--tp-page-muted);align-items:center;gap:9px;font-size:11px;display:flex}.TopupV1__progress li>span{background:var(--tp-surface);width:24px;height:24px;color:var(--tp-muted);border-radius:50%;place-items:center;font-size:10px;display:grid}.TopupV1__progress svg{width:12px;height:12px}.TopupV1__progress [aria-current=step]{color:var(--tp-page-ink)}.TopupV1__progress [aria-current=step]>span{background:var(--tp-tint);color:var(--tp-icon)}.TopupV1__formPanel{min-width:0;padding:28px}.TopupV1__formPanel input{font-family:inherit}.TopupV1__paymentAside{top:calc(var(--v1-nav-bottom,88px) + 24px);position:sticky}.TopupV1__guide{padding:24px}.TopupV1__guide h2,.TopupV1__guide h3{font:14px/1.5 var(--font-th-bold,"thai"), sans-serif;margin:0}.TopupV1__guide dl{border-bottom:1px solid var(--tp-line);margin:18px 0 24px;padding-bottom:20px}.TopupV1__guide dl>div{justify-content:space-between;gap:12px;margin-top:12px;font-size:12px;display:flex}.TopupV1__guide dt{color:var(--tp-muted)}.TopupV1__guide dd{margin:0}.TopupV1__guide ol{gap:18px;margin:18px 0 0;padding:0;list-style:none;display:grid}.TopupV1__guide li{align-items:flex-start;gap:10px;display:flex}.TopupV1__guide li>span{background:var(--tp-tint);width:23px;height:23px;color:var(--tp-icon);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;display:grid}.TopupV1__guide li p{color:var(--tp-muted);margin:0;font-size:12px;line-height:1.8}.TopupV1__guideHistory{border-top:1px solid var(--tp-line);color:var(--tp-ink);align-items:center;gap:8px;margin-top:24px;padding-top:18px;font-size:11px;text-decoration:none;display:flex}.TopupV1__guideHistory svg{width:14px;height:14px;color:var(--tp-icon)}.TopupV1__guideHistory svg:last-child{margin-left:auto}.TopupV1__bonusBanner{align-items:center;gap:16px;margin-bottom:28px;padding:20px 24px;display:flex}.TopupV1__bonusBanner>svg{width:24px;height:24px;color:var(--tp-icon);flex-shrink:0}.TopupV1__bonusBanner h2{font:16px var(--font-th-bold,"thai"), sans-serif;margin:0}.TopupV1__bonusBanner p{color:var(--tp-muted);margin:6px 0 0;font-size:12px}.TopupV1__bonusMultiplier{font:30px var(--font-th-bold,"thai"), sans-serif;color:var(--tp-icon);margin-left:auto}.TopupV1__calculator{margin-top:24px;padding:24px}.TopupV1__calculator>p{color:var(--tp-muted);font-size:12px;line-height:1.8}.TopupV1__calculatorRow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;margin-top:18px;font-size:12px;display:grid}.TopupV1__calculatorRow input{border:1px solid var(--tp-line);background:var(--tp-base);width:100%;min-width:0;height:46px;color:var(--tp-ink);font:18px var(--font-th-regular,"thai-rg"), sans-serif;border-radius:10px;margin-top:8px;padding:0 12px;display:block}.TopupV1__calculatorRow>svg{width:18px;color:var(--tp-icon)}.TopupV1__calculatorRow strong,.TopupV1__calculatorRow small{margin-top:6px;display:block}.TopupV1__calculatorRow strong{font:20px var(--font-th-bold,"thai"), sans-serif}.TopupV1__calculatorRow small{color:var(--tp-muted)}.TopupV1__calculator .TopupV1__calculatorNote{margin:18px 0 0;font-size:10px}.TopupV1__empty{text-align:center;padding:36px 18px}.TopupV1__empty>svg{color:var(--tp-accent);margin-inline:auto}.TopupV1__empty h3{margin-top:16px;font-size:15px}.TopupV1__empty p{color:var(--tp-page-muted);font-size:12px}.TopupV1__page a:focus-visible,.TopupV1__page button:focus-visible,.TopupV1__page input:focus-visible{outline:2px solid var(--sf-focus,var(--tp-accent));outline-offset:3px}[data-sf-card=outline] :is(.TopupV1__method,.TopupV1__balanceCard,.TopupV1__guide,.TopupV1__calculator,.TopupV1__formPanel,.TopupV1__bonusBanner){background:var(--tp-base);box-shadow:inset 0 0 0 1px var(--theme-card-border-safe,var(--tp-line))}[data-sf-card=elevated] :is(.TopupV1__method,.TopupV1__balanceCard,.TopupV1__guide,.TopupV1__calculator,.TopupV1__formPanel,.TopupV1__bonusBanner){box-shadow:0 12px 28px -18px #00000073}[data-sf-radius=sharp] :is(.TopupV1__method,.TopupV1__balanceCard,.TopupV1__guide,.TopupV1__calculator,.TopupV1__formPanel,.TopupV1__bonusBanner){border-radius:6px}[data-sf-radius=round] :is(.TopupV1__method,.TopupV1__balanceCard,.TopupV1__guide,.TopupV1__calculator,.TopupV1__formPanel,.TopupV1__bonusBanner){border-radius:22px}@media (hover:hover) and (pointer:fine){.TopupV1__method:enabled:hover{background:var(--tp-hover)}.TopupV1__method:enabled:hover .TopupV1__methodArrow{background:var(--tp-tint);transform:translate(2px,-2px)}.TopupV1__historyLink:hover,.TopupV1__guideHistory:hover{color:var(--tp-icon)}}@media (max-width:1023px){.TopupV1__pickerLayout{grid-template-columns:minmax(0,1fr) 270px;gap:24px}.TopupV1__method{padding:20px}.TopupV1__paymentAside{position:static}.TopupV1__methodName{font-size:16px}.TopupV1__balance strong{font-size:28px}}@media (max-width:767px){.TopupV1__pickerLayout{grid-template-columns:1fr}.TopupV1__walletAside{grid-row:1;padding-top:0}.TopupV1__balanceCard{padding:20px}.TopupV1__balance{margin-top:12px}.TopupV1__balanceCard>p{margin-bottom:16px}.TopupV1__walletNote{display:none}.TopupV1__methodGrid{gap:14px}.TopupV1__progress{gap:10px}.TopupV1__progress li{gap:6px;font-size:10px}.TopupV1__formPanel{padding:22px}}@media (max-width:540px){.TopupV1__page{padding:20px 16px 48px}.TopupV1__header{margin-bottom:24px}.TopupV1__header h1{font-size:28px}.TopupV1__methodGrid{grid-template-columns:1fr}.TopupV1__method{padding:20px}.TopupV1__methodTop{margin-bottom:14px}.TopupV1__methodBottom{padding-top:14px}.TopupV1__methodName{font-size:18px}.TopupV1__methodDescription{font-size:12px}.TopupV1__calculatorRow{grid-template-columns:1fr;gap:16px}.TopupV1__calculatorRow>svg{display:none}.TopupV1__bonusBanner{padding:18px}.TopupV1__bonusMultiplier{font-size:24px}.TopupV1__detailTitle{align-items:flex-start;gap:12px}.TopupV1__progress li>svg{display:none}.TopupV1__formPanel{padding:20px 16px}}@media (prefers-reduced-motion:reduce){.TopupV1__method,.TopupV1__methodArrow{transition:none}}.TopupV1__shell [data-channel=truemoney]{--ch:#fb923c;--ch-strong:#ea580c}.TopupV1__shell [data-channel=automatic_promptpay]{--ch:#38bdf8;--ch-strong:#0284c7}.TopupV1__shell [data-channel=plernpay]{--ch:#4ade80;--ch-strong:#16a34a}.TopupV1__shell [data-channel=slip]{--ch:#60a5fa;--ch-strong:#2563eb}.TopupV1__shell [data-channel=code]{--ch:#c084fc;--ch-strong:#9333ea}.TopupV1__channelTabs a[aria-current=page] svg,.TopupV1__channelTabs a:hover svg{color:var(--ch,var(--tp-icon))}.TopupV1__checkoutCard{position:relative}.TopupV1__checkoutCard:before{content:"";background:var(--ch,var(--tp-icon));border-radius:0 0 2px 2px;width:44px;height:2px;position:absolute;top:0;left:22px}.TopupV1__checkoutCard .TopupV1__channelSymbol{color:var(--ch,var(--tp-icon));background:color-mix(in srgb, var(--ch,var(--tp-icon)) 13%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ch,var(--tp-icon)) 28%, transparent)}.TopupV1__checkoutCard .TopupV1__formPanel{--tp-action:var(--ch-strong,var(--tp-accent))}.TopupV1__checkoutCard .TopupV1__formPanel [data-slot=button][style*=--tp-action]:not(:disabled){color:#fff!important}.TopupV1__checkoutCard .TopupV1__formPanel [data-slot=button]:disabled{background:color-mix(in srgb, var(--tp-ink) 8%, transparent)!important;color:var(--tp-muted)!important}.TopupV1__walletCompact>span{align-items:center;gap:6px;display:inline-flex}.TopupV1__walletCompact>span svg{color:#34d399;width:14px;height:14px}.TopupV1__helpLinks a[data-tone=history] svg:first-child{color:#38bdf8}.TopupV1__helpLinks a[data-tone=contact] svg:first-child{color:#34d399}html:not(.dark) .TopupV1__shell [data-channel=truemoney]{--ch:#ea580c}html:not(.dark) .TopupV1__shell [data-channel=automatic_promptpay]{--ch:#0284c7}html:not(.dark) .TopupV1__shell [data-channel=plernpay]{--ch:#16a34a}html:not(.dark) .TopupV1__shell [data-channel=slip]{--ch:#2563eb}html:not(.dark) .TopupV1__shell [data-channel=code]{--ch:#9333ea}.TopupHistoryV1__page,.TopupHistoryV1__receipt{--th-base:var(--theme-card-bg-safe,var(--theme-sec,#101012));--th-ink:var(--sf-text,var(--theme-text-safe,#f5f5f5));--th-muted:var(--sf-text-2,var(--theme-text-muted-safe,#a3a3a3));--th-accent:var(--sf-accent,var(--theme-main,#ee344d));--th-line:color-mix(in srgb, var(--th-ink) 9%, transparent);--th-in:#4ade80;font-family:var(--font-th-regular,"thai-rg"), sans-serif;color:var(--th-ink)}.TopupHistoryV1__page{min-height:75vh;padding:32px 24px 72px}.TopupHistoryV1__container{max-width:var(--home-width,1148px);margin-inline:auto}.TopupHistoryV1__breadcrumb{background:color-mix(in srgb, var(--th-ink) 3%, transparent);min-height:34px;box-shadow:inset 0 0 0 1px var(--th-line);color:var(--th-muted);border-radius:12px;align-items:center;gap:12px;margin-bottom:26px;padding:4px 16px 4px 6px;font-size:12px;line-height:1.6;display:inline-flex}.TopupHistoryV1__breadcrumb a{color:inherit;text-decoration:none}.TopupHistoryV1__breadcrumb [aria-current]{color:var(--th-ink)}.TopupHistoryV1__crumbHome{border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.TopupHistoryV1__crumbHome svg{stroke-width:1.8px;width:15px;height:15px}.TopupHistoryV1__crumbSep{background:color-mix(in srgb, var(--th-ink) 26%, transparent);width:1px;height:12px;transform:rotate(20deg)}.TopupHistoryV1__header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.TopupHistoryV1__header h1{font:clamp(26px, 2.6vw, 32px)/1.4 var(--font-th-bold,"thai"), sans-serif;letter-spacing:-.02em;margin:0}.TopupHistoryV1__header p{color:var(--th-muted);margin:2px 0 0;font-size:13px;line-height:1.8}.TopupHistoryV1__topup,.TopupHistoryV1__button{border:1px solid var(--th-line);background:color-mix(in srgb, var(--th-ink) 3%, transparent);min-height:38px;color:var(--th-ink);font:12.5px/1.6 var(--font-th-regular,"thai-rg"), sans-serif;cursor:pointer;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:0 14px;text-decoration:none;transition:background-color .18s,border-color .18s;display:inline-flex}.TopupHistoryV1__topup svg{color:#34d399;width:15px;height:15px}.TopupHistoryV1__button svg{width:14px;height:14px}.TopupHistoryV1__summary{border:1px solid var(--th-line);background:var(--th-line);background-clip:padding-box;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:30px;display:grid;overflow:hidden}.TopupHistoryV1__stat{--tone:var(--th-muted);background:var(--th-base);align-items:center;gap:12px;min-width:0;padding:16px 18px;display:flex}.TopupHistoryV1__stat[data-tone=wallet]{--tone:#34d399}.TopupHistoryV1__stat[data-tone=in]{--tone:#38bdf8}.TopupHistoryV1__stat[data-tone=time]{--tone:#fbb024}.TopupHistoryV1__statIcon{background:color-mix(in srgb, var(--tone) 13%, transparent);width:34px;height:34px;color:var(--tone);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.TopupHistoryV1__statIcon svg{width:16px;height:16px}.TopupHistoryV1__stat>div{min-width:0}.TopupHistoryV1__stat p{color:var(--th-muted);margin:0;font-size:11.5px;line-height:1.6}.TopupHistoryV1__stat strong{color:var(--th-ink);font:22px/1.35 var(--font-th-light,var(--font-th-regular,"thai-rg")), sans-serif;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;font-weight:var(--font-th-light-weight,400)!important}.TopupHistoryV1__stat strong small,.TopupHistoryV1__stat strong em{color:var(--th-muted);font-size:14px;font-style:normal}.TopupHistoryV1__stat strong small{margin-right:3px}.TopupHistoryV1__stat .TopupHistoryV1__statDate{font:14px/1.9 var(--font-th-regular,"thai-rg"), sans-serif;letter-spacing:0}.TopupHistoryV1__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-bottom:10px;display:flex}.TopupHistoryV1__listTitle{align-items:center;gap:9px;display:flex}.TopupHistoryV1__listTitle>svg{color:#fbb024;width:17px;height:17px}.TopupHistoryV1__listTitle h2{font:17px/1.5 var(--font-th-bold,"thai"), sans-serif;margin:0}.TopupHistoryV1__listTitle>span{color:#38bdf8;font-variant-numeric:tabular-nums;background:#38bdf821;border-radius:7px;padding:0 8px;font-size:11px;line-height:1.8}.TopupHistoryV1__search{border:1px solid var(--th-line);background:var(--th-base);width:280px;min-height:40px;color:var(--th-ink);border-radius:11px;align-items:center;gap:9px;padding:0 12px;transition:border-color .2s;display:flex}.TopupHistoryV1__search:focus-within{border-color:color-mix(in srgb, var(--th-ink) 22%, transparent)}.TopupHistoryV1__search>svg{width:15px;height:15px;color:var(--th-muted);flex-shrink:0}.TopupHistoryV1__search input{width:100%;min-width:0;min-height:38px;color:inherit;font:12.5px var(--font-th-regular,"thai-rg"), sans-serif;caret-color:var(--th-accent);background:0 0;border:0;outline:0}.TopupHistoryV1__search input::placeholder{color:var(--th-muted);opacity:1}.TopupHistoryV1__search input::-webkit-search-cancel-button{display:none}.TopupHistoryV1__search button{color:var(--th-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.TopupHistoryV1__search button svg{width:14px;height:14px}.TopupHistoryV1__filters{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:16px;display:flex}.TopupHistoryV1__filters button{--ch:color-mix(in srgb, var(--th-ink) 40%, transparent);min-height:32px;color:var(--th-muted);font:12.5px/1.6 var(--font-th-regular,"thai-rg"), sans-serif;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:0 11px;transition:background-color .18s,color .18s;display:inline-flex}.TopupHistoryV1__filters button[aria-pressed=true]{background:color-mix(in srgb, var(--th-ink) 8%, transparent);color:var(--th-ink)}.TopupHistoryV1__bar{background:var(--ch);border-radius:1px;flex-shrink:0;width:2px;height:12px}.TopupHistoryV1__tile[data-channel=truemoney],.TopupHistoryV1__filters [data-channel=truemoney]{--ch:#fb923c}.TopupHistoryV1__tile[data-channel=automatic_promptpay],.TopupHistoryV1__filters [data-channel=automatic_promptpay]{--ch:#38bdf8}.TopupHistoryV1__tile:is([data-channel=plernpay],[data-channel=legacy_qr]),.TopupHistoryV1__filters :is([data-channel=plernpay],[data-channel=legacy_qr]){--ch:#4ade80}.TopupHistoryV1__tile[data-channel=slip],.TopupHistoryV1__filters [data-channel=slip]{--ch:#60a5fa}.TopupHistoryV1__tile[data-channel=code],.TopupHistoryV1__filters [data-channel=code]{--ch:#c084fc}.TopupHistoryV1__tile{--ch:var(--th-muted);background:color-mix(in srgb, var(--ch) 13%, transparent);width:38px;height:38px;color:var(--ch);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.TopupHistoryV1__tile svg{width:20px;height:20px}.TopupHistoryV1__tile svg *{animation-delay:-1.75s}.TopupHistoryV1__row:not(:hover) .TopupHistoryV1__tile svg *{animation-name:none}.TopupHistoryV1__row:not(:hover) .TopupHistoryV1__tile svg:is([data-glyph=automatic_promptpay],[data-glyph=plernpay])>path:last-child{opacity:0}.TopupHistoryV1__columns,.TopupHistoryV1__row{grid-template-columns:minmax(0,1fr) 190px 150px 26px;align-items:center;gap:20px;display:grid}.TopupHistoryV1__columns{color:var(--th-muted);padding:0 16px 8px;font-size:11px}.TopupHistoryV1__columns>span:nth-child(3){text-align:right}.TopupHistoryV1__list{background:var(--th-base);box-shadow:inset 0 0 0 1px var(--th-line);border-radius:16px;overflow:hidden}.TopupHistoryV1__row{width:100%;color:var(--th-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;padding:12px 16px;transition:background-color .18s}.TopupHistoryV1__row+.TopupHistoryV1__row{border-top:1px solid var(--th-line)}.TopupHistoryV1__row:focus-visible,.TopupHistoryV1__page a:focus-visible,.TopupHistoryV1__receipt :is(button,a):focus-visible{outline:2px solid var(--sf-focus,var(--th-accent));outline-offset:-2px}.TopupHistoryV1__name{align-items:center;gap:12px;min-width:0;display:flex}.TopupHistoryV1__name>div{min-width:0}.TopupHistoryV1__name h3{font:13.5px/1.6 var(--font-th-bold,"thai"), sans-serif;align-items:center;gap:6px;margin:0;display:flex}.TopupHistoryV1__name p{color:var(--th-muted);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;margin:0;font-size:11.5px;line-height:1.6;overflow:hidden}.TopupHistoryV1__bonus{color:#fbb024;font:10.5px/1.7 var(--font-th-regular,"thai-rg"), sans-serif;font-variant-numeric:tabular-nums;background:#fbb02421;border-radius:6px;padding:0 6px;display:inline-block}.TopupHistoryV1__date{color:var(--th-muted);font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:12px;line-height:1.8;display:flex}.TopupHistoryV1__date svg{color:#38bdf8;flex-shrink:0;width:13px;height:13px}.TopupHistoryV1__amount{color:var(--th-in);font:16px/1.5 var(--font-th-regular,"thai-rg"), sans-serif;letter-spacing:-.01em;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:400}.TopupHistoryV1__amount small{margin:0 1px;font-size:13px}.TopupHistoryV1__amount em{opacity:.72;font-size:13px;font-style:normal}.TopupHistoryV1__arrow{width:26px;height:26px;color:var(--th-muted);border-radius:8px;place-items:center;transition:color .2s;display:grid}.TopupHistoryV1__arrow svg{width:15px;height:15px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.TopupHistoryV1__pagination{color:var(--th-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;font-size:12px;display:flex}.TopupHistoryV1__pagination>div{align-items:center;gap:10px;display:flex}.TopupHistoryV1__pagination button{border:1px solid var(--th-line);width:34px;height:34px;color:var(--th-ink);cursor:pointer;background:0 0;border-radius:10px;place-items:center;transition:background-color .18s;display:grid}.TopupHistoryV1__pagination button:disabled{opacity:.4;cursor:not-allowed}.TopupHistoryV1__pagination svg{width:15px;height:15px}.TopupHistoryV1__empty{background:var(--th-base);box-shadow:inset 0 0 0 1px var(--th-line);color:var(--th-muted);text-align:center;border-radius:16px;justify-items:center;padding:40px 20px;display:grid}.TopupHistoryV1__emptyIcon{color:#fbb024;background:#fbb02421;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.TopupHistoryV1__emptyIcon svg{width:18px;height:18px}.TopupHistoryV1__empty h2{color:var(--th-ink);font:16px/1.5 var(--font-th-bold,"thai"), sans-serif;margin:12px 0 0}.TopupHistoryV1__empty p{margin:4px 0 16px;font-size:12px}.TopupHistoryV1__empty[role=status] p{margin-top:12px;margin-bottom:0}.TopupHistoryV1__overlay{z-index:10050;background:#000000a8;position:fixed;inset:0}.TopupHistoryV1__overlay[data-state=open]{animation:.22s ease-out TopupHistoryV1__thFade}.TopupHistoryV1__receipt{z-index:10051;overscroll-behavior:contain;border:1px solid var(--th-line);background:var(--th-base);scrollbar-width:thin;scrollbar-color:var(--th-line) transparent;border-radius:18px;width:min(440px,100vw - 32px);height:fit-content;max-height:calc(100dvh - 40px);margin:auto;position:fixed;inset:0;overflow-y:auto}.TopupHistoryV1__receipt[data-state=open]{animation:.36s cubic-bezier(.16,1,.3,1) TopupHistoryV1__thRise}@keyframes TopupHistoryV1__thFade{0%{opacity:0}}@keyframes TopupHistoryV1__thRise{0%{opacity:0;transform:translateY(10px)scale(.98)}}.TopupHistoryV1__receiptHeader{border-bottom:1px solid var(--th-line);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px 14px 20px;display:flex}.TopupHistoryV1__receiptHeader h2{font:15.5px/1.5 var(--font-th-bold,"thai"), sans-serif;margin:0}.TopupHistoryV1__receiptHeader p{color:var(--th-muted);font-variant-numeric:tabular-nums;margin:0;font-size:11.5px;line-height:1.6}.TopupHistoryV1__close{border:1px solid var(--th-line);width:30px;height:30px;color:var(--th-muted);cursor:pointer;background:0 0;border-radius:9px;flex-shrink:0;place-items:center;transition:color .18s,background-color .18s;display:grid}.TopupHistoryV1__close svg{width:15px;height:15px}.TopupHistoryV1__receiptTotal{flex-direction:column;align-items:center;padding:22px 20px 18px;display:flex}.TopupHistoryV1__receiptTotal .TopupHistoryV1__tile{border-radius:13px;width:44px;height:44px}.TopupHistoryV1__receiptTotal .TopupHistoryV1__tile svg{width:22px;height:22px}.TopupHistoryV1__receiptTotal p{color:var(--th-muted);margin:10px 0 0;font-size:11.5px}.TopupHistoryV1__receiptTotal strong{color:var(--th-in);font:34px/1.35 var(--font-th-light,var(--font-th-regular,"thai-rg")), sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:var(--font-th-light-weight,400)!important}.TopupHistoryV1__receiptTotal strong small{margin:0 2px;font-size:20px}.TopupHistoryV1__receiptTotal strong em{opacity:.72;font-size:20px;font-style:normal}.TopupHistoryV1__status{color:var(--th-in);background:#4ade8021;border-radius:7px;align-items:center;gap:5px;margin-top:6px;padding:1px 9px 1px 7px;font-size:11.5px;line-height:1.7;display:inline-flex}.TopupHistoryV1__status svg{width:13px;height:13px}.TopupHistoryV1__details{border-top:1px solid var(--th-line);gap:10px;margin:0 20px;padding:14px 0;display:grid}.TopupHistoryV1__details>div{grid-template-columns:110px minmax(0,1fr);gap:14px;font-size:12.5px;line-height:1.7;display:grid}.TopupHistoryV1__details dt{color:var(--th-muted);align-items:center;gap:6px;display:flex}.TopupHistoryV1__details dd{text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}.TopupHistoryV1__reference{justify-content:flex-end;align-items:center;gap:6px;display:flex}.TopupHistoryV1__reference span{overflow-wrap:anywhere;min-width:0}.TopupHistoryV1__reference button{border:1px solid var(--th-line);width:26px;height:26px;color:var(--th-muted);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;place-items:center;transition:color .18s;display:grid}.TopupHistoryV1__reference svg{width:13px;height:13px}.TopupHistoryV1__bonusValue{color:#fbb024}.TopupHistoryV1__flow{background:color-mix(in srgb, var(--th-ink) 3%, transparent);box-shadow:inset 0 0 0 1px var(--th-line);border-radius:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:0 20px;padding:12px 14px;display:grid}.TopupHistoryV1__flow>div{gap:1px;min-width:0;display:grid}.TopupHistoryV1__flow>div:last-child{text-align:right}.TopupHistoryV1__flow span{color:var(--th-muted);font-size:11px;line-height:1.6}.TopupHistoryV1__flow b{overflow-wrap:anywhere;font:13px/1.6 var(--font-th-bold,"thai"), sans-serif;font-variant-numeric:tabular-nums}.TopupHistoryV1__flow>svg{width:15px;height:15px;color:var(--th-muted)}.TopupHistoryV1__receiptClose{border:1px solid var(--th-line);width:calc(100% - 40px);min-height:42px;color:var(--th-ink);font:12.5px/1.6 var(--font-th-bold,"thai"), sans-serif;cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;margin:16px 20px 20px;transition:background-color .18s;display:flex}html.dark :is(.TopupHistoryV1__list,.TopupHistoryV1__empty){box-shadow:inset 0 0 0 1px var(--th-line), inset 0 0 24px #ffffff06}html.dark .TopupHistoryV1__receipt,html.dark .TopupHistoryV1__receipt:focus{box-shadow:inset 0 0 24px #ffffff06,0 24px 60px -24px #000000b3!important}:is(html:not(.dark) .TopupHistoryV1__page,html:not(.dark) .TopupHistoryV1__receipt){--th-in:#15803d}html:not(.dark) .TopupHistoryV1__stat[data-tone=wallet]{--tone:#059669}html:not(.dark) .TopupHistoryV1__stat[data-tone=in]{--tone:#0284c7}html:not(.dark) .TopupHistoryV1__stat[data-tone=time]{--tone:#b45309}html:not(.dark) :is(.TopupHistoryV1__listTitle>svg,.TopupHistoryV1__emptyIcon,.TopupHistoryV1__bonus,.TopupHistoryV1__bonusValue){color:#b45309}html:not(.dark) .TopupHistoryV1__date svg{color:#0284c7}html:not(.dark) .TopupHistoryV1__listTitle>span{color:#0369a1}html:not(.dark) :is(.TopupHistoryV1__amount,.TopupHistoryV1__receiptTotal strong) em{opacity:1}html:not(.dark) .TopupHistoryV1__topup svg{color:#059669}:is(html:not(.dark) .TopupHistoryV1__tile[data-channel=truemoney],html:not(.dark) .TopupHistoryV1__filters [data-channel=truemoney]){--ch:#ea580c}:is(html:not(.dark) .TopupHistoryV1__tile[data-channel=automatic_promptpay],html:not(.dark) .TopupHistoryV1__filters [data-channel=automatic_promptpay]){--ch:#0284c7}:is(html:not(.dark) .TopupHistoryV1__tile:is([data-channel=plernpay],[data-channel=legacy_qr]),html:not(.dark) .TopupHistoryV1__filters :is([data-channel=plernpay],[data-channel=legacy_qr])){--ch:#16a34a}:is(html:not(.dark) .TopupHistoryV1__tile[data-channel=slip],html:not(.dark) .TopupHistoryV1__filters [data-channel=slip]){--ch:#2563eb}:is(html:not(.dark) .TopupHistoryV1__tile[data-channel=code],html:not(.dark) .TopupHistoryV1__filters [data-channel=code]){--ch:#9333ea}@media (hover:hover) and (pointer:fine){.TopupHistoryV1__row:hover{background:color-mix(in srgb, var(--th-ink) 3%, transparent)}.TopupHistoryV1__row:hover .TopupHistoryV1__arrow{color:var(--th-ink)}.TopupHistoryV1__row:hover .TopupHistoryV1__arrow svg{transform:translate(2px,-2px)}.TopupHistoryV1__filters button:not([aria-pressed=true]):hover{color:var(--th-ink)}:is(.TopupHistoryV1__topup,.TopupHistoryV1__button,.TopupHistoryV1__receiptClose):hover{background:color-mix(in srgb, var(--th-ink) 6%, transparent);border-color:color-mix(in srgb, var(--th-ink) 16%, transparent)}:is(.TopupHistoryV1__close,.TopupHistoryV1__reference button):hover{color:var(--th-ink);background:color-mix(in srgb, var(--th-ink) 5%, transparent)}.TopupHistoryV1__pagination button:not(:disabled):hover{background:color-mix(in srgb, var(--th-ink) 5%, transparent)}}@media (max-width:900px){.TopupHistoryV1__columns,.TopupHistoryV1__row{grid-template-columns:minmax(0,1fr) 160px 130px 26px;gap:14px}}@media (max-width:767px){.TopupHistoryV1__search{width:100%}.TopupHistoryV1__columns{display:none}.TopupHistoryV1__row{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px}.TopupHistoryV1__name{grid-area:1/1}.TopupHistoryV1__amount{grid-area:1/2}.TopupHistoryV1__date{grid-area:2/1/auto/-1;margin-left:50px;font-size:11.5px}.TopupHistoryV1__arrow{display:none}.TopupHistoryV1__filters{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.TopupHistoryV1__filters::-webkit-scrollbar{display:none}.TopupHistoryV1__summary{grid-template-columns:1fr}.TopupHistoryV1__stat{padding:10px 14px}.TopupHistoryV1__stat>div{flex:1;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.TopupHistoryV1__stat strong{font-size:18px}.TopupHistoryV1__stat .TopupHistoryV1__statDate{font-size:12.5px}.TopupHistoryV1__statIcon{border-radius:9px;width:30px;height:30px}.TopupHistoryV1__statIcon svg{width:14px;height:14px}}@media (max-width:600px){.TopupHistoryV1__page{padding:20px 16px 48px}.TopupHistoryV1__pagination{font-size:11.5px}.TopupHistoryV1__details>div{grid-template-columns:92px minmax(0,1fr);gap:10px;font-size:12px}}@media (max-width:420px){.TopupHistoryV1__header{flex-direction:column;align-items:flex-start;gap:12px}}