.ui-chip[data-color-scheme=accent][data-variant=outlined]{--ui-chip-bg-color-default:#0000;--ui-chip-bg-color-hover:var(--bg-surface_2);--ui-chip-bg-color-disabled:var(--bg-disabled);--ui-chip-bg-color-selected-default:var(--accent-default);--ui-chip-bg-color-selected-hover:var(--accent-hover);--ui-chip-bg-color-selected-disabled:var(--accent-bg-default);--ui-chip-border-color-default:var(--fg-muted);--ui-chip-border-color-hover:var(--bg-surface_2);--ui-chip-border-color-disabled:var(--bg-disabled);--ui-chip-border-color-selected-default:var(--accent-default);--ui-chip-border-color-selected-hover:var(--accent-hover);--ui-chip-border-color-selected-disabled:var(--accent-bg-default);--ui-chip-fg-color-default:var(--fg-muted);--ui-chip-fg-color-hover:var(--fg-soft);--ui-chip-fg-color-disabled:var(--fg-disabled);--ui-chip-fg-color-selected-default:var(--accent-on_self);--ui-chip-fg-color-selected-hover:var(--accent-on_self);--ui-chip-fg-color-selected-disabled:var(--fg-disabled)}.ui-chip[data-size=s]{--ui-chip-icon-size:16px;--ui-chip-gap:4px;--ui-chip-padding-inline:5px;--ui-chip-padding-block:0px;--ui-chip-border-width:1px;--ui-chip-border-radius:4px;--ui-chip-min-height:20px;font-size:12px;line-height:18px}@media (max-width:380px){.ui-chip[data-size=s]{font-size:calc(clamp(10px,3.75vw,12px));line-height:calc(clamp(16px,5.625vw,18px))}}.ui-chip[data-size=m]{--ui-chip-icon-size:20px;--ui-chip-gap:4px;--ui-chip-padding-inline:7px;--ui-chip-padding-block:1px;--ui-chip-border-width:1px;--ui-chip-border-radius:4px;--ui-chip-min-height:24px;font-size:14px;line-height:20px}@media (max-width:380px){.ui-chip[data-size=m]{font-size:calc(clamp(12px,4.375vw,14px));line-height:calc(clamp(18px,6.25vw,20px))}}.ui-chip[data-size=l]{--ui-chip-icon-size:20px;--ui-chip-gap:4px;--ui-chip-padding-inline:9px;--ui-chip-padding-block:2px;--ui-chip-border-width:1px;--ui-chip-border-radius:4px;--ui-chip-min-height:30px;font-size:16px;line-height:24px}@media (max-width:380px){.ui-chip[data-size=l]{font-size:calc(clamp(13px,4.625vw,16px));line-height:calc(clamp(21px,7.1vw,24px))}}.ui-chip{gap:var(--ui-chip-gap,4px);width:fit-content;min-height:var(--ui-chip-min-height,24px);padding-block:var(--ui-chip-padding-block,1px);padding-inline:var(--ui-chip-padding-inline,7px);border-width:var(--ui-chip-border-width,1px);border-style:var(--ui-chip-border-style,solid);border-color:var(--ui-chip-border-color-default,var(--fg-muted));border-radius:var(--ui-chip-border-radius,4px);background-color:var(--ui-chip-bg-color-default,#0000);color:var(--ui-chip-fg-color-default,var(--fg-muted));font:inherit;text-align:left;transition:var(--trs-fast);-webkit-appearance:none;appearance:none;align-items:center;transition-property:color,background-color,border-color;display:flex}.ui-chip:not(.fixed){cursor:pointer}.ui-chip.disabled:not(.selected){border-color:var(--ui-chip-border-color-disabled,var(--bg-disabled));background-color:var(--ui-chip-bg-color-disabled,var(--bg-disabled));color:var(--ui-chip-fg-color-disabled,var(--fg-disabled));cursor:not-allowed}.ui-chip:hover:not(.disabled,.selected,.fixed){border-color:var(--ui-chip-border-color-hover,var(--fg-muted));background-color:var(--ui-chip-bg-color-hover,#0000);color:var(--ui-chip-fg-color-hover,var(--fg-muted))}.ui-chip.selected{border-color:var(--ui-chip-border-color-selected-default,var(--fg-muted));background-color:var(--ui-chip-bg-color-selected-default,#0000);color:var(--ui-chip-fg-color-selected-default,var(--fg-muted))}@media (hover:hover) and (pointer:fine){.ui-chip.selected:hover:not(.fixed){border-color:var(--ui-chip-border-color-selected-hover,var(--fg-muted));background-color:var(--ui-chip-bg-color-selected-hover,#0000);color:var(--ui-chip-fg-color-selected-hover,var(--fg-muted))}}.ui-chip.selected.disabled{border-color:var(--ui-chip-border-color-selected-disabled,var(--fg-disabled));background-color:var(--ui-chip-bg-color-selected-disabled,var(--fg-disabled));color:var(--ui-chip-fg-color-selected-disabled,var(--fg-disabled));cursor:not-allowed}.ui-chip__slot--prepend{align-items:center;display:flex}.ui-chip__slot--prepend,.ui-chip__slot>.ui-icon,.ui-chip__slot>svg{width:var(--ui-chip-icon-size,20px);height:var(--ui-chip-icon-size,20px)}
