.md-chip{cursor:pointer;border-radius:var(--md-sys-shape-corner-small);height:32px;font-family:var(--md-sys-typescale-label-large-font);font-size:12px;line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);--_base-padding:16px;transition:color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), background-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:none;outline:none;align-items:center;display:inline-flex;position:relative;overflow:hidden}.md-chip:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.md-chip:disabled{pointer-events:none;opacity:var(--md-sys-state-disabled-opacity)}.md-chip svg{flex-shrink:0;width:18px;height:18px}.md-chip{padding-left:var(--_base-padding);padding-right:var(--_base-padding)}.md-chip[data-has-leading-icon]{--_base-padding-left:8px;padding-left:var(--_base-padding-left)}.md-chip[data-has-trailing-icon]{--_base-padding-right:8px;padding-right:var(--_base-padding-right)}.md-chip[data-variant=outlined]{color:var(--md-sys-color-on-surface-variant);border:1px solid color-mix(in srgb, var(--md-sys-color-outline) 30%, transparent);background-color:#0000}.md-chip[data-variant=outlined]:hover{background-color:color-mix(in srgb, var(--md-sys-color-on-surface) var(--md-sys-state-hover-opacity), transparent)}.md-chip[data-variant=elevated]{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-1);border:none}.md-chip[data-variant=elevated]:hover{box-shadow:var(--md-sys-elevation-2);background-color:var(--md-sys-color-surface-container)}.md-chip[data-type=filter][data-selected=true][data-variant=outlined]{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:#0000}.md-chip[data-type=filter][data-selected=true][data-variant=outlined]:hover{background-color:color-mix(in srgb, var(--md-sys-color-secondary-container) 90%, transparent)}.md-chip[data-type=filter][data-selected=true][data-variant=elevated]{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);box-shadow:var(--md-sys-elevation-2)}.md-chip[data-type=filter][data-selected=true][data-variant=elevated]:hover{background-color:color-mix(in srgb, var(--md-sys-color-secondary-container) 90%, transparent)}.md-chip__filter-icon{transition:width var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);justify-content:center;align-items:center;width:0;margin-right:8px;display:inline-flex;overflow:hidden}.md-chip__filter-icon[data-selected=true]{width:18px}.md-chip__filter-icon svg{transition:transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);transform:scale(0)}.md-chip__filter-icon[data-selected=true] svg{transform:scale(1)}.md-chip__leading-icon{justify-content:center;align-items:center;margin-right:8px;display:inline-flex}.md-chip__trailing-icon{justify-content:center;align-items:center;margin-left:8px;display:inline-flex}.md-chip--closable{cursor:default}.md-chip[data-disabled]{pointer-events:none;opacity:var(--md-sys-state-disabled-opacity)}.md-chip__primary{color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;transform-origin:100%;background:0 0;border:none;outline:none;align-self:stretch;align-items:center;margin:0;padding:0;display:inline-flex;position:relative;overflow:hidden}.md-chip__primary:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.md-chip__close{cursor:pointer;color:inherit;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;margin-left:8px;padding:2px;display:inline-flex}.md-chip__close:hover{background-color:color-mix(in srgb, var(--md-sys-color-on-surface) var(--md-sys-state-pressed-opacity), transparent)}.md-chip__close:focus-visible{outline:1px solid var(--md-sys-color-primary)}.md-chip__close svg{width:18px;height:18px}