.croppie-container {width:100%;height:100%;position:relative;}
.croppie-container.anima:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.4);z-index:10;}
.croppie-container.anima:after{content:'';width:90px;height:90px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(../img/drag.svg?t=130612082022);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;z-index:15;animation-name:drag_animate;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;}
@keyframes drag_animate {
	0%{margin-top:0;margin-left:0;}
	12%{margin-top:0;margin-left:-20px;}
	36%{margin-top:0;margin-left:20px;}
	48%{margin-top:0;margin-left:0;}
	60%{margin-top:-20px;margin-left:0;}
	84%{margin-top:20px;margin-left:0;}
	96%{margin-top:0;margin-left:0;}
}
.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-viewport,.croppie-container .cr-resizer{position:absolute;border:2px dashed #5BD0BE;margin:auto;top:0;bottom:0;right:0;left:0;box-shadow:0 0 2000px 2000px rgba(255, 255, 255, 0.85);z-index:0;}
.croppie-container .cr-resizer{z-index:2;box-shadow:none;pointer-events:none;}
.croppie-container .cr-resizer-vertical,.croppie-container .cr-resizer-horisontal{position:absolute;pointer-events:all;}
.croppie-container .cr-resizer-vertical::after,.croppie-container .cr-resizer-horisontal::after{display:block;position:absolute;box-sizing:border-box;border:1px solid black;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;position:absolute;display:table;left:50%;transform:translateX(-50%);margin:15px auto;}
.croppie-container .cr-slider-wrap:after{content:'Powiększenie obrazu';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);font-size:11px;color:#888888;}
.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{-webkit-appearance:none;width:300px;max-width:100%;padding-top:8px;padding-bottom:8px;background-color:transparent;}
.cr-slider::-webkit-slider-runnable-track{width:100%;height:3px;background:rgba(0, 0, 0, 0.5);border:0;border-radius:3px;}
.cr-slider::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:-6px;}
.cr-slider:focus{outline:none;}
.cr-slider::-moz-range-track{width:100%;height:3px;background:rgba(0, 0, 0, 0.5);border:0;border-radius:3px;}
.cr-slider::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:-6px;}
.cr-slider:-moz-focusring{outline:1px solid white;outline-offset:-1px;}
.cr-slider::-ms-track{width:100%;height:5px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent;}
.cr-slider::-ms-fill-lower{background:rgba(0, 0, 0, 0.5);border-radius:10px;}
.cr-slider::-ms-fill-upper{background:rgba(0, 0, 0, 0.5);border-radius:10px;}
.cr-slider::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:1px;}
.cr-slider:focus::-ms-fill-lower{background:rgba(0, 0, 0, 0.5);}
.cr-slider:focus::-ms-fill-upper{background:rgba(0, 0, 0, 0.5);}
.cr-rotate-controls{position:absolute;bottom:5px;left:5px;z-index:1;}
.cr-rotate-controls button{border:0;background:none;}
.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:'↻';}