/* TipTap collaboration carets (remote users) */ .collaboration-carets__caret { border-left: 2px solid currentColor; margin-left: -1px; margin-right: -1px; pointer-events: none; position: relative; word-break: normal; } .collaboration-carets__label { border-radius: 4px 4px 4px 0; color: #fff; font-size: 11px; font-weight: 600; left: -1px; line-height: 1.2; padding: 2px 6px; position: absolute; top: -1.4em; user-select: none; white-space: nowrap; } .ultidrive-richtext-editor .ProseMirror-selectednode { outline: 2px solid hsl(var(--primary) / 0.35); } .ultidrive-richtext-editor table { border-collapse: collapse; width: 100%; } .ultidrive-richtext-editor img { max-width: 100%; height: auto; } .ultidrive-richtext-editor .ProseMirror { position: relative; } .ultidrive-richtext-editor .docs-graphic-host { line-height: 0; } .ultidrive-richtext-editor .docs-graphic-host--inline { display: inline; } .ultidrive-richtext-editor .docs-graphic { position: relative; box-sizing: border-box; user-select: none; } .ultidrive-richtext-editor .docs-graphic--behind { z-index: 0; } .ultidrive-richtext-editor .docs-graphic--front { z-index: 20; } .ultidrive-richtext-editor .docs-graphic__content { border-radius: 2px; overflow: hidden; } .ultidrive-richtext-editor .docs-graphic-outline { position: absolute; inset: 0; border: 2px solid #1a73e8; border-radius: 2px; pointer-events: none; } .ultidrive-richtext-editor .docs-graphic-handle { touch-action: none; } .ultidrive-richtext-editor .docs-graphic--selected .docs-graphic__content { outline: none; } .ultidrive-richtext-editor .ProseMirror-selectednode .docs-graphic-outline { border-color: #1a73e8; } .ultidrive-richtext-editor .docs-graphic--interacting { user-select: none; } .ultidrive-richtext-editor .docs-graphic--cropping { cursor: crosshair; } .ultidrive-richtext-editor .docs-graphic-rotate-handle { touch-action: none; } .ultidrive-richtext-editor .docs-page-region { user-select: none; } .docs-hf-band { color: #3c4043; z-index: 25; } .docs-hf-band--editing { z-index: 26 !important; background-color: var(--docs-hf-page-color, #fff); } .docs-hf-hit-area { z-index: 25; } .docs-hf-editing-backdrop { z-index: 24; } .docs-hf-separator { z-index: 24; } .docs-hf-chrome { z-index: 27; } .docs-hf-band--editing.docs-hf-band--header .docs-region-editor-root { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; } .docs-hf-band--editing.docs-hf-band--footer .docs-region-editor-root { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; } .docs-hf-band--header { display: flex; flex-direction: column; justify-content: flex-start; } .docs-hf-band--footer { display: flex; flex-direction: column; justify-content: flex-end; } .docs-hf-band--editing .docs-region-editor-root, .docs-hf-band--editing .docs-region-editor, .docs-hf-band--editing .ultidrive-richtext-region-editor { height: auto !important; min-height: 0 !important; max-height: none !important; background: transparent; } .docs-hf-band--editing .ultidrive-richtext-region-editor .ProseMirror { height: auto !important; max-height: none !important; background: transparent; } .docs-hf-band .docs-region-editor-root, .docs-hf-band .docs-region-editor-root--grow, .docs-hf-band .docs-region-editor--grow { height: auto; margin: 0; padding: 0; } .docs-hf-band .docs-region-editor-root .ultidrive-richtext-region-editor, .docs-hf-band .docs-region-editor-root .ultidrive-richtext-region-editor .ProseMirror { height: auto; max-height: none; overflow: visible; } .docs-hf-band:not(.docs-hf-band--editing) .docs-region-editor-root .ultidrive-richtext-region-editor .ProseMirror { overflow: hidden; } .docs-hf-band .ultidrive-richtext-region-editor { display: block; margin: 0; padding: 0; } .docs-hf-band .ultidrive-richtext-region-editor .ProseMirror { min-height: 0; padding: 0; margin: 0; font-size: inherit; line-height: 1.5; } .docs-hf-band .ultidrive-richtext-region-editor.prose :where(p, h1, h2, h3, h4):first-child { margin-top: 0; } .docs-hf-band .ultidrive-richtext-region-editor.prose :where(p, h1, h2, h3, h4):last-child { margin-bottom: 0; } .docs-hf-band--footer .docs-region-editor-root { flex-shrink: 0; } .docs-hf-chrome__bar { box-shadow: none; } .docs-hf-chrome__label { font-size: 13px; font-weight: 500; color: #3c4043; line-height: 1.2; } .docs-hf-chrome__checkbox-label { font-size: 13px; color: #3c4043; line-height: 1.2; user-select: none; } .ultidrive-docs-editor-surface { box-sizing: border-box; position: relative; z-index: 16; transition: padding 60ms ease-out; } .ultidrive-docs-editor-surface--paginated { overflow: hidden; } .ultidrive-docs-editor-surface--paginated .ProseMirror { min-height: var(--docs-prose-min-height); max-height: var(--docs-prose-min-height); overflow: hidden; } .docs-hf-chrome__checkbox { width: 14px; height: 14px; min-width: 14px; min-height: 14px; border-radius: 2px; border: 2px solid #5f6368; background: #fff; box-shadow: none; } .docs-hf-chrome__checkbox[data-state="checked"] { background: #1a73e8; border-color: #1a73e8; color: #fff; } .docs-hf-chrome__checkbox[data-state="checked"] svg { width: 10px; height: 10px; stroke-width: 3; } .docs-hf-chrome__options { font-size: 13px; font-weight: 500; color: #1a73e8; } .docs-hf-chrome__options:hover { color: #174ea6; background-color: rgba(26, 115, 232, 0.08) !important; } html.dark .docs-hf-chrome__options { color: #8ab4f8; } html.dark .docs-hf-chrome__options:hover { color: #aecbfa; background-color: rgba(138, 180, 248, 0.16) !important; } .docs-hf-band .ultidrive-richtext-region-editor .ProseMirror p { margin: 0; } .ultidrive-docs-editor-surface--dimmed { pointer-events: auto; } .ultidrive-docs-editor-surface--dimmed .ProseMirror { opacity: 0.45; pointer-events: none; } .docs-page-flow-spacer { width: 100%; flex-shrink: 0; pointer-events: none; user-select: none; } .ultidrive-docs-editor-surface .ProseMirror .docs-page-flow-spacer { display: block; margin: 0; padding: 0; border: 0; } .ultidrive-richtext-editor td, .ultidrive-richtext-editor th { border: 1px solid hsl(var(--border)); min-width: 80px; padding: 6px 8px; vertical-align: top; } /* Google Docs–style menubar & menus */ .docs-menu-trigger { height: auto; padding: 2px 8px; font-size: 13px; font-weight: 400; color: #3c4043; background: transparent; border: none; border-radius: 4px; box-shadow: none; } .docs-menubar [data-slot="menubar-trigger"]:hover, .docs-menu-trigger:hover, .docs-menubar [data-slot="menubar-trigger"][data-state="open"], .docs-menu-trigger[data-state="open"], .docs-menubar [data-slot="menubar-trigger"][data-highlighted], .docs-menu-trigger[data-highlighted] { background-color: #e8eaed !important; color: #3c4043 !important; } html.dark .docs-menubar [data-slot="menubar-trigger"], html.dark .docs-menu-trigger { color: #e8eaed; } html.dark .docs-menubar [data-slot="menubar-trigger"]:hover, html.dark .docs-menu-trigger:hover, html.dark .docs-menubar [data-slot="menubar-trigger"][data-state="open"], html.dark .docs-menu-trigger[data-state="open"], html.dark .docs-menubar [data-slot="menubar-trigger"][data-highlighted], html.dark .docs-menu-trigger[data-highlighted] { background-color: #3c4043 !important; color: #e8eaed !important; } .docs-toolbar-btn:hover:not(:disabled) { background: #d3e3fd; } .dark .docs-toolbar-btn:hover:not(:disabled) { background: #444746; } .docs-toolbar-btn--active { background: #d3e3fd; } .dark .docs-toolbar-btn--active { background: #444746; } .docs-menubar { margin-left: -3px; } /* Align title first letter with "Fichier" (menubar -3px, title field px-2). */ .docs-chrome-title-row { margin-left: -5px; } .docs-menubar [data-slot="menubar-menu"]:first-child .docs-menu-trigger { padding-left: 0; margin-left: 0; } .docs-menu-content { min-width: 280px; overflow: visible; } [data-docs-menu-surface] { background-color: #fff; color: #3c4043; border-color: #dadce0; } [data-docs-menu-surface] [data-slot="menubar-item"]:focus, [data-docs-menu-surface] [data-slot="menubar-item"][data-highlighted], [data-docs-menu-surface] [data-slot="menubar-sub-trigger"]:focus, [data-docs-menu-surface] [data-slot="menubar-sub-trigger"][data-highlighted], [data-docs-menu-surface] [data-slot="menubar-sub-trigger"][data-state="open"], [data-docs-menu-surface] .docs-menu-item:focus, [data-docs-menu-surface] .docs-menu-item[data-highlighted], [data-docs-menu-surface] .docs-menu-item[data-state="open"] { background-color: #e8eaed !important; color: #3c4043 !important; } html.dark [data-docs-menu-surface] { background-color: #35363a !important; color: #e8eaed !important; border-color: #3c4043 !important; } html.dark [data-docs-menu-surface] [data-slot="menubar-item"]:focus, html.dark [data-docs-menu-surface] [data-slot="menubar-item"][data-highlighted], html.dark [data-docs-menu-surface] [data-slot="menubar-sub-trigger"]:focus, html.dark [data-docs-menu-surface] [data-slot="menubar-sub-trigger"][data-highlighted], html.dark [data-docs-menu-surface] [data-slot="menubar-sub-trigger"][data-state="open"], html.dark [data-docs-menu-surface] .docs-menu-item:focus, html.dark [data-docs-menu-surface] .docs-menu-item[data-highlighted], html.dark [data-docs-menu-surface] .docs-menu-item[data-state="open"] { background-color: #3c4043 !important; color: #e8eaed !important; } html.dark [data-docs-menu-surface] [data-slot="menubar-separator"] { background-color: #3c4043 !important; } .docs-menu-item { gap: 10px; } .docs-toolbar-ruler-row { z-index: 15; overflow: visible; } .docs-rulers-left-rail { z-index: 15; } .docs-ruler-drag-handle:hover svg path, .docs-ruler-drag-handle:active svg path { fill: #174ea6; } html.dark .docs-ruler-drag-handle:hover svg path, html.dark .docs-ruler-drag-handle:active svg path { fill: #8ab4f8; } .docs-ruler-margin-tooltip { background-color: #3c4043; border: 1px solid #5f6368; white-space: nowrap; } html.dark .docs-ruler-margin-tooltip { background-color: #e8eaed; color: #202124; border-color: #9aa0a6; } .docs-toolbar-shell .docs-toolbar + .docs-toolbar-ruler-row { margin-top: 0; } .docs-editor-workspace .ultidrive-docs-canvas { background-color: #f9fbfd; height: 100%; min-height: 0; } html.dark .docs-editor-workspace .ultidrive-docs-canvas { background-color: #202124; } .docs-menu-sub-content { z-index: 60; } [data-slot="menubar-sub-content"][data-state="closed"] { pointer-events: none; } .docs-menu-item-icon { display: inline-flex; width: 20px; shrink: 0; align-items: center; justify-content: center; color: #3c4043; } html.dark .docs-menu-item-icon { color: #e8eaed; } .docs-menu-mode-item { min-height: 52px; } .docs-menu-checkbox-item { padding-left: 2rem; } .docs-menu-shortcut-sequence { font-variant-numeric: tabular-nums; letter-spacing: 0.02em; white-space: nowrap; } .ultidrive-docs-editor-surface--compact { background: #fff; box-shadow: none; } .docs-show-non-printable .ultidrive-richtext-editor p::after, .docs-show-non-printable .ProseMirror p::after { content: "¶"; color: #bdc1c6; font-size: 10px; margin-left: 2px; pointer-events: none; user-select: none; } .docs-show-non-printable .ultidrive-richtext-editor p:empty::before, .docs-show-non-printable .ProseMirror p:empty::before { content: "¶"; color: #bdc1c6; font-size: 10px; pointer-events: none; user-select: none; } .docs-editor-mode-suggest .ultidrive-richtext-editor, .docs-editor-mode-suggest .ProseMirror { caret-color: #1967d2; } .docs-editor-mode-view .ultidrive-richtext-editor, .docs-editor-mode-view .ProseMirror { cursor: default; } .docs-toolbar-shell { padding: 0; } .docs-toolbar-shell--collapsed { padding-top: 8px; } .docs-toolbar-shell > .docs-toolbar { padding-inline: 12px; margin-bottom: 8px; } .docs-toolbar { flex-wrap: nowrap; color: #202124; background: #edf2fa; border-radius: 9999px; } .dark .docs-toolbar { color: #e8eaed; background: #2d2e30; } .docs-toolbar .docs-toolbar-btn { color: inherit; } .docs-toolbar-select { font-size: 13px; color: inherit; background: transparent !important; box-shadow: none !important; } .docs-toolbar [data-slot="select-trigger"].docs-toolbar-select:hover, .docs-toolbar [data-slot="select-trigger"].docs-toolbar-select:focus-visible, .docs-toolbar [data-slot="select-trigger"].docs-toolbar-select[data-state="open"], .dark .docs-toolbar [data-slot="select-trigger"].docs-toolbar-select:hover, .dark .docs-toolbar [data-slot="select-trigger"].docs-toolbar-select:focus-visible, .dark .docs-toolbar [data-slot="select-trigger"].docs-toolbar-select[data-state="open"] { background: transparent !important; box-shadow: none !important; } .docs-toolbar-select [data-slot="select-value"] { color: inherit; } .dark .docs-toolbar [data-slot="select-trigger"].docs-toolbar-select { color: #e8eaed; } .dark .docs-toolbar [data-slot="select-trigger"].docs-toolbar-select [data-slot="select-value"] { color: #e8eaed; } .dark .docs-toolbar [data-slot="select-trigger"].docs-toolbar-select svg { color: #e8eaed; opacity: 0.75; } .docs-toolbar-select--placeholder { opacity: 0.55; } .dark .docs-toolbar-select--placeholder { opacity: 1; color: #e8eaed; } .dark .docs-toolbar-select--placeholder [data-slot="select-value"] { color: #e8eaed; } .docs-toolbar-icon { color: #3c4043; } .dark .docs-toolbar-icon { color: #e8eaed; } .docs-toolbar-sep { display: inline-block; align-self: center; flex-shrink: 0; width: 0; height: 18px; margin-inline: 4px; border-left: 1px solid #dadce0; background: none; } .dark .docs-toolbar .docs-toolbar-sep { border-left-color: #80868b; background: none; } .docs-toolbar-select--size { justify-content: center; gap: 0 !important; width: 26px; min-width: 26px; height: 22px; min-height: 22px; padding: 0 1px !important; font-size: 12px; line-height: 1; border: 1px solid #dadce0 !important; border-radius: 3px; } .docs-toolbar-font-size { gap: 3px; } .docs-toolbar-btn--size-step { width: 20px; height: 20px; min-width: 20px; padding: 0 !important; } .dark .docs-toolbar .docs-toolbar-select--size { border-color: #9aa0a6 !important; } .docs-toolbar-select--size:hover, .docs-toolbar-select--size:focus-visible, .docs-toolbar-select--size[data-state="open"] { border-color: #bdc1c6 !important; } .dark .docs-toolbar .docs-toolbar-select--size:hover, .dark .docs-toolbar .docs-toolbar-select--size:focus-visible, .dark .docs-toolbar .docs-toolbar-select--size[data-state="open"] { border-color: #bdc1c6 !important; } .docs-toolbar-select--size [data-slot="select-value"] { flex: 1; justify-content: center; text-align: center; padding: 0; line-height: 1; } .docs-toolbar-select--size svg { display: none; } /* Dropdown previews — text style & font family */ .docs-toolbar-select-content--style { min-width: 220px; } .docs-toolbar-select-content--font { min-width: 196px; } .docs-toolbar-style-item { align-items: center; min-height: auto; padding-top: 0.375rem; padding-bottom: 0.375rem; } .docs-toolbar-style-preview { display: block; line-height: 1.25; color: inherit; } .docs-toolbar-style-preview--paragraph { font-size: 0.875rem; font-weight: 400; } .docs-toolbar-style-preview--heading1 { font-size: 1.75rem; font-weight: 400; line-height: 1.15; } .docs-toolbar-style-preview--heading2 { font-size: 1.375rem; font-weight: 400; line-height: 1.2; } .docs-toolbar-style-preview--heading3 { font-size: 1.125rem; font-weight: 400; } .docs-toolbar-style-preview--heading4 { font-size: 1rem; font-weight: 600; } .docs-toolbar-font-preview { display: block; font-size: 0.875rem; line-height: 1.25; color: inherit; } .docs-toolbar-color-glyph { position: relative; display: inline-flex; width: 18px; height: 18px; flex-shrink: 0; align-items: flex-start; justify-content: center; } .docs-toolbar-color-glyph__icon { width: 18px; height: 18px; transform: translateY(-1px); clip-path: inset(0 0 5px 0); } .docs-toolbar-color-glyph--highlight .docs-toolbar-color-glyph__icon { clip-path: inset(0 0 3px 0); } .docs-toolbar-color-glyph__swatch { position: absolute; bottom: 0; left: 50%; width: 16px; height: 3px; transform: translateX(-50%); border-radius: 1px; } .ultidrive-docs-editor-surface .ProseMirror { display: flow-root; min-height: var(--docs-prose-min-height, 600px); } .ultidrive-richtext-editor.prose { --tw-prose-body: #000000; --tw-prose-headings: #000000; --tw-prose-bold: #000000; --tw-prose-counters: #5f6368; --tw-prose-bullets: #5f6368; color: #000000; } .ultidrive-docs-canvas { scrollbar-width: auto; } .dark .ultidrive-docs-canvas { scrollbar-color: #5f6368 #202124; } .dark .ultidrive-docs-canvas::-webkit-scrollbar { width: 12px; height: 12px; } .dark .ultidrive-docs-canvas::-webkit-scrollbar-track { background: #202124; } .dark .ultidrive-docs-canvas::-webkit-scrollbar-thumb { background-color: #5f6368; border: 3px solid #202124; border-radius: 8px; } .dark .ultidrive-docs-canvas::-webkit-scrollbar-thumb:hover { background-color: #80868b; } .dark .ultidrive-docs-canvas::-webkit-scrollbar-corner { background: #202124; } .ultidrive-docs-page { border: 1px solid #dadce0; } .ultidrive-docs-page--imported-border { border: none; } .ultidrive-docs-page .ultidrive-richtext-editor { min-height: 100%; color: #000000; } .ultidrive-richtext-editor .ProseMirror { position: relative; color: #000000; caret-color: #000000; } .ultidrive-richtext-editor .ProseMirror p.is-editor-empty:first-child::before { color: #80868b; } .ultidrive-richtext-editor p { margin-top: 0; margin-bottom: 0.75em; } .ultidrive-richtext-editor h1 { font-size: 1.75rem; font-weight: 400; margin-bottom: 0.5em; } .ultidrive-richtext-editor h2 { font-size: 1.375rem; font-weight: 400; margin-bottom: 0.5em; } .ultidrive-richtext-editor h3 { font-size: 1.125rem; font-weight: 400; margin-bottom: 0.5em; } .ultidrive-richtext-editor h4 { font-size: 1rem; font-weight: 600; margin-bottom: 0.5em; }