@brizy/ui/es/Input/style/upload.css

React elements in Brizy style

.brz-ui-image-preview,.brz-ui-modal{pointer-events:none}.brz-ui-image-preview.zoom-appear,.brz-ui-image-preview.zoom-enter,.brz-ui-modal.zoom-appear,.brz-ui-modal.zoom-enter{transform:none;opacity:0;animation-duration:.3s;user-select:none}.brz-ui-image-preview-mask,.brz-ui-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;height:100%;background-color:rgba(0,0,0,.45)}.brz-ui-image-preview-mask-hidden,.brz-ui-modal-mask-hidden{display:none}.brz-ui-image-preview-wrap,.brz-ui-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.brz-ui-icon__svg svg{fill:var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)));color:var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)));font-size:var(--brz-ui-icon-size, 16px);transition:.3s ease-in-out}.brz-ui-icon__svg:hover svg{fill:var(--brz-ui-global-icon-hover-color,var(--brz-ui-icon-hover-color,var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)))));color:var(--brz-ui-global-icon-hover-color,var(--brz-ui-icon-hover-color,var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)))))}.brz-ui-icon__svg--inherit.anticon,.brz-ui-icon__svg--inherit.anticon svg{color:inherit}.brz-ui-icon__img{mask:var(--brz-ui-icon-image-source,none);background:var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)));background-repeat:no-repeat;mask-repeat:no-repeat;mask-size:var(--brz-ui-icon-size,16px);width:var(--brz-ui-icon-size,16px);height:var(--brz-ui-icon-size,16px);transition:background .3s ease-in-out}.brz-ui-icon__img:hover{background:var(--brz-ui-global-icon-hover-color,var(--brz-ui-icon-hover-color,var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)))))}.brz-ui-icon__img .brz-ui-icon__svg--inherit{background:inherit}.brz-ui-upload-file{position:relative;display:flex;width:100%;height:auto;border:1px solid var(--brz-ui-global-input-border-color,var(--brz-ui-input-border-color,var(--color-gray-light,#d5d9db)));background-color:var(--brz-ui-global-input-background,var(--brz-ui-input-background,var(--color-white,#fff)));align-items:center;justify-content:space-between;border-radius:3px;padding:12px 15px 12px 22px;cursor:pointer}.brz-ui-upload-file__placeholder{color:var(--color-gray-mid,#a1a8ad);font-weight:400}.brz-ui-upload-file label{display:flex;align-items:center;width:100%;line-height:normal;cursor:pointer}.brz-ui-upload-file span{display:flex;align-items:center}.brz-ui-upload-file .brz-ui-upload-file__name-file{height:auto;flex:1;color:var(--brz-ui-global-input-color,var(--brz-ui-input-color,var(--color-dark,#212733)));font-weight:600;white-space:nowrap;overflow:hidden;line-height:1.8;flex-wrap:wrap}.brz-ui-upload-file .brz-ui-upload-file__name-file input{position:absolute;width:0;height:0;top:0;inset-inline-start:0;outline:0;opacity:0}.brz-ui-upload-file .brz-ui-upload-file__name-file-item{position:relative;background-color:var(--color-gray-light,#d5d9db);border-radius:16px;padding:0 30px 0 12px;font-weight:600;border-style:none;line-height:27px}.brz-ui-upload-file .brz-ui-upload-file__name-file-item button{position:absolute;inset-inline-end:20px;top:50%;transform:translate(50%,-34%);background-color:transparent;border:0;outline:0;cursor:pointer}.brz-ui-upload-file .brz-ui-upload-file__name-file-item .anticon{margin-inline-start:15px;font-size:7px}.brz-ui-upload-file .brz-ui-upload-file__name-file-item--single__text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.brz-ui-upload-file .brz-ui-upload-file__name-file-item--single button{background-color:transparent;border:0;outline:0;cursor:pointer;margin-inline-end:10px;padding:10px}.brz-ui-upload-file-disabled{pointer-events:none;opacity:.5}.brz-ui-upload-file-size-small{padding:5.5px 10px;font-size:12px;height:30px}.brz-ui-upload-file-size-small .brz-ui-upload-file__btn.brz-ui-upload-file__btn{padding:0 2px 0 0}.brz-ui-upload-file-size-small .brz-ui-upload-file__btn .brz-ui-upload-file__select-file{padding:4px;width:24px;min-height:24px}.brz-ui-upload-file-size-small .brz-ui-upload-file__name-file-item--single button{top:43%}.brz-ui-upload-file-size-large{padding:14px 25px;font-size:15px;height:48px}.brz-ui-upload-file-size-large .brz-ui-upload-file__btn.brz-ui-upload-file__btn{padding:0;padding-inline-end:11px}.brz-ui-upload-file-size-large .brz-ui-upload-file__name-file-item--single{width:97%;justify-content:space-between}.brz-ui-upload-file-size-large .brz-ui-upload-file__name-file-item--single button{padding:7px}.brz-ui-upload-file.brz-ui-upload-file.brz-ui-upload-file-size-middle{padding:11px 14px;font-size:12px;height:38px}.brz-ui-upload-file.brz-ui-upload-file.brz-ui-upload-file-size-middle .brz-ui-upload-file__btn.brz-ui-upload-file__btn{padding:0;padding-inline-end:6px}.brz-ui-upload-file.brz-ui-upload-file.brz-ui-upload-file-size-middle .brz-ui-upload-file__placeholder{font-size:12px}.brz-ui-upload-file.brz-ui-upload-file.brz-ui-upload-file-size-middle .brz-ui-upload-file__name-file-item--single{width:94%;justify-content:space-between}.brz-ui-upload-file .brz-ui-upload-file__btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);z-index:1}.brz-ui-upload-file .brz-ui-upload-file__btn .brz-ui-upload-file__select-file{justify-content:center;background-color:#777f86;color:#fff;border-radius:2px;padding:6px;cursor:pointer;transition:background-color .3s ease-in-out;width:24px;height:24px}.brz-ui-upload-file .brz-ui-upload-file__btn button{border:0;background-color:transparent;box-shadow:none;outline:0;cursor:pointer}.brz-ui-upload-file:hover label .brz-ui-upload-file__btn .brz-ui-upload-file__select-file{background-color:var(--color-dark,#212733)}