| 1 |
.checkbox-values,.radio-values{margin:0}:root{--quickwebp-primary-color:#2196f3;--quickwebp-surface:#fff;--quickwebp-text:#111827;--quickwebp-muted:#4b5563;--quickwebp-border:#d6deeb;--quickwebp-accent:#0f766e;--quickwebp-accent-soft:#e6f7f6;--quickwebp-info-soft:#eef4ff;--quickwebp-warning-soft:#fff8e8}@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-options label{width:-moz-fit-content;width:fit-content}.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}.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__demo{background:linear-gradient(0deg,#003691,#0055e3);border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;gap:20px;padding:20px}.quickwebp-preview__demo__top{align-items:center;display:flex;gap:20px}.quickwebp-preview__demo__top__left__image{border:1px solid #003691;border-radius:10px;cursor:pointer;max-width:150px;overflow:hidden;position:relative}.quickwebp-preview__demo__top__left__image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.quickwebp-preview__demo__top__left__image__edit{align-items:center;background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:5px;top:5px;width:30px}.quickwebp-preview__demo__top__left__image__edit svg{color:#fff;display:block;height:20px;width:20px}.quickwebp-preview__demo__top__right{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.quickwebp-preview__demo__top__right__title{color:#fff;font-size:15px;font-weight:600}.quickwebp-preview__demo__top__right__details,.quickwebp-preview__demo__top__right__info{color:#f0f0f0;font-size:12px;font-weight:400}.quickwebp-preview__demo__top__right__details{background:hsla(0,0%,100%,.15);border-radius:90px;display:none;padding:5px 10px}.quickwebp-preview__demo__top__right__details.selected{display:block}.quickwebp-preview__demo__bottom{display:flex;flex-direction:column;gap:15px}.quickwebp-preview__demo__bottom__item{align-items:center;background:#fff;border:1px solid #e4e4e4;border-radius:10px;display:flex;gap:20px;justify-content:space-between;padding:10px 20px;position:relative}.quickwebp-preview__demo__bottom__item.selected{border:1px solid #16a34a}.quickwebp-preview__demo__bottom__item.selected .quickwebp-preview__demo__bottom__item__check{display:block}.quickwebp-preview__demo__bottom__item__title{color:#4a4a4a;font-size:12px;font-weight:600;width:40px}.quickwebp-preview__demo__bottom__item__progress{background:#f0f0f0;border-radius:100px;flex:auto;height:20px}.quickwebp-preview__demo__bottom__item__progress__bar{align-items:center;background:linear-gradient(180deg,#aab0b5,hsla(207,7%,69%,.44));border-radius:100px;box-sizing:border-box;color:#4a4a4a;display:flex;font-size:11px;font-weight:600;height:100%;justify-content:flex-start;padding:0 20px;white-space:nowrap;width:100%}.quickwebp-preview__demo__bottom__item__progress__bar.webp{background:linear-gradient(270deg,#316bff,#6e97ff)}.quickwebp-preview__demo__bottom__item__progress__bar.avif{background:linear-gradient(90deg,#6ab31d,#549364)}.quickwebp-preview__demo__bottom__item__info{align-items:flex-start;display:flex;flex-direction:column;gap:5px;width:135px}.quickwebp-preview__demo__bottom__item__info__save{color:#4a4a4a;font-size:12px;font-weight:600}.quickwebp-preview__demo__bottom__item__info__save.tag{background:#16a34a;border-radius:50px;color:#fff;padding:3px 6px}.quickwebp-preview__demo__bottom__item__info__save.tag .small{font-size:10px;font-weight:400}.quickwebp-preview__demo__bottom__item__info__desc{color:#818181;font-size:10px;font-weight:400}.quickwebp-preview__demo__bottom__item__pro{background:#fec439;border-radius:100px;color:#000;font-size:8px;font-weight:700;padding:4px 7px;position:absolute;right:20px;top:0;transform:translateY(-50%)}.quickwebp-preview__demo__bottom__item__check{color:#16a34a;display:none;position:absolute;right:5px;top:5px}.quickwebp-preview__demo__bottom__item__check svg{display:block;height:18px;width:18px}.quickwebp-preview__popup{background:#fff;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;box-shadow:0 0 10px 1px rgba(0,0,0,.2);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__compare__zoom{align-items:center;background-color:#fff;border-radius:10px;bottom:10px;box-shadow:0 0 10px 1px rgba(0,0,0,.2);display:flex;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%)}.quickwebp-preview__popup__compare__zoom__btn{cursor:pointer;padding:5px 10px}.quickwebp-preview__popup__compare__zoom__btn svg{display:block;height:20px;width:20px}.quickwebp-preview__popup__compare__zoom__btn:hover{background-color:#f2f2f2}.quickwebp-preview__popup__compare__zoom__value{align-items:center;display:flex;font-size:16px;gap:2px;justify-content:center;width:126px}.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 10px 20px 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}.quickwebp-preview__popup__replace{display:none;left:70px;padding:20px 20px 20px 10px;position:absolute;top:0}.quickwebp-preview__popup__replace.show{display:block}.quickwebp-preview__popup__replace__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;gap:10px;outline:none;padding:10px;transition:.3s}.quickwebp-preview__popup__replace__btn:hover{transform:scale(1.05)}.quickwebp-preview__popup__replace svg{fill:var(--quickwebp-primary-color);display:block;height:20px;width:20px}.quickwebp-button-group{align-items:center;display:flex;gap:20px}.quickwebp-button-group__item{flex:1;position:relative}.quickwebp-button-group__item input[type=radio]{display:none}.quickwebp-button-group__item input[type=radio]:checked+.quickwebp-button-group__item__content{border-color:#316bff}.quickwebp-button-group__item input[type=radio]:checked~.quickwebp-button-group__item__check{display:block}.quickwebp-button-group__item input[type=radio]:disabled+.quickwebp-button-group__item__content{cursor:not-allowed;opacity:.5}.quickwebp-button-group__item__content{align-items:flex-start;border:1px solid #f0f0f0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:10px 15px;position:relative}.quickwebp-button-group__item__content__text{color:#000;font-size:14px;font-weight:600}.quickwebp-button-group__item__content__desc{color:#818181;font-size:10px;font-weight:400}.quickwebp-button-group__item__check{color:#316bff;display:none;height:15px;position:absolute;right:5px;top:5px;width:15px}.quickwebp-button-group__item__check svg{display:block;height:100%;width:100%}.quickwebp-button-group__item__tagline{border-radius:10px;position:absolute;top:0;transform:translateY(-50%);white-space:nowrap}.quickwebp-button-group__item__tagline.pro{background:#fec439;color:#000;font-size:8px;font-weight:700;padding:4px 7px;right:20px}.quickwebp-button-group__item__tagline.recommended{background:#00b894;color:#fff;font-size:8px;font-weight:600;left:20px;padding:5px 7px;right:auto}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%)}.quickwebp__pro-popup{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.quickwebp__pro-popup.show{display:block}.quickwebp__pro-popup__overlay{background:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%}.quickwebp__pro-popup__content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);left:50%;max-width:640px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.quickwebp__pro-popup__content__header{background:url(images/bg-pro-header.1e8a17f5.webp),linear-gradient(90deg,#071245,#061144);background-position:100% 0;background-repeat:no-repeat;background-size:contain;border-radius:16px 16px 0 0;padding:30px;position:relative}.quickwebp__pro-popup__content__header__text{display:flex;flex-direction:column;gap:5px;max-width:312px}.quickwebp__pro-popup__content__header__text__subtitle{align-items:center;display:flex;gap:8px}.quickwebp__pro-popup__content__header__text__subtitle__tag{background:#fec439;border-radius:100px;color:#000;font-size:8px;font-weight:700;line-height:1;padding:4px 7px}.quickwebp__pro-popup__content__header__text__subtitle__text{color:#fff;font-size:12px;font-weight:700;letter-spacing:.6px;line-height:133%;text-transform:uppercase}.quickwebp__pro-popup__content__header__text__title{color:#fff;font-size:30px;font-weight:800;line-height:120%}.quickwebp__pro-popup__content__header__text__title .highlight{color:#00a9cb}.quickwebp__pro-popup__content__header__text__desc{color:hsla(0,0%,100%,.9);font-size:18px;font-weight:400;line-height:127.778%}.quickwebp__pro-popup__content__header__text__desc .highlight{color:#7c3aed;font-weight:600}.quickwebp__pro-popup__content__header__close{align-items:center;background:hsla(0,0%,100%,.2);border-radius:9999px;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;width:32px}.quickwebp__pro-popup__content__header__close svg{fill:#fff;display:block;height:20px;width:20px}.quickwebp__pro-popup__content__body{display:flex;flex-direction:column;gap:30px;padding:30px}.quickwebp__pro-popup__content__body__top{align-items:stretch;display:flex;gap:12px}.quickwebp__pro-popup__content__body__top__item{align-items:center;border:1px solid #16a34a;border-radius:8px;display:flex;flex:1;gap:20px;padding:10px}.quickwebp__pro-popup__content__body__top__item.second{border-color:#7c3aed}.quickwebp__pro-popup__content__body__top__item.second .quickwebp__pro-popup__content__body__top__item__icon svg,.quickwebp__pro-popup__content__body__top__item.second .quickwebp__pro-popup__content__body__top__item__text__title{color:#7c3aed}.quickwebp__pro-popup__content__body__top__item.third{border-color:#316bff}.quickwebp__pro-popup__content__body__top__item.third .quickwebp__pro-popup__content__body__top__item__icon svg,.quickwebp__pro-popup__content__body__top__item.third .quickwebp__pro-popup__content__body__top__item__text__title{color:#316bff}.quickwebp__pro-popup__content__body__top__item__icon{color:#16a34a;height:35px;width:35px}.quickwebp__pro-popup__content__body__top__item__icon svg{display:block;height:100%;width:100%}.quickwebp__pro-popup__content__body__top__item__text__title{color:#059669;font-size:26px;font-weight:600;line-height:115.385%}.quickwebp__pro-popup__content__body__top__item__text__desc{color:#6b7280;font-size:8px;font-weight:400;line-height:137.5%}.quickwebp__pro-popup__content__body__middle{display:flex;flex-direction:column;gap:30px}.quickwebp__pro-popup__content__body__middle__item{align-items:center;display:flex;gap:10px}.quickwebp__pro-popup__content__body__middle__item__icon{color:#16a34a;height:15px;width:15px}.quickwebp__pro-popup__content__body__middle__item__icon svg{display:block;height:100%;width:100%}.quickwebp__pro-popup__content__body__middle__item__text{color:#374151;font-size:15px;font-weight:400;line-height:106.667%}.quickwebp__pro-popup__content__body__bottom{display:flex;flex-direction:column;gap:20px}.quickwebp__pro-popup__content__body__bottom__upgrade__link{align-items:center;background:linear-gradient(90deg,#f86917,#f9b001);border:none;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);color:#fff;display:flex;font-size:18px;font-weight:400;gap:10px;justify-content:center;line-height:111.111%;outline:none;padding:16px 0;text-decoration:none}.quickwebp__pro-popup__content__body__bottom__upgrade__link:active,.quickwebp__pro-popup__content__body__bottom__upgrade__link:focus,.quickwebp__pro-popup__content__body__bottom__upgrade__link:hover{background:linear-gradient(90deg,#f9b001,#f86917);border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);color:#fff;outline:none}.quickwebp__pro-popup__content__body__bottom__upgrade__link__icon{display:block;height:20px;width:20px}.quickwebp__pro-popup__content__body__bottom__upgrade__link__icon svg{display:block;height:100%;width:100%}.quickwebp__pro-popup__content__body__bottom__license{display:flex;justify-content:center}.quickwebp__pro-popup__content__body__bottom__license__link{align-items:center;color:#316bff;display:flex;font-size:15px;font-weight:400;gap:10px;justify-content:center;line-height:100%;text-decoration:none}.quickwebp__pro-popup__content__body__bottom__license__link:active,.quickwebp__pro-popup__content__body__bottom__license__link:focus,.quickwebp__pro-popup__content__body__bottom__license__link:hover{box-shadow:none;color:#316bff;outline:none;text-decoration:underline}.quickwebp__pro-popup__content__body__bottom__license__link__icon{display:block;height:20px;width:20px}.quickwebp__pro-popup__content__body__bottom__license__link__icon svg{display:block;height:100%;width:100%}.quickwebp-settings-v2{color:var(--quickwebp-text);margin-top:14px;max-width:1320px}.quickwebp-hero{background:linear-gradient(120deg,#e9f8f6,#eef4ff 45%,#fff);border:1px solid var(--quickwebp-border);border-radius:14px;margin-bottom:16px;padding:20px}.quickwebp-hero h1{font-size:28px;line-height:1.2;margin:0 0 8px}.quickwebp-hero p{color:var(--quickwebp-muted);font-size:14px;margin:0}.quickwebp-layout{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 320px}.quickwebp-aside,.quickwebp-main{min-width:0}.quickwebp-card{background:var(--quickwebp-surface);border:1px solid var(--quickwebp-border);border-radius:14px;margin-bottom:14px;overflow:hidden}.quickwebp-card-head{background:#fbfdff;border-bottom:1px solid #ebeff7;padding:14px 16px}.quickwebp-card-head h2{font-size:16px;line-height:1.3;margin:0}.quickwebp-card-head p{color:var(--quickwebp-muted);font-size:13px;margin:4px 0 0}.quickwebp-card-body{padding:10px 16px 4px}.quickwebp-card-body .form-table{margin-top:0}.quickwebp-card-body .form-table th{box-sizing:border-box;width:200px}.quickwebp-card-body .form-table td,.quickwebp-card-body .form-table th{padding-bottom:12px;padding-top:12px}.quickwebp-onboarding-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:10px 0 0}.quickwebp-onboarding-option{background:#fff;border:1px solid var(--quickwebp-border);border-radius:10px;cursor:pointer;padding:12px;text-align:left}.quickwebp-onboarding-option strong{display:block;margin-bottom:3px}.quickwebp-onboarding-option span{color:var(--quickwebp-muted);font-size:12px}.quickwebp-onboarding-option:focus,.quickwebp-onboarding-option:hover{background:#f8fffe;border-color:#88bbb7;outline:none}.quickwebp-onboarding-feedback{color:#0f5b56;font-weight:600;margin:8px 0 0}.quickwebp-guidance-box{background:var(--quickwebp-info-soft);border:1px solid #cad7f7;border-radius:8px;margin:6px 0 0;padding:10px}.quickwebp-guidance-message{color:#1f3a73;font-size:12px;margin:0}.quickwebp-display-warning{background:var(--quickwebp-warning-soft);border:1px solid #f6dc9e;border-radius:8px;color:#8a5a00;font-size:12px;font-weight:600;margin:8px 0 0;padding:8px 10px}.quickwebp-aside-inner{position:sticky;top:36px}.quickwebp-summary-list{list-style:none;margin:0;padding:0}.quickwebp-summary-list li{background:#fff;border:1px solid #e7edf8;border-radius:10px;margin-bottom:8px;padding:10px}.quickwebp-summary-label{color:var(--quickwebp-muted);display:block;font-size:12px;margin-bottom:2px}.quickwebp-summary-value{display:block;font-size:13px;font-weight:700}.quickwebp-quick-links{display:grid;gap:6px}.quickwebp-quick-links a{color:#0f5b56;font-size:13px;font-weight:600;text-decoration:none}.quickwebp-license__status{align-items:center;display:flex;gap:6px;margin-bottom:20px}.quickwebp-license__status__text{color:#1f2937;font-size:13px;font-weight:600}.quickwebp-license__status__icon{background:#ff3b30;border-radius:50%;display:inline-block;height:14px;width:14px}.quickwebp-license__status__icon.valid{background:#16a34a}.quickwebp-license__link{margin-bottom:10px}.quickwebp-license__link a{align-items:center;background:#6ab31d;border:1px solid #6ab31d;border-radius:10px;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;justify-content:center;outline:none;padding:10px 20px;text-decoration:none;width:-moz-fit-content;width:fit-content}.quickwebp-license__link a.valid{background:transparent;border:1px solid #ff3b30;color:#ff3b30}.quickwebp-license__link a svg{display:block;height:20px;width:20px}.quickwebp-migration-video{border:1px solid #d9e4fb;border-radius:10px;margin-top:8px;max-width:100%}.quickwebp-submit-wrap{align-items:center;background:#fff;border:1px solid var(--quickwebp-border);border-radius:12px;display:flex;gap:10px;margin-top:12px;padding:14px 16px}.quickwebp-submit-wrap .submit{margin:0;padding:0}.quickwebp-submit-note{margin:0}.quickwebp-credits,.quickwebp-submit-note{color:var(--quickwebp-muted);font-size:12px}.quickwebp-credits{margin-top:8px}.quickwebp-seo-example{background:#f8fbff;border:1px solid #dbe6fb;border-radius:10px;margin-top:10px;padding:12px}.quickwebp-seo-example h3{font-size:13px;margin:0 0 4px}.quickwebp-seo-example p{color:var(--quickwebp-muted);font-size:12px;margin:0 0 8px}.quickwebp-seo-example-input{margin-bottom:8px;width:100%}.quickwebp-seo-example-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.quickwebp-seo-example-item{background:#fff;border:1px solid #e3ebfb;border-radius:8px;padding:8px}.quickwebp-seo-example-item.is-disabled{background:#f3f5f9;border-color:#dde3ef;opacity:.45}.quickwebp-seo-example-item strong{color:#4f648f;display:block;font-size:11px;letter-spacing:.02em;margin-bottom:3px;text-transform:uppercase}.quickwebp-seo-example-item span{color:#1f2937;display:block;font-size:12px;word-break:break-word}.quickwebp-cleanup-example{background:#f8fff8;border:1px solid #d9efdb;border-radius:10px;margin-top:10px;padding:12px}.quickwebp-cleanup-example h3{font-size:13px;margin:0 0 4px}.quickwebp-cleanup-example p{color:var(--quickwebp-muted);font-size:12px;margin:0 0 8px}.quickwebp-cleanup-example-input{margin-bottom:8px;width:100%}.quickwebp-cleanup-example-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.quickwebp-cleanup-example-item{background:#fff;border:1px solid #dceede;border-radius:8px;padding:8px}.quickwebp-cleanup-example-item strong{color:#3f6f44;display:block;font-size:11px;letter-spacing:.02em;margin-bottom:3px;text-transform:uppercase}.quickwebp-cleanup-example-item span{color:#1f2937;display:block;font-size:12px;word-break:break-word}.quickwebp-cleanup-example-item.is-disabled{background:#f3f5f9;border-color:#dde3ef;opacity:.45}@media(max-width:1190px){.quickwebp-layout{grid-template-columns:minmax(0,1fr)}.quickwebp-aside-inner{position:static}.quickwebp-cleanup-example-grid,.quickwebp-onboarding-grid,.quickwebp-seo-example-grid{grid-template-columns:minmax(0,1fr)}} |
