.kit-chip{--kit-chip-label:var(--m3-on-surface-variant);--kit-chip-icon:var(--m3-primary);--kit-chip-trailing:var(--m3-on-surface-variant);--kit-chip-outline:var(--m3-outline-variant);--kit-chip-container:transparent;background-color:var(--kit-chip-container);height:32px;color:var(--kit-chip-label);white-space:nowrap;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .15s var(--ease-standard);border-radius:8px;flex-shrink:0;align-items:center;padding-inline:8px;text-decoration:none;display:inline-flex;position:relative}.kit-chip:after{content:"";border:1px solid var(--kit-chip-outline);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.kit-chip[data-pill]{border-radius:9999px;height:40px;padding-inline:12px}.kit-chip-touch{inset-inline:0;height:48px;position:absolute;top:50%;transform:translateY(-50%)}.kit-chip-label{padding-inline:8px}.kit-chip-leading{width:18px;height:18px;color:var(--kit-chip-icon);flex-shrink:0;display:flex;position:relative}.kit-chip-leading>svg{inset-inline-start:0;position:absolute;top:0}.kit-chip[data-kind=assist]{--kit-chip-label:var(--m3-on-surface)}.kit-chip[data-kind=assist]:focus{--kit-chip-outline:var(--m3-on-surface)}.kit-chip:not([data-kind=assist],[aria-pressed=true],[aria-current=page],[data-selected]):focus-within{--kit-chip-outline:var(--m3-on-surface-variant)}.kit-chip[data-elevated]{--kit-chip-container:var(--m3-surface-container-low);--kit-chip-outline:transparent;box-shadow:var(--shadow-1)}.kit-chip[data-elevated]:hover{box-shadow:var(--shadow-2)}.kit-chip[data-elevated]:is(:active,:focus-within){box-shadow:var(--shadow-1)}.kit-chip:is([aria-pressed=true],[aria-current=page],[data-selected]){--kit-chip-container:var(--m3-secondary-container);--kit-chip-outline:transparent;--kit-chip-label:var(--m3-on-secondary-container);--kit-chip-icon:var(--m3-on-secondary-container);--kit-chip-trailing:var(--m3-on-secondary-container)}.kit-chip:is([aria-pressed=true],[aria-current=page]):not([data-elevated]):hover{box-shadow:var(--shadow-1)}.kit-chip[data-kind=filter] :is(.kit-chip-check,.kit-chip-icon){transition:opacity var(--m3-spring-fast-effects-duration) var(--m3-spring-fast-effects)}.kit-chip[data-kind=filter] .kit-chip-check,.kit-chip[data-kind=filter]:is([aria-pressed=true],[aria-current=page]) .kit-chip-icon{opacity:0}.kit-chip[data-kind=filter]:is([aria-pressed=true],[aria-current=page]) .kit-chip-check,.kit-chip[data-kind=filter]:not([aria-pressed=true],[aria-current=page]) .kit-chip-icon{opacity:1;transition:opacity var(--m3-spring-slow-effects-duration) var(--m3-spring-slow-effects)}.kit-chip[data-kind=filter]:not([data-icon]) .kit-chip-leading{width:0;transition:width var(--m3-spring-default-effects-duration) var(--m3-spring-default-effects);overflow:hidden}.kit-chip[data-kind=filter]:not([data-icon]):is([aria-pressed=true],[aria-current=page]) .kit-chip-leading{width:18px;transition:width var(--m3-spring-fast-spatial-duration) var(--m3-spring-fast-spatial)}.kit-chip[data-kind=input]{--kit-chip-icon:var(--m3-on-surface-variant);cursor:default;padding:0}.kit-chip[data-kind=input][data-selected]{--kit-chip-icon:var(--m3-primary)}.kit-chip[data-kind=input][data-avatar]{border-radius:16px}.kit-chip-action{border-radius:inherit;color:inherit;cursor:pointer;align-self:stretch;align-items:center;padding-inline-start:4px;text-decoration:none;display:inline-flex;position:relative}.kit-chip[data-icon] .kit-chip-action{padding-inline-start:8px}.kit-chip-avatar,.kit-chip-avatar>*{object-fit:cover;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;overflow:hidden}.kit-chip-remove{width:24px;height:24px;color:var(--kit-chip-trailing);cursor:pointer;border-radius:50%;place-items:center;margin-inline:-3px 5px;display:grid;position:relative}.kit-chip-remove>.kit-chip-touch{inset-inline:-5px}.kit-chip:is(:disabled,[data-disabled]){--kit-chip-label:color-mix(in srgb, var(--m3-on-surface) 38%, transparent);--kit-chip-icon:var(--kit-chip-label);--kit-chip-trailing:var(--kit-chip-label);--kit-chip-outline:color-mix(in srgb, var(--m3-on-surface) 12%, transparent);box-shadow:none;cursor:default}.kit-chip:is(:disabled,[data-disabled]):is([data-elevated],[aria-pressed=true],[data-selected]){--kit-chip-container:color-mix(in srgb, var(--m3-on-surface) 12%, transparent);--kit-chip-outline:transparent}.kit-chip[data-disabled] :is(.kit-chip-action,.kit-chip-remove){cursor:default}.kit-chip[data-disabled] .kit-chip-avatar{opacity:.38}@media (forced-colors:active){.kit-chip:after{border-color:canvastext}.kit-chip:is(:disabled,[data-disabled]){color:graytext}}