@stihl-design-system/components
Version:
Welcome to the STIHL Design System react component library.
2 lines (1 loc) • 2.23 kB
CSS
.ds-combobox_root_q88mt_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;display:flex;justify-content:flex-start;gap:8px;padding:0;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:fit-content}.ds-combobox_root--disabled_q88mt_21{cursor:not-allowed}.ds-combobox_checkbox_q88mt_25{width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;border:1px solid #252525;position:relative}.ds-combobox_checkbox_q88mt_25{transition:background-color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-combobox_checkbox_q88mt_25{transition-duration:0ms}}.ds-combobox_checkbox_q88mt_25 .ds-combobox_icon-check_q88mt_41{opacity:0;fill:#e9640c;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.ds-combobox_checkbox_q88mt_25 .ds-combobox_icon-check_q88mt_41{transition:opacity var(--ds-animation-duration, .1s) linear,fill var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-combobox_checkbox_q88mt_25 .ds-combobox_icon-check_q88mt_41{transition-duration:0ms}}@media screen and (forced-colors: active){.ds-combobox_checkbox_q88mt_25 .ds-combobox_icon-check_q88mt_41{fill:CanvasText}}.ds-combobox_checkbox--checked_q88mt_62 .ds-combobox_icon-check_q88mt_41{opacity:1}.ds-combobox_checkbox--disabled_q88mt_65.ds-combobox_checkbox_q88mt_25{border-color:#00000080;box-shadow:unset}@media screen and (forced-colors: active){.ds-combobox_checkbox--disabled_q88mt_65.ds-combobox_checkbox_q88mt_25{border-color:GrayText}}.ds-combobox_checkbox--disabled_q88mt_65.ds-combobox_checkbox_q88mt_25 svg{fill:#00000080}@media screen and (forced-colors: active){.ds-combobox_checkbox--disabled_q88mt_65.ds-combobox_checkbox_q88mt_25 svg{fill:GrayText}}.ds-combobox_checkbox--disabled_q88mt_65~.ds-combobox_label_q88mt_82{color:#00000080}@media screen and (forced-colors: active){.ds-combobox_checkbox--disabled_q88mt_65~.ds-combobox_label_q88mt_82{color:GrayText}}