.m3-chip{--m3-chip-bg:var(--md-sys-color-surface);--m3-chip-color:var(--md-sys-color-on-surface-variant);--m3-chip-outline:var(--md-sys-color-outline);--md-ripple-color:var(--md-sys-color-on-surface-variant);background-color:var(--m3-chip-bg);height:32px;box-shadow:inset 0 0 0 1px var(--m3-chip-outline);color:var(--m3-chip-color);font-family:var(--md-sys-typescale-label-large-font-family);font-weight:var(--md-sys-typescale-label-large-font-weight);font-size:var(--md-sys-typescale-label-large-font-size);line-height:var(--md-sys-typescale-label-large-line-height);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing);transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);border-radius:8px;align-items:center;display:inline-flex}.m3-chip__button,.m3-chip__dismiss{height:100%;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.m3-chip__button{border-radius:8px;gap:8px;padding:0 16px;overflow:hidden}.m3-chip--has-leading .m3-chip__button{padding-left:8px}.m3-chip__leading-element{z-index:1;width:18px;height:18px;color:var(--md-sys-color-primary);justify-content:center;align-items:center;display:flex;position:relative}.m3-chip--input .m3-chip__button{padding-left:12px;padding-right:12px}.m3-chip--input.m3-chip--has-leading .m3-chip__button{padding-left:4px}.m3-chip--input.m3-chip--has-trailing .m3-chip__button{padding-right:8px}.m3-chip--has-trailing .m3-chip__button{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:8px}.m3-chip__dismiss{border-radius:0 8px 8px 0;padding:0 8px;overflow:hidden}.m3-chip__icon{z-index:1;justify-content:center;align-items:center;width:18px;height:18px;font-size:18px;display:flex;position:relative}.m3-chip__label{z-index:1;position:relative}.m3-chip__button:after,.m3-chip__dismiss:after{content:"";transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);z-index:0;background-color:#0000;position:absolute;inset:0}.m3-chip__button:hover:after,.m3-chip__dismiss:hover:after{background-color:color-mix(in srgb, var(--m3-chip-color) 8%, transparent)}.m3-chip__button:focus-visible:after,.m3-chip__dismiss:focus-visible:after,.m3-chip__button:active:after,.m3-chip__dismiss:active:after{background-color:color-mix(in srgb, var(--m3-chip-color) 12%, transparent)}.m3-chip__button:focus-visible,.m3-chip__dismiss:focus-visible{outline:2px solid var(--md-sys-color-secondary);outline-offset:-2px}.m3-chip--assist,.m3-chip--suggestion{--m3-chip-bg:var(--md-sys-color-surface);--m3-chip-color:var(--md-sys-color-on-surface);--m3-chip-outline:var(--md-sys-color-outline);--md-ripple-color:var(--md-sys-color-on-surface)}.m3-chip--filter,.m3-chip--input{--m3-chip-bg:var(--md-sys-color-surface);--m3-chip-color:var(--md-sys-color-on-surface-variant);--m3-chip-outline:var(--md-sys-color-outline);--md-ripple-color:var(--md-sys-color-on-surface-variant)}.m3-chip--selected{--m3-chip-bg:var(--md-sys-color-secondary-container);--m3-chip-color:var(--md-sys-color-on-secondary-container);--m3-chip-outline:transparent;--md-ripple-color:var(--md-sys-color-on-secondary-container)}.m3-chip--selected .m3-chip__leading-element{color:var(--md-sys-color-on-secondary-container)}.m3-chip--disabled{--m3-chip-color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)!important;--md-ripple-color:transparent!important}.m3-chip--disabled:not(.m3-chip--selected){--m3-chip-outline:color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent)!important}.m3-chip--disabled.m3-chip--selected{--m3-chip-bg:color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent)!important;--m3-chip-outline:transparent!important}.m3-chip--disabled .m3-chip__leading-element{color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)!important}.m3-chip__button:disabled,.m3-chip__dismiss:disabled{cursor:not-allowed}