.decoder.svelte-1yyer18{--fold:16px;border-radius:var(--radius-lg);background:var(--color-bg);clip-path:polygon(0 0, calc(100% - var(--fold)) 0, 100% var(--fold), 100% 100%, 0 100%);gap:16px;padding:clamp(22px,2.6vw,32px);display:grid;position:relative;box-shadow:0 30px 60px -34px #3e5f7899}.decoder.svelte-1yyer18:after{content:"";width:var(--fold);height:var(--fold);background:linear-gradient(225deg, transparent 50%, var(--color-accent) 50%);border-bottom-left-radius:4px;position:absolute;top:0;right:0}.title.svelte-1yyer18{font:500 .9375rem / 1.2 var(--font-display);align-items:center;gap:8px;margin:0;display:flex}.field.svelte-1yyer18{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-bg-alt) 45%, var(--color-bg));box-shadow:inset 0 0 0 1px var(--color-line-strong);color:var(--color-muted);transition:box-shadow .2s var(--ease);align-items:center;gap:12px;padding:0 16px;display:flex}.field.svelte-1yyer18:focus-within{box-shadow:inset 0 0 0 1px var(--color-accent), 0 0 0 4px color-mix(in srgb, var(--color-accent) 16%, transparent)}input.svelte-1yyer18{min-width:0;height:52px;color:var(--color-ink);font:500 .9375rem / 1 var(--font-mono);background:0 0;border:0;outline:none;flex:1}.try.svelte-1yyer18{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.6875rem;display:flex}.try.svelte-1yyer18 button:where(.svelte-1yyer18){background:color-mix(in srgb, var(--color-ink) 6%, transparent);color:var(--color-ink-soft);cursor:pointer;font:400 .6875rem / 1.3 var(--font-mono);text-align:left;border:0;border-radius:6px;padding:5px 9px}.try.svelte-1yyer18 button:where(.svelte-1yyer18):hover{background:color-mix(in srgb, var(--color-accent) 14%, transparent);color:var(--color-ink)}.result.svelte-1yyer18{border-top:1px solid var(--color-line);gap:10px;min-height:120px;padding-top:16px;display:grid}.result.svelte-1yyer18 p:where(.svelte-1yyer18){color:var(--color-ink-soft);margin:0;line-height:1.5}.result.svelte-1yyer18 b:where(.svelte-1yyer18){color:var(--color-ink);font:500 .6875rem / 1.6 var(--font-mono);text-transform:uppercase;display:block}.result.svelte-1yyer18 .none:where(.svelte-1yyer18){color:var(--color-muted)}.result.svelte-1yyer18 a:where(.svelte-1yyer18){text-underline-offset:3px;text-decoration:underline}.jump.svelte-1yyer18{color:var(--color-ink);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;justify-self:start;padding:0 0 3px}.jump.svelte-1yyer18:hover{color:var(--color-accent)}.notice.svelte-1yyer18{--tone:var(--color-accent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--tone) 10%, var(--color-bg));box-shadow:inset 3px 0 0 var(--tone);color:var(--color-ink);font:500 .9375rem / 1.4 var(--font-display);align-items:start;gap:10px;padding:12px 14px;display:flex}.notice.svelte-1yyer18 .glyph{color:var(--tone);margin-top:2px}.notice.danger.svelte-1yyer18{--tone:var(--lightningcss-light,#cf3e35)var(--lightningcss-dark,#ff8a80)}.notice.warning.svelte-1yyer18{--tone:var(--lightningcss-light,#b86a0c)var(--lightningcss-dark,#f2b56b)}.items.svelte-1yyer18{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin:0;padding:0;list-style:none;display:grid}.items.svelte-1yyer18 li:where(.svelte-1yyer18){display:grid}article.svelte-1yyer18{border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:inset 0 0 0 1px var(--color-line);scroll-margin-top:calc(var(--header-height) + 24px);transition:box-shadow .3s var(--ease);align-content:start;gap:10px;padding:clamp(22px,2.4vw,30px);display:grid}article.active.svelte-1yyer18{box-shadow:inset 0 0 0 2px var(--color-accent), 0 20px 40px -24px color-mix(in srgb, var(--color-accent) 50%, transparent)}.aka.svelte-1yyer18{color:var(--color-muted);margin:0;font-size:.875rem}.where.svelte-1yyer18{color:var(--color-subtle);margin:4px 0 6px;font-size:.6875rem}h3.svelte-1yyer18{color:var(--color-muted);font:500 .6875rem / 1.4 var(--font-mono);text-transform:uppercase;margin:6px 0 0}article.svelte-1yyer18 p:where(.svelte-1yyer18){margin:0;line-height:1.55}.anchor.svelte-1yyer18{color:var(--color-subtle);justify-self:start;margin-top:8px;font-size:.6875rem}.anchor.svelte-1yyer18:hover{color:var(--color-accent)}a.svelte-1yyer18:focus-visible,button.svelte-1yyer18:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (width<=800px){.items.svelte-1yyer18{grid-template-columns:1fr}}