diff --git a/echo/frontend/src/components/form/MarkdownWYSIWYG/styles.css b/echo/frontend/src/components/form/MarkdownWYSIWYG/styles.css index 95ed8baf..8f8abb49 100644 --- a/echo/frontend/src/components/form/MarkdownWYSIWYG/styles.css +++ b/echo/frontend/src/components/form/MarkdownWYSIWYG/styles.css @@ -1,8 +1,6 @@ @import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap"); -:root, -.light, -.light-theme { +:root, .light, .light-theme { --blue-1: #fbfdff; --blue-2: #f4faff; --blue-3: #e6f4fe; @@ -19,9 +17,7 @@ @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { - :root, - .light, - .light-theme { + :root, .light, .light-theme { --blue-1: color(display-p3 0.986 0.992 0.999); --blue-2: color(display-p3 0.96 0.979 0.998); --blue-3: color(display-p3 0.912 0.956 0.991); @@ -38,8 +34,7 @@ } } -.dark, -.dark-theme { +.dark, .dark-theme { --blue-1: #0d1520; --blue-2: #111927; --blue-3: #0d2847; @@ -56,8 +51,7 @@ @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { - .dark, - .dark-theme { + .dark, .dark-theme { --blue-1: color(display-p3 0.057 0.081 0.122); --blue-2: color(display-p3 0.072 0.098 0.147); --blue-3: color(display-p3 0.078 0.154 0.27); @@ -74,9 +68,7 @@ } } -:root, -.light, -.light-theme { +:root, .light, .light-theme { --slate-1: #fcfcfd; --slate-2: #f9f9fb; --slate-3: #f0f0f3; @@ -93,9 +85,7 @@ @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { - :root, - .light, - .light-theme { + :root, .light, .light-theme { --slate-1: color(display-p3 0.988 0.988 0.992); --slate-2: color(display-p3 0.976 0.976 0.984); --slate-3: color(display-p3 0.94 0.941 0.953); @@ -112,8 +102,7 @@ } } -.dark, -.dark-theme { +.dark, .dark-theme { --slate-1: #111113; --slate-2: #18191b; --slate-3: #212225; @@ -130,8 +119,7 @@ @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { - .dark, - .dark-theme { + .dark, .dark-theme { --slate-1: color(display-p3 0.067 0.067 0.074); --slate-2: color(display-p3 0.095 0.098 0.105); --slate-3: color(display-p3 0.13 0.135 0.145); @@ -148,9 +136,7 @@ } } -:root, -.light, -.light-theme { +:root, .light, .light-theme { --grass-1: #fbfefb; --grass-2: #f5fbf5; --grass-3: #e9f6e9; @@ -167,9 +153,7 @@ @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { - :root, - .light, - .light-theme { + :root, .light, .light-theme { --grass-1: color(display-p3 0.986 0.996 0.985); --grass-2: color(display-p3 0.966 0.983 0.964); --grass-3: color(display-p3 0.923 0.965 0.917); @@ -186,9 +170,7 @@ } } -:root, -.light, -.light-theme { +:root, .light, .light-theme { --cyan-1: #fafdfe; --cyan-2: #f2fafb; --cyan-3: #def7f9; @@ -205,9 +187,7 @@ @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { - :root, - .light, - .light-theme { + :root, .light, .light-theme { --cyan-1: color(display-p3 0.982 0.992 0.996); --cyan-2: color(display-p3 0.955 0.981 0.984); --cyan-3: color(display-p3 0.888 0.965 0.975); @@ -224,9 +204,7 @@ } } -:root, -.light, -.light-theme { +:root, .light, .light-theme { --amber-1: #fefdfb; --amber-2: #fefbe9; --amber-3: #fff7c2; @@ -243,9 +221,7 @@ @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { - :root, - .light, - .light-theme { + :root, .light, .light-theme { --amber-1: color(display-p3 0.995 0.992 0.985); --amber-2: color(display-p3 0.994 0.986 0.921); --amber-3: color(display-p3 0.994 0.969 0.782); @@ -262,9 +238,7 @@ } } -:root, -.light, -.light-theme { +:root, .light, .light-theme { --red-1: #fffcfc; --red-2: #fff7f7; --red-3: #feebec; @@ -281,9 +255,7 @@ @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { - :root, - .light, - .light-theme { + :root, .light, .light-theme { --red-1: color(display-p3 0.998 0.989 0.988); --red-2: color(display-p3 0.995 0.971 0.971); --red-3: color(display-p3 0.985 0.925 0.925); @@ -303,72 +275,71 @@ /** Code mirror */ .mdxeditor .cm-editor { - --sp-font-mono: var(--font-mono); - --sp-font-body: var(--font-body); - padding: var(--sp-space-4) 0; -} + --sp-font-mono: var(--font-mono); + --sp-font-body: var(--font-body); + padding: var(--sp-space-4) 0; + } .mdxeditor .sp-editor .cm-editor { - padding-bottom: 0; -} + padding-bottom: 0; + } .mdxeditor .cm-scroller { - padding: 0 !important; -} + padding: 0 !important; + } .mdxeditor .cm-focused { - outline: none; -} + outline: none; + } .mdxeditor .sp-wrapper { - overflow: hidden; -} + overflow: hidden; + } .mdxeditor .sp-layout { - border: none; -} + border: none; + } .mdxeditor .sp-cm pre { - white-space: break-spaces; - word-break: break-word; - overflow-wrap: anywhere; - flex-shrink: 1; -} + white-space: break-spaces; + word-break: break-word; + overflow-wrap: anywhere; + flex-shrink: 1; + } /** Diff viewer */ .mdxeditor .cm-mergeView .cm-scroller { - font-family: var(--font-mono); - line-height: 1.3rem; - font-size: var(--text-xs); -} + font-family: var(--font-mono); + line-height: 1.3rem; + font-size: var(--text-xs); + } /** Diff viewer */ .mdxeditor .cm-sourceView .cm-scroller { - font-family: var(--font-mono); - line-height: 1.3rem; - font-size: var(--text-xs); -} + font-family: var(--font-mono); + line-height: 1.3rem; + font-size: var(--text-xs); + } .mdxeditor .cm-gutters { - background: transparent; - font-size: var(--text-xxs); -} + background: transparent; + font-size: var(--text-xxs); + } .mdxeditor .cm-activeLine { - background: transparent; -} + background: transparent; + } .mdxeditor .cm-tooltip-autocomplete { - background: var(--baseBgSubtle); -} - -.mdxeditor hr.selected[data-lexical-decorator="true"] { - outline: 2px solid highlight; -} + background: var(--baseBgSubtle); + } -._editorRoot_uazmk_53 { +.mdxeditor hr.selected[data-lexical-decorator=true] { + outline: 2px solid highlight; + } +._editorRoot_sects_53 { --accentBase: var(--blue-1); --accentBgSubtle: var(--blue-2); --accentBg: var(--blue-3); @@ -457,8 +428,7 @@ --radius-extra-large: var(--spacing-3); --radius-full: 9999px; - --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, - "Liberation Mono", "Courier New", monospace; + --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; --font-body: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; @@ -472,19 +442,19 @@ color: var(--baseText); } -._editorWrapper_uazmk_154 { +._editorWrapper_sects_155 { } -._nestedListItem_uazmk_156 { +._nestedListItem_sects_158 { list-style: none; } -._toolbarRoot_uazmk_160 { +._toolbarRoot_sects_162 { z-index: 2; display: flex; flex-direction: row; gap: var(--spacing-1); - + /* border-radius: var(--radius-medium); */ padding: var(--spacing-1_5); align-items: center; overflow-x: auto; @@ -494,28 +464,28 @@ width: inherit; } -._toolbarRoot_uazmk_160 div[role="separator"] { - margin: var(--spacing-2) var(--spacing-1); - border-left: 1px solid var(--baseBorder); - border-right: 1px solid var(--baseBase); - height: var(--spacing-4); -} +._toolbarRoot_sects_162 div[role='separator'] { + margin: var(--spacing-2) var(--spacing-1); + border-left: 1px solid var(--baseBorder); + border-right: 1px solid var(--baseBase); + height: var(--spacing-4); + } -._toolbarRoot_uazmk_160 svg { - color: var(--baseTextContrast); - display: block; -} +._toolbarRoot_sects_162 svg { + color: var(--baseTextContrast); + display: block; + } -._readOnlyToolbarRoot_uazmk_187 { +._readOnlyToolbarRoot_sects_189 { pointer-events: none; background: var(--baseBase); } -._readOnlyToolbarRoot_uazmk_187 > div { - opacity: 0.5; -} +._readOnlyToolbarRoot_sects_189 > div { + opacity: 0.5; + } -._toolbarModeSwitch_uazmk_196 { +._toolbarModeSwitch_sects_198 { opacity: 1 !important; margin-left: auto; align-self: stretch; @@ -526,47 +496,43 @@ font-size: var(--text-xs); } -._toolbarModeSwitch_uazmk_196 ._toolbarToggleItem_uazmk_206 { - padding-inline-end: var(--spacing-4); - padding-inline-start: var(--spacing-4); -} +._toolbarModeSwitch_sects_198 ._toolbarToggleItem_sects_208 { + padding-inline-end: var(--spacing-4); + padding-inline-start: var(--spacing-4); + } -._toolbarModeSwitch_uazmk_196 ._toolbarToggleItem_uazmk_206:active, -._toolbarModeSwitch_uazmk_196 ._toolbarToggleItem_uazmk_206[data-state="on"] { - background-color: var(--baseBorder); -} +._toolbarModeSwitch_sects_198 ._toolbarToggleItem_sects_208:active, + ._toolbarModeSwitch_sects_198 ._toolbarToggleItem_sects_208[data-state='on'] { + background-color: var(--baseBorder); + } -._toolbarGroupOfGroups_uazmk_217 { +._toolbarGroupOfGroups_sects_219 { display: flex; margin: 0 var(--spacing-1); } -._toolbarToggleSingleGroup_uazmk_222:first-of-type - ._toolbarToggleItem_uazmk_206:only-child, -._toolbarToggleSingleGroup_uazmk_222:only-child - ._toolbarToggleItem_uazmk_206:first-child, -._toolbarModeSwitch_uazmk_196 ._toolbarToggleItem_uazmk_206:first-child { +._toolbarToggleSingleGroup_sects_224:first-of-type ._toolbarToggleItem_sects_208:only-child, +._toolbarToggleSingleGroup_sects_224:only-child ._toolbarToggleItem_sects_208:first-child, +._toolbarModeSwitch_sects_198 ._toolbarToggleItem_sects_208:first-child { border-top-left-radius: var(--radius-base); border-bottom-left-radius: var(--radius-base); } -._toolbarToggleSingleGroup_uazmk_222:last-of-type - ._toolbarToggleItem_uazmk_206:only-child, -._toolbarToggleSingleGroup_uazmk_222:only-child - ._toolbarToggleItem_uazmk_206:last-child, -._toolbarModeSwitch_uazmk_196 ._toolbarToggleItem_uazmk_206:last-child { +._toolbarToggleSingleGroup_sects_224:last-of-type ._toolbarToggleItem_sects_208:only-child, +._toolbarToggleSingleGroup_sects_224:only-child ._toolbarToggleItem_sects_208:last-child, +._toolbarModeSwitch_sects_198 ._toolbarToggleItem_sects_208:last-child { border-top-right-radius: var(--radius-base); border-bottom-right-radius: var(--radius-base); } -._toolbarToggleItem_uazmk_206, -._toolbarButton_uazmk_237 { +._toolbarToggleItem_sects_208, +._toolbarButton_sects_239 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; all: unset; box-sizing: border-box; cursor: default; @@ -574,57 +540,53 @@ } @media (hover: hover) { - ._toolbarToggleItem_uazmk_206:hover, - ._toolbarButton_uazmk_237:hover { - background-color: var(--baseBgActive); + ._toolbarToggleItem_sects_208:hover, ._toolbarButton_sects_239:hover { + background-color: var(--baseBgActive); + } } -} -._toolbarToggleItem_uazmk_206:active svg, -._toolbarButton_uazmk_237:active svg { - transform: translate(1px, 1px); -} +._toolbarToggleItem_sects_208:active svg, ._toolbarButton_sects_239:active svg { + transform: translate(1px, 1px); + } -._toolbarToggleItem_uazmk_206[data-state="on"], -._toolbarButton_uazmk_237[data-state="on"], -._toolbarToggleItem_uazmk_206:active, -._toolbarButton_uazmk_237:active { - color: var(--baseTextContrast); - background-color: var(--baseBgActive); -} +._toolbarToggleItem_sects_208[data-state='on'], + ._toolbarButton_sects_239[data-state='on'], + ._toolbarToggleItem_sects_208:active, + ._toolbarButton_sects_239:active { + color: var(--baseTextContrast); + background-color: var(--baseBgActive); + } -._toolbarToggleItem_uazmk_206[data-disabled], -._toolbarButton_uazmk_237[data-disabled] { - pointer-events: none; -} +._toolbarToggleItem_sects_208[data-disabled], ._toolbarButton_sects_239[data-disabled] { + pointer-events: none; + } -._toolbarToggleItem_uazmk_206[data-disabled] svg, -._toolbarButton_uazmk_237[data-disabled] svg { - color: var(--baseBorderHover); -} +._toolbarToggleItem_sects_208[data-disabled] svg, ._toolbarButton_sects_239[data-disabled] svg { + color: var(--baseBorderHover); + } -._toolbarButton_uazmk_237 { +._toolbarButton_sects_239 { border-radius: var(--radius-base); } -._toolbarButton_uazmk_237 + ._toolbarButton_uazmk_237 { +._toolbarButton_sects_239 + ._toolbarButton_sects_239 { margin-left: var(--spacing-1); } -._activeToolbarButton_uazmk_274 { +._activeToolbarButton_sects_275 { color: var(--accentText); } -._toolbarToggleSingleGroup_uazmk_222 { +._toolbarToggleSingleGroup_sects_224 { display: flex; align-items: center; white-space: nowrap; } -._toolbarNodeKindSelectContainer_uazmk_284, -._toolbarButtonDropdownContainer_uazmk_285, -._toolbarCodeBlockLanguageSelectContent_uazmk_286, -._selectContainer_uazmk_287 { +._toolbarNodeKindSelectContainer_sects_285, +._toolbarButtonDropdownContainer_sects_286, +._toolbarCodeBlockLanguageSelectContent_sects_287, +._selectContainer_sects_288 { filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2)); z-index: 3; width: var(--spacing-36); @@ -634,17 +596,17 @@ font-size: var(--text-sm); } -._toolbarButtonDropdownContainer_uazmk_285 { +._toolbarButtonDropdownContainer_sects_286 { border-top-right-radius: var(--radius-base); } -._toolbarButtonDropdownContainer_uazmk_285 ._selectItem_uazmk_300:first-child { - border-top-right-radius: var(--radius-base); -} +._toolbarButtonDropdownContainer_sects_286 ._selectItem_sects_301:first-child { + border-top-right-radius: var(--radius-base); + } -._toolbarNodeKindSelectTrigger_uazmk_305, -._toolbarButtonSelectTrigger_uazmk_306, -._selectTrigger_uazmk_307 { +._toolbarNodeKindSelectTrigger_sects_306, +._toolbarButtonSelectTrigger_sects_307, +._selectTrigger_sects_308 { border: 0; background-color: transparent; display: flex; @@ -661,68 +623,62 @@ margin: 0 var(--spacing-1); } -._toolbarNodeKindSelectTrigger_uazmk_305[data-state="open"], -._toolbarButtonSelectTrigger_uazmk_306[data-state="open"], -._selectTrigger_uazmk_307[data-state="open"] { - filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2)); - border-bottom-right-radius: var(--radius-none); - border-bottom-left-radius: var(--radius-none); -} +._toolbarNodeKindSelectTrigger_sects_306[data-state='open'], ._toolbarButtonSelectTrigger_sects_307[data-state='open'], ._selectTrigger_sects_308[data-state='open'] { + filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2)); + border-bottom-right-radius: var(--radius-none); + border-bottom-left-radius: var(--radius-none); + } -._selectTrigger_uazmk_307[data-placeholder] > span:first-child { +._selectTrigger_sects_308[data-placeholder] > span:first-child { color: var(--baseBorderHover); } /** used in the sandpack */ -._toolbarButtonSelectTrigger_uazmk_306 { +._toolbarButtonSelectTrigger_sects_307 { width: auto; padding-inline-start: var(--spacing-2); padding-inline-end: var(--spacing-1); padding-block: var(--spacing-0_5); } -._toolbarCodeBlockLanguageSelectTrigger_uazmk_342, -._toolbarCodeBlockLanguageSelectContent_uazmk_286 { +._toolbarCodeBlockLanguageSelectTrigger_sects_343, +._toolbarCodeBlockLanguageSelectContent_sects_287 { width: var(--spacing-48); } -._toolbarNodeKindSelectItem_uazmk_347, -._selectItem_uazmk_300 { +._toolbarNodeKindSelectItem_sects_348, +._selectItem_sects_301 { cursor: default; display: flex; padding: var(--spacing-2); } -._toolbarNodeKindSelectItem_uazmk_347[data-highlighted], -._selectItem_uazmk_300[data-highlighted] { - background-color: var(--baseBg); -} +._toolbarNodeKindSelectItem_sects_348[data-highlighted], ._selectItem_sects_301[data-highlighted] { + background-color: var(--baseBg); + } -._toolbarNodeKindSelectItem_uazmk_347[data-state="checked"], -._selectItem_uazmk_300[data-state="checked"] { - color: var(--baseTextContrast); - background-color: var(--baseBg); -} +._toolbarNodeKindSelectItem_sects_348[data-state='checked'], ._selectItem_sects_301[data-state='checked'] { + color: var(--baseTextContrast); + background-color: var(--baseBg); + } -._toolbarNodeKindSelectItem_uazmk_347[data-highlighted], -._selectItem_uazmk_300[data-highlighted] { - outline: none; -} +._toolbarNodeKindSelectItem_sects_348[data-highlighted], ._selectItem_sects_301[data-highlighted] { + outline: none; + } -._toolbarNodeKindSelectItem_uazmk_347:last-child, -._selectItem_uazmk_300:last-child { - border-bottom-left-radius: var(--radius-base); - border-bottom-right-radius: var(--radius-base); -} +._toolbarNodeKindSelectItem_sects_348:last-child, ._selectItem_sects_301:last-child { + border-bottom-left-radius: var(--radius-base); + border-bottom-right-radius: var(--radius-base); + } -._toolbarNodeKindSelectDropdownArrow_uazmk_372, -._selectDropdownArrow_uazmk_373 { +._toolbarNodeKindSelectDropdownArrow_sects_373, +._selectDropdownArrow_sects_374 { margin-left: auto; display: flex; align-items: center; } -._contentEditable_uazmk_379 { +._contentEditable_sects_380 { box-sizing: border-box; width: 100%; color: var(--baseTextContrast); @@ -730,11 +686,11 @@ padding: var(--spacing-3); } -._contentEditable_uazmk_379:focus { - outline: none; -} +._contentEditable_sects_380:focus { + outline: none; + } -._codeMirrorWrapper_uazmk_391 { +._codeMirrorWrapper_sects_392 { margin-bottom: var(--spacing-5); border: 1px solid var(--baseLine); border-radius: var(--radius-medium); @@ -743,7 +699,7 @@ position: relative; } -._sandPackWrapper_uazmk_400 { +._sandPackWrapper_sects_401 { margin-bottom: var(--spacing-5); border: 1px solid var(--baseLine); border-radius: var(--radius-medium); @@ -751,7 +707,7 @@ position: relative; } -._codeMirrorToolbar_uazmk_408 { +._codeMirrorToolbar_sects_409 { position: absolute; right: 0; top: 0; @@ -763,23 +719,23 @@ border-bottom-left-radius: var(--radius-base); } -._frontmatterWrapper_uazmk_412 { +._frontmatterWrapper_sects_413 { border-radius: var(--radius-medium); padding: var(--spacing-3); background-color: var(--baseBgSubtle); } -._frontmatterWrapper_uazmk_412[data-expanded="true"] { - margin-bottom: var(--spacing-10); -} +._frontmatterWrapper_sects_413[data-expanded='true'] { + margin-bottom: var(--spacing-10); + } -._frontmatterToggleButton_uazmk_422 { +._frontmatterToggleButton_sects_423 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; all: unset; box-sizing: border-box; cursor: default; @@ -789,7 +745,7 @@ font-size: var(--text-sm); } -._propertyPanelTitle_uazmk_430 { +._propertyPanelTitle_sects_431 { font-size: var(--text-xs); font-weight: 400; margin: 0; @@ -797,55 +753,55 @@ padding-left: var(--spacing-2); } -._propertyEditorTable_uazmk_438 { +._propertyEditorTable_sects_439 { table-layout: fixed; border-spacing: var(--spacing-2); } -._propertyEditorTable_uazmk_438 th { - text-align: left; - font-size: var(--text-sm); - padding: var(--spacing-2) var(--spacing-3); -} +._propertyEditorTable_sects_439 th { + text-align: left; + font-size: var(--text-sm); + padding: var(--spacing-2) var(--spacing-3); + } -._propertyEditorTable_uazmk_438 col:nth-child(1) { - width: 30%; -} +._propertyEditorTable_sects_439 col:nth-child(1) { + width: 30%; + } -._propertyEditorTable_uazmk_438 col:nth-child(2) { - width: 70%; -} +._propertyEditorTable_sects_439 col:nth-child(2) { + width: 70%; + } -._propertyEditorTable_uazmk_438 td:last-child ._iconButton_uazmk_456 { - margin-left: var(--spacing-4); - margin-right: var(--spacing-4); -} +._propertyEditorTable_sects_439 td:last-child ._iconButton_sects_457 { + margin-left: var(--spacing-4); + margin-right: var(--spacing-4); + } -._propertyEditorTable_uazmk_438 ._readOnlyColumnCell_uazmk_461 { - padding-left: 0; -} +._propertyEditorTable_sects_439 ._readOnlyColumnCell_sects_462 { + padding-left: 0; + } -._propertyEditorLabelCell_uazmk_466 { +._propertyEditorLabelCell_sects_467 { font-weight: 400; } -._readOnlyColumnCell_uazmk_461 { +._readOnlyColumnCell_sects_462 { padding-left: 0; } -._buttonsFooter_uazmk_474 { +._buttonsFooter_sects_475 { display: flex; justify-content: flex-end; gap: var(--spacing-2); } -._propertyEditorInput_uazmk_480 { +._propertyEditorInput_sects_481 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; all: unset; box-sizing: border-box; cursor: default; @@ -857,13 +813,13 @@ font-size: var(--text-sm); } -._iconButton_uazmk_456 { +._iconButton_sects_457 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; all: unset; box-sizing: border-box; cursor: default; @@ -871,24 +827,24 @@ } @media (hover: hover) { - ._iconButton_uazmk_456:hover { - color: var(--baseTextContrast); + ._iconButton_sects_457:hover { + color: var(--baseTextContrast); + } } -} -._iconButton_uazmk_456:disabled, -._iconButton_uazmk_456:disabled:hover { - color: var(--baseLine); -} +._iconButton_sects_457:disabled, + ._iconButton_sects_457:disabled:hover { + color: var(--baseLine); + } -._primaryButton_uazmk_506, -._secondaryButton_uazmk_507 { +._primaryButton_sects_507, +._secondaryButton_sects_508 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; all: unset; box-sizing: border-box; cursor: default; @@ -900,31 +856,30 @@ border-radius: var(--radius-medium); } -._primaryButton_uazmk_506:disabled, -._secondaryButton_uazmk_507:disabled { - background: var(--accentLine); - border-color: var(--accentBg); -} +._primaryButton_sects_507:disabled, ._secondaryButton_sects_508:disabled { + background: var(--accentLine); + border-color: var(--accentBg); + } -._smallButton_uazmk_522 { +._smallButton_sects_523 { font-size: var(--text-xs); padding: var(--spacing-1) var(--spacing-2); border-radius: var(--radius-base); } -._secondaryButton_uazmk_507 { +._secondaryButton_sects_508 { border: 1px solid var(--baseBorder); background-color: var(--baseSolidHover); color: var(--baseBase); } -._dialogForm_uazmk_534 { +._dialogForm_sects_535 { display: flex; flex-direction: row; gap: var(--spacing-2); } -._linkDialogEditForm_uazmk_540 { +._linkDialogEditForm_sects_541 { display: flex; flex-direction: column; align-items: stretch; @@ -932,13 +887,13 @@ padding: 0; } -._linkDialogInputContainer_uazmk_548 { +._linkDialogInputContainer_sects_549 { display: flex; flex-direction: column; align-items: stretch; } -._linkDialogInputWrapper_uazmk_554 { +._linkDialogInputWrapper_sects_555 { display: flex; align-items: center; background-color: var(--baseBase); @@ -947,33 +902,33 @@ border: 1px solid var(--baseBorder); } -._linkDialogInputWrapper_uazmk_554[data-visible-dropdown="true"] { - border-bottom-left-radius: var(--radius-none); - border-bottom-right-radius: var(--radius-none); - border-bottom-width: 0; -} +._linkDialogInputWrapper_sects_555[data-visible-dropdown='true'] { + border-bottom-left-radius: var(--radius-none); + border-bottom-right-radius: var(--radius-none); + border-bottom-width: 0; + } -._linkDialogInputWrapper_uazmk_554 > button { - border: 0; - background-color: transparent; - font-size: inherit; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - all: unset; - box-sizing: border-box; - cursor: default; - padding-right: var(--spacing-2); -} +._linkDialogInputWrapper_sects_555 > button { + border: 0; + background-color: transparent; + font-size: inherit; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + all: unset; + box-sizing: border-box; + cursor: default; + padding-right: var(--spacing-2); + } -._linkDialogInput_uazmk_548, -._dialogInput_uazmk_575 { +._linkDialogInput_sects_549, +._dialogInput_sects_576 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; all: unset; box-sizing: border-box; cursor: default; @@ -982,33 +937,31 @@ font-size: var(--text-sm); } -._linkDialogInput_uazmk_548::-moz-placeholder, -._dialogInput_uazmk_575::-moz-placeholder { - color: var(--baseBorder); -} +._linkDialogInput_sects_549::-moz-placeholder, ._dialogInput_sects_576::-moz-placeholder { + color: var(--baseBorder); + } -._linkDialogInput_uazmk_548::placeholder, -._dialogInput_uazmk_575::placeholder { - color: var(--baseBorder); -} +._linkDialogInput_sects_549::placeholder, ._dialogInput_sects_576::placeholder { + color: var(--baseBorder); + } -._linkDialogAnchor_uazmk_586 { +._linkDialogAnchor_sects_587 { position: fixed; background-color: highlight; z-index: -1; } -._linkDialogAnchor_uazmk_586[data-visible="true"] { - visibility: visible; -} +._linkDialogAnchor_sects_587[data-visible='true'] { + visibility: visible; + } -._linkDialogAnchor_uazmk_586[data-visible="false"] { - visibility: hidden; -} +._linkDialogAnchor_sects_587[data-visible='false'] { + visibility: hidden; + } -._linkDialogPopoverContent_uazmk_600, -._tableColumnEditorPopoverContent_uazmk_601, -._dialogContent_uazmk_602 { +._linkDialogPopoverContent_sects_601, +._tableColumnEditorPopoverContent_sects_602, +._dialogContent_sects_603 { filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2)); display: flex; align-items: center; @@ -1020,7 +973,7 @@ font-size: var(--text-sm); } -._largeDialogContent_uazmk_614 { +._largeDialogContent_sects_615 { filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2)); gap: var(--spacing-0_5); border-radius: var(--radius-medium); @@ -1030,19 +983,19 @@ font-size: var(--text-sm); } -._dialogTitle_uazmk_624 { +._dialogTitle_sects_625 { font-size: var(--text-base); font-weight: 600; padding-left: var(--spacing-2); } -._dialogCloseButton_uazmk_630 { +._dialogCloseButton_sects_631 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; all: unset; box-sizing: border-box; cursor: default; @@ -1051,7 +1004,7 @@ right: 10px; } -._popoverContent_uazmk_637 { +._popoverContent_sects_638 { filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2)); display: flex; align-items: center; @@ -1063,11 +1016,11 @@ z-index: 1; } -._popoverArrow_uazmk_649 { +._popoverArrow_sects_650 { fill: var(--basePageBg); } -._linkDialogPreviewAnchor_uazmk_653 { +._linkDialogPreviewAnchor_sects_654 { margin-right: var(--spacing-1); display: flex; align-items: center; @@ -1078,23 +1031,23 @@ } @media (hover: hover) { - ._linkDialogPreviewAnchor_uazmk_653:hover { - color: var(--accentSolidHover); + ._linkDialogPreviewAnchor_sects_654:hover { + color: var(--accentSolidHover); + } } -} -._linkDialogPreviewAnchor_uazmk_653 span { - max-width: 14rem; - overflow-x: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} +._linkDialogPreviewAnchor_sects_654 span { + max-width: 14rem; + overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } -._tooltipTrigger_uazmk_676 { +._tooltipTrigger_sects_677 { align-self: center; } -._tooltipContent_uazmk_680 { +._tooltipContent_sects_681 { z-index: 2; position: relative; border-radius: var(--radius-medium); @@ -1104,17 +1057,17 @@ color: var(--baseBase); } -._tooltipContent_uazmk_680 svg { - fill: var(--baseText); -} +._tooltipContent_sects_681 svg { + fill: var(--baseText); + } -._actionButton_uazmk_694 { +._actionButton_sects_695 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; all: unset; box-sizing: border-box; cursor: default; @@ -1125,39 +1078,39 @@ color: var(--baseTextContrast); } -._actionButton_uazmk_694 svg { - display: block; -} +._actionButton_sects_695 svg { + display: block; + } @media (hover: hover) { - ._actionButton_uazmk_694:hover { - background-color: var(--baseBg); + ._actionButton_sects_695:hover { + background-color: var(--baseBg); + } } -} -._actionButton_uazmk_694:active svg { - transform: translate(1px, 1px); -} +._actionButton_sects_695:active svg { + transform: translate(1px, 1px); + } -._actionButton_uazmk_694[data-state="on"], -._actionButton_uazmk_694:active { - background-color: var(--baseBg); - color: var(--baseTextContrast); -} +._actionButton_sects_695[data-state='on'], + ._actionButton_sects_695:active { + background-color: var(--baseBg); + color: var(--baseTextContrast); + } -._primaryActionButton_uazmk_701 { +._primaryActionButton_sects_702 { background-color: var(--accentSolid); color: var(--baseBase); } @media (hover: hover) { - ._primaryActionButton_uazmk_701:hover { - background-color: var(--accentSolidHover); - color: var(--baseBase); + ._primaryActionButton_sects_702:hover { + background-color: var(--accentSolidHover); + color: var(--baseBase); + } } -} -._tableEditor_uazmk_713 { +._tableEditor_sects_714 { table-layout: fixed; width: 100%; height: 100%; @@ -1165,95 +1118,67 @@ border-collapse: collapse; } -._tableEditor_uazmk_713 thead > tr > th { - text-align: right; -} +._tableEditor_sects_714 thead > tr > th { + text-align: right; + } -._tableEditor_uazmk_713 > tbody > tr > td:not(._toolCell_uazmk_724), -._tableEditor_uazmk_713 - > tbody - > tr - > th:not(._toolCell_uazmk_724):not([data-tool-cell="true"]) { - border: 1px solid var(--baseBgActive); - padding: var(--spacing-1) var(--spacing-2); - white-space: normal; -} +._tableEditor_sects_714 > tbody > tr > td:not(._toolCell_sects_725), + ._tableEditor_sects_714 > tbody > tr > th:not(._toolCell_sects_725):not([data-tool-cell='true']) { + border: 1px solid var(--baseBgActive); + padding: var(--spacing-1) var(--spacing-2); + white-space: normal; + } -:is( - ._tableEditor_uazmk_713 > tbody > tr > td:not(._toolCell_uazmk_724), - ._tableEditor_uazmk_713 - > tbody - > tr - > th:not(._toolCell_uazmk_724):not([data-tool-cell="true"]) - ) - > div { - outline: none; -} +:is(._tableEditor_sects_714 > tbody > tr > td:not(._toolCell_sects_725),._tableEditor_sects_714 > tbody > tr > th:not(._toolCell_sects_725):not([data-tool-cell='true'])) > div { + outline: none; + } -:is( - ._tableEditor_uazmk_713 > tbody > tr > td:not(._toolCell_uazmk_724), - ._tableEditor_uazmk_713 - > tbody - > tr - > th:not(._toolCell_uazmk_724):not([data-tool-cell="true"]) - ) - > div - > p { - margin: 0; -} +:is(._tableEditor_sects_714 > tbody > tr > td:not(._toolCell_sects_725),._tableEditor_sects_714 > tbody > tr > th:not(._toolCell_sects_725):not([data-tool-cell='true'])) > div > p { + margin: 0; + } -[data-active="true"]:is( - ._tableEditor_uazmk_713 > tbody > tr > td:not(._toolCell_uazmk_724), - ._tableEditor_uazmk_713 - > tbody - > tr - > th:not(._toolCell_uazmk_724):not([data-tool-cell="true"]) - ) { - outline: solid 1px var(--baseSolid); -} +[data-active='true']:is(._tableEditor_sects_714 > tbody > tr > td:not(._toolCell_sects_725),._tableEditor_sects_714 > tbody > tr > th:not(._toolCell_sects_725):not([data-tool-cell='true'])) { + outline: solid 1px var(--baseSolid); + } -._tableEditor_uazmk_713 ._tableColumnEditorTrigger_uazmk_743, -._tableEditor_uazmk_713 ._tableRowEditorTrigger_uazmk_744, -._tableEditor_uazmk_713 ._addRowButton_uazmk_745, -._tableEditor_uazmk_713 ._addColumnButton_uazmk_746, -._tableEditor_uazmk_713 ._iconButton_uazmk_456 { - opacity: 0.15; -} +._tableEditor_sects_714 ._tableColumnEditorTrigger_sects_744, + ._tableEditor_sects_714 ._tableRowEditorTrigger_sects_745, + ._tableEditor_sects_714 ._addRowButton_sects_746, + ._tableEditor_sects_714 ._addColumnButton_sects_747, + ._tableEditor_sects_714 ._iconButton_sects_457 { + opacity: 0.15; + } @media (hover: hover) { - ._tableEditor_uazmk_713:hover ._tableColumnEditorTrigger_uazmk_743, - ._tableEditor_uazmk_713:hover ._tableRowEditorTrigger_uazmk_744, - ._tableEditor_uazmk_713:hover ._addRowButton_uazmk_745, - ._tableEditor_uazmk_713:hover ._addColumnButton_uazmk_746, - ._tableEditor_uazmk_713:hover ._iconButton_uazmk_456 { - opacity: 0.3; - } - - ._tableEditor_uazmk_713:hover ._tableColumnEditorTrigger_uazmk_743:hover, - ._tableEditor_uazmk_713:hover ._tableRowEditorTrigger_uazmk_744:hover, - ._tableEditor_uazmk_713:hover ._addRowButton_uazmk_745:hover, - ._tableEditor_uazmk_713:hover ._addColumnButton_uazmk_746:hover, - ._tableEditor_uazmk_713:hover ._iconButton_uazmk_456:hover { - opacity: 1; + ._tableEditor_sects_714:hover ._tableColumnEditorTrigger_sects_744, + ._tableEditor_sects_714:hover ._tableRowEditorTrigger_sects_745, + ._tableEditor_sects_714:hover ._addRowButton_sects_746, + ._tableEditor_sects_714:hover ._addColumnButton_sects_747, + ._tableEditor_sects_714:hover ._iconButton_sects_457 { + opacity: 0.3; + } + + ._tableEditor_sects_714:hover ._tableColumnEditorTrigger_sects_744:hover, ._tableEditor_sects_714:hover ._tableRowEditorTrigger_sects_745:hover, ._tableEditor_sects_714:hover ._addRowButton_sects_746:hover, ._tableEditor_sects_714:hover ._addColumnButton_sects_747:hover, ._tableEditor_sects_714:hover ._iconButton_sects_457:hover { + opacity: 1; + } } -} -._toolCell_uazmk_724 { +._toolCell_sects_725 { text-align: right; } -._toolCell_uazmk_724 button { - margin: auto; - display: block; -} +._toolCell_sects_725 button { + margin: auto; + display: block; + } -._tableColumnEditorTrigger_uazmk_743 { +._tableColumnEditorTrigger_sects_744 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; all: unset; box-sizing: border-box; cursor: default; @@ -1264,150 +1189,150 @@ opacity: 0.2; } -._tableColumnEditorTrigger_uazmk_743 svg { - display: block; -} +._tableColumnEditorTrigger_sects_744 svg { + display: block; + } @media (hover: hover) { - ._tableColumnEditorTrigger_uazmk_743:hover { - background-color: var(--baseBg); + ._tableColumnEditorTrigger_sects_744:hover { + background-color: var(--baseBg); + } } -} -._tableColumnEditorTrigger_uazmk_743:active svg { - transform: translate(1px, 1px); -} +._tableColumnEditorTrigger_sects_744:active svg { + transform: translate(1px, 1px); + } -._tableColumnEditorTrigger_uazmk_743[data-state="on"], -._tableColumnEditorTrigger_uazmk_743:active { - background-color: var(--baseBg); - color: var(--baseTextContrast); -} +._tableColumnEditorTrigger_sects_744[data-state='on'], + ._tableColumnEditorTrigger_sects_744:active { + background-color: var(--baseBg); + color: var(--baseTextContrast); + } -._tableColumnEditorTrigger_uazmk_743[data-active="true"] { - opacity: 1 !important; -} +._tableColumnEditorTrigger_sects_744[data-active='true'] { + opacity: 1 !important; + } -._tableColumnEditorToolbar_uazmk_789 { +._tableColumnEditorToolbar_sects_789 { display: flex; } -._tableColumnEditorToolbar_uazmk_789 > button { - border: 0; - background-color: transparent; - font-size: inherit; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - all: unset; - box-sizing: border-box; - cursor: default; - padding: var(--spacing-1); - color: var(--baseTextContrast); -} +._tableColumnEditorToolbar_sects_789 > button { + border: 0; + background-color: transparent; + font-size: inherit; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + all: unset; + box-sizing: border-box; + cursor: default; + padding: var(--spacing-1); + color: var(--baseTextContrast); + } -._tableColumnEditorToolbar_uazmk_789 > button svg { - display: block; -} +._tableColumnEditorToolbar_sects_789 > button svg { + display: block; + } @media (hover: hover) { - ._tableColumnEditorToolbar_uazmk_789 > button:hover { - background-color: var(--baseBg); + ._tableColumnEditorToolbar_sects_789 > button:hover { + background-color: var(--baseBg); + } } -} -._tableColumnEditorToolbar_uazmk_789 > button:active svg { - transform: translate(1px, 1px); -} +._tableColumnEditorToolbar_sects_789 > button:active svg { + transform: translate(1px, 1px); + } -._tableColumnEditorToolbar_uazmk_789 > button[data-state="on"], -._tableColumnEditorToolbar_uazmk_789 > button:active { - background-color: var(--baseBg); - color: var(--baseTextContrast); -} +._tableColumnEditorToolbar_sects_789 > button[data-state='on'], + ._tableColumnEditorToolbar_sects_789 > button:active { + background-color: var(--baseBg); + color: var(--baseTextContrast); + } -._tableColumnEditorToolbar_uazmk_789 [role="separator"] { - margin-left: var(--spacing-1); - margin-right: var(--spacing-1); -} +._tableColumnEditorToolbar_sects_789 [role='separator'] { + margin-left: var(--spacing-1); + margin-right: var(--spacing-1); + } -._toggleGroupRoot_uazmk_803 { +._toggleGroupRoot_sects_802 { display: inline-flex; } -._toggleGroupRoot_uazmk_803 button { - border: 0; - background-color: transparent; - font-size: inherit; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - all: unset; - box-sizing: border-box; - cursor: default; - padding: var(--spacing-1); - color: var(--baseTextContrast); -} +._toggleGroupRoot_sects_802 button { + border: 0; + background-color: transparent; + font-size: inherit; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + all: unset; + box-sizing: border-box; + cursor: default; + padding: var(--spacing-1); + color: var(--baseTextContrast); + } -._toggleGroupRoot_uazmk_803 button svg { - display: block; -} +._toggleGroupRoot_sects_802 button svg { + display: block; + } @media (hover: hover) { - ._toggleGroupRoot_uazmk_803 button:hover { - background-color: var(--baseBg); + ._toggleGroupRoot_sects_802 button:hover { + background-color: var(--baseBg); + } } -} -._toggleGroupRoot_uazmk_803 button:active svg { - transform: translate(1px, 1px); -} +._toggleGroupRoot_sects_802 button:active svg { + transform: translate(1px, 1px); + } -._toggleGroupRoot_uazmk_803 button[data-state="on"], -._toggleGroupRoot_uazmk_803 button:active { - background-color: var(--baseBg); - color: var(--baseTextContrast); -} +._toggleGroupRoot_sects_802 button[data-state='on'], + ._toggleGroupRoot_sects_802 button:active { + background-color: var(--baseBg); + color: var(--baseTextContrast); + } -._toggleGroupRoot_uazmk_803 button:first-child { - border-top-left-radius: var(--radius-base); - border-bottom-left-radius: var(--radius-base); -} +._toggleGroupRoot_sects_802 button:first-child { + border-top-left-radius: var(--radius-base); + border-bottom-left-radius: var(--radius-base); + } -._toggleGroupRoot_uazmk_803 button:last-child { - border-top-right-radius: var(--radius-base); - border-bottom-right-radius: var(--radius-base); -} +._toggleGroupRoot_sects_802 button:last-child { + border-top-right-radius: var(--radius-base); + border-bottom-right-radius: var(--radius-base); + } -._tableToolsColumn_uazmk_821 { +._tableToolsColumn_sects_820 { width: 2rem; } -._tableToolsColumn_uazmk_821 button { - margin: auto; - display: block; -} +._tableToolsColumn_sects_820 button { + margin: auto; + display: block; + } -._leftAlignedCell_uazmk_830 { +._leftAlignedCell_sects_829 { text-align: left; } -._rightAlignedCell_uazmk_834 { +._rightAlignedCell_sects_833 { text-align: right; } -._centeredCell_uazmk_838 { +._centeredCell_sects_837 { text-align: center; } -._addColumnButton_uazmk_746, -._addRowButton_uazmk_745 { +._addColumnButton_sects_747, +._addRowButton_sects_746 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; all: unset; box-sizing: border-box; cursor: default; @@ -1419,37 +1344,33 @@ align-items: center; } -._addColumnButton_uazmk_746 svg, -._addRowButton_uazmk_745 svg { - display: block; -} +._addColumnButton_sects_747 svg, ._addRowButton_sects_746 svg { + display: block; + } @media (hover: hover) { - ._addColumnButton_uazmk_746:hover, - ._addRowButton_uazmk_745:hover { - background-color: var(--baseBg); + ._addColumnButton_sects_747:hover, ._addRowButton_sects_746:hover { + background-color: var(--baseBg); + } } -} -._addColumnButton_uazmk_746:active svg, -._addRowButton_uazmk_745:active svg { - transform: translate(1px, 1px); -} +._addColumnButton_sects_747:active svg, ._addRowButton_sects_746:active svg { + transform: translate(1px, 1px); + } -._addColumnButton_uazmk_746[data-state="on"], -._addRowButton_uazmk_745[data-state="on"], -._addColumnButton_uazmk_746:active, -._addRowButton_uazmk_745:active { - background-color: var(--baseBg); - color: var(--baseTextContrast); -} +._addColumnButton_sects_747[data-state='on'], + ._addRowButton_sects_746[data-state='on'], + ._addColumnButton_sects_747:active, + ._addRowButton_sects_746:active { + background-color: var(--baseBg); + color: var(--baseTextContrast); + } -._addColumnButton_uazmk_746 svg, -._addRowButton_uazmk_745 svg { - margin: auto; -} +._addColumnButton_sects_747 svg, ._addRowButton_sects_746 svg { + margin: auto; + } -._addRowButton_uazmk_745 { +._addRowButton_sects_746 { width: 100%; margin-top: var(--spacing-px); box-sizing: border-box; @@ -1457,7 +1378,7 @@ border-bottom-left-radius: var(--radius-medium); } -._addColumnButton_uazmk_746 { +._addColumnButton_sects_747 { margin-left: var(--spacing-px); height: 100%; border-top-right-radius: var(--radius-medium); @@ -1465,31 +1386,31 @@ } /** Dialog */ -._dialogOverlay_uazmk_871 { +._dialogOverlay_sects_870 { position: fixed; inset: 0; - animation: _overlayShow_uazmk_1 150ms cubic-bezier(0.16, 1, 0.3, 1); + animation: _overlayShow_sects_1 150ms cubic-bezier(0.16, 1, 0.3, 1); background-color: var(--baseBase); z-index: 51; opacity: 0.5; } -._dialogContent_uazmk_602, -._largeDialogContent_uazmk_614 { +._dialogContent_sects_603, +._largeDialogContent_sects_615 { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); - animation: _contentShow_uazmk_1 150ms cubic-bezier(0.16, 1, 0.3, 1); + animation: _contentShow_sects_1 150ms cubic-bezier(0.16, 1, 0.3, 1); z-index: 52; } -._dialogContent_uazmk_602:focus, -._largeDialogContent_uazmk_614:focus { +._dialogContent_sects_603:focus, +._largeDialogContent_sects_615:focus { outline: none; } -@keyframes _overlayShow_uazmk_1 { +@keyframes _overlayShow_sects_1 { from { opacity: 0; } @@ -1499,7 +1420,7 @@ } } -@keyframes _contentShow_uazmk_1 { +@keyframes _contentShow_sects_1 { from { opacity: 0; transform: translate(-50%, -48%) scale(0.96); @@ -1511,23 +1432,23 @@ } } -._focusedImage_uazmk_918 { +._focusedImage_sects_916 { outline: highlight solid 2px; } -._imageWrapper_uazmk_922 { +._imageWrapper_sects_920 { display: inline-block; position: relative; } -._imageWrapper_uazmk_922[draggable="true"] { +._imageWrapper_sects_920[draggable='true'] { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -webkit-grab; } -._editImageToolbar_uazmk_935 { +._editImageToolbar_sects_933 { position: absolute; right: 0; top: 0; @@ -1539,11 +1460,11 @@ border-bottom-left-radius: var(--radius-base); } -._editImageButton_uazmk_939 svg { - display: block; -} +._editImageButton_sects_937 svg { + display: block; + } -._inlineEditor_uazmk_945 { +._inlineEditor_sects_943 { display: inline-flex; border-radius: var(--radius-medium); padding: var(--spacing-1); @@ -1552,7 +1473,7 @@ background: var(--baseBg); } -._blockEditor_uazmk_954 { +._blockEditor_sects_952 { display: flex; justify-content: stretch; border-radius: var(--radius-medium); @@ -1562,69 +1483,81 @@ background: var(--baseBg); } -._blockEditor_uazmk_954 ._nestedEditor_uazmk_963 { - flex-grow: 1; -} +._blockEditor_sects_952 ._nestedEditor_sects_961 { + flex-grow: 1; + } -._nestedEditor_uazmk_963 { +._nestedEditor_sects_961 { background: var(--basePageBg); padding: var(--spacing-1) var(--spacing-2); border-radius: var(--radius-medium); } -._nestedEditor_uazmk_963 > p { - margin: 0; -} +._nestedEditor_sects_961 > p { + margin: 0; + } -._nestedEditor_uazmk_963:focus { - outline: none; -} +._nestedEditor_sects_961:focus { + outline: none; + } -._genericComponentName_uazmk_982 { +._genericComponentName_sects_980 { font-size: var(--text-sm); color: var(--baseText); padding-right: var(--spacing-2); } -._diffSourceToggle_uazmk_988 { - border-radius: var(--radius-medium); - display: flex; +._diffSourceToggleWrapper_sects_986 { + margin-left: auto; + pointer-events: auto; + opacity: 1; + position: sticky; + right: 0; } -._diffSourceToggle_uazmk_988 ._toolbarToggleItem_uazmk_206 { - padding: 0; +._ggDiffSourceToggle_sects_994 { } -._diffSourceToggle_uazmk_988 ._toolbarToggleItem_uazmk_206 > span { - display: block; - padding: var(--spacing-1) var(--spacing-1); +._diffSourceToggle_sects_986 { + border-radius: var(--radius-medium); + background-color: var(--baseBase); + display: flex; } -._selectWithLabel_uazmk_1002 { +._diffSourceToggle_sects_986 ._toolbarToggleItem_sects_208 { + padding: 0; + } + +._diffSourceToggle_sects_986 ._toolbarToggleItem_sects_208 > span { + display: block; + padding: var(--spacing-1) var(--spacing-1); + } + +._selectWithLabel_sects_1012 { display: flex; align-items: center; gap: var(--spacing-2); margin-left: var(--spacing-2); } -._selectWithLabel_uazmk_1002 > label { - font-size: var(--text-sm); -} +._selectWithLabel_sects_1012 > label { + font-size: var(--text-sm); + } -._selectWithLabel_uazmk_1002 ._selectTrigger_uazmk_307 { - border: 1px solid var(--baseBorder); -} +._selectWithLabel_sects_1012 ._selectTrigger_sects_308 { + border: 1px solid var(--baseBorder); + } -._toolbarTitleMode_uazmk_1017 { +._toolbarTitleMode_sects_1027 { font-size: var(--text-sm); margin-left: var(--spacing-2); } -._imageControlWrapperResizing_uazmk_1023 { +._imageControlWrapperResizing_sects_1032 { touch-action: none; } -._imageResizer_uazmk_1027 { +._imageResizer_sects_1036 { display: block; width: 7px; height: 7px; @@ -1633,55 +1566,65 @@ border: 1px solid var(--baseBg); } -._imageResizer_uazmk_1027._imageResizerN_uazmk_1036 { +._imageResizer_sects_1036._imageResizerN_sects_1045 { top: -6px; left: 48%; cursor: n-resize; } -._imageResizer_uazmk_1027._imageResizerNe_uazmk_1042 { +._imageResizer_sects_1036._imageResizerNe_sects_1051 { top: -6px; right: -6px; cursor: ne-resize; } -._imageResizer_uazmk_1027._imageResizerE_uazmk_1048 { +._imageResizer_sects_1036._imageResizerE_sects_1057 { bottom: 48%; right: -6px; cursor: e-resize; } -._imageResizer_uazmk_1027._imageResizerSe_uazmk_1054 { +._imageResizer_sects_1036._imageResizerSe_sects_1063 { bottom: -2px; right: -6px; cursor: nwse-resize; } -._imageResizer_uazmk_1027._imageResizerS_uazmk_1054 { +._imageResizer_sects_1036._imageResizerS_sects_1063 { bottom: -2px; left: 48%; cursor: s-resize; } -._imageResizer_uazmk_1027._imageResizerSw_uazmk_1066 { +._imageResizer_sects_1036._imageResizerSw_sects_1075 { bottom: -2px; left: -6px; cursor: sw-resize; } -._imageResizer_uazmk_1027._imageResizerW_uazmk_1072 { +._imageResizer_sects_1036._imageResizerW_sects_1081 { bottom: 48%; left: -6px; cursor: w-resize; } -._imageResizer_uazmk_1027._imageResizerNw_uazmk_1078 { +._imageResizer_sects_1036._imageResizerNw_sects_1087 { top: -6px; left: -6px; cursor: nw-resize; } -._placeholder_uazmk_1084 { +._imagePlaceholder_sects_1093 { + border: 2px dashed; + padding: 48px; + margin: 12px; + width: -moz-fit-content; + width: fit-content; + height: -moz-fit-content; + height: fit-content; +} + +._placeholder_sects_1101 { color: var(--baseSolid); overflow: hidden; position: absolute; @@ -1689,24 +1632,24 @@ padding: var(--spacing-3); text-overflow: ellipsis; -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + -moz-user-select: none; + user-select: none; white-space: nowrap; display: inline-block; pointer-events: none; } -._rootContentEditableWrapper_uazmk_1097 { +._rootContentEditableWrapper_sects_1114 { position: relative; } -._downshiftContainer_uazmk_1103 { +._downshiftContainer_sects_1118 { display: flex; flex-direction: column; align-items: stretch; } -._downshiftInputWrapper_uazmk_1109 { +._downshiftInputWrapper_sects_1124 { display: flex; align-items: center; background-color: var(--baseBase); @@ -1715,32 +1658,32 @@ border: 1px solid var(--baseBorder); } -._downshiftInputWrapper_uazmk_1109[data-visible-dropdown="true"] { - border-bottom-left-radius: var(--radius-none); - border-bottom-right-radius: var(--radius-none); - border-bottom-width: 0; -} +._downshiftInputWrapper_sects_1124[data-visible-dropdown='true'] { + border-bottom-left-radius: var(--radius-none); + border-bottom-right-radius: var(--radius-none); + border-bottom-width: 0; + } -._downshiftInputWrapper_uazmk_1109 > button { - border: 0; - background-color: transparent; - font-size: inherit; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - all: unset; - box-sizing: border-box; - cursor: default; - padding-right: var(--spacing-2); -} +._downshiftInputWrapper_sects_1124 > button { + border: 0; + background-color: transparent; + font-size: inherit; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + all: unset; + box-sizing: border-box; + cursor: default; + padding-right: var(--spacing-2); + } -._downshiftInput_uazmk_1109 { +._downshiftInput_sects_1124 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; all: unset; box-sizing: border-box; cursor: default; @@ -1749,61 +1692,61 @@ font-size: var(--text-sm); } -._downshiftInput_uazmk_1109::-moz-placeholder { - color: var(--baseBorder); -} +._downshiftInput_sects_1124::-moz-placeholder { + color: var(--baseBorder); + } -._downshiftInput_uazmk_1109::placeholder { - color: var(--baseBorder); -} +._downshiftInput_sects_1124::placeholder { + color: var(--baseBorder); + } -._downshiftAutocompleteContainer_uazmk_1140 { +._downshiftAutocompleteContainer_sects_1155 { position: relative; } -._downshiftAutocompleteContainer_uazmk_1140 ul { - all: unset; - box-sizing: border-box; - position: absolute; - font-size: var(--text-sm); - width: 100%; - display: none; - border-bottom-left-radius: var(--radius-medium); - border-bottom-right-radius: var(--radius-medium); - max-height: var(--spacing-48); - overflow-x: hidden; - overflow-y: auto; - border: 1px solid var(--baseBorder); - border-top-width: 0; - background-color: var(--baseBase); -} +._downshiftAutocompleteContainer_sects_1155 ul { + all: unset; + box-sizing: border-box; + position: absolute; + font-size: var(--text-sm); + width: 100%; + display: none; + border-bottom-left-radius: var(--radius-medium); + border-bottom-right-radius: var(--radius-medium); + max-height: var(--spacing-48); + overflow-x: hidden; + overflow-y: auto; + border: 1px solid var(--baseBorder); + border-top-width: 0; + background-color: var(--baseBase); + } -._downshiftAutocompleteContainer_uazmk_1140 ul[data-visible="true"] { - display: block; -} +._downshiftAutocompleteContainer_sects_1155 ul[data-visible='true'] { + display: block; + } -._downshiftAutocompleteContainer_uazmk_1140 ul li { - padding: var(--spacing-2) var(--spacing-3); - white-space: nowrap; - margin-bottom: var(--spacing-1); - overflow-x: hidden; - text-overflow: ellipsis; -} +._downshiftAutocompleteContainer_sects_1155 ul li { + padding: var(--spacing-2) var(--spacing-3); + white-space: nowrap; + margin-bottom: var(--spacing-1); + overflow-x: hidden; + text-overflow: ellipsis; + } -._downshiftAutocompleteContainer_uazmk_1140 ul li[data-selected="true"] { - background-color: var(--baseBgSubtle); -} +._downshiftAutocompleteContainer_sects_1155 ul li[data-selected='true'] { + background-color: var(--baseBgSubtle); + } -._downshiftAutocompleteContainer_uazmk_1140 ul li[data-highlighted="true"] { - background-color: var(--baseBgHover); -} +._downshiftAutocompleteContainer_sects_1155 ul li[data-highlighted='true'] { + background-color: var(--baseBgHover); + } -._downshiftAutocompleteContainer_uazmk_1140 ul li:last-of-type { - border-bottom-left-radius: var(--radius-medium); - border-bottom-right-radius: var(--radius-medium); -} +._downshiftAutocompleteContainer_sects_1155 ul li:last-of-type { + border-bottom-left-radius: var(--radius-medium); + border-bottom-right-radius: var(--radius-medium); + } -._textInput_uazmk_1186 { +._textInput_sects_1201 { all: unset; border-radius: var(--radius-base); border: 1px solid var(--baseBorder); @@ -1811,24 +1754,24 @@ padding: var(--spacing-2) var(--spacing-3); } -form._multiFieldForm_uazmk_1194 { +form._multiFieldForm_sects_1209 { display: flex; flex-direction: column; padding: var(--spacing-2); gap: var(--spacing-2); } -form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 { - display: flex; - flex-direction: column; - gap: var(--spacing-2); -} +form._multiFieldForm_sects_1209 ._formField_sects_1215 { + display: flex; + flex-direction: column; + gap: var(--spacing-2); + } -form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { - font-size: var(--text-xs); -} +form._multiFieldForm_sects_1209 ._formField_sects_1215 label { + font-size: var(--text-xs); + } -._markdownParseError_uazmk_1211 { +._markdownParseError_sects_1226 { border-radius: var(--radius-base); border: 1px solid var(--error-color); padding: var(--spacing-2); @@ -1837,47 +1780,44 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { font-size: var(--text-xs); } -._popupContainer_uazmk_1220 { +._popupContainer_sects_1235 { position: fixed; z-index: 9999; } -._inputSizer_uazmk_1225 { +._inputSizer_sects_1240 { display: inline-grid; vertical-align: baseline; align-items: center; position: relative; } -._inputSizer_uazmk_1225::after, -._inputSizer_uazmk_1225 input { - width: auto; - min-width: 1rem; - grid-area: 1 / 2; - font: inherit; - margin: 0; - padding: 0 2px; - resize: none; - background: none; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border: none; - color: inherit; -} - -._inputSizer_uazmk_1225 span { - padding: 0.25em; -} +._inputSizer_sects_1240::after, + ._inputSizer_sects_1240 input { + width: auto; + min-width: 1rem; + grid-area: 1 / 2; + font: inherit; + margin: 0; + padding: 0 2px; + resize: none; + background: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + color: inherit; + } -._inputSizer_uazmk_1225::after { - content: attr(data-value); - white-space: pre-wrap; -} +._inputSizer_sects_1240 span { + padding: 0.25em; + } -:root, -._light_1tncs_1, -._light-theme_1tncs_1 { +._inputSizer_sects_1240::after { + content: attr(data-value); + white-space: pre-wrap; + } +:root, ._light_1tncs_1, ._light-theme_1tncs_1 { --blue-1: #fbfdff; --blue-2: #f4faff; --blue-3: #e6f4fe; @@ -1894,9 +1834,7 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { - :root, - ._light_1tncs_1, - ._light-theme_1tncs_1 { + :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --blue-1: color(display-p3 0.986 0.992 0.999); --blue-2: color(display-p3 0.96 0.979 0.998); --blue-3: color(display-p3 0.912 0.956 0.991); @@ -1913,8 +1851,7 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { } } -._dark_1tncs_1, -._dark-theme_1tncs_1 { +._dark_1tncs_1, ._dark-theme_1tncs_1 { --blue-1: #0d1520; --blue-2: #111927; --blue-3: #0d2847; @@ -1931,8 +1868,7 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { - ._dark_1tncs_1, - ._dark-theme_1tncs_1 { + ._dark_1tncs_1, ._dark-theme_1tncs_1 { --blue-1: color(display-p3 0.057 0.081 0.122); --blue-2: color(display-p3 0.072 0.098 0.147); --blue-3: color(display-p3 0.078 0.154 0.27); @@ -1949,9 +1885,7 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { } } -:root, -._light_1tncs_1, -._light-theme_1tncs_1 { +:root, ._light_1tncs_1, ._light-theme_1tncs_1 { --slate-1: #fcfcfd; --slate-2: #f9f9fb; --slate-3: #f0f0f3; @@ -1968,9 +1902,7 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { - :root, - ._light_1tncs_1, - ._light-theme_1tncs_1 { + :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --slate-1: color(display-p3 0.988 0.988 0.992); --slate-2: color(display-p3 0.976 0.976 0.984); --slate-3: color(display-p3 0.94 0.941 0.953); @@ -1987,8 +1919,7 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { } } -._dark_1tncs_1, -._dark-theme_1tncs_1 { +._dark_1tncs_1, ._dark-theme_1tncs_1 { --slate-1: #111113; --slate-2: #18191b; --slate-3: #212225; @@ -2005,8 +1936,7 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { - ._dark_1tncs_1, - ._dark-theme_1tncs_1 { + ._dark_1tncs_1, ._dark-theme_1tncs_1 { --slate-1: color(display-p3 0.067 0.067 0.074); --slate-2: color(display-p3 0.095 0.098 0.105); --slate-3: color(display-p3 0.13 0.135 0.145); @@ -2023,9 +1953,7 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { } } -:root, -._light_1tncs_1, -._light-theme_1tncs_1 { +:root, ._light_1tncs_1, ._light-theme_1tncs_1 { --grass-1: #fbfefb; --grass-2: #f5fbf5; --grass-3: #e9f6e9; @@ -2042,9 +1970,7 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { - :root, - ._light_1tncs_1, - ._light-theme_1tncs_1 { + :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --grass-1: color(display-p3 0.986 0.996 0.985); --grass-2: color(display-p3 0.966 0.983 0.964); --grass-3: color(display-p3 0.923 0.965 0.917); @@ -2061,9 +1987,7 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { } } -:root, -._light_1tncs_1, -._light-theme_1tncs_1 { +:root, ._light_1tncs_1, ._light-theme_1tncs_1 { --cyan-1: #fafdfe; --cyan-2: #f2fafb; --cyan-3: #def7f9; @@ -2080,9 +2004,7 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { - :root, - ._light_1tncs_1, - ._light-theme_1tncs_1 { + :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --cyan-1: color(display-p3 0.982 0.992 0.996); --cyan-2: color(display-p3 0.955 0.981 0.984); --cyan-3: color(display-p3 0.888 0.965 0.975); @@ -2099,9 +2021,7 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { } } -:root, -._light_1tncs_1, -._light-theme_1tncs_1 { +:root, ._light_1tncs_1, ._light-theme_1tncs_1 { --amber-1: #fefdfb; --amber-2: #fefbe9; --amber-3: #fff7c2; @@ -2118,9 +2038,7 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { - :root, - ._light_1tncs_1, - ._light-theme_1tncs_1 { + :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --amber-1: color(display-p3 0.995 0.992 0.985); --amber-2: color(display-p3 0.994 0.986 0.921); --amber-3: color(display-p3 0.994 0.969 0.782); @@ -2137,9 +2055,7 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { } } -:root, -._light_1tncs_1, -._light-theme_1tncs_1 { +:root, ._light_1tncs_1, ._light-theme_1tncs_1 { --red-1: #fffcfc; --red-2: #fff7f7; --red-3: #feebec; @@ -2156,9 +2072,7 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { - :root, - ._light_1tncs_1, - ._light-theme_1tncs_1 { + :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --red-1: color(display-p3 0.998 0.989 0.988); --red-2: color(display-p3 0.995 0.971 0.971); --red-3: color(display-p3 0.985 0.925 0.925); @@ -2196,32 +2110,32 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { } ._underline_1tncs_18 { - text-decoration: underline; + text-decoration: underline } ._strikethrough_1tncs_34 { - text-decoration: line-through; + text-decoration: line-through } ._underlineStrikethrough_1tncs_38 { - text-decoration: underline line-through; + text-decoration: underline line-through } ._subscript_1tncs_42 { - font-size: 0.8em; - vertical-align: sub !important; + font-size: .8em; + vertical-align: sub !important } ._superscript_1tncs_47 { - font-size: 0.8em; - vertical-align: super; + font-size: .8em; + vertical-align: super } ._code_1tncs_52 { background-color: var(--baseBg); - padding: 1px 0.25rem; + padding: 1px .25rem; font-family: var(--font-mono); - font-size: 94%; + font-size: 94% } ._nestedListItem_1tncs_59 { @@ -2256,7 +2170,7 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { ._listItemUnchecked_1tncs_74:before, ._listItemChecked_1tncs_73:before { - content: ""; + content: ''; width: var(--spacing-4); height: var(--spacing-4); top: 0; @@ -2267,8 +2181,8 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { position: absolute; } -._listItemUnchecked_1tncs_74[dir="rtl"]:before, -._listItemChecked_1tncs_73[dir="rtl"]:before { +._listItemUnchecked_1tncs_74[dir='rtl']:before, +._listItemChecked_1tncs_73[dir='rtl']:before { left: auto; right: 0; } @@ -2292,7 +2206,7 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { } ._listItemChecked_1tncs_73:after { - content: ""; + content: ''; cursor: pointer; border-color: var(--baseBase); border-style: solid; @@ -2360,5 +2274,5 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label { } ._mdxExpression_1tncs_188 input:focus-visible { - outline: none; -} + outline: none; + }