body{margin:0;padding:0;font-family:sans-serif;background:#e5e5e5}::-webkit-scrollbar{display:none}.app-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:30px;text-align:center}.media-panel{padding:10px;-ms-flex:20% 1;flex:20% 1;width:340px;height:980px;left:0;top:0;background:#fff;overflow:scroll}.media-panel::-webkit-scrollbar{display:none}.media-text{font-style:normal;font-weight:500;font-size:20px;line-height:23px;text-align:left;color:#000}.images{width:90%;height:250px;margin:3px;border:1px solid grey;border-radius:10px}.images:active{width:80%;height:210px;margin:50px 3px 0 50px;-webkit-box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12);box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12)}.selected-images-panel{padding:10px;-ms-flex:80% 1;flex:80% 1;width:1160px;height:820px;left:390px;top:50px;margin:60px;background:#fff;border-radius:8px}.selected-images{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start}.image-action-btn{bottom:8px;left:16px}.drop-field,.middle-drop-field{width:333px;height:250px;margin:3px;min-height:200px;border:2px dotted grey;border-radius:10px}.drop-field p,.middle-drop-field p{font-size:medium}@media (max-width:800px){.app-container{-ms-flex-direction:column;flex-direction:column}}.selected-images-panel{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:scroll}.middle-drop-field{margin:0;position:absolute;top:47%;left:61%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:1100px){.selected-images-panel{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:scroll}.selected-images-panel::-webkit-scrollbar{display:none}}@media (max-width:500px){.selected-images-panel{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:scroll}.middle-drop-field{margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.selected-images-panel::-webkit-scrollbar{display:none}}.image-container{position:relative;height:260px;max-width:25%;margin-bottom:14px}@media (max-width:1024px){.image-container{position:relative;height:260px;max-width:50%;margin-bottom:14px}}.image-container .action-btn{visibility:hidden;display:-ms-flexbox;display:flex;position:absolute;top:10%;left:15%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);background-color:#555;color:#fff;font-size:16px;padding:6px 14px;border:none;cursor:pointer;border-radius:15px;text-align:center}@media (max-width:12560px){.image-container .action-btn{left:20%}}@media (max-width:1440px){.image-container .action-btn{top:11%;left:22%;color:#fff;font-size:17px}}.image-container .action-btn .settings-btn,.remove-btn{font-size:medium;border:none;background-color:#555;color:#fff}.image-container:hover .action-btn{visibility:visible;color:aqua}.popup-layout{margin:0;padding:0}.popup-menu{z-index:1;position:absolute;padding:3px;width:228px;height:218px;background-color:#fff;border:1px solid grey;border-radius:10px;top:405%;left:227%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#000;font-size:14px;border:none;border-radius:15px;-webkit-box-shadow:rgba(0,0,0,.16) 0 28px 41px;box-shadow:0 28px 41px rgba(0,0,0,.16)}.popup-change-img-btn,.popup-close-btn,.popup-filter-btn,.popup-image-btn{border:none;outline-style:none;padding:4px;width:78px;background-color:#fff;border-radius:10px}.popup-change-img-btn{margin-top:12px;width:170px;color:#03d3fc;font-size:medium}.popup-close-btn{background-color:#fff;outline-style:none;border:none;border-radius:10px;text-align:center;color:red;width:18px;margin-top:3px;margin-right:12px;position:absolute;top:0;right:0}.popup-change-img-btn:hover,.popup-close-btn:hover,.popup-filter-btn:hover,.popup-image-btn:hover{background-color:bisque}.preview-image{height:90px;width:90px;border-radius:5px}.change-image-field{position:fixed;bottom:20px;width:100%}.image-filter{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:auto;width:86%}.image-list-popup{z-index:1;margin:4px;padding:2px;max-height:900px;max-width:350px;width:350px;height:200px;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#fff;position:absolute;border:1px solid grey;border-radius:10px;top:144%;left:-117%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#000;font-size:16px;-webkit-box-shadow:rgba(0,0,0,.16) 0 28px 41px;box-shadow:0 28px 41px rgba(0,0,0,.16)}.image-lists{display:grid;max-height:85%;overflow:scroll}.image-lists::-webkit-scrollbar{display:none}.imagelist-popup-actionBtn{bottom:0;text-align:center;-ms-flex-pack:center;justify-content:center}.img-cancel-btn,.img-confirm-btn{margin:10px;padding:10px 24px;border-radius:5px;border:none}.img-confirm-btn{background-color:#03d3fc}.img-cancel-btn{background-color:#eee}.img-cancel-btn:hover,.img-confirm-btn:hover{background-color:#faebd7}.popup-image{width:96%;height:225px;margin:3px;border:1px solid grey;border-radius:10px}.popup-image:focus{outline:none!important;border:3px solid #03d3fc}@media (max-width:1440px){.popup-menu{width:226px;height:218px;border-radius:10px;top:431%;left:140%}.popup-image{width:96%;height:188px;margin:3px;border:1px solid grey;border-radius:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}}.slider-container img{width:15px;margin:0 10px}.slider-container span{font-size:small;width:2px;padding:0 8px;margin:0 8px;overflow:hidden}.range{-webkit-appearance:none;vertical-align:middle;outline:0;border:none;padding:0;background:0 0;width:120px}.range::-webkit-slider-runnable-track{background-color:#afafaf;height:6px;border-radius:3px;border:1px solid transparent}.range[disabled]::-webkit-slider-runnable-track{border:1px solid #afafaf;background-color:transparent;opacity:.4}.range::-moz-range-track{background-color:#afafaf;height:6px;border-radius:3px;border:none}.range::-ms-track{color:transparent;border:none;background:0 0;height:6px}.range::-ms-fill-lower,.range::-ms-fill-upper{background-color:#afafaf;border-radius:3px}.range::-ms-tooltip{display:none}.range::-moz-range-thumb{border-radius:20px;height:18px;width:18px;border:2px solid #afafaf;background:0 0;background-color:#fff}.range:active::-moz-range-thumb{outline:0}.range::-webkit-slider-thumb{-webkit-appearance:none!important;border-radius:100%;border:2px solid #afafaf;background-color:#fff;height:18px;width:18px;margin-top:-7px}.range[disabled]::-webkit-slider-thumb{background-color:transparent;border:1px solid #afafaf}.range:active::-webkit-slider-thumb{outline:0}.range::-ms-thumb{border-radius:100%;border:2px solid #afafaf;background-color:#fff;height:18px;width:18px;border:none}.range:active::-ms-thumb{border:none}
/*# sourceMappingURL=main.14c5e3b2.css.map*/