.category-circles__heading{margin:0 0 2.4rem;text-align:center}.category-circles__list{display:flex;flex-wrap:nowrap;justify-content:var(--circle-justify, center);gap:2rem var(--circle-gap, 40px);margin:0;padding:0;list-style:none}.category-circles__item{flex:1 1 0;min-width:0;max-width:var(--circle-size, 120px)}.category-circles__link{display:flex;flex-direction:column;align-items:center;gap:1.2rem;color:rgb(var(--color-foreground));text-decoration:none}.category-circles__media{display:block;width:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;background:rgba(var(--color-foreground),.05);border:var(--circle-border-width, 0) solid rgba(var(--color-outline),1);box-sizing:border-box;transform:translateZ(0)}.category-circles__media img,.category-circles__media svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.75,.5,1)}.category-circles__title{display:block;font-weight:500;line-height:1.3;text-align:center;text-underline-offset:.3rem;transition:text-decoration var(--duration-short) ease}.category-circles__list--small .category-circles__title{font-size:1.3rem}.category-circles__list--medium .category-circles__title{font-size:1.5rem}.category-circles__list--large .category-circles__title{font-size:1.7rem}@media(hover:hover){.category-circles__link:hover .category-circles__media img{transform:scale(1.08)}.category-circles__link:hover .category-circles__title{text-decoration:underline}}@media screen and (max-width:989px){.category-circles__list{justify-content:flex-start;gap:1.6rem calc(var(--circle-gap, 40px) * .6);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:.4rem}.category-circles__list::-webkit-scrollbar{display:none}.category-circles__item{flex:0 0 auto;width:var(--circle-size-mobile, 84px);max-width:none;scroll-snap-align:start}.category-circles__media{width:var(--circle-size-mobile, 84px);height:var(--circle-size-mobile, 84px)}.category-circles__list--small .category-circles__title{font-size:1.2rem}.category-circles__list--medium .category-circles__title{font-size:1.3rem}.category-circles__list--large .category-circles__title{font-size:1.5rem}}@media screen and (max-width:749px){.category-circles__list{margin-inline:-1.5rem;padding-inline:1.5rem;scroll-padding-inline:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-category-circles.css.map */