@dcl/shop 1.12.2-34968681691.commit-d61728d → 1.12.2-34971053975.commit-a7f84c8

package/_assets/{browseLayout.styles-BcdBGvBJ.js → browseLayout.styles-CUa0JgI7.js}

@@ -1,10 +1,10 @@
-import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as Oe,c as r,ay as de,C as pe}from"./index-fVfrsq3-.js";import{n as E,T as Ae}from"./categories-yaclHH8q.js";import{T as Ue}from"./skeleton.styles-C8iLuc4D.js";(function(){try{var i=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},a=new i.Error().stack;a&&(i._sentryDebugIds=i._sentryDebugIds||{},i._sentryDebugIds[a]="3479ac92-e429-43e3-af69-bcab8c6d5532",i._sentryDebugIdIdentifier="sentry-dbid-3479ac92-e429-43e3-af69-bcab8c6d5532")}catch{}})();function io(i){const a=w.useRef(null);w.useEffect(()=>{const h=a.current;a.current=i,!(h===null||h===i)&&window.scrollTo({top:0,left:0,behavior:"instant"})},[i])}const Ge=t(F)`
+import{r as v,j as e}from"./react-CJ0-yyn7.js";import{e as t,I as F,d as i,o as Xe,c as r,ay as ce,C as pe}from"./index-BBc3X6XF.js";import{n as E,T as Je}from"./categories-CQewJ4Uc.js";import{T as Ze}from"./skeleton.styles-BBTzNQBL.js";(function(){try{var o=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},a=new o.Error().stack;a&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[a]="621efa65-3b88-43d9-ad0e-7c3b11c22f2a",o._sentryDebugIdIdentifier="sentry-dbid-621efa65-3b88-43d9-ad0e-7c3b11c22f2a")}catch{}})();function ni(o){const a=v.useRef(null);v.useEffect(()=>{const h=a.current;a.current=o,!(h===null||h===o)&&window.scrollTo({top:0,left:0,behavior:"instant"})},[o])}const et=t(F)`
   transition: transform 0.15s ease;
 
   &[data-up='true'] {
     transform: rotate(180deg);
   }
-`;function L({up:i=!1,...a}){return e.jsx(Ge,{name:"chevron-down","data-up":i||void 0,...a})}const{colors:T,font:ee}=o,Ye=t.div`
+`;function L({up:o=!1,...a}){return e.jsx(et,{name:"chevron-down","data-up":o||void 0,...a})}const{colors:T,font:ee}=i,tt=t.div`
   display: flex;
   flex-direction: column;
   gap: 2px;
@@ -44,7 +44,7 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   display: flex;
   flex-direction: column;
   gap: 2px;
-`,te=Oe`
+`,te=Xe`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -68,7 +68,7 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   &[data-selected] {
     background: rgba(255, 255, 255, 0.14);
   }
-`,qe=t.button`
+`,it=t.button`
   ${te};
   padding-left: 24px;
 
@@ -88,7 +88,7 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   &[data-active] [data-chevron] {
     color: ${T.white};
   }
-`,Qe=t.button`
+`,ot=t.button`
   ${te};
   padding-left: 48px;
 
@@ -120,7 +120,7 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   font-size: 14px;
   line-height: 1.5;
   color: ${T.gray4};
-`,Ve=t.p`
+`,at=t.p`
   font-family: ${ee.sans};
   font-weight: 600;
   font-size: 13px;
@@ -129,18 +129,18 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   color: ${T.gray4};
   margin: 0 0 4px;
   padding: 8px 16px 0;
