@media (max-width:800px) { #body .appflowy-scroll-container [data-slate-editor], #body .appflowy-scroll-container [class~="w-[952px]"], #body .appflowy-scroll-container [data-testid="view-meta-hover-area"] h1 { padding-left:24px !important; padding-right:24px !important; } #body .appflowy-scroll-container [data-testid="view-meta-hover-area"] { padding-top:0; } #body .appflowy-scroll-container [data-testid="view-meta-hover-area"] h1 { font-size:28px !important; } #body .appflowy-scroll-container [data-block-type="simple_columns"] > div { flex-direction:column !important; gap:12px !important; } #body .appflowy-scroll-container [data-block-type="simple_column"] { width:100% !important; flex:initial !important; } } @media (max-width:520px) { #body #editor-2f53665f-0623-545c-990f-3510260071ef > [data-block-type="simple_columns"] > div, #body #editor-d7093ea2-a898-51bc-b0b7-dd5a9a1c2b2b > [data-block-type="simple_columns"] > div { grid-template-columns:minmax(0,1fr); } } @media (prefers-reduced-motion:reduce) { #body .appflowy-scroll-container .mention-inline { transition:none; } } #body #editor-2f53665f-0623-545c-990f-3510260071ef [data-block-type="simple_column"] .text-content, #body #editor-2f53665f-0623-545c-990f-3510260071ef [data-block-type="simple_column"] [data-slate-leaf], #body #editor-2f53665f-0623-545c-990f-3510260071ef [data-block-type="simple_column"] .mention { display:block !important; width:100%; padding:0 !important; line-height:0 !important; } #body #editor-2f53665f-0623-545c-990f-3510260071ef [data-block-type="simple_column"] .mention-inline { line-height:1.5 !important; min-height:64px; padding:16px 20px; } #body #editor-d7093ea2-a898-51bc-b0b7-dd5a9a1c2b2b [data-block-type="simple_column"] .text-content, #body #editor-d7093ea2-a898-51bc-b0b7-dd5a9a1c2b2b [data-block-type="simple_column"] [data-slate-leaf], #body #editor-d7093ea2-a898-51bc-b0b7-dd5a9a1c2b2b [data-block-type="simple_column"] .mention { display:block !important; width:100%; padding:0 !important; line-height:0 !important; } #body #editor-d7093ea2-a898-51bc-b0b7-dd5a9a1c2b2b [data-block-type="simple_column"] .mention-inline { line-height:1.5 !important; min-height:64px; padding:16px 20px; }