.topin-cat-scroll[data-v-f77a2cd3]{margin:0 -15px;padding:0 15px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.topin-cat-scroll[data-v-f77a2cd3]::-webkit-scrollbar{display:none}.topin-cat-row[data-v-f77a2cd3]{display:flex;gap:4px;width:-moz-max-content;width:max-content}@media(min-width:768px){.topin-cat-scroll[data-v-f77a2cd3]{margin:0;padding:0;overflow:visible}.topin-cat-row[data-v-f77a2cd3]{flex-wrap:wrap;width:auto}}.topin-cat-pill[data-v-f77a2cd3]{display:inline-flex;align-items:center;height:46px;padding:0 15px;border-radius:50px;background:var(--ui-surface);color:var(--ui-text-primary);font-size:14px;font-weight:500;white-space:nowrap;border:none;cursor:pointer;transition:background .2s,color .2s,transform .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.topin-cat-pill[data-v-f77a2cd3]:active{transform:scale(.96)}.topin-cat-pill--active[data-v-f77a2cd3]{background:var(--color-dark-pill);color:var(--color-dark-pill-text);font-weight:600}.topin-3d-pill[data-v-2dbb191c]{display:inline-flex;align-items:center;gap:6px;height:46px;padding:0 16px;border-radius:50px;background:var(--ui-surface);color:var(--ui-text-primary);font-size:15px;font-weight:600;border:none;cursor:pointer;flex-shrink:0;transition:background .2s,color .2s,transform .15s}.topin-3d-pill[data-v-2dbb191c]:active{transform:scale(.96)}.topin-3d-pill--active[data-v-2dbb191c]{background:var(--color-dark-pill);color:var(--color-dark-pill-text)}.topin-3d-pill--desktop[data-v-2dbb191c]{display:none}.topin-3d-pill--mobile[data-v-2dbb191c]{display:inline-flex}@media(min-width:1024px){.topin-3d-pill--desktop[data-v-2dbb191c]{display:inline-flex}.topin-3d-pill--mobile[data-v-2dbb191c]{display:none}}