:root{--lexxy-color-ink: oklch(20% 0 0);--lexxy-color-ink-medium: oklch(40% 0 0);--lexxy-color-ink-light: oklch(60% 0 0);--lexxy-color-ink-lighter: oklch(85% 0 0);--lexxy-color-ink-lightest: oklch(96% 0 0);--lexxy-color-ink-inverted: white;--lexxy-color-accent-dark: oklch(57% .19 260);--lexxy-color-accent-medium: oklch(75% .196 258);--lexxy-color-accent-light: oklch(88% .026 254);--lexxy-color-accent-lightest: oklch(92% .026 254);--lexxy-color-red: oklch(60% .15 27);--lexxy-color-green: oklch(60% .15 145);--lexxy-color-blue: oklch(66% .196 258);--lexxy-color-purple: oklch(60% .15 305);--lexxy-color-code-token-att: #d73a49;--lexxy-color-code-token-comment: #6a737d;--lexxy-color-code-token-function: #6f42c1;--lexxy-color-code-token-operator: #d73a49;--lexxy-color-code-token-property: #005cc5;--lexxy-color-code-token-punctuation: #24292e;--lexxy-color-code-token-selector: #22863a;--lexxy-color-code-token-variable: #e36209;--lexxy-color-canvas: var(--lexxy-color-ink-inverted);--lexxy-color-text: var(--lexxy-color-ink);--lexxy-color-text-subtle: var(--lexxy-color-ink-medium);--lexxy-color-link: var(--lexxy-color-accent-dark);--lexxy-color-selected: var(--lexxy-color-accent-lightest);--lexxy-color-selected-hover: var(--lexxy-color-accent-light);--lexxy-color-selected-dark: var(--lexxy-color-blue);--lexxy-color-selected-50: color-mix(in oklch, var(--lexxy-color-selected-dark) 50%, transparent);--lexxy-color-code-bg: var(--lexxy-color-ink-lightest);--highlight-1: rgb(136, 118, 38);--highlight-2: rgb(185, 94, 6);--highlight-3: rgb(207, 0, 0);--highlight-4: rgb(216, 28, 170);--highlight-5: rgb(144, 19, 254);--highlight-6: rgb(5, 98, 185);--highlight-7: rgb(17, 138, 15);--highlight-8: rgb(148, 82, 22);--highlight-9: rgb(102, 102, 102);--highlight-bg-1: rgba(229, 223, 6, .3);--highlight-bg-2: rgba(255, 185, 87, .3);--highlight-bg-3: rgba(255, 118, 118, .3);--highlight-bg-4: rgba(248, 137, 216, .3);--highlight-bg-5: rgba(190, 165, 255, .3);--highlight-bg-6: rgba(124, 192, 252, .3);--highlight-bg-7: rgba(140, 255, 129, .3);--highlight-bg-8: rgba(221, 170, 123, .3);--highlight-bg-9: rgba(200, 200, 200, .3);--lexxy-color-table-header-bg: var(--lexxy-color-ink-lightest);--lexxy-color-table-cell-border: var(--lexxy-color-ink-lighter);--lexxy-color-table-cell-selected: var(--lexxy-color-selected);--lexxy-color-table-cell-selected-border: var(--lexxy-color-selected-dark);--lexxy-color-table-cell-selected-bg: var(--lexxy-color-accent-lightest);--lexxy-color-table-cell-add: var(--lexxy-color-selected-50);--lexxy-color-table-cell-toggle: var(--lexxy-color-accent-lightest);--lexxy-color-table-cell-remove: oklch(60% .15 27 / .1);--lexxy-table-cell-add-size: 4px;--lexxy-font-base: system-ui, sans-serif;--lexxy-font-mono: ui-monospace, "Menlo", "Monaco", Consolas, monospace;--lexxy-text-small: .875rem;--lexxy-content-margin: 1rem;--lexxy-focus-ring-color: var(--lexxy-color-accent-dark);--lexxy-focus-ring-offset: -2px;--lexxy-focus-ring-size: 2px;--lexxy-toolbar-button-size: 2lh;--lexxy-radius: .5ch;--lexxy-shadow: 0 2px 8px rgba(0, 0, 0, .1);--lexxy-z-popup: 1000}:where(.lexxy-content){color:var(--lexxy-color-ink);h1,h2,h3,h4,h5,h6 {display: block; font-weight: bold; hyphens: auto; margin-block: 0 var(--lexxy-content-margin); overflow-wrap: break-word; text-wrap: balance;} h1 {font-size: 2rem;} h2 {font-size: 1.5rem;} h3 {font-size: 1.25rem;} h4 {font-size: 1rem;} h5 {font-size: .875rem;} h6 {font-size: .75rem;} p,ul,ol,dl,blockquote,figure,.attachment,.attachment-gallery {margin-block: 0 var(--lexxy-content-margin); position: relative; &:not(lexxy-editor &) {overflow-wrap: break-word; text-wrap: pretty;}} .lexxy-content__italic {font-style: italic;} .lexxy-content__bold {font-weight: bold;} .lexxy-content__strikethrough {text-decoration: line-through;} .lexxy-content__underline {text-decoration: underline;} .lexxy-content__strikethrough.lexxy-content__underline {text-decoration: line-through underline;} mark,.lexxy-content__highlight {background-color: transparent; color: inherit;} blockquote {border-inline-start: .25em solid var(--lexxy-color-ink-lighter); font-style: italic; margin: var(--lexxy-content-margin) 0; padding: .5lh 2ch; p:last-child {margin-block-end: 0;}} p:empty {display: none;} a {color: var(--lexxy-color-link); text-decoration: underline;} img,video,embed,object {inline-size: auto; margin-inline: auto; max-block-size: 32rem; object-fit: contain; a:has(&) {display: inline-block;}} code,pre {background-color: var(--lexxy-color-ink-lightest); border-radius: var(--lexxy-radius); color: var(--lexxy-color-ink); font-family: var(--lexxy-font-mono); font-size: .9em; padding: .25ch .5ch; &:is(pre),&[data-language] {border-radius: var(--lexxy-radius); display: block; hyphens: none; margin-block: 0 var(--lexxy-content-margin); overflow-x: auto; padding: 1ch; tab-size: 2; text-wrap: nowrap; white-space: pre; word-break: break-word;}} ol,ul:not(.lexxy-prompt-menu) {margin-inline-start: calc(var(--lexxy-content-margin) * 1.5); padding: 0;} ul {list-style-type: disc;} ol {list-style-type: decimal;} li.lexxy-nested-listitem {list-style-type: none; ol,ul {margin-block-end: 0;}} hr {border: 0; border-block-end: 1px solid currentColor; inline-size: 20%; margin: calc(.5em + var(--lexxy-content-margin)) 0;} .horizontal-divider {margin: 0; padding: calc(.5em + var(--lexxy-content-margin)) 0; hr {margin: 0;}} *:has(+ .horizontal-divider) {margin-block-end: 0;} > :last-child {margin-block-end: 0;} .code-token__attr,.token.attr-name,.token.atrule,.token.attr,.token.keyword {color: var(--lexxy-color-code-token-att);} .code-token__property,.token.boolean,.token.constant,.token.number,.token.property,.token.symbol,.token.tag {color: var(--lexxy-color-code-token-property);} .code-token__selector,.token.attr-value,.token.builtin,.token.char,.token.inserted,.token.line,.token.selector,.token.string {color: var(--lexxy-color-code-token-selector);} .code-token__comment,.token.cdata,.token.comment,.token.doctype,.token.prolog {color: var(--lexxy-color-code-token-comment); font-style: italic;} .code-token__operator,.token.deleted,.token.entity,.token.operator,.token.url,code[data-language="diff"] .code-token__operator + .code-token__selector {color: var(--lexxy-color-code-token-operator);} .code-token__function,.token.class,.token.class-name,.token.function {color: var(--lexxy-color-code-token-function);} .code-token__variable,.token.important,.token.namespace,.token.regex,.token.variable {color: var(--lexxy-color-code-token-variable);} .code-token__punctuation,.token.punctuation {color: var(--lexxy-color-code-token-punctuation);} :where(.lexxy-content__table-wrapper) {margin: 0; margin-block: 1ch; overflow-x: auto;} table {border-collapse: collapse; border-spacing: 0; inline-size: calc(100% - .5ch); margin: .25ch; th,td {border: 1px solid var(--lexxy-color-ink-lighter); min-width: 5ch; max-width: 50ch; padding: 1ch; text-align: start; word-break: normal; *:last-child {margin-block-end: 0;} &.lexxy-content__table-cell--header {background-color: var(--lexxy-color-table-header-bg); font-weight: bold;} *:is(code,pre) {hyphens: auto; text-wrap: wrap; white-space: pre-wrap;}}} p:has(.attachment) {text-align: center;} .attachment { --lexxy-attachment-gap: .75ch; block-size: auto; box-sizing: border-box; border-radius: var(--lexxy-radius); display: block; inline-size: fit-content; margin-inline: auto; max-inline-size: 100%; min-inline-size: 10ch; padding: var(--lexxy-attachment-gap); position: relative; text-align: center; } .attachment__caption {color: var(--lexxy-color-text-subtle); display: block; font-size: var(--lexxy-text-small); padding: 1ch;} .attachment__icon {aspect-ratio: 4/5; background-color: color-mix(var(--lexxy-attachment-icon-color),transparent 90%); block-size: 3lh; border: 1px solid var(--lexxy-attachment-icon-color); border-block-start-width: 1.5ch; border-radius: var(--lexxy-radius); box-sizing: border-box; color: var(--lexxy-attachment-icon-color); display: grid; font-size: var(--lexxy-text-small); font-weight: bold; inline-size: auto; overflow: hidden; place-content: center; text-transform: uppercase; white-space: nowrap;} .attachment--preview {img,video {border-radius: var(--lexxy-radius); block-size: auto; display: block; margin-inline: auto; max-inline-size: 100%; user-select: none;} > a {display: block;} .attachment__caption {padding-block-end: .5ch;}} .attachment--file { --lexxy-attachment-icon-color: var(--lexxy-color-text-subtle); align-items: center; display: flex; flex-wrap: wrap; inline-size: auto; .attachment__caption { display: grid; flex: 1; text-align: start; } .attachment__name { color: var(--lexxy-color-ink); font-weight: bold; } } .attachment--psd,.attachment--key,.attachment--sketch,.attachment--ai,.attachment--eps,.attachment--indd,.attachment--svg,.attachment--ppt,.attachment--pptx { --lexxy-attachment-icon-color: var(--lexxy-color-red); } .attachment--css,.attachment--php,.attachment--json,.attachment--htm,.attachment--html,.attachment--rb,.attachment--erb,.attachment--ts,.attachment--js { --lexxy-attachment-icon-color: var(--lexxy-color-purple); } .attachment--txt,.attachment--pages,.attachment--rtf,.attachment--md,.attachment--doc,.attachment--docx { --lexxy-attachment-icon-color: var(--lexxy-color-blue); } .attachment--csv,.attachment--numbers,.attachment--xls,.attachment--xlsx { --lexxy-attachment-icon-color: var(--lexxy-color-green); } .attachment--error {padding-block: 2ch;} .attachment-gallery {display: block; text-align: center; .attachment {display: inline-flex; flex-direction: column; gap: 0; inline-size: calc(33.333% - .8ch); vertical-align: top; .attachment__caption {padding-block-end: 1ch;}} &.attachment-gallery--2,&.attachment-gallery--4 {.attachment {inline-size: calc(50% - .8ch);}}} action-text-attachment[content-type^="application/vnd.actiontext"] { --lexxy-attachment-bg-color: transparent; --lexxy-attachment-image-size: 1em; --lexxy-attachment-text-color: currentColor; align-items: center; background: var(--lexxy-attachment-bg-color); border-radius: var(--lexxy-radius); color: var(--lexxy-attachment-text-color); display: inline-flex; gap: .25ch; margin: 0; padding: 0; position: relative; white-space: normal; img { block-size: var(--lexxy-attachment-image-size); border-radius: 50%; inline-size: var(--lexxy-attachment-image-size); } } .horizontal-divider {margin: 0; margin-block-end: .5em; padding: 1.5em 0 .5em; hr {border: 0; border-block-end: 1px solid currentColor; inline-size: 20%; margin: 0;}}}
/*# sourceMappingURL=/assets/lexxy_content.css.map */