.tiptap.ProseMirror .react-renderer.node-variableNode{line-height:0;display:inline}.tiptap.ProseMirror .tiptap-variable{vertical-align:middle;white-space:nowrap;background-color:var(--tt-variable-bg-color,var(--tt-brand-color-100));height:1.125rem;color:var(--tt-variable-text-color,var(--tt-brand-color-700));border-radius:var(--tt-radius-sm,.375rem);line-height:1;font-family:var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:center;gap:.1875rem;margin-inline:.0625rem;padding-inline:.25rem .375rem;font-size:.8125rem;font-weight:500;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;display:inline-flex}.tiptap.ProseMirror .tiptap-variable__icon{width:1em;height:1em;display:block}.tiptap.ProseMirror .tiptap-variable__icon svg{width:100%;height:100%;display:block}.tiptap.ProseMirror .tiptap-variable:hover{background-color:var(--tt-variable-hover-bg-color,var(--tt-brand-color-200));border-color:var(--tt-variable-hover-border-color,var(--tt-brand-color-400))}.tiptap.ProseMirror .tiptap-variable--invalid{border-style:dashed;border-width:1px;border-color:color-mix(in srgb, var(--error) 35%, transparent);background-color:color-mix(in srgb, var(--error) 10%, transparent);box-shadow:none;color:var(--error)}.tiptap.ProseMirror .tiptap-variable--invalid:hover{background-color:color-mix(in srgb, var(--error) 16%, transparent)}.tiptap.ProseMirror .tiptap-variable--valid{border-color:var(--prompt-token-border-color);box-shadow:var(--prompt-token-shadow);background-clip:padding-box;background-color:color-mix(in srgb, var(--telli-blue-1) 13%, transparent);color:var(--telli-blue-1)}.tiptap.ProseMirror .tiptap-variable--valid:hover{background-color:color-mix(in srgb, var(--telli-blue-1) 20%, transparent);border-color:var(--prompt-token-border-color)}.tiptap.ProseMirror.ProseMirror-focused .tiptap-variable--selected.tiptap-variable--valid{border-color:var(--prompt-token-border-color);background-color:color-mix(in srgb, var(--telli-blue-1) 20%, transparent)}.dark .tiptap.ProseMirror .tiptap-variable{--tt-variable-bg-color:var(--tt-brand-color-900);--tt-variable-text-color:var(--tt-brand-color-200);--tt-variable-border-color:var(--tt-brand-color-700);--tt-variable-hover-bg-color:var(--tt-brand-color-800);--tt-variable-hover-border-color:var(--tt-brand-color-600)}.tiptap.ProseMirror .tiptap-variable[title]:hover:after{content:"Variable: " attr(data-variable);background-color:var(--tt-tooltip-bg-color,#1f2937);color:var(--tt-tooltip-text-color,#f9fafb);border-radius:var(--tt-radius-xs,.25rem);white-space:nowrap;z-index:10;pointer-events:none;opacity:0;padding:.25rem .5rem;font-size:.75rem;animation:.2s ease-in-out forwards fadeIn;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)translateY(-2px)}to{opacity:1;transform:translate(-50%)translateY(0)}}