@brizy/ui/es/Input/style/icon-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-input-icon-upload{display:flex;align-items:center;width:calc(100% + 60px)}.brz-ui-input-icon-upload .brz-ui-input-icon-upload--button-remove{background:0 0;border:0;outline:0;margin-inline-start:5px;cursor:pointer;display:flex}.brz-ui-input-icon-upload .brz-ui-input-icon-upload--button-remove .brz-ui--icon__svg{vertical-align:baseline}.brz-ui-input-icon-upload--value{width:100%;border-radius:2px;border:1px solid var(--brz-ui-global-input-border-color,var(--brz-ui-input-border-color,var(--color-gray-light,#d5d9db)));display:flex;align-items:center;font-weight:600;color:var(--brz-ui-global-input-color,var(--brz-ui-input-color,var(--color-dark,#212733)));background-color:var(--brz-ui-global-input-background,var(--brz-ui-input-background,var(--color-white,#fff)))}.brz-ui-input-icon-upload--button{position:relative;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:var(--color-white,#fff);margin-inline-start:10px;border-radius:2px}.brz-ui-input-icon-upload--button>div>span,.brz-ui-input-icon-upload--button>span{background-color:var(--color-gray,#777f86);position:relative;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:var(--color-white,#fff);border-radius:2px;width:128px;height:100%;line-height:normal;transition:background-color .3s ease-in-out}.brz-ui-input-icon-upload--button:hover>span{background-color:var(--color-gray-darkest,#3a404d)}.brz-ui-input-icon-upload--button input{font-size:0;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.brz-ui-input-icon-upload--button>div:nth-last-child(2),.brz-ui-input-icon-upload--button>span:nth-last-child(2){margin-inline-end:60px}.brz-ui-input-icon-upload--button>div:nth-child(3){margin-inline-start:10px}.brz-ui-input-icon-upload--icon-preview{flex-shrink:0;background-color:var(--color-gray-light,#d5d9db);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.brz-ui-input-icon-upload--icon-preview img{object-fit:cover}.brz-ui-input-icon-upload--middle .brz-ui-input-icon-upload--value{height:38px;font-size:13px;padding:8px 7px 8px 16px}.brz-ui-input-icon-upload--middle .brz-ui-input-icon-upload--icon-preview{height:38px;width:38px}.brz-ui-input-icon-upload--middle .brz-ui-input-icon-upload--icon-preview img{max-height:30px;max-width:30px}.brz-ui-input-icon-upload--middle .brz-ui-input-icon-upload--button{height:38px;font-size:13px}.brz-ui-input-icon-upload--large .brz-ui-input-icon-upload--value{height:48px;font-size:15px;padding:11.5px 16px}.brz-ui-input-icon-upload--large .brz-ui-input-icon-upload--icon-preview{height:48px;width:48px}.brz-ui-input-icon-upload--large .brz-ui-input-icon-upload--icon-preview img{max-height:40px;max-width:40px}.brz-ui-input-icon-upload--large .brz-ui-input-icon-upload--button{height:48px;font-size:15px}.brz-ui-input-icon-upload--loading .brz-ui-input-icon-upload--button{opacity:.8;pointer-events:none}.brz-ui-input-icon-upload--loading .brz-ui-input-icon-upload--icon-preview{background-color:var(--color-gray,#777f86);pointer-events:none}.brz-ui-input-icon-upload--loading .anticon.anticon-loading{color:var(--color-white,#fff)}.brz-ui-input-icon-upload--disabled .brz-ui-input-icon-upload--button>div>span,.brz-ui-input-icon-upload--disabled .brz-ui-input-icon-upload--icon-preview,.brz-ui-input-icon-upload--disabled .brz-ui-input-icon-upload--value{pointer-events:none;opacity:.5}.brz-ui-input-icon-upload--disabled .brz-ui-input-icon-upload--button input{pointer-events:none}.brz-ui-input-icon-upload--disabled .brz-ui-input-icon-upload--button{cursor:not-allowed}.brz-ui-input-icon-upload--disabled .brz-ui-input-form__container--disabled{width:100%;height:100%}