/*! teknowmics_user 23-01-2023 */

.cropping_content{max-width:1290px;padding:0 1em;margin:0 auto;text-align:center}.preview_img{height:100px}.component{background:#fff}.resize-container{position:relative;display:inline-block;cursor:move;margin:0 auto}.resize-container img{display:block}.resize-container:active img,.resize-container:hover img{outline:2px solid rgba(17,126,195,.9)}.resize-handle-ne,.resize-handle-nw,.resize-handle-se,.resize-handle-sw{position:absolute;display:block;width:10px;height:10px;background:rgba(17,126,195,.9);z-index:999}.resize-handle-nw{top:-5px;left:-5px;cursor:nw-resize}.resize-handle-sw{bottom:-5px;left:-5px;cursor:sw-resize}.resize-handle-ne{top:-5px;right:-5px;cursor:ne-resize}.resize-handle-se{bottom:-5px;right:-5px;cursor:se-resize}.cropping_cropping_overlay{position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-100px;z-index:999;width:200px;height:200px;border:solid 2px rgba(17,126,195,.9);box-sizing:content-box;pointer-events:none}.cropping_overlay{position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-100px;z-index:999;width:200px;height:200px;border:solid 2px rgba(92,184,92,1);box-sizing:content-box;pointer-events:none}.cropping_overlay:before{top:0;margin-left:-2px;margin-top:-40px}.cropping_overlay:after{bottom:0;margin-left:-2px;margin-bottom:-40px}.cropping_overlay-inner:before{left:0;margin-left:-40px;margin-top:-2px}.cropping_overlay-inner:after{right:0;margin-right:-40px;margin-top:-2px}.component{position:relative;padding:0;height:400px;border:1px solid #5CB85C;max-width:900px;overflow:hidden;margin:0 auto}.codrops-header{padding:0 0 2em;letter-spacing:-1px}.codrops-header h1{font-weight:800;font-size:2.5em;line-height:1.3;margin:.25em auto}.a-tip,.codrops-header h1 span{color:#49708A}.a-tip{padding:1em}.a-tip span{border:2px solid #fff;color:#fff;display:inline-block;padding:0 5px}.codrops-top{width:100%;text-transform:uppercase;font-weight:700;font-size:.69em;line-height:2.2}.codrops-top a{display:inline-block;padding:1em 2em;text-decoration:none;letter-spacing:1px}.codrops-top span.right{float:right}.codrops-top span.right a{display:block;float:left}.codrops-icon:before{margin:0 4px;text-transform:none;font-weight:400;font-style:normal;font-variant:normal;font-family:codropsicons;line-height:1;speak:none;-webkit-font-smoothing:antialiased}.codrops-icon-drop:before{content:"\e001"}.codrops-icon-prev:before{content:"\e004"}.codrops-demos a{font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:.5em 1em;margin:5px;display:inline-block;border:1px solid #000;border-color:initial;border-radius:4px}