: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;padding-bottom:8rem;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-3);transition:color .15s}:where(html[data-pg=mods]) .mods-links a:hover,:where(html[data-pg=mods]) .mod-cta:hover,:where(html[data-pg=mods]) .bmod:hover .bmod-src{color:var(--ink)}: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:5rem}: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{border:var(--fig-edge);background:var(--bg-raised);grid-column:1/6;padding-right:0;display:block;position:relative}:where(html[data-pg=mods]) .mod-media video{width:100%;height:auto;display:block}:where(html[data-pg=mods]) .mod-toggle{font-family:var(--mono);font-size:var(--type-chrome);letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2);background:var(--bg);border:1px solid var(--line);cursor:pointer;padding:4px 10px;transition:color .15s;position:absolute;bottom:12px;right:12px}:where(html[data-pg=mods]) .mod-toggle:hover{color:var(--ink)}:where(html[data-pg=mods]) .mod-toggle:focus-visible{outline:1px solid var(--ink);outline-offset:2px}: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:400;font-size:var(--type-row-title);color:var(--ink);line-height:1.25}:where(html[data-pg=mods]) .mod-body p{color:var(--ink-2);font-size:var(--type-p);line-height:var(--type-p-lh);margin-top:.75rem}:where(html[data-pg=mods]) .mod-meta{flex-direction:column;gap:.5rem;margin-top:1.5rem;display:flex}:where(html[data-pg=mods]) .mod-meta div{font-family:var(--mono);font-size:var(--type-chrome);letter-spacing:.02em;grid-template-columns:4.5rem 1fr;display:grid}:where(html[data-pg=mods]) .mod-meta dt{color:var(--ink-4)}:where(html[data-pg=mods]) .mod-meta dd{color:var(--ink-2)}: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);grid-template-columns:repeat(8,minmax(0,1fr));align-items:baseline;padding:1.25rem 0;display:grid}: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]) .bmod-by{font-family:var(--mono);font-size:var(--type-chrome);letter-spacing:.02em;color:var(--ink-3);margin-top:.5rem;display:block}:where(html[data-pg=mods]) .bmod-by code{font-family:var(--mono);color:var(--ink-2);overflow-wrap:anywhere}: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:900px){: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]) .mod-media,:where(html[data-pg=mods]) .mod-body{grid-column:1/-1}:where(html[data-pg=mods]) .mod-body{padding:1.25rem 0 0}: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}}