section.hero{padding-block-start:3.5rem}.tool-wrapper:where(.astro-vzwdm6i4),.tool-wrapper:where(.astro-vzwdm6i4) :where(.astro-vzwdm6i4){margin-inline:auto;max-width:37.5rem;width:100%}button#encode-button,button#decode-button{flex:1;justify-content:center}input:where(.astro-vzwdm6i4)[type=text]{appearance:none;background-color:#fff;border:.0625rem solid hsl(0 0% 86%);border-radius:.5rem;inline-size:100%;max-width:calc(100vw - 2.5rem);padding:.75rem}.result-wrapper:where(.astro-vzwdm6i4) pre:where(.astro-vzwdm6i4){--padding: 1.25rem;background-color:#fafafa;border-end-end-radius:.5rem;border-end-start-radius:.5rem;padding:var(--padding)}@media(width>=48em){.result-wrapper:where(.astro-vzwdm6i4) pre:where(.astro-vzwdm6i4){--padding: 2rem}}.hidden:where(.astro-vzwdm6i4){display:none}#tool-tab{width:100%}#tool-tab pre{max-width:calc(100vw - 2.5rem)}