2 lines
24 KiB
CSS
2 lines
24 KiB
CSS
.chat-thinking{border-radius:var(--radius-md);color:var(--muted);font-size:var(--control-ui-text-sm);background:#ffffff0a;border:1px dashed #ffffff2e;margin-bottom:10px;padding:10px 12px;line-height:1.4}:root[data-theme-mode=light] .chat-thinking{background:#1018280a;border-color:#10182840}.chat-text{font-family:var(--font-chat);font-size:var(--chat-text-size);color:var(--chat-text);overflow-wrap:anywhere;word-break:break-word;-webkit-font-smoothing:var(--chat-font-smoothing,inherit);-moz-osx-font-smoothing:var(--chat-font-smoothing,inherit);line-height:1.5}.chat-message-disclosure{position:relative}.chat-message-disclosure:not(.is-expanded) .chat-message-disclosure__content{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-message-disclosure__toggle{border-radius:var(--radius-md);width:36px;height:36px;color:var(--muted);cursor:var(--cursor-action);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:-5px;right:-5px}.chat-message-disclosure__toggle[hidden]{display:none}@media (hover:hover){.chat-message-disclosure__toggle:hover{background:color-mix(in srgb, currentColor 8%, transparent);color:var(--text)}}.chat-message-disclosure__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chat-message-disclosure__toggle svg{width:15px;height:15px}.chat-message-disclosure.has-overflow .chat-message-disclosure__content{padding-right:30px}.chat-message-load-error{color:var(--danger);font-size:var(--control-ui-text-sm);align-items:center;gap:8px;margin-top:6px;display:flex}.chat-message-load-error__retry{border:1px solid color-mix(in srgb, var(--border) 72%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--secondary) 78%, transparent);color:var(--muted);font:inherit;font-size:var(--control-ui-text-sm);cursor:var(--cursor-action);align-items:center;padding:2px 8px;display:inline-flex}@media (hover:hover){.chat-message-load-error__retry:hover{border-color:color-mix(in srgb, var(--accent) 36%, var(--border));color:var(--text)}}.chat-message-load-error__retry:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chat-text :where(p,ul,ol,pre,blockquote,table,details,.markdown-table){margin:0}.chat-text>:where(p,ul,ol,pre,blockquote,table,details,.markdown-table)+:where(p,ul,ol,pre,blockquote,table,details,.markdown-table){margin-top:1em}.chat-text :where(blockquote,details,li)>:where(p,ul,ol,pre,blockquote,table,details,.markdown-table)+:where(p,ul,ol,pre,blockquote,table,details,.markdown-table){margin-top:.5em}.chat-text :where(table){border:1px solid color-mix(in srgb, var(--accent) 20%, var(--border));border-radius:var(--radius-md);border-collapse:separate;border-spacing:0;background:color-mix(in srgb, var(--accent) 2%, var(--bg-elevated));width:fit-content;max-width:100%;box-shadow:0 6px 20px color-mix(in srgb, var(--accent) 4%, transparent);margin-top:.75em;font-size:13px;display:block;overflow-x:auto}.markdown-table{width:100%;max-width:100%;margin-top:.75em;position:relative}.markdown-table :where(table){max-width:none;margin-top:0;overflow:visible}.markdown-table :where(th,td){overflow-wrap:normal;word-break:normal}.markdown-table__viewport{max-width:100%;overflow-x:auto}.markdown-table--can-scroll-right .markdown-table__viewport{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.markdown-table--can-scroll-left .markdown-table__viewport{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px);mask-image:linear-gradient(90deg,#0000,#000 28px)}.markdown-table--can-scroll-left.markdown-table--can-scroll-right .markdown-table__viewport{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}.markdown-table__actions{justify-content:flex-end;gap:4px;margin-block:4px 8px;display:flex}.markdown-table__actions button,.markdown-table-dialog__close{width:40px;height:40px;color:var(--text);cursor:var(--cursor-action);background:0 0;border:0;place-items:center;padding:10px;display:grid}@media (hover:hover){.markdown-table__actions button:hover,.markdown-table-dialog__close:hover{color:var(--text-strong)}}.markdown-table__actions button:focus-visible,.markdown-table-dialog__close:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--accent);outline-offset:-2px}.markdown-table__actions svg,.markdown-table-dialog__close svg{width:16px;min-width:16px;max-width:16px;height:16px;min-height:16px;max-height:16px}.markdown-table-dialog{border-radius:var(--radius-xl);background:color-mix(in srgb, var(--bg) 96%, transparent);width:calc(100vw - 64px);max-width:1200px;max-height:calc(100dvh - 64px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 8%, transparent);color:var(--text);border:0;padding:20px 28px;overflow:auto}.markdown-table-dialog::backdrop{background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.markdown-table-dialog.chat-text>table{table-layout:auto;width:100%;min-width:0;max-width:none;margin:0}.markdown-table-dialog__close{position:fixed;top:8px;right:8px}.chat-text :where(th,td){border-right:1px solid color-mix(in srgb, var(--accent) 12%, var(--border));border-bottom:1px solid color-mix(in srgb, var(--accent) 12%, var(--border));text-align:left;vertical-align:middle;padding:8px 12px}.chat-text :where(th:last-child,td:last-child){border-right:none}.chat-text :where(tbody tr:last-child td){border-bottom:none}.chat-text :where(th:first-child,td:first-child){overflow-wrap:normal;word-break:normal;min-width:8rem}.chat-text :where(th){border-bottom-color:color-mix(in srgb, var(--accent) 28%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, var(--secondary)), color-mix(in srgb, var(--accent) 6%, var(--secondary)));color:var(--text-strong);font-weight:600}.chat-text :where(tbody tr){transition:background var(--duration-fast) ease}.chat-text :where(tbody tr:nth-child(2n)){background:color-mix(in srgb, var(--accent) 3%, transparent)}@media (hover:hover){.chat-text :where(tbody tr:hover){background:color-mix(in srgb, var(--accent) 7%, var(--bg-elevated))}}.chat-text :where(tbody td:first-child){color:var(--text-strong);font-weight:500}:is(.markdown-table,.markdown-table-dialog.chat-text) :where(table){border-collapse:collapse;box-shadow:none;background:0 0;border:0;margin:0;display:table;overflow:visible}.chat-thread .chat-bubble .chat-text :where(table){width:max-content;min-width:100%}:is(.markdown-table,.markdown-table-dialog.chat-text) :where(table,thead,tbody,tr,th,td){background:0 0}:is(.markdown-table,.markdown-table-dialog.chat-text) :where(th,td){border-right:0;border-bottom-color:color-mix(in srgb, var(--border) 42%, transparent);overflow-wrap:break-word;white-space:normal;word-break:normal;padding-block:12px}:is(.markdown-table,.markdown-table-dialog.chat-text) :where(th:first-child,td:first-child){padding-inline-start:0}:is(.markdown-table,.markdown-table-dialog.chat-text) :where(th){border-bottom-color:var(--border-strong);white-space:nowrap;background:0 0}:is(.markdown-table,.markdown-table-dialog.chat-text) :where(tbody tr){transition:none}@media (hover:hover){:is(.markdown-table,.markdown-table-dialog.chat-text) :where(tbody tr:nth-child(2n),tbody tr:hover){background:0 0}}:is(.chat-text,.chat-thinking){--chat-markdown-indent:var(--space-6);--chat-markdown-marker-gap:var(--space-2)}:is(.chat-text,.chat-thinking) :where(ul,ol){padding-inline-start:var(--chat-markdown-indent)}.chat-text :where(li+li){margin-top:.4em}.chat-text :where(li>ul,li>ol){margin-top:.2em}:is(.chat-text,.chat-thinking) :where(ul>li:not(.task-list-item))::marker{content:""}:is(.chat-text,.chat-thinking) :where(ul>.task-list-item){margin-inline-start:calc(-1 * var(--chat-markdown-indent));padding-inline-start:calc(var(--space-4) + var(--chat-markdown-marker-gap));list-style:none}:is(.chat-text,.chat-thinking) :where(ol>li)::marker{font-variant-numeric:tabular-nums}:is(.chat-text,.chat-thinking) :where(ul>li){position:relative}:is(.chat-text,.chat-thinking) :where(ul>li:not(.task-list-item)):before{content:"•";inline-size:calc(var(--chat-markdown-indent) - var(--chat-markdown-marker-gap));text-align:end;color:var(--muted);font-size:calc(1em + 1px);position:absolute;inset-block-start:0;inset-inline-start:calc(-1 * var(--chat-markdown-indent))}:is(.chat-text,.chat-thinking) :where(details){width:100%;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:0 0}:is(.chat-text,.chat-thinking) :where(details details){width:calc(100% - var(--space-3));margin-top:var(--space-3);margin-inline-start:var(--space-3)}:is(.chat-text,.chat-thinking) :where(details>summary){min-height:var(--space-5);cursor:var(--cursor-action);padding-inline-start:var(--space-6);list-style:none;position:relative}:is(.chat-text,.chat-thinking) :where(details>summary)::-webkit-details-marker{display:none}:is(.chat-text,.chat-thinking) :where(details>summary):before{content:"";inline-size:var(--space-4);block-size:var(--space-4);background:var(--select-chevron) center / var(--space-4) no-repeat;transition:transform var(--duration-normal) var(--ease-out);position:absolute;inset-block-start:calc((1lh - var(--space-4)) / 2);inset-inline-start:0;transform:rotate(-90deg)}:is(.chat-text,.chat-thinking) :where(details[open]>summary):before{transform:rotate(0)}:is(.chat-text,.chat-thinking) :where(.task-list-item-checkbox){appearance:none;inline-size:var(--space-4);block-size:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);opacity:1;margin:0;position:absolute;inset-block-start:calc((1lh - var(--space-4)) / 2);inset-inline-start:0}:is(.chat-text,.chat-thinking) :where(.task-list-item-checkbox:checked){border-color:color-mix(in srgb, var(--accent) 72%, var(--border));background:color-mix(in srgb, var(--accent) 72%, var(--bg)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 8 3 3 7-7'/%3E%3C/svg%3E") center / 13px no-repeat}:is(.chat-text,.chat-thinking) :where(details[open]>summary){margin-bottom:var(--space-2)}@media (prefers-reduced-motion:reduce){:is(.chat-text,.chat-thinking) :where(details>summary):before{transition:none}}.chat-text :where(a){color:var(--link);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:2px}@media (hover:hover){.chat-text :where(a:hover){color:var(--link-hover)}}.chat-text :where(.markdown-link-favicon){vertical-align:-.12em;width:1em;height:1em;margin-inline-end:.3em;display:none}.chat-text :where(.markdown-link-favicon.is-loaded){display:inline-block}.chat-text :where(a:has(>.markdown-link-favicon.is-loaded)){text-decoration:none}.chat-text :where(a.markdown-github-link):before{--github-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 .5C5.65.5.5 5.65.5 12c0 5.08 3.29 9.39 7.86 10.91.58.11.79-.25.79-.56 0-.27-.01-1.17-.02-2.12-3.2.7-3.87-1.36-3.87-1.36-.52-1.33-1.28-1.68-1.28-1.68-1.04-.71.08-.7.08-.7 1.15.08 1.76 1.19 1.76 1.19 1.03 1.76 2.7 1.25 3.36.96.1-.75.4-1.25.72-1.54-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.28 1.19-3.09-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11.1 11.1 0 0 1 5.78 0c2.21-1.49 3.18-1.18 3.18-1.18.63 1.59.23 2.76.11 3.05.74.81 1.19 1.83 1.19 3.09 0 4.42-2.7 5.39-5.26 5.68.41.35.78 1.05.78 2.12 0 1.53-.01 2.76-.01 3.14 0 .3.21.67.8.55A11.5 11.5 0 0 0 23.5 12C23.5 5.65 18.35.5 12 .5Z'/%3E%3C/svg%3E");content:"";inset-inline-start:0;width:1em;height:1em;-webkit-mask:var(--github-mark) center / contain no-repeat;mask:var(--github-mark) center / contain no-repeat;-webkit-mask:var(--github-mark) center / contain no-repeat;background:currentColor;position:absolute;top:.1em}.chat-text :where(a.markdown-github-link){padding-inline-start:1.3em;text-decoration:none;position:relative}.chat-text :where(a.markdown-bare-url){line-break:anywhere}:is(.chat-text,.sidebar-markdown) a.markdown-session-link{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-muted);color:var(--link);cursor:pointer;font-family:var(--mono);overflow-wrap:anywhere;word-break:break-word;padding:.1em .2em;font-size:.9em;text-decoration:none;display:inline}:is(.chat-text,.sidebar-markdown) a.markdown-session-link:focus-visible{text-decoration:underline}@media (hover:hover){:is(.chat-text,.sidebar-markdown) a.markdown-session-link:hover{text-decoration:underline}}:is(.chat-text,.sidebar-markdown) a.markdown-session-link--titled{background:color-mix(in srgb, var(--accent-subtle) 72%, var(--bg-muted));max-width:min(28em,100%);color:var(--text-strong);font-family:var(--font-body);text-overflow:ellipsis;vertical-align:-.12em;white-space:nowrap;padding:.08em .45em;font-weight:600;line-height:1.25;display:inline-block;overflow:hidden}:is(.chat-text,.sidebar-markdown) a.markdown-session-link>code{color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:0;padding:0}:is(.chat-text,.sidebar-markdown) a.markdown-file-link{color:var(--link);cursor:pointer;overflow-wrap:anywhere;max-width:100%;padding-inline-start:1.28em;text-decoration:none;display:inline-block;position:relative}@media (hover:hover){:is(.chat-text,.sidebar-markdown) a.markdown-file-link:hover{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}}:is(.chat-text,.sidebar-markdown) a.markdown-file-link:before{--file-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' x2='8' y1='13' y2='13'/%3E%3Cline x1='16' x2='8' y1='17' y2='17'/%3E%3Cline x1='10' x2='8' y1='9' y2='9'/%3E%3C/svg%3E");content:"";inset-inline-start:0;width:1em;height:1em;-webkit-mask:var(--file-glyph) center / contain no-repeat;mask:var(--file-glyph) center / contain no-repeat;-webkit-mask:var(--file-glyph) center / contain no-repeat;background:currentColor;position:absolute;top:calc(.5lh - .5em)}:is(.chat-text,.sidebar-markdown) a.markdown-file-link[data-file-kind=code]:before{--file-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cpath d='m10 13-2 2 2 2'/%3E%3Cpath d='m14 17 2-2-2-2'/%3E%3C/svg%3E")}:is(.chat-text,.sidebar-markdown) a.markdown-file-link[data-file-kind=markdown]:before{--file-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20'/%3E%3C/svg%3E")}:is(.chat-text,.sidebar-markdown) a.markdown-file-link[data-file-kind=component]:before{--file-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E")}:is(.chat-text,.sidebar-markdown) a.markdown-file-link[data-file-kind=package]:before{--file-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E")}:is(.chat-text,.sidebar-markdown) a.markdown-file-link[data-file-kind=data]:before{--file-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1'/%3E%3Cpath d='M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1'/%3E%3C/svg%3E")}:is(.chat-text,.sidebar-markdown) a.markdown-file-link[data-file-kind=shell]:before{--file-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 17 10 11 4 5'/%3E%3Cline x1='12' x2='20' y1='19' y2='19'/%3E%3C/svg%3E")}:is(.chat-text,.sidebar-markdown) a.markdown-file-link[data-file-kind=image]:before{--file-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3C/svg%3E")}.chat-text :where(code){font-family:var(--mono);font-size:.9em}.chat-text :where(.markdown-inline-image-button){border-radius:var(--radius-md);cursor:zoom-in;background:0 0;border:0;max-width:min(100%,420px);margin-top:.75em;padding:0;display:block}.chat-text :where(.markdown-inline-image-button:focus-visible){outline:2px solid var(--focus-ring);outline-offset:3px}.chat-text :where(.markdown-inline-image){border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--secondary) 70%, transparent);object-fit:contain;width:auto;max-width:min(100%,420px);height:auto;max-height:320px;margin-top:.75em;display:block}.chat-text :where(.markdown-inline-image-button>.markdown-inline-image){margin-top:0}:is(.chat-text,.sidebar-markdown) .markdown-external-image{border-radius:var(--radius-md);background:var(--bg-muted);width:100%;max-width:100%;color:var(--muted);border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35em .75em;margin-top:.75em;padding:.7em .8em;display:flex}:is(.chat-text,.sidebar-markdown) .markdown-external-image>a{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--text) 8%, transparent);min-height:28px;color:var(--link);font-size:var(--control-ui-text-sm);align-items:center;padding:3px 9px;font-weight:550;text-decoration:none;display:inline-flex}@media (hover:hover){:is(.chat-text,.sidebar-markdown) .markdown-external-image>a:hover{background:color-mix(in srgb, var(--text) 13%, transparent);color:var(--link-hover);text-decoration:none}}.chat-text :where(:not(pre,a.markdown-file-link)>code){background:var(--bg-muted);border-radius:var(--radius-sm);border:1px solid var(--border-strong);overflow-wrap:anywhere;word-break:break-word;padding:.1em .2em}:is(.chat-text,.sidebar-markdown) a.markdown-file-link>code{color:var(--link);font-family:inherit;font-size:inherit}.chat-text :where(pre){background:var(--bg-muted);border:1px solid var(--border-strong);border-radius:var(--radius-md);margin-top:.75em;padding:10px 12px;overflow:auto}.chat-text :where(.code-block-wrapper pre){background:0 0;border:0}:is(.chat-group.assistant .chat-bubble:has(.code-block-wrapper),.chat-group.assistant .chat-text:has(.code-block-wrapper)){width:100%}.code-block-viewport{--code-block-preview-lines:7;--code-block-line-height:18px;overscroll-behavior-inline:contain;min-width:0;max-width:100%;overflow-x:auto}.code-block-viewport :where(pre){overflow:visible}.code-block-viewport :where(pre code){width:max-content;min-width:100%;line-height:var(--code-block-line-height);display:block}.code-block-wrapper.is-collapsible:not(.is-expanded) .code-block-viewport{max-height:calc(var(--code-block-line-height) * var(--code-block-preview-lines) + 18px);overflow-y:hidden}.code-block-wrapper.is-collapsible:not(.is-expanded) .code-block-wrap{display:none}.code-block-expand{align-items:center;gap:var(--space-1);min-height:32px;padding:0 var(--space-2);color:var(--muted);font-family:var(--mono);cursor:var(--cursor-action);background:0 0;border:0;margin-inline-start:var(--space-2);font-size:11px;display:inline-flex}.code-block-wrapper.is-expanded .code-block-expand{display:none}.code-block-chevron,.code-block-wrap__enable,.code-block-wrap__disable{width:16px;height:16px;-webkit-mask:var(--code-block-icon) center / contain no-repeat;mask:var(--code-block-icon) center / contain no-repeat;-webkit-mask:var(--code-block-icon) center / contain no-repeat;background:currentColor;display:block}.code-block-chevron{--code-block-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.code-block-wrap{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--muted);cursor:var(--cursor-action);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:none}.code-block-wrapper.has-horizontal-overflow .code-block-wrap,.code-block-wrapper.is-wrapped .code-block-wrap{display:inline-flex}.code-block-wrap__enable{--code-block-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M3 12h15a3 3 0 1 1 0 6h-4m2-2-2 2 2 2M3 18h7'/%3E%3C/svg%3E")}.code-block-wrap__disable{--code-block-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-4-4 4 4-4 4'/%3E%3C/svg%3E");display:none}.code-block-wrapper.is-wrapped .code-block-wrap__enable{display:none}.code-block-wrapper.is-wrapped .code-block-wrap__disable{display:block}.code-block-wrapper.is-wrapped .code-block-viewport :where(pre code){overflow-wrap:anywhere;white-space:pre-wrap;width:auto;min-width:0}.code-block-wrapper.has-horizontal-overflow:not(.is-wrapped) .code-block-viewport{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}@media (hover:hover){.code-block-wrap:hover{background:color-mix(in srgb, currentColor 10%, transparent);color:var(--text)}}.code-block-expand:focus-visible,.code-block-wrap:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.chat-group.user .chat-text :where(pre){color:inherit;font:inherit;white-space:pre-wrap;background:0 0;border:0;border-radius:0;margin-block:1em;padding:0;overflow:visible}.chat-group.user .chat-text :where(pre code,pre code *){width:auto;min-width:0;color:inherit;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.chat-text :where(pre code){white-space:pre;background:0 0;padding:0;font-size:12px}.chat-text :where(pre code.markdown-block-art),.chat-group.user .chat-text :where(pre code.markdown-block-art){width:max-content;min-width:100%;color:var(--text);font-family:var(--mono);font-variant-ligatures:none;letter-spacing:0;overflow-wrap:normal;white-space:pre;word-break:normal;font-size:12px;line-height:.86;display:block}.chat-text :where(blockquote){color:var(--muted);background:0 0;border-inline-start:0;margin-left:0;padding:8px 12px;position:relative}.chat-text :where(blockquote):before{content:"";border-radius:var(--radius-full);background:var(--border-strong);width:3px;position:absolute;inset-block:4px;inset-inline-start:0}.chat-text :where(blockquote blockquote){margin-top:8px}.chat-text :where(hr){border:none;border-top:1px solid var(--border);margin:1em 0}.chat-text[dir=rtl]{text-align:right}.chat-text[dir=rtl] :where(blockquote){padding-left:0;padding-right:1em}@media (width<=640px){.chat-text :where(pre){font-size:12px}.chat-text :where(.markdown-inline-image){max-width:100%;max-height:240px}.chat-text :where(blockquote){padding:6px 10px 6px 12px}}
|