.hoff-chip__wrapper[data-v-2c0fb394]{align-items:center;display:inline-flex;position:relative}@media(hover:hover)and (pointer:fine){.hoff-chip__wrapper:hover .hoff-chip__item[data-v-2c0fb394]:not(:disabled){border-color:var(--chips-border-filled-hover)}.hoff-chip__wrapper:hover .hoff-chip__item--outline[data-v-2c0fb394]:not(:disabled){background:var(--chips-bg-outline-hover);border-color:var(--chips-border-outline-hover)}}.hoff-chip--disabled .hoff-chip__item[data-v-2c0fb394]{background-color:var(--chips-bg-outline-disabled);border-color:var(--chips-border-filled-disabled);cursor:default}.hoff-chip--disabled .hoff-chip__label[data-v-2c0fb394]{color:var(--chips-text-color-outlined-disabled)}.hoff-chip--disabled .hoff-chip__left-icon[data-v-2c0fb394],.hoff-chip--disabled .hoff-chip__right-icon[data-v-2c0fb394]{fill:var(--chips-icon-color-filled-disabled)!important}.hoff-chip__item[data-v-2c0fb394]{align-items:center;background:var(--chips-bg-filled-normal);border:1px solid var(--chips-border-filled-normal);border-radius:var(--chips-radius-md-r-normal);cursor:pointer;display:inline-flex;gap:var(--chips-space-md-gap);height:var(--chips-size-md-height);padding:var(--chips-space-md-py) var(--chips-space-md-px);transition:.2s;-webkit-tap-highlight-color:transparent}.hoff-chip__item[data-v-2c0fb394]:has(.hoff-chip__right-icon){padding:var(--chips-space-md-py) var(--chips-space-md-pr-icon) var(--chips-space-md-py) var(--chips-space-md-px)}.hoff-chip__item[data-v-2c0fb394]:focus-visible:not([disabled]){box-shadow:0 0 0 4px #9f70d133;outline:none}.hoff-chip__item--small[data-v-2c0fb394]{border-radius:var(--chips-radius-sm-r-normal);gap:var(--chips-space-sm-gap);height:var(--chips-size-sm-height);padding:var(--chips-space-sm-py) var(--chips-space-sm-px)}.hoff-chip__item--small[data-v-2c0fb394]:has(.hoff-chip__right-icon){padding:var(--chips-space-sm-py) var(--chips-space-sm-pr-icon) var(--chips-space-sm-py) var(--chips-space-sm-px)}.hoff-chip__item--large[data-v-2c0fb394]{border-radius:var(--chips-radius-lg-r-normal);gap:var(--chips-space-lg-gap);height:var(--chips-size-lg-height);padding:var(--chips-space-lg-py) var(--chips-space-lg-px)}.hoff-chip__item--large[data-v-2c0fb394]:has(.hoff-chip__right-icon){padding:var(--chips-space-lg-py) var(--chips-space-lg-pr-icon) var(--chips-space-lg-py) var(--chips-space-lg-px)}.hoff-chip__item--active[data-v-2c0fb394]{background:var(--chips-bg-filled-selected);border-color:var(--chips-border-filled-selected)}.hoff-chip__item--active:not(:disabled) .hoff-chip__label[data-v-2c0fb394]{color:var(--chips-text-color-filled-selected)}.hoff-chip__item--active .hoff-chip__left-icon[data-v-2c0fb394],.hoff-chip__item--active .hoff-chip__right-icon[data-v-2c0fb394]{fill:var(--chips-icon-color-filled-selected)}.hoff-chip__item--outline[data-v-2c0fb394]{background-color:var(--chips-bg-outline-normal);border-color:var(--chips-border-outline-normal)}.hoff-chip__item--outline.hoff-chip__item--active[data-v-2c0fb394]{background:var(--chips-bg-outline-selected);border-color:var(--chips-border-outline-selected)}.hoff-chip__item--outline.hoff-chip__item--active:not(:disabled) .hoff-chip__label[data-v-2c0fb394]{color:var(--chips-text-color-outlined-selected)}.hoff-chip__label[data-v-2c0fb394]{color:var(--chips-text-color-filled-normal);font-size:var(--chips-typo-md-size);font-weight:500;line-height:var(--chips-typo-md-leading);overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.hoff-chip__item--small .hoff-chip__label[data-v-2c0fb394]{font-size:var(--chips-typo-sm-size);line-height:var(--chips-typo-sm-leading)}.hoff-chip__item--large .hoff-chip__label[data-v-2c0fb394]{font-size:var(--chips-typo-lg-size);line-height:var(--chips-typo-lg-leading)}.hoff-chip__color[data-v-2c0fb394]{align-items:center;display:flex;height:var(--chips-size-md-icon);justify-content:center;width:var(--chips-size-md-icon)}.hoff-chip__color .hoff-chip__color-dot[data-v-2c0fb394]{height:16px;width:16px}.hoff-chip__color--small[data-v-2c0fb394]{height:var(--chips-size-sm-icon);width:var(--chips-size-sm-icon)}.hoff-chip__color--small .hoff-chip__color-dot[data-v-2c0fb394]{height:12.8px;width:12.8px}.hoff-chip__color--large[data-v-2c0fb394]{height:var(--chips-size-lg-icon);width:var(--chips-size-lg-icon)}.hoff-chip__color--large .hoff-chip__color-dot[data-v-2c0fb394]{height:19.2px;width:19.2px}.hoff-chip__color-dot[data-v-2c0fb394]{border:1px solid transparent;border-radius:var(--core-radius-circle);transition:border-color .2s}.hoff-chip__item--active:not(.hoff-chip__item--outline) .hoff-chip__color-dot[data-v-2c0fb394]{border-color:var(--core-color-achrom-white)}.hoff-chip__left-icon[data-v-2c0fb394]{align-items:center;display:inline-flex;transition:fill .2s}.hoff-chip__right-icon[data-v-2c0fb394]{align-items:center;display:inline-flex;transition:all .2s}.hoff-chip__close-button[data-v-2c0fb394]{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;fill:var(--chips-icon-color-filled-hover);justify-content:center;padding:0;position:absolute;right:var(--chips-space-md-pr-icon);top:50%;transform:translateY(-50%);transition:fill .2s,box-shadow .2s}.hoff-chip__close-button[data-v-2c0fb394]:focus-visible:not([disabled]){box-shadow:0 0 0 4px #9f70d133;outline:none}.hoff-chip__close-button[data-v-2c0fb394]:hover{fill:var(--chips-text-color-filled-hover)}.hoff-chip--small .hoff-chip__close-button[data-v-2c0fb394]{right:var(--chips-space-sm-pr-icon)}.hoff-chip--large .hoff-chip__close-button[data-v-2c0fb394]{right:var(--chips-space-lg-pr-icon)}.hoff-chip--active .hoff-chip__close-button[data-v-2c0fb394]{fill:var(--chips-icon-color-filled-selected)}.hoff-chip--closable .hoff-chip__item[data-v-2c0fb394]{padding-right:calc(var(--chips-space-md-gap) + var(--chips-space-md-pr-icon) + var(--chips-size-md-icon))}.hoff-chip--closable.hoff-chip--small .hoff-chip__item[data-v-2c0fb394]{padding-right:calc(var(--chips-space-sm-gap) + var(--chips-space-sm-pr-icon) + var(--chips-size-sm-icon))}.hoff-chip--closable.hoff-chip--large .hoff-chip__item[data-v-2c0fb394]{padding-right:calc(var(--chips-space-lg-gap) + var(--chips-space-lg-pr-icon) + var(--chips-size-lg-icon))}