-`,oe=[{key:"all",labelKey:"categories.shopAll"},{key:"wearable",labelKey:"categories.wearables",expandable:!0,subs:[{key:"Head",labelKey:"categories.head",icon:"cat-head",expandable:!0,subs:[{key:"Facial Hair",labelKey:"categories.facialHair",icon:"cat-facial-hair"},{key:"Hair",labelKey:"categories.hair",icon:"cat-hair"},{key:"Eyes",labelKey:"categories.eyes",icon:"cat-eyes"},{key:"Eyebrows",labelKey:"categories.eyebrows",icon:"cat-eyebrows"},{key:"Mouth",labelKey:"categories.mouth",icon:"cat-mouth"}]},{key:"Upper Body",labelKey:"categories.upperBody",icon:"cat-upper"},{key:"Handwear",labelKey:"categories.handwear",icon:"cat-handwear"},{key:"Lower Body",labelKey:"categories.lowerBody",icon:"cat-lower"},{key:"Feet",labelKey:"categories.feet",icon:"cat-feet"},{key:"Accessories",labelKey:"categories.accessories",icon:"cat-accessories",expandable:!0,subs:[{key:"Earring",labelKey:"categories.earring",icon:"cat-earring"},{key:"Eyewear",labelKey:"categories.eyewear",icon:"cat-eyewear"},{key:"Hat",labelKey:"categories.hat",icon:"cat-hat"},{key:"Helmet",labelKey:"categories.helmet",icon:"cat-helmet"},{key:"Mask",labelKey:"categories.mask",icon:"cat-mask"},{key:"Tiara",labelKey:"categories.tiara",icon:"cat-tiara"},{key:"Top Head",labelKey:"categories.topHead",icon:"cat-top-head"}]},{key:"Skins",labelKey:"categories.skins",icon:"cat-skins"}]},{key:"emote",labelKey:"categories.emotes",expandable:!0,subs:[{key:"Dance",labelKey:"categories.dance",icon:"emote-dance"},{key:"Stunt",labelKey:"categories.stunt",icon:"emote-stunt"},{key:"Greetings",labelKey:"categories.greetings",icon:"emote-greetings"},{key:"Fun",labelKey:"categories.fun",icon:"emote-fun"},{key:"Poses",labelKey:"categories.poses",icon:"emote-poses"},{key:"Reactions",labelKey:"categories.reactions",icon:"emote-reactions"},{key:"Horror",labelKey:"categories.horror",icon:"emote-horror"},{key:"Miscellaneous",labelKey:"categories.miscellaneous",icon:"emote-misc"}]},{key:"names",labelKey:"categories.names"}];function Xe({category:i,subCategory:a,onCategory:h,onSub:u,title:d,flat:g=!1,collections:f=!1,onCollections:$,hideAll:m=!1,hideNames:b=!1,extraLabelKey:R="categories.collections"}){const[P,K]=w.useState(()=>i==="wearable"?"wearable":null),[y,j]=w.useState(null);function v(s){u(a===s.key?null:s.key),s.subs&&j(k=>k===s.key?null:s.key)}function S(s){s.subs?K(k=>{const l=k!==s.key;return l&&h(s.key),l?s.key:null}):(h(s.key),K(null))}return e.jsxs(Ye,{"data-flat":g||void 0,children:[d?e.jsx(Ve,{children:d}):null,oe.filter(s=>!(m&&s.key==="all")&&!(b&&s.key==="names")).map(s=>{const k=P===s.key&&!!s.subs,l=!f&&s.key===i&&!a;return e.jsxs(he,{children:[e.jsxs(ge,{type:"button","data-cat":!0,"data-expanded":k||void 0,"data-selected":l||void 0,onClick:()=>S(s),children:[e.jsx(fe,{children:r(s.labelKey)}),s.expandable?e.jsx(L,{up:k,size:24,color:o.colors.softWhite}):null]}),s.subs?e.jsx(xe,{"data-open":k||void 0,children:e.jsx(ue,{children:s.subs.map(x=>{const c=y===x.key&&!!x.subs;return e.jsxs("div",{children:[e.jsxs(qe,{type:"button","data-sub":!0,"data-active":a===x.key||void 0,onClick:()=>v(x),children:[e.jsxs(be,{children:[e.jsx(me,{name:x.icon,"aria-hidden":!0}),e.jsx(ye,{"data-sub-label":!0,children:r(x.labelKey)})]}),x.expandable?e.jsx(L,{up:c,size:24,"data-chevron":!0}):null]}),x.subs?e.jsx(xe,{"data-open":c||void 0,children:e.jsx(ue,{children:x.subs.map(C=>e.jsx(Qe,{type:"button","data-sub":!0,"data-active":a===C.key||void 0,onClick:()=>u(a===C.key?null:C.key),children:e.jsxs(be,{children:[e.jsx(me,{name:C.icon,"aria-hidden":!0}),e.jsx(ye,{"data-sub-label":!0,children:r(C.labelKey)})]})},C.key))})}):null]},x.key)})})}):null]},s.key)}),$?e.jsx(he,{children:e.jsx(ge,{type:"button","data-cat":!0,"data-selected":f||void 0,onClick:$,children:e.jsx(fe,{children:r(R)})})}):null]})}const{colors:I,radius:Te}=o,Je=t.div`
+`,ie=[{key:"all",labelKey:"categories.shopAll"},{key:"wearable",labelKey:"categories.wearables",expandable:!0,subs:[{key:"Head",labelKey:"categories.head",icon:"cat-head",expandable:!0,subs:[{key:"Facial Hair",labelKey:"categories.facialHair",icon:"cat-facial-hair"},{key:"Hair",labelKey:"categories.hair",icon:"cat-hair"},{key:"Eyes",labelKey:"categories.eyes",icon:"cat-eyes"},{key:"Eyebrows",labelKey:"categories.eyebrows",icon:"cat-eyebrows"},{key:"Mouth",labelKey:"categories.mouth",icon:"cat-mouth"}]},{key:"Upper Body",labelKey:"categories.upperBody",icon:"cat-upper"},{key:"Handwear",labelKey:"categories.handwear",icon:"cat-handwear"},{key:"Lower Body",labelKey:"categories.lowerBody",icon:"cat-lower"},{key:"Feet",labelKey:"categories.feet",icon:"cat-feet"},{key:"Accessories",labelKey:"categories.accessories",icon:"cat-accessories",expandable:!0,subs:[{key:"Earring",labelKey:"categories.earring",icon:"cat-earring"},{key:"Eyewear",labelKey:"categories.eyewear",icon:"cat-eyewear"},{key:"Hat",labelKey:"categories.hat",icon:"cat-hat"},{key:"Helmet",labelKey:"categories.helmet",icon:"cat-helmet"},{key:"Mask",labelKey:"categories.mask",icon:"cat-mask"},{key:"Tiara",labelKey:"categories.tiara",icon:"cat-tiara"},{key:"Top Head",labelKey:"categories.topHead",icon:"cat-top-head"}]},{key:"Skins",labelKey:"categories.skins",icon:"cat-skins"}]},{key:"emote",labelKey:"categories.emotes",expandable:!0,subs:[{key:"Dance",labelKey:"categories.dance",icon:"emote-dance"},{key:"Stunt",labelKey:"categories.stunt",icon:"emote-stunt"},{key:"Greetings",labelKey:"categories.greetings",icon:"emote-greetings"},{key:"Fun",labelKey:"categories.fun",icon:"emote-fun"},{key:"Poses",labelKey:"categories.poses",icon:"emote-poses"},{key:"Reactions",labelKey:"categories.reactions",icon:"emote-reactions"},{key:"Horror",labelKey:"categories.horror",icon:"emote-horror"},{key:"Miscellaneous",labelKey:"categories.miscellaneous",icon:"emote-misc"}]},{key:"names",labelKey:"categories.names"}];function nt({category:o,subCategory:a,onCategory:h,onSub:u,title:c,flat:g=!1,collections:f=!1,onCollections:j,hideAll:m=!1,hideNames:b=!1,extraLabelKey:R="categories.collections"}){const[B,K]=v.useState(()=>o==="wearable"?"wearable":null),[y,w]=v.useState(null);function k(s){u(a===s.key?null:s.key),s.subs&&w($=>$===s.key?null:s.key)}function S(s){s.subs?K($=>{const l=$!==s.key;return l&&h(s.key),l?s.key:null}):(h(s.key),K(null))}return e.jsxs(tt,{"data-flat":g||void 0,children:[c?e.jsx(at,{children:c}):null,ie.filter(s=>!(m&&s.key==="all")&&!(b&&s.key==="names")).map(s=>{const $=B===s.key&&!!s.subs,l=!f&&s.key===o&&!a;return e.jsxs(he,{children:[e.jsxs(ge,{type:"button","data-cat":!0,"data-expanded":$||void 0,"data-selected":l||void 0,onClick:()=>S(s),children:[e.jsx(fe,{children:r(s.labelKey)}),s.expandable?e.jsx(L,{up:$,size:24,color:i.colors.softWhite}):null]}),s.subs?e.jsx(xe,{"data-open":$||void 0,children:e.jsx(ue,{children:s.subs.map(x=>{const d=y===x.key&&!!x.subs;return e.jsxs("div",{children:[e.jsxs(it,{type:"button","data-sub":!0,"data-active":a===x.key||void 0,onClick:()=>k(x),children:[e.jsxs(be,{children:[e.jsx(me,{name:x.icon,"aria-hidden":!0}),e.jsx(ye,{"data-sub-label":!0,children:r(x.labelKey)})]}),x.expandable?e.jsx(L,{up:d,size:24,"data-chevron":!0}):null]}),x.subs?e.jsx(xe,{"data-open":d||void 0,children:e.jsx(ue,{children:x.subs.map(C=>e.jsx(ot,{type:"button","data-sub":!0,"data-active":a===C.key||void 0,onClick:()=>u(a===C.key?null:C.key),children:e.jsxs(be,{children:[e.jsx(me,{name:C.icon,"aria-hidden":!0}),e.jsx(ye,{"data-sub-label":!0,children:r(C.labelKey)})]})},C.key))})}):null]},x.key)})})}):null]},s.key)}),j?e.jsx(he,{children:e.jsx(ge,{type:"button","data-cat":!0,"data-selected":f||void 0,onClick:j,children:e.jsx(fe,{children:r(R)})})}):null]})}const{colors:P,radius:Ie}=i,rt=t.div`
   position: relative;
   display: inline-block;
-`,Ze=t.button`
+`,st=t.button`
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
   gap: 24px;
   padding: 4px 4px 4px 12px;
   background: rgba(0, 0, 0, 0.12);
-  border: 0.5px solid ${I.muted2};
-  border-radius: ${Te.btn};
+  border: 0.5px solid ${P.muted2};
+  border-radius: ${Ie.btn};
   color: #ecebed;
   font-weight: 600;
   font-size: 12px;
@@ -151,16 +151,16 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   transition: border-color 0.15s ease;
 
   &:hover {
-    border-color: ${I.white};
+    border-color: ${P.white};
   }
   &:focus-visible {
     outline: 0;
-    border-color: ${I.accent};
+    border-color: ${P.accent};
   }
-`,et=t.span`
+`,lt=t.span`
   overflow: hidden;
   text-overflow: ellipsis;
-`,tt=t.ul`
+`,dt=t.ul`
   position: absolute;
   top: calc(100% + 8px);
   z-index: 40;
@@ -169,8 +169,8 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   margin: 0;
   padding: 0;
   overflow: hidden;
-  background: ${I.white};
-  border-radius: ${Te.btn};
+  background: ${P.white};
+  border-radius: ${Ie.btn};
   box-shadow: 0 4px 25px 5px rgba(0, 0, 0, 0.25);
   animation: cart-pop-in 0.16s ease;
 
@@ -180,19 +180,19 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   &[data-align='right'] {
     right: 0;
   }
-`,ot=t.button`
+`,ct=t.button`
   display: flex;
   align-items: center;
   width: 100%;
   height: 40px;
   text-align: left;
-  background: ${I.white};
+  background: ${P.white};
   border: 0;
   padding: 4px 4px 4px 8px;
   font-weight: 400;
   font-size: 14px;
   line-height: 1.43;
-  color: ${I.gray0};
+  color: ${P.gray0};
   white-space: nowrap;
   cursor: pointer;
 
@@ -200,15 +200,15 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     background: #f5f4f7;
   }
   &[data-active] {
-    background: ${I.media};
+    background: ${P.media};
   }
