@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.papaya.io/InterVariable.woff2)format(woff2)}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.papaya.io/InterVariable-Italic.woff2)format(woff2)}:root{--ppy-h:135;--ppy-0:oklch(.9 .11 var(--ppy-h));--ppy-100:oklch(.816 .11 var(--ppy-h));--ppy-200:oklch(.739 .11 var(--ppy-h));--ppy-300:oklch(.662 .11 var(--ppy-h));--ppy-400:oklch(.585 .11 var(--ppy-h));--ppy-500:oklch(.508 .11 var(--ppy-h));--ppy-600:oklch(.431 .11 var(--ppy-h));--ppy-700:oklch(.354 .08 var(--ppy-h));--ppy-800:oklch(.277 .06 var(--ppy-h));--ppy-900:oklch(.225 .05 var(--ppy-h));--zinc-50:#fafafa;--zinc-100:#f4f4f5;--zinc-200:#e4e4e7;--zinc-300:#d4d4d8;--zinc-400:#a1a1aa;--zinc-500:#71717a;--zinc-600:#52525b;--zinc-700:#3f3f46;--zinc-800:#27272a;--zinc-900:#18181b;--zinc-1000:#09090b;--ppy-ichannel0:#0965ef;--ppy-ichannel1:#3fcf4e;--ppy-ichannel2:#ff8834;--ppy-ichannel3:#f6c}body{font-optical-sizing:auto;color:#fff;font-family:Inter,sans-serif}dialog.modal-dialog{color:#fff;background:0 0;border:none;padding:0}dialog.modal-dialog::backdrop{background-color:#000000bf}.modal-panel{position:relative;box-sizing:border-box;display:flex;border:1px solid var(--zinc-700);background:var(--zinc-800);border-radius:4px;flex-direction:column;gap:1rem;width:min(22rem,100vw - 1.5rem);padding:1.25rem;box-shadow:0 4px 16px #0000004d}.modal-panel--wide{width:min(37.5rem,100vw - 1.5rem)}.dialog-message{display:flex;text-align:center;flex-direction:column;gap:.35rem}.dialog-message p{margin:0}.dialog-message a{color:#fff}.dialog-error{color:#ff5f57;font-size:.82rem;line-height:1.3}.dialog-error:empty{display:none}.dialog-buttons{display:flex;justify-content:center;gap:10px}.dialog-button{border:1px solid var(--zinc-500);cursor:pointer;border-radius:4px;padding:8px 18px;font-size:14px}.dialog-button-primary{background-color:var(--zinc-700);color:#fff}.dialog-button-primary:hover{background-color:var(--zinc-600)}.dialog-button-secondary{background-color:var(--zinc-800);border-color:var(--zinc-600);color:#fff}.dialog-button-secondary:hover{background-color:var(--zinc-700)}:root{--acc-amber:#e09628;--acc-olive:#998d21;--acc-green:#518525;--hairline:#ffffff1a;--hairline-strong:#ffffff29;--surface:#141416;--content-width:72rem}body{background:var(--zinc-900);color:var(--zinc-400);margin:0;font-size:1rem}body.index-page,body.subpage{background:var(--zinc-900)}.content,.footer{width:66%;max-width:1300px;margin-left:auto;margin-right:auto}@media (max-width:640px){.content,.footer{width:90%}}h1,h2,h3{color:#fff;font-weight:400}p{margin:0;line-height:1.75}:link,:visited{color:#fff}a:hover{color:var(--ppy-300)}img{max-width:100%;height:auto}.logo:link,.logo:visited{color:var(--zinc-300)}:link.linkButton,:visited.linkButton{color:var(--zinc-1000);text-decoration:none;background-color:#fff;border:1px solid #0000;border-radius:4px;padding:.5rem .75rem;transition-property:background-color,color,border-color;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);font-size:14px}:hover.linkButton{background-color:var(--zinc-1000);color:#fff;border-color:#fff}.header{display:flex;justify-content:space-between;align-items: center;padding:1rem 0}.header .logo{display:flex;align-items: center;gap:.8rem;font-size:1.8rem;font-weight:800}.header .menu{display:flex;align-items: center;gap:2rem}.header .menu a{text-decoration:none}.footer{margin-top:3rem;margin-bottom:3rem}.footer dt{letter-spacing:.04em;color:var(--zinc-500);padding-bottom:.75rem;font-size:.8rem}.footer a{text-decoration:none}.footer-cols{display:flex;max-width:var(--content-width);justify-content:space-between;margin:0 auto}.footer-cols>div>div{padding:.5rem 0}.index-page .header .menu>a:not(.linkButton),.subpage .header .menu>a:not(.linkButton){color:var(--zinc-400);font-size:.9rem}.index-page .header .menu>a:not(.linkButton):hover,.subpage .header .menu>a:not(.linkButton):hover{color:var(--acc-amber)}table{border-collapse:collapse;overflow:hidden;text-align:left;border-radius:10px;width:100%;margin:0 0 1rem;font-size:1rem}th,td{vertical-align:top;border-bottom:none;padding:.75rem 1rem;line-height:1.6}th{color:var(--zinc-500);font-size:inherit;letter-spacing:.04em;font-weight:400}thead th{border-bottom:1px solid var(--hairline)}tbody tr>:first-child{color:inherit}:link.linkButton,:visited.linkButton{border-radius:6px;font-size:.85rem}@font-face{font-family:Replica Bungee;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.papaya.io/Bungee-Regular.ttf)format(truetype)}@font-face{font-family:Replica Lugrasimo;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.papaya.io/Lugrasimo-Regular.ttf)format(truetype)}.editorReplicaPlayback{display:flex;color:var(--zinc-400);align-items: center;gap:1rem;padding:.9rem 0 .65rem;font-size:.75rem}.editorReplicaPlaybackButtons{display:flex;flex-shrink:0;align-items: center;gap:.25rem}.editorReplicaPlayback button{display:flex;color:var(--zinc-300);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;flex-shrink:0;justify-content:center;align-items: center;width:1.9rem;height:1.9rem;padding:.35rem}.editorReplicaPlayback button svg{display:block;fill:currentColor;width:1rem;height:1rem}.editorReplicaPlayback button:hover{border-color:var(--zinc-400)}.editorReplicaPlayback button:focus-visible{outline:2px solid var(--ppy-200);outline-offset:2px}.editorReplicaProgress{overflow:hidden;background:#ffffff0d;flex:1;min-width:0;height:1px}.editorReplicaProgress span{display:block;background:var(--zinc-500);transform-origin:left;width:100%;height:100%;transform:scaleX(0)}@media (max-width:640px){.editorReplicaPlayback{font-size:.65rem}}.compression-page{margin:3rem auto 6rem}.compression-intro{max-width:50rem;margin:0 auto}.compression-figure{width:100%;margin:2.5rem 0;padding-bottom:4rem}.compression-hero{position:relative;isolation:isolate}.compression-hero-background{position:absolute;z-index:-1;overflow:hidden;background:linear-gradient(to bottom,var(--zinc-900)4%,#18181beb 22%,transparent 80%),radial-gradient(ellipse 60% 75% at 80% 75%,#c5546161,transparent 80%),linear-gradient(110deg,#39442e,#0e1204 55%,#033303);pointer-events:none;border-radius:8px;width:min(max(80vw,100% + 2rem),100vw - 1rem);height:calc(100% + 4rem);bottom:-4rem;left:50%;transform:translate(-50%)}.compression-hero-background:after{position:absolute;mix-blend-mode:multiply;mask-image:linear-gradient(#0000 4%,#000 80%);content:"";background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsPSIjZjVlOWU5IiBkPSJNMCAwaDE2djE2SDB6Ii8+CiAgPGcgZmlsbD0iIzA4MDUwNyI+CiAgICA8cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBvcGFjaXR5PSIuODIiLz48cmVjdCB4PSI0IiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBvcGFjaXR5PSIuNDYiLz48cmVjdCB4PSI4IiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBvcGFjaXR5PSIuNzUiLz48cmVjdCB4PSIxMiIgd2lkdGg9IjQiIGhlaWdodD0iNCIgb3BhY2l0eT0iLjM5Ii8+CiAgICA8cmVjdCB5PSI0IiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBvcGFjaXR5PSIuMjkiLz48cmVjdCB4PSI0IiB5PSI0IiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBvcGFjaXR5PSIuNjUiLz48cmVjdCB4PSI4IiB5PSI0IiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBvcGFjaXR5PSIuMiIvPjxyZWN0IHg9IjEyIiB5PSI0IiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBvcGFjaXR5PSIuNTciLz4KICAgIDxyZWN0IHk9IjgiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiIG9wYWNpdHk9Ii43MSIvPjxyZWN0IHg9IjQiIHk9IjgiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiIG9wYWNpdHk9Ii4zNCIvPjxyZWN0IHg9IjgiIHk9IjgiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiIG9wYWNpdHk9Ii44NiIvPjxyZWN0IHg9IjEyIiB5PSI4IiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBvcGFjaXR5PSIuNDMiLz4KICAgIDxyZWN0IHk9IjEyIiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBvcGFjaXR5PSIuMTIiLz48cmVjdCB4PSI0IiB5PSIxMiIgd2lkdGg9IjQiIGhlaWdodD0iNCIgb3BhY2l0eT0iLjYiLz48cmVjdCB4PSI4IiB5PSIxMiIgd2lkdGg9IjQiIGhlaWdodD0iNCIgb3BhY2l0eT0iLjI1Ii8+PHJlY3QgeD0iMTIiIHk9IjEyIiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBvcGFjaXR5PSIuNjgiLz4KICA8L2c+Cjwvc3ZnPgo=);inset:0}.compression-hero>html-include,.compression-hero>compression-demo{position:relative;display:block;width:100%}.compression-hero>html-include{aspect-ratio:16/10}.compression-page h1{margin:0 0 1.25rem;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.15}.compression-page h2{margin:0 0 1rem;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:400}.compression-page p{margin:0 0 1rem}.compression-page .compression-description{max-width:50rem;margin-left:auto;margin-right:auto}.compression-page section{max-width:50rem;margin-top:3.5rem;margin-left:auto;margin-right:auto}.compression-intro .linkButton{display:inline-block;margin-top:.75rem}.compression-outro{max-width:50rem;margin:3.5rem auto 0}.size-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;gap:.75rem;margin:1.5rem 0 0;padding:0}.size-guide li{border:1px solid var(--hairline);background:var(--surface);border-radius:8px;padding:1.25rem;line-height:1.6}.size-guide strong,.size-guide span{display:block}.size-guide strong{color:#fff;margin-bottom:.35rem;font-weight:500}@media (max-width:640px){.compression-page{margin:2rem auto 4rem}.size-guide{grid-template-columns:1fr}}