@stihl-design-system/components/assets/InputFile.CDtghZtl.css

Welcome to the STIHL Design System react component library.

.ds-input-file_root_sryt8_1 .ds-input-file_browse-button--is-dragging-filled_sryt8_1{background-color:#444}.ds-input-file_root_sryt8_1 .ds-input-file_browse-button--is-dragging-filled_sryt8_1 span{pointer-events:none}.ds-input-file_root_sryt8_1 .ds-input-file_browse-button--is-dragging_sryt8_1{background-color:#ededed}.ds-input-file_root_sryt8_1 .ds-input-file_browse-button--is-dragging_sryt8_1 span{pointer-events:none}.ds-input-file_root_sryt8_1:has(.ds-input-file_hint_sryt8_14) .ds-input-file_label-wrapper_sryt8_14{margin-block-end:2px}.ds-input-file_label_sryt8_14{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-input-file_label--disabled_sryt8_33{color:GrayText}}.ds-input-file_label--dark_sryt8_37{color:#fff}@media screen and (forced-colors:active){.ds-input-file_label--dark_sryt8_37.ds-input-file_label--disabled_sryt8_33{color:GrayText}}.ds-input-file_label-wrapper_sryt8_14{display:flex;align-items:center;gap:4px;margin-block-end:8px;min-height:1.5rem}.ds-input-file_label-wrapper--hidden_sryt8_53{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-input-file_hint_sryt8_14{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-input-file_hint--dark_sryt8_80{color:#fff}.ds-input-file_feedback_sryt8_84{margin-block-start:8px}.ds-input-file_dropzone_sryt8_88{border:1px dashed #B1B1B1;padding:32px;text-align:center;cursor:pointer}.ds-input-file_dropzone--disabled_sryt8_94{cursor:not-allowed;color:#00000080;border-color:#0000001a}@media screen and (forced-colors:active){.ds-input-file_dropzone--disabled_sryt8_94{color:GrayText;border-color:GrayText}}.ds-input-file_dropzone--disabled_sryt8_94 svg{fill:currentColor}.ds-input-file_dropzone--invalid_sryt8_108{border-color:#d43b3b}.ds-input-file_dropzone--is-dragging_sryt8_111{background-color:#ededed}.ds-input-file_dropzone--is-dragging_sryt8_111 .ds-input-file_hint-drop-zone_sryt8_114{pointer-events:none}.ds-input-file_dropzone_sryt8_88 .ds-input-file_upload-icon_sryt8_117{margin-block-end:12px}.ds-input-file_dropzone_sryt8_88 .ds-input-file_browse-button-dropzone--is-dragging_sryt8_120{pointer-events:none}.ds-input-file_dropzone_sryt8_88 .ds-input-file_instructions_sryt8_123{margin-block-start:0;margin-block-end:24px;pointer-events:none;font-family:STIHL Contraface Digital Text Bold,-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:.426;font-weight:700;font-synthesis-weight:none}.ds-input-file_dropzone_sryt8_88 .ds-input-file_hint-drop-zone_sryt8_114{color:#666;margin-block-start:16px;text-align:center;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-input-file_dropzone_sryt8_88{transition:border-color var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){.ds-input-file_dropzone_sryt8_88{transition-duration:0ms}}.ds-input-file_root--dark_sryt8_161 .ds-input-file_browse-button--is-dragging-filled_sryt8_1{background-color:#dadada}.ds-input-file_root--dark_sryt8_161 .ds-input-file_browse-button--is-dragging_sryt8_1{background-color:#444}.ds-input-file_dropzone--dark_sryt8_168{border-color:#666}.ds-input-file_dropzone--dark_sryt8_168.ds-input-file_dropzone--disabled_sryt8_94{color:#ffffff80;border-color:#ffffff26}@media screen and (forced-colors:active){.ds-input-file_dropzone--dark_sryt8_168.ds-input-file_dropzone--disabled_sryt8_94{color:GrayText;border-color:GrayText}}@media screen and (forced-colors:active){.ds-input-file_dropzone--dark_sryt8_168.ds-input-file_dropzone--disabled_sryt8_94 .ds-input-file_instructions_sryt8_123{color:GrayText}}.ds-input-file_dropzone--dark_sryt8_168.ds-input-file_dropzone--invalid_sryt8_108{border-color:#d43b3b}.ds-input-file_dropzone--dark_sryt8_168.ds-input-file_dropzone--is-dragging_sryt8_111{background-color:#444}.ds-input-file_dropzone--dark_sryt8_168 .ds-input-file_hint-drop-zone_sryt8_114{color:#b1b1b1}.ds-input-file_dropzone--dark_sryt8_168 .ds-input-file_instructions_sryt8_123{color:#fff}.ds-input-file_input_sryt8_199{display:none}.ds-input-file_required-sr-info_sryt8_203{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}