@stihl-design-system/components/assets/InputSearch.BV8Q2EUL.css

Welcome to the STIHL Design System react component library.

.ds-input-search_root_1kzjb_1{align-self:auto}.ds-input-search_input_1kzjb_5{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}.ds-input-search_input_1kzjb_5:focus{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-input-search_input_1kzjb_5:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-input-search_input_1kzjb_5:focus{outline:revert;outline-offset:revert}.ds-input-search_input_1kzjb_5:focus-visible{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-input-search_input_1kzjb_5:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-input-search_input_1kzjb_5{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-input-search_input_1kzjb_5{transition-duration:0ms}}@media (hover: hover){.ds-input-search_input_1kzjb_5:hover{background:#0000001a}}@media screen and (hover: hover) and (forced-colors: active){.ds-input-search_input_1kzjb_5:hover{border-color:Highlight}}.ds-input-search_input_1kzjb_5{background:transparent;min-height:3rem;height:3rem;border:1px solid #252525;border-radius:0;color:#252525;display:block;padding-inline-start:15px;padding-inline-end:15px;width:100%}.ds-input-search_input_1kzjb_5[readonly]{background-color:#ededed;border-color:transparent;color:#252525}.ds-input-search_input_1kzjb_5[readonly]:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-input-search_input_1kzjb_5[readonly]:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-input-search_input_1kzjb_5[readonly]:focus{outline:revert;outline-offset:revert}.ds-input-search_input_1kzjb_5[readonly]:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-input-search_input_1kzjb_5[readonly]:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-input-search_input_1kzjb_5:disabled{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}.ds-input-search_input_1kzjb_5::-webkit-placeholder,.ds-input-search_input_1kzjb_5::placeholder{color:#666;opacity:1}.ds-input-search_input--invalid_1kzjb_117{border-color:#d43b3b;outline-color:#d43b3b}.ds-input-search_input--invalid_1kzjb_117:active,.ds-input-search_input--invalid_1kzjb_117:focus,.ds-input-search_input--invalid_1kzjb_117:focus-visible{border-color:#252525}.ds-input-search_input--small_1kzjb_124{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:.875rem;line-height:1.14;font-size-adjust:.414;padding-inline-start:7px;padding-inline-end:7px}.ds-input-search_input_1kzjb_5{min-height:3rem;height:3rem;inline-size:100%;grid-area:1/1/2/5}.ds-input-search_input_1kzjb_5::-webkit-outer-spin-button,.ds-input-search_input_1kzjb_5::-webkit-inner-spin-button,.ds-input-search_input_1kzjb_5::-webkit-search-decoration,.ds-input-search_input_1kzjb_5::-webkit-search-cancel-button,.ds-input-search_input_1kzjb_5::-webkit-calendar-picker-indicator{display:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.ds-input-search_input_1kzjb_5::-webkit-date-and-time-value{text-align:left}.ds-input-search_input_1kzjb_5:is([type=date],[type=time],[type=datetime-local],[type=month],[type=week]){display:flex;align-items:center;min-width:-webkit-fill-available;-moz-appearance:none;appearance:none;-webkit-appearance:none}.ds-input-search_input_1kzjb_5[type=search]{-moz-appearance:none;appearance:none;-webkit-appearance:none}.ds-input-search_input_1kzjb_5[type=range]{accent-color:#E9640C}.ds-input-search_input_1kzjb_5[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.ds-input-search_input--small_1kzjb_124{min-height:2rem;height:2rem}.ds-input-search_input--small_1kzjb_124.ds-input-search_input--has-leading-icon_1kzjb_177{padding-inline-start:calc(16px + 1rem)}.ds-input-search_input--small_1kzjb_124.ds-input-search_input--has-action-button_1kzjb_180{padding-inline-end:calc(2rem + 8px)}.ds-input-search_input--small_1kzjb_124.ds-input-search_input--has-second-action-button_1kzjb_183{padding-inline-end:calc(4rem + 8px)}.ds-input-search_input--has-leading-icon_1kzjb_177{padding-inline-start:calc(32px + 1rem)}.ds-input-search_input--has-action-button_1kzjb_180{padding-inline-end:calc(3rem + 16px)}.ds-input-search_input--has-second-action-button_1kzjb_183{padding-inline-end:calc(6rem + 16px)}.ds-input-search_input--has-affix_1kzjb_195{color:#0000}.ds-input-search_input--has-affix_1kzjb_195::placeholder{color:#0000}.ds-input-search_input--has-affix_1kzjb_195::placeholder{transition:color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-input-search_input--has-affix_1kzjb_195::placeholder{transition-duration:0ms}}.ds-input-search_input--is-ready_1kzjb_209{color:#252525}.ds-input-search_input--is-ready_1kzjb_209::placeholder{color:#666}:where(.ds-input-search_root_1kzjb_1){align-self:end}.ds-input-search_root_1kzjb_1:has(.ds-input-search_hint_1kzjb_225) .ds-input-search_label_1kzjb_225{margin-block-end:4px}.ds-input-search_wrapper_1kzjb_229{display:grid;grid-template-columns:max-content 1fr max-content max-content;align-items:center}.ds-input-search_action-button_1kzjb_235{grid-area:1/4/2/5}.ds-input-search_second-action-button_1kzjb_239{grid-area:1/3/2/4}.ds-input-search_label_1kzjb_225{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;display:block;max-width:fit-content;margin-block-end:8px}.ds-input-search_label--hidden_1kzjb_257{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}@media screen and (forced-colors: active){.ds-input-search_label--disabled_1kzjb_270{color:GrayText}}.ds-input-search_hint_1kzjb_225{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:.875rem;line-height:1.14;font-size-adjust:.414;display:block;max-width:25.5rem;margin-block-end:8px}.ds-input-search_feedback_1kzjb_290{margin-block-end:8px;margin-block-start:8px}