.category-grid{overflow:hidden;background-color:rgb(var(--color-brand-warm-white))}.category-grid__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xl)}.category-grid__heading{display:flex;flex-wrap:wrap;justify-content:center;column-gap:.25em;color:rgb(var(--color-brand-primary));text-align:center;margin:0}.category-grid__items{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xl) var(--space-md);width:100%;list-style:none;margin:0;padding:0}.category-grid__item{flex:0 0 100%;display:flex;justify-content:center}@media screen and (min-width:480px){.category-grid__item{flex:0 0 calc((100% - var(--space-md)) / 2)}.category-grid__image-wrapper{width:14rem}}@media screen and (min-width:750px){.category-grid__items{gap:var(--space-xl)}.category-grid__item{flex:0 0 calc((100% - var(--space-xl) * 4) / 5)}}.category-grid__link{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-decoration:none;transition:transform var(--duration-default)}.category-grid__link:hover,.category-grid__link:focus-visible{transform:scale(1.05);outline:none}@media(prefers-reduced-motion:reduce){.category-grid__link{transition:none}.category-grid__link:hover,.category-grid__link:focus-visible{transform:none}}.category-grid__image-wrapper{width:min(28rem,70vw);aspect-ratio:244 / 240;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-mode:alpha;mask-mode:alpha}@media screen and (min-width:750px){.category-grid__image-wrapper{width:16rem}}@media screen and (min-width:990px){.category-grid__image-wrapper{width:20rem}}.category-grid__image-wrapper--yellow{-webkit-mask-image:url(shape-blob-yellow.svg);mask-image:url(shape-blob-yellow.svg)}.category-grid__image-wrapper--blue{-webkit-mask-image:url(shape-blob-blue.svg);mask-image:url(shape-blob-blue.svg)}.category-grid__image-wrapper--coral{-webkit-mask-image:url(shape-blob-coral.svg);mask-image:url(shape-blob-coral.svg)}.category-grid__image{display:block;width:100%;height:100%;object-fit:cover}.category-grid__image--placeholder{background-color:rgb(var(--color-background))}.category-grid__label{font-family:var(--font-body-family);font-size:var(--font-size-body-base);font-weight:400;line-height:1.2;color:rgb(var(--color-brand-primary));text-align:center}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-category-grid.css.map */