Automerge backed Markdown editor for the Atmosphere
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475.main-area-leaf[data-reams-view="reams-base"] { overflow: auto; }.reams-base-surface { box-sizing: border-box; width: 100%; max-width: calc(42rem + 2rem); min-width: 0; margin-inline: auto; padding: 1rem; display: grid; align-content: start; gap: 8px; color: var(--text-primary); }.reams-base-surface[data-embedded] { max-width: 100%; margin: 0; padding: 0; }.reams-base-toolbar { display: flex; align-items: center; gap: 8px; min-width: 0; }.reams-base-source-picker { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; color: var(--text-secondary); font-size: .875rem; }.reams-base-source-picker select { min-height: 32px; padding: 4px 6px; color: var(--text-primary); background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: 2px; font: inherit; }.reams-base-source-picker select:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }.reams-base-actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; min-width: 0; }.reams-base-view-picker { display: flex; align-items: center; gap: 6px; color: var(--text-secondary); font-size: .875rem; }.reams-base-view-picker select { max-width: 11rem; min-height: 32px; color: var(--text-primary); background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: 2px; }.reams-base-view-picker select:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }.reams-base-count { color: var(--text-secondary); font-size: .8rem; white-space: nowrap; }.reams-base-source { min-width: 0; }.reams-base-source-editor { min-height: 110px; margin-top: 8px; border: 1px solid var(--background-modifier-border); }.reams-base-source-editor .cm-editor { max-height: min(45vh, 440px); }.reams-base-source-editor .cm-content { min-height: 110px; font-family: monospace; }.reams-base-results { display: grid; gap: 8px; min-width: 0; container-type: inline-size; }.reams-base-results, .reams-base-results-status, .reams-base-scope-note { order: 1; }.reams-base-results .type-query-table-wrap { max-height: min(60vh, 36rem); }.reams-base-surface:not([data-embedded]) .type-query-table-wrap { height: calc(100dvh - 10.5rem); max-height: none; }.reams-base-empty { padding: 8px 0; margin: 0; color: var(--text-secondary); }.reams-base-scope-note { margin: 0; color: var(--text-secondary); font-size: .8rem; }.reams-base-surface .type-query-group { gap: 5px; padding: 5px; }.reams-base-surface .type-query-condition { gap: 5px; padding: 4px 6px; }.reams-base-surface .type-query-condition :is(select, input) { min-height: 26px; padding: 2px 5px; font-size: .82rem; }.type-query-value-control { display: flex; flex: 1 1 8rem; flex-wrap: wrap; align-items: center; gap: 5px; min-width: 8rem; }.reams-base-surface .type-query-secondary { min-height: 28px; padding: 2px 6px; font-size: .82rem; }.type-query-add-condition { display: grid; gap: 5px; min-width: 0; }.type-query-add-condition [role="group"] { display: flex; flex-wrap: wrap; gap: 5px; min-width: 0; }.type-query-add-condition button, .type-query-add-condition select, .type-query-add-condition input { min-height: 26px; padding: 2px 6px; color: var(--text-primary); background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: 2px; font-size: .82rem; }.type-query-add-condition button { cursor: pointer; }.type-query-add-condition button:disabled { cursor: default; opacity: .5; }.type-query-add-condition :is(button, select, input):focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }.type-query-add-condition input { min-width: 9rem; flex: 1 1 9rem; }.type-query-add-condition .type-query-filter-branch { display: grid; align-content: start; gap: 5px; margin-left: 6px; padding-left: 10px; border-left: 1px solid var(--border-color); }.type-query-add-condition > .type-query-filter-branch { max-height: min(45vh, 22rem); overflow-y: auto; }.type-query-filter-categories button[aria-expanded="true"], .type-query-filter-type > button[aria-expanded="true"] { background: var(--bg-hover); color: var(--accent); }.type-query-filter-branch button { justify-self: start; text-align: left; }.type-query-filter-type { display: grid; gap: 5px; }.type-query-add-condition .type-query-value-branch { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }.type-query-tag-options { flex-basis: 100%; max-height: 9rem; overflow-y: auto; }.reams-base-surface .type-query-tag-options .reams-filter-tag-hit { display: inline-flex; align-items: center; min-height: 24px; padding: 0; color: inherit; background: transparent; border: 0; }.reams-base-a11y-hint { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }@media (max-width: 767px) { .reams-base-surface { padding-inline: 1.5rem; } .reams-base-surface:not([data-embedded]) .type-query-table-wrap { height: calc(100dvh - 12rem); } .reams-base-surface[data-embedded] { padding: 0; } .reams-base-toolbar { align-items: stretch; flex-wrap: wrap; } .reams-base-source-picker { order: 0; } .reams-base-toolbar .type-query-search-wrap { flex-basis: 100%; } .reams-base-actions { width: 100%; flex-wrap: wrap; gap: 4px; } .reams-base-view-picker { order: 1; flex-basis: 100%; } .reams-base-actions .type-query-row-count { margin-left: auto; }}@media (pointer: coarse) { .type-query-add-condition :is(button, select, input) { min-height: 36px; } .reams-base-surface .type-query-tag-options .reams-filter-tag-hit { min-height: 30px; } .reams-base-source-picker select { min-height: 44px; } .reams-base-view-picker select { min-height: 44px; } .reams-base-toolbar .type-query-search-wrap { min-height: 44px; height: auto; }}@container (max-width: 639px) { .reams-base-results .type-query-grid-header { display: none; } .reams-base-results .type-query-grid-body, .reams-base-results .type-query-grid-spacer { min-width: 0 !important; width: 100%; } .reams-base-results .type-query-grid-row { display: grid; grid-template-columns: repeat(var(--type-query-compact-columns, 2), minmax(0, 1fr)); grid-template-rows: 36px; grid-auto-rows: 44px; min-width: 0 !important; height: var(--type-query-row-height); padding: 0 8px; border-top: 1px solid var(--border-color); } .reams-base-results .type-query-grid-row > div { box-sizing: border-box; height: 44px; min-width: 0; padding: 4px 8px; border-top: 0; overflow: hidden; text-overflow: ellipsis; } .reams-base-results .type-query-grid-row > div:first-child { grid-column: 1 / -1; position: static; height: 36px; background: transparent; } .reams-base-results .type-query-grid-row > div[data-field-id]::before { display: block; content: attr(data-field-label); color: var(--text-secondary); font-size: .7rem; line-height: 1.2; } .reams-base-results .type-query-grid-row[aria-selected="true"] { background: var(--bg-hover); }}@media (pointer: coarse) { .reams-base-results .type-query-grid-row { grid-template-rows: 44px; } .reams-base-results .type-query-grid-row > div:first-child { height: 44px; }}