.noise{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.container-grouped{flex-direction:column;align-items:center;display:flex}.container-2col-span{flex-wrap:nowrap;justify-content:center;gap:0;width:100%;max-width:918px;margin-inline:auto;padding-inline:clamp(.75rem,3vw,1.5rem);display:flex;position:relative;overflow:hidden}.container-group-1col{text-align:center;flex:1 1 0;width:auto;min-width:0;max-width:448px;position:relative}.container-text.align-right{align-items:flex-end}.container-image-2col{aspect-ratio:448/540;width:100%;position:relative;overflow:hidden}.container-image-2col img,.container-image-2col picture{object-fit:cover;opacity:1;width:100%;height:100%;transition:opacity .6s ease-in-out;top:0;left:0}.fade{opacity:0}.dots-container{flex-direction:column;flex:none;justify-content:space-between;max-height:100%;padding-left:0;display:flex;position:absolute;top:50%;right:clamp(.5rem,2vw,1rem);transform:translateY(-50%)}.dots{flex-direction:column;margin-left:4px;display:flex;position:relative}:root{--home-fluid-pad:clamp(.75rem, 4vw, 2.5rem)}.section-jpeg-xl-hero.gradient-bottom{background-image:none;background-attachment:scroll}.body:before{content:"";z-index:-1;opacity:var(--hero-backdrop-opacity,1);background-image:linear-gradient(180deg, #18191b00 0%, #18191b00 40%, #18191ba6 72%, var(--page-black) 96%), image-set(url(../images/kamran-abdullayev-black-background-unsplash.jxl) type("image/jxl"), url(../images/kamran-abdullayev-black-background-unsplash.webp) type("image/webp"));pointer-events:none;background-position:50% 0;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.page-wrapper{background-color:#0000;background-image:none}.section-jpeg-xl-hero .container-grouped,.section-jpeg-xl-hero .wrapper-text{box-sizing:border-box;padding-inline:var(--home-fluid-pad)}.section-jpeg-xl-hero .container-grouped.w-container{width:100%;max-width:none}.section-jpeg-xl-hero .header-hero .text-l-regular{font-size:clamp(1rem,.85rem + .9vw,1.5rem);line-height:1.3}.section-jpeg-xl-hero .text-xxl-regular.centered.teal{text-wrap:balance;width:100%;max-width:26ch;margin-inline:auto;font-size:clamp(1.5rem,.95rem + 2.4vw,2.75rem);line-height:1.12}.section-jpeg-xl-hero .display-xl-bold.fill-gradient{text-wrap:balance;width:100%;max-width:20ch;margin-inline:auto;padding-inline:0;font-size:clamp(2rem,1.1rem + 4.4vw,5rem);line-height:1.03}.section-jpeg-xl-hero .container-column-1.width-15em{width:100%;max-width:32rem;margin-inline:auto}.section-jpeg-xl-hero .wrapper-text.centered.width-rem{width:100%;max-width:52rem;margin-inline:auto}.section-jpeg-xl-hero .text-xl-light.is-centered{text-wrap:pretty;width:100%;font-size:clamp(1rem,.86rem + .7vw,1.5rem);line-height:1.5}.wrapper-text.centered.width-rem{width:100%;max-width:min(56rem,100%);margin-inline:auto}.text-xl-light.is-centered{letter-spacing:-.01em;text-wrap:pretty;word-break:normal;overflow-wrap:break-word;width:100%;max-width:min(62ch,100%);margin-inline:auto;font-size:clamp(1.25rem,1.125rem + .56vw,1.625rem);font-weight:400;line-height:1.55}@media (width>=960px){.text-xl-light.is-centered{font-weight:300}}.text-l-medium{text-wrap:pretty}.div-container-rounded_text_box{backdrop-filter:blur(10px)saturate(125%);background-color:#30363e6b;border:1px solid #ffffff80}@media (width<=600px){.wrapper-text.centered.width-rem{margin-inline:calc(.5rem - var(--home-fluid-pad))}.section-jpeg-xl-hero .wrapper-text.centered.width-rem{margin-inline:auto}}.display-l-bold{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.5rem,1rem + 3.2vw,3.75rem);line-height:1.08}.text-xxl-regular.centered.teal{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.25rem,.85rem + 2.2vw,2.75rem);line-height:1.12}.section-creative_workflow .container-grouped.padding-global-sides,.section-fast-encoding-decoding .container-grouped.padding-global-sides{width:100%;max-width:none;padding-inline:var(--home-fluid-pad);box-sizing:border-box}.section-creative_workflow .container-content-vflex.width-page-max.centered{box-sizing:border-box;width:100%;max-width:896px;margin-inline:auto;padding-inline:0}.section-creative_workflow .wrapper-image{width:100%}.section-creative_workflow .wrapper-image img{width:100%;max-width:896px;height:auto;margin-inline:auto;display:block}.section-fast-encoding-decoding .div-contain-carousel{box-sizing:border-box;width:100%;max-width:896px;margin-inline:auto;padding-inline:0}.section-fast-encoding-decoding .div-contain-slide_contents.w-container{width:100%;max-width:none;margin-inline:0}.section-fast-encoding-decoding .image-slide-graph{aspect-ratio:auto;object-fit:contain;width:100%;max-width:100%;height:auto;margin-inline:auto;display:block}@media (width>=601px) and (width<=991px){.section-lossless-compression .container-4col{column-gap:clamp(.75rem,2.5vw,2rem)}}@media (width<=600px){.section-lossless-compression .container-4col{grid-template-columns:1fr 1fr;row-gap:clamp(1.5rem,4vw,2.5rem)}}.section-jpeg-comparison,.section-avif-comparison,.section-visually-lossless,.section-lossless-transcoding,.section-wide-gamut-hdr,.section-progressive-decode{padding-inline:0}.section-visually-lossless .container-grouped.padding-global-sides,.section-lossless-transcoding .container-grouped.padding-global-sides,.section-progressive-decode .container-grouped.padding-global-sides{width:100%;max-width:none;padding-inline:var(--home-fluid-pad);box-sizing:border-box}.section-visually-lossless .container-2col-span,.section-lossless-transcoding .container-2col-span{width:100%;max-width:896px;margin-inline:auto;padding-inline:0;overflow:visible}.section-visually-lossless .div-container-code .container-grouped,.section-lossless-transcoding .div-container-code .container-grouped{width:100%;max-width:none}.section-visually-lossless .dots-container,.section-lossless-transcoding .dots-container{width:max-content;max-height:none;position:absolute;top:8px;left:calc(100% + 6px);right:auto;transform:none}.section-visually-lossless .container-2col-span-text,.section-lossless-transcoding .container-2col-span-text,.section-progressive-decode .container-2col-span-text,.section-jpeg-comparison .container-2col-span-text,.section-avif-comparison .container-2col-span-text{justify-content:space-between;gap:0;width:100%;max-width:896px;margin-inline:auto;display:flex}.section-visually-lossless .container-2col-span-text>*,.section-lossless-transcoding .container-2col-span-text>*,.section-progressive-decode .container-2col-span-text>*,.section-jpeg-comparison .container-2col-span-text>*,.section-avif-comparison .container-2col-span-text>*{display:flex}.section-visually-lossless .container-2col-span-text>:last-child,.section-lossless-transcoding .container-2col-span-text>:last-child,.section-progressive-decode .container-2col-span-text>:last-child,.section-jpeg-comparison .container-2col-span-text>:last-child,.section-avif-comparison .container-2col-span-text>:last-child{justify-content:flex-end}.section-visually-lossless .container-image-2col,.section-lossless-transcoding .container-image-2col{aspect-ratio:448/540;width:100%}.section-wide-gamut-hdr .div-container-code{align-items:center}.section-wide-gamut-hdr .container-grouped.padding-global-sides{width:100%;max-width:none;padding-inline:var(--home-fluid-pad);box-sizing:border-box}.section-wide-gamut-hdr .w-embed{justify-content:center;width:100%;display:flex}.section-wide-gamut-hdr picture{width:100%;max-width:896px;margin-inline:auto;display:block}.section-wide-gamut-hdr img{width:100%;height:auto;display:block}#myVideo{width:100%;max-width:896px;height:auto;margin-inline:auto;display:block}.section-progressive-decode .container-grouped.padding-global-sides{width:100%;max-width:none}.dot{cursor:pointer;background-color:#ffffff32;border-radius:50%;width:10px;height:10px;margin:5px 0}.dot.active{background-color:var(--accent--lime--P3--600)}.section-container{grid-row-gap:24px;flex-direction:column;place-content:center;display:flex}img{max-width:100%;display:block}main{min-height:0;display:block}.image-controls-container{margin-bottom:2rem;display:flex}.comparison-container,.comparison-container-avif{--position:50%;--comparison-zoom:1;--comparison-pan-x:0px;--comparison-pan-y:0px;border-radius:.25rem;place-content:center;display:grid;position:relative;overflow:hidden}.comparison-container .image-container-1,.comparison-container-avif .image-container-1{width:100%;height:100%;position:absolute;inset:0}.image-container{grid-template-columns:minmax(0,1fr) max-content;align-items:stretch;gap:clamp(.75rem,2.5vw,1.5rem);width:100%;max-height:90vh;margin-inline:auto;padding-inline:clamp(.75rem,2.5vw,1.5rem);display:grid}.slider-image{object-fit:cover;object-position:left;width:100%;height:100%;transform:translate(var(--comparison-pan-x), var(--comparison-pan-y)) scale(var(--comparison-zoom));transform-origin:50%;user-select:none;transition:transform .12s;display:block}.image1-before{width:100%;height:100%;display:block;position:absolute;inset:0}.comparison-layer-before{clip-path:inset(0 calc(100% - var(--position)) 0 0);z-index:2;overflow:hidden}.image1-before .slider-image{max-width:none}.image1-after{width:100%;height:100%;margin:0;display:block;position:absolute;inset:0}.image1-after img{object-fit:cover;object-position:left;width:100%;max-width:none;height:100%;transform:translate(var(--comparison-pan-x), var(--comparison-pan-y)) scale(var(--comparison-zoom));transform-origin:50%;user-select:none;transition:transform .12s;display:block}.image-slider,.image-slider-avif{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.comparison-container.is-zoomed,.comparison-container-avif.is-zoomed,.comparison-container.is-zoomed .image-slider,.comparison-container-avif.is-zoomed .image-slider-avif{cursor:grab}.comparison-container.is-panning,.comparison-container-avif.is-panning,.comparison-container.is-panning .image-slider,.comparison-container-avif.is-panning .image-slider-avif{cursor:grabbing}.comparison-container.is-panning .slider-image,.comparison-container-avif.is-panning .slider-image,.comparison-container.is-panning .image1-after img,.comparison-container-avif.is-panning .image1-after img{transition:none}.comparison-zoom-control{font-family:var(--font--font-family--barlow);color:#fff;flex-direction:column;align-self:center;align-items:center;gap:.625rem;font-size:12px;font-weight:600;line-height:1;display:flex}.comparison-zoom-control label{margin-bottom:.125rem}.comparison-zoom-slider{appearance:none;writing-mode:vertical-lr;vertical-align:middle;direction:rtl;background-color:#1f1f1f;width:8px;height:72px;margin-block:.125rem}.comparison-zoom-value{text-align:center;min-width:28px;margin-top:.125rem}.comparison-zoom-slider::-webkit-slider-runnable-track{appearance:none;cursor:pointer;background:#464646;border-radius:50px;align-self:center;width:100%;height:8px;margin:0 4px}.comparison-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;background-color:#22e6e1;border:1px solid #22e6e1;border-radius:100%;width:24px;height:24px;transform:translate(calc(4px - 50%),4px);box-shadow:inset 0 0 2px 2px #0009}.image-slider:focus-visible~.slider-button,.image-slider-avif:focus-visible~.slider-button{outline-offset:1px;outline:2px solid #000}.slider-line{z-index:5;width:3px;height:100%;inset:0;left:var(--position);pointer-events:none;background-color:#fff;position:absolute;transform:translate(-50%)}.slider-button{color:#01010c;width:44px;height:44px;top:50%;left:var(--position);pointer-events:none;z-index:5;box-shadow:1px, 1px, 1px, #08030380;background-color:#ffffffa0;border-radius:100vw;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.image-container-active{max-width:896px;max-height:90vh}.side-controls{flex-direction:column;flex-shrink:0;justify-content:space-between;justify-self:end;align-items:center;max-height:100%;padding-left:8px;display:flex}#image_Title,#image_Title_AVIF{text-align:center;margin-bottom:16px}.tooltip{place-items:center flex-end;display:flex;position:relative}.comparison-info-trigger{color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:0;display:flex}.comparison-info-trigger:focus-visible{outline:2px solid var(--brand--teal-bright--P3--600);outline-offset:2px;border-radius:50%}.tooltip-triangle{border-top:25px solid #0000;border-bottom:25px solid #0000;border-left:25px solid #000;width:0;height:0;position:absolute;top:46%;left:100%;transform:translate(-50%)}.tooltip-content{--cmp-info-w:32rem;box-sizing:border-box;color:#fff;width:var(--cmp-info-w);visibility:hidden;opacity:0;z-index:100;pointer-events:none;background-color:#000;border-radius:14px;max-width:calc(100vw - 2rem);padding:1rem;transition:opacity .12s;position:absolute;top:0;left:100%;transform:translate(-110%,-50%);box-shadow:0 0 20px 5px #ffffff14}@media (hover:hover) and (pointer:fine) and (width>=992px){.tooltip:hover .tooltip-content{visibility:visible;opacity:1;pointer-events:auto}}.tooltip.is-open .tooltip-content{visibility:visible;opacity:1;pointer-events:auto}.triangle-left,.triangle-right{margin:0;padding:0}.scale{box-sizing:border-box;flex-direction:row;align-items:center;margin:0;padding:0;display:flex}.scale-labels{justify-content:space-between;align-items:baseline;margin:.5rem 0;padding-left:5px;padding-right:5px;display:flex}.scale-label{vertical-align:text-bottom;text-align:center;width:18px;height:12px}.scale-label-active{letter-spacing:6%;text-transform:uppercase;color:#fff;margin:0;font-family:barlow,sans-serif;font-size:14px;font-weight:600;line-height:.8em}.ssim-label-slider{margin-top:1rem}.tooltip-slider{appearance:none;pointer-events:none;background:gray;align-content:center;width:100%;height:2px;margin:-2px;padding:0;display:flex;position:relative}.tooltip-slider-reverse{appearance:none;pointer-events:none;background:gray;align-content:center;width:100%;height:2px;margin:-2px;padding:0;display:flex;position:relative;transform:rotate(180deg)}.tooltip-slider::-webkit-slider-runnable-track{appearance:none;background:0 0;border:none}.tooltip-slider-reverse::-webkit-slider-runnable-track{appearance:none;background:0 0;border:none}.tooltip-slider::-moz-range-track{background:0 0;border:none}.tooltip-slider-reverse::-moz-range-track{background:0 0;border:none}.tooltip-slider::-webkit-slider-thumb{appearance:none;width:0;height:0;box-shadow:none;border-left:6px solid #0000;border-right:6px solid #0000;border-top:12px solid var(--accent--orange--P3--500);cursor:pointer;background:0 0;border-bottom:0}.tooltip-slider-reverse::-webkit-slider-thumb{appearance:none;width:0;height:0;box-shadow:none;border-left:6px solid #0000;border-right:6px solid #0000;border-top:12px solid var(--accent--orange--P3--500);cursor:pointer;background:0 0;border-bottom:0}.tooltip-columns{flex-direction:row;display:flex}.JPEG-tooltip-content,.AVIF-tooltip-content{margin-right:26px}.JPEG-tooltip-content,.JXL-tooltip-content{flex:1}.tabs__sidebar,.tabs__sidebar_AVIF{border-radius:var(--br-81xl);border:.5px solid var(--color-gray-400);box-sizing:border-box;white-space:nowrap;width:clamp(15.5rem,70vw,327px);height:36px;padding:var(--padding-9xs);justify-content:center;align-items:center;gap:var(--gap-9xs);z-index:5;background:linear-gradient(#d0d0d026,#d0d0d026),#000c;border-radius:100px;flex-direction:row;display:flex;position:absolute;overflow:visible;box-shadow:inset 0 -.5px 1px #fffd,inset 0 -.5px 1px #ffffff40,inset 1px 1.5px 4px #0000005b,inset 1px 1.5px 4px #00000064}.tabs__button,.tabs__button_avif,.next_button{-webkit-text-fill-color:#ffffff92;letter-spacing:.025rem;cursor:pointer;background-color:#fff0;border:none;border-radius:50px;width:100%;margin-left:.4rem;margin-right:.4rem;padding:.3rem .6rem;font-family:barlow;font-size:12px;font-weight:500;line-height:120%;position:relative}.tabs__button:active,.tabs__button_avif:active{background-color:#777777f2}.tabs__button-active,.tabs__button_avif-active{-webkit-text-fill-color:#fff;background-color:#ffffff32;border:.5px solid #cccccc5e;font-weight:600}.tabs__button:before,.tabs__button_avif:before{content:attr(data-tooltip);background-color:var(--dark--gray);-webkit-text-fill-color:var(--white);opacity:0;pointer-events:none;white-space:nowrap;z-index:20;border-radius:8px;padding:8px 16px;font-weight:500;transition:opacity .15s}.tabs__button:hover:before,.tabs__button_avif:hover:before{opacity:1}.tabs__button:before,.tabs__button:after,.tabs__button_avif:before,.tabs__button_avif:after{position:absolute;top:.25rem;left:50%;transform:translate(-50%)translateY(-150%)}.tabs,.tabsAVIF{justify-content:center;width:min(896px,100%);max-width:896px;margin-inline:auto;padding-inline:clamp(.75rem,2.5vw,1.5rem);display:flex}.jpeg-jxl-tabs,.avif-jxl-tabs{margin-top:1.4rem}main>.section-jpeg-comparison,main>.section-avif-comparison,main>.section-visually-lossless,main>.section-lossless-transcoding{overflow-x:clip}.tabs__content,.tabs__content_avif{display:none}.tabs__content-active,.tabs__content_avif-active{flex-flow:wrap;justify-content:space-between;gap:clamp(.75rem,2.5vw,1.25rem);width:min(896px,100%);height:fit-content;display:flex}.label-left{flex:12rem;width:auto;height:fit-content}.label-right{text-align:end;flex:12rem;width:auto}.label-icon-left{flex-direction:horizontal;grid-column-gap:8px;justify-content:flex-start;align-items:baseline;height:fit-content;display:flex}.label-icon-right{flex-direction:horizontal;grid-column-gap:8px;justify-content:flex-end;align-items:baseline;height:fit-content;display:flex}.slide-container{flex-direction:column;align-items:center;width:clamp(15.5rem,70vw,327px);height:125px;display:flex}.slider{appearance:none;vertical-align:top;cursor:pointer;background:linear-gradient(to bottom right,#0000 50%,#464646 50%);border-radius:2px;align-content:center;width:100%;height:20px;margin-top:4rem;display:flex;position:relative}.slider::-webkit-slider-thumb{-webkit-appearance:none;background-color:#22e6e1;border:1px solid #22e6e1;border-radius:6px 6px 2px 2px;width:10px;height:28px;margin-bottom:4px;box-shadow:inset 0 0 2px 2px #0009}.slider-size{appearance:none;cursor:pointer;background:#464646;border-radius:10px;align-content:center;width:100%;height:8px;margin-top:4rem;display:flex;position:relative}.slider-size::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--brand--teal-bright--P3--600);border:1px solid var(--brand--teal-dark--P3--600);border-radius:100%;width:24px;height:24px;box-shadow:inset 0 0 2px 2px #0009}.size-range-labels{text-transform:uppercase;-webkit-text-fill-color:#fff;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:0;font-family:barlow;font-size:12px;font-weight:500;display:flex}.range-labels{width:100%;font-family:var(--font--font-family--barlow);text-transform:uppercase;-webkit-text-fill-color:white;flex-direction:row;justify-content:space-between;align-items:center;margin-top:12px;padding:0;font-size:12px;font-weight:500;display:flex}.size-label{text-align:center;margin-top:12px}.quality-label{text-align:center}.ml,.s-md{transform:translate(-25%)}.mh{transform:translate(-15%)}.h{transform:translate(20%)}.sm{transform:translate(-35%)}.q-md{transform:translate(-5%)}.lg{transform:translate(30%)}.xl{transform:translate(40%)}.heading-desktop-h6{font-family:var(--font--font-family--barlow);letter-spacing:0;word-spacing:.1em;color:#fff;margin:0;font-size:20px;font-weight:600;line-height:1.45em}.text-m-regular{font-family:var(--font--font-family--barlow);letter-spacing:0;margin:0;font-size:16px;font-weight:600;line-height:1.45rem}.text-s-medium{font-family:var(--font--font-family--barlow);letter-spacing:.015em;word-spacing:.1em;color:#afafaf;margin:0;font-size:14px;font-weight:400;line-height:1.4rem}.text-s-medium-white{color:#fff;font-weight:500}.text-medium{font-family:var(--font--font-family--barlow);letter-spacing:-.0075rem;text-transform:uppercase;color:#fff;margin:0;font-size:1rem;font-weight:500;line-height:1.45em}.text-xs-semibold{font-family:var(--font--font-family--barlow);letter-spacing:-.03em;text-transform:uppercase;color:#ffffffa7;margin:0;font-size:11px;font-weight:600;line-height:.8em}.section-jpeg-comparison .container-grouped.padding-global-sides,.section-avif-comparison .container-grouped.padding-global-sides{width:100%;max-width:none;padding-inline:var(--home-fluid-pad);box-sizing:border-box;margin-inline:0}.section-jpeg-comparison .container-grouped.padding-global-sides>.container-grouped,.section-avif-comparison .container-grouped.padding-global-sides>.container-grouped{width:100%;max-width:none;padding-inline:0}.section-jpeg-comparison .container-code,.section-avif-comparison .container-code{z-index:30;width:100%;max-width:none;position:relative}.section-jpeg-comparison .image-container,.section-avif-comparison .image-container{isolation:isolate;flex-direction:row;align-items:stretch;gap:.5rem;width:fit-content;max-width:100%;margin-inline:calc(50% - min(896px,100%)/2) auto;padding-inline:0;display:flex;position:relative}.section-jpeg-comparison .comparison-container,.section-avif-comparison .comparison-container,.section-jpeg-comparison .comparison-container-avif,.section-avif-comparison .comparison-container-avif{width:min(896px, calc(100vw - (2 * var(--home-fluid-pad)) - 2.75rem));aspect-ratio:2;z-index:1;flex:0 896px;min-width:0;max-width:896px}.section-jpeg-comparison .side-controls,.section-avif-comparison .side-controls{box-sizing:border-box;z-index:20;flex-direction:column;flex:none;justify-content:space-between;align-self:stretch;align-items:center;width:max-content;min-width:2rem;height:auto;padding-block:.75rem;padding-inline:0;display:flex;position:relative}.section-jpeg-comparison .side-controls .dots,.section-avif-comparison .side-controls .dots{margin-left:0;padding-top:.125rem}.section-jpeg-comparison .side-controls .tooltip,.section-avif-comparison .side-controls .tooltip{padding-bottom:.125rem}.section-jpeg-comparison .side-controls .tooltip-triangle,.section-avif-comparison .side-controls .tooltip-triangle{display:none}.jpeg-jxl-tabs,.avif-jxl-tabs{box-sizing:border-box;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:.5rem 1rem;width:min(896px,100%);max-width:896px;margin-inline:auto;padding-inline:0;display:grid}.jpeg-jxl-tabs .tabs__content-active,.avif-jxl-tabs .tabs__content_avif-active{display:contents}.jpeg-jxl-tabs .label-left,.avif-jxl-tabs .label-left{flex:none;grid-area:1/1;place-self:start;width:auto;min-width:0}.jpeg-jxl-tabs .tabs__sidebar,.avif-jxl-tabs .tabs__sidebar_AVIF{grid-area:1/2;place-self:start center;gap:2px;width:clamp(8.75rem,38vw,327px);min-width:0;max-width:100%;height:clamp(30px,8vw,36px);padding:2px;position:static}.jpeg-jxl-tabs .tabs__button,.jpeg-jxl-tabs .tabs__button_avif,.avif-jxl-tabs .tabs__button,.avif-jxl-tabs .tabs__button_avif{letter-spacing:clamp(.01rem,.04vw,.025rem);white-space:normal;text-align:center;flex:1 1 0;min-width:0;margin-inline:clamp(.08rem,.4vw,.4rem);padding:.2rem clamp(.2rem,1.5vw,.6rem);font-size:clamp(.5625rem,2.6vw,.75rem);line-height:1.05}.jpeg-jxl-tabs .label-left .text-all-caps-micro-medium,.jpeg-jxl-tabs .label-right .text-all-caps-micro-medium,.avif-jxl-tabs .label-left .text-all-caps-micro-medium,.avif-jxl-tabs .label-right .text-all-caps-micro-medium{letter-spacing:.1em;white-space:normal;text-wrap:balance;font-size:.8rem;line-height:1.2}.jpeg-jxl-tabs .headline-l-semibold,.avif-jxl-tabs .headline-l-semibold{font-size:clamp(1.625rem,1.141rem + 2.066vw,3rem);line-height:1.15}.jpeg-jxl-tabs .text-medium,.avif-jxl-tabs .text-medium{font-size:1rem}.jpeg-jxl-tabs .label-right,.avif-jxl-tabs .label-right{flex:none;grid-area:1/3;place-self:start end;width:auto;min-width:0}.jpeg-jxl-tabs .slide-container,.avif-jxl-tabs .slide-container{grid-area:2/1/auto/-1;justify-self:center;width:min(100%,327px);height:auto;min-height:5rem}.jpeg-jxl-tabs .slide-container .slider,.jpeg-jxl-tabs .slide-container .slider-size,.avif-jxl-tabs .slide-container .slider,.avif-jxl-tabs .slide-container .slider-size{margin-top:0}@media (width<=991px){.section-jpeg-comparison .image-container,.section-avif-comparison .image-container{flex-direction:column;align-items:center;width:min(896px,100%);margin-inline:auto;overflow:visible}.section-jpeg-comparison .comparison-container,.section-avif-comparison .comparison-container,.section-jpeg-comparison .comparison-container-avif,.section-avif-comparison .comparison-container-avif{flex:none;width:100%;max-width:896px}.section-jpeg-comparison .side-controls,.section-avif-comparison .side-controls{grid-template-columns:1fr auto 1fr;align-self:auto;align-items:center;gap:.5rem;width:100%;min-height:0;padding-block:.75rem;padding-inline:0;display:grid;overflow:visible}.section-jpeg-comparison .side-controls .dots,.section-avif-comparison .side-controls .dots{flex-direction:row;grid-column:1;justify-self:start;padding-top:0}.section-jpeg-comparison .side-controls .comparison-zoom-control,.section-avif-comparison .side-controls .comparison-zoom-control{flex-direction:row;grid-column:2;justify-self:center;gap:.3rem;font-size:11px}.section-jpeg-comparison .side-controls .tooltip,.section-avif-comparison .side-controls .tooltip{z-index:20;grid-column:3;justify-self:end;padding-bottom:0;position:relative}.section-jpeg-comparison .side-controls .dots .dot,.section-avif-comparison .side-controls .dots .dot{margin:0 5px}.jpeg-jxl-tabs .tabs__button:before,.jpeg-jxl-tabs .tabs__button_avif:before,.avif-jxl-tabs .tabs__button:before,.avif-jxl-tabs .tabs__button_avif:before{top:auto;bottom:.25rem;transform:translate(-50%)translateY(calc(100% + .5rem))}@media (hover:none){.jpeg-jxl-tabs .tabs__button:before,.jpeg-jxl-tabs .tabs__button_avif:before,.avif-jxl-tabs .tabs__button:before,.avif-jxl-tabs .tabs__button_avif:before{content:none}}.section-jpeg-comparison .comparison-zoom-control label,.section-avif-comparison .comparison-zoom-control label{margin-bottom:0}.section-jpeg-comparison .comparison-zoom-value,.section-avif-comparison .comparison-zoom-value{margin-top:0}.section-jpeg-comparison .comparison-zoom-slider,.section-avif-comparison .comparison-zoom-slider{writing-mode:horizontal-tb;direction:ltr;width:clamp(4rem,18vw,5.5rem);height:8px;margin-block:0}.section-jpeg-comparison .comparison-zoom-slider::-webkit-slider-thumb{transform:translateY(-8px)}.section-avif-comparison .comparison-zoom-slider::-webkit-slider-thumb{transform:translateY(-8px)}.section-jpeg-comparison .side-controls .info-icon,.section-avif-comparison .side-controls .info-icon{width:20px;height:20px}}.comparison-info-portal{-webkit-overflow-scrolling:touch;z-index:2147483000;visibility:visible;opacity:1;pointer-events:auto;width:min(22rem,100vw - 2rem);max-height:min(85vh,34rem);padding:clamp(.75rem,3vw,1rem);position:fixed;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%)}.comparison-info-portal .tooltip-columns{flex-direction:column;gap:.75rem;min-width:0}.comparison-info-portal .JPEG-tooltip-content,.comparison-info-portal .AVIF-tooltip-content,.comparison-info-portal .JXL-tooltip-content{min-width:0;margin-right:0}.comparison-info-portal .scale-labels{padding-left:0;padding-right:0}.comparison-info-portal .scale-label{width:auto;min-width:0;font-size:clamp(.5rem,2.4vw,.75rem)}@media (width<=480px){.comparison-info-portal .heading-desktop-h6{margin-bottom:.5rem;font-size:clamp(.8125rem,3.5vw,1rem);line-height:1.3}.comparison-info-portal .text-m-regular{font-size:clamp(.75rem,3vw,.875rem);line-height:1.3}.comparison-info-portal .text-s-medium,.comparison-info-portal .text-s-medium-white{font-size:clamp(.6875rem,2.8vw,.8125rem);line-height:1.35}.comparison-info-portal .text-xs-semibold{font-size:clamp(.5625rem,2.2vw,.6875rem)}}@media (width<=767px){.jpeg-jxl-tabs,.avif-jxl-tabs{column-gap:clamp(.35rem,2vw,.75rem)}}@media (width<=479px){.jpeg-jxl-tabs,.avif-jxl-tabs{column-gap:clamp(.2rem,1.2vw,.5rem)}.jpeg-jxl-tabs .tabs__sidebar,.avif-jxl-tabs .tabs__sidebar_AVIF{width:clamp(7rem,34vw,327px);height:auto;min-height:clamp(28px,7vw,34px)}.jpeg-jxl-tabs .tabs__button,.jpeg-jxl-tabs .tabs__button_avif,.avif-jxl-tabs .tabs__button,.avif-jxl-tabs .tabs__button_avif{letter-spacing:.01em;padding:.12rem clamp(.1rem,1vw,.35rem);font-size:clamp(.4375rem,2vw,.6875rem)}}