#body .appflowy-scroll-container [data-block-type="simple_column"]:nth-child(4n+1) [data-block-type="callout"] > div { background-color: #f5f1eb !important; color: #37352f !important; } #body .appflowy-scroll-container [data-block-type="simple_column"]:nth-child(4n+2) [data-block-type="callout"] > div { background-color: #f2f4ea !important; color: #37352f !important; } #body .appflowy-scroll-container [data-block-type="simple_column"]:nth-child(4n+3) [data-block-type="callout"] > div { background-color: #edf3f7 !important; color: #37352f !important; } #body .appflowy-scroll-container [data-block-type="simple_column"]:nth-child(4n+4) [data-block-type="callout"] > div { background-color: #f6eef2 !important; color: #37352f !important; } #body .appflowy-scroll-container [data-block-type="callout"] [data-block-type="paragraph"] { margin-left: 0 !important; margin-top: 8px !important; margin-bottom: 0 !important; } #body .appflowy-scroll-container [data-block-type="callout"] [data-block-type="paragraph"]:has(.mention-inline) { background: #fff; color: #37352f; border: 1px solid #e4e3df; border-radius: 5px; padding: 6px 8px; min-height: 38px; } #body .appflowy-scroll-container [data-block-type="callout"] [data-block-type="paragraph"]:has(.mention-inline):hover { background: #fafaf8; border-color: #c9c8c3; } #body .appflowy-scroll-container [data-block-type="callout"] [data-block-type="paragraph"] .mention-inline { min-height: 24px; padding: 0; } #body .appflowy-scroll-container [data-block-type="callout"] [data-block-type="paragraph"] .mention-content { font-size: 14px; font-weight: 400; } #body .appflowy-scroll-container [data-block-type="callout"] > div > .text-element { font-size: 14px; } #body .appflowy-scroll-container [data-slate-editor] > [data-block-type="heading"] { margin-top: 24px; margin-bottom: 12px; } #body .appflowy-scroll-container [data-slate-editor] > [data-block-type="grid"], #body .appflowy-scroll-container [data-slate-editor] > [data-block-type="board"] { margin-top: 16px; margin-bottom: 24px; } #body .appflowy-scroll-container [data-testid="view-meta-hover-area"] h1 { font-size: 36px !important; } @media (max-width: 800px) { #body .appflowy-scroll-container [data-block-type="simple_columns"] > div { gap: 12px !important; } #body .appflowy-scroll-container [data-testid="view-meta-hover-area"] h1 { font-size: 30px !important; } } #body .appflowy-scroll-container [data-block-type="callout"] [data-block-type="paragraph"] .mention-content { margin-left: 29px !important; }