.base-chip{align-items:center;display:flex;justify-content:space-between;padding:3px 12px;width:-moz-fit-content;width:fit-content}.base-chip.selected{background:var(--color-3);border:.5px solid var(--color-3);border-radius:var(--border-radius);color:var(--color-6)}.base-chip.primary{background:var(--color-1);border:.5px solid var(--color-6);border-radius:100px;cursor:pointer;transition:var(--transition-1)}.base-chip.primary-checked{background-color:var(--color-3);border-color:var(--color-3);color:var(--color-6)}.base-chip--inactive{opacity:.5}.base-chip .chip-before{display:inline-flex;margin-right:3px}.base-chip .chip-after,.base-chip .chip-clear{display:inline-flex}.base-chip .chip-after{margin-left:3px}.base-chip .chip-clear{cursor:pointer;margin-left:9px}.base-chip .chip-clear .remove{height:6px;width:6px}@media(min-width:768px){.base-chip{padding:5.5px 17.5px}}