Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/rerender.tsx > renders src/MarkdownEditor/demos/rerender.tsx correctly 1` mismatched - Expected + Received @@ -51,11 +51,11 @@ </span> </span> </span> </h2> <p - class="ant-md-editor-drag-el" + class="ant-md-editor-drag-el typewriter" data-be="paragraph" data-slate-node="element" > <span data-slate-node="text" @@ -67,33 +67,11 @@ draggable="false" > <span data-slate-string="true" > - 腾讯 ，全称深圳市腾讯计算机系统有限公司 ，是由五位创始人共同创立的 ，他们是马化腾、张志东、许晨晔、陈一丹和曾李青 。 以下是关于这些创始人的详细信息： 马化腾 马化腾 ，1971 年 10 月 29 日出生于广东省东方县（现海南省东方市 )八所港 ，广东汕头人 ，汉族 ，无党派人士 。他毕业于深圳大学电子工程系计算机专业 。马化腾是腾讯科技（深圳 )有限公司的创始人、董事会主席、首席执行官 ，并曾是中华人民共和国第十二、十三届全国人民代表大会代表 。马化腾在 1998 年 11 月 11 日与合伙人共同注册成立了腾讯 ，并在 2004 年 6 月 16 日带领腾讯在香港联合交易所有限公司主板上市 。 张志东 张志东 ，马化腾的同学 ，被称为 QQ 之父 。他的计算机技术非常出色 ，曾是深圳大学最拔尖的学生之一 。张志东在腾讯担任 CTO ，并在 2014 年 9 月离职 ，转任腾讯公司终身荣誉顾问及腾讯学院荣誉院长等职位 。 - </span> - </span> - </span> - </p> - <p - class="ant-md-editor-drag-el typewriter" - data-be="paragraph" - data-slate-node="element" - > - <span - data-slate-node="text" - > - <span - class=" " - data-be="text" - data-slate-leaf="true" - draggable="false" - > - <span - data-slate-string="true" - > - &lt;! + 腾讯 ，全称深圳市腾讯计算机系统有限公司 ，是由五位创始人共同创立的 ，他们是马化腾、张志东、许晨晔、陈一丹和曾李青 。 以下是关于这些创始人的详细信息： 马化腾 马化腾 ，1971 年 10 月 29 日出生于广东省东方县（现海南省东方市 )八所港 ，广东汕头人 ，汉族 ，无党派人士 。他毕业 </span> </span> </span> </p> </div> ❯ tests/demo/demo.test.tsx:58:38

Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/render.tsx > renders src/MarkdownEditor/demos/render.tsx correctly 1` mismatched - Expected + Received @@ -357,11 +357,11 @@ data-slate-node="element" style="display: flex; gap: 1px; max-width: 100%; min-width: 0; margin-bottom: 12px;" > <div class="ant-md-editor-drag-el ant-md-editor-table ant-md-editor-content-table" - style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 16px; display: flex; min-width: 0; box-shadow: none;" + style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 1.2px; display: flex; min-width: 0; box-shadow: none;" > <span class="ant-md-editor-drag-handle" contenteditable="false" > @@ -3671,11 +3671,11 @@ </span> </div> </span> <div class="chart-box" - style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;" + style="display: flex; flex-direction: column; border-radius: 1.2em; overflow: auto;" > <div style="position: relative;" > <div @@ -4766,11 +4766,11 @@ contenteditable="false" style="display: flex; flex-wrap: wrap; flex-direction: column; gap: 8px; user-select: none;" > <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1;" /> </div> </div> </div> </div> @@ -4895,11 +4895,11 @@ data-slate-node="element" style="display: flex; gap: 1px; max-width: 100%; min-width: 0; margin-bottom: 12px;" > <div class="ant-md-editor-drag-el ant-md-editor-table ant-md-editor-content-table" - style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 16px; display: flex; min-width: 0; box-shadow: none;" + style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 1.2px; display: flex; min-width: 0; box-shadow: none;" > <span class="ant-md-editor-drag-handle" contenteditable="false" > @@ -5174,11 +5174,11 @@ <div class="ant-md-editor-drag-el" contenteditable="false" data-be="link-card" draggable="true" - style="cursor: pointer; position: relative; display: flex; padding: 24px; border-radius: 8px; flex: 1; align-items: center;" + style="cursor: pointer; position: relative; display: flex; padding: 24px; border-radius: 8px; flex: 1; border: 1px solid rgb(209 213 219 / 0.8); align-items: center;" > <div data-be="schema" style="padding: 8px; width: 100%;" > ❯ tests/demo/demo.test.tsx:58:38

Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/readonly.tsx > renders src/MarkdownEditor/demos/readonly.tsx correctly 1` mismatched - Expected + Received @@ -61,11 +61,11 @@ data-slate-node="element" style="flex: 1; min-width: 256px;" > <div class="chart-box" - style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;" + style="display: flex; flex-direction: column; border-radius: 1.2em; overflow: auto;" > <div style="position: relative;" > <div @@ -878,27 +878,27 @@ contenteditable="false" style="display: flex; flex-wrap: wrap; flex-direction: column; gap: 8px; user-select: none;" > <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1;" /> <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1;" /> <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1;" /> <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1;" /> <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1;" /> </div> </div> </div> </div> @@ -987,11 +987,11 @@ data-slate-node="element" style="flex: 1; min-width: 256px;" > <div class="chart-box" - style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;" + style="display: flex; flex-direction: column; border-radius: 1.2em; overflow: auto;" > <div style="position: relative;" > <div @@ -6922,11 +6922,11 @@ contenteditable="false" style="display: flex; flex-wrap: wrap; flex-direction: column; gap: 8px; user-select: none;" > <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1;" +

Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/pure.tsx > renders src/MarkdownEditor/demos/pure.tsx correctly 1` mismatched ❯ tests/demo/demo.test.tsx:58:38

Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/preview.tsx > renders src/MarkdownEditor/demos/preview.tsx correctly 1` mismatched - Expected + Received @@ -1415,11 +1415,11 @@ data-slate-node="element" style="display: flex; gap: 1px; max-width: 100%; min-width: 0; margin-bottom: 12px;" > <div class="ant-md-editor-drag-el ant-md-editor-table ant-md-editor-content-table" - style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 16px; display: flex; min-width: 0; box-shadow: none;" + style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 1.2px; display: flex; min-width: 0; box-shadow: none;" > <span class="ant-md-editor-drag-handle" contenteditable="false" > @@ -5804,11 +5804,11 @@ </span> </div> </span> <div class="chart-box" - style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;" + style="display: flex; flex-direction: column; border-radius: 1.2em; overflow: auto;" > <div style="position: relative;" > <div @@ -6899,11 +6899,11 @@ contenteditable="false" style="display: flex; flex-wrap: wrap; flex-direction: column; gap: 8px; user-select: none;" > <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1;" /> </div> </div> </div> </div> @@ -7388,11 +7388,11 @@ draggable="false" style="color: transparent; padding: 4px; width: 100%;" tabindex="-1" > <div - style="padding: 12px; border: 1px solid #f0f0f0; border-radius: 16px; width: 100%; flex: 1; display: flex; align-items: center; gap: 12px; color: rgb(38, 38, 38); justify-content: space-between;" + style="padding: 12px; border: 1px solid #f0f0f0; border-radius: 1.2px; width: 100%; flex: 1; display: flex; align-items: center; gap: 12px; color: rgb(38, 38, 38); justify-content: space-between;" > <div style="display: flex; align-items: center; gap: 12px; color: rgb(38, 38, 38); font-size: 16px; flex: 1; min-width: 0;" > <img @@ -7637,11 +7637,11 @@ data-slate-node="element" style="display: flex; gap: 1px; max-width: 100%; min-width: 0; margin-bottom: 12px;" > <div class="ant-md-editor-drag-el ant-md-editor-table ant-md-editor-content-table" - style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 16px; display: flex; min-width: 0; box-shadow: none;" + style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 1.2px; display: flex; min-width: 0; box-shadow: none;" > <span class="ant-md-editor-drag-handle" contenteditable="false" > @@ -9267,11 +9267,11 @@ <div class="ant-md-editor-drag-el" contenteditable="false" data-be="link-card" draggable="true" - style="cursor: pointer; position: relative; display: flex; padding: 24px; border-radius: 8px; flex: 1; align-items: ce

Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/ppt.tsx > renders src/MarkdownEditor/demos/ppt.tsx correctly 1` mismatched - Expected + Received @@ -6,44 +6,45 @@ test </div> <div aria-label="segmented control" class="ant-segmented" - role="listbox" + role="radiogroup" style="position: fixed; z-index: 1000; top: 0px;" + tabindex="0" > <div class="ant-segmented-group" > <label class="ant-segmented-item ant-segmented-item-selected" > <input checked="" class="ant-segmented-item-input" + name="test-id" type="radio" /> <div aria-selected="true" class="ant-segmented-item-label" - role="option" title="编辑模式" > 编辑模式 </div> </label> <label class="ant-segmented-item" > <input class="ant-segmented-item-input" + name="test-id" type="radio" /> <div aria-selected="false" class="ant-segmented-item-label" - role="option" title="幻灯片模式" > 幻灯片模式 </div> </label> @@ -946,11 +947,11 @@ data-slate-node="element" style="display: flex; gap: 1px; max-width: 100%; min-width: 0; margin-bottom: 12px;" > <div class="ant-md-editor-drag-el ant-md-editor-table ant-md-editor-content-table" - style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 16px; display: flex; min-width: 0; box-shadow: none;" + style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 1.2px; display: flex; min-width: 0; box-shadow: none;" > <div style="width: 100%; max-width: 100%; overflow: auto; flex: 1; min-width: 0;" > <table @@ -5195,11 +5196,11 @@ data-slate-node="element" style="flex: 1; min-width: 256px;" > <div class="chart-box" - style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;" + style="display: flex; flex-direction: column; border-radius: 1.2em; overflow: auto;" > <div style="position: relative;" > <div @@ -6290,11 +6291,11 @@ contenteditable="false" style="display: flex; flex-wrap: wrap; flex-direction: column; gap: 8px; user-select: none;" > <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1;" /> </div> </div> </div> </div> @@ -6411,11 +6412,11 @@ data-slate-node="element" style="flex: 1; min-width: 256px;" > <div class="chart-box" - style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;" + style="display: flex; flex-direction: column; border-radius: 1.2em; overflow: auto;" >

Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/minPreview.tsx > renders src/MarkdownEditor/demos/minPreview.tsx correctly 1` mismatched - Expected + Received @@ -157,11 +157,11 @@ data-slate-node="element" style="display: flex; gap: 1px; max-width: 100%; min-width: 0; margin-bottom: 12px;" > <div class="ant-md-editor-drag-el ant-md-editor-table ant-md-editor-content-table" - style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 16px; display: flex; min-width: 0; box-shadow: none;" + style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 1.2px; display: flex; min-width: 0; box-shadow: none;" > <div style="width: 100%; max-width: 100%; overflow: auto; flex: 1; min-width: 0;" > <table @@ -3869,11 +3869,11 @@ data-slate-node="element" style="display: flex; gap: 1px; max-width: 100%; min-width: 0; margin-bottom: 12px;" > <div class="ant-md-editor-drag-el ant-md-editor-table ant-md-editor-content-table" - style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 16px; display: flex; min-width: 0; box-shadow: none;" + style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 1.2px; display: flex; min-width: 0; box-shadow: none;" > <span class="ant-md-editor-drag-handle" contenteditable="false" > ❯ tests/demo/demo.test.tsx:58:38

Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/min.tsx > renders src/MarkdownEditor/demos/min.tsx correctly 1` mismatched - Expected + Received @@ -239,11 +239,11 @@ data-slate-node="element" style="display: flex; gap: 1px; max-width: 100%; min-width: 0; margin-bottom: 12px;" > <div class="ant-md-editor-drag-el ant-md-editor-table ant-md-editor-content-table" - style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 16px; display: flex; min-width: 0; box-shadow: none;" + style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 1.2px; display: flex; min-width: 0; box-shadow: none;" > <div style="width: 100%; max-width: 100%; overflow: auto; flex: 1; min-width: 0;" > <table @@ -4323,11 +4323,11 @@ data-slate-node="element" style="flex: 1; min-width: 256px;" > <div class="chart-box" - style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;" + style="display: flex; flex-direction: column; border-radius: 1.2em; overflow: auto;" > <div style="position: relative;" > <div @@ -5418,11 +5418,11 @@ contenteditable="false" style="display: flex; flex-wrap: wrap; flex-direction: column; gap: 8px; user-select: none;" > <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1;" /> </div> </div> </div> </div> @@ -5933,11 +5933,11 @@ draggable="false" style="color: transparent; padding: 4px; width: 100%;" tabindex="-1" > <div - style="padding: 12px; border: 1px solid #f0f0f0; border-radius: 16px; width: 100%; flex: 1; display: flex; align-items: center; gap: 12px; color: rgb(38, 38, 38); justify-content: space-between;" + style="padding: 12px; border: 1px solid #f0f0f0; border-radius: 1.2px; width: 100%; flex: 1; display: flex; align-items: center; gap: 12px; color: rgb(38, 38, 38); justify-content: space-between;" > <div style="display: flex; align-items: center; gap: 12px; color: rgb(38, 38, 38); font-size: 16px; flex: 1; min-width: 0;" > <img @@ -6181,11 +6181,11 @@ data-slate-node="element" style="display: flex; gap: 1px; max-width: 100%; min-width: 0; margin-bottom: 12px;" > <div class="ant-md-editor-drag-el ant-md-editor-table ant-md-editor-content-table" - style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 16px; display: flex; min-width: 0; box-shadow: none;" + style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 1.2px; display: flex; min-width: 0; box-shadow: none;" > <div style="width: 100%; max-width: 100%; overflow: auto; flex: 1; min-width: 0;" > <table @@ -7846,11 +7846,11 @@ <div class="ant-md-editor-drag-el" contenteditable="false"

Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/min-render.tsx > renders src/MarkdownEditor/demos/min-render.tsx correctly 1` mismatched - Expected + Received @@ -216,11 +216,11 @@ data-slate-node="element" style="display: flex; gap: 1px; max-width: 100%; min-width: 0; margin-bottom: 12px;" > <div class="ant-md-editor-drag-el ant-md-editor-table ant-md-editor-content-table" - style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 16px; display: flex; min-width: 0; box-shadow: none;" + style="max-width: 100%; width: 100%; border: 1px solid #e8e8e8; border-radius: 1.2px; display: flex; min-width: 0; box-shadow: none;" > <div style="width: 100%; max-width: 100%; overflow: auto; flex: 1; min-width: 0;" > <table @@ -4021,11 +4021,11 @@ data-slate-node="element" style="flex: 1; min-width: 256px;" > <div class="chart-box" - style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;" + style="display: flex; flex-direction: column; border-radius: 1.2em; overflow: auto;" > <div style="position: relative;" > <div @@ -4936,11 +4936,11 @@ contenteditable="false" style="display: flex; flex-wrap: wrap; flex-direction: column; gap: 8px; user-select: none;" > <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1;" /> </div> </div> </div> </div> @@ -5082,11 +5082,11 @@ data-slate-node="element" style="flex: 1; min-width: 256px;" > <div class="chart-box" - style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;" + style="display: flex; flex-direction: column; border-radius: 1.2em; overflow: auto;" > <div style="position: relative;" > <div @@ -5997,11 +5997,11 @@ contenteditable="false" style="display: flex; flex-wrap: wrap; flex-direction: column; gap: 8px; user-select: none;" > <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1;" /> </div> </div> </div> </div> @@ -6143,11 +6143,11 @@ data-slate-node="element" style="flex: 1; min-width: 256px;" > <div class="chart-box" - style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;" + style="display: flex; flex-direction: column; border-radius: 1.2em; overflow: auto;"

Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/max-chart.tsx > renders src/MarkdownEditor/demos/max-chart.tsx correctly 1` mismatched - Expected + Received @@ -58,11 +58,11 @@ data-slate-node="element" style="flex: 1; min-width: 256px;" > <div class="chart-box" - style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;" + style="display: flex; flex-direction: column; border-radius: 1.2em; overflow: auto;" > <div style="position: relative;" > <div @@ -246328,159 +246328,159 @@ contenteditable="false" style="display: flex; flex-wrap: wrap; flex-direction: column; gap: 8px; user-select: none;" > <div contenteditable="false" - style="border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1; user-select: none;" + style="border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1; user-select: none;" /> <div contenteditable="false" - style="border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1; user-select: none;" + style="border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1; user-select: none;" /> <div contenteditable="false" - style="border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1; user-select: none;" + style="border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1; user-select: none;" /> <div contenteditable="false" - style="border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1; user-select: none;" + style="border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1; user-select: none;" /> <div contenteditable="false" - style="border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1; user-select: none;" + style="border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1; user-select: none;" /> <div contenteditable="false" - style="border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1; user-select: none;" + style="border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1; user-select: none;" /> <div contenteditable="false" - style="border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1; user-select: none;" + style="border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1; user-select: none;" /> <div contenteditable="false" - style="border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1; user-select: none;" + style="border: 1px solid #eee; border-radius: 1.2em; margin: auto; min-width: calc(100% - 16px); flex: 1; user-select: none;"