@heycar-uikit/core/chip/esm/Chip.css

The React UI library from HeyCar

:root{--chip-default-background:var(--color-neutral-50);--chip-hover-background:var(--color-neutral-100);--chip-pressed-background:var(--color-neutral-200);--chip-disable-background:var(--color-neutral-50);--chip-text-color:var(--color-tarmac-grey-700);--chip-text-disabled-color:var(--color-tarmac-grey-400);--chip-selected-border-color:var(--color-mica-blue-500)}.chip__chip_w6kuw{align-items:center;background-color:var(--chip-default-background);border-style:solid;box-shadow:none;box-sizing:border-box;color:var(--chip-text-color);display:inline-flex;flex-direction:row;flex-wrap:nowrap;font-family:var(--font-family-system);font-size:14px;font-weight:500;justify-content:center;text-decoration:none;vertical-align:middle}.chip__chip_w6kuw:hover{background-color:var(--chip-hover-background);color:var(--chip-text-color)}.chip__chip_w6kuw.chip__disabled_w6kuw{cursor:not-allowed}.chip__chip_w6kuw.chip__disabled_w6kuw,.chip__chip_w6kuw.chip__disabled_w6kuw:hover{background-color:var(--chip-disable-background);color:var(--chip-text-disabled-color)}.chip__chip_w6kuw:active{background-color:var(--chip-pressed-background);color:var(--chip-text-color)}.chip__chipSelected_w6kuw{background-color:var(--color-primary-50);border:1px solid var(--chip-selected-border-color)!important}.chip__chipSelected_w6kuw:hover{background-color:var(--color-primary-100)}.chip__chipSelected_w6kuw:active{background-color:var(--color-primary-200)}.chip__chipCloseIcon_488jh{display:flex;margin-left:var(--gap-s)}.chip__chipCloseIcon_488jh svg{font-size:16px!important}.chip__leftIcon_choice_488jh{display:flex;margin-right:var(--gap-s)}.chip__leftIcon_choice_488jh svg{font-size:19px!important}.chip__leftIcon_filter_488jh svg{font-size:16px!important}.chip__leftIcon_filter_488jh{display:flex;font-size:16px!important;margin-right:var(--gap-s)}:root{--color-mica-blue-50:#f1f4fa;--color-mica-blue-100:#dee6f2;--color-mica-blue-200:#a2b7da;--color-mica-blue-500:#164ca3;--color-tarmac-grey-50:#f3f3f3;--color-tarmac-grey-100:#e6e6e6;--color-tarmac-grey-200:#cdcdcd;--color-tarmac-grey-300:#b5b5b5;--color-tarmac-grey-400:#9c9c9c;--color-tarmac-grey-700:#303030;--gap-1xs:6px;--gap-s:12px;--gap-2s:14px;--gap-3xl:32px;--font-family-system:Objektiv,sans-serif,"Helvetica Neue",Helvetica,Arial;--color-primary-50:var(--color-mica-blue-50);--color-primary-100:var(--color-mica-blue-100);--color-primary-200:var(--color-mica-blue-200);--color-neutral-50:var(--color-tarmac-grey-50);--color-neutral-100:var(--color-tarmac-grey-100);--color-neutral-200:var(--color-tarmac-grey-200);--color-neutral-300:var(--color-tarmac-grey-300);--color-neutral-700:var(--color-tarmac-grey-700)}body{color:var(--color-neutral-700)}:root{--chip-border-color:var(--color-neutral-300)}.chip__choice_1krun{padding:var(--gap-s) var(--gap-2s)}.chip__choice_1krun,.chip__filter_1krun{border:1px solid var(--chip-border-color)}.chip__filter_1krun{height:var(--gap-3xl);padding:var(--gap-1xs) var(--gap-s)}
/*# sourceMappingURL=Chip.css.map */