.flex-center{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.button-base{min-width:120px;border:none;padding:9px 16px;border-radius:32px;background:-webkit-gradient(linear, right top, left top, from(#2c92ff), to(#2676ff));background:linear-gradient(270deg, #2c92ff 0%, #2676ff 100%);cursor:pointer;font-size:12px;font-weight:bold}.tool-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:60px auto 20px;position:relative;width:1000px;height:528px;border-radius:20px;background:linear-gradient(117deg, #f5f9ff 1%, #e7f2ff 98%);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 10px 20px 0 rgba(22,116,243,0.05);box-shadow:0 10px 20px 0 rgba(22,116,243,0.05)}.tool-container button{min-width:120px;border:none;padding:9px 16px;cursor:pointer;font-size:12px;font-weight:bold;border-radius:32px;background:-webkit-gradient(linear, right top, left top, from(#2c92ff), to(#2676ff));background:linear-gradient(270deg, #2c92ff 0%, #2676ff 100%);color:white;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.tool-container button:hover{background:#1674f3}.tool-container button:disabled{background:#cccccc;cursor:not-allowed}.tool-container #convert-btn{min-width:160px;padding:10px}.tool-container .remove-file-btn{opacity:0;padding:10px;min-width:0;width:20px;height:20px;background:url(/assets/heic-converter-tool/images/icon-close-20.svg) center no-repeat;cursor:pointer}.tool-container .remove-file-btn:hover{background:url(/assets/heic-converter-tool/images/icon-close-20-hover.svg) center no-repeat}.tool-container .file-settings-btn{opacity:0;padding:10px;min-width:0;width:20px;height:20px;background:url(/assets/heic-converter-tool/images/icon-set-20.svg) center no-repeat;cursor:pointer}.tool-container .file-settings-btn:hover{background:url(/assets/heic-converter-tool/images/icon-set-20-hover.svg) center no-repeat}.tool-container .single-download-btn{min-width:0;font-size:14px;font-weight:500;display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;padding:4px 8px;color:#1674f3;cursor:pointer;margin-left:10px;background:#fff;-webkit-transition:all .2s;transition:all .2s;text-decoration:underline}.tool-container .single-download-btn:hover{background:#fff}.tool-container .download-btn{min-width:160px;height:40px;padding:0 20px}.upload-area{border:4px solid #ffffff;border-radius:20px;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;text-align:center;cursor:pointer}.upload-area.dragover{border-color:#00c704;background-color:rgba(38,67,146,0.1)}.upload-area .title{font-size:22px;font-weight:bold}.upload-area .tips{font-size:18px;color:#9e9e9e}.download-area{margin:0 12px;border-radius:0px 0px 12px 12px;border-top:1px solid #f0f0f0;background:#fff;display:none;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem;padding:16px 28px}.download-area .left-con{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.download-area .download-btn i{display:inline-block;vertical-align:middle;width:20px;height:20px;background:url(../images/icon-download-20.svg)}.preview{display:none;padding:0 12px}.preview img{max-width:100%;border-radius:4px}.preview .top-btns{padding:12px 8px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.preview .top-btns .btn-add i{display:inline-block;vertical-align:middle;width:16px;height:16px;background:url(../images/icon-add-16.svg)}.preview .top-btns .btn-reload{background:none;border:1px solid #1674f3;color:#1674f3}.preview .top-btns .btn-reload:hover{background:#1674f3;color:#fff}.file-list{height:382px;padding:12px 8px;border-radius:12px 12px 0 0;background:#ffffff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}.file-list::-webkit-scrollbar{width:4px}.file-list::-webkit-scrollbar-track{border-radius:0}.file-list::-webkit-scrollbar-thumb{background:#bcc7d4;border-radius:3px}.file-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.file-info{margin-bottom:8px;padding:0 20px;height:40px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;font-weight:normal;color:#101726}.file-info:hover{border-radius:8px;background:#fafafa}.file-info:hover .file-settings-btn,.file-info:hover .remove-file-btn{opacity:1}.file-details{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.file-name{width:550px}.file-name span{display:inline-block;vertical-align:middle;width:480px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-name i{display:inline-block;vertical-align:middle;margin-right:10px;width:28px;height:28px;background:url(../images/icon-photo-28.svg)}.file-result{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;width:260px}.status-indicator{margin-left:10px;font-size:14px}.status-pending{color:#101726}.status-converting{color:#1674f3}.status-converting span{display:inline-block;vertical-align:middle}.status-converting i{display:inline-block;vertical-align:middle;width:24px;height:24px;background:url(../images/icon-loding.svg) no-repeat center;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin-right:12px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.status-success{color:#00c704}#error-tips{display:none;width:500px;font-size:14px}.file-controls{opacity:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:40px}.file-format-select{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}#file-input{display:none}.file-settings-panel{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:999}.file-settings-panel.show{opacity:1;visibility:visible}.file-settings-panel.show .settings-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.file-range-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.file-range-container input[type="range"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;outline:0;-webkit-transition:.3s;transition:.3s;border-radius:4px;background-image:-webkit-gradient(linear, left top, right top, color-stop(82%, #3f91ff), color-stop(0, #bdd9ff));background-image:linear-gradient(to right, #3f91ff 82%, #bdd9ff 0)}.file-range-container input[type="range"]:focus{outline:none}.file-range-container input[type="range"]::-webkit-slider-thumb{cursor:pointer;appearance:none;-webkit-appearance:none;height:16px;width:16px;background:#1674f3;border-radius:50%;border:2px solid #fff;-webkit-box-shadow:0 .125em .125em #e6f7fa;box-shadow:0 .125em .125em #e6f7fa;-webkit-transition:background .15s ease-in-out;transition:background .15s ease-in-out}.file-range-container input[type="range"]::-webkit-slider-thumb:hover{background:#1976d2}.file-range-container input[type="range"]::-moz-range-thumb{width:16px;height:16px;background:#1674f3;border:2px solid #fff;border-radius:50%;cursor:pointer;-webkit-transition:background .15s ease-in-out;transition:background .15s ease-in-out}.file-range-container input[type="range"]::-moz-range-thumb:hover{background:#1976d2}.file-range-container input[type="range"]::-ms-thumb{width:16px;height:16px;background:#2196f3;border:2px solid #fff;border-radius:50%;cursor:pointer;-webkit-transition:background .15s ease-in-out;transition:background .15s ease-in-out}.file-range-container input[type="range"]::-ms-thumb:hover{background:#1976d2}.file-range-container input[type="number"]{width:60px !important;padding:4px;border:1px solid #ddd;border-radius:4px;text-align:center}.settings-content{position:relative;width:800px;background-color:white;-webkit-box-shadow:0 4px 20px rgba(0,0,0,0.15);box-shadow:0 4px 20px rgba(0,0,0,0.15);border-radius:12px;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;padding:0 20px 20px}.settings-content button{min-width:120px;border:none;padding:9px 16px;border-radius:32px;background:-webkit-gradient(linear, right top, left top, from(#2c92ff), to(#2676ff));background:linear-gradient(270deg, #2c92ff 0%, #2676ff 100%);cursor:pointer;font-size:12px;font-weight:bold;color:white;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.settings-content button:hover{background-color:#3651d4}.settings-content button:disabled{background:#cccccc;cursor:not-allowed}.settings-content h3{color:#333;font-size:16px;margin:2rem 0}.settings-content h3::before{margin-right:6px;content:"";display:inline-block;vertical-align:-4px;width:20px;height:20px;background:url(../images/icon-set-20.svg)}.settings-content .setting-file-name{width:700px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:normal;line-height:20px;letter-spacing:normal;color:#101726}.settings-content .setting-options{border-radius:12px;background:#f9fafa;margin-bottom:20px}.settings-content .setting-options h4{padding-left:20px;margin-top:20px;margin-bottom:0;height:40px;line-height:40px;font-size:16px;border-radius:12px 12px 0px 0px;background:-webkit-gradient(linear, left bottom, left top, from(#e8ebf1), to(#e8ebf1)),#e3e7ef;background:linear-gradient(0deg, #e8ebf1, #e8ebf1),#e3e7ef}.settings-content .setting-items{padding:28px 20px}.settings-content .setting-option{margin-bottom:30px}.settings-content .setting-option:last-child{margin-bottom:0}.settings-content .setting-option h5{margin-top:0;margin-bottom:15px;font-size:14px}.settings-content .setting-item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:top;-moz-box-align:top;-ms-flex-align:top;align-items:top;gap:16px;padding-left:20px;margin-bottom:2rem;font-size:14px}.settings-content .setting-item label{min-width:180px;text-align:right;font-size:14px;display:block;margin-top:6px;color:#000}.settings-content .setting-item .custom-select{width:30%;margin-bottom:.5rem}.settings-content .setting-item input[type="number"]{padding:2px 8px 0;border:1px solid #f0f0f0;border-radius:6px;height:32px;background:#fff;width:100%}.settings-content .setting-item input[type="number"]:focus{border-color:#1674f3;outline:none}.settings-content .setting-item .setting-hint{line-height:1.5;display:block;margin-top:5px;color:#999;font-size:14px}.settings-buttons{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.settings-buttons button{width:auto;background:-webkit-gradient(linear, right top, left top, from(#2c92ff), to(#2676ff));background:linear-gradient(270deg, #2c92ff 0%, #2676ff 100%)}.settings-buttons button:hover{background:-webkit-gradient(linear, right top, left top, from(#1f85ff), to(#1969ff));background:linear-gradient(270deg, #1f85ff 0%, #1969ff 100%)}.settings-buttons .rest-settings{background:#e8ebf1;color:#333333;line-height:40px;min-width:220px;padding:0 20px}.settings-buttons .rest-settings:hover{background:-webkit-gradient(linear, right top, left top, from(#e8ebf1), to(#e2e7f0));background:linear-gradient(270deg, #e8ebf1 0%, #e2e7f0 100%)}.save-btns{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-radius:32px;color:#fff;border-radius:20px;background:-webkit-gradient(linear, right top, left top, from(#2c92ff), to(#2676ff));background:linear-gradient(270deg, #2c92ff 0%, #2676ff 100%)}.save-btns .save-settings{padding-right:10px;border-radius:32px 0 0 32px;background:none;height:40px}.save-btns .arrow-settings{min-width:38px;padding-left:10px;padding-right:10px;border-radius:0 32px 32px 0;background:none;height:40px}.save-btns .arrow-settings.show .xiala{rotate:0deg}.save-btns .xiala{cursor:pointer;display:inline-block;width:16px;height:16px;background:url(../images/ic-xiala-16.svg) center;rotate:180deg;-webkit-transition:all .3s;transition:all .3s}.save-btns .two-btn{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.save-btns .apply-all-settings{width:auto;white-space:nowrap;display:none;position:absolute;bottom:-42px;right:0;height:40px;min-width:160px}.save-btns .apply-all-settings.show{display:block}.close-settings{cursor:pointer;position:absolute;right:4px;top:4px;display:block;width:32px;height:32px;background:url(../images/icon-close-32.svg) center no-repeat}.reload-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:999}.reload-modal a{color:#1674f3}.reload-modal button{min-width:120px;border:none;padding:9px 16px;border-radius:32px;background:-webkit-gradient(linear, right top, left top, from(#2c92ff), to(#2676ff));background:linear-gradient(270deg, #2c92ff 0%, #2676ff 100%);cursor:pointer;font-size:12px;font-weight:bold;color:white;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.reload-modal button:hover{background:#1674f3}.reload-modal.show{opacity:1;visibility:visible}.reload-modal.show .reload-modal-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.reload-modal .reload-modal-content{position:relative;width:455px;background-color:white;border:1px solid #d9d9d9;-webkit-box-shadow:0 10px 20px 0 rgba(22,116,243,0.15);box-shadow:0 10px 20px 0 rgba(22,116,243,0.15);border-radius:12px;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;overflow:hidden}.reload-modal .reload-modal-content .head{height:40px;background:#e8ebf1;position:relative}.reload-modal .reload-modal-content .head i.close{cursor:pointer;position:absolute;right:4px;top:4px;display:block;width:32px;height:32px;background:url(../images/icon-close-32.svg) center no-repeat;border:none}.reload-modal .reload-modal-content .cont{padding:20px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;gap:20px;color:#101726}.reload-modal .reload-modal-content .btns{padding-right:20px;padding-bottom:20px;margin-top:10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:end;gap:10px}.reload-modal .reload-modal-content .continue-trans{background:#fff;border:1px solid #1674f3;color:#1674f3}.reload-modal .reload-modal-content .continue-trans:hover{background:#1674f3;color:#fff}.custom-select{position:relative;width:100px}.custom-select-trigger{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:4px 12px;background:#ffffff;border:1px solid #e7e7e7;border-radius:6px;cursor:pointer;font-size:14px;color:#333333;-webkit-transition:all .3s ease;transition:all .3s ease}.custom-select-trigger:hover{border-color:#2676ff}.custom-select-trigger .arrow{width:12px;height:12px;margin-left:8px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;background:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 4.5L6 8L9.5 4.5" stroke="%23666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center}.custom-select-trigger.active{border-color:#2676ff;border-radius:6px 6px 0 0}.custom-select-trigger.active .arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:100%;left:0;right:0;background:#ffffff;border:1px solid #2676ff;border-top:none;border-radius:0 0 6px 6px;max-height:0;overflow:hidden;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:100}.custom-select-dropdown.show{max-height:200px;opacity:1}.custom-select-dropdown .option{padding:8px 12px;cursor:pointer;font-size:14px;color:#333333;-webkit-transition:all .2s ease;transition:all .2s ease}.custom-select-dropdown .option:hover{background:rgba(38,118,255,0.1);color:#2676ff}.custom-select-dropdown .option.selected{color:#2676ff;background:rgba(38,118,255,0.05)}@media (max-width:1300px){.tool-container{width:100%}}@media (max-width:768px){.tool-container{height:auto;padding:10px}.tool-container .upload-area{padding:20px 0}.tool-container .download-area{-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}
/*# sourceMappingURL=./heic-converter-tool-css.css.map */