@amsterdam/design-system-css/dist/file-input/file-input.css

Stylesheets for all components from the Amsterdam Design System and some general utilities. Use it to apply the visual design of the City of Amsterdam to your HTML elements or non-React components.

.ams-file-input{background-color:var(--ams-file-input-background-color);border:var(--ams-file-input-border);box-sizing:border-box;color:var(--ams-file-input-color);cursor:var(--ams-file-input-cursor);font-family:var(--ams-file-input-font-family);font-size:var(--ams-file-input-font-size);font-weight:var(--ams-file-input-font-weight);inline-size:100%;line-height:var(--ams-file-input-line-height);outline-offset:var(--ams-file-input-outline-offset);padding-block:var(--ams-file-input-padding-block);padding-inline:var(--ams-file-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-file-input:disabled{color:var(--ams-file-input-disabled-color);cursor:var(--ams-file-input-disabled-cursor)}.ams-file-input::file-selector-button{-webkit-appearance:none;appearance:none;background-color:var(--ams-file-input-file-selector-button-background-color);box-shadow:var(--ams-file-input-file-selector-button-box-shadow);box-sizing:border-box;color:var(--ams-file-input-file-selector-button-color);cursor:var(--ams-file-input-file-selector-button-cursor);font-family:inherit;font-size:inherit;font-weight:inherit;margin-inline-end:var(--ams-file-input-file-selector-button-margin-inline-end);padding-block:var(--ams-file-input-file-selector-button-padding-block);padding-inline:var(--ams-file-input-file-selector-button-padding-inline);border:none;border-radius:0}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.ams-file-input::file-selector-button{border:var(--ams-file-input-file-selector-button-forced-color-mode-border)}}.ams-file-input:disabled::file-selector-button{box-shadow:var(--ams-file-input-file-selector-button-disabled-box-shadow);color:var(--ams-file-input-disabled-color);cursor:var(--ams-file-input-file-selector-button-disabled-cursor)}.ams-file-input:not(:disabled):hover::file-selector-button{box-shadow:var(--ams-file-input-file-selector-button-hover-box-shadow);color:var(--ams-file-input-file-selector-button-hover-color)}/*# sourceMappingURL=file-input.css.map */