.caser-chip{height:32px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:.8125rem;vertical-align:middle;font-family:Roboto;transition:all .3s;padding:0 10px;letter-spacing:.5px;border:solid thin}.caser-chip.sm{height:24px;border-radius:12px;padding:0 7px}.caser-chip.lg{height:48px;border-radius:24px;padding:0 15px}.caser-chip .left-content{padding-right:5px}.caser-chip .right-content{padding-left:5px}.caser-chip .left-content:empty,.caser-chip .right-content:empty{padding:0}.caser-chip.filled{background-color:var(--chip-color);border-color:var(--chip-color);color:#fff}.caser-chip.outlined{background-color:transparent;border-color:var(--chip-color);color:var(--chip-color)}.caser-chip.clickable{cursor:pointer}.caser-chip.clickable:hover{filter:brightness(85%)}.caser-chip.clickable:active{filter:brightness(60%)}.caser-chip.color-default{--chip-color: rgba(0, 0, 0, .08);color:#000}.caser-chip.color-primary{--chip-color: #1976d2}.caser-chip.color-secondary{--chip-color: #9c27b0}.caser-chip.color-error{--chip-color: rgb(211, 47, 47)}.caser-chip.color-info{--chip-color: rgb(2, 136, 209)}.caser-chip.color-success{--chip-color: #2e7d32}.caser-chip.color-warning{--chip-color: rgb(237, 108, 2)}