.shop-by-category{--shop-by-category-cols-mobile:1;--shop-by-category-cols-desktop:3;--shop-by-category-card-max-height:300px;--shop-by-category-fade-height:80px;--shop-by-category-card-bg:color-mix(in srgb, rgb(var(--text-color)) 10%, rgb(var(--bg-color,255 255 255)));display:block}.shop-by-category__heading{margin:0 0 calc(6 * var(--space-unit))}.shop-by-category__search{max-width:480px;margin-bottom:calc(6 * var(--space-unit))}.shop-by-category--sticky-search .shop-by-category__search.search.relative{z-index:2;background:rgba(var(--bg-color));padding-block:calc(2 * var(--space-unit));position:sticky;top:0}.shop-by-category__grid{grid-template-columns:repeat(var(--shop-by-category-cols-mobile),minmax(0,1fr));column-gap:var(--column-gap,calc(3 * var(--space-unit)));row-gap:calc(6 * var(--space-unit));align-items:start;min-height:max(800px,100vh - 240px);display:grid}@media(min-width:769px){.shop-by-category__grid{grid-template-columns:repeat(var(--shop-by-category-cols-desktop),minmax(0,1fr))}}.shop-by-category__card{padding:calc(4 * var(--space-unit));background:var(--shop-by-category-card-bg);border-radius:var(--btn-border-radius,0);min-height:calc(var(--shop-by-category-card-max-height) + 50px);flex-direction:column;display:flex;position:relative}.shop-by-category__card-title{margin:0 0 calc(3 * var(--space-unit));font-size:1.25rem;font-weight:600}.shop-by-category__card-content{max-height:var(--shop-by-category-card-max-height);transition:max-height var(--ease-duration-base) var(--ease-standard);flex:1;position:relative;overflow:hidden}.shop-by-category__card-content.is-expanded{max-height:none}.shop-by-category__card-content.has-overflow:after{content:"";height:var(--shop-by-category-fade-height);background:linear-gradient(to bottom,color-mix(in srgb,var(--shop-by-category-card-bg) 0%,transparent),var(--shop-by-category-card-bg));pointer-events:none;transition:opacity var(--ease-duration-base) var(--ease-standard);position:absolute;inset:auto 0 0}.shop-by-category__card-content.is-expanded.has-overflow:after{opacity:0}.shop-by-category__card[hidden]{display:none}.shop-by-category__list,.shop-by-category__list ul{margin:0;padding:0;list-style:none}.shop-by-category__list ul{padding-inline-start:calc(2 * var(--space-unit))}.shop-by-category__list li{margin:calc(.5 * var(--space-unit)) 0}.shop-by-category__list li[hidden]{display:none}.shop-by-category__list a{color:inherit;transition:text-decoration var(--ease-duration-fast) var(--ease-standard);text-decoration:none}.shop-by-category__list a:hover{text-underline-offset:3px;text-decoration:underline}.shop-by-category__list a:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px;border-radius:2px}.shop-by-category__list mark{background:rgba(var(--text-color) / .15);color:inherit;border-radius:.15em;padding:0 .1em}.shop-by-category__toggle{bottom:calc(2 * var(--space-unit));right:calc(2 * var(--space-unit));width:calc(7 * var(--space-unit));height:calc(7 * var(--space-unit));color:rgb(var(--text-color));cursor:pointer;z-index:1;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.shop-by-category__toggle:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.shop-by-category__toggle[hidden]{display:none}.shop-by-category__toggle svg{width:20px;height:20px;display:block}.shop-by-category__toggle[aria-expanded=true] .v-line{display:none}@media(prefers-reduced-motion:no-preference){.shop-by-category__card{animation:.18s ease-out shop-by-category-card-in}}@keyframes shop-by-category-card-in{0%{opacity:0}to{opacity:1}}.shop-by-category__empty,.shop-by-category__error{margin:calc(8 * var(--space-unit)) 0;text-align:center;color:rgba(var(--text-color) / .7)}.shop-by-category--filter-empty .shop-by-category__grid{min-height:0}.shop-by-category__retry{color:rgb(var(--text-color));cursor:pointer;font:inherit;background:0 0;border:0;margin-inline-start:calc(2 * var(--space-unit));padding:0;text-decoration:underline}.shop-by-category__noscript{margin:calc(6 * var(--space-unit)) 0;padding:calc(3 * var(--space-unit));background:rgba(var(--text-color) / .04);text-align:center}.shop-by-category--card-minimal .shop-by-category__card{background:0 0;padding-inline:0}.shop-by-category--card-minimal .shop-by-category__card-content.has-overflow:after{background:linear-gradient(to bottom,color-mix(in srgb,rgb(var(--bg-color,255 255 255)) 0%,transparent),rgb(var(--bg-color,255 255 255)))}@media(prefers-reduced-motion:reduce){.shop-by-category__card-content,.shop-by-category__card-content.has-overflow:after,.shop-by-category__toggle svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/shop-by-category.css.map */