.browse-tabrow[data-view=brand] .browse-tabs{visibility:hidden}.browse-tabrow[data-view=brand] .browse-store-head{visibility:visible}.browse-tabrow:is([data-view=store],[data-view=brand]) .browse-store-head>.pill:first-child{animation:store-head-back var(--spring-lift-ms,.483s) var(--spring-lift,cubic-bezier(.2, .9, .3, 1.1)) both}.browse-tabrow:is([data-view=store],[data-view=brand]) .browse-store-head>h1~.pill{animation:store-head-fact var(--spring-settle-ms,.573s) var(--spring-settle,cubic-bezier(.2, .9, .3, 1.1)) 60ms both}@keyframes store-head-back{0%{opacity:0;transform:translate(-14px)scale(.92)}}@keyframes store-head-fact{0%{opacity:0;transform:translate(-8px)scale(.9)}}.browse-slot[data-view=store]>[data-browse-pane=products] .gallery-window-body,:root[data-browse-brand] .browse-slot[data-view=tab]>[data-browse-pane=products] .gallery-window-body{animation:store-menu-in var(--spring-morph-ms,.471s) var(--spring-morph,cubic-bezier(.2, .9, .3, 1)) both}@keyframes store-menu-in{0%{opacity:.55;transform:translateY(10px)}}.store-grid>.store-thin{box-sizing:border-box;inline-size:var(--card-w,266px);block-size:var(--card-h,350px);border-radius:var(--card-radius,24px);border:1px dashed color-mix(in oklab, var(--mat-sky-ink,var(--shop-text)) 30%, transparent);background:color-mix(in oklab, var(--mat-read,var(--shop-surface,transparent)) 24%, transparent);animation:store-thin-in var(--spring-lift-ms,.483s) var(--spring-lift,cubic-bezier(.2, .9, .3, 1.1)) .12s both;flex:none;place-items:center;padding:24px;display:grid}.store-thin .catalog-area-empty{text-align:center;justify-items:center}@keyframes store-thin-in{0%{opacity:0;transform:translate(-12px)scale(.96)}}.store-grid>.store-skeleton.store-skeleton{box-sizing:border-box;inline-size:var(--card-w,268px);block-size:var(--card-h,352px);border-radius:var(--shop-radius,22px);flex:none;margin:0}@media (prefers-reduced-motion:reduce){:where(:root:not([data-motion=full])) .store-grid>.store-thin,:where(:root:not([data-motion=full])) .browse-tabrow:is([data-view=store],[data-view=brand]) .browse-store-head>.pill,:where(:root:not([data-motion=full])) .browse-slot[data-view=store]>[data-browse-pane=products] .gallery-window-body,:root:where(:not([data-motion=full]))[data-browse-brand] .browse-slot[data-view=tab]>[data-browse-pane=products] .gallery-window-body{animation:none}}:where(:root[data-motion=calm]) .store-grid>.store-thin,:where(:root[data-motion=calm]) .browse-tabrow:is([data-view=store],[data-view=brand]) .browse-store-head>.pill,:where(:root[data-motion=calm]) .browse-slot[data-view=store]>[data-browse-pane=products] .gallery-window-body,:root:where([data-motion=calm])[data-browse-brand] .browse-slot[data-view=tab]>[data-browse-pane=products] .gallery-window-body{animation:none}
.browse-frame .canvas-browse-controls:has(>.filter-rail-row){grid-template-rows:56px 46px 40px}@media (max-width:760px){.browse-frame .canvas-browse-controls:has(>.filter-rail-row){grid-template-rows:52px 44px 36px}}.filter-rail-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"rail end";block-size:40px;min-inline-size:0;display:grid}.filter-rail-row>.filter-rail{grid-area:rail}.filter-rail-row>.filter-end{grid-area:end;margin-inline-start:8px}.filter-rail{flex-wrap:nowrap;align-items:center;gap:8px;min-inline-size:0;display:flex}.filter-fixed,.filter-end{flex:none;align-items:center;gap:8px;display:flex}.filter-scroll{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;flex:auto;align-items:center;gap:8px;min-inline-size:0;margin-block:-4px;padding:4px 24px 4px 2px;display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}.filter-scroll::-webkit-scrollbar{display:none}.filter-active,.filter-category{display:contents}.filter-category[hidden]{display:none}.filter-fixed>*,.filter-end>*,.filter-scroll>*,.filter-active>*,.filter-category>*{scroll-snap-align:start;flex:none}@keyframes filter-chip-in{0%{opacity:0;translate:0 4px}}.filter-active>.pill{animation:filter-chip-in .22s var(--ease-out,cubic-bezier(.23, 1, .32, 1))}@media (max-width:760px){.filter-rail-row{block-size:36px}.filter-rail-row>.filter-end{margin-inline-start:6px}.filter-rail,.filter-fixed,.filter-end,.filter-scroll{gap:6px}}@media (max-width:560px){.filter-fixed .filter-sort{justify-content:center;min-inline-size:44px}.filter-fixed .filter-sort :is(.pill-label,.pill-trailing){clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}:root[data-browse-tab=stores] .filter-rail-row>.filter-rail:not([data-show-on~=stores]),:root[data-browse-tab=brands] .filter-rail-row>.filter-rail:not([data-show-on~=brands]),:root:not([data-browse-tab=stores],[data-browse-tab=brands]) .filter-rail-row>.filter-rail:not([data-show-on~=products]){visibility:hidden}.canvas-browse-controls:has(>.browse-tabrow[data-view=store]) .filter-rail-row>.filter-rail[data-show-on~=products]{visibility:visible}.canvas-browse-controls:has(>.browse-tabrow[data-view=store]) .filter-rail-row>.filter-rail:not([data-show-on~=products]){visibility:hidden}.filter-chip.pill[data-tone=accent]:not(.pill-dismiss):after{content:"";background:var(--mat-selected,var(--shop-accent));pointer-events:none;border-radius:50%;block-size:6px;inline-size:6px;position:absolute;inset-block-start:3px;inset-inline-end:3px}.filter-count{text-align:center;font-variant-numeric:tabular-nums;min-inline-size:2ch;display:inline-block}.pill-popover.browse-refine-panel.filter-panel{overscroll-behavior:contain;max-block-size:min(560px,100dvh - 40px);overflow-y:auto}@media (max-width:699px){.pill-popover.browse-refine-panel.filter-panel{position-area:none;max-block-size:50dvh;inline-size:auto;max-inline-size:none;padding:20px 14px calc(14px + env(safe-area-inset-bottom,0px));border-radius:28px 28px 0 0;margin:0;position:fixed;inset:auto 0 0}.pill-popover.browse-refine-panel.filter-panel::backdrop{background:var(--ui-browse-pieces-picker-scrim,#00000047)}}.filter-options{gap:2px;display:grid}.filter-options[hidden]{display:none}.filter-order{border-block-start:1px solid color-mix(in oklab, var(--shop-text) 12%, transparent);margin-block-start:6px;padding-block-start:6px}.filter-options-head{color:var(--shop-muted);font:650 12px / 16px var(--shop-font);letter-spacing:.06em;text-transform:uppercase;padding:10px 10px 2px}.filter-option,.filter-more{all:unset;box-sizing:border-box;min-block-size:44px;color:var(--mat-read-ink,var(--shop-text));font:500 var(--t-ui,14px) / 18px var(--shop-font);cursor:pointer;border-radius:10px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 10px;display:grid}.filter-more{color:var(--shop-text);text-underline-offset:3px;font-weight:650;text-decoration:underline;display:flex}@media (hover:hover) and (pointer:fine){:is(.filter-option,.filter-more):hover{background:color-mix(in oklab, var(--mat-read-ink,var(--shop-text)) 7%, transparent)}}:is(.filter-option,.filter-more,.filter-sheet-close,.filter-sheet-clear,.filter-sheet-apply):focus-visible{outline:2px solid var(--mat-focus,var(--shop-accent));outline-offset:-2px}.filter-option-box{box-sizing:border-box;border:1.5px solid color-mix(in oklab, var(--mat-read-ink,var(--shop-text)) 55%, transparent);block-size:20px;inline-size:20px;color:var(--shop-onAccent,var(--shop-background));border-radius:6px;place-items:center;display:grid}.filter-option[role=radio] .filter-option-box{border-radius:50%}.filter-option-box>svg{opacity:0;block-size:14px;inline-size:14px;transition:opacity .12s var(--ease-out,cubic-bezier(.23, 1, .32, 1)), transform var(--spring-press-ms,.16s) var(--spring-press,cubic-bezier(.23, 1, .32, 1));transform:scale(.6)}.filter-option[aria-checked=true] .filter-option-box{border-color:var(--shop-accent);background:var(--shop-accent)}.filter-option[aria-checked=true] .filter-option-box>svg{opacity:1;transform:none}.filter-option-label{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.filter-option-count{color:var(--shop-muted);font:500 13px / 16px var(--shop-font);font-variant-numeric:tabular-nums}:is(.filter-options[data-top="8"]:not([data-more])>.filter-option:nth-child(n+9 of .filter-option):not([aria-checked=true]),.filter-options[data-top="5"]:not([data-more])>.filter-option:nth-child(n+6 of .filter-option):not([aria-checked=true])),.filter-options[data-more]>.filter-more{display:none}.filter-none{color:var(--shop-muted);font:500 var(--t-ui,14px) / 18px var(--shop-font);margin:0;padding:8px 10px}.filter-range{gap:6px;padding:4px 2px;display:grid}.filter-range-readout{font:650 var(--t-ui,14px) / 18px var(--shop-font);font-variant-numeric:tabular-nums;padding-inline:10px}.filter-range-track{block-size:44px;display:grid;position:relative}.filter-range-track:before{content:"";background:color-mix(in oklab, var(--mat-read-ink,var(--shop-text)) 22%, transparent);border-radius:2px;block-size:4px;position:absolute;inset-block-start:20px;inset-inline:22px}.filter-range-track>input{appearance:none;pointer-events:none;background:0 0;grid-area:1/1;block-size:44px;inline-size:100%;margin:0}.filter-range-track>input::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle, var(--shop-accent) 10px, var(--shop-background,var(--shop-surface)) 11px 12px, transparent 13px);pointer-events:auto;cursor:grab;border:0;border-radius:50%;block-size:44px;inline-size:44px}.filter-range-track>input::-moz-range-thumb{background:radial-gradient(circle, var(--shop-accent) 10px, var(--shop-background,var(--shop-surface)) 11px 12px, transparent 13px);pointer-events:auto;cursor:grab;border:0;border-radius:50%;block-size:44px;inline-size:44px}.filter-range-track>input:focus-visible::-webkit-slider-thumb{box-shadow:inset 0 0 0 2px var(--mat-focus,var(--shop-accent))}.filter-range-track>input:focus-visible::-moz-range-thumb{box-shadow:inset 0 0 0 2px var(--mat-focus,var(--shop-accent))}.filter-range[data-presentation=maximum-vertical]{justify-items:center}.filter-range[data-presentation=maximum-vertical] .filter-range-readout{text-align:center;overflow-wrap:anywhere;padding-inline:0}.filter-range[data-presentation=maximum-vertical] .filter-range-track{block-size:240px;inline-size:44px}.filter-range[data-presentation=maximum-vertical] .filter-range-track:before{block-size:auto;inline-size:4px;inset:22px 20px}.filter-range[data-presentation=maximum-vertical] input{writing-mode:vertical-lr;block-size:auto;inline-size:auto;pointer-events:auto;direction:rtl;width:44px;height:100%}.filter-sheet{box-sizing:border-box;border:0;border-inline-start:1px solid var(--shop-border);background:var(--mat-sheet,var(--shop-surface)) border-box;background-color:var(--shop-background,var(--shop-surface));block-size:100dvh;max-block-size:100dvh;inline-size:min(420px,100vw);max-inline-size:100vw;color:var(--shop-text);box-shadow:var(--ui-drop-sheet);font-family:var(--shop-font);transition:transform var(--spring-settle-ms,.42s) var(--spring-settle,cubic-bezier(.23, 1, .32, 1)), overlay .24s allow-discrete, display .24s allow-discrete;border-radius:0;margin:0;padding:0;position:fixed;inset:0 0 0 auto;overflow:hidden}.filter-sheet:not([open]){transform:translate(100%)}@starting-style{.filter-sheet[open]{transform:translate(100%)}}.filter-sheet::backdrop{background:var(--ui-browse-pieces-picker-scrim,#00000047)}.filter-sheet[data-live]::backdrop{background:0 0}:root:has(.filter-sheet[open]){overflow:hidden}.filter-sheet-body{grid-template-rows:auto minmax(0,1fr) auto;block-size:100%;display:grid}.filter-sheet-head{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:10px 12px;padding:16px 16px 8px 20px;display:grid;position:relative}.filter-sheet-title{font:700 22px / 28px var(--shop-font);margin:0}.filter-sheet-close{all:unset;box-sizing:border-box;border:1px solid var(--shop-border);block-size:44px;inline-size:44px;color:var(--shop-text);cursor:pointer;border-radius:50%;place-items:center;display:grid}.filter-sheet-close>svg{block-size:20px;inline-size:20px}.filter-find{border:1px solid var(--shop-border);min-block-size:44px;color:var(--shop-muted);border-radius:22px;grid-column:1/-1;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 12px;display:grid}.filter-find>svg{block-size:18px;inline-size:18px}.filter-find:focus-within{outline:2px solid var(--mat-focus,var(--shop-accent));outline-offset:-2px}.filter-find-input{all:unset;block-size:42px;min-inline-size:0;color:var(--shop-text);font:500 16px / 20px var(--shop-font)}.filter-find-input::placeholder{color:var(--shop-muted);opacity:1}.filter-find-input::-webkit-search-cancel-button{cursor:pointer}.filter-sheet-scroll{overscroll-behavior:contain;min-block-size:0;padding:0 12px 12px;overflow-y:auto}.filter-group-static{padding:8px 0 12px}.filter-group-title{font:650 16px / 20px var(--shop-font);margin:0}.filter-group-static>.filter-group-title{padding:0 10px 6px}.filter-group{border-block-start:1px solid color-mix(in oklab, var(--shop-text) 12%, transparent);gap:14px;padding:4px 0 16px;display:grid}.filter-group-head{align-items:center;gap:8px;min-block-size:44px;margin:0;padding:0 10px;display:flex}.filter-group-count{box-sizing:border-box;background:var(--shop-accent);block-size:22px;min-inline-size:22px;color:var(--shop-onAccent,var(--shop-background));font:700 12px / 22px var(--shop-font);text-align:center;font-variant-numeric:tabular-nums;border-radius:11px;padding:0 6px}.filter-group-count:empty{visibility:hidden}.filter-facet-title{color:var(--shop-muted);font:650 12px / 16px var(--shop-font);letter-spacing:.06em;text-transform:uppercase;margin:0;padding:0 10px 4px}.filter-sheet-scroll[data-finding]>.filter-group-static{display:none}.filter-group:not(:has(.filter-facet)){display:none}.filter-nomatch{color:var(--shop-muted);font:500 var(--t-ui,14px) / 18px var(--shop-font);margin:0;padding:16px 10px;display:none}.filter-sheet-scroll[data-finding]:not(:has(.filter-facet))>.filter-nomatch{display:block}.filter-sheet-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-block-start:1px solid color-mix(in oklab, var(--shop-text) 12%, transparent);grid-template-columns:auto minmax(0,1fr);gap:12px;display:grid}.filter-sheet-clear,.filter-sheet-apply{all:unset;box-sizing:border-box;min-block-size:48px;font:700 15px / 20px var(--shop-font);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:24px;place-items:center;padding:0 18px;display:grid}.filter-sheet-clear{border:1px solid var(--shop-border);color:var(--shop-text)}.filter-sheet-clear:disabled{opacity:.45;cursor:default}.filter-sheet-apply{background:var(--shop-cta,var(--shop-accent));color:var(--shop-onCta,var(--shop-onAccent))}@media (max-width:699px){.filter-sheet{border-inline-start:0;border-block-start:1px solid var(--shop-border);border-radius:28px 28px 0 0;block-size:85dvh;max-block-size:85dvh;inline-size:100vw;inset:auto 0 0}.filter-sheet:not([open]){transform:translateY(100%)}@starting-style{.filter-sheet[open]{transform:translateY(100%)}}.filter-sheet-head{padding-block-start:22px}.filter-sheet-head:before{content:"";background:color-mix(in oklab, var(--shop-text) 30%, transparent);border-radius:3px;block-size:5px;inline-size:36px;position:absolute;inset-block-start:8px;inset-inline-start:50%;translate:-50%}}@media (prefers-reduced-motion:reduce){:where(:root:not([data-motion=full])) .filter-sheet,:where(:root:not([data-motion=full])) .filter-option-box>svg{transition:none}:where(:root:not([data-motion=full])) .filter-active>.pill{animation:none}}:where(:root[data-motion=calm]) .filter-sheet,:where(:root[data-motion=calm]) .filter-option-box>svg{transition:none}:where(:root[data-motion=calm]) .filter-active>.pill{animation:none}
