.cli,.cli-play{--cli-bg:var(--bg-raised);--cli-bar:var(--bg-raised);--cli-bar-rule:var(--line-soft);--cli-ink:var(--ink);--cli-dim:var(--ink-2);--cli-rule:var(--ink-4);--cli-hl:rgba(var(--ink-rgb), .1);--cli-blue:#9ac8ff;--cli-green:#7fd18b;--cli-red:#ff7b8b;--cli-yellow:#e6c200;--cli-pink:#f394cd;--cli-clay:#e0886a;--cli-cyan:#4fc3e8;--cli-add:#0a3d14;--cli-del:#55101a;--cli-word:#ffffff2e;--cli-dot:var(--ink-4);--cli-pick:#0f7e9b}.cli{aspect-ratio:4/3;overflow-anchor:none;background:var(--cli-bg);min-height:0;color:var(--cli-ink);border:var(--fig-edge);font-family:var(--mono);flex-direction:column;margin:0;display:flex;position:relative;overflow:hidden;container-type:inline-size}@media (prefers-color-scheme:light){:root:not([data-scheme=dark]) .cli,:root:not([data-scheme=dark]) .cli-play{--cli-bg:#fff;--cli-bar:#ecebe6;--cli-bar-rule:transparent;--cli-ink:#1f1e1c;--cli-dim:#625f58;--cli-rule:#c9c7c0;--cli-hl:#eeece6;--cli-blue:#2a62c9;--cli-green:#256a30;--cli-red:#c2334f;--cli-yellow:#7a5c00;--cli-pink:#b4337f;--cli-clay:#a94e2f;--cli-cyan:#16749a;--cli-add:#e4f5e4;--cli-del:#fde9eb;--cli-word:#1414131f;--cli-dot:#cfcdc6;--cli-pick:#16749a}}:root[data-scheme=light] .cli,:root[data-scheme=light] .cli-play{--cli-bg:#fff;--cli-bar:#ecebe6;--cli-bar-rule:transparent;--cli-ink:#1f1e1c;--cli-dim:#625f58;--cli-rule:#c9c7c0;--cli-hl:#eeece6;--cli-blue:#2a62c9;--cli-green:#256a30;--cli-red:#c2334f;--cli-yellow:#7a5c00;--cli-pink:#b4337f;--cli-clay:#a94e2f;--cli-cyan:#16749a;--cli-add:#e4f5e4;--cli-del:#fde9eb;--cli-word:#1414131f;--cli-dot:#cfcdc6;--cli-pick:#16749a}.cli-bar{background:var(--cli-bar);border-bottom:1px solid var(--cli-bar-rule);align-items:center;gap:7px;height:28px;padding:0 12px;display:flex;position:relative}.cli-bar i{background:var(--cli-dot);border-radius:50%;width:11px;height:11px;transition:background-color .15s}.cli:hover{--cli-dot-1:#ff5f57;--cli-dot-2:#febc2e;--cli-dot-3:#28c840}.cli-bar i:first-child{background:var(--cli-dot-1,var(--cli-dot))}.cli-bar i:nth-child(2){background:var(--cli-dot-2,var(--cli-dot))}.cli-bar i:nth-child(3){background:var(--cli-dot-3,var(--cli-dot))}.cli-bar span{text-align:center;color:var(--cli-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;position:absolute;left:70px;right:70px;overflow:hidden}.cli-bar{flex:none}.cli-screen{overflow-wrap:anywhere;flex-direction:column;flex:1;min-height:0;padding:0 16px 10px;font-size:clamp(10.5px,2.05cqi,13px);line-height:1.5;display:flex}.cli-screen:before{content:"";background:linear-gradient(var(--cli-bg), transparent);pointer-events:none;height:16px;position:absolute;top:28px;left:16px;right:16px}.cli-scroll{scrollbar-width:thin;scrollbar-color:var(--cli-rule) transparent;flex-direction:column-reverse;flex:1;min-height:0;display:flex;overflow-y:auto}.cli-scroll>div{padding-top:16px}.cli-scroll:focus-visible{outline:1px solid var(--cli-dim);outline-offset:2px}.cli-foot{flex:none;padding-top:.75em}.cli-foot .cli-input{margin-top:.75em}.cli-row{white-space:pre-wrap;grid-template-columns:2ch minmax(0,1fr);display:grid}.cli-mark{white-space:pre}.cli-line{white-space:pre-wrap}.cli-end{text-align:right}.cli-spread{justify-content:space-between;gap:2ch;display:flex}.cli-spread>:last-child{flex:none}.cli-key{white-space:pre}.cli-gap{height:1.5em}.cli-sent{white-space:pre-wrap;text-indent:-2ch;padding-left:2ch}.cli-hl{background:var(--cli-hl);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-block:.25em}.cli-b{font-weight:600}.cli-i{font-style:italic}.cli-dim{color:var(--cli-dim)}.cli-blue{color:var(--cli-blue)}.cli-green{color:var(--cli-green)}.cli-red{color:var(--cli-red)}.cli-yellow{color:var(--cli-yellow)}.cli-pink{color:var(--cli-pink)}.cli-clay{color:var(--cli-clay)}.cli-cyan{color:var(--cli-cyan)}.cli-input{margin-top:1.5em}.cli-box-in{border-top:1px solid var(--cli-rule);border-bottom:1px solid var(--cli-rule);grid-template-columns:2ch minmax(0,1fr);padding:.525em 0;display:grid}.cli-hint{color:var(--cli-dim);white-space:nowrap;text-overflow:ellipsis;padding:.525em 0 0 2ch;overflow:hidden}.cli-box{border:1px solid;padding:.75em 1.5ch;position:relative}.cli-box-yellow{border-color:var(--cli-yellow)}.cli-box-pink{border-color:var(--cli-pink)}.cli-corner{background:var(--cli-bg);color:var(--cli-dim);padding:0 .5ch;position:absolute;top:-1.125em;right:1ch}.cli-diff{white-space:pre-wrap;grid-template-columns:4ch 2ch minmax(0,1fr);display:grid}.cli-diff .cli-n{text-align:right;color:var(--cli-dim);padding-right:1ch}.cli-add{background:var(--cli-add)}.cli-del{background:var(--cli-del)}.cli-add .cli-n,.cli-del .cli-n{color:var(--cli-ink)}.cli-word{background:var(--cli-word)}.cli-split{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:2ch;display:grid}.cli-pane{border-left:1px solid var(--cli-rule);align-self:start;padding-left:2ch;position:sticky;top:calc(16px + 1.125em)}.cli-on{background:var(--cli-ink);color:var(--cli-bg);padding:0 .5ch}.cli-pick{background:var(--cli-pick);color:#fff;padding:0 .5ch}@container (max-width:560px){.cli-screen{scrollbar-width:thin;scrollbar-color:var(--cli-rule) transparent;flex-direction:column-reverse;padding:12px 12px 8px;overflow-y:auto}.cli-scroll{flex:none;display:block;overflow:visible}.cli-screen:before{height:12px;left:12px;right:12px}.cli-scroll>div{padding-top:0}.cli-foot{order:-1}.cli-split{grid-template-columns:minmax(0,1fr);gap:1.5em}.cli-pane{border-left:0;border-top:1px solid var(--cli-rule);padding:1.5em 0 0;position:static}}@media (max-width:640px){.cli{aspect-ratio:1}}.cli-play{position:relative}.cli-play-toggle{height:28px;font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--cli-dim);cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:11px;position:absolute;top:0;right:0}.cli-play-toggle:hover{color:var(--cli-ink)}.cli-play-toggle:focus-visible{outline:1px solid var(--cli-ink);outline-offset:-4px}.cli-spark{vertical-align:text-bottom;align-items:flex-end;height:1.1em;display:inline-flex}.cli-spark i{background:currentColor;width:1ch}.cli-h1{height:12.5%}.cli-h2{height:25%}.cli-h3{height:37.5%}.cli-h4{height:50%}.cli-h5{height:62.5%}.cli-h6{height:75%}.cli-h7{height:87.5%}.cli-h8{height:100%}.cli-caret{vertical-align:text-bottom;background:var(--cli-ink);width:1ch;height:1.2em;display:inline-block}
:where(html[data-pg=mods]) .wrap{z-index:1;padding:0 var(--gutter);position:relative}:where(html[data-pg=mods]) .mods{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;margin-top:4rem;display:grid}:where(html[data-pg=mods]) .mods-rail{grid-column:1/4;position:sticky;top:2rem}:where(html[data-pg=mods]) .mods-rail h1{font-family:var(--mono);font-size:1.75rem;font-weight:400;line-height:1.1}:where(html[data-pg=mods]) .mods-sub{color:var(--ink-2);font-size:var(--type-sub);line-height:var(--type-sub-lh);text-wrap:pretty;margin-top:1rem;padding-right:40px}:where(html[data-pg=mods]) .mods-links{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}:where(html[data-pg=mods]) .mods-links a,:where(html[data-pg=mods]) .mod-cta,:where(html[data-pg=mods]) .bmod-src{font-family:var(--mono);font-size:var(--type-chrome);letter-spacing:.02em;color:var(--ink-2);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;transition:color .15s,text-decoration-color .15s}:where(html[data-pg=mods]) .mods-links a:is(:hover,:focus-visible),:where(html[data-pg=mods]) .mod-cta:is(:hover,:focus-visible),:where(html[data-pg=mods]) .bmod:is(:hover,:focus-visible) .bmod-src{color:var(--ink);text-decoration-color:#0000}:where(html[data-pg=mods]) .arr{margin-left:.5em;display:inline-block}:where(html[data-pg=mods]) .mods-col{grid-column:5/13;min-width:0}:where(html[data-pg=mods]) .mods-head{font-family:var(--mono);letter-spacing:.02em;color:var(--ink);border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:1rem;font-size:.75rem;display:flex}:where(html[data-pg=mods]) .mods-head .n{color:var(--ink-3)}:where(html[data-pg=mods]) .mods-head:not(:first-child){margin-top:4rem}:where(html[data-pg=mods]) .mods-col>.mod:first-child{padding-top:0}:where(html[data-pg=mods]) .mod{border-bottom:1px solid var(--line);grid-template-columns:repeat(8,minmax(0,1fr));column-gap:0;padding:2rem 0;display:grid}:where(html[data-pg=mods]) .mod-media{grid-column:1/6;min-width:0}:where(html[data-pg=mods]) .mod-body{flex-direction:column;grid-column:6/9;padding-left:2rem;display:flex}:where(html[data-pg=mods]) .mod-body h2{font-family:var(--sans);font-weight:500;font-size:var(--type-h1);line-height:var(--type-h1-lh);color:var(--ink);text-wrap:balance}:where(html[data-pg=mods]) .mod-body p{font-family:var(--sans);color:var(--ink-2);font-size:var(--type-sub);line-height:var(--type-sub-lh);text-wrap:balance;margin-top:.75rem}:where(html[data-pg=mods]) .mod-meta{flex-direction:column;gap:1.25rem;margin-top:30px;display:flex}:where(html[data-pg=mods]) .mod-meta dt{font-family:var(--mono);letter-spacing:.02em;color:var(--ink-3);margin-bottom:7px;font-size:.75rem;line-height:normal}:where(html[data-pg=mods]) .mod-meta dd{font-family:var(--sans);color:var(--ink);text-indent:-1.2em;overflow-wrap:anywhere;padding-left:1.2em;font-size:.875rem}:where(html[data-pg=mods]) .mod-meta code{font-family:var(--mono);font-size:.8125rem}:where(html[data-pg=mods]) .mod-hooks{--hook-gap:4px;line-height:calc(.875em * 1.4 + 2px + var(--hook-gap))}:where(html[data-pg=mods]) .mod-meta .mod-hook{vertical-align:top;margin-right:var(--hook-gap);color:var(--ink);background:rgba(var(--ink-rgb), .05);border:1px solid var(--line-soft);text-indent:0;white-space:nowrap;padding:0 .25em;font-size:.875em;line-height:1.4;display:inline-block}:where(html[data-pg=mods]) .mod-sep{font-size:0;line-height:0}:where(html[data-pg=mods]) .mod-meta .mod-dt-copy{justify-content:space-between;align-items:baseline;display:flex}:where(html[data-pg=mods]) .mod-copy{font:inherit;letter-spacing:inherit;text-transform:uppercase;color:var(--ink-3);transition:color .15s}:where(html[data-pg=mods]) .mod-copy .cp-stack{justify-items:end}:where(html[data-pg=mods]) .mod-copy:is(:hover,:focus-visible){color:var(--ink)}:where(html[data-pg=mods]) .mod-pkg{white-space:nowrap}:where(html[data-pg=mods]) .mod-meta dd:before{content:"└ ";font-family:var(--mono);color:var(--ink-4);text-indent:0;width:1.2em;display:inline-block}:where(html[data-pg=mods]) .mod-body .mod-cta{margin-top:auto;padding-top:1.5rem}:where(html[data-pg=mods]) .bmod{border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(8,minmax(0,1fr));align-items:baseline;padding:1rem 0;transition:opacity .25s;display:grid;position:relative}:where(html[data-pg=mods]) .bmod:before{background:color-mix(in srgb, rgb(var(--ink-rgb)) 9%, var(--bg));height:1px;position:absolute;top:-1px;left:0;right:0}@media (hover:hover){:where(html[data-pg=mods]) .bmods:hover{--bmod-dim:.35}:where(html[data-pg=mods]) .bmod{opacity:var(--bmod-dim,1)}:where(html[data-pg=mods]) .bmod:hover{opacity:1}:where(html[data-pg=mods]) .bmod:hover:before{content:""}}:where(html[data-pg=mods]) .bmod-name{font-family:var(--mono);font-size:var(--type-data);color:var(--ink);grid-column:1/3}:where(html[data-pg=mods]) .bmod-line{color:var(--ink-2);font-size:var(--type-p);grid-column:3/8;padding-right:2rem;line-height:1.5}:where(html[data-pg=mods]) .bmod-src{grid-column:8/9;justify-self:end}:where(html[data-pg=mods]) .bmod:hover .bmod-line{color:var(--ink)}:where(html[data-pg=mods]) .mods-yours{color:var(--ink-3);border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:2rem;padding:2rem 0;display:flex}@media (max-width:1000px){:where(html[data-pg=mods]) .mod-media,:where(html[data-pg=mods]) .mod-body{grid-column:1/-1}:where(html[data-pg=mods]) .mod-body{grid-template-rows:auto 1fr;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;padding:1.5rem 0 0;display:grid}:where(html[data-pg=mods]) .mod-body h2{grid-area:1/1}:where(html[data-pg=mods]) .mod-info{grid-area:1/2/3}:where(html[data-pg=mods]) .mod-info p{margin-top:0}:where(html[data-pg=mods]) .mod-body .mod-cta{grid-area:2/1}}@media (max-width:900px){:where(html[data-pg=mods]) .mod-body h2{line-height:var(--type-h1-lh-m)}:where(html[data-pg=mods]) .mod-body p{font-size:var(--type-sub-m)}:where(html[data-pg=mods]) .mods-rail,:where(html[data-pg=mods]) .mods-col{grid-column:1/-1;position:static}:where(html[data-pg=mods]) .mods-col{margin-top:3rem}:where(html[data-pg=mods]) .bmod-name{grid-column:1/-1}:where(html[data-pg=mods]) .bmod-line{grid-column:1/8;margin-top:.5rem;padding-right:1rem}:where(html[data-pg=mods]) .mods-yours{flex-direction:column;gap:1rem}}@media (max-width:640px){:where(html[data-pg=mods]) .mod-body{flex-direction:column;padding-top:1.25rem;display:flex}:where(html[data-pg=mods]) .mod-info p{margin-top:.75rem}}