camedit
Version:
Small JS image editor wrapped around cropperjs
12 lines (11 loc) • 26 kB
CSS
@import url(https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700);
/*!
* Cropper.js v1.4.3
* https://fengyuanchen.github.io/cropperjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2018-10-24T13:07:11.429Z
*/.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none;max-width:none;min-height:0;min-width:0;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline-color:rgba(51,153,255,.75);outline:1px solid #39f;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
.camedit{position:fixed;top:0;left:0;z-index:9000;display:none;width:100%;height:100%;background:#0006}.camedit a,.camedit abbr,.camedit acronym,.camedit address,.camedit applet,.camedit article,.camedit aside,.camedit audio,.camedit b,.camedit big,.camedit blockquote,.camedit body,.camedit canvas,.camedit caption,.camedit center,.camedit cite,.camedit code,.camedit dd,.camedit del,.camedit details,.camedit dfn,.camedit div,.camedit dl,.camedit dt,.camedit em,.camedit embed,.camedit fieldset,.camedit figcaption,.camedit figure,.camedit footer,.camedit form,.camedit h1,.camedit h2,.camedit h3,.camedit h4,.camedit h5,.camedit h6,.camedit header,.camedit hgroup,.camedit html,.camedit i,.camedit iframe,.camedit img,.camedit ins,.camedit kbd,.camedit label,.camedit legend,.camedit li,.camedit main,.camedit mark,.camedit menu,.camedit nav,.camedit object,.camedit ol,.camedit output,.camedit p,.camedit pre,.camedit q,.camedit ruby,.camedit s,.camedit samp,.camedit section,.camedit small,.camedit span,.camedit strike,.camedit strong,.camedit sub,.camedit summary,.camedit sup,.camedit table,.camedit tbody,.camedit td,.camedit tfoot,.camedit th,.camedit thead,.camedit time,.camedit tr,.camedit tt,.camedit u,.camedit ul,.camedit var,.camedit video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.camedit article,.camedit aside,.camedit details,.camedit figcaption,.camedit figure,.camedit footer,.camedit header,.camedit hgroup,.camedit main,.camedit menu,.camedit nav,.camedit section{display:block}.camedit [hidden]{display:none}.camedit body{line-height:1}.camedit ol,.camedit ul{list-style:none}.camedit blockquote,.camedit q{quotes:none}.camedit blockquote:after,.camedit blockquote:before,.camedit q:after,.camedit q:before{content:"";content:none}.camedit table{border-collapse:collapse;border-spacing:0}.camedit body{margin:0}.camedit p{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;margin:0}.camedit a{display:block;font-weight:400;text-align:center;text-transform:uppercase;text-decoration:none}.camedit button,.camedit input,.camedit select,.camedit textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:none}.camedit h1,.camedit h2,.camedit h3{display:block;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:400}.camedit ::-webkit-input-placeholder{color:#e5e5e5}.camedit :-moz-placeholder,.camedit ::-moz-placeholder{color:#e5e5e5}.camedit :-ms-input-placeholder{color:#e5e5e5}.camedit timestamp,.camedit view{display:block;margin:0;padding:0;border:0}.camedit ::-webkit-scrollbar{width:0}.camedit ::-webkit-scrollbar-track-piece{background-color:transparent;-webkit-border-radius:6px}.camedit form{max-width:1000px;margin:0 auto;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.camedit form .form-divider{width:100%;height:1px;background:gray}.camedit button,.camedit input,.camedit label,.camedit select,.camedit textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}.camedit input,.camedit select{width:100%;padding:5px;border:1px solid #000}.camedit input[type=time]{padding:2.8px}.camedit textarea{width:100%;padding:5px;min-height:100px;resize:vertical}.camedit .flex{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.camedit .flex-container{width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.camedit .flex-container,.camedit .flex-default{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify}.camedit .flex-default{-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;justify-content:space-between}.camedit .flex-grow-1{-webkit-flex-grow:1;-ms-flex-grow:1;flex-grow:1}.camedit .flex-grow-1,.camedit .flex-grow-2{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.camedit .flex-grow-2{-webkit-flex-grow:2;-ms-flex-grow:2;flex-grow:2}.camedit .switch-toggle-primary{position:relative;display:inline-block;width:40px;height:25px}.camedit .switch-toggle-primary input{display:none}.camedit .slider-toggle-primary{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.camedit .slider-toggle-primary:before{position:absolute;content:"";height:22px;width:22px;left:2px;bottom:1.65px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.camedit input:checked+.slider-toggle-primary{background-image:url("/assets/images/switch-toggle-checked.png");background-color:#3842b1}.camedit input:focus+.slider-toggle-primary{box-shadow:0 0 1px #eee}.camedit input:checked+.slider-toggle-primary:before{-webkit-transform:translateX(14px);-moz-transform:translateX(14px);-ms-transform:translateX(14px);-o-transform:translateX(14px);transform:translateX(14px)}.camedit .slider-toggle-primary.round{border-radius:34px}.camedit .slider-toggle-primary.round:before{border-radius:50%}.camedit .w-5{width:5%}.camedit .pd-5{padding:5px}.camedit .pd-lr-5{padding-left:5px;padding-right:5px}.camedit .mg-5{margin:5px 5px 0}.camedit .mg-lr-5{margin-left:5px;margin-right:5px}.camedit .mg-l-5{margin-left:5px}.camedit .mg-r-5{margin-right:5px}.camedit .op-5{opacity:"0.5"}.camedit .w-10{width:10%}.camedit .pd-10{padding:10px}.camedit .pd-lr-10{padding-left:10px;padding-right:10px}.camedit .mg-10{margin:10px 10px 0}.camedit .mg-lr-10{margin-left:10px;margin-right:10px}.camedit .mg-l-10{margin-left:10px}.camedit .mg-r-10{margin-right:10px}.camedit .op-10{opacity:"0.10"}.camedit .w-15{width:15%}.camedit .pd-15{padding:15px}.camedit .pd-lr-15{padding-left:15px;padding-right:15px}.camedit .mg-15{margin:15px 15px 0}.camedit .mg-lr-15{margin-left:15px;margin-right:15px}.camedit .mg-l-15{margin-left:15px}.camedit .mg-r-15{margin-right:15px}.camedit .op-15{opacity:"0.15"}.camedit .w-20{width:20%}.camedit .pd-20{padding:20px}.camedit .pd-lr-20{padding-left:20px;padding-right:20px}.camedit .mg-20{margin:20px 20px 0}.camedit .mg-lr-20{margin-left:20px;margin-right:20px}.camedit .mg-l-20{margin-left:20px}.camedit .mg-r-20{margin-right:20px}.camedit .op-20{opacity:"0.20"}.camedit .w-25{width:25%}.camedit .pd-25{padding:25px}.camedit .pd-lr-25{padding-left:25px;padding-right:25px}.camedit .mg-25{margin:25px 25px 0}.camedit .mg-lr-25{margin-left:25px;margin-right:25px}.camedit .mg-l-25{margin-left:25px}.camedit .mg-r-25{margin-right:25px}.camedit .op-25{opacity:"0.25"}.camedit .w-30{width:30%}.camedit .pd-30{padding:30px}.camedit .pd-lr-30{padding-left:30px;padding-right:30px}.camedit .mg-30{margin:30px 30px 0}.camedit .mg-lr-30{margin-left:30px;margin-right:30px}.camedit .mg-l-30{margin-left:30px}.camedit .mg-r-30{margin-right:30px}.camedit .op-30{opacity:"0.30"}.camedit .w-35{width:35%}.camedit .pd-35{padding:35px}.camedit .pd-lr-35{padding-left:35px;padding-right:35px}.camedit .mg-35{margin:35px 35px 0}.camedit .mg-lr-35{margin-left:35px;margin-right:35px}.camedit .mg-l-35{margin-left:35px}.camedit .mg-r-35{margin-right:35px}.camedit .op-35{opacity:"0.35"}.camedit .w-40{width:40%}.camedit .pd-40{padding:40px}.camedit .pd-lr-40{padding-left:40px;padding-right:40px}.camedit .mg-40{margin:40px 40px 0}.camedit .mg-lr-40{margin-left:40px;margin-right:40px}.camedit .mg-l-40{margin-left:40px}.camedit .mg-r-40{margin-right:40px}.camedit .op-40{opacity:"0.40"}.camedit .w-45{width:45%}.camedit .pd-45{padding:45px}.camedit .pd-lr-45{padding-left:45px;padding-right:45px}.camedit .mg-45{margin:45px 45px 0}.camedit .mg-lr-45{margin-left:45px;margin-right:45px}.camedit .mg-l-45{margin-left:45px}.camedit .mg-r-45{margin-right:45px}.camedit .op-45{opacity:"0.45"}.camedit .w-50{width:50%}.camedit .pd-50{padding:50px}.camedit .pd-lr-50{padding-left:50px;padding-right:50px}.camedit .mg-50{margin:50px 50px 0}.camedit .mg-lr-50{margin-left:50px;margin-right:50px}.camedit .mg-l-50{margin-left:50px}.camedit .mg-r-50{margin-right:50px}.camedit .op-50{opacity:"0.50"}.camedit .w-55{width:55%}.camedit .pd-55{padding:55px}.camedit .pd-lr-55{padding-left:55px;padding-right:55px}.camedit .mg-55{margin:55px 55px 0}.camedit .mg-lr-55{margin-left:55px;margin-right:55px}.camedit .mg-l-55{margin-left:55px}.camedit .mg-r-55{margin-right:55px}.camedit .op-55{opacity:"0.55"}.camedit .w-60{width:60%}.camedit .pd-60{padding:60px}.camedit .pd-lr-60{padding-left:60px;padding-right:60px}.camedit .mg-60{margin:60px 60px 0}.camedit .mg-lr-60{margin-left:60px;margin-right:60px}.camedit .mg-l-60{margin-left:60px}.camedit .mg-r-60{margin-right:60px}.camedit .op-60{opacity:"0.60"}.camedit .w-65{width:65%}.camedit .pd-65{padding:65px}.camedit .pd-lr-65{padding-left:65px;padding-right:65px}.camedit .mg-65{margin:65px 65px 0}.camedit .mg-lr-65{margin-left:65px;margin-right:65px}.camedit .mg-l-65{margin-left:65px}.camedit .mg-r-65{margin-right:65px}.camedit .op-65{opacity:"0.65"}.camedit .w-70{width:70%}.camedit .pd-70{padding:70px}.camedit .pd-lr-70{padding-left:70px;padding-right:70px}.camedit .mg-70{margin:70px 70px 0}.camedit .mg-lr-70{margin-left:70px;margin-right:70px}.camedit .mg-l-70{margin-left:70px}.camedit .mg-r-70{margin-right:70px}.camedit .op-70{opacity:"0.70"}.camedit .w-75{width:75%}.camedit .pd-75{padding:75px}.camedit .pd-lr-75{padding-left:75px;padding-right:75px}.camedit .mg-75{margin:75px 75px 0}.camedit .mg-lr-75{margin-left:75px;margin-right:75px}.camedit .mg-l-75{margin-left:75px}.camedit .mg-r-75{margin-right:75px}.camedit .op-75{opacity:"0.75"}.camedit .w-80{width:80%}.camedit .pd-80{padding:80px}.camedit .pd-lr-80{padding-left:80px;padding-right:80px}.camedit .mg-80{margin:80px 80px 0}.camedit .mg-lr-80{margin-left:80px;margin-right:80px}.camedit .mg-l-80{margin-left:80px}.camedit .mg-r-80{margin-right:80px}.camedit .op-80{opacity:"0.80"}.camedit .w-85{width:85%}.camedit .pd-85{padding:85px}.camedit .pd-lr-85{padding-left:85px;padding-right:85px}.camedit .mg-85{margin:85px 85px 0}.camedit .mg-lr-85{margin-left:85px;margin-right:85px}.camedit .mg-l-85{margin-left:85px}.camedit .mg-r-85{margin-right:85px}.camedit .op-85{opacity:"0.85"}.camedit .w-90{width:90%}.camedit .pd-90{padding:90px}.camedit .pd-lr-90{padding-left:90px;padding-right:90px}.camedit .mg-90{margin:90px 90px 0}.camedit .mg-lr-90{margin-left:90px;margin-right:90px}.camedit .mg-l-90{margin-left:90px}.camedit .mg-r-90{margin-right:90px}.camedit .op-90{opacity:"0.90"}.camedit .w-95{width:95%}.camedit .pd-95{padding:95px}.camedit .pd-lr-95{padding-left:95px;padding-right:95px}.camedit .mg-95{margin:95px 95px 0}.camedit .mg-lr-95{margin-left:95px;margin-right:95px}.camedit .mg-l-95{margin-left:95px}.camedit .mg-r-95{margin-right:95px}.camedit .op-95{opacity:"0.95"}.camedit .w-100{width:100%}.camedit .pd-100{padding:100px}.camedit .pd-lr-100{padding-left:100px;padding-right:100px}.camedit .mg-100{margin:100px 100px 0}.camedit .mg-lr-100{margin-left:100px;margin-right:100px}.camedit .mg-l-100{margin-left:100px}.camedit .mg-r-100{margin-right:100px}.camedit .op-100{opacity:"0.100"}.camedit .w-105{width:105%}.camedit .pd-105{padding:105px}.camedit .pd-lr-105{padding-left:105px;padding-right:105px}.camedit .mg-105{margin:105px 105px 0}.camedit .mg-lr-105{margin-left:105px;margin-right:105px}.camedit .mg-l-105{margin-left:105px}.camedit .mg-r-105{margin-right:105px}.camedit .op-105{opacity:"0.105"}.camedit .w-110{width:110%}.camedit .pd-110{padding:110px}.camedit .pd-lr-110{padding-left:110px;padding-right:110px}.camedit .mg-110{margin:110px 110px 0}.camedit .mg-lr-110{margin-left:110px;margin-right:110px}.camedit .mg-l-110{margin-left:110px}.camedit .mg-r-110{margin-right:110px}.camedit .op-110{opacity:"0.110"}.camedit .w-115{width:115%}.camedit .pd-115{padding:115px}.camedit .pd-lr-115{padding-left:115px;padding-right:115px}.camedit .mg-115{margin:115px 115px 0}.camedit .mg-lr-115{margin-left:115px;margin-right:115px}.camedit .mg-l-115{margin-left:115px}.camedit .mg-r-115{margin-right:115px}.camedit .op-115{opacity:"0.115"}.camedit .w-120{width:120%}.camedit .pd-120{padding:120px}.camedit .pd-lr-120{padding-left:120px;padding-right:120px}.camedit .mg-120{margin:120px 120px 0}.camedit .mg-lr-120{margin-left:120px;margin-right:120px}.camedit .mg-l-120{margin-left:120px}.camedit .mg-r-120{margin-right:120px}.camedit .op-120{opacity:"0.120"}.camedit .w-125{width:125%}.camedit .pd-125{padding:125px}.camedit .pd-lr-125{padding-left:125px;padding-right:125px}.camedit .mg-125{margin:125px 125px 0}.camedit .mg-lr-125{margin-left:125px;margin-right:125px}.camedit .mg-l-125{margin-left:125px}.camedit .mg-r-125{margin-right:125px}.camedit .op-125{opacity:"0.125"}.camedit .mg-t-5{margin-top:5px}.camedit .pd-t-5{padding-top:5px}.camedit .pd-b-5{padding-bottom:5px}.camedit .mg-t-10{margin-top:10px}.camedit .pd-t-10{padding-top:10px}.camedit .pd-b-10{padding-bottom:10px}.camedit .mg-t-15{margin-top:15px}.camedit .pd-t-15{padding-top:15px}.camedit .pd-b-15{padding-bottom:15px}.camedit .mg-t-20{margin-top:20px}.camedit .pd-t-20{padding-top:20px}.camedit .pd-b-20{padding-bottom:20px}.camedit .mg-t-25{margin-top:25px}.camedit .pd-t-25{padding-top:25px}.camedit .pd-b-25{padding-bottom:25px}.camedit .mg-t-30{margin-top:30px}.camedit .pd-t-30{padding-top:30px}.camedit .pd-b-30{padding-bottom:30px}.camedit .mg-t-35{margin-top:35px}.camedit .pd-t-35{padding-top:35px}.camedit .pd-b-35{padding-bottom:35px}.camedit .mg-t-40{margin-top:40px}.camedit .pd-t-40{padding-top:40px}.camedit .pd-b-40{padding-bottom:40px}.camedit .mg-t-45{margin-top:45px}.camedit .pd-t-45{padding-top:45px}.camedit .pd-b-45{padding-bottom:45px}.camedit .mg-t-50{margin-top:50px}.camedit .pd-t-50{padding-top:50px}.camedit .pd-b-50{padding-bottom:50px}.camedit .mg-t-55{margin-top:55px}.camedit .pd-t-55{padding-top:55px}.camedit .pd-b-55{padding-bottom:55px}.camedit .mg-t-60{margin-top:60px}.camedit .pd-t-60{padding-top:60px}.camedit .pd-b-60{padding-bottom:60px}.camedit .mg-t-65{margin-top:65px}.camedit .pd-t-65{padding-top:65px}.camedit .pd-b-65{padding-bottom:65px}.camedit .mg-t-70{margin-top:70px}.camedit .pd-t-70{padding-top:70px}.camedit .pd-b-70{padding-bottom:70px}.camedit .mg-t-75{margin-top:75px}.camedit .pd-t-75{padding-top:75px}.camedit .pd-b-75{padding-bottom:75px}.camedit .mg-t-80{margin-top:80px}.camedit .pd-t-80{padding-top:80px}.camedit .pd-b-80{padding-bottom:80px}.camedit .mg-t-85{margin-top:85px}.camedit .pd-t-85{padding-top:85px}.camedit .pd-b-85{padding-bottom:85px}.camedit .mg-t-90{margin-top:90px}.camedit .pd-t-90{padding-top:90px}.camedit .pd-b-90{padding-bottom:90px}.camedit .mg-t-95{margin-top:95px}.camedit .pd-t-95{padding-top:95px}.camedit .pd-b-95{padding-bottom:95px}.camedit .mg-t-100{margin-top:100px}.camedit .pd-t-100{padding-top:100px}.camedit .pd-b-100{padding-bottom:100px}.camedit .mg-t-105{margin-top:105px}.camedit .pd-t-105{padding-top:105px}.camedit .pd-b-105{padding-bottom:105px}.camedit .mg-t-110{margin-top:110px}.camedit .pd-t-110{padding-top:110px}.camedit .pd-b-110{padding-bottom:110px}.camedit .mg-t-115{margin-top:115px}.camedit .pd-t-115{padding-top:115px}.camedit .pd-b-115{padding-bottom:115px}.camedit .mg-t-120{margin-top:120px}.camedit .pd-t-120{padding-top:120px}.camedit .pd-b-120{padding-bottom:120px}.camedit .mg-t-125{margin-top:125px}.camedit .pd-t-125{padding-top:125px}.camedit .pd-b-125{padding-bottom:125px}.camedit .mg-t-130{margin-top:130px}.camedit .pd-t-130{padding-top:130px}.camedit .pd-b-130{padding-bottom:130px}.camedit .mg-t-135{margin-top:135px}.camedit .pd-t-135{padding-top:135px}.camedit .pd-b-135{padding-bottom:135px}.camedit .mg-t-140{margin-top:140px}.camedit .pd-t-140{padding-top:140px}.camedit .pd-b-140{padding-bottom:140px}.camedit .mg-t-145{margin-top:145px}.camedit .pd-t-145{padding-top:145px}.camedit .pd-b-145{padding-bottom:145px}.camedit .mg-t-150{margin-top:150px}.camedit .pd-t-150{padding-top:150px}.camedit .pd-b-150{padding-bottom:150px}.camedit .mg-t-155{margin-top:155px}.camedit .pd-t-155{padding-top:155px}.camedit .pd-b-155{padding-bottom:155px}.camedit .mg-t-160{margin-top:160px}.camedit .pd-t-160{padding-top:160px}.camedit .pd-b-160{padding-bottom:160px}.camedit .mg-t-165{margin-top:165px}.camedit .pd-t-165{padding-top:165px}.camedit .pd-b-165{padding-bottom:165px}.camedit .mg-t-170{margin-top:170px}.camedit .pd-t-170{padding-top:170px}.camedit .pd-b-170{padding-bottom:170px}.camedit .mg-t-175{margin-top:175px}.camedit .pd-t-175{padding-top:175px}.camedit .pd-b-175{padding-bottom:175px}.camedit .mg-t-180{margin-top:180px}.camedit .pd-t-180{padding-top:180px}.camedit .pd-b-180{padding-bottom:180px}.camedit .mg-t-185{margin-top:185px}.camedit .pd-t-185{padding-top:185px}.camedit .pd-b-185{padding-bottom:185px}.camedit .mg-t-190{margin-top:190px}.camedit .pd-t-190{padding-top:190px}.camedit .pd-b-190{padding-bottom:190px}.camedit .mg-t-195{margin-top:195px}.camedit .pd-t-195{padding-top:195px}.camedit .pd-b-195{padding-bottom:195px}.camedit .mg-t-200{margin-top:200px}.camedit .pd-t-200{padding-top:200px}.camedit .pd-b-200{padding-bottom:200px}.camedit .mg-c{margin-left:auto;margin-right:auto}.camedit .mg-t-8{margin-top:8px}.camedit .w-48{width:48%}.camedit .w-99{width:99%}.camedit .pd-7{padding:7px}.camedit .columns-1 .form-group,.camedit .columns-1.form-group{width:100%}.camedit .columns-2 .form-group,.camedit .columns-2.form-group{width:48%}.camedit .columns-1 .form-group-1-1,.camedit .columns-1.form-group-1-1{width:100%}.camedit .columns-1 .form-group-1-2,.camedit .columns-1.form-group-1-2{width:48%}.camedit .columns-1 .form-group-1-3,.camedit .columns-1.form-group-1-3{width:33%}.camedit .columns-1 .form-group-2-5,.camedit .columns-1.form-group-2-5{width:39%}.camedit .columns-1 .form-group-1-5,.camedit .columns-1.form-group-1-5{width:19%}.camedit .columns-1 .form-group-2-6,.camedit .columns-1.form-group-2-6{width:32%}.camedit .columns-1 .form-group-1-6,.camedit .columns-1.form-group-1-6{width:16%}.camedit .columns-1 .form-group-2-7,.camedit .columns-1.form-group-2-7{width:28%}.camedit .label-top label,.camedit label.label-top{display:block}.camedit .label-left label,.camedit label.label-left{display:inline}.camedit .small{font-size:10px}.camedit .fixed-bottom{position:fixed;bottom:0}.camedit .fixed-bottom-center{position:fixed;left:50%;bottom:0;transform:translateX(-50%)}.camedit .inline-right{display:inline;float:right}.camedit .disabled{cursor:not-allowed!important}.camedit .inactive{display:none}.camedit .float-right{float:right}.camedit .float-left{float:left}.camedit .button-container-small{width:150px}.camedit.active{display:block}.camedit button{border:1px solid #000;border-radius:5px;cursor:pointer;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;-o-transition:.25s;transition:.25s}.camedit button:hover{background:#f3f3f2}.camedit label{display:block}.camedit label,.camedit p{font-family:Rajdhani,sans-serif;text-align:center;text-transform:uppercase}.camedit.full-screen{width:100vw;height:100vw}.camedit .container{position:absolute;top:50%;left:50%;width:700px;border-radius:5px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff}@media screen and (max-width:750px){.camedit .container{width:500px}}@media screen and (max-width:550px){.camedit .container{width:300px;height:400px;overflow:scroll}}.camedit .close{display:block;float:right;width:30px;cursor:pointer}.camedit .image-view{position:relative;width:50%;height:unset;margin-top:0}@media screen and (max-width:550px){.camedit .image-view{width:100%;height:275px;margin-top:50px}}.camedit .tools{width:40%;margin-right:20px}@media screen and (max-width:550px){.camedit .tools{width:100%;margin-top:5px;margin-right:0}}.camedit .loading-view{position:absolute;top:0;left:0;z-index:1000;display:none;width:100%;height:100%;background:#0006}.camedit .loading-view.active{display:block}.camedit .loading-view img{position:relative;width:30px;top:50%;left:50%;transform:translate(-50%,-50%)}.camedit .camedit-image{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%)}.camedit .rotate{display:block;width:40px}.camedit input{display:block}.camedit input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:calc(100% - 12px);border-radius:5px;height:8px;border:1px solid #000;background:#fff;outline:none;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;-o-transition:.25s;transition:.25s}.camedit input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f3f3f2;border:1px solid #000;height:20px;width:20px;cursor:pointer;outline:none;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;-o-transition:.25s;transition:.25s}.camedit .cropper-container{position:absolute;top:0;left:0}.camedit .cropper-modal{background-color:#fff}.camedit .cropper-bg{background:linear-gradient(90deg,#f3f3f2 4px,transparent 1%) 50%,linear-gradient(#f3f3f2 4px,transparent 1%) 50%,#0006;background-size:5px 5px}.camedit .rotate{cursor:pointer;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;-o-transition:.25s;transition:.25s}.camedit .rotate:hover{-ms-filter:progid:DXImageTransform.Microsoft.Alpha opacity(50%);-webkit-filter:opacity(50%);filter:progid:DXImageTransform.Microsoft.Alpha opacity(50%);filter:opacity(50%)}.camedit .cropper-hide,.camedit .img-container{max-width:100%}.camedit .cropper-hide,.camedit .img-container img{width:100%}