.convert.svelte-1hcv58i{display:grid;grid-row-gap:2px;grid-column-gap:16px;grid-template-columns:1fr 1fr;grid-template-rows:max-content 1fr}.convert.svelte-1hcv58i .head:where(.svelte-1hcv58i){color:#666}.convert.svelte-1hcv58i .copy:where(.svelte-1hcv58i){--color-copy: #666;--bg-copy: transparent;color:var(--color-copy);background-color:var(--bg-copy);border:none;padding:4px 8px;margin-left:8px;gap:6px;transition:background-color .2s,color .2s;display:inline-flex;align-items:center}.convert.svelte-1hcv58i .copy:where(.svelte-1hcv58i) svg{display:block;width:16px;height:16px;fill:currentColor}.convert.svelte-1hcv58i .copy:where(.svelte-1hcv58i) i{font-style:normal}.convert.svelte-1hcv58i .copy:where(.svelte-1hcv58i):hover{--color-copy: #333;outline:solid 2px var(--bg-copy);--bg-copy: #f0f0f0}.convert.svelte-1hcv58i .copy.--off:where(.svelte-1hcv58i){--bg-copy: #e0e0e0;--color-copy: #999}.convert.svelte-1hcv58i .copy.--success:where(.svelte-1hcv58i){--color-copy: #090}.convert.svelte-1hcv58i .input:where(.svelte-1hcv58i){border:solid 1px #ccc;padding:8px;min-height:300px;font-size:.9rem}.convert.svelte-1hcv58i .output:where(.svelte-1hcv58i){border:solid 1px #ccc;padding:8px;background:#fff;font-family:monospace;white-space:pre-wrap;font-size:.9rem}.convert.svelte-1hcv58i .output.--empty:where(.svelte-1hcv58i){color:#999}@media screen and (max-width: 640px){.convert.svelte-1hcv58i{grid-template-columns:1fr;grid-template-rows:max-content 1fr max-content 1fr}.convert.svelte-1hcv58i .input:where(.svelte-1hcv58i){grid-row:2}.convert.svelte-1hcv58i .--ho:where(.svelte-1hcv58i){padding-top:16px}}*{box-sizing:border-box}body,html,h1,h2,h3,h4,h5,h6{margin:0;padding:0}pre{margin:0}.notes{white-space:pre-line;margin-bottom:12px}body{min-width:320px}main{--link: #333;--current: navy;box-sizing:border-box;height:100vh;display:grid;grid-template-rows:min-content 1fr}main section{padding:12px}.area-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:rect(0 0 0 0);overflow-wrap:normal;border:0}header{--header-fs: 22px;padding:6px 12px;display:flex;align-items:center;gap:12px;color:#333}header .logo{display:block;width:32px;flex-shrink:0}header .logo img{display:block;width:100%;height:auto}header h1{flex-grow:1;padding:0;margin:0;font-size:var(--header-fs);font-weight:400}header h1 code{padding:2px 6px;background:#f0f0f0;border-radius:4px}header .about{padding:2px 12px;display:flex;align-items:center;color:#333;position:relative;outline:none}header .about img{width:20px;height:20px;display:block}@media screen and (max-width: 500px){header{--header-fs: calc((100wv - 32px - 12px) / 30)}}@media screen and (max-width: 320px){header{--header-fs: 14px}}