@stihl-design-system/components/assets/Chip.dxIYIjj7.css

Welcome to the STIHL Design System react component library.

.ds-chip-group_chip_aidwn_1{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414;color:#252525;cursor:pointer;background-color:transparent;border:1px solid #252525;border-radius:1.5rem;min-height:3rem;padding-block-start:11px;padding-block-end:11px;padding-inline-start:23px;padding-inline-end:23px;display:flex;align-items:center;justify-content:center;gap:8px;text-wrap:nowrap}.ds-chip-group_chip_aidwn_1 svg{fill:currentColor}.ds-chip-group_chip--small_aidwn_30{border-radius:1rem;min-height:2rem;padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}.ds-chip-group_chip_aidwn_1:focus,.ds-chip-group_chip_aidwn_1:focus-visible{outline:none}@media (hover: hover){.ds-chip-group_chip_aidwn_1:hover{background-color:#0000001a}}@media screen and (hover: hover) and (forced-colors: active){.ds-chip-group_chip_aidwn_1:hover{border-color:Highlight}}.ds-chip-group_chip_aidwn_1[aria-selected=true]{background-color:#252525;color:#fff}@media screen and (forced-colors: active){.ds-chip-group_chip_aidwn_1[aria-selected=true]{color:CanvasText;background-color:Highlight}}@media (hover: hover){.ds-chip-group_chip_aidwn_1[aria-selected=true]:hover{background-color:#444}}@media screen and (hover: hover) and (forced-colors: active){.ds-chip-group_chip_aidwn_1[aria-selected=true]:hover{background-color:Highlight}}.ds-chip-group_chip_aidwn_1[data-focused=true]{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-chip-group_chip_aidwn_1[data-focused=true]{forced-color-adjust:auto;outline-color:Highlight}}.ds-chip-group_chip_aidwn_1[aria-disabled=true]{cursor:not-allowed;border-color:#00000080;color:#00000080}.ds-chip-group_chip_aidwn_1[aria-disabled=true][aria-selected=true]{background-color:#dadada;color:#00000080;border-color:#dadada}@media screen and (forced-colors: active){.ds-chip-group_chip_aidwn_1[aria-disabled=true][aria-selected=true]{color:GrayText;background-color:Highlight}}@media (hover: hover){.ds-chip-group_chip_aidwn_1[aria-disabled=true][aria-selected=true]:hover{background-color:#dadada}}@media screen and (hover: hover) and (forced-colors: active){.ds-chip-group_chip_aidwn_1[aria-disabled=true][aria-selected=true]:hover{background-color:Highlight}}@media screen and (forced-colors: active){.ds-chip-group_chip_aidwn_1[aria-disabled=true]{color:GrayText;border-color:GrayText}}@media (hover: hover){.ds-chip-group_chip_aidwn_1[aria-disabled=true]:hover{background-color:transparent}}.ds-chip-group_chip_aidwn_1{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-chip-group_chip_aidwn_1{transition-duration:0ms}}