.tr{z-index:1100;pointer-events:none;--tr-dim:#0a0a0a73;position:fixed;inset:0}.tr-block{pointer-events:auto;background:0 0;position:fixed;inset:0}.tr-hole{border:2px solid var(--magenta);width:0;height:0;box-shadow:0 0 0 9999px var(--tr-dim);pointer-events:none;border-radius:0;transition:top .25s cubic-bezier(.16,1,.3,1),left .25s cubic-bezier(.16,1,.3,1),width .25s cubic-bezier(.16,1,.3,1),height .25s cubic-bezier(.16,1,.3,1);position:fixed;top:50%;left:50%}.tr-box{background:var(--paper);width:360px;max-width:calc(100vw - 24px);color:var(--ink);border:2px solid var(--ink);box-shadow:none;pointer-events:auto;border-radius:0;transition:top .25s cubic-bezier(.16,1,.3,1),left .25s cubic-bezier(.16,1,.3,1);position:fixed}.tr-top{border-bottom:2px solid var(--ink);align-items:stretch;display:flex}.tr-tag{background:var(--magenta);color:#fff;font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;align-items:center;padding:9px 14px;font-size:11px;font-weight:800;display:flex}.tr-count{font-family:var(--display);letter-spacing:.18em;color:var(--ink-mute);border-left:2px solid var(--ink);align-items:center;margin-left:auto;padding:9px 14px;font-size:11px;font-weight:700;display:flex}.tr-body{padding:18px 20px 6px}.tr-title{font-family:var(--display);letter-spacing:-.005em;text-transform:none;margin:0 0 8px;font-size:20px;font-weight:800;line-height:1.2}.tr-text{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.55}.tr-keys{border-top:1px solid var(--rule-soft);color:var(--ink-mute);flex-wrap:wrap;align-items:center;gap:6px;margin:14px 20px 0;padding-top:12px;font-size:12px;display:flex}.tr-keys-sep{margin:0 4px}.tr-kbd{box-sizing:border-box;border:1px solid var(--ink);min-width:22px;height:20px;color:var(--ink);font-family:var(--display);letter-spacing:.04em;background:#fff;border-bottom-width:2px;border-radius:0;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.tr-btn .tr-kbd{height:18px;color:inherit;background:0 0;border-color:currentColor;margin-left:8px;font-size:9px}@media (hover:none){.tr-keys,.tr-btn .tr-kbd{display:none}}.tr-foot{align-items:center;gap:8px;padding:16px 20px 18px;display:flex}.tr-spacer{flex:auto}.tr-btn{appearance:none;cursor:pointer;border:2px solid var(--ink);color:var(--ink);font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;background:0 0;border-radius:0;padding:12px 18px;font-size:11px;font-weight:800;transition:background-color .12s,color .12s,border-color .12s}.tr-btn:hover{background:var(--ink);color:var(--paper)}.tr-next{background:var(--magenta);border-color:var(--ink);color:#fff}.tr-next:hover{background:var(--ink);border-color:var(--ink);color:#fff}.tr-btn:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}.tr-next:focus-visible{outline-color:var(--ink)}@media (width<=720px){.tr-box[data-side=sheet]{border-bottom:0;border-left:0;border-right:0;width:auto;max-width:none;bottom:0;right:0;top:auto!important;left:0!important}}.tr.is-entering .tr-hole{transition:none;animation:.6s cubic-bezier(.16,1,.3,1) both tr-dim}.tr.is-entering .tr-box{transition:none;animation:.5s cubic-bezier(.16,1,.3,1) .12s both tr-in}@keyframes tr-dim{0%{border-color:#0000;box-shadow:0 0 0 9999px #0a0a0a00}to{box-shadow:0 0 0 9999px var(--tr-dim)}}@keyframes tr-in{0%{opacity:0;transform:translateY(10px)scale(.94)}to{opacity:1;transform:none}}@media (width<=720px){.tr.is-entering .tr-box[data-side=sheet]{animation-name:tr-sheet}@keyframes tr-sheet{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.tr-hole,.tr-box{transition:none}.tr.is-entering .tr-box{animation:.2s linear both tr-fade}.tr.is-entering .tr-hole{animation:none}@keyframes tr-fade{0%{opacity:0}}}