.shop-circles[data-v-d1ab0be1]{margin-bottom:var(--space-5)}.shop-circles__scroll[data-v-d1ab0be1]{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none}.shop-circles__scroll[data-v-d1ab0be1]::-webkit-scrollbar{display:none}.shop-circle[data-v-d1ab0be1]{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-1);text-decoration:none;width:64px}.shop-circle__avatar[data-v-d1ab0be1]{align-items:center;background:var(--color-bg-component);border:2px solid var(--color-border);border-radius:50%;display:flex;height:48px;justify-content:center;overflow:hidden;position:relative;transition:border-color var(--transition-fast);width:48px}.shop-circle:hover .shop-circle__avatar[data-v-d1ab0be1]{border-color:var(--color-primary)}.shop-circle__img[data-v-d1ab0be1]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.shop-circle__initial[data-v-d1ab0be1]{color:#fff;font-size:var(--text-lg);font-weight:var(--font-weight-bold)}.shop-circle__dot[data-v-d1ab0be1]{background:#22c55e;border:2px solid var(--color-bg-page);border-radius:50%;bottom:1px;height:10px;position:absolute;right:1px;width:10px}.shop-circle__name[data-v-d1ab0be1]{color:var(--color-text-secondary);font-size:var(--text-xs);max-width:64px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.shop-circle__avatar--all[data-v-d1ab0be1]{background:var(--color-bg-hover);color:var(--color-text-secondary)}.shop-circle--all:hover .shop-circle__avatar--all[data-v-d1ab0be1]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}