#tool #uploadDrop{animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%{border-color:#1a191573;box-shadow:0 0 39px #ffd74959}50%{border-color:#1a19152e;box-shadow:none}to{border-color:#1a191573;box-shadow:0 0 39px #ffd74959}}#tool #uploadDrop.highlight{animation:none}#tool #compressorWrapper{width:100%;margin-left:auto;margin-right:auto;text-align:left}#tool #uploadDrop{border:2px dashed rgba(26,25,21,.18);border-radius:1.5rem;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;min-height:250px;font-size:14px;width:100%;background:var(--color-paper);color:var(--color-ink)}#tool .uploadWrapper{width:100%;padding-top:10px}#tool #uploadDrop .dropboxTitle{font-size:15px;font-weight:700;display:block;margin:0 1.33em 1.33em}#tool #uploadDrop.highlight{border-color:var(--color-ink);background:#fff8dc}#tool #filesDashboard.highlight .dragCover{width:100%;background-color:#0000001a;position:absolute;top:0;backdrop-filter:blur(2px);bottom:0;z-index:50;filter:blur(3px);transform:scale(1.01);pointer-events:none}#tool #filesDashboard.highlight:after{content:"Drop to add files";position:absolute;left:0;right:0;text-align:center;margin:auto;top:50%;transform:translateY(-50%);padding-bottom:32px;z-index:50;color:var(--color-ink);font-size:20px;font-weight:500;pointer-events:none}#tool .control_file_upload_field,#tool .form_file_upload_field{display:none}#tool #filesDashboard{margin-top:10px;border-radius:1rem;box-sizing:border-box;min-height:250px;font-size:14px;display:none;position:relative;background:#fff}#tool #fileList{width:100%;float:left;border:1px solid rgba(26,25,21,.1);border-radius:1rem 1rem 0 0;overflow:hidden;min-height:250px;box-sizing:border-box}#tool .file_settings{display:none;float:left;position:relative}#tool .addedFiles .file_settings{display:block}#tool #actions{width:100%;padding-bottom:8px;min-height:32px}#tool .bttnDownloadZip button{transition:all ease .5s}#tool #progressbar{width:100%;float:left;height:7px;background:var(--color-paper-deep);border-radius:3px 3px 0 0;overflow:hidden}#tool #progressbar span{width:0%;height:7px;display:block;position:relative;background:#70eebf;transition:width 1s ease}#tool #fileList ul{margin:0;padding:0;list-style-type:none}#tool #fileList ul li{padding:15px;float:left;width:100%;box-sizing:border-box;border-bottom:1px solid rgba(26,25,21,.08)}#tool #fileList ul li img{width:100%;height:100%;object-fit:contain;position:relative;vertical-align:bottom}#tool #fileList ul li .img_wrapper{float:left;width:60px;height:40px;margin-right:20px;background:var(--color-paper-deep);border:1px solid var(--color-paper-deep);border-radius:.5rem;position:relative;overflow:hidden}#tool #fileList ul li .img_wrapper svg{position:absolute;left:0;right:0;margin:7px auto 0;font-size:20px;padding:3px;border-radius:50%;cursor:pointer}#tool #fileList ul li .img_wrapper svg path{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}#tool #fileList ul li.file_converted .img_wrapper{pointer-events:none}#tool #fileList ul li:last-child{border-bottom:none}#tool .file_settings button{background:0 0;border:0;outline:0;cursor:pointer;color:var(--color-ink-soft);font-weight:600;font-size:13px;margin-right:10px}#tool .file_settings button span{font-weight:700;font-size:15px;padding:0;background:var(--color-paper-deep);border-radius:50%;width:18px;display:inline-flex;line-height:18px;height:18px;justify-content:center;align-content:flex-start;margin-right:2px}#tool .file_settings button i{font-style:normal}#tool #bttnSettings{font-size:14px;position:relative;top:2px;padding-top:4px}#tool #bttnSettings:hover svg path{fill:var(--color-ink)}#tool .file_settings button:hover{color:#fe4a49}#tool .file_settings button:hover span{background:#fe4a49;color:#fff}#tool #bttnUpload:hover{color:var(--color-ink)}#tool #bttnUpload:hover span{background:var(--color-brand-yellow);color:var(--color-ink)}#tool .fileContent{float:left}#tool .fileContent>span{display:block}#tool .fileTitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;color:var(--color-ink);font-weight:500;font-size:13px;line-height:1.4}#tool .fileSize{font-size:13px;margin-top:3px;color:var(--color-ink-soft)}#tool .fileSize strong{color:#047857;font-weight:600}#tool .fileNewSize{float:right;font-weight:700;color:#1a191559;font-size:20px;line-height:1.5}#tool .fileNewDownload{float:right;margin-left:15px;font-size:18px;padding:4px 8px;cursor:pointer;width:16px;border-radius:50%;transition:all .15s linear;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial;line-height:initial;pointer-events:auto}#tool .fileNewDownload:hover{background:#70eebf}#tool .fileNewDownload:hover svg path{fill:var(--color-ink)}#tool .fileNewDownload svg{transform:translate(-1px) translateY(2.5px)}#tool .bttnDownloadZip{float:right;display:none}#tool .bttnDownloadZip button{font-size:13px}#tool .addedFiles .bttnDownloadZip{display:block}#tool .file_done_icon{position:absolute;margin-top:-7px;margin-left:-7px;display:block;z-index:2}#fileList_footer{width:100%;padding:25px 15px 20px;float:left;box-sizing:border-box;border:1px solid rgba(26,25,21,.1);border-radius:0 0 1rem 1rem;background:var(--color-paper);border-top:0;margin-top:-4px}#tool .fileList_footer__beforeAfter{float:right}#tool .fileList_footer__totalSaving{float:left;font-weight:700}#tool .fileList_footer__totalSaving i{font-style:normal;font-weight:400}#tool .fileList_footer__totalSaving span{color:#047857}#settingsPanel{width:280px;font-size:14px;border:1px solid rgba(26,25,21,.1);box-shadow:0 30px 60px -30px #1a191573;border-radius:1rem;padding:12px 20px;box-sizing:border-box;font-weight:600;position:absolute;z-index:999;background:#fff;top:36px;left:200px;display:none}#tool .preset_selector{width:100%;padding:5px;box-sizing:border-box;border:1px solid rgba(26,25,21,.15);border-radius:.75rem}#tool .preset_selector:focus{box-shadow:0 0 0 4px #ffd7498c;outline:0;border-color:var(--color-ink)}#tool .show_settings #settingsPanel{display:block}#tool .show_settings #bttnSettings svg path{fill:var(--color-ink)}#settingsPanel>div{padding:7px 0}#settingsPanel label{display:block;margin-bottom:5px;font-size:12px;font-weight:600;color:var(--color-ink-soft)}#settingsPanel input{width:100%}#settingsPanel input[type=number],#settingsPanel input[type=text]{padding:7px 10px;box-sizing:border-box;border:1px solid rgba(26,25,21,.15);border-radius:.75rem}#settingsPanel input[type=number]:focus,#settingsPanel input[type=text]:focus{box-shadow:0 0 0 4px #ffd7498c;outline:0;border-color:var(--color-ink)}#tool .setting_image_quality__val{display:block;float:right}#tool #settingsPanel .switch{position:relative;display:inline-block;width:40px;height:20px}#tool #bttnRecompress{background:var(--color-paper-deep);border-radius:.75rem;border:0;padding:10px;font-weight:600;color:var(--color-ink-soft);outline:0;margin-top:10px;font-size:13px;width:100%;cursor:not-allowed}#tool #bttnRecompress.bttnRecompress--show{background:var(--color-brand-yellow);color:var(--color-ink);cursor:pointer}@media screen and (max-width:570px){#tool #uploadDrop{padding:0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center}#tool #uploadDrop .dropboxTitle{margin-top:0}#tool .fileContent{float:left;width:170px}#tool .fileNewSize{display:none}#tool .fileNewDownload{margin-left:0}#tool .file_settings button{margin-right:0;font-size:13px}#tool .fileList_footer__beforeAfter{width:100%;float:left;text-align:center}#tool #fileList_footer{text-align:center}#tool .fileList_footer__totalSaving{width:100%;float:left}#tool .fileTitle{max-width:115px}#tool .fileContent{width:140px}#fileList ul li .img_wrapper{margin-right:10px}#settingsPanel{left:16px}}@media screen and (max-width:390px){#tool .bttnDownloadZip{width:100%;margin-top:4px}#tool .bttnDownloadZip button{width:100%}}