@layer base{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-bottom:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--text-sans:Bahnschrift,"DIN Alternate","Franklin Gothic Medium","Nimbus Sans Narrow",sans-serif-condensed,sans-serif;--text-mono:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,"DejaVu Sans Mono",monospace;--measure:60ch;--color-light:#fff;--color-light-mod-1:#ebebeb;--color-light-mod-2:#c4c4c4;--color-dark:#393939;--color-dark-mod-1:#4d4d4d;--color-dark-mod-2:#747474;--color-primary:#eb5e28;--color-primary-tint:#fce7df;--color-primary-shade:#804832;--color-info:#0683db;--color-info-tint:#daecfa;--color-positive:#0ca626;--color-positive-tint:#dbf2df;--color-caution:#ef7015;--color-caution-tint:#fdeadc;--color-negative:#f04150;--color-negative-tint:#fde2e5;--step--2:clamp(.7813rem,.7747rem + .0326vw,.8rem);--step--1:clamp(.9375rem,.9158rem + .1087vw,1rem);--step-0:clamp(1.125rem,1.0815rem + .2174vw,1.25rem);--step-1:clamp(1.35rem,1.2761rem + .3696vw,1.5625rem);--step-2:clamp(1.62rem,1.5041rem + .5793vw,1.9531rem);--step-3:clamp(1.944rem,1.771rem + .8651vw,2.4414rem);--step-4:clamp(2.3328rem,2.0827rem + 1.2504vw,3.0518rem);--step-5:clamp(2.7994rem,2.4462rem + 1.7658vw,3.8147rem);--space-3xs:clamp(.3125rem,.3125rem + 0vw,.3125rem);--space-2xs:clamp(.5625rem,.5408rem + .1087vw,.625rem);--space-xs:clamp(.875rem,.8533rem + .1087vw,.9375rem);--space-s:clamp(1.125rem,1.0815rem + .2174vw,1.25rem);--space-m:clamp(1.6875rem,1.6223rem + .3261vw,1.875rem);--space-l:clamp(2.25rem,2.163rem + .4348vw,2.5rem);--space-xl:clamp(3.375rem,3.2446rem + .6522vw,3.75rem);--space-2xl:clamp(4.5rem,4.3261rem + .8696vw,5rem);--space-3xl:clamp(6.75rem,6.4891rem + 1.3043vw,7.5rem);--space-3xs-2xs:clamp(.3125rem,.2038rem + .5435vw,.625rem);--space-2xs-xs:clamp(.5625rem,.4321rem + .6522vw,.9375rem);--space-xs-s:clamp(.875rem,.7446rem + .6522vw,1.25rem);--space-s-m:clamp(1.125rem,.8641rem + 1.3043vw,1.875rem);--space-m-l:clamp(1.6875rem,1.4049rem + 1.413vw,2.5rem);--space-l-xl:clamp(2.25rem,1.7283rem + 2.6087vw,3.75rem);--space-xl-2xl:clamp(3.375rem,2.8098rem + 2.8261vw,5rem);--space-2xl-3xl:clamp(4.5rem,3.4565rem + 5.2174vw,7.5rem);--space-s-l:clamp(1.125rem,.6467rem + 2.3913vw,2.5rem);--fluid-4-6:clamp(.25rem,.2065rem + .2174vw,.375rem);--fluid-6-9:clamp(.375rem,.3098rem + .3261vw,.5625rem)}:focus-visible{outline:var(--fluid-6-9,9px)double black;box-shadow:0 0 0 var(--fluid-4-6,6px)white}:focus-visible.bleed{outline-offset:calc(-1*var(--fluid-6-9,9px));box-shadow:inset 0 0 0 var(--fluid-4-6,6px)white}:focus-visible.btn{z-index:1;position:relative}.bleed:focus-within:where(image-card){outline-offset:calc(-1*var(--fluid-6-9,9px));box-shadow:inset 0 0 0 var(--fluid-4-6,6px)white}body{font-family:var(--text-sans);background-color:var(--color-sheet,var(--color-light));color:var(--color-text,var(--color-dark));font-size:var(--step-0);letter-spacing:-.2px;margin:0}:where(p,h1,h2,h3,h4,h5,h6,li){max-width:var(--measure);text-wrap:pretty}a:not([href]){display:none}a:hover{opacity:.8;transition:opacity .2s}button{font-stretch:inherit}}@layer components{.btn{--button-color:var(--color-light-mod-1);--text-color:var(--color-dark);cursor:pointer;padding:var(--space-2xs)var(--space-s);background-color:var(--button-color);color:var(--text-color);border:1px solid transparent;display:inline-block}.btn:hover{background-color:color-mix(in srgb,var(--button-color),#000 10%);transition:all .1s}.btn.-primary{--button-color:var(--color-primary);--text-color:var(--color-light)}.btn .icon{width:.75em;height:.75em}.icon{width:24px;height:24px}image-card{gap:var(--space-xs);padding:var(--space-xs);font-size:var(--step--2);cursor:pointer;border:1px solid transparent;display:flex}image-card *{margin:0}image-card .thumbnail{width:var(--space-2xl);height:var(--space-2xl);border-radius:4px;flex-shrink:0;align-items:center;justify-items:center;display:grid}image-card .thumbnail>img{object-fit:contain;width:100%;height:100%}image-card .thumbnail>:not(img){opacity:.5}image-card .text{flex-direction:column;flex-grow:1;justify-content:space-between;display:flex}image-card .text .filename button{text-align:left;font:inherit;color:inherit;cursor:inherit;-webkit-user-select:auto;-ms-user-select:auto;user-select:auto;background-color:transparent;border:none;padding:0}image-card .text .filename button:focus-visible{box-shadow:unset;outline:none}image-card .text .filename span{overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}image-card .text .details{align-items:center;gap:var(--space-s);justify-content:space-between;display:flex}image-card .text .details .size .original{opacity:.7}image-card .text .details .size .compressed :empty:after{content:"";aspect-ratio:4;background:radial-gradient(circle closest-side,var(--color-light-mod-2)90%,transparent)0/calc(100%/3)100% space;clip-path:inset(0 100% 0 0);height:1em;animation:1s steps(4,end) infinite l1;display:inline-block;transform:translateY(3px)}image-card[aria-invalid] .icon-success{display:none}image-card:not([aria-invalid]) .icon-failure{display:none}image-card:hover{background-color:var(--color-light-mod-1)}image-card:focus-within{outline:var(--fluid-6-9,9px)double black}image-card[aria-current=true]{background-color:var(--color-primary-tint)}image-compare{--focus-width:var(--fluid-4-6,6px);--focus-color:var(--color-primary)}.link{color:inherit;cursor:pointer;background-color:transparent;border:none;padding:0;text-decoration:underline;display:inline}.link.-primary{color:var(--color-primary)}.loader{aspect-ratio:4;clip-path:inset(0 100% 0 0);background:radial-gradient(circle closest-side,#000 90%,transparent) 0/33.3333% 100% space;width:60px;animation:1s steps(4,end) infinite l1}@keyframes l1{to{clip-path:inset(0 -34% 0 0)}}.spinner{aspect-ratio:1;background:radial-gradient(farthest-side,#ffa516 94%,transparent) top/8px 8px no-repeat,conic-gradient(transparent 30%,#ffa516);border-radius:50%;width:50px;animation:1s linear infinite l13;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 0)}@keyframes l13{to{transform:rotate(1turn)}}}@layer utilities{.center{box-sizing:content-box;padding-inline:var(--gutter);flex-direction:column;align-items:center;margin-left:auto;margin-right:auto;display:flex}.cluster{gap:var(--space,1rem);flex-wrap:wrap;align-items:center;display:flex}.cover{--space:var(--space-s);padding:var(--space);flex-direction:column;display:flex}.cover>*{margin-block:var(--space-s,1rem)}.cover>:first-child:not(.center){margin-top:0}.cover>:last-child:not(.center){margin-bottom:0}.cover>.center{margin-top:auto;margin-bottom:auto}.flow>*+*{margin-top:var(--flow-space,1em)}.with-sidebar{gap:var(--gutter);flex-wrap:wrap;display:flex}.with-sidebar>:first-child{flex-basis:var(--sidebar-width,20rem);flex-grow:1}.with-sidebar>:last-child{flex-grow:999;flex-basis:0;min-width:50%}.visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}