.checkbox-values,.radio-values{margin:0}:root{--quickwebp-primary-color:#2196f3}@keyframes quickwebp-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input[type=checkbox]{height:0;opacity:0;width:0}.switch input[type=checkbox]:focus+.slider{box-shadow:0 0 1px var(--quickwebp-primary-color)}.switch input[type=checkbox]:checked+.slider{background-color:var(--quickwebp-primary-color)}.switch input[type=checkbox]:checked+.slider:before{transform:translateX(26px)}.switch .slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.switch .slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.switch .slider.round{border-radius:34px}.switch .slider.round:before{border-radius:50%}.quickwebp-options{display:flex;flex-direction:column;gap:10px}.quickwebp-media-input-container{background:#fff;border:1px solid #ccc;padding:10px}.quickwebp-media-input--is-empty{margin-bottom:10px}.quickwebp-medias-selected-container{max-height:200px;overflow-y:auto;position:relative}.quickwebp-medias-selected-container:after{background:linear-gradient(1turn,#fff,transparent);bottom:0;content:"";display:block;height:35px;left:0;position:sticky;width:100%}.quickwebp-medias-selected-container .media-preview-image{margin:5px;max-height:50px;max-width:50px}.button-secondary.button-remove-media{border-color:#b00;color:#b00}.form-table th{padding-right:30px}tbody.children{display:none}tbody.children.show{display:table-row-group}tbody.children:after{content:"";display:block;height:60px}tbody.children th{font-size:12px;font-weight:400;padding-left:30px;padding-right:0}.rang-slider{--value-a:Clamp(var(--min),var(--value,0),var(--max));--value-b:var(--value,0);--completed-a:calc((var(--value-a) - var(--min))/(var(--max) - var(--min))*100);--completed-b:calc((var(--value-b) - var(--min))/(var(--max) - var(--min))*100);--cb:Max(var(--completed-a),var(--completed-b));--track-height:4px;--thumb-size:18px;--ticks-gap:5px;--value-offset-y:var(--ticks-gap);display:inline-block;height:22px;position:relative;z-index:1}.rang-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:grab;height:22px;left:0;margin:0;outline:none;position:absolute;top:0;width:100%}.rang-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--quickwebp-primary-color);border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px 1px rgba(0,0,0,.2);cursor:pointer;height:var(--thumb-size);width:var(--thumb-size)}.rang-slider input[type=range]::-moz-range-thumb{background:var(--quickwebp-primary-color);border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px 1px rgba(0,0,0,.2);cursor:pointer;height:var(--thumb-size);width:var(--thumb-size)}.rang-slider input[type=range]+.value{--value:var(--value-a);--x-offset:calc(var(--completed-a)*-1%);--pos:calc((var(--value) - var(--min))/(var(--max) - var(--min))*100%);--flip:-1;display:flex;font-size:10px;font-weight:700;left:var(--pos);pointer-events:none;position:absolute;transform:translate(var(--x-offset),calc(150%*var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y))*var(--flip)));z-index:5}.rang-slider input[type=range]~.progress{--start-end:calc(var(--thumb-size)/2);--clip-end:calc(100% - (var(--cb))*1%);--clip-start:0;--clip:inset(-20px var(--clip-end) -20px var(--clip-start));background:transparent;border:1px solid var(--quickwebp-primary-color);border-radius:20px;height:calc(var(--track-height));left:var(--start-end);pointer-events:none;position:absolute;right:var(--start-end);top:calc(var(--ticks-gap)*var(--flip-y, 0) + var(--thumb-size)/2 - var(--track-height)/2);z-index:-1}.rang-slider input[type=range]~.progress:before{background:var(--quickwebp-primary-color);border-radius:inherit;bottom:0;-webkit-clip-path:var(--clip);clip-path:var(--clip);content:"";left:0;position:absolute;right:0;top:0;z-index:1}.rang-slider input[type=range]~.progress:after{border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.quickwebp-preview__open{padding:20px 0}.quickwebp-preview__popup{background:hsla(0,0%,100%,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999999}.quickwebp-preview__popup.open{display:block}.quickwebp-preview__popup__file{align-items:center;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.quickwebp-preview__popup__file.show{display:flex}.quickwebp-preview__popup__file__btn{align-items:center;background-color:#fff;border:none;border-radius:10px;box-shadow:0 0 10px 1px rgba(0,0,0,.2);cursor:pointer;display:flex;flex-direction:column;justify-content:center;outline:none;padding:10px 20px;transition:.3s}.quickwebp-preview__popup__file__btn:hover{transform:scale(1.05)}.quickwebp-preview__popup__file__btn svg{fill:var(--quickwebp-primary-color);display:block;height:60px;width:60px}.quickwebp-preview__popup__file__btn span{font-size:12px;font-weight:700;margin-top:10px}.quickwebp-preview__popup__file input[type=file]{height:0;opacity:0;position:absolute;visibility:hidden}.quickwebp-preview__popup__compare{align-items:center;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.quickwebp-preview__popup__compare.show{display:flex}.quickwebp-preview__popup__compare__images{height:100%;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.quickwebp-preview__popup__compare__images__original{height:100%;left:-50%;overflow:hidden;position:absolute;top:0;width:100%}.quickwebp-preview__popup__compare__images__original .image{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;height:100%;left:50%;position:absolute;top:0;width:100%}.quickwebp-preview__popup__compare__images__new{height:100%;left:50%;overflow:hidden;position:absolute;top:0;width:100%}.quickwebp-preview__popup__compare__images__new .image{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;height:100%;left:-50%;position:absolute;top:0;width:100%}.quickwebp-preview__popup__compare__handle{cursor:ew-resize;height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:10px}.quickwebp-preview__popup__compare__handle:before{background:rgba(0,0,0,.6);content:"";display:block;height:100%;margin:0 auto;width:10px}.quickwebp-preview__popup__compare__handle__svg{align-items:center;background-color:#000;border-radius:50%;display:flex;height:50px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.quickwebp-preview__popup__compare__handle__svg svg{fill:var(--quickwebp-primary-color);height:20px;width:27px}.quickwebp-preview__popup__compare__data__new,.quickwebp-preview__popup__compare__data__original{background-color:#fff;border-radius:10px;bottom:10px;left:10px;padding:10px;position:absolute}.quickwebp-preview__popup__compare__data__new__type,.quickwebp-preview__popup__compare__data__original__type{font-size:22px;font-weight:700}.quickwebp-preview__popup__compare__data__new__size,.quickwebp-preview__popup__compare__data__original__size{font-size:18px;font-weight:400;margin-top:20px}.quickwebp-preview__popup__compare__data__new{border-bottom-left-radius:0;left:auto;right:10px}.quickwebp-preview__popup__compare__data__new__gain{background-color:var(--quickwebp-primary-color);border-radius:10px 0 0 10px;bottom:0;color:#fff;font-size:22px;font-weight:700;padding:10px;position:absolute;right:100%;width:-moz-max-content;width:max-content}.quickwebp-preview__popup__spiner{align-items:center;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.quickwebp-preview__popup__spiner.show{display:flex}.quickwebp-preview__popup__spiner__circle{animation:quickwebp-rotate 1s infinite;border:4px solid var(--quickwebp-primary-color);border-radius:50%;border-top:4px solid transparent;height:30px;position:relative;width:30px}.quickwebp-preview__popup__close{left:0;padding:20px;position:absolute;top:0}.quickwebp-preview__popup__close__btn{background-color:#fff;border:none;border-radius:10px;box-shadow:0 0 10px 1px rgba(0,0,0,.2);cursor:pointer;outline:none;padding:10px;transition:.3s}.quickwebp-preview__popup__close__btn:hover{transform:scale(1.05)}.quickwebp-preview__popup__close svg{fill:var(--quickwebp-primary-color);display:block;height:20px;width:20px}button.button.quickwebp-bulk-optimization-btn-start{display:none}button.button.quickwebp-bulk-optimization-btn-start.show{display:inline-block}button.button.quickwebp-bulk-optimization-btn-start .spinner{display:none}button.button.quickwebp-bulk-optimization-btn-start.show-spinner .spinner{display:inline-block;visibility:visible}button.button.quickwebp-bulk-optimization-btn-stop{border-color:red;color:red;display:none}button.button.quickwebp-bulk-optimization-btn-stop.show{display:inline-block}.quickwebp-bulk-optimization-progress{background-color:transparent;border:1px solid var(--quickwebp-primary-color);border-radius:10px;display:none;height:15px;margin-top:10px;position:relative;width:100%}.quickwebp-bulk-optimization-progress.show{display:block}.quickwebp-bulk-optimization-progress-inner{background-color:var(--quickwebp-primary-color);border-radius:10px;height:100%;max-width:100%;transition:width .3s ease-in-out}.quickwebp-bulk-optimization-progress-progress{font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}