1// Choose/upload button 2.file-upload-input { 3 width: 1px; 4 height: 1px; 5 opacity: 0; 6 overflow: hidden; 7 position: absolute; 8 z-index: -1; 9} 10 11.file-upload-input:focus { 12 outline: 0.2rem solid $base-02--04; 13} 14 15.file-filename { 16 overflow: hidden; 17 text-overflow: ellipsis; 18 width: 300px; 19 white-space: nowrap; 20 padding-right: 0.5rem; 21} 22 23.file-upload-error { 24 border-bottom: 2px solid $notification-error--dark; 25} 26 27.file-upload { 28 min-width: 240px; 29 max-width: 330px; 30 .file-upload-container { 31 align-items: center; 32 background: $background-02; 33 display: flex; 34 height: 2.5rem; 35 margin-bottom: 0.5rem; 36 padding: 0.5rem; 37 .file-upload-reset { 38 padding: 0; 39 icon { 40 margin: 0; 41 } 42 } 43 } 44} 45