.image-uploader{position:relative;height:100%;width:100%;overflow:hidden;border-radius:4px;padding:4px}.image-uploader:hover .image-uploader-mask{background-color:rgba(0,0,0,.3);opacity:1;pointer-events:auto}.image-uploader-mask{display:flex;justify-content:center;align-items:center;bottom:0;right:0;pointer-events:none;transition:all .2s}.image-uploader-mask,.image-uploader-mask .ant-image{position:absolute;top:0;left:0;opacity:0}.submit-button{padding:0;margin:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;display:flex;justify-content:center;align-items:center}.submit-button-label{background-color:rgba(0,0,0,0);border:2px solid #5b5bf0;display:flex;align-items:center;border-radius:50px;width:160px;cursor:pointer;transition:all .4s ease;padding:5px;position:relative}.submit-button-label:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:#fff;width:8px;height:8px;transition:all .4s ease;border-radius:100%;margin:auto;opacity:0;visibility:hidden}.submit-button-label--checked{width:57px;animation:installed .4s ease 3.5s forwards}.submit-button-label--checked:before{animation:rotate 3s ease-in-out .4s forwards}.submit-button-input{display:none}.submit-button-input:checked+.submit-button-input-circle{animation:pulse 1s forwards,circleDelete .2s ease 3.5s forwards;rotate:180deg}.submit-button-input:checked+.submit-button-input-circle:before{animation:installing 3s ease-in-out forwards}.submit-button-input:checked+.submit-button-input-circle .submit-button-icon{opacity:0;visibility:hidden}.submit-button-input:checked+.submit-button-input-circle .submit-button-square{opacity:1;visibility:visible}.submit-button-input:checked~.submit-button-input-title{opacity:0;visibility:hidden}.submit-button-input:checked~.submit-button-input-title:last-child{animation:showInstalledMessage .4s ease 3.5s forwards}.submit-button-title{font-size:17px;color:#fff;transition:all .4s ease;position:absolute;right:18px;bottom:14px;text-align:center}.submit-button-title:last-child{opacity:0;visibility:hidden}.submit-button-circle{height:45px;width:45px;border-radius:50%;background-color:#5b5bf0;display:flex;justify-content:center;align-items:center;transition:all .4s ease;position:relative;box-shadow:0 0 0 0 #fff;overflow:hidden}.submit-button-circle:before{content:"";position:absolute;left:0;top:0;background-color:#3333a8;width:100%;height:0;transition:all .4s ease}.submit-button-icon{color:#fff;width:30px}.submit-button-icon,.submit-button-square{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .4s ease}.submit-button-square{aspect-ratio:1;width:15px;border-radius:2px;background-color:#fff;opacity:0;visibility:hidden}@keyframes pulse{0%{scale:.95;box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{scale:1;box-shadow:0 0 0 16px hsla(0,0%,100%,0)}to{scale:.95;box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}@keyframes installing{0%{height:0}to{height:100%}}@keyframes rotate{0%{transform:rotate(-90deg) translate(27px) rotate(0);opacity:1;visibility:visible}99%{transform:rotate(270deg) translate(27px) rotate(270deg);opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes installed{to{width:150px;border-color:#23ae23}}@keyframes circleDelete{to{opacity:0;visibility:hidden}}@keyframes showInstalledMessage{to{opacity:1;visibility:visible;right:56px}}