@stihl-design-system/components/assets/CustomReactSelect.CvWMmrAU.css

Welcome to the STIHL Design System react component library.

.ds-combobox_root_j92wf_1:has(.ds-combobox_hint_j92wf_1) .ds-combobox_label-wrapper_j92wf_1{margin-block-end:2px}.ds-combobox_wrapper_j92wf_5{display:grid;grid-template-columns:max-content 1fr max-content max-content;align-items:center}.ds-combobox_action-button_j92wf_11{grid-area:1/4/2/5}.ds-combobox_label_j92wf_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-size:1rem;line-height:1.25;font-size-adjust:.414;font-weight:400;display:block;max-width:fit-content;margin-block:2px}@media screen and (forced-colors:active){.ds-combobox_label--disabled_j92wf_30{color:GrayText}}.ds-combobox_label--dark_j92wf_34{color:#fff}@media screen and (forced-colors:active){.ds-combobox_label--dark_j92wf_34.ds-combobox_label--disabled_j92wf_30{color:GrayText}}.ds-combobox_label-wrapper_j92wf_1{display:flex;align-items:center;gap:4px;margin-block-end:8px;min-height:1.5rem}.ds-combobox_label-wrapper--hidden_j92wf_50{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}.ds-combobox_hint_j92wf_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-size:.875rem;line-height:1.14;font-size-adjust:.414;font-weight:400;display:block;max-width:34em;margin-block-end:8px}.ds-combobox_hint--dark_j92wf_77{color:#fff}.ds-combobox_feedback_j92wf_81{margin-block-start:8px}:where(.ds-combobox_select_j92wf_85){display:block;padding-inline-start:15px;padding-inline-end:15px;min-height:3rem;height:3rem}:where(.ds-combobox_select--small_j92wf_93){padding-inline-start:7px;padding-inline-end:7px}.ds-combobox_select_j92wf_85{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-size:1rem;line-height:1.25;font-size-adjust:.414;font-weight:400}.ds-combobox_select_j92wf_85:focus{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors:active){.ds-combobox_select_j92wf_85:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-combobox_select_j92wf_85:focus{outline:revert;outline-offset:revert}.ds-combobox_select_j92wf_85:focus-visible{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors:active){.ds-combobox_select_j92wf_85:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-combobox_select_j92wf_85{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){.ds-combobox_select_j92wf_85{transition-duration:0ms}}@media(hover:hover){.ds-combobox_select_j92wf_85:hover{background:#0000001a}}@media screen and (hover:hover)and (forced-colors:active){.ds-combobox_select_j92wf_85:hover{border-color:Highlight}}.ds-combobox_select_j92wf_85{background:transparent;border:1px solid #252525;border-radius:0;color:#252525;width:100%}.ds-combobox_select_j92wf_85[readonly]{background-color:#ededed;border-color:transparent;color:#252525}.ds-combobox_select_j92wf_85[readonly]:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors:active){.ds-combobox_select_j92wf_85[readonly]:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-combobox_select_j92wf_85[readonly]:focus{outline:revert;outline-offset:revert}.ds-combobox_select_j92wf_85[readonly]:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors:active){.ds-combobox_select_j92wf_85[readonly]:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-combobox_select_j92wf_85:disabled{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}@media screen and (forced-colors:active){.ds-combobox_select_j92wf_85:disabled{border-color:GrayText;color:GrayText}}.ds-combobox_select_j92wf_85::-webkit-placeholder,.ds-combobox_select_j92wf_85::placeholder{color:#666;opacity:1}.ds-combobox_select--invalid_j92wf_211{border-color:#d43b3b;outline-color:#d43b3b}.ds-combobox_select--invalid_j92wf_211:active,.ds-combobox_select--invalid_j92wf_211:focus,.ds-combobox_select--invalid_j92wf_211:focus-visible{border-color:#252525}.ds-combobox_select--small_j92wf_93{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-size:.875rem;line-height:1.14;font-size-adjust:.414;font-weight:400}.ds-combobox_select--dark_j92wf_229{border-color:#f8f8f8;color:#fff}.ds-combobox_select--dark_j92wf_229:focus{outline:1px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors:active){.ds-combobox_select--dark_j92wf_229:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-combobox_select--dark_j92wf_229:focus{outline:revert;outline-offset:revert}.ds-combobox_select--dark_j92wf_229:focus-visible{outline:1px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors:active){.ds-combobox_select--dark_j92wf_229:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media(hover:hover){.ds-combobox_select--dark_j92wf_229:hover{background:#ffffff26}}@media screen and (hover:hover)and (forced-colors:active){.ds-combobox_select--dark_j92wf_229:hover{border-color:Highlight}}.ds-combobox_select--dark_j92wf_229[readonly]{background-color:#252525;border-color:transparent;color:#fff}.ds-combobox_select--dark_j92wf_229[readonly]:focus{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors:active){.ds-combobox_select--dark_j92wf_229[readonly]:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-combobox_select--dark_j92wf_229[readonly]:focus{outline:revert;outline-offset:revert}.ds-combobox_select--dark_j92wf_229[readonly]:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors:active){.ds-combobox_select--dark_j92wf_229[readonly]:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-combobox_select--dark_j92wf_229:disabled{background-color:transparent;border-color:#ffffff80;color:#ffffff80}@media screen and (forced-colors:active){.ds-combobox_select--dark_j92wf_229:disabled{border-color:GrayText;color:GrayText}}.ds-combobox_select--dark_j92wf_229::-webkit-placeholder,.ds-combobox_select--dark_j92wf_229::placeholder{color:#b1b1b1}.ds-combobox_select--dark_j92wf_229.ds-combobox_input--invalid_j92wf_318{border-color:#d43b3b;outline-color:#d43b3b}.ds-combobox_select--dark_j92wf_229.ds-combobox_input--invalid_j92wf_318:active,.ds-combobox_select--dark_j92wf_229.ds-combobox_input--invalid_j92wf_318:focus,.ds-combobox_select--dark_j92wf_229.ds-combobox_input--invalid_j92wf_318:focus-visible{border-color:#f8f8f8}.ds-combobox_select--dark_j92wf_229.ds-combobox_input--is-ready_j92wf_325:not(:disabled){color:#fff}.ds-combobox_select--dark_j92wf_229.ds-combobox_input--is-ready_j92wf_325:not(:disabled)::placeholder{color:#b1b1b1}.ds-combobox_select--dark_j92wf_229.ds-combobox_input--is-ready_j92wf_325:disabled{color:#ffffff80}.ds-combobox_select--dark_j92wf_229.ds-combobox_input--is-ready_j92wf_325:disabled::placeholder{color:#b1b1b1}.ds-combobox_select_j92wf_85{min-height:3rem;height:3rem;inline-size:100%;grid-area:1/1/2/5}.ds-combobox_select_j92wf_85::-webkit-outer-spin-button,.ds-combobox_select_j92wf_85::-webkit-inner-spin-button,.ds-combobox_select_j92wf_85::-webkit-search-decoration,.ds-combobox_select_j92wf_85::-webkit-search-cancel-button,.ds-combobox_select_j92wf_85::-webkit-calendar-picker-indicator{display:none;appearance:none;-webkit-appearance:none}.ds-combobox_select_j92wf_85::-webkit-date-and-time-value{text-align:left}.ds-combobox_select_j92wf_85:is([type=date],[type=time],[type=datetime-local],[type=month],[type=week]){display:flex;align-items:center;min-width:-webkit-fill-available;appearance:none;-webkit-appearance:none}.ds-combobox_select_j92wf_85[type=search]{appearance:none;-webkit-appearance:none}.ds-combobox_select_j92wf_85[type=range]{accent-color:#E9640C}.ds-combobox_select_j92wf_85[type=number]{-moz-appearance:textfield;appearance:textfield}.ds-combobox_select--small_j92wf_93{min-height:2rem;height:2rem}.ds-combobox_select--small_j92wf_93.ds-combobox_input--has-leading-icon_j92wf_377{padding-inline-start:calc(16px + 1rem)}.ds-combobox_select--small_j92wf_93.ds-combobox_input--has-action-button_j92wf_380{padding-inline-end:calc(2rem + 8px)}.ds-combobox_select--small_j92wf_93.ds-combobox_input--has-second-action-button_j92wf_383{padding-inline-end:calc(4rem + 8px)}.ds-combobox_select--has-leading-icon_j92wf_386{padding-inline-start:calc(32px + 1rem)}.ds-combobox_select--has-action-button_j92wf_389{padding-inline-end:calc(3rem + 16px)}.ds-combobox_select--has-second-action-button_j92wf_392{padding-inline-end:calc(6rem + 16px)}.ds-combobox_select--has-affix_j92wf_395{color:#0000}.ds-combobox_select--has-affix_j92wf_395::placeholder{color:#0000}.ds-combobox_select--has-affix_j92wf_395::placeholder{transition:color var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){.ds-combobox_select--has-affix_j92wf_395::placeholder{transition-duration:0ms}}.ds-combobox_select--is-ready_j92wf_409:not(:disabled){color:#252525}.ds-combobox_select--is-ready_j92wf_409:not(:disabled)::placeholder{color:#666}.ds-combobox_select--is-ready_j92wf_409:disabled{color:#00000080}.ds-combobox_select--is-ready_j92wf_409:disabled::placeholder{color:#666}.ds-combobox_select_j92wf_85{border-radius:0}.ds-combobox_select_j92wf_85.ds-combobox_select--disabled_j92wf_425{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}@media screen and (forced-colors:active){.ds-combobox_select_j92wf_85.ds-combobox_select--disabled_j92wf_425{color:GrayText}}.ds-combobox_select_j92wf_85.ds-combobox_select--focused_j92wf_436{outline:2px solid;outline-color:#252525;outline-offset:-1px}@media screen and (forced-colors:active){.ds-combobox_select_j92wf_85.ds-combobox_select--focused_j92wf_436{forced-color-adjust:auto;outline-color:Highlight}}@media screen and (forced-colors:active){.ds-combobox_select_j92wf_85.ds-combobox_select--focused_j92wf_436{outline-color:Highlight}}@media(hover:hover){.ds-combobox_select--hovered_j92wf_453{background:#0000001a}}@media screen and (hover:hover)and (forced-colors:active){.ds-combobox_select--hovered_j92wf_453{border-color:Highlight}}.ds-combobox_placeholder_j92wf_463{color:#666}@media screen and (forced-colors:active){.ds-combobox_placeholder_j92wf_463{color:GrayText}}.ds-combobox_menu-list_j92wf_472{top:6px;background-color:#fff;border:1px solid #DADADA;border-radius:2px;padding-block:15px;padding-inline:7px;box-shadow:0 8px 48px #0000001a,0 2px 4px #0000000a}.ds-combobox_group-heading_j92wf_482{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-size:.875rem;line-height:1.14;font-size-adjust:.414;font-weight:400;padding-block-start:16px;padding-block-end:11px;padding-inline-start:16px;padding-inline-end:16px;margin-block-start:4px;margin-block-end:8px;margin-inline-start:0;margin-inline-end:0;border-bottom:1px solid #B1B1B1;color:#666}.ds-combobox_option_j92wf_504{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-size:1rem;line-height:1.25;font-size-adjust:.414;font-weight:400;padding-block-start:12px;padding-block-end:12px;padding-inline-start:16px;padding-inline-end:16px;align-items:center}.ds-combobox_option--small_j92wf_520{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-size:.875rem;line-height:1.14;font-size-adjust:.414;font-weight:400;padding-block-start:8px;padding-block-end:8px;padding-inline-start:16px;padding-inline-end:16px}.ds-combobox_option--grouped_j92wf_535{padding-inline-start:24px}.ds-combobox_option--single_j92wf_538{justify-content:space-between}.ds-combobox_option--disabled_j92wf_541{color:#00000080}@media screen and (forced-colors:active){.ds-combobox_option--disabled_j92wf_541{color:GrayText}}.ds-combobox_option--focus-hover_j92wf_549:not(.ds-combobox_option--disabled_j92wf_541){border-radius:2px;outline:2px solid;outline-color:#252525;outline-offset:-1px}@media screen and (forced-colors:active){.ds-combobox_option--focus-hover_j92wf_549:not(.ds-combobox_option--disabled_j92wf_541){forced-color-adjust:auto;outline-color:Highlight}}.ds-combobox_option--text_j92wf_561{margin-inline-end:8px}.ds-combobox_option--check-icon_j92wf_564{margin-inline-start:auto;align-self:center;fill:#e9640c}@media screen and (forced-colors:active){.ds-combobox_option--check-icon_j92wf_564{fill:CanvasText}}.ds-combobox_option--check-icon--disabled_j92wf_574{fill:#00000080}@media screen and (forced-colors:active){.ds-combobox_option--check-icon--disabled_j92wf_574{fill:GrayText}}.ds-combobox_single-option_j92wf_583{display:flex;flex-wrap:nowrap;width:100%}.ds-combobox_multi-option_j92wf_589{width:100%}.ds-combobox_single-value_j92wf_593{display:flex;align-items:center}.ds-combobox_single-value--text_j92wf_597{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ds-combobox_leading-icon_j92wf_604{margin-block-start:2px;margin-inline-end:8px;fill:#666}@media screen and (forced-colors:active){.ds-combobox_leading-icon_j92wf_604{background-color:Canvas;fill:CanvasText}}.ds-combobox_leading-icon--small_j92wf_615,.ds-combobox_leading-icon--selected_j92wf_615{margin-block-start:0px}.ds-combobox_leading-icon--disabled_j92wf_618{fill:#00000080}@media screen and (forced-colors:active){.ds-combobox_leading-icon--disabled_j92wf_618{fill:GrayText}}.ds-combobox_indicator_j92wf_627,.ds-combobox_clear_j92wf_628{width:3rem;height:3rem;justify-content:center;cursor:pointer}.ds-combobox_indicator--small_j92wf_634,.ds-combobox_clear--small_j92wf_635{width:2rem;height:2rem}.ds-combobox_indicator--icon_j92wf_639,.ds-combobox_clear--icon_j92wf_640{margin-block-start:16px;margin-block-end:16px;margin-inline-start:16px;margin-inline-end:16px;align-self:center}.ds-combobox_indicator--icon--small_j92wf_647,.ds-combobox_clear--icon--small_j92wf_648{margin-block-start:8px;margin-block-end:8px;margin-inline-start:8px;margin-inline-end:8px}