.file-uploader{background-color:#dbefe9;border-radius:3px;color:#242424}.file-uploader__message-area{font-size:18px;padding:1em;text-align:center;color:#377a65}.file-list{background-color:#fff;font-size:16px}.file-list li{height:50px;line-height:50px;margin-left:.5em;border:none;overflow:hidden}.removal-button::before{content:"X"}.removal-button:focus{outline:0}.file-chooser p{font-size:18px;padding-top:1em}.file-uploader{max-width:400px;height:auto;margin:2em auto}.file-uploader *{display:block}.file-uploader input[type=submit]{margin-top:2em;float:right}.file-list{margin:0 auto;max-width:90%}.file-list__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%;float:left}.removal-button{width:20%;border:none;background-color:#d65d38;color:#fff;display:inline-block;height:100%;float:right}.file-chooser{padding:1em;transition:background-color 1s,height 1s;width:90%;margin:.5em auto}.file-chooser__input{margin:0 auto}.file-uploader__submit-button{width:100%;border:none;font-size:1.5em;padding:1em;background-color:#72bfa7;color:#fff}.file-uploader__submit-button:hover{background-color:#a7d7c8}.file-list li:after,.file-uploader:after{content:"";display:table;clear:both}.hidden,.hidden input{display:none}.error{background-color:#d65d38;color:#fff}