@stihl-design-system/components
Version:
Welcome to the STIHL Design System react component library.
2 lines (1 loc) • 2.83 kB
CSS
.ds-input-file_root_168c2_1{display:flex;flex-direction:row;align-items:center}.ds-input-file_bar-background_168c2_7{position:relative;width:100%;height:6px;background-color:#ededed;border-radius:2px;overflow:hidden}@media screen and (forced-colors:active){.ds-input-file_bar-background_168c2_7{height:8px;margin-block:-1px;border:1px solid transparent;border-color:CanvasText}}.ds-input-file_bar-background--dark_168c2_23{background-color:#444}.ds-input-file_bar-fill_168c2_27{height:6px;border-radius:2px;background-color:#1e71a1}.ds-input-file_bar-fill--dark_168c2_32{background-color:#8dcfe8}.ds-input-file_bar-fill--error_168c2_35{background-color:#d43b3b}.ds-input-file_bar-fill_168c2_27{transition:width var(--ds-animation-duration, .4s) linear}@media(prefers-reduced-motion:reduce){.ds-input-file_bar-fill_168c2_27{transition-duration:0ms}}.ds-input-file_bar-fill-indeterminate_168c2_46{width:42.05%;position:absolute;height:100%;border-radius:2px;background-color:#1e71a1;animation-name:ds-input-file_indeterminate-progress_168c2_1;animation-duration:var(--ds-animation-duration, 1.6s);animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){.ds-input-file_bar-fill-indeterminate_168c2_46{animation-duration:0s}}.ds-input-file_bar-fill-indeterminate--dark_168c2_61{background-color:#8dcfe8}@media screen and (forced-colors:active){.ds-input-file_bar-fill_168c2_27{background-color:Highlight}}.ds-input-file_percent-label_168c2_70{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;min-width:2.25rem;color:#666}.ds-input-file_percent-label--dark_168c2_83{color:#b1b1b1}.ds-input-file_progress-text_168c2_87{gap:8px;grid-column:2;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;color:#666;margin-block-end:4px}.ds-input-file_progress-text--dark_168c2_102{color:#b1b1b1}.ds-input-file_progress-bar_168c2_106{gap:12px}.ds-input-file_sr-only_168c2_110{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}@keyframes ds-input-file_indeterminate-progress_168c2_1{0%{left:-37.89%;animation-timing-function:ease-in}25%{left:0;animation-timing-function:ease-out}50%{left:95.84%;animation-timing-function:ease-in}75%{left:-8.55%;animation-timing-function:ease-out}to{left:-37.89%;animation-timing-function:ease-in}}