.croppie-container{width:100%}.croppie-container .cr-image{z-index:-1;position:absolute;top:0;left:0;transform-origin:0 0;max-height:none;max-width:none}.croppie-container .cr-boundary{position:relative;overflow:hidden;margin:0 auto;z-index:1;width:100%;height:100%}.croppie-container .cr-resizer,.croppie-container .cr-viewport{position:absolute;border:2px solid #fff;margin:auto;top:0;bottom:0;right:0;left:0;box-shadow:0 0 2000px 2000px rgba(0,0,0,.5);z-index:0}.croppie-container .cr-resizer{z-index:2;box-shadow:none;pointer-events:none}.croppie-container .cr-resizer-horisontal,.croppie-container .cr-resizer-vertical{position:absolute;pointer-events:all}.croppie-container .cr-resizer-horisontal::after,.croppie-container .cr-resizer-vertical::after{display:block;position:absolute;box-sizing:border-box;border:1px solid #000;background:#fff;width:10px;height:10px;content:""}.croppie-container .cr-resizer-vertical{bottom:-5px;cursor:row-resize;width:100%;height:10px}.croppie-container .cr-resizer-vertical::after{left:50%;margin-left:-5px}.croppie-container .cr-resizer-horisontal{right:-5px;cursor:col-resize;width:10px;height:100%}.croppie-container .cr-resizer-horisontal::after{top:50%;margin-top:-5px}.croppie-container .cr-original-image{display:none}.croppie-container .cr-vp-circle{border-radius:50%}.croppie-container .cr-overlay{z-index:1;position:absolute;cursor:move;touch-action:none}.croppie-container .cr-slider-wrap{text-align:center}.croppie-result{position:relative;overflow:hidden}.croppie-result img{position:absolute}.croppie-container .cr-image,.croppie-container .cr-overlay,.croppie-container .cr-viewport{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.cr-slider{max-width:100%;padding-top:8px;padding-bottom:8px;background-color:transparent}.cr-slider::-webkit-slider-runnable-track{background:rgba(0,0,0,.5)}.cr-slider::-webkit-slider-thumb{background:#ddd}.cr-slider::-moz-range-track{background:rgba(0,0,0,.5)}.cr-slider::-moz-range-thumb{background:#ddd;margin-top:-6px}.cr-slider:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}.cr-slider::-ms-track{border-width:6px 0}.cr-slider::-ms-fill-lower{background:rgba(0,0,0,.5)}.cr-slider::-ms-fill-upper{background:rgba(0,0,0,.5)}.cr-slider::-ms-thumb{background:#ddd}.cr-slider:focus::-ms-fill-lower{background:rgba(0,0,0,.5)}.cr-slider:focus::-ms-fill-upper{background:rgba(0,0,0,.5)}.cr-rotate-controls{position:absolute;bottom:5px;left:5px;z-index:1}.cr-rotate-controls button{border:0;background:0 0}.cr-rotate-controls i:before{display:inline-block;font-style:normal;font-weight:900;font-size:22px}.cr-rotate-l i:before{content:"↺"}.cr-rotate-r i:before{content:"↻"}.picture-uploader{position:relative;text-align:center;min-height:230px}.picture-uploader .user-picture-upload-box{position:relative;width:120px;height:160px;background:#e9e6e6;margin:0 auto;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-moz-transition:all ease .4s;-webkit-transition:all ease .4s;transition:all ease .4s;overflow:hidden}.picture-uploader .user-picture-upload-box .user-icon{position:absolute;width:85%;height:auto;left:7.5%;bottom:0;z-index:1}.picture-uploader .user-picture-upload-box:hover{background-color:#dedede;border-color:#a1a2a4}.picture-uploader .user-picture-upload-box input[type=file]{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.picture-uploader .user-picture-upload-box input[type=file]:active,.picture-uploader .user-picture-upload-box input[type=file]:focus,.picture-uploader .user-picture-upload-box input[type=file]:hover{background:#d6d6d6}.picture-uploader .upload-btn+.change-picture,.picture-uploader .user-picture-upload-box+.upload-btn{width:120px;margin-top:10px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease}.picture-uploader .user-picture-upload-box.upload-ready+.upload-btn,.picture-uploader .user-picture-upload-box.upload-ready+.upload-btn+.change-picture{margin-top:45px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease}.picture-uploader .change-picture i,.picture-uploader .upload-btn i{position:relative;top:2px;margin-right:5px;font-size:17px;cursor:pointer}.croppie-container{float:left;height:160px}.croppie-container .cr-slider-wrap{width:65%;margin:5px auto}.picture-uploader .picture-rotate{background:0 0;border:0;color:#34495e;font-size:16px;display:none;position:absolute;left:3rem;top:170px;z-index:99999;cursor:pointer}.picture-uploader .rotate-right{right:3rem;left:auto}.picture-uploader .picture-rotate svg{width:18px}.upload-result{position:absolute;top:-5px;right:30px;padding:5px 25px;border-radius:4px;font-size:14px;color:#fff;cursor:pointer;background-color:#20db32;border:0}.picture-uploader #user-picture-holder{position:absolute;left:-1px;top:-1px;z-index:5;width:122px;height:auto;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}.hide{display:none}.cr-slider{height:20px;-webkit-appearance:none;margin:10px 0;width:100%}.cr-slider:focus{outline:0}.cr-slider::-webkit-slider-runnable-track{width:100%;height:3px;cursor:pointer;animate:.2s;box-shadow:0 0 0#000;background:#fff;border-radius:1px;border:0 solid #000}.cr-slider::-webkit-slider-thumb{box-shadow:0 0 0#000;border:1px solid #fff;height:15px;width:15px;border-radius:25px;background:var(--main);cursor:pointer;-webkit-appearance:none;margin-top:-7px}.cr-slider:focus::-webkit-slider-runnable-track{background:#fff}.cr-slider::-moz-range-track{width:100%;height:3px;cursor:pointer;animate:.2s;box-shadow:0 0 0#000;background:#fff;border-radius:1px;border:0 solid #000}.cr-slider::-moz-range-thumb{box-shadow:0 0 0#000;border:1px solid #fff;height:15px;width:15px;border-radius:25px;background:var(--main);cursor:pointer}.cr-slider::-ms-track{width:100%;height:3px;cursor:pointer;animate:.2s;background:0 0;border-color:transparent;color:transparent}.cr-slider::-ms-fill-lower{background:#fff;border:0 solid #000;border-radius:2px;box-shadow:0 0 0#000}.cr-slider::-ms-fill-upper{background:#fff;border:0 solid #000;border-radius:2px;box-shadow:0 0 0#000}.cr-slider::-ms-thumb{margin-top:1px;box-shadow:0 0 0#000;border:1px solid #fff;height:15px;width:15px;border-radius:25px;background:var(--main);cursor:pointer}.cr-slider:focus::-ms-fill-lower{background:#fff}.cr-slider:focus::-ms-fill-upper{background:#fff}