.image-compressor-section{max-width:800px;margin:0 auto;padding:20px;background-color:#eae7e2;border-radius:10px}.image-compressor-header{margin-bottom:20px;text-align:center;display:grid;gap:10px}.image-compressor-body{display:flex;flex-direction:column;gap:15px}.drop-area{border:2px dashed #ccc;padding:20px;text-align:center;cursor:pointer;margin-bottom:15px;position:relative;background-color:#eae7e2;border-radius:10px;transition:background-color .3s ease}.drop-area:hover{background-color:#f1f1f1}.icon-box{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.box-icon{width:80px;height:80px;max-width:100%;fill:#e13952}.image-compressor-body input[type=file],.image-compressor-body input[type=number],.image-compressor-body input[type=range],.image-compressor-body select{padding:10px;font-size:14px;border:1px solid #ccc;border-radius:5px;width:100%;box-sizing:border-box;background:#f5f2ed}.image-compressor-body label{font-size:16px;color:#333;margin-bottom:5px;display:inline-block}.compression-settings,.resize-settings{display:flex;flex-direction:column}.resize-settings{display:flex;gap:10px}.resize-settings label{width:100%}#quality-range{margin-top:5px}#compress-button,#download-all-button{padding:10px 15px;font-size:16px;color:#fff;background-color:#e43c56;border:none;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}#compress-button:hover,#download-all-button:hover{background-color:#000}.download-icon{width:20px;height:20px;fill:#fff}.loading{display:none;font-size:14px;color:#007bff;margin-top:10px}.progress-container{display:flex;flex-direction:column;align-items:center;gap:5px}progress{width:100%;height:20px}.download-links{display:flex;flex-direction:column;gap:10px;margin-top:10px}.download-link{padding:5px 15px;font-size:14px;color:#fff;background-color:#28a745;border:none;border-radius:5px;text-decoration:none;text-align:center;justify-content:space-between;display:flex}.download-link:hover{background-color:#218838}@media (max-width:600px){.resize-settings{flex-direction:column}}.resize-fields{display:none;gap:20px}.resize-settings{display:flex}.resize-settings label{width:auto;margin-right:10px}.checkbox-container{display:inline-block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#fff;border-radius:5px;border:1px solid #e43c56}.checkbox-container:hover input~.checkmark{background-color:#000}.checkbox-container input:checked~.checkmark{background-color:#e43c56}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.download-bttt{display:flex;gap:10px;align-items:center}
/*# sourceMappingURL=/cdn/shop/t/17/assets/compress-image.css.map */