.b64-tool,.b64-quartet{--by1:var(--color-cyan);--by2:color-mix(in oklch, var(--color-cyan) 55%, var(--color-mist));--by3:color-mix(in oklch, var(--color-fail-mark) 50%, var(--color-link));--pad:var(--color-warn-mark)}.b64-tool{--jh:var(--color-cyan);--jp:color-mix(in oklch, var(--color-fail-mark) 55%, var(--color-link));--js:color-mix(in oklch, var(--color-ok-mark) 60%, var(--color-cyan))}[data-x=man]{--x:var(--color-link)}[data-x=pdf]{--x:var(--color-fail-mark)}[data-x=img]{--x:var(--color-ok-mark)}[data-x=jwt]{--x:color-mix(in oklch, var(--color-fail-mark) 55%, var(--color-link))}[data-x=uri]{--x:var(--color-warn-mark)}[data-x=url]{--x:color-mix(in oklch, var(--color-link) 45%, var(--color-unknown-mark))}[data-x=bad]{--x:color-mix(in oklch, var(--color-fail-mark) 80%, var(--color-warn-mark))}[data-n=whitespace]{--n:color-mix(in oklch, var(--color-link) 45%, var(--color-unknown-mark))}[data-n=padding-added]{--n:var(--color-warn-mark)}[data-n=mixed-alphabet]{--n:color-mix(in oklch, var(--color-link) 55%, var(--color-ok-mark))}[data-n=data-uri]{--n:var(--color-link)}[data-n=non-canonical]{--n:color-mix(in oklch, var(--color-warn-mark) 60%, var(--color-fail-mark))}[data-n=pad-long]{--n:var(--color-warn-mark)}[data-n=char],[data-n=length],[data-n=pad-middle]{--n:var(--color-fail-mark)}[data-n=capped]{--n:var(--color-warn-mark)}[data-n=charset]{--n:color-mix(in oklch, var(--color-link) 50%, var(--color-warn-mark))}[data-n=html]{--n:var(--color-fail-mark)}.b64-card{border:1px solid var(--lightningcss-light,var(--color-line))var(--lightningcss-dark,var(--color-line-strong));border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-card);position:relative}.b64-top{padding:12px 12px 14px}@media (width>=40rem){.b64-top{padding:18px 24px 16px}}.b64-io{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}@media (width>=48rem){.b64-io{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:start;gap:6px}}.b64-inwrap{border-radius:var(--radius-lg)}.b64-in{flex-direction:column;height:100%;min-height:112px;display:flex}@media (width>=48rem){.b64-in{min-height:192px}}.b64-bar{align-items:center;gap:6px;min-height:40px;padding:4px 4px 0 8px;display:flex}.b64-sp{flex:1}.b64-dir{border:1px solid var(--color-line);background:var(--color-surface);max-width:100%;height:30px;font:600 13px/1 var(--font-sans);color:var(--color-ink);white-space:nowrap;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 8px 0 9px;display:inline-flex}.b64-dir:hover{border-color:var(--color-line-strong)}.b64-dir em{border:1px solid color-mix(in oklab, var(--color-link) 45%, transparent);background:var(--color-page);font:500 10.5px/1.2 var(--font-sans);letter-spacing:.03em;text-transform:uppercase;color:var(--color-link);border-radius:4px;padding:1px 4px;font-style:normal}.b64-dir svg:last-child{color:var(--color-ink-secondary);flex:none}.b64-pop{min-width:0;position:relative}.b64-menu{z-index:30;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface-raised);min-width:252px;box-shadow:var(--shadow-menu);padding:6px;position:absolute;top:calc(100% + 6px);left:0}.b64-mi{text-align:start;width:100%;color:var(--color-ink);cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:20px 1fr;align-items:start;gap:8px;padding:7px 8px;display:grid}.b64-mi:hover{background:var(--color-surface)}.b64-mi b{font:600 14px/19px var(--font-sans);display:block}.b64-mi small{font:500 12.5px/17px var(--font-sans);color:var(--color-ink-secondary);display:block}.b64-mi-c{color:var(--color-link)}.b64-count{font:500 12px/16px var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-ink-secondary);white-space:nowrap}.b64-count[data-over]{color:var(--color-warn)}@media (width<30rem){.b64-count{display:none}}.b64-x,.b64-filebtn{height:32px;color:var(--color-ink-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;align-items:center;gap:6px;display:inline-flex}.b64-x{justify-content:center;width:34px}.b64-x:hover,.b64-filebtn:hover{background:var(--color-surface);color:var(--color-ink)}.b64-filebtn{border:1px solid color-mix(in oklab, var(--color-link) 40%, var(--color-line));background:color-mix(in oklab, var(--color-link) 7%, transparent);color:var(--color-link);font:600 12.5px/1 var(--font-sans);padding:0 10px}.b64-filebtn:hover{background:color-mix(in oklab, var(--color-link) 13%, transparent);color:var(--color-link-hover)}.b64-filebtn .l{display:none}@media (width>=30rem){.b64-filebtn .l{display:inline}}.b64-ta-wrap{flex:1;min-height:0;display:grid;position:relative}@media (width>=48rem){.b64-ta,.b64-mirror{min-height:152px}}.b64-ta,.b64-mirror{min-height:64px;font:400 15px/24px var(--font-mono);letter-spacing:.01em;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;scrollbar-gutter:stable;border:0;grid-area:1/1;margin:0;padding:6px 14px 12px}@media (width>=40rem){.b64-ta,.b64-mirror{max-height:230px;padding:8px 16px 14px;font-size:16px;line-height:26px}}.b64-ta{z-index:1;width:100%;height:100%;max-height:210px;color:var(--color-ink);resize:none;caret-color:var(--color-link);background:0 0;outline:none;position:relative;overflow-y:auto}.b64-ta::placeholder{color:var(--color-ink-disabled);font-family:var(--font-sans);font-weight:500}.b64-mirror{color:#0000;pointer-events:none;max-height:210px;overflow:hidden}.b64-mirror .pre{background:color-mix(in oklab, var(--color-link) 13%, transparent);box-shadow:0 1px 0 color-mix(in oklab, var(--color-link) 55%, transparent);border-radius:3px}.b64-mirror .pad{background:color-mix(in oklab, var(--pad) 22%, transparent);border-radius:3px}.b64-mirror .cur{background:color-mix(in oklab, var(--color-link) 16%, transparent);box-shadow:0 2px 0 var(--color-link);border-radius:4px}.b64-mirror .bad{background:color-mix(in oklab, var(--color-fail-mark) 32%, transparent);box-shadow:0 2px 0 var(--color-fail-mark);border-radius:3px}.b64-mirror .jh{background:color-mix(in oklab, var(--jh) 20%, transparent);border-radius:3px}.b64-mirror .jp{background:color-mix(in oklab, var(--jp) 20%, transparent);border-radius:3px}.b64-mirror .js{background:color-mix(in oklab, var(--js) 18%, transparent);border-radius:3px}.b64-swap{z-index:2;border:1px solid var(--color-line-strong);background:var(--color-surface-raised);width:38px;height:38px;box-shadow:var(--shadow-card);color:var(--color-ink);cursor:pointer;border-radius:50%;place-self:center;place-items:center;margin:-21px 0;display:grid}.b64-swap svg{transform:rotate(90deg)}@media (width>=48rem){.b64-swap{align-self:start;margin:96px 0 0}.b64-swap svg{transform:none}}.b64-swap:hover{border-color:var(--color-link);color:var(--color-link)}.b64-filecard{flex:1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:10px 14px 14px;display:grid}.b64-thumb{border-radius:var(--radius-md);background:var(--color-surface);width:72px;height:72px;box-shadow:inset 0 0 0 1px var(--color-line);place-items:center;display:grid;overflow:hidden}.b64-thumb img{object-fit:cover;width:100%;height:100%}.b64-fname{font:600 15px/21px var(--font-sans);color:var(--color-ink);overflow-wrap:anywhere}.b64-fmeta{font:400 13px/20px var(--font-mono);color:var(--color-ink-secondary);margin-top:2px}.b64-refused{align-items:start}.b64-refused .b64-thumb{color:var(--color-fail);background:var(--color-fail-fill);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-fail-mark) 40%, transparent)}.b64-card.is-drop:after{content:"";z-index:20;border-radius:var(--radius-lg);border:2px dashed var(--color-cyan);background:color-mix(in oklab, var(--color-navy) 82%, transparent);position:absolute;inset:0}.b64-dropmsg{z-index:21;text-align:center;color:var(--color-on-navy);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:none;position:absolute;inset:0}.b64-card.is-drop .b64-dropmsg{display:flex}.b64-dropmsg b{font:700 22px/28px var(--font-sans)}.b64-dropmsg span{font:500 14px/20px var(--font-sans);color:var(--color-mist)}.b64-dropmsg svg{color:var(--color-cyan)}.b64-out{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;min-width:0;min-height:112px;display:flex;position:relative}@media (width>=48rem){.b64-out{min-height:192px}}.b64-out[data-mode=err]{border-color:color-mix(in oklab, var(--color-fail-mark) 45%, transparent);background:var(--color-fail-fill)}.b64-outbar{align-items:center;gap:4px;min-height:40px;padding:4px 6px 0 10px;display:flex}.b64-out-l{font:500 11.5px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-secondary);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.b64-out-l svg{color:var(--color-link)}.b64-tabs{scrollbar-width:none;flex:0 auto;gap:2px;min-width:0;display:flex;overflow-x:auto}.b64-tabs::-webkit-scrollbar{display:none}.b64-tab{height:32px;font:600 13px/32px var(--font-sans);color:var(--color-ink-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:0 9px}.b64-tab[aria-selected=true]{border-bottom-color:var(--color-link);color:var(--color-ink)}.b64-act{border:1px solid var(--color-line);background:var(--color-surface-raised);height:32px;font:600 12.5px/1 var(--font-sans);color:var(--color-ink);cursor:pointer;border-radius:8px;flex:none;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.b64-act:hover{border-color:var(--color-link);color:var(--color-link)}.b64-act[data-primary]{background:var(--color-brand-fill);color:var(--color-on-brand);border-color:#0000}.b64-act[data-primary]:hover{background:var(--color-brand-fill-hover);color:var(--color-on-brand)}.b64-act .l{display:none}@media (width>=40rem){.b64-act .l{display:inline}}.b64-body{flex:1;min-height:0;padding:2px 12px 8px;overflow:auto}@media (width>=40rem){.b64-body{padding:2px 14px 10px}}.b64-code{font:400 14px/23px var(--font-mono);color:var(--color-ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.b64-code .pad{color:var(--pad);background:color-mix(in oklab, var(--pad) 16%, transparent);border-radius:3px}.b64-code .nl{color:var(--color-ink-disabled)}.b64-txt{font:500 16px/26px var(--font-sans);color:var(--color-ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.b64-more{font:500 12.5px/18px var(--font-sans);color:var(--color-ink-secondary);margin-top:6px;display:block}.b64-hex{font:400 12.5px/20px var(--font-mono);color:var(--color-ink);margin:0}.b64-hex .o{color:var(--color-ink-secondary)}.b64-hex .a{color:var(--color-link)}.b64-view{gap:8px;display:grid}.b64-shot{border-radius:var(--radius-md);background:repeating-conic-gradient(var(--color-surface-raised) 0 25%, var(--color-surface) 0 50%) 0 0 / 18px 18px;box-shadow:inset 0 0 0 1px var(--color-line);place-items:center;padding:10px;display:grid}.b64-shot img{border-radius:3px;max-width:100%;max-height:190px}.b64-pdf{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-raised);width:100%;height:230px;display:block;overflow:hidden}@media (width>=48rem){.b64-pdf{height:252px}}.b64-verdict{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:8px 0 6px;display:grid}.b64-ftile{border-radius:var(--radius-md);background:var(--color-tile);width:44px;height:44px;color:var(--color-on-navy);font:700 12px/1 var(--font-sans);letter-spacing:.04em;place-items:center;display:grid}.b64-ftile[data-kind=image]{background:color-mix(in oklch, var(--color-ok-mark) 50%, var(--color-navy))}.b64-ftile[data-kind=pdf]{background:color-mix(in oklch, var(--color-fail-mark) 55%, var(--color-navy))}.b64-ftile[data-kind=archive]{background:color-mix(in oklch, var(--color-warn-mark) 45%, var(--color-navy))}.b64-ftile[data-kind=audio],.b64-ftile[data-kind=video]{background:color-mix(in oklch, var(--color-link) 50%, var(--color-navy))}.b64-vt{font:700 17px/23px var(--font-sans);color:var(--color-ink);display:block}.b64-vm{font:400 13px/20px var(--font-mono);color:var(--color-ink-secondary);overflow-wrap:anywhere;margin-top:1px;display:block}.b64-vm b{color:var(--color-ink);font-weight:400}.b64-uri{flex-wrap:wrap;gap:4px;margin:4px 0 8px;display:flex}.b64-uc{background:var(--color-surface-raised);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:8px;gap:1px;padding:4px 8px 5px;display:grid}.b64-uc span{font:500 9.5px/12px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-secondary)}.b64-uc b{font:400 13px/18px var(--font-mono);color:var(--color-ink)}.b64-uc[data-tone=warn]{background:var(--color-warn-fill);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-warn-mark) 40%, transparent)}.b64-uc[data-tone=warn] b{color:var(--color-warn)}.b64-err{gap:10px;padding:8px 0 4px;display:grid}.b64-ehead{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;display:grid}.b64-ehead b{font:700 17px/23px var(--font-sans);color:var(--color-fail)}.b64-ehead p{font:500 14px/21px var(--font-sans);color:var(--color-ink);margin:1px 0 0}.b64-ehead code{background:var(--color-fail-mark);min-width:22px;height:22px;color:var(--color-on-navy);font:500 14px/1 var(--font-mono);vertical-align:-5px;border-radius:5px;place-items:center;padding:0 5px;display:inline-grid}.b64-eprev{font:400 12.5px/19px var(--font-mono);color:var(--color-ink);overflow-wrap:anywhere;margin-top:3px;display:block}.b64-ctx{border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-fail-mark) 25%, var(--color-line));padding:8px 10px 6px;position:relative;overflow-x:auto}.b64-ctxline{font:400 14px/21px var(--font-mono);color:var(--color-ink-secondary);white-space:pre;display:block}.b64-ctxline .ok{color:var(--color-ink)}.b64-ctxline .hit{background:var(--color-fail-mark);color:var(--color-on-navy);box-shadow:0 0 0 1px var(--color-fail-mark);border-radius:2px;padding:1px 0}.b64-caret{font:700 14px/16px var(--font-mono);color:var(--color-fail);white-space:pre;display:block}.b64-ctxoff{font:500 11px/15px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-secondary);white-space:pre;margin-top:2px;display:block}.b64-efix{flex-wrap:wrap;gap:6px;display:flex}.b64-notes{scrollbar-width:none;gap:5px;min-width:0;padding-bottom:1px;display:flex;overflow-x:auto}.b64-notes::-webkit-scrollbar{display:none}.b64-nc{background:color-mix(in oklab, var(--n) 12%, transparent);height:25px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--n) 42%, transparent);font:600 12px/1 var(--font-sans);color:color-mix(in oklab, var(--n) 72%, var(--color-ink));white-space:nowrap;border-radius:8px;flex:none;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.b64-nc i{background:var(--n);border-radius:2px;width:7px;height:7px}.b64-nc b{font:400 12px/1 var(--font-mono);font-weight:600}.b64-nl{gap:3px;margin:0;padding:0;list-style:none;display:grid}.b64-nl li{font:500 13px/19px var(--font-sans);color:var(--color-ink-secondary);grid-template-columns:16px minmax(0,1fr);gap:7px;display:grid}.b64-nl li i{background:var(--n);border-radius:2px;width:7px;height:7px;margin:6px 0 0 4px}.b64-nl li code{font:400 12.5px/1 var(--font-mono);color:var(--color-ink)}.b64-foot{border-top:1px solid var(--color-line);gap:7px;padding:6px 12px 10px;display:grid}@media (width>=40rem){.b64-foot{padding:7px 14px 11px}}.b64-size{font:400 12.5px/18px var(--font-mono);color:var(--color-ink-secondary)}.b64-size b{color:var(--color-ink);font-weight:400}.b64-other{border:1px dashed var(--color-line-strong);max-width:100%;font:500 12.5px/17px var(--font-sans);color:var(--color-ink-secondary);text-align:start;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:7px;padding:5px 9px;display:inline-flex}.b64-other:hover{border-color:var(--color-link);color:var(--color-ink)}.b64-other code{min-width:0;max-width:100%;font:400 12px/1 var(--font-mono);color:var(--color-link);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.b64-other{flex-wrap:wrap;row-gap:3px;min-width:0}.b64-foot>*{min-width:0}.b64-tone{font:500 13px/19px var(--font-sans);border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;padding:7px 9px;display:grid}.b64-tone[data-tone=warn]{background:var(--color-warn-fill);color:var(--color-warn)}.b64-tone[data-tone=fail]{background:var(--color-fail-fill);color:var(--color-fail)}.b64-tone[data-tone=ok]{background:var(--color-ok-fill);color:var(--color-ok)}.b64-tone[data-tone=info]{background:var(--color-surface-selected);color:var(--color-ink)}.b64-tone code{font:400 12.5px/1 var(--font-mono)}.b64-tone b{font-weight:700}.b64-jwt{gap:8px;padding:4px 0 2px;display:grid}.b64-jpart{border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:inset 0 0 0 1px var(--color-line)}.b64-jhead{align-items:center;gap:7px;padding:6px 10px 4px;display:flex}.b64-jhead i{background:var(--c);border-radius:2px;width:8px;height:8px}.b64-jhead b{font:500 11px/15px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-secondary)}.b64-jhead small{font:400 11.5px/15px var(--font-mono);color:var(--color-ink-secondary);margin-inline-start:auto}.b64-jbody{font:400 12.5px/20px var(--font-mono);color:var(--color-ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:0 10px 8px}.b64-jbody .k{color:var(--color-link)}.b64-jbody .s{color:var(--color-ok)}.b64-jbody .n{color:var(--jp)}.b64-jbody .when{color:var(--color-ink-secondary)}.b64-opts{scrollbar-width:none;align-items:center;gap:8px;margin-top:10px;padding-bottom:2px;display:flex;overflow-x:auto}.b64-opts::-webkit-scrollbar{display:none}.b64-og{flex:none;align-items:center;gap:6px;display:inline-flex}.b64-og>span{font:500 10.5px/14px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-secondary);white-space:nowrap}.b64-seg{border:1px solid var(--color-line);background:var(--color-surface);border-radius:8px;flex:none;display:inline-flex;overflow:hidden}.b64-seg button{border:0;border-inline-start:1px solid var(--color-line);height:30px;font:600 12.5px/1 var(--font-sans);color:var(--color-ink-secondary);white-space:nowrap;cursor:pointer;background:0 0;padding:0 9px}.b64-seg button:first-child{border-inline-start:0}.b64-seg button[aria-checked=true]{background:var(--color-surface-selected);color:var(--color-ink);box-shadow:inset 0 -2px 0 var(--color-link)}.b64-seg button code{font:400 12px/1 var(--font-mono)}.b64-seg button:disabled{color:var(--color-ink-disabled);cursor:not-allowed}.b64-try{scrollbar-width:none;justify-content:flex-start;align-items:center;gap:6px;margin-top:10px;display:flex;overflow-x:auto}.b64-try::-webkit-scrollbar{display:none}@media (width>=64rem){.b64-try{flex-wrap:wrap;justify-content:center}}.b64-try>span{font:500 10.5px/14px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-secondary);flex:none}.b64-ex{border:1px solid color-mix(in oklab, var(--x) 40%, transparent);background:color-mix(in oklab, var(--x) 9%, transparent);height:30px;font:600 12.5px/1 var(--font-sans);color:color-mix(in oklab, var(--x) 62%, var(--color-ink));white-space:nowrap;cursor:pointer;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.b64-ex:hover{background:color-mix(in oklab, var(--x) 17%, transparent)}.b64-ex i{background:var(--x);border-radius:2px;width:7px;height:7px}.b64-priv{font:500 13px/19px var(--font-sans);color:var(--color-ink-secondary);text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:10px;display:flex}.b64-priv svg{color:var(--color-ok);flex:none}.b64-quartet{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid color-mix(in oklab, var(--color-cyan) 22%, transparent);background:var(--color-navy);color:var(--color-cloud);background-image:radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--color-cloud) 7%, transparent) 1px, transparent 0);background-size:16px 16px;padding:12px 12px 14px}@media (width>=40rem){.b64-quartet{padding:12px 24px 18px}}.b64-qhead{flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;display:flex}.b64-ql{font:500 11.5px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-mist);white-space:nowrap;flex:none;align-items:center;gap:7px;display:inline-flex}.b64-ql svg{color:var(--color-cyan)}.b64-qsp{flex:1}.b64-qnav{flex:none;align-items:center;gap:2px;display:inline-flex}.b64-qnav button{border:1px solid color-mix(in oklab, var(--color-cloud) 16%, transparent);width:28px;height:28px;color:var(--color-cloud);cursor:pointer;background:0 0;border-radius:7px;place-items:center;display:grid}.b64-qnav button:hover{border-color:var(--color-cyan);color:var(--color-cyan)}.b64-qnav button:disabled{opacity:.35;cursor:not-allowed}.b64-qnav span{font:400 12px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-mist);white-space:nowrap;padding:0 6px}.b64-qtail{border:1px solid color-mix(in oklab, var(--pad) 50%, transparent);height:28px;font:600 12px/1 var(--font-sans);color:var(--pad);cursor:pointer;white-space:nowrap;background:0 0;border-radius:7px;flex:none;padding:0 9px}.b64-qgrowth{font:400 12px/16px var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-mist);white-space:nowrap;flex:none}.b64-qgrowth b{color:var(--color-cyan);font-weight:400}@media (width<80rem){.b64-qgrowth{display:none}}.b64-qstage{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:10px;display:grid}@media (width>=64rem){.b64-qstage{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px}}.b64-qgrid{grid-template-columns:repeat(24,minmax(0,1fr));gap:3px 2px;min-width:0;display:grid}.b64-qsample{background:color-mix(in oklab, var(--color-cloud) 10%, transparent);font:500 10px/14px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-mist);border-radius:6px;grid-column:1/-1;justify-self:start;margin-bottom:2px;padding:2px 7px}.b64-qbyte{text-align:center;background:color-mix(in oklab, var(--b) 13%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--b) 42%, transparent);border-radius:8px;gap:0;padding:3px 4px 4px;display:grid}.b64-qbyte .g{font:500 19px/23px var(--font-mono);color:var(--b)}.b64-qbyte .g.sm{letter-spacing:.02em;font-size:14px}.b64-qbyte .d{font:400 11px/14px var(--font-mono);color:var(--color-mist)}.b64-qbyte .n{font:500 9px/12px var(--font-sans);letter-spacing:.07em;text-transform:uppercase;color:color-mix(in oklab, var(--color-mist) 70%, transparent)}.b64-qbyte.is-missing{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--pad) 45%, transparent);background:0 0;border-style:dashed}.b64-qbyte.is-missing .g{color:var(--pad);font-size:14px}.b64-qbit{background:color-mix(in oklab, var(--b) 10%, transparent);height:28px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--b) 26%, transparent);font:500 13px/1 var(--font-mono);color:color-mix(in oklab, var(--b) 80%, var(--color-cloud));border-radius:4px;place-items:center;display:grid;position:relative}.b64-qbit.on{background:var(--b);color:var(--color-navy)}.b64-qbit.zero{color:color-mix(in oklab, var(--color-mist) 75%, transparent)}.b64-qbit.added{border:1px dashed var(--pad);color:var(--pad);box-shadow:none;background:0 0}.b64-qbit.gone{border:1px dashed color-mix(in oklab, var(--pad) 32%, transparent);box-shadow:none;background:0 0}.b64-qbit.seam:after{content:"";background:var(--color-cloud);border-radius:1px;width:2px;position:absolute;inset-block:-5px;inset-inline-end:-2.5px}@media (width<40rem){.b64-qbit{height:24px;font-size:11px}}.b64-qsex{height:15px;position:relative}.b64-qsex:before{content:"";inset-inline:1px;border:1.5px solid var(--color-cyan);border-block-end:0;border-radius:4px 4px 0 0;height:7px;position:absolute;top:4px}.b64-qsex[data-pad]:before{border-color:var(--pad);border-style:dashed}.b64-qidx{text-align:center;font:500 13px/18px var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-cyan)}.b64-qidx[data-pad]{color:var(--pad)}.b64-qchar{background:var(--color-cyan);height:42px;color:var(--color-navy);font:500 22px/1 var(--font-mono);cursor:pointer;border-radius:8px;place-items:center;display:grid}.b64-qchar[data-pad]{border:1.5px dashed var(--pad);color:var(--pad);background:0 0}.b64-qchar.is-cur{box-shadow:0 0 0 3px color-mix(in oklab, var(--color-cyan) 35%, transparent)}.b64-qchar:hover{background:var(--color-cloud)}.b64-qchar[data-pad]:hover{background:color-mix(in oklab, var(--pad) 18%, transparent)}@media (width<40rem){.b64-qchar{height:36px;font-size:18px}}.b64-qcap{font:500 12px/17px var(--font-sans);color:var(--color-mist);grid-column:1/-1;margin-top:3px}.b64-qcap b{color:var(--color-cloud);font-weight:600}.b64-qread{border-radius:var(--radius-lg);background:color-mix(in oklab, var(--color-cloud) 5%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-cloud) 10%, transparent);padding:10px 14px 12px}.b64-qrl{font:500 10.5px/14px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-mist)}.b64-pv{gap:4px;max-width:252px;margin-top:7px;display:grid}.b64-pv>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.b64-pv .h span{font:500 10.5px/13px var(--font-mono);color:var(--color-mist);text-align:center}.b64-pv .c i{height:30px;font:500 15px/1 var(--font-mono);color:color-mix(in oklab, var(--color-mist) 85%, transparent);background:color-mix(in oklab, var(--color-cloud) 4%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-cloud) 8%, transparent);border-radius:6px;place-items:center;font-style:normal;display:grid}.b64-pv .c i.on{color:var(--color-navy);background:var(--color-cyan)}.b64-pv .c i.added{border:1px dashed var(--pad);color:var(--pad);box-shadow:none;background:0 0}.b64-pv .u span{font:600 11px/14px var(--font-mono);color:var(--color-cyan);text-align:center}.b64-qsum{font:400 14px/21px var(--font-mono);color:var(--color-cloud);margin:8px 0 0}.b64-qsum b{color:var(--color-cyan);font-weight:500}.b64-qsum .g{background:var(--color-cyan);width:26px;height:26px;color:var(--color-navy);vertical-align:-7px;border-radius:6px;place-items:center;margin-inline-start:4px;font-weight:500;display:inline-grid}.b64-qwhy{font:500 12.5px/18px var(--font-sans);color:var(--color-mist);margin:7px 0 0}.b64-qwhy b{color:var(--color-cloud)}.b64-qalpha{grid-template-columns:repeat(32,minmax(0,1fr));gap:2px;margin-top:12px;display:none}@media (width>=64rem){.b64-qalpha{display:grid}}.b64-qa{background:color-mix(in oklab, var(--color-cloud) 5%, transparent);height:19px;font:400 10.5px/1 var(--font-mono);color:color-mix(in oklab, var(--color-mist) 80%, transparent);border-radius:3px;place-items:center;display:grid}.b64-qa.lit{background:var(--color-cyan);color:var(--color-navy)}.b64-qa.cur{box-shadow:0 0 0 2px var(--color-cloud)}.b64-qa[data-swap]{box-shadow:inset 0 0 0 1px var(--pad);color:var(--pad)}.b64-qlegend{font:500 11.5px/16px var(--font-sans);color:var(--color-mist);flex-wrap:wrap;gap:4px 14px;margin-top:10px;display:flex}.b64-qlegend span{align-items:center;gap:6px;display:inline-flex}.b64-qlegend i{background:var(--k,var(--color-cyan));border-radius:3px;width:11px;height:11px}.b64-qlegend i.out{border:1.5px dashed var(--pad);background:0 0}.b64-qlegend i.seamk{background:var(--color-cloud);border-radius:1px;width:2px;height:13px}.b64-qlegend i.swapk{box-shadow:inset 0 0 0 1.5px var(--pad);background:0 0}.b64-divider{font:500 11.5px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-secondary);align-items:center;gap:14px;margin:28px 0 0;display:flex}.b64-divider:before,.b64-divider:after{content:"";background:var(--color-line);flex:1;height:1px}@media (prefers-reduced-motion:reduce){.b64-qchar,.b64-act,.b64-ex{transition:none}}.b64-empty{font:500 14px/21px var(--font-sans);color:var(--color-ink-secondary);margin:6px 0 0}.b64-pdfpage{background:#fff;align-content:start;gap:5px;height:100%;padding:16px 18px;display:grid;overflow:hidden}.b64-pdfbar{background:var(--color-navy);height:7px;margin:-16px -18px 8px}.b64-pdfpage p{font:500 11.5px/17px var(--font-sans);color:#334;margin:0}.b64-pdfpage p.h{border-bottom:2px solid var(--color-teal);font:700 17px/22px var(--font-sans);color:var(--color-navy);margin-bottom:4px;padding-bottom:7px}.b64-pdfnote{font:500 10.5px/14px var(--font-sans);color:#556070;align-self:end;margin-top:auto}@media (width<48rem){.b64-qhead{flex-wrap:wrap;row-gap:6px}.b64-qsp{flex-basis:100%;height:0}.b64-qtail{display:none}.b64-ql{white-space:normal}}.b64-tab .s{display:none}@media (width<40rem){.b64-tab .l{display:none}.b64-tab .s{display:inline}}@media (width<64rem){.b64-opts,.b64-try,.b64-notes,.b64-tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000)}}.b64-fname,.b64-fmeta{display:block}@media (width<40rem){.b64-outbar{flex-wrap:wrap;row-gap:2px}.b64-tabs{flex-basis:100%;order:3}}.b64-code,.b64-txt,.b64-hex{max-height:300px;overflow:auto}@media (width>=48rem){.b64-code,.b64-txt,.b64-hex{max-height:364px}}.b64-tool{margin-inline:auto}.b64-pdf{padding:0}iframe.b64-pdf{border:1px solid var(--color-line)}.b64-pdfpage{position:relative}.b64-pdfacts{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.b64-pdfacts .b64-act{color:#0b1b3a;background:#fff;border-color:#c9d2e0}.b64-pdfacts .b64-act:hover{border-color:var(--color-link);color:var(--color-link)}.b64-pdf-open{font:500 12.5px/18px var(--font-sans);color:var(--color-ink-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.b64-busy{font:500 14px/21px var(--font-sans);color:var(--color-ink-secondary);align-items:center;gap:9px;margin:8px 0 0;display:flex}.b64-busy i{border:2px solid color-mix(in oklab, var(--color-link) 30%, transparent);border-top-color:var(--color-link);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite b64-spin}@keyframes b64-spin{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.b64-busy i{animation:none}}.b64-out[aria-busy=true] .b64-body>:not(.b64-busy){opacity:.45}.b64-smark{flex:none}.b64-smark[data-s=ok]{color:var(--color-ok-mark)}.b64-smark[data-s=warn]{color:var(--color-warn-mark)}.b64-smark[data-s=fail]{color:var(--color-fail-mark)}.b64-tone .b64-smark,.b64-tone>svg{margin-top:1px}.b64-tone .b64-act{height:28px;margin-top:6px}.b64-ehead .b64-smark{margin-top:1px}button.b64-qchar{border:0;padding:0}button.b64-qchar[data-pad]{border:1.5px dashed var(--pad)}.b64-quartet[data-static] .b64-qchar{cursor:default}.b64-quartet[data-static] .b64-qchar:hover{background:var(--color-cyan)}.b64-quartet[data-static] .b64-qchar[data-pad]:hover{background:0 0}.b64-quartet :focus-visible,.b64-tool :focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.b64-quartet :focus-visible{outline-color:var(--color-cyan)}[data-b64-deep] .b64-tool .b64-card{visibility:hidden;animation:0s 2.5s forwards b64-show}@keyframes b64-show{to{visibility:visible}}.b64-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.b64-filebtn[data-ring]{box-shadow:0 0 0 3px color-mix(in oklab, var(--color-link) 35%, transparent)}.bg-sec{scroll-margin-top:80px}.bg-wide-text{max-width:860px}.bg-nw,.bg-sec .g-p .code{white-space:nowrap}.bg-fig{grid-template-columns:minmax(0,1fr);gap:12px;margin:0;display:grid}.bg-fig>*{min-width:0}.bg-cap{font:500 13px/20px var(--font-sans);color:var(--color-ink-secondary);text-wrap:pretty}.band .bg-cap{color:var(--color-mist)}.bg-srcs{overflow-wrap:anywhere}.bg-srcs .link{white-space:nowrap;font-weight:500}.bg-fig code.code{background:var(--color-surface);font:400 .92em/1 var(--font-mono);color:var(--color-ink);border-radius:4px;padding:1px 4px}.band .bg-fig code.code{background:color-mix(in oklab, var(--color-cloud) 10%, transparent);color:var(--color-cloud)}.bg-sigrow,.bg-cost,.bg-lane ul,.bg-swaplist,.bg-alpha{margin:0;padding:0;list-style:none}.bg-quartet{border-radius:var(--radius-lg);border:1px solid color-mix(in oklab, var(--color-cyan) 22%, transparent)}.bg-quartet .b64-qhead{margin-bottom:8px}.bg-quartet .b64-ql{font:500 13px/18px var(--font-mono);letter-spacing:.02em;text-transform:none;color:var(--color-cloud)}.bg-quartet .b64-qgrid{max-width:960px}.bg-quartet .b64-qbyte .g{font-size:17px}.bg-quartet .b64-qbyte.is-missing .g{font-size:12px}.bg-quartet .b64-qcap code.code{background:color-mix(in oklab, var(--color-cloud) 10%, transparent);color:var(--color-cloud)}.bg-quartet .b64-qcap strong{color:var(--color-cloud);font-weight:600}.bg-two{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (width>=48rem){.bg-two{grid-template-columns:repeat(2,minmax(0,1fr))}}.bg-two .b64-qgrid{max-width:100%}.bg-two .b64-qbyte .n,.bg-two .b64-qbit{font-size:11px}.bg-two .b64-qbit{height:22px}.bg-two .b64-qchar{height:34px;font-size:18px}.bg-where{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}@media (width>=40rem){.bg-where{grid-template-columns:repeat(3,minmax(0,1fr))}}.bg-wcard{border:1px solid var(--color-line);background:var(--color-surface-raised);border-radius:16px;flex-direction:column;gap:6px;min-width:0;padding:14px 15px;display:flex}.bg-wcard b{font:700 14.5px/20px var(--font-sans);color:var(--color-ink)}.bg-wcode{text-overflow:ellipsis;white-space:nowrap;font:400 12px/18px var(--font-mono);color:var(--color-link);display:block;overflow:hidden}.bg-wcard span{font:500 12.5px/18px var(--font-sans);color:var(--color-ink-secondary)}.bg-sig{border:1px solid var(--color-line);background:var(--color-surface-raised);border-radius:14px;padding:14px 16px 16px}.bg-sigl{font:500 10.5px/14px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-secondary)}:lang(ja) .bg-sigl,:lang(ko) .bg-sigl{letter-spacing:.02em}.bg-sigrow{gap:4px;margin-top:8px;display:flex;overflow-x:auto}.bg-sigc{text-align:center;background:var(--color-surface);min-width:30px;box-shadow:inset 0 0 0 1px var(--color-line);border-radius:7px;flex:0 46px;gap:1px;padding:5px 0 6px;display:grid}.bg-sigc.on{background:color-mix(in oklab, var(--color-link) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-link) 45%, transparent)}.bg-sigc b{font:400 13px/18px var(--font-mono);color:var(--color-ink)}.bg-sigc i{font:500 15px/18px var(--font-mono);color:var(--color-link);font-style:normal}.bg-sigp{font:500 13.5px/21px var(--font-sans);color:var(--color-ink-secondary);margin:10px 0 0}.bg-sigp strong{color:var(--color-ink);font-weight:600}.bg-cost{--o1:var(--color-link);--o2:color-mix(in oklch, var(--color-link) 72%, var(--color-unknown-mark));--o3:color-mix(in oklch, var(--color-link) 45%, var(--color-unknown-mark));--o4:var(--color-ok-mark);border:1px solid var(--color-line);background:var(--color-surface-raised);border-radius:14px;grid-template-columns:minmax(0,1fr);gap:7px;padding:16px;display:grid}.bg-costrow{grid-template-columns:minmax(96px,150px) minmax(0,1fr) auto;align-items:center;gap:4px 10px;display:grid}.bg-costl{font:500 13px/18px var(--font-sans);color:var(--color-ink)}.bg-costbar{background:var(--color-surface);border-radius:5px;height:18px;overflow:hidden}.bg-costbar i{background:var(--b);border-radius:5px;height:100%;display:block}.bg-costn{font:400 12.5px/18px var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-ink-secondary);white-space:nowrap}.bg-costn b{color:var(--color-ink);font-weight:400}@media (width<30rem){.bg-costrow{grid-template-columns:minmax(0,1fr) auto}.bg-costbar{grid-area:2/1/auto/-1}}.bg-lanes{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}@media (width>=40rem){.bg-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}}.bg-lane{border:1px solid var(--color-line);background:var(--color-surface-raised);border-radius:14px;align-content:start;gap:5px;padding:14px 15px;display:grid}.bg-lane b{font:700 14px/20px var(--font-sans);color:var(--color-ink)}.bg-lane ul{gap:5px;display:grid}.bg-lanerow{font:500 13px/19px var(--font-sans);color:var(--color-ink-secondary);grid-template-columns:16px minmax(0,1fr);gap:8px;display:grid}.bg-lanerow i{border-radius:3px;width:9px;height:9px;margin-top:5px}.bg-lanerow i.ok{background:var(--color-ok-mark)}.bg-lanerow i.no{background:var(--color-fail-mark)}.bg-rule{font:500 13.5px/21px var(--font-sans);color:var(--color-ink-secondary);margin:0}.bg-rule strong{color:var(--color-ink);font-weight:700}.bg-swap{border:1px solid var(--color-line);background:var(--color-surface-raised);border-radius:14px;grid-template-columns:minmax(0,1fr);gap:6px;padding:14px 16px;display:grid}.bg-swaprow{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.bg-swapl{font:500 12.5px/18px var(--font-sans);color:var(--color-ink-secondary)}.bg-swapc{font:400 20px/28px var(--font-mono);letter-spacing:.06em;color:var(--color-ink);white-space:pre}.bg-swap-hit{color:var(--color-link)}.bg-swap-pad{color:var(--color-warn)}.bg-swaplist{gap:8px;display:grid}.bg-swaplist li{grid-template-columns:minmax(88px,max-content) minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.bg-swaplist b{font:400 15px/22px var(--font-mono);color:var(--color-ink);overflow-wrap:anywhere}.bg-swaplist b code{background:var(--color-surface);font:inherit;border-radius:4px;padding:1px 5px}.bg-swaplist span{font:500 13.5px/21px var(--font-sans);color:var(--color-ink-secondary)}.bg-basic{background:color-mix(in oklab, var(--color-cloud) 6%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-cloud) 14%, transparent);border-radius:16px;grid-template-columns:minmax(0,1fr);gap:9px;padding:18px 18px 16px;display:grid}@media (width<40rem){.bg-basic{padding:14px 12px 12px}}.bg-bhead{font:700 14.5px/20px var(--font-sans);color:var(--color-on-navy);align-items:center;gap:9px;margin:0;display:flex}.bg-bhead svg{color:var(--color-cyan);flex:none}.bg-bline{background:color-mix(in oklab, var(--color-page) 75%, var(--color-navy));font:400 14px/22px var(--font-mono);color:var(--color-cloud);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:9px;padding:9px 12px;display:block;overflow-x:auto}@media (width<40rem){.bg-bline{font-size:12.5px}}.bg-bline .hit{color:var(--color-cyan)}.bg-bout{color:var(--color-warn-mark)}.bg-barrow{min-height:26px;font:500 11.5px/16px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--color-mist);grid-auto-flow:column;justify-content:center;align-items:center;gap:8px;margin:0;display:grid}.bg-barrow:before{content:"↓";color:var(--color-cyan)}:lang(ja) .bg-barrow,:lang(ko) .bg-barrow{letter-spacing:0}.bg-bnote{font:500 13.5px/21px var(--font-sans);color:var(--color-mist);margin:4px 0 0}.bg-bnote strong{color:var(--color-on-navy);font-weight:600}.bg-moji{border:1px solid var(--color-line);background:var(--color-surface-raised);border-radius:14px;grid-template-columns:minmax(0,1fr);gap:10px;padding:16px;display:grid}.bg-mrow{flex-wrap:wrap;align-items:center;gap:5px 8px;display:flex}.bg-ml{min-width:148px;font:500 12.5px/18px var(--font-sans);color:var(--color-ink-secondary)}.bg-mbs{flex-wrap:wrap;gap:5px;display:flex}.bg-mb{background:var(--color-surface);min-width:34px;height:28px;box-shadow:inset 0 0 0 1px var(--color-line);font:400 13px/1 var(--font-mono);color:var(--color-ink);border-radius:6px;place-items:center;display:grid}.bg-mp{font:500 13.5px/21px var(--font-sans);color:var(--color-ink-secondary);margin:0}.bg-mp strong{color:var(--color-ink);font-weight:700}.bg-mcmp3{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}@media (width>=48rem){.bg-mcmp3{grid-template-columns:repeat(3,minmax(0,1fr))}}.bg-mcmp3>div{background:var(--color-surface);border-radius:10px;align-content:start;gap:3px;padding:10px 12px;display:grid}.bg-mcl{font:500 11.5px/16px var(--font-sans);color:var(--color-ink-secondary)}.bg-mcmp3 b{font:500 17px/25px var(--font-sans);overflow-wrap:anywhere}.bg-mcmp3 b.ok{color:var(--color-ok)}.bg-mcmp3 b.warn{color:var(--color-warn)}.bg-mcmp3 b.no{color:var(--color-fail)}.bg-code{border:1px solid var(--color-line);background:var(--color-surface-raised);border-radius:14px;overflow:hidden}.bg-codebar{border-bottom:1px solid var(--color-line);align-items:flex-end;gap:6px;padding:6px 6px 0;display:flex}.bg-codetabs{scrollbar-width:none;flex:1;gap:2px;min-width:0;display:flex;overflow-x:auto}.bg-codetabs::-webkit-scrollbar{display:none}@media (width<64rem){.bg-codetabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000)}}.bg-codetab{height:36px;font:600 13px/1 var(--font-sans);color:var(--color-ink-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.bg-codetab:hover{color:var(--color-ink)}.bg-codetab[aria-selected=true]{border-bottom-color:var(--color-link);color:var(--color-ink)}.bg-codetab:focus-visible{outline-offset:-2px}.bg-codetab img{flex:none}.bg-codecopy{height:30px;font:500 12.5px/1 var(--font-sans);color:var(--color-ink-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;align-items:center;gap:6px;margin-bottom:4px;padding:0 9px;display:inline-flex}.bg-codecopy:hover,.bg-codecopy[data-done]{border-color:var(--color-line-strong);color:var(--color-ink)}.bg-codecopy[data-done] svg{color:var(--color-ok-mark)}@media (width<30rem){.bg-codecopy span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.bg-codebody{font:400 13px/22px var(--font-mono);color:var(--color-ink);white-space:pre;tab-size:4;margin:0;padding:14px 16px 12px;overflow-x:auto}@media (width<40rem){.bg-codebody{padding:12px 12px 10px;font-size:12px;line-height:20px}}.bg-codebody .s{color:var(--color-link)}.bg-codebody .c{color:var(--color-ink-secondary)}.bg-codebody:focus-visible{outline-offset:-2px}.bg-ran{border-top:1px solid var(--color-line);font:500 12.5px/17px var(--font-sans);color:var(--color-ink-secondary);align-items:center;gap:8px;margin:0;padding:9px 16px 12px;display:flex}.bg-ok{background:var(--color-ok-mark);border-radius:50%;flex:none;width:8px;height:8px}.bg-alpha{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}@media (width>=40rem){.bg-alpha{grid-template-columns:repeat(16,minmax(0,1fr))}}.bg-ac{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:7px;flex-direction:column;justify-content:center;align-items:center;padding:5px 0 4px;display:flex;position:relative}.bg-ac b{font:500 16px/20px var(--font-mono);color:var(--color-ink)}.bg-ac i{font:400 10.5px/13px var(--font-mono);color:var(--color-ink-secondary);font-style:normal}.bg-ac.swap{background:color-mix(in oklab, var(--color-warn-mark) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-warn-mark) 45%, transparent)}.bg-aswap{font:600 13px/15px var(--font-mono);white-space:nowrap;color:var(--color-warn)}