.roots-category-tiles__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5);list-style:none;margin:0;padding:0}@media screen and (min-width:750px){.roots-category-tiles__grid{grid-template-columns:repeat(var(--roots-tiles-columns-desktop, 3),1fr);gap:var(--space-6)}}.roots-category-tile{display:flex;flex-direction:column;gap:var(--space-3);color:currentColor;text-decoration:none}.roots-category-tile__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background-color:rgba(var(--color-foreground),.06);border-radius:var(--radius-media-accent)}.roots-category-tile__image{inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--duration-long) ease}.roots-category-tile:hover .roots-category-tile__image{transform:scale(1.04)}@media(prefers-reduced-motion:reduce){.roots-category-tile__image{transition:none}.roots-category-tile:hover .roots-category-tile__image{transform:none}}.roots-category-tile__placeholder{inline-size:100%;block-size:100%;display:flex;align-items:center;justify-content:center;color:var(--roots-copper)}.roots-category-tile__icon{position:absolute;inset-block-end:var(--space-3);inset-inline-start:var(--space-3);inline-size:5.2rem;block-size:5.2rem;background-color:rgb(var(--color-background));color:var(--roots-copper);border-color:var(--roots-hairline)}.roots-category-tile__info{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);padding-block-start:var(--space-1)}.roots-category-tile__title{font-family:var(--font-heading-family);font-size:var(--type-h4)}@media screen and (max-width:749px){.roots-category-tile__title{font-size:var(--type-body)}.roots-category-tile__icon{inline-size:4rem;block-size:4rem}}.roots-category-tile__arrow{flex-shrink:0;inline-size:1.8rem;color:var(--roots-copper);transition:transform var(--duration-short) ease}.roots-category-tile:hover .roots-category-tile__arrow{transform:translate(.4rem)}@media(prefers-reduced-motion:reduce){.roots-category-tile__arrow{transition:none}.roots-category-tile:hover .roots-category-tile__arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-roots-category-tiles.css.map */