-`;function it({options:i,value:a,onChange:h,label:u,placeholder:d,align:g="left",className:f="",ariaLabel:$,open:m,onOpenChange:b}){const[R,P]=w.useState(!1),y=m!==void 0?m:R,j=w.useRef(null),v=w.useRef(b);v.current=b;const S=w.useCallback(l=>{var x;m!==void 0?(x=v.current)==null||x.call(v,l):P(l)},[m]),s=i.find(l=>l.value===a),k=u??(s==null?void 0:s.label)??d;return w.useEffect(()=>{if(!y)return;function l(c){j.current&&!j.current.contains(c.target)&&S(!1)}function x(c){c.key==="Escape"&&S(!1)}return document.addEventListener("pointerdown",l),document.addEventListener("keydown",x),()=>{document.removeEventListener("pointerdown",l),document.removeEventListener("keydown",x)}},[y,S]),e.jsxs(Je,{className:f||void 0,ref:j,children:[e.jsxs(Ze,{type:"button","data-dropdown-trigger":!0,"data-open":y||void 0,"aria-haspopup":"listbox","aria-expanded":y,"aria-label":$,onClick:()=>S(!y),children:[e.jsx(et,{children:k}),e.jsx(L,{up:y,size:24,color:o.colors.softWhite})]}),y?e.jsx(tt,{"data-align":g,role:"listbox",children:i.map(l=>e.jsx("li",{role:"none",children:e.jsx(ot,{type:"button",role:"option","aria-selected":l.value===a,"data-active":l.value===a||void 0,onClick:()=>{h(l.value),S(!1)},children:l.label})},l.value))}):null]})}const{colors:D}=o,at=t.div`
+`;function pt({options:o,value:a,onChange:h,label:u,placeholder:c,align:g="left",className:f="",ariaLabel:j,open:m,onOpenChange:b}){const[R,B]=v.useState(!1),y=m!==void 0?m:R,w=v.useRef(null),k=v.useRef(b);k.current=b;const S=v.useCallback(l=>{var x;m!==void 0?(x=k.current)==null||x.call(k,l):B(l)},[m]),s=o.find(l=>l.value===a),$=u??(s==null?void 0:s.label)??c;return v.useEffect(()=>{if(!y)return;function l(d){w.current&&!w.current.contains(d.target)&&S(!1)}function x(d){d.key==="Escape"&&S(!1)}return document.addEventListener("pointerdown",l),document.addEventListener("keydown",x),()=>{document.removeEventListener("pointerdown",l),document.removeEventListener("keydown",x)}},[y,S]),e.jsxs(rt,{className:f||void 0,ref:w,children:[e.jsxs(st,{type:"button","data-dropdown-trigger":!0,"data-open":y||void 0,"aria-haspopup":"listbox","aria-expanded":y,"aria-label":j,onClick:()=>S(!y),children:[e.jsx(lt,{children:$}),e.jsx(L,{up:y,size:24,color:i.colors.softWhite})]}),y?e.jsx(dt,{"data-align":g,role:"listbox",children:o.map(l=>e.jsx("li",{role:"none",children:e.jsx(ct,{type:"button",role:"option","aria-selected":l.value===a,"data-active":l.value===a||void 0,onClick:()=>{h(l.value),S(!1)},children:l.label})},l.value))}):null]})}const{colors:M}=i,ht=t.div`
   position: absolute;
   top: calc(100% + 8px);
   left: 0;
   z-index: 36;
-  background: ${D.white};
-  border: 1px solid ${D.line};
+  background: ${M.white};
+  border: 1px solid ${M.line};
   border-radius: 12px;
   box-shadow: 0 12px 32px rgba(22, 21, 24, 0.12);
   padding: 8px;
@@ -224,7 +224,7 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     min-width: 240px;
     padding: 12px;
   }
-`,nt=t.label`
+`,xt=t.label`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -238,7 +238,7 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     background: #f5f4f7;
   }
   & input {
-    accent-color: ${D.accent};
+    accent-color: ${M.accent};
     width: 15px;
     height: 15px;
   }
@@ -249,14 +249,14 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
 
   & input {
     width: 100%;
-    border: 1px solid ${D.lineStrong};
+    border: 1px solid ${M.lineStrong};
     border-radius: 10px;
     padding: 8px 10px;
     font-size: 14px;
   }
   & input:focus {
     outline: 0;
-    border-color: ${D.accent};
+    border-color: ${M.accent};
   }
   & input::-webkit-outer-spin-button,
   & input::-webkit-inner-spin-button {
@@ -265,15 +265,15 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   }
 `;t.p`
   margin: 8px 2px 0;
-  color: ${D.muted};
+  color: ${M.muted};
   font-size: 12px;
