.home .xd-pair .pr-mid{width:47%;display:grid;position:absolute;top:9%;left:26.5%}.home .xd-pair .pr-mid>*{grid-area:1/1;align-self:start;transition:opacity .45s cubic-bezier(.2,.7,.3,1),translate .45s cubic-bezier(.2,.7,.3,1)}.home .xd-pair .pr-mid>.out{opacity:0;pointer-events:none;translate:0 10px}.home .xd-pair .pr-term{padding:14px 18px;font-size:15px}.home .xd-pair .pr-mid>.win.pr-code{width:100%;height:auto;position:relative;top:0}.home .xd-pair .pr-code .wb{padding:8px 14px}.home .xd-pair .pr-file{font:600 14px var(--mono)}.home .xd-pair .pr-code .wb code{font:600 13px var(--mono);background:var(--paper);border:1.5px solid var(--rule);border-radius:5px;padding:0 6px}.home .xd-pair .pr-src{font:500 15.5px/1.7 var(--mono);padding:10px 0}.home .xd-pair .pr-cl{white-space:pre;grid-template-columns:30px minmax(0,1fr);transition:background .4s,max-height .5s cubic-bezier(.2,.7,.3,1),opacity .4s;display:grid}.home .xd-pair .pr-cl i{text-align:center;color:var(--green);font-style:normal;font-weight:700}.home .xd-pair .pr-cl.bad{background:#f7d3cf}.home .xd-pair .pr-cl.add{opacity:0;background:#e6efdf;max-height:0;overflow:hidden}.home .xd-pair .pr-cl.add.on{opacity:1;max-height:2em}.home .xd-pair .pr-log{border-top:2px dashed var(--rule);flex-wrap:wrap;gap:10px;min-height:50px;padding:10px 14px 12px;display:flex}.home .xd-pair .pr-log .pill{opacity:0;transition:opacity .4s,translate .4s cubic-bezier(.2,.7,.3,1);translate:0 6px}.home .xd-pair .pr-log .pill.on{opacity:1;translate:0}.home .xd-pair .ag.pr-ag{opacity:0;width:190px;height:190px;top:58%}.home .xd-pair .ag.pr-ag.pr-show{opacity:1}.home .xd-pair .pr-ag.writer,.home .xd-pair .pr-nm.writer,.home .xd-pair .pr-bub.writer{left:13%}.home .xd-pair .pr-ag.reviewer,.home .xd-pair .pr-nm.reviewer,.home .xd-pair .pr-bub.reviewer{left:87%}.home .xd-pair .pr-nm{text-align:center;white-space:nowrap;opacity:0;transition:opacity .4s;display:block;position:absolute;top:78%;translate:-50%}.home .xd-pair .pr-nm.pr-show{opacity:1}.home .xd-pair .pr-nm b{font-size:18px;font-weight:700;line-height:1.15;display:block}.home .xd-pair .pr-nm small{font:600 12.5px var(--mono);background:var(--white);border:1.5px solid var(--ink);border-radius:6px;margin-top:5px;padding:1px 7px;display:inline-block}.home .xd-pair .bub.pr-bub{white-space:normal;width:23%;max-width:none;top:auto;bottom:67%}.home .xd-pair .bub.pr-bub span{font-size:15.5px}@media (max-width:720px){.home .xd-pair .xd-stage{aspect-ratio:4/5.4}.home .xd-pair .pr-mid{width:94%;top:3%;left:3%}.home .xd-pair .pr-term{padding:10px 12px;font-size:12.5px}.home .xd-pair .pr-mid>.win.pr-code{box-shadow:3px 3px 0 var(--ink)}.home .xd-pair .pr-code .wb{flex-direction:row;align-items:center;padding:6px 10px}.home .xd-pair .pr-file,.home .xd-pair .pr-code .wb code{font-size:12.5px}.home .xd-pair .pr-src{padding:6px 0;font-size:12.5px;line-height:1.65}.home .xd-pair .pr-cl{grid-template-columns:20px minmax(0,1fr)}.home .xd-pair .pr-log{gap:6px;min-height:40px;padding:7px 10px 8px}.home .xd-pair .pr-log .pill{padding:2px 8px;font-size:12px}.home .xd-pair .ag.pr-ag{width:84px;height:84px;top:77.5%}.home .xd-pair .pr-ag.writer,.home .xd-pair .pr-nm.writer,.home .xd-pair .pr-bub.writer{left:26%}.home .xd-pair .pr-ag.reviewer,.home .xd-pair .pr-nm.reviewer,.home .xd-pair .pr-bub.reviewer{left:74%}.home .xd-pair .pr-nm{top:87%}.home .xd-pair .pr-nm small{margin-top:3px}.home .xd-pair .pr-nm b{font-size:14px}.home .xd-pair .pr-nm small{padding:0 5px;font-size:12px}.home .xd-pair .bub.pr-bub{width:45%;padding:5px 8px 6px;bottom:31.5%}.home .xd-pair .bub.pr-bub span{font-size:13px}}