.upload-example{overflow:hidden;position:relative;height:50vh;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.upload-example .vertical-buttons{position:absolute;left:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.upload-example .vertical-buttons .square-button{background:rgba(0,0,0,.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:42px;width:42px;margin-bottom:10px;cursor:pointer;-webkit-transition:background .5s;transition:background .5s}.upload-example .vertical-buttons .square-button:hover{background:hsla(0,0%,50.2%,.5)}.upload-example__cropper{border:1px solid #eee;min-height:300px;max-height:500px;width:100%}.upload-example__cropper-wrapper{position:relative}.upload-example__reset-button{position:absolute;right:20px;bottom:20px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:42px;width:42px;background:rgba(63,179,127,.7);-webkit-transition:background .5s;transition:background .5s}.upload-example__reset-button:hover{background:#3fb37f}.upload-example__buttons-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:17px}.upload-example__button{border:none;outline:solid transparent;color:#fff;font-size:16px;padding:10px 20px;background:#3fb37f;cursor:pointer;-webkit-transition:background .5s;transition:background .5s;margin:0 16px}.upload-example__button:focus,.upload-example__button:hover{background:#38d890}.upload-example__button input{display:none}.upload-example__file-type{position:absolute;top:20px;left:20px;background:#0d0d0d;border-radius:5px;padding:0 10px;padding-bottom:2px;font-size:12px;color:#fff}.loading-overlay{top:0;left:0;height:100%;background:hsla(0,0%,100%,.8);z-index:1000}.image-spinner-overlay,.loading-overlay{position:absolute;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.image-spinner-overlay{height:50px;background:hsla(0,0%,100%,.6)}