.category-grid__list{--category-columns: var(--category-columns-mobile, 2);display:grid;grid-template-columns:repeat(var(--category-columns),minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}@media screen and (min-width:480px){.category-grid__list{--category-columns: 3;gap:1.4rem}}@media screen and (min-width:820px){.category-grid__list{--category-columns: var(--category-columns-tablet, 4)}}@media screen and (min-width:1040px){.category-grid__list{--category-columns: var(--category-columns-desktop, 5)}}.category-grid__item{min-width:0;margin:0}.category-tile{position:relative;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;background-color:var(--c-surface);border:.1rem solid var(--c-line);border-radius:.3rem;color:var(--c-fg);transition:border-color var(--duration-short, .1s) ease,transform var(--duration-short, .1s) ease}@media(hover:hover){.category-tile:hover{border-color:var(--c-accent);transform:translateY(-.2rem)}}.category-tile__media{position:relative;flex:none;aspect-ratio:var(--category-tile-ratio, 1 / 1);overflow:hidden;background-color:var(--c-img-bg)}.category-tile__image,.category-tile__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.category-tile__placeholder{color:var(--c-fg-3);fill:currentColor}.category-grid__list--deferred .category-tile__image{display:none}.category-tile__body{display:flex;flex:1 1 auto;flex-direction:column;gap:.3rem;padding:1rem 1.2rem 1.2rem}.category-grid .category-tile__title{margin:0;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:500;font-size:1.5rem;line-height:1.3;letter-spacing:0;color:var(--c-fg);overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.category-tile__link{color:inherit;text-decoration:none}.category-tile__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:.3rem}.category-tile__link:focus-visible{outline:0;box-shadow:none}.category-tile__link:focus-visible:after,.category-tile__link.focused:after{outline:.2rem solid rgb(var(--color-accent-text));outline-offset:-.2rem}.category-tile__count{margin:0;font-size:1.3rem;line-height:1.3;letter-spacing:0;color:var(--c-fg-2);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.category-tile{transition:none}.category-tile:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-category-grid.css.map */