.featured-categories__carousel{position:relative}.featured-categories__grid{display:flex;gap:2rem;list-style:none;margin:0;padding:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.featured-categories__grid::-webkit-scrollbar{display:none}.featured-categories__item{flex:0 0 auto;scroll-snap-align:start}.featured-categories__link{display:flex;flex-direction:column;align-items:center;width:14rem;text-align:center;text-decoration:none;color:inherit}.featured-categories__link--placeholder{opacity:.6}.featured-categories__media{position:relative;display:block;width:14rem;height:14rem;border-radius:50%;overflow:hidden;background-color:rgba(var(--color-foreground),.04);box-shadow:0 .4rem 1.2rem rgba(var(--color-shadow),.08)}.featured-categories__image,.featured-categories__media>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-long) ease}.featured-categories__title{margin-top:1.6rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:600}.featured-categories__cta{margin-top:.6rem;display:inline-flex;align-items:center;gap:.5rem;color:rgba(var(--color-foreground),.65)}.featured-categories__cta-arrow{transition:transform var(--duration-short) ease}@media screen and (min-width:750px){.featured-categories__grid{gap:3.2rem}.featured-categories__link{width:18rem}.featured-categories__media{width:18rem;height:18rem}}@media screen and (min-width:990px){.featured-categories__grid{gap:4.8rem}.featured-categories__link{width:22rem}.featured-categories__media{width:22rem;height:22rem}}@media(prefers-reduced-motion:no-preference)and (hover:hover){.featured-categories__link:hover .featured-categories__image{transform:scale(1.03)}.featured-categories__link:hover .featured-categories__cta-arrow{transform:translate(.4rem)}}.featured-categories__nav{display:none;position:absolute;top:40%;transform:translateY(-50%)}.featured-categories__nav--prev{left:-1.6rem}.featured-categories__nav--next{right:-1.6rem}@media screen and (min-width:990px){.featured-categories__nav{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-featured-categories.css.map */