:root{--html-block-border:var(--tt-gray-light-a-300);--html-block-border-hover:var(--tt-gray-light-a-400);--html-block-bg:#1e1e2e;--html-block-text:#cdd6f4;--html-block-label:var(--tt-gray-light-a-500);--html-block-placeholder:var(--tt-gray-light-a-400)}.dark{--html-block-border:var(--tt-gray-dark-a-300);--html-block-border-hover:var(--tt-gray-dark-a-400);--html-block-bg:#1e1e2e;--html-block-text:#cdd6f4;--html-block-label:var(--tt-gray-dark-a-500);--html-block-placeholder:var(--tt-gray-dark-a-400)}.html-block-wrapper{margin:1rem 0}.html-block-editor{display:flex;flex-direction:column;gap:.25rem}.html-block-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--html-block-label);user-select:none}.html-block-preview-label{margin-top:.5rem}.html-block-textarea{width:100%;min-height:6rem;padding:.75rem;border-radius:.375rem;border:1px solid var(--html-block-border);background-color:var(--html-block-bg);color:var(--html-block-text);font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:.8125rem;line-height:1.5;resize:vertical;tab-size:2}.html-block-textarea:focus{outline:none;border-color:var(--html-block-border-hover)}.html-block-textarea::placeholder{color:var(--html-block-placeholder)}.html-block-iframe{width:100%;border:1px solid var(--html-block-border);border-radius:.375rem;display:block;background:#fff}.html-block-empty{display:none}.tiptap.ProseMirror.ProseMirror-focused .ProseMirror-selectednode .html-block-wrapper{outline:2px solid var(--tt-brand-color-500);outline-offset:2px;border-radius:.375rem}