<
!doctype html >
<
html class = "js"
lang = "en" >
<
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://hackstoreshoes.myshopify.com/" > < link rel = "preconnect"
href = "https://fonts.shopifycdn.com"
crossorigin > < title >
Hack Store <
/title>
<
meta property = "og:site_name"
content = "Hack Store" >
<
meta property = "og:url"
content = "https://hackstoreshoes.myshopify.com/" >
<
meta property = "og:title"
content = "Hack Store" >
<
meta property = "og:type"
content = "website" >
<
meta property = "og:description"
content = "Hack Store" > < meta name = "twitter:card"
content = "summary_large_image" >
<
meta name = "twitter:title"
content = "Hack Store" >
<
meta name = "twitter:description"
content = "Hack Store" >
<
script src = "//hackstoreshoes.myshopify.com/cdn/shop/t/3/assets/constants.js?v=132983761750457495441731048938"
defer = "defer" > < /script> <
script src = "//hackstoreshoes.myshopify.com/cdn/shop/t/3/assets/pubsub.js?v=158357773527763999511731048940"
defer = "defer" > < /script> <
script src = "//hackstoreshoes.myshopify.com/cdn/shop/t/3/assets/global.js?v=152862011079830610291731048938"
defer = "defer" > < /script> <
script src = "//hackstoreshoes.myshopify.com/cdn/shop/t/3/assets/details-disclosure.js?v=13653116266235556501731048938"
defer = "defer" > < /script> <
script src = "//hackstoreshoes.myshopify.com/cdn/shop/t/3/assets/details-modal.js?v=25581673532751508451731048938"
defer = "defer" > < /script> <
script src = "//hackstoreshoes.myshopify.com/cdn/shop/t/3/assets/search-form.js?v=133129549252120666541731048940"
defer = "defer" > < /script> <
script async = "async"
src = "/checkouts/internal/preloads.js?locale=en-ID" > < /script> <
script id = "shopify-features"
type = "application/json" > {
"accessToken": "7528545b9402168b60d4f6787c4dc700",
"betas": ["rich-media-storefront-analytics"],
"domain": "hackstoreshoes.myshopify.com",
"predictiveSearch": true,
"shopId": 66085388381,
"smart_payment_buttons_url": "https:\/\/hackstoreshoes.myshopify.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js",
"dynamic_checkout_cart_url": "https:\/\/hackstoreshoes.myshopify.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js",
"locale": "en"
} < /script> <
script >
var Shopify = Shopify || {};
Shopify.shop = "8s1qmf-dv.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {
"active": "IDR",
"rate": "1.0"
};
Shopify.country = "ID";
Shopify.theme = {
"name": "Dawn",
"id": 137333964893,
"schema_name": "Dawn",
"schema_version": "15.2.0",
"theme_store_id": 887,
"role": "main"
};
Shopify.theme.handle = "null";
Shopify.theme.style = {
"id": null,
"handle": null
};
Shopify.cdnHost = "hackstoreshoes.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-analytics"
type = "application/json" > {
"pageType": "index"
} < /script> <
script id = "__st" >
var __st = {
"a": 66085388381,
"offset": 25200,
"reqid": "6660fe4b-4839-4a16-b5f4-ebae3d14b896-1731052737",
"pageurl": "hackstoreshoes.myshopify.com\/?_ab=0\u0026_fd=0\u0026_sc=1",
"u": "0955cd23f844",
"p": "home"
}; < /script> <
script > window.ShopifyPaypalV4VisibilityTracking = true; < /script> <
script id = "captcha-bootstrap" > ! function() {
'use strict';
const t = 'contact',
e = 'account',
n = 'new_comment',
o = [
[t, t],
['blogs', n],
['comments', n],
[t, 'customer']
],
c = [
[e, 'customer_login'],
[e, 'guest_login'],
[e, 'recover_customer_password'],
[e, 'create_customer']
],
r = t => t.map((([t, e]) => `form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');
function s(t, e, n = !1) {
try {
const o = window.sessionStorage;
for (const [n, c] of Object.entries(JSON.parse(o.getItem(e)))) t.elements[n] && (t.elements[n].value = c);
n && o.removeItem(e)
} catch {}
}
const a = 'form_key',
i = ['recaptcha-v3-token', 'g-recaptcha-response', 'h-captcha-response', 'password'],
u = () => {
try {
return window.sessionStorage
} catch {
return
}
},
m = t => t.elements[a],
f = 'form_type',
d = 'cptcha';
function p(t) {
t.dataset[d] = !0
}
const l = window,
h = l.document,
_ = 'Shopify',
y = 'ce_forms',
E = 'captcha';
let v = !1;
((t, e) => {
const n = (g = 'f06e6c50-85a8-45c8-87d0-21a2b65856fe', 'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js', T = {
infoText: 'Protected by hCaptcha',
privacyText: 'Privacy',
termsText: 'Terms'
}, (t, e, n) => {
const o = l[_][y],
c = o.bindForm;
if (c) return c(t, g, e, T).then(n);
o.q.push([
[t, g, e, T], n
]), v || (h.body.append(Object.assign(h.createElement('script'), {
id: 'captcha-provider',
async: !0,
src: 'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js'
})), v = !0)
});
var g, T;
l[_] = l[_] || {}, l[_][y] = l[_][y] || {}, l[_][y].q = [], l[_][E] = l[_][E] || {}, l[_][E].protect = function(t, e) {
n(t, void 0, e), p(t)
}, Object.freeze(l[_][E]),
function(t, e, n, l, h, _) {
const [y, E, v, g] = function(t, e, n) {
const s = e ? o : [],
a = t ? c : [],
i = [...s, ...a],
u = [...o],
m = r(i),
f = r(s),
d = n && r(i.filter((([t, e]) => n.includes(e)))),
p = r(u),
l = t => () => t ? [...document.querySelectorAll(t)].map((t => t.form)) : [];
return [l(m), l(f), l(d), l(p)]
}(l, h, _), T = t => {
const e = t.target;
return e instanceof HTMLFormElement ? e : e && e.form
}, S = t => y().includes(t);
t.addEventListener('submit', (t => {
const e = T(t);
if (!e) return;
const n = S(e) && !e.dataset.hcaptchaBound && !e.dataset.recaptchaBound,
o = m(e),
c = g().includes(e) && (!o || !o.value);
(n || c) && t.preventDefault(), c && !n && (function(t) {
try {
if (!u()) return;
! function(t) {
const e = u();
if (!e) return;
const n = m(t);
if (!n) return;
const o = n.value;
o && e.removeItem(o)
}(t);
const e = Array.from(Array(32), (() => Math.random().toString(36)[2])).join('');
! function(t, e) {
m(t) || t.append(Object.assign(document.createElement('input'), {
type: 'hidden',
name: a
})), t.elements[a].value = e
}(t, e),
function(t, e) {
const n = u();
if (!n) return;
const o = [...t.querySelectorAll('input[type="password"]')].map((({
name: t
}) => t)),
c = [...i, ...o],
r = {};
for (const [s, a] of new FormData(t).entries()) c.includes(s) || (r[s] = a);
n.setItem(e, JSON.stringify(r))
}(t, e)
} catch (e) {
console.error('failed to persist form', e)
}
}(e), e.submit())
}));
const w = (t, e) => {
t && !t.dataset[d] && (n(t, e.some((e => e === t))), p(t))
};
for (const o of ['focusin', 'change']) t.addEventListener(o, (t => {
const e = T(t);
S(e) && w(e, E())
}));
const A = e.get('form_key'),
b = e.get(f),
I = A && b;
t.addEventListener('DOMContentLoaded', (() => {
const t = E();
if (I)
for (const e of t) e.elements[f].value === b && s(e, A);
[...new Set([...v(), ...y().filter((t => 'true' === t.dataset.shopifyCaptcha))])].forEach((e => w(e, t)))
}))
}(h, new URLSearchParams(l.location.search), n, !0, !0, ['guest_login'])
})()
}(); < /script> <
script > document.addEventListener('DOMContentLoaded', function() {
const previewBarInjector = new Shopify.PreviewBarInjector({
targetNode: document.body,
iframeRoot: 'https://hackstoreshoes.myshopify.com',
iframeSrc: 'https://hackstoreshoes.myshopify.com/preview_bar',
previewToken: 'ysm7s2vqw4dgp933',
themeStoreId: '887',
permanentDomain: '8s1qmf-dv.myshopify.com',
});
previewBarInjector.init();
}); < /script> <
script integrity = "sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc="
data - source - attribution = "shopify.loadfeatures"
defer = "defer"
src = "//hackstoreshoes.myshopify.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.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://hackstoreshoes.myshopify.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js", t.type = "module", document.head.appendChild(t)
}
}; <
/script> <
script data - source - attribution = "shopify.dynamic_checkout.buyer_consent" >
function portableWalletsHideBuyerConsent(e) {
var t = document.getElementById("shopify-buyer-consent"),
n = document.getElementById("shopify-subscription-policy-button");
t && n && (t.classList.add("hidden"), t.setAttribute("aria-hidden", "true"), n.removeEventListener("click", e))
}
function portableWalletsShowBuyerConsent(e) {
var t = document.getElementById("shopify-buyer-consent"),
n = document.getElementById("shopify-subscription-policy-button");
t && n && (t.classList.remove("hidden"), t.removeAttribute("aria-hidden"), n.addEventListener("click", e))
}
window.Shopify?.PaymentButton && (window.Shopify.PaymentButton.hideBuyerConsent = portableWalletsHideBuyerConsent, window.Shopify.PaymentButton.showBuyerConsent = portableWalletsShowBuyerConsent); <
/script> <
script >
function portableWalletsCleanup(e) {
e && e.src && console.error("Failed to load portable wallets script " + e.src);
var t = document.querySelectorAll("shopify-accelerated-checkout .shopify-payment-button__skeleton, shopify-accelerated-checkout-cart .wallet-cart-button__skeleton"),
e = document.getElementById("shopify-buyer-consent");
for (let e = 0; e < t.length; e++) t[e].remove();
e && e.remove()
}
function portableWalletsNotLoadedAsModule(e) {
e instanceof ErrorEvent && "string" == typeof e.message && e.message.includes("import.meta") && "string" == typeof e.filename && 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://hackstoreshoes.myshopify.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js"
onError = "portableWalletsCleanup(this)"
crossorigin = "anonymous" > < /script> <
script nomodule >
document.addEventListener("DOMContentLoaded", portableWalletsCleanup); <
/script>
<
script integrity = "sha256-DWPV2QQmYfCUoQoaZoz+p9/Y9tmwhMBHOQg8nqK1d60="
defer = "defer"
src = "//hackstoreshoes.myshopify.com/cdn/shopifycloud/shopify/assets/storefront/bars/preview_bar_injector-0d63d5d9042661f094a10a1a668cfea7dfd8f6d9b084c04739083c9ea2b577ad.js"
crossorigin = "anonymous" > < /script> <
script id = "sections-script"
data - sections = "header"
defer = "defer"
src = "//hackstoreshoes.myshopify.com/cdn/shop/t/3/compiled_assets/scripts.js?11" > < /script> <
style id = "shopify-accelerated-checkout" >
.shopify - payment - button__button--hidden {
visibility: hidden;
}
.shopify - payment - button__button {
height: clamp(
25 px,
var (--shopify - accelerated - checkout - button - block - size, 44 px),
55 px
);
min - height: clamp(
25 px,
var (--shopify - accelerated - checkout - button - block - size, 44 px),
55 px
);
border - radius: var (--shopify - accelerated - checkout - button - border - radius, 0 px);
width: 100 % ;
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;
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 {
height: auto!important;
min - height: 0!important;
border - radius: 4 px!important;
width: 50 % ;
margin - left: 25 % ;
margin - right: 25 % ;
}
.shopify - payment - button__more - options[disabled] {
opacity: 0.6;
cursor: default !important;
}
.shopify - payment - button__button.shopify - payment - button__button--branded {
display: flex;
flex - direction: column;
position: relative;
z - index: 1;
}
.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 acceleratedCheckoutLoadingSkeleton {
50 % {
opacity: var (--shopify - accelerated - checkout - skeleton - animation - opacity - start, 1);
}
75 % {
opacity: var (--shopify - accelerated - checkout - skeleton - animation - opacity - end, 0.5);
}
100 % {
opacity: var (--shopify - accelerated - checkout - skeleton - animation - opacity - start, 1);
}
}
.shopify - payment - button__skeleton {
animation: acceleratedCheckoutLoadingSkeleton
var (--shopify - accelerated - checkout - skeleton - animation - duration, 4 s) var (--shopify - accelerated - checkout - skeleton - animation - timing - function, ease) infinite;
animation - delay: -0.168 s;
background - color: var (--shopify - accelerated - checkout - skeleton - background - color, #dedede);
box - sizing: border - box;
text - decoration: none!important;
height: var (--shopify - accelerated - checkout - button - block - size, inherit);
min - height: 25 px;
max - height: 55 px;
border - radius: var (--shopify - accelerated - checkout - button - border - radius, inherit);
}
.shopify - payment - button__button {
border - radius: 0 px;
}
#shopify - buyer - consent {
margin - top: 1 em;
display: inline - block;
width: 100 % ;
}
#shopify - buyer - consent.hidden {
display: none;
}
#shopify - subscription - policy - button {
background: none;
border: none;
padding: 0;
text - decoration: underline;
font - size: inherit;
cursor: pointer;
}
#shopify - subscription - policy - button::before {
box - shadow: none;
}
<
/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("//hackstoreshoes.myshopify.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=OHMxcW1mLWR2LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aGFja3N0b3Jlc2hvZXMubXlzaG9waWZ5LmNvbQ&hmac=ab50cb3f5584d705e4b487cd4d0cbb39c96e9d36929b0312015f7a759bed970f") format("woff2"),
url("//hackstoreshoes.myshopify.com/cdn/fonts/assistant/assistant_n4.a2d012304becc2a26f1ded1acc136fcab85c9afd.woff?h1=OHMxcW1mLWR2LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aGFja3N0b3Jlc2hvZXMubXlzaG9waWZ5LmNvbQ&hmac=e5b37d787853ef03b034424f1d698052fc6e8e59c66a4d39dd78e0cf36a1e755") format("woff");
}
@font - face {
font - family: Assistant;
font - weight: 700;
font - style: normal;
font - display: swap;
src: url("//hackstoreshoes.myshopify.com/cdn/fonts/assistant/assistant_n7.3335c7bdaddf2501ddab87cdbd9be98f3870e10d.woff2?h1=OHMxcW1mLWR2LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aGFja3N0b3Jlc2hvZXMubXlzaG9waWZ5LmNvbQ&hmac=e419837a8246de47fa092cd43a0eb21e2bcf0679ac4051842eba6fcfcdca7d14") format("woff2"),
url("//hackstoreshoes.myshopify.com/cdn/fonts/assistant/assistant_n7.7c85f5c5cc1555de92cc7ef2790ee3cffe5237f5.woff?h1=OHMxcW1mLWR2LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aGFja3N0b3Jlc2hvZXMubXlzaG9waWZ5LmNvbQ&hmac=7633950ab21708f86801a63b650874f2601e4f68dda24fdcbb9b445c4b70fdba") format("woff");
}
@font - face {
font - family: Assistant;
font - weight: 400;
font - style: normal;
font - display: swap;
src: url("//hackstoreshoes.myshopify.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=OHMxcW1mLWR2LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aGFja3N0b3Jlc2hvZXMubXlzaG9waWZ5LmNvbQ&hmac=ab50cb3f5584d705e4b487cd4d0cbb39c96e9d36929b0312015f7a759bed970f") format("woff2"),
url("//hackstoreshoes.myshopify.com/cdn/fonts/assistant/assistant_n4.a2d012304becc2a26f1ded1acc136fcab85c9afd.woff?h1=OHMxcW1mLWR2LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aGFja3N0b3Jlc2hvZXMubXlzaG9waWZ5LmNvbQ&hmac=e5b37d787853ef03b034424f1d698052fc6e8e59c66a4d39dd78e0cf36a1e755") format("woff");
}
: root,
.color - scheme - 1 {
--color - background: 255, 255, 255;
--gradient - background: #ffffff;
--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);
}
.color-scheme-200e9da3-41f9-494f-a47d-00707c4ffae1 {
--color-background: 255,255,255;
--gradient-background: # ffffff;
--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);
}
body, .color - scheme - 1, .color - scheme - 2, .color - scheme - 3, .color - scheme - 4, .color - scheme - 5, .color - scheme - 200e9 da3 - 41 f9 - 494 f - a47d - 00707 c4ffae1 {
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: 1 px;
--media - radius: 0 px;
--media - shadow - opacity: 0.0;
--media - shadow - horizontal - offset: 0 px;
--media - shadow - vertical - offset: 4 px;
--media - shadow - blur - radius: 5 px;
--media - shadow - visible: 0;
--page - width: 120 rem;
--page - width - margin: 0 rem;
--product - card - image - padding: 0.0 rem;
--product - card - corner - radius: 0.0 rem;
--product - card - text - alignment: left;
--product - card - border - width: 0.0 rem;
--product - card - border - opacity: 0.1;
--product - card - shadow - opacity: 0.0;
--product - card - shadow - visible: 0;
--product - card - shadow - horizontal - offset: 0.0 rem;
--product - card - shadow - vertical - offset: 0.4 rem;
--product - card - shadow - blur - radius: 0.5 rem;
--collection - card - image - padding: 0.0 rem;
--collection - card - corner - radius: 0.0 rem;
--collection - card - text - alignment: left;
--collection - card - border - width: 0.0 rem;
--collection - card - border - opacity: 0.1;
--collection - card - shadow - opacity: 0.0;
--collection - card - shadow - visible: 0;
--collection - card - shadow - horizontal - offset: 0.0 rem;
--collection - card - shadow - vertical - offset: 0.4 rem;
--collection - card - shadow - blur - radius: 0.5 rem;
--blog - card - image - padding: 0.0 rem;
--blog - card - corner - radius: 0.0 rem;
--blog - card - text - alignment: left;
--blog - card - border - width: 0.0 rem;
--blog - card - border - opacity: 0.1;
--blog - card - shadow - opacity: 0.0;
--blog - card - shadow - visible: 0;
--blog - card - shadow - horizontal - offset: 0.0 rem;
--blog - card - shadow - vertical - offset: 0.4 rem;
--blog - card - shadow - blur - radius: 0.5 rem;
--badge - corner - radius: 4.0 rem;
--popup - border - width: 1 px;
--popup - border - opacity: 0.1;
--popup - corner - radius: 0 px;
--popup - shadow - opacity: 0.05;
--popup - shadow - horizontal - offset: 0 px;
--popup - shadow - vertical - offset: 4 px;
--popup - shadow - blur - radius: 5 px;
--drawer - border - width: 1 px;
--drawer - border - opacity: 0.1;
--drawer - shadow - opacity: 0.0;
--drawer - shadow - horizontal - offset: 0 px;
--drawer - shadow - vertical - offset: 4 px;
--drawer - shadow - blur - radius: 5 px;
--spacing - sections - desktop: 0 px;
--spacing - sections - mobile: 0 px;
--grid - desktop - vertical - spacing: 8 px;
--grid - desktop - horizontal - spacing: 8 px;
--grid - mobile - vertical - spacing: 4 px;
--grid - mobile - horizontal - spacing: 4 px;
--text - boxes - border - opacity: 0.1;
--text - boxes - border - width: 0 px;
--text - boxes - radius: 0 px;
--text - boxes - shadow - opacity: 0.0;
--text - boxes - shadow - visible: 0;
--text - boxes - shadow - horizontal - offset: 0 px;
--text - boxes - shadow - vertical - offset: 4 px;
--text - boxes - shadow - blur - radius: 5 px;
--buttons - radius: 0 px;
--buttons - radius - outset: 0 px;
--buttons - border - width: 1 px;
--buttons - border - opacity: 1.0;
--buttons - shadow - opacity: 0.0;
--buttons - shadow - visible: 0;
--buttons - shadow - horizontal - offset: 0 px;
--buttons - shadow - vertical - offset: 4 px;
--buttons - shadow - blur - radius: 5 px;
--buttons - border - offset: 0 px;
--inputs - radius: 0 px;
--inputs - border - width: 1 px;
--inputs - border - opacity: 0.55;
--inputs - shadow - opacity: 0.0;
--inputs - shadow - horizontal - offset: 0 px;
--inputs - margin - offset: 0 px;
--inputs - shadow - vertical - offset: 4 px;
--inputs - shadow - blur - radius: 5 px;
--inputs - radius - outset: 0 px;
--variant - pills - radius: 40 px;
--variant - pills - border - width: 1 px;
--variant - pills - border - opacity: 0.55;
--variant - pills - shadow - opacity: 0.0;
--variant - pills - shadow - horizontal - offset: 0 px;
--variant - pills - shadow - vertical - offset: 4 px;
--variant - pills - shadow - blur - radius: 5 px;
}
*,
*::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 1 fr auto;
grid - template - columns: 100 % ;
min - height: 100 % ;
margin: 0;
font - size: 1.5 rem;
letter - spacing: 0.06 rem;
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: 750 px) {
body {
font - size: 1.6 rem;
}
} <
/style>
<
link href = "//hackstoreshoes.myshopify.com/cdn/shop/t/3/assets/base.css?v=159841507637079171801731048938"
rel = "stylesheet"
type = "text/css"
media = "all" / >
<
link rel = "stylesheet"
href = "//hackstoreshoes.myshopify.com/cdn/shop/t/3/assets/component-cart-items.css?v=123238115697927560811731048938"
media = "print"
onload = "this.media='all'" >
<
link rel = "preload"
as = "font"
href = "//hackstoreshoes.myshopify.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=OHMxcW1mLWR2LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aGFja3N0b3Jlc2hvZXMubXlzaG9waWZ5LmNvbQ&hmac=ab50cb3f5584d705e4b487cd4d0cbb39c96e9d36929b0312015f7a759bed970f"
type = "font/woff2"
crossorigin >
<
link rel = "preload"
as = "font"
href = "//hackstoreshoes.myshopify.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=OHMxcW1mLWR2LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aGFja3N0b3Jlc2hvZXMubXlzaG9waWZ5LmNvbQ&hmac=ab50cb3f5584d705e4b487cd4d0cbb39c96e9d36929b0312015f7a759bed970f"
type = "font/woff2"
crossorigin >
<
link
rel = "stylesheet"
href = "//hackstoreshoes.myshopify.com/cdn/shop/t/3/assets/component-predictive-search.css?v=118923337488134913561731048938"
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: 66085388381,
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 d(d, e, r, a, n) {
var o, i, t, s, l = (i = (o = {
modern: /Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,
legacy: /Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/
}).modern, t = o.legacy, s = navigator.userAgent, i.test(s) ? "modern" : (t.test(s), "legacy"));
window.Shopify = window.Shopify || {};
var c = window.Shopify;
c.analytics = c.analytics || {};
var u = c.analytics;
u.replayQueue = [], u.publish = function(d, e, r) {
return u.replayQueue.push([d, e, r]), !0
};
try {
self.performance.mark("wpm:start")
} catch (d) {}
var h = [r, "/wpm", "/b", n, l.substring(0, 1), ".js"].join("");
! function(d) {
var e = d.src,
r = d.async,
a = void 0 === r || r,
n = d.onload,
o = d.onerror,
i = document.createElement("script"),
t = document.head,
s = document.body;
i.async = a, i.src = e, n && i.addEventListener("load", n), o && i.addEventListener("error", o), t ? t.appendChild(i) : s ? s.appendChild(i) : console.error("Did not find a head or body element to append the script")
}({
src: h,
async: !0,
onload: function() {
var r = window.webPixelsManager.init(d);
e(r);
var a = window.Shopify.analytics;
a.replayQueue.forEach((function(d) {
var e = d[0],
a = d[1],
n = d[2];
r.publishCustomEvent(e, a, n)
})), a.replayQueue = [], a.publish = r.publishCustomEvent, a.visitor = r.visitor
},
onerror: function() {
var e = d.storefrontBaseUrl.replace(/\/$/, ""),
r = "".concat(e, "/.well-known/shopify/monorail/unstable/produce_batch"),
n = JSON.stringify({
metadata: {
event_sent_at_ms: (new Date).getTime()
},
events: [{
schema_id: "web_pixels_manager_load/3.1",
payload: {
version: a || "latest",
bundle_target: l,
page_url: self.location.href,
status: "failed",
surface: d.surface,
error_msg: "".concat(h, " has failed to load")
},
metadata: {
event_created_at_ms: (new Date).getTime()
}
}]
});
try {
if (self.navigator.sendBeacon.bind(self.navigator)(r, n)) return !0
} catch (d) {}
var o = new XMLHttpRequest;
try {
return o.open("POST", r, !0), o.setRequestHeader("Content-Type", "text/plain"), o.send(n), !0
} catch (d) {
console && console.warn && console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")
}
return !1
}
})
})({
shopId: 66085388381,
storefrontBaseUrl: "https://hackstoreshoes.myshopify.com",
extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",
surface: "storefront-renderer",
enabledBetaFlags: [],
webPixelsConfigList: [{
"id": "shopify-app-pixel",
"configuration": "{}",
"eventPayloadVersion": "v1",
"runtimeContext": "STRICT",
"scriptVersion": "0220",
"apiClientId": "shopify-pixel",
"type": "APP",
"privacyPurposes": ["ANALYTICS", "MARKETING"]
}, {
"id": "shopify-custom-pixel",
"eventPayloadVersion": "v1",
"runtimeContext": "LAX",
"scriptVersion": "0220",
"apiClientId": "shopify-pixel",
"type": "CUSTOM",
"privacyPurposes": ["ANALYTICS", "MARKETING"]
}],
isMerchantRequest: false,
initData: {
"shop": {
"name": "Hack Store",
"paymentSettings": {
"currencyCode": "IDR"
},
"myshopifyDomain": "8s1qmf-dv.myshopify.com",
"countryCode": "ID",
"storefrontUrl": "https:\/\/hackstoreshoes.myshopify.com"
},
"customer": null,
"cart": null,
"checkout": null,
"productVariants": [],
"purchasingCompany": null
},
}, function pageEvents(webPixelsManagerAPI) {
webPixelsManagerAPI.publish("page_viewed", {});
}, "https://hackstoreshoes.myshopify.com/cdn", "cff8dc064faaf8715a2418caed123c268099ef44", "afc1c29ew2c3596bfpf78f5eedm53690a39", ); < /script> <
/html>