-`;const{colors:p,media:H,radius:rt}=o,st=t.div`
+`;const{colors:p,media:H,radius:ut}=i,gt=t.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 12px;
   margin-bottom: 20px;
-`,lt=t.span`
+`,ft=t.span`
   order: 1;
   color: ${p.gray5};
   font-weight: 400;
@@ -289,7 +289,7 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     line-height: 1;
     color: ${p.gray4};
   }
-`,ct=t.div`
+`,bt=t.div`
   order: 2;
   display: flex;
   flex-wrap: wrap;
@@ -301,13 +301,13 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     flex-basis: 100%;
     gap: 4px;
   }
-`,dt=t.button`
+`,mt=t.button`
   display: inline-flex;
   align-items: center;
   gap: 4px;
   padding: 6px 8px 6px 12px;
   border: 0;
-  border-radius: ${rt.pill};
+  border-radius: ${ut.pill};
   background: ${p.chipDark};
   color: ${p.white};
   font-weight: 400;
@@ -327,7 +327,7 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     outline: 2px solid ${p.accent};
     outline-offset: 2px;
   }
-`,pt=t(F)`
+`,yt=t(F)`
   width: 14px;
   height: 14px;
   color: ${p.white};
@@ -351,7 +351,7 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     outline: 2px solid ${p.accent};
     outline-offset: 2px;
   }
-`,ht=t.div`
+`,wt=t.div`
   flex: 0 1 405px;
   min-width: 200px;
 
@@ -363,7 +363,7 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     min-width: 130px;
     margin-right: 16px;
   }
-`,xt=t.div`
+`,vt=t.div`
   order: 4;
   display: flex;
   align-items: center;
@@ -404,7 +404,7 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
       gap: 4px;
     }
   }
-`,ut=t.button`
+`,kt=t.button`
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -431,18 +431,18 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     outline: 2px solid ${p.accent};
     outline-offset: 2px;
   }
-`,gt=t(F)`
+`,$t=t(F)`
   width: 20px;
   height: 20px;
   color: #ecebed;
-`,ft=t.div`
+`,jt=t.div`
   order: 2;
   display: flex;
   align-items: center;
   gap: 8px;
-`,bt=t.div`
+`,St=t.div`
   position: relative;
-`,mt=t.button`
+`,Wt=t.button`
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -468,7 +468,7 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     outline: 2px solid ${p.accent};
     outline-offset: 2px;
   }
-`,yt=t.span`
+`,zt=t.span`
   display: inline-grid;
   place-items: center;
   min-width: 18px;
@@ -479,11 +479,11 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   color: ${p.white};
   font-size: 11px;
   font-weight: 700;
-`,wt=t.div`
+`,Rt=t.div`
   position: fixed;
   inset: 0;
   z-index: 34;
-`,J=["common","uncommon","epic","rare","legendary","exotic","mythic","unique"],vt=[{key:"newest",label:"filterBar.sortNewest",server:"newest"},{key:"price-asc",label:"filterBar.sortCheapest",server:"cheapest"},{key:"price-desc",label:"filterBar.sortMostExpensive",server:"most_expensive"},{key:"name",label:"filterBar.sortName",server:"name"}];function kt({panelKey:i,label:a,active:h,badge:u,panel:d,children:g}){const f=d.open===i;return e.jsxs(bt,{children:[e.jsxs(mt,{type:"button","data-open":f||void 0,"data-active":h||void 0,onClick:()=>d.toggle(i),children:[a," ",u?e.jsx(yt,{children:u}):null," ",e.jsx(L,{up:f,size:24,color:o.colors.text2})]}),f?g:null]})}function ao({sort:i,onSort:a,sortOptions:h=vt,total:u,loading:d,query:g,onOpenFilters:f,chips:$,onClearChips:m,rarities:b,onToggleRarity:R,rarityOptions:P=J,anyActive:K,onClear:y,renderLeading:j,renderTrailing:v,search:S}){const[s,k]=w.useState(null),l={open:s,toggle:c=>k(C=>C===c?null:c),close:()=>k(null)},x=!!R||!!j||!!v;return e.jsxs(e.Fragment,{children:[s?e.jsx(wt,{onClick:l.close,"aria-hidden":!0}):null,e.jsxs(st,{"data-testid":"browse-toolbar",children:[e.jsx(lt,{"data-testid":"browse-count","aria-busy":d||void 0,children:d?e.jsx(Ue,{className:"skeleton",width:72,"data-testid":"browse-count-skeleton","aria-hidden":!0}):e.jsxs(e.Fragment,{children:[r("filterBar.count",{count:u}),g?` ${r("filterBar.forQuery",{query:g})}`:""]})}),$&&$.length?e.jsxs(ct,{"data-testid":"filter-chips",children:[$.map(c=>e.jsxs(dt,{type:"button",onClick:c.onRemove,"aria-label":r("filterBar.removeFilter",{filter:c.label}),children:[e.jsx("span",{children:c.label}),e.jsx(pt,{name:"close","aria-hidden":!0})]},c.key)),m?e.jsx(we,{type:"button",onClick:m,children:r("filterBar.clearAll")}):null]}):null,x?e.jsxs(ft,{children:[j==null?void 0:j(l),R?e.jsx(kt,{panelKey:"rarity",label:r("filterBar.rarity"),active:((b==null?void 0:b.length)??0)>0,badge:(b==null?void 0:b.length)||void 0,panel:l,children:e.jsx(at,{"data-variant":"rarity",children:P.map(c=>e.jsxs(nt,{children:[e.jsx("input",{type:"checkbox",checked:(b==null?void 0:b.includes(c))??!1,onChange:()=>R(c)}),e.jsx("span",{children:c})]},c))})}):null,v==null?void 0:v(l),K?e.jsx(we,{type:"button",onClick:()=>{y==null||y(),l.close()},children:r("filterBar.clearAll")}):null]}):null,e.jsxs(xt,{children:[S?e.jsx(ht,{children:S}):null,e.jsx(it,{label:r("filterBar.sortBy"),ariaLabel:r("filterBar.sortBy"),value:i,options:h.map(c=>({value:c.key,label:r(c.label)})),onChange:a,align:"right",open:l.open==="sort",onOpenChange:c=>c?l.toggle("sort"):l.close()}),f?e.jsxs(ut,{type:"button",onClick:f,children:[r("filterBar.filters"),e.jsx(gt,{name:"filter","aria-hidden":!0})]}):null]})]})]})}const N=1e5,_=900,B=90,Y=B*2,Ee=_/B,Fe=N-_,ve=100;function ke(i){const a=Math.max(0,Math.min(Math.round(i),Y));if(a<=B)return a*Ee;const h=_+(a-B)/B*Fe;return Math.round(h/ve)*ve}function Z(i){const a=Math.max(0,Math.min(i,N));return a<=_?Math.round(a/Ee):B+Math.round((a-_)/Fe*B)}function $e(i){return Z(i)/Y*100}const $t=t.div`
+`,J=["common","uncommon","epic","rare","legendary","exotic","mythic","unique"],De=[{key:"newest",label:"filterBar.sortNewest",server:"newest"},{key:"price-asc",label:"filterBar.sortCheapest",server:"cheapest"},{key:"price-desc",label:"filterBar.sortMostExpensive",server:"most_expensive"},{key:"name",label:"filterBar.sortName",server:"name"}],ri=[{key:"discount",label:"filterBar.sortBiggestDiscount",server:"discount"},...De];function Kt({panelKey:o,label:a,active:h,badge:u,panel:c,children:g}){const f=c.open===o;return e.jsxs(St,{children:[e.jsxs(Wt,{type:"button","data-open":f||void 0,"data-active":h||void 0,onClick:()=>c.toggle(o),children:[a," ",u?e.jsx(zt,{children:u}):null," ",e.jsx(L,{up:f,size:24,color:i.colors.text2})]}),f?g:null]})}function si({sort:o,onSort:a,sortOptions:h=De,total:u,loading:c,query:g,onOpenFilters:f,chips:j,onClearChips:m,rarities:b,onToggleRarity:R,rarityOptions:B=J,anyActive:K,onClear:y,renderLeading:w,renderTrailing:k,search:S}){const[s,$]=v.useState(null),l={open:s,toggle:d=>$(C=>C===d?null:d),close:()=>$(null)},x=!!R||!!w||!!k;return e.jsxs(e.Fragment,{children:[s?e.jsx(Rt,{onClick:l.close,"aria-hidden":!0}):null,e.jsxs(gt,{"data-testid":"browse-toolbar",children:[e.jsx(ft,{"data-testid":"browse-count","aria-busy":c||void 0,children:c?e.jsx(Ze,{className:"skeleton",width:72,"data-testid":"browse-count-skeleton","aria-hidden":!0}):e.jsxs(e.Fragment,{children:[r("filterBar.count",{count:u}),g?` ${r("filterBar.forQuery",{query:g})}`:""]})}),j&&j.length?e.jsxs(bt,{"data-testid":"filter-chips",children:[j.map(d=>e.jsxs(mt,{type:"button",onClick:d.onRemove,"aria-label":r("filterBar.removeFilter",{filter:d.label}),children:[e.jsx("span",{children:d.label}),e.jsx(yt,{name:"close","aria-hidden":!0})]},d.key)),m?e.jsx(we,{type:"button",onClick:m,children:r("filterBar.clearAll")}):null]}):null,x?e.jsxs(jt,{children:[w==null?void 0:w(l),R?e.jsx(Kt,{panelKey:"rarity",label:r("filterBar.rarity"),active:((b==null?void 0:b.length)??0)>0,badge:(b==null?void 0:b.length)||void 0,panel:l,children:e.jsx(ht,{"data-variant":"rarity",children:B.map(d=>e.jsxs(xt,{children:[e.jsx("input",{type:"checkbox",checked:(b==null?void 0:b.includes(d))??!1,onChange:()=>R(d)}),e.jsx("span",{children:d})]},d))})}):null,k==null?void 0:k(l),K?e.jsx(we,{type:"button",onClick:()=>{y==null||y(),l.close()},children:r("filterBar.clearAll")}):null]}):null,e.jsxs(vt,{children:[S?e.jsx(wt,{children:S}):null,e.jsx(pt,{label:r("filterBar.sortBy"),ariaLabel:r("filterBar.sortBy"),value:o,options:h.map(d=>({value:d.key,label:r(d.label)})),onChange:a,align:"right",open:l.open==="sort",onOpenChange:d=>d?l.toggle("sort"):l.close()}),f?e.jsxs(kt,{type:"button","data-testid":"open-filters",onClick:f,children:[r("filterBar.filters"),e.jsx($t,{name:"filter","aria-hidden":!0})]}):null]})]})]})}const N=1e5,_=900,I=90,Y=I*2,Ne=_/I,Me=N-_,ve=100;function ke(o){const a=Math.max(0,Math.min(Math.round(o),Y));if(a<=I)return a*Ne;const h=_+(a-I)/I*Me;return Math.round(h/ve)*ve}function Z(o){const a=Math.max(0,Math.min(o,N));return a<=_?Math.round(a/Ne):I+Math.round((a-_)/Me*I)}function $e(o){return Z(o)/Y*100}const Ct=t.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -492,11 +492,11 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   height: 1px;
   background: rgba(255, 255, 255, 0.25);
   width: 100%;
