.chip-comp[data-v-3d9341cb]{align-items:center;background:var(--color-layer-neutral-02,#fafafa);border-radius:50px;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;transition:all .3s ease;white-space:nowrap}.chip-comp .icon[data-v-3d9341cb]{height:20px;width:20px}.chip-comp.pointer[data-v-3d9341cb]{cursor:pointer}.chip-comp.round.md[data-v-3d9341cb]{font:var(--typo-body-lg);gap:var(--spacing-8,8px);height:48px;min-width:58px;padding:var(--spacing-16,16px)}.chip-comp.round.md.icon[data-v-3d9341cb]{min-width:73px}.chip-comp.round.md.active[data-v-3d9341cb]{font:var(--typo-body-lg-bold)}.chip-comp.round.sm[data-v-3d9341cb]{font:var(--typo-body-md);gap:var(--spacing-4,4px);height:44px;min-width:48px;padding:var(--spacing-12,12px) var(--spacing-16,16px)}.chip-comp.round.sm.icon[data-v-3d9341cb]{min-width:58px}.chip-comp.round.sm.active[data-v-3d9341cb]{font:var(--typo-body-md-bold)}.chip-comp.round.active[data-v-3d9341cb]{border:1px solid var(--color-border-brand-bold,#80ad03);color:var(--color-text-brand-bold)}.chip-comp.round.active[data-v-3d9341cb],.chip-comp.round.active[data-v-3d9341cb]:hover{background:var(--color-layer-brand-01,#f8ffda)}.chip-comp.round[data-v-3d9341cb]:hover{background:var(--color-interaction-surface-hover,#f2f2f2)}.chip-comp.round[data-v-3d9341cb]:active{background:var(--color-interaction-surface-press,#ebebeb)}.chip-comp.mono[data-v-3d9341cb]{border:1px solid var(--color-border-subtle,#ebebeb);color:var(--color-text-subtle);font:var(--typo-body-md)}.chip-comp.mono.md[data-v-3d9341cb]{gap:var(--spacing-8,8px);height:44px;min-width:34px;padding:var(--spacing-12,12px) var(--spacing-16,16px)}.chip-comp.mono.md.icon[data-v-3d9341cb]{min-width:62px}.chip-comp.mono.sm[data-v-3d9341cb]{gap:var(--spacing-4,4px);height:36px;min-width:34px;padding:var(--spacing-8,8px) var(--spacing-16,16px)}.chip-comp.mono.sm.icon[data-v-3d9341cb]{min-width:54px}.chip-comp.mono.active[data-v-3d9341cb]{color:var(--color-text-white,#fff)}.chip-comp.mono.active[data-v-3d9341cb],.chip-comp.mono.active[data-v-3d9341cb]:hover{background:var(--color-chip-bg-selected,#363636)}.chip-comp.mono[data-v-3d9341cb]:hover{background:var(--color-chip-bg-hover,#f2f2f2)}.chip-comp.mono[data-v-3d9341cb]:active,.chip-comp.mono[data-v-3d9341cb]:hover{border:1px solid var(--color-border-subtle,#ebebeb)}.chip-comp.mono[data-v-3d9341cb]:active{background:var(--color-chip-bg-press,#e0e0e0)}
