.tr-circles{--tr-circles-size: 8rem;--tr-circles-bg: #edf3ff;--tr-circles-text: #333333;--tr-circles-accent: #79a3e7;padding:2.4rem 0}.tr-circles .tr-circles__track{display:flex;position:relative;gap:1.6rem;margin-top:0;margin-bottom:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1.5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tr-circles .tr-circles__track::-webkit-scrollbar{display:none}.tr-circles .tr-circles__cell{flex:0 0 auto;scroll-snap-align:start}.tr-circles .tr-circles__item{display:flex;flex-direction:column;align-items:center;gap:1rem;width:var(--tr-circles-size);padding-top:.4rem;color:var(--tr-circles-text);text-decoration:none}.tr-circles .tr-circles__circle{display:block;width:var(--tr-circles-size);height:var(--tr-circles-size);overflow:hidden;border-radius:50%;background:var(--tr-circles-bg);transition:transform .3s ease}.tr-circles .tr-circles__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.tr-circles .tr-circles__title{width:100%;font-family:var(--font-body-family);font-style:normal;font-size:1.3rem;font-weight:500;line-height:1.6rem;letter-spacing:0;word-spacing:0;text-align:center;text-transform:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(hover:hover){.tr-circles .tr-circles__item:hover .tr-circles__circle{transform:translateY(-.4rem)}.tr-circles .tr-circles__item:hover .tr-circles__image{transform:scale(1.06)}}.tr-circles .tr-circles__item:focus-visible{outline:none}.tr-circles .tr-circles__item:focus-visible .tr-circles__circle,.tr-circles .tr-circles__item.is-active .tr-circles__circle{box-shadow:0 0 0 .2rem #fff,0 0 0 .35rem var(--tr-circles-accent)}.tr-circles .tr-circles__item.is-active .tr-circles__title{font-weight:600}@media screen and (min-width:990px){.tr-circles{--tr-circles-size: 12rem;padding:4rem 0}.tr-circles .tr-circles__track{flex-wrap:wrap;justify-content:center;gap:3.2rem 4.8rem;overflow-x:visible}.tr-circles .tr-circles__item{gap:1.4rem}.tr-circles .tr-circles__title{font-size:1.6rem;line-height:2rem}}@media(prefers-reduced-motion:reduce){.tr-circles .tr-circles__circle,.tr-circles .tr-circles__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-tr-collection-circles.css.map */