.browse-cats{position:relative}.browse-cats-scroll{display:flex;gap:1.5rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;white-space:nowrap;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-l, 0px),#000 calc(100% - var(--fade-r, 0px)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-l, 0px),#000 calc(100% - var(--fade-r, 0px)),transparent 100%)}.browse-cats-scroll::-webkit-scrollbar{display:none;width:0;height:0}.browse-cats[data-left=true] .browse-cats-scroll{--fade-l: 28px}.browse-cats[data-right=true] .browse-cats-scroll{--fade-r: 28px}.browse-cat{display:inline-flex;min-height:44px;min-width:44px;justify-content:center;align-items:center;flex-shrink:0;font-size:var(--store-ui-sm);color:hsl(var(--muted-foreground));text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;text-decoration-thickness:1px;transition:opacity .2s}.browse-cat:hover{color:hsl(var(--foreground));text-decoration-color:hsl(var(--foreground) / .3)}.browse-cat[aria-current=page]{color:hsl(var(--foreground));text-decoration-color:hsl(var(--foreground))}.browse-cat:focus-visible{outline:1px solid hsl(var(--foreground));outline-offset:2px}.browse-arrow{display:none;height:44px;width:44px;place-items:center;border-radius:999px;background:hsl(var(--background));border:1px solid hsl(var(--border));opacity:0;pointer-events:none;transition:opacity .2s}@media(min-width:768px)and (hover:hover){.browse-cats{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;column-gap:8px}.browse-cats-scroll{min-width:0}.browse-arrow{display:grid}}.browse-arrow[data-show=true]{opacity:1;pointer-events:auto}.browse-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.browse-btn{display:inline-flex;min-height:44px;min-width:44px;align-items:center;justify-content:center;gap:.375rem;flex-shrink:0;font-size:var(--store-ui-xs);padding:0 .5rem;transition:opacity .2s}@media(min-width:640px){.browse-btn[data-testid=button-sort-sheet]{display:none}}.browse-btn:hover{opacity:.65}.browse-btn:focus-visible{outline:1px solid hsl(var(--foreground));outline-offset:-2px}.browse-chip{animation:browse-in .25s ease-out both}@keyframes browse-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.browse-cats-scroll{scroll-behavior:auto}.browse-chip{animation:none}.browse-cat,.browse-arrow,.browse-btn{transition:none}}.browse-sort [data-testid=select-sort]{border:0;border-radius:0;padding:0 .5rem;min-height:44px;background:transparent}.browse-arrow:focus-visible{outline:1px solid hsl(var(--foreground));outline-offset:2px}.browse-arrow:disabled{opacity:0;pointer-events:none}@media(max-width:359px){.browse-btn{padding:0 .25rem}.browse-row{gap:.375rem}}.browse-sheet{transition-property:transform,opacity}.browse-filter-compact{max-height:min(75dvh,var(--store-panel-height, calc(100dvh - 120px) ))!important}@media(prefers-reduced-motion:reduce){.browse-sheet,[data-radix-dialog-overlay],.browse-sheet-overlay{animation:none!important;transition:none!important}}
