.image-input{position:relative;display:inline-block;border-radius:.75rem;background-repeat:no-repeat;background-size:cover}.image-input:not(.image-input-empty){background-image:none!important}.image-input .image-input-wrapper{width:120px;height:120px;border-radius:.75rem;background-repeat:no-repeat;background-size:cover}.image-input .image-input-action{cursor:pointer;position:absolute;transform:translate(-50%,-50%)}.image-input .image-input-action.change{left:100%;top:0}.image-input .image-input-action.change input{width:0!important;height:0!important;overflow:hidden;opacity:0}.image-input .image-input-action.cancel,.image-input .image-input-action.remove{position:absolute;left:100%;top:100%}.image-input .image-input-action.cancel{display:none}.image-input.image-input-changed .image-input-action.cancel{display:flex}.image-input.image-input-changed .image-input-action.remove{display:none}.image-input.image-input-empty .image-input-action.remove,.image-input.image-input-empty .image-input-action.cancel{display:none}.image-input.image-input-circle{border-radius:50%}.image-input.image-input-circle .image-input-wrapper{border-radius:50%}.image-input.image-input-circle .image-input-action.change{left:100%;top:0;transform:translate(-100%,0%)}.image-input.image-input-circle .image-input-action.cancel,.image-input.image-input-circle .image-input-action.remove{left:100%;top:100%;transform:translate(-100%,-100%)}.image-input.image-input-outline .image-input-wrapper{border:3px solid var(--bs-body-bg);box-shadow:var(--bs-box-shadow)}.image-input-uploading .image-input-wrapper:after{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-.125em;--bs-spinner-border-width:.185rem;--bs-spinner-animation-speed:.65s;--bs-spinner-animation-name:image-input-spinner;content:"";border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent;display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);position:absolute;top:calc(50% - 15px);left:calc(50% - 15px)}.image-input-uploading .image-input-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(213,213,213,.75);border-radius:.75rem}.image-input.image-input-circle.image-input-uploading .image-input-wrapper:before{border-radius:50%}@keyframes image-input-spinner{to{transform:rotate(360deg)}}.image-input-btn-camera{width:120px;padding:.5rem 0;margin:0 0 .5rem}