-`,jt=t.div`
+`,Tt=t.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`,St=t("button",E("desktopStatic"))`
+`,Et=t("button",E("desktopStatic"))`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -507,11 +507,11 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   border: 0;
   border-radius: 4px;
   background: transparent;
-  color: ${o.colors.softWhite};
+  color: ${i.colors.softWhite};
   text-align: left;
   cursor: pointer;
 
-  ${o.media.maxWidth("lg")} {
+  ${i.media.maxWidth("lg")} {
     height: 52px;
   }
 
@@ -521,54 +521,54 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     }
   }
   &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
+    outline: 2px solid ${i.colors.accent};
     outline-offset: 2px;
   }
 
-  ${({desktopStatic:i})=>i?`${o.media.minWidth("lg")} {
+  ${({desktopStatic:o})=>o?`${i.media.minWidth("lg")} {
           cursor: default;
           &:hover { background: transparent; }
         }`:""}
-`,Wt=t.span`
-  font-family: ${o.font.sans};
+`,Ft=t.span`
+  font-family: ${i.font.sans};
   font-weight: 600;
   font-size: 14px;
   line-height: 1.43;
-  color: ${o.colors.softWhite};
+  color: ${i.colors.softWhite};
 
-  ${o.media.maxWidth("lg")} {
+  ${i.media.maxWidth("lg")} {
     font-size: 16px;
   }
-`,zt=t.span`
+`,Bt=t.span`
   display: inline-flex;
-  ${o.media.minWidth("lg")} {
+  ${i.media.minWidth("lg")} {
     display: none;
   }
-`,Rt=t("p",E("desktopHidden"))`
+`,Pt=t("p",E("desktopHidden"))`
   margin: 0;
   padding: 0 4px 4px;
-  font-family: ${o.font.sans};
+  font-family: ${i.font.sans};
   font-weight: 400;
   font-size: 12px;
   line-height: normal;
-  color: ${o.colors.gray4};
+  color: ${i.colors.gray4};
   text-transform: capitalize;
 
-  ${({desktopHidden:i})=>i?`${o.media.minWidth("lg")} { display: none; }`:""}
-`,Kt=t("div",E("open","desktopStatic"))`
+  ${({desktopHidden:o})=>o?`${i.media.minWidth("lg")} { display: none; }`:""}
+`,It=t("div",E("open","desktopStatic"))`
   display: grid;
-  grid-template-rows: ${({open:i})=>i?"1fr":"0fr"};
+  grid-template-rows: ${({open:o})=>o?"1fr":"0fr"};
   transition: grid-template-rows 0.22s ease;
 
-  ${({desktopStatic:i})=>i?`${o.media.minWidth("lg")} { grid-template-rows: 1fr; }`:""}
+  ${({desktopStatic:o})=>o?`${i.media.minWidth("lg")} { grid-template-rows: 1fr; }`:""}
 
   @media (prefers-reduced-motion: reduce) {
     transition: none;
   }
-`,Ct=t.div`
+`,Dt=t.div`
   overflow: hidden;
   min-height: 0;
-`,Tt=t.div`
+`,Nt=t.div`
   display: flex;
   align-items: flex-end;
   justify-content: center;
@@ -581,22 +581,22 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   flex-direction: column;
   gap: 4px;
 `,Se=t.span`
-  font-family: ${o.font.sans};
+  font-family: ${i.font.sans};
   font-weight: 400;
   font-size: 12px;
-  color: ${o.colors.gray4};
+  color: ${i.colors.gray4};
 `,We=t.span`
   display: flex;
   align-items: center;
   gap: 4px;
   height: 42px;
   padding: 8px;
-  border: 0.5px solid ${o.colors.softWhite};
+  border: 0.5px solid ${i.colors.softWhite};
   border-radius: 8px;
   background: rgba(0, 0, 0, 0.1);
 
   &:focus-within {
-    border-color: ${o.rarities.epic};
+    border-color: ${i.rarities.epic};
   }
 `,ze=t.input`
   width: 100%;
@@ -604,9 +604,9 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   border: 0;
   background: none;
   padding: 0;
-  font-family: ${o.font.sans};
+  font-family: ${i.font.sans};
   font-size: 13px;
-  color: ${o.colors.softWhite};
+  color: ${i.colors.softWhite};
 
   &:focus {
     outline: 0;
@@ -616,16 +616,16 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     -webkit-appearance: none;
     margin: 0;
   }
-`,Et=t.span`
+`,Mt=t.span`
   padding-bottom: 12px;
-  color: ${o.colors.softWhite};
-  font-family: ${o.font.sans};
+  color: ${i.colors.softWhite};
+  font-family: ${i.font.sans};
   font-size: 13px;
-`,Ft=t.div`
+`,Ht=t.div`
   position: relative;
   height: 20px;
   margin: 24px 4px 0;
-`,Pt=t.div`
+`,Lt=t.div`
   position: absolute;
   top: 50%;
   left: 0;
@@ -634,14 +634,14 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   transform: translateY(-50%);
   background: rgba(255, 255, 255, 0.3);
   border-radius: 2px;
-`,It=t("div",E("minPct","maxPct"))`
+`,_t=t("div",E("minPct","maxPct"))`
   position: absolute;
   top: 50%;
   height: 2px;
   transform: translateY(-50%);
-  left: ${({minPct:i})=>`${i}%`};
-  right: ${({maxPct:i})=>`${100-i}%`};
-  background: ${o.colors.rarity};
+  left: ${({minPct:o})=>`${o}%`};
+  right: ${({maxPct:o})=>`${100-o}%`};
+  background: ${i.colors.rarity};
   border-radius: 2px;
 `,Re=t.input`
   position: absolute;
@@ -670,8 +670,8 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     width: 16px;
     height: 16px;
     border-radius: 50%;
-    background: ${o.colors.white};
-    border: 2px solid ${o.colors.rarity};
+    background: ${i.colors.white};
+    border: 2px solid ${i.colors.rarity};
     box-shadow: 0 1px 3px rgba(22, 21, 24, 0.25);
     cursor: pointer;
   }
@@ -680,12 +680,12 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     width: 16px;
     height: 16px;
     border-radius: 50%;
-    background: ${o.colors.white};
-    border: 2px solid ${o.colors.rarity};
+    background: ${i.colors.white};
+    border: 2px solid ${i.colors.rarity};
     box-shadow: 0 1px 3px rgba(22, 21, 24, 0.25);
     cursor: pointer;
   }
-`,Bt=t.div`
+`,Ot=t.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -694,68 +694,68 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   display: inline-flex;
   align-items: center;
   gap: 2px;
-  font-family: ${o.font.sans};
+  font-family: ${i.font.sans};
   font-size: 13px;
-  color: ${o.colors.softWhite};
+  color: ${i.colors.softWhite};
 `,Ce=t(F)`
   width: 16px;
   height: 16px;
-  color: ${o.colors.softWhite};
-`,Mt=t.div`
+  color: ${i.colors.softWhite};
+`,At=t.div`
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   padding: 9px 4px 9px 8px;
 
-  ${o.media.maxWidth("lg")} {
+  ${i.media.maxWidth("lg")} {
     gap: 12px 16px;
   }
-`,Nt=t("button",E("selected"))`
+`,Ut=t("button",E("selected"))`
   display: inline-flex;
   align-items: center;
   gap: 4px;
   padding: 4px 8px;
   border-radius: 6px;
-  background: ${({selected:i})=>i?"rgba(0, 0, 0, 0.3)":"transparent"};
-  border: ${({selected:i})=>i?`1px solid ${o.colors.softWhite}`:"0.5px solid rgba(255, 255, 255, 0.3)"};
+  background: ${({selected:o})=>o?"rgba(0, 0, 0, 0.3)":"transparent"};
+  border: ${({selected:o})=>o?`1px solid ${i.colors.softWhite}`:"0.5px solid rgba(255, 255, 255, 0.3)"};
   cursor: pointer;
   transition:
     background 0.15s ease,
     border-color 0.15s ease;
 
   &:hover {
-    border-color: ${o.colors.softWhite};
+    border-color: ${i.colors.softWhite};
   }
   &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
+    outline: 2px solid ${i.colors.accent};
     outline-offset: 2px;
   }
-`,Dt=t("span",E("color"))`
+`,Gt=t("span",E("color"))`
   position: relative;
   width: 16px;
   height: 16px;
   border-radius: 4px;
-  background: ${({color:i})=>i};
+  background: ${({color:o})=>o};
   flex: none;
-`,Ht=t(F)`
+`,Yt=t(F)`
   position: absolute;
   inset: 0;
   width: 16px;
   height: 16px;
-  color: ${o.colors.white};
-`,Lt=t("span",E("selected"))`
-  font-family: ${o.font.sans};
-  font-weight: ${({selected:i})=>i?600:400};
+  color: ${i.colors.white};
+`,qt=t("span",E("selected"))`
+  font-family: ${i.font.sans};
+  font-weight: ${({selected:o})=>o?600:400};
   font-size: 12px;
   line-height: 1.43;
   /* Gray 5 at rest, soft-white when selected (Figma) — both read on the purple field. */
-  color: ${({selected:i})=>i?o.colors.softWhite:o.colors.media};
+  color: ${({selected:o})=>o?i.colors.softWhite:i.colors.media};
   text-transform: capitalize;
 
-  ${o.media.maxWidth("lg")} {
+  ${i.media.maxWidth("lg")} {
     font-size: 14px;
   }
-`,_t=t.label`
+`,Qt=t.label`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -767,15 +767,15 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
      it is picked. Selected by tag rather than by interpolating StatusRadio (see CLAUDE.md). */
   @media (hover: hover) {
     &:hover input[type='radio'] {
-      border-color: ${o.colors.dclRed};
+      border-color: ${i.colors.dclRed};
     }
   }
-`,Ot=t.input`
+`,Vt=t.input`
   appearance: none;
   width: 18px;
   height: 18px;
   margin: 0;
-  border: 2px solid ${o.colors.media};
+  border: 2px solid ${i.colors.media};
   border-radius: 50%;
   background: transparent;
   cursor: pointer;
@@ -787,20 +787,28 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   /* The dot is painted as a background rather than a child element, which a replaced element can't
      have. The half-pixel feather on the stop keeps its edge from going jagged. */
   &:checked {
-    border-color: ${o.colors.dclRed};
-    background: radial-gradient(circle at center, ${o.colors.dclRed} 0 4px, transparent 4.5px);
+    border-color: ${i.colors.dclRed};
+    background: radial-gradient(circle at center, ${i.colors.dclRed} 0 4px, transparent 4.5px);
   }
   &:focus-visible {
-    outline: 2px solid ${o.colors.dclRed};
+    outline: 2px solid ${i.colors.dclRed};
     outline-offset: 2px;
   }
-`,At=t.span`
-  font-family: ${o.font.sans};
+`,Xt=t.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-family: ${i.font.sans};
   font-weight: 400;
   font-size: 14px;
   line-height: 1.43;
-  color: ${o.colors.gray4};
-`,Ut=t.div`
+  color: ${i.colors.gray4};
+`,li=t.img`
+  width: 1em;
+  height: 1em;
+  flex: none;
+  vertical-align: -0.12em;
+`,Te=t.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -809,49 +817,49 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   height: 40px;
   padding: 4px;
 
-  /* On mobile SMART is a peer of the collapsible section headers (Figma 1304-307965): same 52px row
-     height so it doesn't read as a smaller afterthought. */
-  ${o.media.maxWidth("lg")} {
+  /* On mobile a toggle row is a peer of the collapsible section headers (Figma 1304-307965): same 52px
+     row height so it doesn't read as a smaller afterthought. */
+  ${i.media.maxWidth("lg")} {
     height: 52px;
   }
-`,Gt=t.div`
+`,Ee=t.div`
   display: flex;
   align-items: center;
   gap: 6px;
-`,Yt=t(F)`
+`,Jt=t(F)`
   width: 14px;
   height: 14px;
-  color: ${o.colors.softWhite};
+  color: ${i.colors.softWhite};
 
-  ${o.media.maxWidth("lg")} {
+  ${i.media.maxWidth("lg")} {
     width: 16px;
     height: 16px;
   }
-`,qt=t.span`
-  font-family: ${o.font.sans};
+`,Fe=t.span`
+  font-family: ${i.font.sans};
   font-weight: 600;
   font-size: 14px;
   line-height: 1.43;
-  color: ${o.colors.softWhite};
+  color: ${i.colors.softWhite};
   /* Figma labels SMART in uppercase (the flash-feature label), unlike the title-case section names. */
   text-transform: uppercase;
 
-  /* Match the section-header title size on mobile so SMART has the same hierarchy as Price/Rarity/etc. */
-  ${o.media.maxWidth("lg")} {
+  /* Match the section-header title size on mobile so a toggle row has the same hierarchy as Price/Rarity. */
+  ${i.media.maxWidth("lg")} {
     font-size: 16px;
   }
-`,Qt=t(F)`
+`,Zt=t(F)`
   width: 12px;
   height: 12px;
-  color: ${o.colors.muted2};
-`,Vt=t("button",E("on"))`
+  color: ${i.colors.muted2};
+`,Be=t("button",E("on"))`
   position: relative;
   width: 24px;
   height: 14px;
   padding: 0;
   border-radius: 100px;
   border: 0;
-  background: ${({on:i})=>i?o.colors.dclRed:"rgba(255, 255, 255, 0.1)"};
+  background: ${({on:o})=>o?i.colors.dclRed:"rgba(255, 255, 255, 0.1)"};
   cursor: pointer;
   flex: none;
   transition:
@@ -859,50 +867,50 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     border-color 0.15s ease;
 
   &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
+    outline: 2px solid ${i.colors.accent};
     outline-offset: 2px;
   }
 
   /* Bigger, tappable switch on mobile (the 24×14 desktop pill reads as too small on a phone). */
-  ${o.media.maxWidth("lg")} {
+  ${i.media.maxWidth("lg")} {
     width: 40px;
     height: 22px;
   }
-`,Xt=t("span",E("on"))`
+`,Pe=t("span",E("on"))`
   position: absolute;
   top: 50%;
-  left: ${({on:i})=>i?"calc(100% - 12px)":"0px"};
+  left: ${({on:o})=>o?"calc(100% - 12px)":"0px"};
   transform: translateY(-50%);
   width: 12px;
   height: 12px;
   border-radius: 50%;
   /* White knob in both states (Figma switch knob is soft-white) — only its position animates. */
-  background: ${o.colors.softWhite};
+  background: ${i.colors.softWhite};
   box-shadow: 0 1px 2px rgba(22, 21, 24, 0.3);
   transition: left 0.15s ease;
 
-  ${o.media.maxWidth("lg")} {
+  ${i.media.maxWidth("lg")} {
     width: 18px;
     height: 18px;
-    left: ${({on:i})=>i?"calc(100% - 18px)":"2px"};
+    left: ${({on:o})=>o?"calc(100% - 18px)":"2px"};
   }
-`;function Jt(i){var a;for(const h of oe){const u=(a=h.subs)==null?void 0:a.find(d=>d.key===i);if(u)return r(u.labelKey)}return i}function G({title:i,open:a,onToggle:h,summary:u,desktopStatic:d,headerTestId:g,headerAria:f,children:$}){const m=e.jsx(L,{up:a,size:24,color:o.colors.softWhite});return e.jsxs(jt,{children:[e.jsxs(St,{type:"button",desktopStatic:d,onClick:h,"aria-expanded":a,"aria-label":f,"data-testid":g,children:[e.jsx(Wt,{children:i}),d?e.jsx(zt,{children:m}):m]}),!a&&u?e.jsx(Rt,{desktopHidden:d,children:u}):null,e.jsx(Kt,{open:a,desktopStatic:d,children:e.jsx(Ct,{children:$})})]})}function no({category:i,subCategory:a,onCategory:h,onSub:u,priceMin:d,priceMax:g,onPriceMin:f,onPriceMax:$,rarities:m,onToggleRarity:b,status:R,onStatus:P,smart:K,onSmart:y,hideNames:j=!1,collections:v=!1,onCollections:S}){var ce;const[s,k]=w.useState(!0),[l,x]=w.useState(!0),[c,C]=w.useState(!1),[Pe,Ie]=w.useState(!0),q=d&&!Number.isNaN(Number(d))?Number(d):void 0,Q=g&&!Number.isNaN(Number(g))?Number(g):void 0,[W,V]=w.useState({}),ie=q!=null?Math.min(q,N):0,ae=Q!=null?Math.min(Q,N):N,O=W.min??ie,A=W.max??ae,ne=$e(O),Be=$e(A),re=n=>n<=0?"":String(n),se=n=>n>=N?"":String(n);function Me(n){V(z=>{const X=z.max??ae;return{...z,min:Math.min(ke(n),X)}})}function Ne(n){V(z=>{const X=z.min??ie;return{...z,max:Math.max(ke(n),X)}})}function M(){W.min===void 0&&W.max===void 0||(W.min!==void 0&&f(re(W.min)),W.max!==void 0&&$(se(W.max)),V({}))}const le=(ce=oe.find(n=>n.key===i))==null?void 0:ce.labelKey,De=v?r("categories.collections"):a?Jt(a):le&&i!=="all"?r(le):"",He=q!=null||Q!=null?`${d||"0"}-${g||"∞"}`:"",Le=J.filter(n=>m.includes(n)).map(de).join(", "),_e=R==="on_sale"?r("filter.onSale"):R==="not_for_sale"?r("filter.notForSale"):"";return e.jsxs($t,{children:[e.jsx(G,{title:r("assets.category"),open:s,onToggle:()=>k(n=>!n),summary:De,desktopStatic:!0,children:e.jsx(Xe,{category:i,subCategory:a,onCategory:h,onSub:u,hideNames:j,collections:v,onCollections:S})}),e.jsx(U,{}),e.jsxs(G,{title:r("filter.price"),open:l,onToggle:()=>x(n=>!n),summary:He,desktopStatic:!0,children:[e.jsxs(Tt,{children:[e.jsxs(je,{children:[e.jsx(Se,{children:r("assets.min")}),e.jsx(We,{children:e.jsx(ze,{type:"number",min:"0","aria-label":r("assets.minPriceAria"),placeholder:"0",value:W.min!==void 0?re(W.min):d,onChange:n=>f(n.target.value)})})]}),e.jsx(Et,{children:r("assets.priceTo")}),e.jsxs(je,{children:[e.jsx(Se,{children:r("assets.max")}),e.jsx(We,{children:e.jsx(ze,{type:"number",min:"0","aria-label":r("assets.maxPriceAria"),placeholder:"0",value:W.max!==void 0?se(W.max):g,onChange:n=>$(n.target.value)})})]})]}),e.jsxs(Ft,{children:[e.jsx(Pt,{"aria-hidden":!0}),e.jsx(It,{minPct:ne,maxPct:Be,"aria-hidden":!0}),e.jsx(Re,{type:"range",min:0,max:Y,value:Z(O),"aria-label":r("assets.minPriceSliderAria"),"aria-valuetext":O.toLocaleString(),"data-on-top":ne>=50?"":void 0,onChange:n=>Me(Number(n.target.value)),onPointerUp:M,onKeyUp:M,onBlur:M}),e.jsx(Re,{type:"range",min:0,max:Y,value:Z(A),"aria-label":r("assets.maxPriceSliderAria"),"aria-valuetext":A.toLocaleString(),onChange:n=>Ne(Number(n.target.value)),onPointerUp:M,onKeyUp:M,onBlur:M})]}),e.jsxs(Bt,{children:[e.jsxs(Ke,{children:[e.jsx(Ce,{name:pe.iconName,"aria-hidden":!0}),O.toLocaleString()]}),e.jsxs(Ke,{children:[e.jsx(Ce,{name:pe.iconName,"aria-hidden":!0}),A.toLocaleString()]})]})]}),e.jsx(U,{}),e.jsx(G,{title:r("assets.rarity"),open:c,onToggle:()=>C(n=>!n),summary:Le,headerTestId:"sidebar-section-toggle",children:e.jsx(Mt,{"data-testid":"rarity-filter",children:J.map(n=>{const z=m.includes(n);return e.jsxs(Nt,{type:"button",selected:z,"aria-pressed":z,onClick:()=>b(n),"data-testid":"rarity-filter-check",children:[e.jsx(Dt,{color:o.rarities[n],children:z?e.jsx(Ht,{name:"check","aria-hidden":!0}):null}),e.jsx(Lt,{selected:z,children:de(n)})]},n)})})}),e.jsx(U,{}),e.jsx(G,{title:r("filter.status"),open:Pe,onToggle:()=>Ie(n=>!n),summary:_e,children:[["all",r("filter.statusAll")],["on_sale",r("filter.onSale")],["not_for_sale",r("filter.notForSale")]].map(([n,z])=>e.jsxs(_t,{children:[e.jsx(Ot,{type:"radio",name:"shop-status",checked:R===n,onChange:()=>P(n)}),e.jsx(At,{children:z})]},n))}),e.jsx(U,{}),e.jsxs(Ut,{children:[e.jsxs(Gt,{children:[e.jsx(Yt,{name:"smart","aria-hidden":!0}),e.jsx(qt,{children:r("filter.smart")}),e.jsx(Ae,{content:r("filter.smartHint"),placement:"bottom",children:e.jsx(Qt,{name:"info",role:"img","aria-label":r("filter.smartHint"),tabIndex:0,"data-testid":"smart-hint"})})]}),e.jsx(Vt,{type:"button",role:"switch",on:K,"aria-checked":K,"aria-label":r("filter.smart"),onClick:()=>y(!K),children:e.jsx(Xt,{on:K})})]})]})}const ro=t.div`
+`;function ei(o){var a;for(const h of ie){const u=(a=h.subs)==null?void 0:a.find(c=>c.key===o);if(u)return r(u.labelKey)}return o}function G({title:o,open:a,onToggle:h,summary:u,desktopStatic:c,headerTestId:g,headerAria:f,children:j}){const m=e.jsx(L,{up:a,size:24,color:i.colors.softWhite});return e.jsxs(Tt,{children:[e.jsxs(Et,{type:"button",desktopStatic:c,onClick:h,"aria-expanded":a,"aria-label":f,"data-testid":g,children:[e.jsx(Ft,{children:o}),c?e.jsx(Bt,{children:m}):m]}),!a&&u?e.jsx(Pt,{desktopHidden:c,children:u}):null,e.jsx(It,{open:a,desktopStatic:c,children:e.jsx(Dt,{children:j})})]})}function di({category:o,subCategory:a,onCategory:h,onSub:u,priceMin:c,priceMax:g,onPriceMin:f,onPriceMax:j,rarities:m,onToggleRarity:b,status:R,onStatus:B,smart:K,onSmart:y,deals:w,onDeals:k,hideNames:S=!1,collections:s=!1,onCollections:$}){var de;const[l,x]=v.useState(!0),[d,C]=v.useState(!0),[He,Le]=v.useState(!1),[_e,Oe]=v.useState(!0),q=c&&!Number.isNaN(Number(c))?Number(c):void 0,Q=g&&!Number.isNaN(Number(g))?Number(g):void 0,[W,V]=v.useState({}),oe=q!=null?Math.min(q,N):0,ae=Q!=null?Math.min(Q,N):N,O=W.min??oe,A=W.max??ae,ne=$e(O),Ae=$e(A),re=n=>n<=0?"":String(n),se=n=>n>=N?"":String(n);function Ue(n){V(z=>{const X=z.max??ae;return{...z,min:Math.min(ke(n),X)}})}function Ge(n){V(z=>{const X=z.min??oe;return{...z,max:Math.max(ke(n),X)}})}function D(){W.min===void 0&&W.max===void 0||(W.min!==void 0&&f(re(W.min)),W.max!==void 0&&j(se(W.max)),V({}))}const le=(de=ie.find(n=>n.key===o))==null?void 0:de.labelKey,Ye=s?r("categories.collections"):a?ei(a):le&&o!=="all"?r(le):"",qe=q!=null||Q!=null?`${c||"0"}-${g||"∞"}`:"",Qe=J.filter(n=>m.includes(n)).map(ce).join(", "),Ve=R==="on_sale"?r("filter.onSale"):R==="not_for_sale"?r("filter.notForSale"):"";return e.jsxs(Ct,{children:[e.jsx(G,{title:r("assets.category"),open:l,onToggle:()=>x(n=>!n),summary:Ye,desktopStatic:!0,children:e.jsx(nt,{category:o,subCategory:a,onCategory:h,onSub:u,hideNames:S,collections:s,onCollections:$})}),e.jsx(U,{}),e.jsxs(G,{title:r("filter.price"),open:d,onToggle:()=>C(n=>!n),summary:qe,desktopStatic:!0,children:[e.jsxs(Nt,{children:[e.jsxs(je,{children:[e.jsx(Se,{children:r("assets.min")}),e.jsx(We,{children:e.jsx(ze,{type:"number",min:"0","aria-label":r("assets.minPriceAria"),placeholder:"0",value:W.min!==void 0?re(W.min):c,onChange:n=>f(n.target.value)})})]}),e.jsx(Mt,{children:r("assets.priceTo")}),e.jsxs(je,{children:[e.jsx(Se,{children:r("assets.max")}),e.jsx(We,{children:e.jsx(ze,{type:"number",min:"0","aria-label":r("assets.maxPriceAria"),placeholder:"0",value:W.max!==void 0?se(W.max):g,onChange:n=>j(n.target.value)})})]})]}),e.jsxs(Ht,{children:[e.jsx(Lt,{"aria-hidden":!0}),e.jsx(_t,{minPct:ne,maxPct:Ae,"aria-hidden":!0}),e.jsx(Re,{type:"range",min:0,max:Y,value:Z(O),"aria-label":r("assets.minPriceSliderAria"),"aria-valuetext":O.toLocaleString(),"data-on-top":ne>=50?"":void 0,onChange:n=>Ue(Number(n.target.value)),onPointerUp:D,onKeyUp:D,onBlur:D}),e.jsx(Re,{type:"range",min:0,max:Y,value:Z(A),"aria-label":r("assets.maxPriceSliderAria"),"aria-valuetext":A.toLocaleString(),onChange:n=>Ge(Number(n.target.value)),onPointerUp:D,onKeyUp:D,onBlur:D})]}),e.jsxs(Ot,{children:[e.jsxs(Ke,{children:[e.jsx(Ce,{name:pe.iconName,"aria-hidden":!0}),O.toLocaleString()]}),e.jsxs(Ke,{children:[e.jsx(Ce,{name:pe.iconName,"aria-hidden":!0}),A.toLocaleString()]})]})]}),e.jsx(U,{}),e.jsx(G,{title:r("assets.rarity"),open:He,onToggle:()=>Le(n=>!n),summary:Qe,headerTestId:"sidebar-section-toggle",children:e.jsx(At,{"data-testid":"rarity-filter",children:J.map(n=>{const z=m.includes(n);return e.jsxs(Ut,{type:"button",selected:z,"aria-pressed":z,onClick:()=>b(n),"data-testid":"rarity-filter-check",children:[e.jsx(Gt,{color:i.rarities[n],children:z?e.jsx(Yt,{name:"check","aria-hidden":!0}):null}),e.jsx(qt,{selected:z,children:ce(n)})]},n)})})}),e.jsx(U,{}),e.jsx(G,{title:r("filter.status"),open:_e,onToggle:()=>Oe(n=>!n),summary:Ve,children:[["all",r("filter.statusAll")],["on_sale",r("filter.onSale")],["not_for_sale",r("filter.notForSale")]].map(([n,z])=>e.jsxs(Qt,{children:[e.jsx(Vt,{type:"radio",name:"shop-status",checked:R===n,onChange:()=>B(n)}),e.jsx(Xt,{children:z})]},n))}),e.jsx(U,{}),k?e.jsxs(Te,{"data-testid":"deals-row",children:[e.jsx(Ee,{children:e.jsx(Fe,{children:r("filter.deals")})}),e.jsx(Be,{type:"button",role:"switch",on:!!w,"aria-checked":!!w,"aria-label":r("filter.deals"),"data-testid":"deals-toggle",onClick:()=>k(!w),children:e.jsx(Pe,{on:!!w})})]}):null,e.jsxs(Te,{children:[e.jsxs(Ee,{children:[e.jsx(Jt,{name:"smart","aria-hidden":!0}),e.jsx(Fe,{children:r("filter.smart")}),e.jsx(Je,{content:r("filter.smartHint"),placement:"bottom",children:e.jsx(Zt,{name:"info",role:"img","aria-label":r("filter.smartHint"),tabIndex:0,"data-testid":"smart-hint"})})]}),e.jsx(Be,{type:"button",role:"switch",on:K,"aria-checked":K,"aria-label":r("filter.smart"),onClick:()=>y(!K),children:e.jsx(Pe,{on:K})})]})]})}const ci=t.div`
   position: relative;
   display: flex;
   gap: 32px;
   align-items: flex-start;
 
-  ${o.media.maxWidth("lg")} {
+  ${i.media.maxWidth("lg")} {
     display: block;
   }
-`,so=t.div`
+`,pi=t.div`
   flex: 1;
   min-width: 0;
 
-  ${o.media.maxWidth("lg")} {
+  ${i.media.maxWidth("lg")} {
     width: 100%;
   }
-`,lo=t.aside`
+`,hi=t.aside`
   flex: none;
   width: 265px;
 
@@ -911,7 +919,7 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
      the page. The row's align-items: flex-start (Root) keeps this a content-height item, which is what
      makes sticky able to move within the row.
      data-static opts out (the collection storefront, whose column flows with the page). */
-  ${o.media.minWidth("lg")} {
+  ${i.media.minWidth("lg")} {
     &:not([data-static]) {
       position: sticky;
       /* Sit flush below the fixed ui2 navbar (92px) + the sticky shop sub-nav (66px = its height) so
@@ -933,7 +941,7 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     }
   }
 
-  ${o.media.maxWidth("lg")} {
+  ${i.media.maxWidth("lg")} {
     position: fixed;
     left: 0;
     right: 0;
@@ -957,23 +965,23 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
       visibility: visible;
     }
   }
-`,co=t.div`
-  ${o.media.maxWidth("lg")} {
+`,xi=t.div`
+  ${i.media.maxWidth("lg")} {
     flex: 1;
     min-height: 0;
     overflow-y: auto;
     /* Room so the last filter row clears the sticky "Show items" bar (Figma bottom bar). */
     padding-bottom: 24px;
   }
-`,po=t.div`
+`,ui=t.div`
   position: fixed;
   inset: 0;
   z-index: 9998;
   background: rgba(0, 0, 0, 0.4);
-`,ho=t.div`
+`,gi=t.div`
   display: none;
 
-  ${o.media.maxWidth("lg")} {
+  ${i.media.maxWidth("lg")} {
     position: sticky;
     top: 0;
     z-index: 2;
@@ -985,14 +993,14 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     padding: 16px 16px 12px;
     border-radius: 16px 16px 0 0;
   }
-`,xo=t.span`
-  font-family: ${o.font.sans};
+`,fi=t.span`
+  font-family: ${i.font.sans};
   font-weight: 700;
   font-size: 15px;
   letter-spacing: 0.46px;
   text-transform: uppercase;
-  color: ${o.colors.softWhite};
-`,uo=t.button`
+  color: ${i.colors.softWhite};
+`,bi=t.button`
   display: grid;
   place-items: center;
   width: 32px;
@@ -1003,16 +1011,16 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
   font-size: 15px;
   line-height: 1;
   cursor: pointer;
-  color: ${o.colors.softWhite};
+  color: ${i.colors.softWhite};
 
   &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
+    outline: 2px solid ${i.colors.accent};
     outline-offset: 2px;
   }
-`,go=t.div`
+`,mi=t.div`
   display: none;
 
-  ${o.media.maxWidth("lg")} {
+  ${i.media.maxWidth("lg")} {
     display: flex;
     align-items: center;
     gap: 12px;
@@ -1024,14 +1032,14 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.25);
     z-index: 1;
   }
-`,fo=t.button`
+`,yi=t.button`
   flex: 1;
   height: 40px;
   border: 0;
   border-radius: 8px;
-  background: ${o.colors.accent};
-  color: ${o.colors.softWhite};
-  font-family: ${o.font.sans};
+  background: ${i.colors.accent};
+  color: ${i.colors.softWhite};
+  font-family: ${i.font.sans};
   font-weight: 600;
   font-size: 13px;
   letter-spacing: 0.46px;
@@ -1043,8 +1051,8 @@ import{r as w,j as e}from"./react-BT1DRxg0.js";import{e as t,I as F,d as o,o as
     filter: brightness(1.08);
   }
   &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
+    outline: 2px solid ${i.colors.accent};
     outline-offset: 2px;
   }
-`;export{uo as C,ho as D,no as F,so as M,J as R,vt as S,ro as a,po as b,lo as c,xo as d,co as e,go as f,fo as g,ao as h,oe as i,$t as j,Xe as k,U as l,G as m,Mt as n,Nt as o,Dt as p,Ht as q,Lt as r,_t as s,Ot as t,io as u,At as v};
-//# sourceMappingURL=browseLayout.styles-BcdBGvBJ.js.map
+`;export{bi as C,gi as D,di as F,pi as M,J as R,De as S,ci as a,ui as b,hi as c,fi as d,xi as e,mi as f,yi as g,si as h,ie as i,ri as j,Ct as k,nt as l,U as m,G as n,At as o,Ut as p,Gt as q,Yt as r,qt as s,Qt as t,ni as u,Vt as v,Xt as w,li as x};
+//# sourceMappingURL=browseLayout.styles-CUa0JgI7.js.map