.tr-caret{display:inline;position:relative}.tr-caret:after{content:"";background:var(--color-secondary-600);width:2px;height:1.2em;animation:1s step-end infinite trCaretBlink;position:absolute;top:.2em;left:-1px}.tr-caret[data-typing=true]:after{animation:none}@keyframes trCaretBlink{0%,55%{opacity:1}56%,to{opacity:0}}.tr-paste-flash{border-radius:2px;animation:.9s ease-out both trPasteFlash}@keyframes trPasteFlash{0%{background-color:var(--color-tan-dark)}to{background-color:#0000}}.tr-paste-anchor{display:inline;position:relative}.tr-paste-tag{background:var(--color-tan-dark);color:var(--color-tan-text);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;border-radius:2px;margin-bottom:-.2em;padding:0 4px;font-size:10px;font-weight:600;line-height:1.5;animation:.9s ease-out both trTagFade;position:absolute;bottom:100%;left:0}@keyframes trTagFade{0%,60%{opacity:1}to{opacity:0}}.tr-overlay{cursor:pointer}.tr-overlay[data-leaving=true]{pointer-events:none;animation:.4s ease-out both trOverlayOut}@keyframes trOverlayOut{0%{opacity:1}to{opacity:0}}.tr-chip{animation:.16s ease-out both trChipIn}@keyframes trChipIn{0%{opacity:0;transform:translate(-50%,2px)}to{opacity:1;transform:translate(-50%)}}.rk{width:100%;max-width:380px;margin:1.25rem auto 0}.rk-board{border:2px solid var(--color-line);background:var(--color-card);border-radius:7px;flex-direction:column;gap:3px;padding:6px;display:flex}.rk-row{gap:3px;display:flex}.rk-key{--rk-p:0;background:color-mix(in srgb, var(--color-accent) calc(var(--rk-p) * 100%), var(--color-tan-warm));min-width:0;height:16px;box-shadow:0 calc((2px - 1.5px * var(--rk-p))) 0 color-mix(in srgb, var(--color-accent-dark) calc(var(--rk-p) * 100%), var(--color-tan-dark));transform:translateY(calc(1.5px * var(--rk-p)));border-radius:3px;flex:1 1 0}@media (max-width:480px){.rk-board{gap:2px;padding:5px}.rk-row{gap:2px}.rk-key{border-radius:2px;height:13px}}@media (prefers-reduced-motion:reduce){.tr-caret:after,.tr-paste-flash,.tr-paste-tag,.tr-overlay[data-leaving=true],.tr-chip{animation:none}.tr-overlay[data-leaving=true]{opacity:0}.tr-paste-flash{background-color:color-mix(in srgb, var(--color-tan-dark) 60%, transparent)}.tr-chip{transform:translate(-50%)}.rk-key{transition:none;transform:none}}