.hiddenFileInput{display:none}.mi-file-upload--container{position:relative;display:flex;flex:1;background-color:#f5f6f7;border-radius:1;border:1px solid #e5e8ec;overflow:hidden;cursor:pointer;padding:8px}.mi-file-upload--container .mdi-file-document-box,.mi-file-upload--container .mdi-file-excel-box,.mi-file-upload--container .mdi-file-pdf-box,.mi-file-upload--container .mdi-file-powerpoint-box,.mi-file-upload--container .mdi-file-word-box,.mi-file-upload--container .mdi-image{font-size:45px;height:45px;line-height:45px;vertical-align:bottom}.mi-file-upload--container .mdi-file-pdf-box,.mi-file-upload--container .mdi-file-pdf-box__text{color:red!important}.mi-file-upload--container .mdi-file-document-box,.mi-file-upload--container .mdi-file-document-box__text{color:get-color(primary)!important}.mi-file-upload--container .mdi-file-excel-box,.mi-file-upload--container .mdi-file-excel-box__text{color:#217346!important}.mi-file-upload--container .mdi-file-word-box,.mi-file-upload--container .mdi-file-word-box__text{color:#2b579a!important}.mi-file-upload--container .mdi-file-powerpoint-box,.mi-file-upload--container .mdi-file-powerpoint-box__text{color:#b7472a!important}.mi-file-upload--container .mdi-image,.mi-file-upload--container .mdi-image__text{color:get-color(primary)!important}.mi-file-upload--container .mi-file-upload--imageBackground{position:absolute;top:0;left:0;height:100%;width:100%;z-index:3;background-size:cover;background-position:50%}.mi-file-upload--container .mi-file-upload--file__name{color:#e5e8ec}.mi-file-upload--container .mi-file-upload--file__size{color:rgba(62,62,62,.4);font-size:14px}.mi-file-upload--container .mi-file-upload--iconContainer{text-align:center;position:absolute;top:50%;left:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:2;width:80%}.mi-file-upload--container .mi-file-upload--iconContainer .mi-file-upload--icon,.mi-file-upload--container .mi-file-upload--iconContainer .mi-file-upload--message{display:block;color:#97a4b1;font-size:56px}.mi-file-upload--container .mi-file-upload--iconContainer .mi-file-upload--icon.mi-file-upload--icon--small{font-size:18px}.mi-file-upload--container .mi-file-upload--iconContainer .mi-file-upload--icon.mi-file-upload--icon__green,.mi-file-upload--container .mi-file-upload--iconContainer .mi-file-upload--icon.mi-file-upload--icon__red{color:[object Object]!important}.mi-file-upload--container .mi-file-upload--iconContainer .mi-file-upload--message{font-size:14px}.mi-file-upload--container .mi-file-upload--iconContainer .mi-file-upload--message.mi-file-upload--message__green,.mi-file-upload--container .mi-file-upload--iconContainer .mi-file-upload--message.mi-file-upload--message__red{color:[object Object]!important}.mi-file-upload--container .mi-file-upload--ripple{display:block;position:absolute;background:#e7e6c6;border-radius:100%;transform:scale(0);pointer-events:none;z-index:1}.mi-file-upload--container.mi-file-upload--container__dragging:not(.mi-file-upload--container__uploading),.mi-file-upload--container:hover:not(.mi-file-upload--container__uploading){-webkit-animation:inputContainerAnimation .2s linear;animation:inputContainerAnimation .2s linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.mi-file-upload--container.mi-file-upload--container__dragging:not(.mi-file-upload--container__uploading) .mi-file-upload--icon,.mi-file-upload--container.mi-file-upload--container__dragging:not(.mi-file-upload--container__uploading) .mi-file-upload--message,.mi-file-upload--container:hover:not(.mi-file-upload--container__uploading) .mi-file-upload--icon,.mi-file-upload--container:hover:not(.mi-file-upload--container__uploading) .mi-file-upload--message{-webkit-animation:iconAnimation .2s linear;animation:iconAnimation .2s linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.mi-file-upload--container.mi-file-upload--container__dragging:not(.mi-file-upload--container__uploading) .mi-file-upload--icon.mi-file-upload--icon__green,.mi-file-upload--container.mi-file-upload--container__dragging:not(.mi-file-upload--container__uploading) .mi-file-upload--icon.mi-file-upload--message__green,.mi-file-upload--container.mi-file-upload--container__dragging:not(.mi-file-upload--container__uploading) .mi-file-upload--message.mi-file-upload--icon__green,.mi-file-upload--container.mi-file-upload--container__dragging:not(.mi-file-upload--container__uploading) .mi-file-upload--message.mi-file-upload--message__green,.mi-file-upload--container:hover:not(.mi-file-upload--container__uploading) .mi-file-upload--icon.mi-file-upload--icon__green,.mi-file-upload--container:hover:not(.mi-file-upload--container__uploading) .mi-file-upload--icon.mi-file-upload--message__green,.mi-file-upload--container:hover:not(.mi-file-upload--container__uploading) .mi-file-upload--message.mi-file-upload--icon__green,.mi-file-upload--container:hover:not(.mi-file-upload--container__uploading) .mi-file-upload--message.mi-file-upload--message__green{color:[object Object]!important}.mi-file-upload--container.mi-file-upload--container__dragging:not(.mi-file-upload--container__uploading) .mi-file-upload--ripple,.mi-file-upload--container:hover:not(.mi-file-upload--container__uploading) .mi-file-upload--ripple{pointer-events:none;-webkit-animation:rippleAnimation .45s linear;animation:rippleAnimation .45s linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.mi-file-upload--container.invalid .mi-file-upload--ripple{background:[object Object]}.mi-file-upload--container.invalid.mi-file-upload--container__dragging{-webkit-animation:inputContainerAnimation__invalid .2s linear;animation:inputContainerAnimation__invalid .2s linear;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.mi-file-upload--container.invalid.mi-file-upload--container__dragging .mi-file-upload--icon,.mi-file-upload--container.invalid.mi-file-upload--container__dragging .mi-file-upload--message{-webkit-animation:iconAnimation__invalid .2s linear;animation:iconAnimation__invalid .2s linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.mi-file-upload--container.invalid.mi-file-upload--container__dragging .mi-file-upload--ripple{pointer-events:none;-webkit-animation:rippleAnimation .45s linear;animation:rippleAnimation .45s linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.mi-file-upload--removeFile{position:absolute;right:16!important;top:16!important;z-index:4;font-size:24px;color:#fff;transform:rotate(0deg);transition:all .2s ease-in-out}.mi-file-upload--removeFile.mi-file-upload--removeFile__dark{color:#e5e8ec}.mi-file-upload--removeFile:hover{cursor:pointer;color:get-color(#fff);transform:rotate(180deg)}.mi-file-upload--removeFile:hover.mi-file-upload--removeFile__dark{color:#e5e8ec}.mi-file-upload--scrollContainer{overflow:auto}@-webkit-keyframes rippleAnimation{to{opacity:0;transform:scale(2.5)}}@keyframes rippleAnimation{to{opacity:0;transform:scale(2.5)}}@-webkit-keyframes inputContainerAnimation{0%{border-color:#e5e8ec}to{border-color:#a09b1b}}@keyframes inputContainerAnimation{0%{border-color:#e5e8ec}to{border-color:#a09b1b}}@-webkit-keyframes iconAnimation{0%{color:#97a4b1}to{color:#a09b1b}}@keyframes iconAnimation{0%{color:#97a4b1}to{color:#a09b1b}}@-webkit-keyframes inputContainerAnimation__invalid{0%{border-color:#e5e8ec}to{border-color:#a09b1b}}@keyframes inputContainerAnimation__invalid{0%{border-color:#e5e8ec}to{border-color:#a09b1b}}@-webkit-keyframes iconAnimation__invalid{0%{color:#e5e8ec}to{color:#a09b1b}}@keyframes iconAnimation__invalid{0%{color:#e5e8ec}to{color:#a09b1b}}