.category-circles__head{text-align:center;margin-block-end:24px}.category-circles__head--left{text-align:left}.category-circles__head--right{text-align:right}.category-circles__head .text-block{width:100%;max-width:100%;text-align:inherit;--horizontal-alignment: center;--horizontal-alignment-mobile: center}.category-circles__head--left .text-block{--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start}.category-circles__head--right .text-block{--horizontal-alignment: flex-end;--horizontal-alignment-mobile: flex-end}.category-circles__head .text-block>*{text-align:inherit}.category-circles__heading{font-family:var(--font-heading--family, inherit)}.ccircles__track{display:flex;gap:var(--ccircle-gap, 30px);width:fit-content;max-width:100%;margin-inline:auto;overflow-x:auto;padding-block:5px;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.ccircles__track::-webkit-scrollbar{display:none}.ccircle{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--ccircle-label-gap, 12px);width:var(--ccircle-size, 110px);scroll-snap-align:center;text-align:center;color:rgb(var(--color-foreground))}.ccircle__img{width:var(--ccircle-size, 110px);height:var(--ccircle-size, 110px);border-radius:50%;overflow:hidden;background:rgb(var(--color-foreground) / 6%)}.ccircle__img img,.ccircle__img .media__image,.ccircle__img svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.22,1,.36,1)}.ccircle:hover .ccircle__img img,.ccircle:hover .ccircle__img .media__image{transform:scale(1.06)}.ccircle__label{font-size:var(--ccircle-label-size, 12px);letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-foreground) / 70%);transition:color .2s ease}.ccircle:hover .ccircle__label{color:rgb(var(--color-foreground))}@media(max-width:767.98px){.ccircles__track{justify-content:flex-start;padding-inline:16px;gap:var(--ccircle-gap-mobile, 18px)}.ccircle,.ccircle__img{width:var(--ccircle-size-mobile, 80px)}.ccircle__img{height:var(--ccircle-size-mobile, 80px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/category-circles.css.map */