shop-by-filter{display:block}.shop-by__onboarding{margin:0}.shop-by__bar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-4) clamp(var(--space-6),4vw,var(--space-12));padding-bottom:var(--space-5);margin-bottom:clamp(var(--space-6),3vw,var(--space-10));border-bottom:1px solid var(--color-border)}.shop-by__intro{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.shop-by__subheading{margin:0;color:var(--color-foreground-muted)}.shop-by__heading{margin:0;font-size:calc(var(--font-size-h2) * var(--font-heading-scale));line-height:1.15}.shop-by__filters{display:flex;align-items:center;gap:var(--space-2);min-width:0}.shop-by__filters--below{flex-wrap:wrap;justify-content:center;gap:var(--space-3) var(--space-4);margin-top:clamp(var(--space-8),4vw,var(--space-12));padding-top:clamp(var(--space-6),3vw,var(--space-8));border-top:1px solid var(--color-border)}.shop-by__bar:not(:has(.shop-by__filters)){padding-bottom:0;margin-bottom:clamp(var(--space-6),3vw,var(--space-10));border-bottom:0}.shop-by__chip{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:0;background:none;color:inherit;font-family:inherit;cursor:pointer;transition:color var(--duration-base) var(--ease-out-expo),border-color var(--duration-base) var(--ease-out-expo),background-color var(--duration-base) var(--ease-out-expo)}.shop-by__chip--all,.shop-by__chip--size{min-height:34px;min-width:34px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);color:var(--color-foreground-muted);font-size:var(--font-size-caption);letter-spacing:.04em;text-transform:uppercase}.shop-by__chip--all:hover,.shop-by__chip--size:hover,.shop-by__chip--all:focus-visible,.shop-by__chip--size:focus-visible{border-color:var(--color-foreground);color:var(--color-foreground)}.shop-by__chip--all.is-active,.shop-by__chip--size.is-active{border-color:var(--color-atc);background-color:var(--color-atc);color:var(--color-atc-text)}.shop-by__chip-swatch{display:block;width:26px;height:26px;border-radius:var(--radius-full);background-color:var(--swatch, var(--color-surface-hover));background-image:var(--swatch-image, none);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #1414141f}.shop-by__chip--color{padding:3px;border:1px solid transparent;border-radius:var(--radius-full)}.shop-by__chip--color:hover,.shop-by__chip--color:focus-visible{border-color:var(--color-border-strong)}.shop-by__chip--color.is-active{border-color:var(--color-foreground)}.shop-by__grid{margin:0;padding:0;list-style:none}.shop-by__grid--static{display:grid;grid-template-columns:repeat(var(--columns-mobile, 2),minmax(0,1fr));gap:var(--grid-gap, 16px)}.shop-by__card{min-width:0}.shop-by__card[hidden]{display:none}.shop-by__empty{margin:0;padding-block:var(--space-10);color:var(--color-foreground-muted);text-align:center}.shop-by__empty[hidden]{display:none}@media screen and (max-width:749px){.shop-by__bar{align-items:flex-start}.shop-by__filters--above{width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.shop-by__filters--above.is-revealed{transform:translateY(0)!important}.shop-by__filters--above::-webkit-scrollbar{display:none}.shop-by__chip--color{padding:4px}.shop-by__chip-swatch{width:22px;height:22px}}@media screen and (min-width:750px){.shop-by__grid--static{grid-template-columns:repeat(var(--columns-tablet, var(--columns-desktop, 4)),minmax(0,1fr))}}@media screen and (min-width:990px){.shop-by__grid--static{grid-template-columns:repeat(var(--columns-desktop, 4),minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.shop-by__chip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-shop-by.css.map */