.ocs-re-chip{--_color--container: var(--ocs--color--surface, #fff);--_color--label-text: var(--ocs--color--on-surface, #1d1b20);--_color--icon: var(--ocs--color--primary, #6750a4);--_color--outline: var(--ocs--color--outline-variant, #c4c7c5);--_size--outline-width: 1px;display:inline-flex;position:relative;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.2,0,0,1);border:1px solid #c4c7c5;border:var(--_size--outline-width) solid var(--_color--outline);border-radius:8px;border-radius:var(--ocs--shape--corner-small, 8px);background-color:#fff;background-color:var(--_color--container);color:#1d1b20;color:var(--_color--label-text);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:none;box-shadow:var(--ocs--elevation--level0, none);min-width:3rem;min-height:2rem;font-family:var(--ocs--typescale--label-large-font);font-size:var(--ocs--typescale--label-large-size);font-weight:var(--ocs--typescale--label-large-weight);letter-spacing:var(--ocs--typescale--label-large-tracking);line-height:var(--ocs--typescale--label-large-line-height)}.ocs-re-chip:focus-visible{outline:2px solid #625b71;outline:var(--ocs--state--focus-indicator-thickness, 2px) solid var(--ocs--color--secondary, #625b71);outline-offset:2px;outline-offset:var(--ocs--state--focus-indicator-outer-offset, 2px)}.ocs-re-chip--elevated{--_size--outline-width: 0;--_color--container: var(--ocs--color--surface-container-low, #f7f2fa);box-shadow:var(--ocs--elevation--level1)}.ocs-re-chip--elevated:hover:not(.ocs-re-chip--disabled){box-shadow:var(--ocs--elevation--level2)}.ocs-re-chip--elevated:focus:not(.ocs-re-chip--disabled){box-shadow:var(--ocs--elevation--level1)}.ocs-re-chip--elevated:active:not(.ocs-re-chip--disabled){box-shadow:var(--ocs--elevation--level1)}.ocs-re-chip--disabled{cursor:default;pointer-events:none}.ocs-re-chip--disabled:not(.ocs-re-chip--elevated){--_color--outline: var(--ocs--color--on-surface, #1d1b20)}.ocs-re-chip--disabled:not(.ocs-re-chip--elevated):after{position:absolute;border:var(--_size--outline-width) solid currentcolor;border-radius:inherit;opacity:.12;pointer-events:none;content:"";top:calc(-1 * var(--_size--outline-width));right:calc(-1 * var(--_size--outline-width));bottom:calc(-1 * var(--_size--outline-width));left:calc(-1 * var(--_size--outline-width))}.ocs-re-chip--disabled.ocs-re-chip--elevated{--_color--container: var(--ocs--color--on-surface, #1d1b20);box-shadow:var(--ocs--elevation--level0)}.ocs-re-chip--disabled.ocs-re-chip--elevated:after{position:absolute;border-radius:inherit;background-color:currentcolor;opacity:.12;pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--disabled .ocs-re-chip__label-text,.ocs-re-chip--disabled .ocs-re-chip__leading-icon,.ocs-re-chip--disabled .ocs-re-chip__trailing-icon{opacity:.38}.ocs-re-chip--selected{--_color--container: var(--ocs--color--secondary-container);--_color--label-text: var(--ocs--color--on-secondary-container);--_color--icon: var(--ocs--color--on-secondary-container);--_size--outline-width: 0}.ocs-re-chip--assist{--_color--container: transparent}.ocs-re-chip--assist:hover:not(.ocs-re-chip--disabled):before{position:absolute;border-radius:inherit;background-color:#1d1b20;background-color:var(--ocs--color--on-surface, #1d1b20);opacity:.08;opacity:var(--ocs--state--hover-state-layer-opacity, .08);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--assist:focus:not(.ocs-re-chip--disabled):before{position:absolute;border-radius:inherit;background-color:#1d1b20;background-color:var(--ocs--color--on-surface, #1d1b20);opacity:.12;opacity:var(--ocs--state--focus-state-layer-opacity, .12);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--assist:active:not(.ocs-re-chip--disabled):before{position:absolute;border-radius:inherit;background-color:#1d1b20;background-color:var(--ocs--color--on-surface, #1d1b20);opacity:.12;opacity:var(--ocs--state--pressed-state-layer-opacity, .12);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--assist.ocs-re-chip--elevated{--_color--container: var(--ocs--color--surface-container-low, #f7f2fa)}.ocs-re-chip--assist.ocs-re-chip--elevated:hover:not(.ocs-re-chip--disabled):before,.ocs-re-chip--assist.ocs-re-chip--elevated:focus:not(.ocs-re-chip--disabled):before,.ocs-re-chip--assist.ocs-re-chip--elevated:active:not(.ocs-re-chip--disabled):before{display:none}.ocs-re-chip--filter{--_color--container: transparent;--_color--label-text: var(--ocs--color--on-surface-variant);--_color--icon: var(--ocs--color--on-surface-variant)}.ocs-re-chip--filter:hover:not(.ocs-re-chip--disabled):not(.ocs-re-chip--selected):before{position:absolute;border-radius:inherit;background-color:var(--ocs--color--on-surface-variant);opacity:.08;opacity:var(--ocs--state--hover-state-layer-opacity, .08);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--filter:focus:not(.ocs-re-chip--disabled):not(.ocs-re-chip--selected){--_color--outline: var(--ocs--color--on-surface-variant)}.ocs-re-chip--filter:focus:not(.ocs-re-chip--disabled):not(.ocs-re-chip--selected):before{position:absolute;border-radius:inherit;background-color:var(--ocs--color--on-surface-variant);opacity:.12;opacity:var(--ocs--state--focus-state-layer-opacity, .12);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--filter:active:not(.ocs-re-chip--disabled):not(.ocs-re-chip--selected):before{position:absolute;border-radius:inherit;background-color:var(--ocs--color--on-secondary-container);opacity:.12;opacity:var(--ocs--state--pressed-state-layer-opacity, .12);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--filter:not(.ocs-re-chip--selected) .ocs-re-chip__leading-icon{--_color--icon: var(--ocs--color--primary)}.ocs-re-chip--filter.ocs-re-chip--selected:hover:not(.ocs-re-chip--disabled){box-shadow:var(--ocs--elevation--level1)}.ocs-re-chip--filter.ocs-re-chip--selected:hover:not(.ocs-re-chip--disabled):before{position:absolute;border-radius:inherit;background-color:var(--ocs--color--on-secondary-container);opacity:.08;opacity:var(--ocs--state--hover-state-layer-opacity, .08);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--filter.ocs-re-chip--selected:focus:not(.ocs-re-chip--disabled){box-shadow:var(--ocs--elevation--level0)}.ocs-re-chip--filter.ocs-re-chip--selected:focus:not(.ocs-re-chip--disabled):before{position:absolute;border-radius:inherit;background-color:var(--ocs--color--on-secondary-container);opacity:.12;opacity:var(--ocs--state--focus-state-layer-opacity, .12);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--filter.ocs-re-chip--selected:active:not(.ocs-re-chip--disabled){box-shadow:var(--ocs--elevation--level0)}.ocs-re-chip--filter.ocs-re-chip--selected:active:not(.ocs-re-chip--disabled):before{position:absolute;border-radius:inherit;background-color:var(--ocs--color--on-surface-variant);opacity:.12;opacity:var(--ocs--state--pressed-state-layer-opacity, .12);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--filter.ocs-re-chip--elevated{--_color--container: var(--ocs--color--surface-container-low)}.ocs-re-chip--filter.ocs-re-chip--elevated:hover:not(.ocs-re-chip--disabled){box-shadow:var(--ocs--elevation--level2)}.ocs-re-chip--filter.ocs-re-chip--elevated:focus:not(.ocs-re-chip--disabled){box-shadow:var(--ocs--elevation--level1)}.ocs-re-chip--filter.ocs-re-chip--elevated:active:not(.ocs-re-chip--disabled){box-shadow:var(--ocs--elevation--level1)}.ocs-re-chip--filter.ocs-re-chip--elevated:hover:not(.ocs-re-chip--disabled):before,.ocs-re-chip--filter.ocs-re-chip--elevated:focus:not(.ocs-re-chip--disabled):before,.ocs-re-chip--filter.ocs-re-chip--elevated:active:not(.ocs-re-chip--disabled):before{display:none}.ocs-re-chip--filter.ocs-re-chip--elevated.ocs-re-chip--selected{--_color--container: var(--ocs--color--secondary-container)}.ocs-re-chip--filter.ocs-re-chip--elevated.ocs-re-chip--selected:hover:not(.ocs-re-chip--disabled):before,.ocs-re-chip--filter.ocs-re-chip--elevated.ocs-re-chip--selected:focus:not(.ocs-re-chip--disabled):before,.ocs-re-chip--filter.ocs-re-chip--elevated.ocs-re-chip--selected:active:not(.ocs-re-chip--disabled):before{display:none}.ocs-re-chip--filter.ocs-re-chip--disabled.ocs-re-chip--selected{opacity:.12}.ocs-re-chip--input{--_color--container: transparent;--_color--label-text: var(--ocs--color--on-surface-variant);--_color--icon: var(--ocs--color--on-surface-variant)}.ocs-re-chip--input .ocs-re-chip__leading-icon{--_color--icon: var(--ocs--color--primary)}.ocs-re-chip--input:not(.ocs-re-chip--selected):hover:not(.ocs-re-chip--disabled):before{position:absolute;border-radius:inherit;background-color:var(--ocs--color--on-surface-variant);opacity:.08;opacity:var(--ocs--state--hover-state-layer-opacity, .08);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--input:not(.ocs-re-chip--selected):focus:not(.ocs-re-chip--disabled){--_color--outline: var(--ocs--color--on-surface-variant)}.ocs-re-chip--input:not(.ocs-re-chip--selected):focus:not(.ocs-re-chip--disabled):before{position:absolute;border-radius:inherit;background-color:var(--ocs--color--on-surface-variant);opacity:.12;opacity:var(--ocs--state--focus-state-layer-opacity, .12);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--input:not(.ocs-re-chip--selected):active:not(.ocs-re-chip--disabled):before{position:absolute;border-radius:inherit;background-color:var(--ocs--color--on-surface-variant);opacity:.12;opacity:var(--ocs--state--pressed-state-layer-opacity, .12);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--input.ocs-re-chip--selected:hover:not(.ocs-re-chip--disabled):before{position:absolute;border-radius:inherit;background-color:var(--ocs--color--on-secondary-container);opacity:.08;opacity:var(--ocs--state--hover-state-layer-opacity, .08);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--input.ocs-re-chip--selected:focus:not(.ocs-re-chip--disabled):before{position:absolute;border-radius:inherit;background-color:var(--ocs--color--on-secondary-container);opacity:.12;opacity:var(--ocs--state--focus-state-layer-opacity, .12);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--input.ocs-re-chip--selected:active:not(.ocs-re-chip--disabled):before{position:absolute;border-radius:inherit;background-color:var(--ocs--color--on-secondary-container);opacity:.12;opacity:var(--ocs--state--pressed-state-layer-opacity, .12);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--input .ocs-re-chip__trailing-icon{aspect-ratio:1/1;height:min(100%,2rem);width:auto;margin-right:0}.ocs-re-chip--input.ocs-re-chip--elevated{--_color--container: var(--ocs--color--surface-container-low)}.ocs-re-chip--input.ocs-re-chip--elevated:hover:not(.ocs-re-chip--disabled):before,.ocs-re-chip--input.ocs-re-chip--elevated:focus:not(.ocs-re-chip--disabled):before,.ocs-re-chip--input.ocs-re-chip--elevated:active:not(.ocs-re-chip--disabled):before{display:none}.ocs-re-chip--suggestion{--_color--container: transparent;--_color--label-text: var(--ocs--color--on-surface-variant);--_color--icon: var(--ocs--color--on-surface-variant)}.ocs-re-chip--suggestion .ocs-re-chip__leading-icon{--_color--icon: var(--ocs--color--primary)}.ocs-re-chip--suggestion:hover:not(.ocs-re-chip--disabled):before{position:absolute;border-radius:inherit;background-color:var(--ocs--color--on-surface-variant);opacity:.08;opacity:var(--ocs--state--hover-state-layer-opacity, .08);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--suggestion:focus:not(.ocs-re-chip--disabled){--_color--outline: var(--ocs--color--on-surface-variant)}.ocs-re-chip--suggestion:focus:not(.ocs-re-chip--disabled):before{position:absolute;border-radius:inherit;background-color:var(--ocs--color--on-surface-variant);opacity:.12;opacity:var(--ocs--state--focus-state-layer-opacity, .12);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--suggestion:active:not(.ocs-re-chip--disabled):before{position:absolute;border-radius:inherit;background-color:var(--ocs--color--on-surface-variant);opacity:.12;opacity:var(--ocs--state--pressed-state-layer-opacity, .12);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip--suggestion.ocs-re-chip--elevated{--_color--container: var(--ocs--color--surface-container-low)}.ocs-re-chip--suggestion.ocs-re-chip--elevated:hover:not(.ocs-re-chip--disabled){box-shadow:var(--ocs--elevation--level2)}.ocs-re-chip--suggestion.ocs-re-chip--elevated:focus:not(.ocs-re-chip--disabled){box-shadow:var(--ocs--elevation--level1)}.ocs-re-chip--suggestion.ocs-re-chip--elevated:active:not(.ocs-re-chip--disabled){box-shadow:var(--ocs--elevation--level1)}.ocs-re-chip--suggestion.ocs-re-chip--elevated:hover:not(.ocs-re-chip--disabled):before,.ocs-re-chip--suggestion.ocs-re-chip--elevated:focus:not(.ocs-re-chip--disabled):before,.ocs-re-chip--suggestion.ocs-re-chip--elevated:active:not(.ocs-re-chip--disabled):before{display:none}.ocs-re-chip__outline{position:absolute;top:0;right:0;bottom:0;left:0;border:var(--_size--outline-width) solid var(--_color--outline);border-radius:inherit;pointer-events:none}.ocs-re-chip__leading-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--_color--icon);width:1.125rem;height:1.125rem;margin-left:.5rem}.ocs-re-chip--avatar .ocs-re-chip__leading-icon{width:1.5rem;height:1.5rem;border-radius:50%;overflow:hidden}.ocs-re-chip__trailing-icon{display:flex;position:relative;flex-shrink:0;align-items:center;justify-content:center;color:var(--_color--icon);pointer-events:auto;z-index:1;width:1.125rem;height:1.125rem;margin-right:.5rem}.ocs-re-chip__label{display:flex;flex:1;align-items:center;min-height:2rem;padding:.25rem .75rem;overflow:hidden}.ocs-re-chip__leading-icon+.ocs-re-chip__label{padding-left:.5rem}.ocs-re-chip__label:has(+.ocs-re-chip__trailing-icon){padding-right:.5rem}.ocs-re-chip__label-text{display:block;width:100%;color:inherit;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-wrap:break-word}.ocs-re-chip__touch{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:3rem;min-height:3rem;pointer-events:none}.ocs-re-chip__remove-button{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0;transition:all .1s cubic-bezier(.2,0,0,1);transition:all var(--ocs--motion--duration-short2, .1s) var(--ocs--motion--easing-standard, cubic-bezier(.2, 0, 0, 1));border:none;border-radius:50%;background:transparent;color:var(--_color--icon);font-size:.875rem;cursor:pointer;pointer-events:auto;z-index:2}.ocs-re-chip__remove-button:hover:not(:disabled):before{position:absolute;border-radius:inherit;background-color:var(--ocs--color--on-surface-variant);opacity:.08;opacity:var(--ocs--state--hover-state-layer-opacity, .08);content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip__remove-button:focus:not(:disabled){outline:2px solid var(--_color--icon);outline-offset:1px}.ocs-re-chip__remove-button:focus:not(:disabled):before{position:absolute;border-radius:inherit;background-color:var(--ocs--color--on-surface-variant);opacity:.12;opacity:var(--ocs--state--focus-state-layer-opacity, .12);content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip__remove-button:active:not(:disabled){transform:scale(.9)}.ocs-re-chip__remove-button:active:not(:disabled):before{position:absolute;border-radius:inherit;background-color:var(--ocs--color--on-surface-variant);opacity:.12;opacity:var(--ocs--state--pressed-state-layer-opacity, .12);content:"";top:0;right:0;bottom:0;left:0}.ocs-re-chip__remove-button:disabled{opacity:.38;cursor:default}.ocs-re-chip__remove-button svg{width:.875rem;height:.875rem;fill:currentcolor}.ocs-re-chip:active:not(.ocs-re-chip--disabled){transform:scale(.98)}