@font-face{font-family:Bebas Neue;src:url(/s/CORiOAUQLYGf.ttf) format("truetype");font-display:swap}:root{--paper: #F1F0ED;--ink: #161616;--mute: #66645F;--line: #D9D7D1;--pink: #FF6FB5;--acid: #D7FF3A;--bad: #B3261E;--maroon: #70060A;--ease: cubic-bezier(.2, .75, .15, 1);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--display: "Bebas Neue", "Arial Narrow", Impact, sans-serif;--h: min(96vw, 56svh);color-scheme:light}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}html:has(dialog){scrollbar-gutter:stable}html:has(#login:not([hidden])){scrollbar-gutter:auto}html:has(dialog[open]){overflow:hidden}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;font:15px/1.5 Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button,a,summary,.sizes label{touch-action:manipulation}button,.cats a,.sizes label,summary{-webkit-user-select:none;user-select:none}.cats a,.hang img{-webkit-touch-callout:none}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}svg[hidden]{position:absolute;width:0;height:0;overflow:hidden}.rack-empty{display:grid;justify-items:center;gap:18px;padding:0 16px;text-align:center}.rack-empty p{margin:0}.rack-empty b{display:block;font:44px/1 var(--display);font-weight:400}.rack-empty p span{color:var(--mute)}.rack-empty .wa{width:auto;padding:0 26px}.top{display:flex;align-items:center;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top,0px)) max(clamp(16px,4vw,48px),env(safe-area-inset-right,0px)) 16px max(clamp(16px,4vw,48px),env(safe-area-inset-left,0px));background:var(--maroon);color:#fff}.top :focus-visible{outline-color:#fff}.top .who{color:#ffffffbf}.logo img{display:block;height:72px;width:auto}@media(min-width:900px){.logo img{height:96px}}.top nav{display:flex;gap:24px;align-items:center}.top nav a{text-decoration:none}#cartBtn{display:flex;gap:8px;align-items:center;background:none;border:0;padding:8px 0;transition:opacity .12s var(--ease)}#cartBtn:active{opacity:.55}#count{min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:#ffffff2e;font-size:12px;font-weight:700;line-height:24px;text-align:center;font-variant-numeric:tabular-nums}#count.has{background:var(--pink);color:var(--ink)}.foot{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding:20px max(clamp(16px,4vw,48px),env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(clamp(16px,4vw,48px),env(safe-area-inset-left,0px));font-size:13px;color:var(--mute)}.cats{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--paper);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;min-height:49px}.cats::-webkit-scrollbar{display:none}.cats[hidden]{display:none}main:has(>#racks:empty){min-height:100svh}.cats a{flex:none;white-space:nowrap;padding:7px 16px 5px;border:1.5px solid var(--ink);border-radius:99px;font:19px/1 var(--display);letter-spacing:.05em;text-decoration:none}.cats a:first-child{margin-left:auto}.cats a:last-child{margin-right:auto}.cats a{transition:background-color .2s,color .2s,transform .12s var(--ease)}.cats a:active{transform:scale(.95)}.cats a[aria-current]{background:var(--ink);color:var(--acid)}main{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:1svh 3svh}#racks{display:flex;flex-direction:column;gap:clamp(40px,8svh,88px)}.rack{position:relative;scroll-margin-top:64px}.tier{position:relative}.tier+.tier{margin-top:8px}.rail{position:absolute;z-index:0;left:0;right:0;top:calc(var(--h) * .024);height:9px;border-radius:5px;background:linear-gradient(#fff,#c4c3bf 45%,#86857f);box-shadow:0 4px 6px -2px #0000004d}.tag{position:absolute;z-index:0;left:10px;top:calc(var(--h) * .024 - 8px);display:grid;place-items:center;min-width:60px;max-width:132px;min-height:60px;margin:0;padding:6px 12px 2px;border-radius:30px;text-align:center;overflow-wrap:anywhere;background:var(--ink);color:var(--acid);font:17px/1 var(--display);font-weight:400;letter-spacing:.05em;box-shadow:0 6px 12px -4px #00000059}.items{position:relative;z-index:1;list-style:none;margin:0 0 -32px;display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:0 calc(50vw - var(--h) * .4) 40px}.items::-webkit-scrollbar{display:none}.items li{flex:0 0 auto;scroll-snap-align:center}.hang{display:block;padding:0;border:0;background:none;border-radius:12px}.rel .hang img{display:block;height:var(--h);width:auto;aspect-ratio:4 / 5;filter:drop-shadow(0 16px 14px rgb(0 0 0 / .14))}.hang.habis img{opacity:.45}@media(hover:none){.hang img{transition:scale .14s var(--ease)}.hang:active img{scale:.97}}.papan{--c: min(70vw, 290px)}.papan .rail{display:none}.papan .tag{top:-16px;z-index:2}.papan .items{margin:0;padding:30px calc(50vw - var(--c) / 2) 26px;background:radial-gradient(circle,rgb(70 52 30 / .32) 2.5px,transparent 3px) 0 0 / 26px 26px local,#e3d4b8;box-shadow:inset 0 1px #ffffff73,inset 0 -2px #0000000f}.papan .hang{position:relative;padding-top:16px;transform-origin:50% 7px}.papan .hang:before{content:"";position:absolute;z-index:1;top:0;left:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#a9a8a2 55%,#6d6c67);box-shadow:0 2px 3px #00000059}.papan .hang img{display:block;width:var(--c);height:auto;aspect-ratio:5 / 4;filter:drop-shadow(0 12px 10px rgb(0 0 0 / .22))}@keyframes swing{25%{rotate:-6deg}55%{rotate:3deg}80%{rotate:-1deg}}.caption{text-align:center;margin:14px 16px 0;min-height:calc(34px * 1.15 + 1.5em)}.caption b{display:block;font:34px/1.15 var(--display);letter-spacing:.01em;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caption span{color:var(--mute)}.caption .meta{display:flex;justify-content:center;white-space:nowrap}.caption .meta .w{min-width:0;overflow:hidden;text-overflow:ellipsis}@media(hover:hover)and (pointer:fine)and (min-width:900px){:root{--h: min(58vh, 520px, 50vw)}.rail{left:max(16px,calc(50% - 620px));right:max(16px,calc(50% - 620px))}.rail:before,.rail:after{content:"";position:absolute;top:-6px;width:6px;height:21px;border-radius:3px;background:#8b8a85}.rail:before{left:0}.rail:after{right:0}.tag{left:max(40px,calc(50% - 588px));min-width:72px;max-width:156px;min-height:72px;border-radius:36px;font-size:20px}.rel .items{overflow:visible;justify-content:center;gap:0;padding:0;height:calc(var(--h) + 8px)}.rel .hang{position:relative;height:100%;width:calc(var(--h) * .15);perspective:1100px;transition:width .3s var(--ease-out)}.rel .hang img{position:absolute;top:0;left:50%;pointer-events:none;transform:translate(-50%) rotateY(70deg);transform-origin:50% 0;transition:transform .3s var(--ease-out);filter:drop-shadow(0 12px 10px rgb(0 0 0 / .12)) brightness(.97)}.rel .hang:focus-visible,.rel .hang:focus-visible img{transition:none}.rel .hang:hover,.rel .hang:focus-visible{width:calc(var(--h) * .66);z-index:2;outline:none}.rel .hang:hover img,.rel .hang:focus-visible img{transform:translate(-50%) rotateY(0);filter:drop-shadow(0 22px 18px rgb(0 0 0 / .18))}.hang:focus-visible img{outline:2px solid var(--ink);outline-offset:6px;border-radius:8px}.papan{--c: min(30vh, 240px, calc((min(100vw - 32px, 1240px) - 80px - (3*min(4vw, 56px)))/4 - 1px) )}.papan .items{overflow:visible;justify-content:center;flex-wrap:wrap;gap:28px min(4vw,56px);margin-inline:max(16px,calc(50% - 620px));padding:34px 40px 30px;border-radius:10px;box-shadow:0 16px 30px -20px #00000080,inset 0 0 0 1px #0000000d}.papan .hang:hover{animation:sway .6s var(--ease-out)}.papan .hang:hover,.papan .hang:focus-visible{outline:none}}@keyframes sway{25%{rotate:-4deg}55%{rotate:2deg}80%{rotate:-.5deg}}#detail{width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:calc(40px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:transparent;color:var(--ink);overflow-y:auto;overscroll-behavior:contain}#detail[open]{display:flex;flex-direction:column;align-items:center;justify-content:safe center}#detail::backdrop{background:#f1f0ed99;backdrop-filter:blur(14px) saturate(.7)}dialog::backdrop{transition:opacity .2s var(--ease-out),display .2s allow-discrete,overlay .2s allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}.flip{height:min(43svh,450px);aspect-ratio:4 / 5;perspective:1600px;flex:none}.card{position:relative;height:100%;transform-style:preserve-3d;transition:transform .5s var(--ease-in-out)}.card.belakang{transform:rotateY(180deg)}.face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;filter:drop-shadow(0 22px 20px rgb(0 0 0 / .18))}.face.back{transform:rotateY(180deg)}#detail[open] .flip{animation:come .4s var(--ease-out)}@keyframes come{0%{opacity:0;transform:translateY(28px) scale(.9)}}.info{width:min(100%,380px);text-align:center;margin-top:8px}#dName{font:52px/.95 var(--display);font-weight:400;margin:0;overflow-wrap:anywhere}.price{margin:6px 0 14px;color:var(--mute);font-variant-numeric:tabular-nums}.sides{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--ink);border-radius:99px}.sides[hidden]{display:none}.sides button{border:0;background:none;border-radius:99px;padding:6px 18px;font-size:13px;transition:transform .12s var(--ease)}.sides button:active{transform:scale(.96)}.sides button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.sizes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 0;padding:0;border:0}.sizes label{position:relative}.sizes input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.sizes span{display:grid;place-items:center;min-width:46px;height:46px;padding:0 10px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:13px;font-weight:600;transition:transform .12s var(--ease)}.sizes label:active input:not(:disabled)+span{transform:scale(.96)}.sizes input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--paper)}.sizes input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.buy{display:block;width:100%;height:50px;margin-top:16px;border:0;border-radius:99px;background:var(--ink);color:var(--paper);font-weight:700}.buy:disabled{background:var(--line);color:var(--mute);cursor:not-allowed}.ghost{display:block;width:100%;height:50px;border:1.5px solid var(--ink);border-radius:99px;background:transparent;font-weight:700}.ghost:disabled{border-color:var(--line);color:var(--mute);cursor:not-allowed}.buy,.ghost,.wa,.market a{transition:transform .12s var(--ease),background-color .2s,filter .2s}.buy:not(:disabled):active,.ghost:not(:disabled):active,.wa:not(:disabled):active{transform:scale(.97)}.market a:active{transform:scale(.95)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.actions .buy{margin-top:0}.market{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:14px 0 0;font-size:14px;color:var(--mute)}.market span{flex-basis:100%}.market:empty{display:none}.market a{display:inline-flex;align-items:center;gap:6px;padding:7px 13px 7px 10px;border-radius:99px;color:#fff;text-decoration:none;font-weight:700}.market a.shopee{background:#d9381a}.market a.tokopedia{background:#00880f}.market a.tiktok{background:#161616}.market svg,.wa svg{width:18px;height:18px;fill:currentColor;flex:none}.wa{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;border:0;border-radius:99px;background:#25d366;color:var(--ink);font-weight:700}.wa:disabled{background:#a9ebc2;color:#16161680;cursor:not-allowed}.wl{text-align:left;text-transform:uppercase;font-size:13px;line-height:1.1;letter-spacing:.02em}.warow{position:relative;display:flex}.warow .wa{flex:1;min-width:0;padding:0 12px}.disc{position:absolute;top:-14px;right:-8px;rotate:7deg;padding:4px 9px 3px;border-radius:6px;background:#e8112d;color:#fff;font:20px/1 var(--display);letter-spacing:.04em;box-shadow:0 3px 8px #0003;pointer-events:none}.disc[hidden],.buy[hidden],label.f[hidden]{display:none}.desc{margin:16px 0 0;color:var(--mute);font-size:14px}.guide{margin-top:10px;font-size:14px}.guide summary{cursor:pointer;text-decoration:underline}.guide table{display:block;width:max-content;max-width:100%;overflow-x:auto;margin:10px auto 0;border-collapse:collapse;font-variant-numeric:tabular-nums}.guide th,.guide td{padding:5px 12px;border-bottom:1px solid var(--line)}.guide th{font-size:12px;font-weight:600;color:var(--mute)}.x{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));width:44px;height:44px;border:0;border-radius:50%;background:#fff;font-size:24px;line-height:1;box-shadow:0 1px 4px #0000001f}.nav{position:fixed;top:calc(50% - 80px);width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:#ffffffbf;font-size:26px;line-height:1}.x,.nav,.qty button,#toast button,.rm{transition:transform .12s var(--ease),opacity .12s}.x:active,.nav:active,.qty button:active{transform:scale(.96)}#toast button:active{transform:scale(.95)}.rm:active{opacity:.5}.prev{left:max(clamp(8px,4vw,56px),env(safe-area-inset-left,0px))}.next{right:max(clamp(8px,4vw,56px),env(safe-area-inset-right,0px))}@media(max-width:600px){.nav{top:calc(25svh + 20px)}}.drawer{margin:0 0 0 auto;width:min(440px,100%);height:100dvh;max-height:none;max-width:none;border:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) 0 0;background:var(--paper);color:var(--ink);box-shadow:-12px 0 40px #0000001f;translate:100% 0;transition:translate .2s var(--ease-drawer),display .2s allow-discrete,overlay .2s allow-discrete}.drawer[open]{display:flex;flex-direction:column;translate:0 0;transition-duration:.35s}@starting-style{.drawer[open]{translate:100% 0}}.drawer::backdrop{background:#16161659}.drawer:not([open])::backdrop{opacity:0}.drawer>header{display:flex;justify-content:space-between;align-items:center;padding:12px 12px 12px 20px;border-bottom:1px solid var(--line)}.drawer h2{font:34px/1 var(--display);font-weight:400;margin:0}.drawer .x{position:static;box-shadow:none;background:none}.body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px 20px calc(28px + env(safe-area-inset-bottom,0px))}#lines{list-style:none;margin:0;padding:0}#lines li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}#lines img{width:64px;height:80px;object-fit:contain}#lines .nm{font-weight:600;overflow-wrap:anywhere}#lines .sz{color:var(--mute);font-size:13px}@media(max-width:380px){#lines li{grid-template-columns:52px minmax(0,1fr);align-items:start;row-gap:6px}#lines img{grid-row:span 2;width:52px;height:65px}#lines .lp{grid-column:2;display:flex;justify-content:space-between;align-items:center;text-align:left}#lines .lp .rm{margin-left:0}}.qty{display:inline-flex;align-items:center;margin-top:6px;border:1px solid var(--line);border-radius:99px;background:#fff}.qty button{width:34px;height:34px;border:0;background:none;font-size:17px}.qty output{min-width:22px;text-align:center;font-variant-numeric:tabular-nums}.lp{text-align:right;font-variant-numeric:tabular-nums}.rm{display:block;margin-left:auto;padding:6px 0;border:0;background:none;color:var(--mute);font-size:13px;text-decoration:underline}.empty{color:var(--mute);margin:20px 0}#checkout{display:grid;gap:12px;margin-top:20px}#checkout h3{margin:0;font:26px/1 var(--display);font-weight:400}.f{display:grid;gap:4px;font-size:13px;color:var(--mute)}.f input,.f select,.f textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:16px}.f textarea{resize:vertical}.f :user-invalid,.tried .f :invalid{border-color:var(--bad)}.row{display:grid;grid-template-columns:1fr 110px;gap:12px}.sum{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:6px 0 0}.sum dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.sum .t{font-weight:700;font-size:17px}.err{margin:0;color:var(--bad)}.err:empty{display:none}.fine{margin:0;color:var(--mute);font-size:12.5px}#notice{width:min(400px,calc(100% - 32px));border:0;border-radius:18px;padding:28px 24px 24px;background:var(--paper);color:var(--ink);text-align:center}#notice::backdrop{background:#16161666}#notice h2{font:36px/1 var(--display);font-weight:400;margin:0 0 8px}#notice p{margin:0;color:var(--mute)}#toast{inset:auto auto calc(24px + env(safe-area-inset-bottom,0px)) 50%;translate:-50% 0;margin:0;width:max-content;max-width:calc(100vw - 32px);display:none;align-items:center;gap:14px;padding:10px 10px 10px 20px;border:0;border-radius:28px;background:var(--acid);color:var(--ink);font-weight:700;box-shadow:0 8px 24px #0000002e;opacity:0;translate:-50% 16px;transition:opacity .2s var(--ease-out),translate .2s var(--ease-out),display .2s allow-discrete,overlay .2s allow-discrete}#toast:popover-open{display:flex;opacity:1;translate:-50% 0;transition-duration:.35s}@starting-style{#toast:popover-open{opacity:0;translate:-50% 16px}}#toastText{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;line-height:1.35}#toastText span{font-weight:400;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:359px){#toastCart .long{display:none}}#toast button{flex:none;white-space:nowrap;border:0;border-radius:99px;padding:8px 14px;background:var(--ink);color:var(--acid);font-weight:700}.page{width:min(100% - 32px,680px);margin:8px auto 48px}.page h1{font:clamp(48px,9vw,84px)/.9 var(--display);font-weight:400;margin:12px 0 28px}.page h2{font:30px/1 var(--display);font-weight:400;margin:36px 0 8px}.page p,.page li{max-width:64ch}.page mark{background:var(--acid);padding:0 3px}.lost{display:grid;justify-items:center;align-content:center;gap:14px;padding:2svh 16px 8svh;text-align:center}.lost-hang{position:relative;width:min(100%,560px);height:168px;margin-bottom:4px}.lost-rail{position:absolute;z-index:1;left:0;right:0;top:14px;height:9px;border-radius:5px;background:linear-gradient(#fff,#c4c3bf 45%,#86857f);box-shadow:0 4px 6px -2px #0000004d}.lost-tag{position:absolute;z-index:0;left:6px;top:6px;display:grid;place-items:center;width:64px;height:64px;padding-top:4px;border-radius:50%;background:var(--ink);color:var(--acid);font:20px/1 var(--display);letter-spacing:.05em;box-shadow:0 6px 12px -4px #00000059}.lost-hanger{position:absolute;z-index:2;left:calc(50% - 120px);top:0;transform-origin:50% 14px;animation:swing 1.6s var(--ease) .25s both}.lost h1{margin:0;max-width:16ch;font:clamp(40px,11vw,64px)/.95 var(--display);font-weight:400;text-wrap:balance}.lost p{margin:0;max-width:36ch;color:var(--mute)}.lost-go{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.lost-go a{display:inline-grid;place-items:center;width:auto;margin:0;padding:0 26px;text-decoration:none}@media(hover:hover)and (pointer:fine){.top nav a:hover{text-decoration:underline}.cats a:hover{background:var(--ink);color:var(--paper)}.buy:not(:disabled):hover{background:#000}.ghost:not(:disabled):hover{background:#fff}.wa:not(:disabled):hover{background:#1fbe5b}.market a:hover{filter:brightness(1.12)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-property:opacity,color,background-color,border-color!important}#detail[open] .flip{animation:fade .2s var(--ease-out)!important}@keyframes fade{0%{opacity:0}}}