.tp-bubbles{position:relative;display:block}.tp-bubbles__track{display:flex;gap:var(--sp-3, 12px);padding:6px 4px 2px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity}.tp-bubbles__track::-webkit-scrollbar{display:none}.tp-bub{flex:0 0 auto;width:76px;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;scroll-snap-align:start;color:var(--color-text)}.tp-bub__ring{position:relative;display:block;padding:3px;border-radius:50%;background:linear-gradient(180deg,var(--tp-blue) 0%,var(--tp-green) 100%);transition:transform .18s ease}.tp-bub__ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:50%;background:conic-gradient(from 0deg,var(--tp-blue),var(--tp-green),#7ed957,var(--tp-blue));animation:tp-bub-ring-spin 5s linear infinite}.tp-bub:hover .tp-bub__ring{transform:translateY(-2px)}.tp-bub--seen .tp-bub__ring{background:var(--color-muted-2, #8b97a7)}.tp-bub--seen .tp-bub__ring:before{background:var(--color-muted-2, #8b97a7);animation:none}@keyframes tp-bub-ring-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tp-bub__ring:before{animation:none}}.tp-bub__img{position:relative;z-index:1;display:block;width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--surface-2, rgba(255,255,255,.06));border:2px solid var(--color-page)}.tp-bub__img img{width:100%;height:100%;object-fit:cover;display:block}.tp-bub__title{font-size:12px;line-height:1.25;text-align:center;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--color-text);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}@media(min-width:768px){.tp-bub{width:116px}.tp-bub__img{width:104px;height:104px}.tp-bub__title{font-size:14px}}@media(min-width:1280px){.tp-bub{width:132px}.tp-bub__img{width:120px;height:120px}}.tp-bubbles--compact .tp-bub{width:auto;min-width:0;gap:6px}.tp-bubbles--compact .tp-bub__img{width:58px;height:58px}.tp-bubbles--compact .tp-bub__title{font-size:11px;max-width:66px;white-space:nowrap;-webkit-line-clamp:1;display:block;text-overflow:ellipsis;-webkit-hyphens:none;hyphens:none}.tp-bub-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:none;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--border, rgba(255,255,255,.1));border-radius:50%;background:var(--color-page);color:var(--color-text);box-shadow:var(--shadow-1, 0 2px 10px rgba(0,0,0,.18));cursor:pointer}.tp-bub-arrow--prev{left:-6px}.tp-bub-arrow--next{right:-6px}.tp-bub-arrow:hover{background:var(--surface-2, rgba(255,255,255,.06))}@media(min-width:1024px)and (hover:hover){.tp-bubbles:hover .tp-bub-arrow{display:inline-flex}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/tp-category-bubbles.css.map */