@font-face{font-family:iransans;src:url(../fonts/IRANSansWeb.eot) format("eot"),url(../fonts/IRANSansWeb.woff2) format("woff2"),url(../fonts/IRANSansWeb.woff) format("woff"),url(../fonts/IRANSansWeb.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box;font-family:iransans}@keyframes cploader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{border:1px solid #ccc;border-radius:10px;padding:5px}#root .loader>div>div{position:absolute;border-radius:50%}#root .loader>div>div:nth-child(1){top:84px;left:84px;width:32px;height:32px;background:#87c341}#root .loader>div>div:nth-child(2){top:88.48px;left:93.6px;width:12.8px;height:12.8px;background:#ffffff;animation:cploader 1s linear infinite;transform-origin:6.4px 11.52px}#root .loader-box{width:200px;height:200px;margin:auto;background:#ffffff}#root .loader{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}#root .loader div{box-sizing:content-box}#root.full{width:100%}#root.full section>div{flex-flow:column;width:100%}#root.full .cropper-container h4.cropper-tips{margin:5px 0}#root.full .cropper-button{padding:5px 30px;margin:2px 0}#root.full section.cropper-container h1{text-align:center}#root .cropper-container h4{width:100%;padding:5px 10px;text-align:center}#root .cropper-container h4.cropper-tips{background-color:#c2ff00;font-weight:700;text-align:center;border-radius:4px}#root .cropper-container input[type=checkbox]+label{display:flex;flex-flow:row;color:#000;font-size:12px;font-weight:700}#root .cropper-container input[type=checkbox]+label:before{font: 14px/1 FontAwesome;display:flex;align-items:center;justify-content:center;font-size:16pt;content:"";margin-left:5px;color:#ccc}#root .cropper-container input[type=checkbox]:checked+label:before{content:"";color:green}.cropper-container{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}#root section.cropper-container h1{background:transparent;color:#000;font-weight:700;font-size:10pt}#root section.cropper-container input{width:0;opacity:0;display:none}#root div.cropper-image-container{width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:5px}#root div.cropper-image-container img{width:100px;height:100px}#root div.cropper-container-item-row{display:flex;flex-direction:column;padding:10px;flex-grow:1}.cropper-box{position:relative;width:100%;height:400px;background:#000}#root .cropper-button{max-width:150px;font-size:10pt;font-weight:400;position:relative;border:none;background:#3c78e7;color:#fff;padding:.5em .8em;text-transform:uppercase;transition:.2s;text-align:center;border-radius:5px;opacity:.8;letter-spacing:1px;cursor:pointer}#root .cropper-button-danger{color:#000;font-size:10pt;background:unset;font-weight:400}#root .cropper-button-disabled{background-color:#ccc}#root div.cropper-button-box{display:flex;align-items:center;flex-direction:row}#root div.cropper-button-box button.cropper-button-success{order:2}#root div.cropper-controllers-box{display:flex;align-items:center;gap:5px;flex-direction:row}#root div.cropper-controllers-box button{padding:5px;background-color:#eee;border:0}#root div.cropper-controllers-box button:after{font: 14px/1 FontAwesome;display:flex;align-items:center;justify-content:center;font-size:16pt}#root div.cropper-controllers-box button.rotate-d:after{content:""}#root div.cropper-controllers-box button.rotate-i:after{content:""}#root div.cropper-controllers-box button.zoom-d:after{content:""}#root div.cropper-controllers-box button.zoom-i:after{content:""}#root .cropper-controllers-container{display:flex;justify-content:flex-start;direction:rtl;padding:10px 20px}@media screen and (max-width: 600px){.cropper-controllers-box{display:none}}.cropper-modal{z-index:9999;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#00000080;opacity:0;visibility:hidden}.cropper-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:.5rem}.cropper-show-modal{opacity:1;visibility:visible}@media screen and (max-width: 600px){.cropper-modal-content{width:90%}}