avo-lexxy_field 0.1.5 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: afe93c3dbfaf7b0b69483b38766a9607115f0fe733480b1d191e26945601dbbc
-  data.tar.gz: 67d07a82ab306e9f036a82bcf934fea33fe978e9075ce74f52be73ffd5812440
+  metadata.gz: f080390c688071fe5f999278dac4212f4fee1b57c8867cdee79a7b578d6da5b7
+  data.tar.gz: 60b79adefd1d63a922945083e889019235b520bcfc54665bd35401d79448c60b
 SHA512:
-  metadata.gz: '09031ac845636ed51e6729d757c513162347cef6b62d74dbae1cdc4c6545d1c84427616dd874281ee4d9ef8fe33919595d09a8f5de9594577bf18201d4dc6f1d'
-  data.tar.gz: 7f7876d974cc4d368e4a8f352b31d849856702fcc2970b7f24cdc72c0d5cd5616a75b28b53410a58e8af89bf1f629e79cced9a9975f9587095914b4e28e64345
+  metadata.gz: 60cd8531be0a0b4fbe4bd34a65e013cda5d525399f86989a0d71a68551b13166d071d209b5ce5173c17ca68acb6cb761a810aacb4e1b294c79f894a4fff405bf
+  data.tar.gz: 57e32f828608a605b80fd91ad55028aa1a96ab5be844ad607c62e56ec10e0e2600e87bdcf2c9b3a2baac88a04ab7df010f313bc180edf818b173a970231d6a66

data/README.md

@@ -32,8 +32,7 @@ field :body, as: :lexxy
 
 | Option | Default | Description |
 | ------ | ------- | ----------- |
-| `always_show` | `false` | Show the full content on the show view instead of the truncated preview. |
-| `stacked` | `true` | Render the label above the editor so it spans the full row. Pass `false` for the side-by-side layout the other fields use. |
+| `always_show` | `false` | Show the full content on the show view instead of the collapsed More/Less preview. |
 | `attachments_disabled` | `false` for Action Text attributes, `true` otherwise | Disable file attachments. Lexxy uploads through Active Storage direct uploads and relies on Action Text to attach the blobs, so plain columns have attachments disabled by default to avoid orphaned blobs. |
 
 ### Editor configuration

data/app/assets/builds/avo-lexxy_field/application.css

@@ -1 +1 @@
-:where(.lexxy-content){color:var(--lexxy-color-ink);h1,h2,h3,h4,h5,h6{display:block;font-weight:700;hyphens:auto;margin-block:0 var(--lexxy-content-margin);overflow-wrap:break-word;@supports (text-wrap: balance){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;@supports (text-wrap: pretty){text-wrap:pretty}}}.lexxy-content__italic{font-style:italic}.lexxy-content__bold{font-weight:700}.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;overflow-wrap:break-word;padding:1ch;tab-size:2;white-space:pre;@supports (text-wrap: nowrap){text-wrap:nowrap}}}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:700}*:is(code,pre){hyphens:auto;white-space:pre-wrap;@supports (text-wrap: wrap){text-wrap: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:700;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%;-webkit-user-select:none;@supports (user-select: none){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:700}}.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}}}: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-editor){--lexxy-editor-padding: 1ch;--lexxy-editor-rows: 8lh;@supports (min-block-size: attr(rows lh)){--lexxy-editor-rows: attr(rows lh, 8lh)}--lexxy-toolbar-gap: 2px;--lexxy-toolbar-spacing: .5ch;--lexxy-toolbar-padding: 2px;--lexxy-toolbar-border-size: 1px;--lexxy-toolbar-height: calc(var(--lexxy-toolbar-button-size) + 2 * var(--lexxy-toolbar-padding) + var(--lexxy-toolbar-border-size));border:1px solid var(--lexxy-color-ink-lighter);border-radius:calc(var(--lexxy-radius) + var(--lexxy-toolbar-gap));background-color:var(--lexxy-color-canvas);container-type:inline-size;display:block;overflow:visible;position:relative;transition:opacity .15s;p.provisional-paragraph{display:block;&.hidden{block-size:.5ch;margin:0}}input,button,summary{&:focus-visible{outline:var(--lexxy-focus-ring-size) solid var(--lexxy-focus-ring-color);outline-offset:var(--lexxy-focus-ring-offset)}}summary{list-style:none;&::-webkit-details-marker{display:none}}button,summary{-webkit-appearance:none;appearance:none;background:var(--lexxy-color-canvas);border:none;border-radius:var(--lexxy-radius);cursor:pointer;line-height:normal;font-size:inherit;inline-size:auto;padding:0;@media(any-hover:hover){&:hover:not([aria-disabled=true]){background:var(--lexxy-color-ink-lightest)}}}.node--selected{outline:var(--lexxy-focus-ring-size) solid var(--lexxy-focus-ring-color);outline-offset:var(--lexxy-focus-ring-offset)}&[data-links-openable] a{cursor:pointer}table{th,td{position:relative;transition:all .1s ease-in-out;&:after{box-shadow:0 0 0 0 transparent,0 0 0 0 transparent inset;content:"";display:block;inset-block-start:-1px;inset-block-end:-1px;inset-inline-start:-1px;inset-inline-end:-1px;pointer-events:none;position:absolute;transition:box-shadow .1s ease-in-out;z-index:2}&.lexxy-content__table-cell--selected{background-color:var(--lexxy-color-table-cell-selected-bg)}&.lexxy-content__table-cell--focus{&:after{box-shadow:0 0 0 0 transparent,0 0 0 2px var(--lexxy-color-table-cell-selected-border) inset}}&.lexxy-content__table-cell--highlight{&[data-action=insert]{&[data-child-type=row]{&[data-direction=after]{&:after{box-shadow:0 var(--lexxy-table-cell-add-size) 0 0 var(--lexxy-color-table-cell-add),0 calc(-1 * var(--lexxy-table-cell-add-size) - 1px) 0 0 var(--lexxy-color-table-cell-add) inset}}&[data-direction=before]{&:after{box-shadow:0 calc(-1 * var(--lexxy-table-cell-add-size) - 1px) 0 0 var(--lexxy-color-table-cell-add),0 var(--lexxy-table-cell-add-size) 0 0 var(--lexxy-color-table-cell-add) inset}}}&[data-child-type=column]{&[data-direction=after]{&:after{box-shadow:var(--lexxy-table-cell-add-size) 0 0 0 var(--lexxy-color-table-cell-add),calc(-1 * var(--lexxy-table-cell-add-size) - 1px) 0 0 0 var(--lexxy-color-table-cell-add) inset}}&[data-direction=before]{&:after{box-shadow:calc(-1 * var(--lexxy-table-cell-add-size) - 1px) 0 0 0 var(--lexxy-color-table-cell-add),var(--lexxy-table-cell-add-size) 0 0 0 var(--lexxy-color-table-cell-add) inset}}}}&[data-action=delete]{background-color:var(--lexxy-color-table-cell-remove);color:var(--lexxy-color-red);&:after{box-shadow:0 0 0 0 transparent}}&[data-action=toggle]{background-color:var(--lexxy-color-table-cell-toggle);&:after{box-shadow:0 0 0 0 transparent}}}}tr.lexxy-content__table-cell--highlight[data-action=delete]{th,td{background-color:var(--lexxy-color-table-cell-remove);color:var(--lexxy-color-red);&:after{box-shadow:0 0 0 0 transparent}}}&.lexxy-content__table--selection{::selection{background:transparent}}}&:has(.lexxy-content__table-cell--selected){lexxy-table-tools{visibility:hidden}}[data-lexical-linebreak]{block-size:0;display:contents;inline-size:0}action-text-attachment{cursor:pointer}.attachment{background-color:var(--lexxy-color-canvas);progress{max-inline-size:10ch;margin:auto}&.attachment--preview{progress{inset-block-start:2ch;inset-inline-start:0;inset-inline-end:0;position:absolute}lexxy-node-delete-button{inset-block-start:1.5ch;inset-inline-end:1.5ch;inset-inline-start:unset}}&.attachment--error{background:color-mix(var(--lexxy-color-red) 10%,transparent);padding:2ch;&:before{align-items:center;aspect-ratio:1;background:var(--lexxy-color-red);block-size:1.5lh;border-radius:50%;color:#fff;content:"!";display:flex;justify-content:center;margin:auto}>div{flex:1;font-size:.85em;padding:1ch;text-align:start}}}.attachment[draggable]{cursor:grab}.attachment.lexxy-dragging{opacity:.4}[data-lexxy-decorator][draggable]{cursor:grab}[data-lexxy-decorator].lexxy-dragging{opacity:.4}.lexxy-drop-caret{background-color:var(--lexxy-focus-ring-color);border-radius:1px;inline-size:2px;pointer-events:none;position:fixed}[class*=lexxy-drop-target--]{position:relative}.lexxy-drop-target--block-before:before,.lexxy-drop-target--block-after:after,.lexxy-drop-target--list-before:before,.lexxy-drop-target--list-after:after{background-color:var(--lexxy-focus-ring-color);block-size:3px;border-radius:1px;content:"";inset-inline:0;pointer-events:none;position:absolute;transform:translateY(.5ch)}.lexxy-drop-target--block-before:before,.lexxy-drop-target--list-before:before{transform:translateY(-.5ch)}.lexxy-drop-target--block-before:before,.lexxy-drop-target--list-before:before{inset-block-start:-2px}.lexxy-drop-target--block-after:after,.lexxy-drop-target--list-after:after{inset-block-end:-2px}.lexxy-drop-target--gallery-before:before,.lexxy-drop-target--gallery-after:after{background-color:var(--lexxy-focus-ring-color);border-radius:1px;content:"";inset-block:0;inline-size:3px;pointer-events:none;position:absolute}.lexxy-drop-target--gallery-before:before{inset-inline-start:-4px}.lexxy-drop-target--gallery-after:after{inset-inline-end:-4px}.attachment:hover:not(.node--selected){outline:var(--lexxy-focus-ring-size) solid color-mix(in oklch,var(--lexxy-focus-ring-color) 30%,transparent);outline-offset:var(--lexxy-focus-ring-offset)}.attachment--file{lexxy-node-delete-button{inset-block-start:50%;inset-inline-end:1ch;inset-inline-start:unset;transform:translateY(-50%)}}.attachment-gallery{--lexxy-attachment-gallery-columns: 3;--lexxy-attachment-gallery-gap: .4ch;--lexxy-focus-ring-offset: -6px;padding:0;.attachment{background:transparent;box-sizing:border-box;margin:var(--lexxy-attachment-gallery-gap);padding:0;padding-block-end:var(--lexxy-attachment-gap);vertical-align:top;img{box-sizing:border-box;padding:1ch;padding-block-end:0}&.attachment--error{background:color-mix(var(--lexxy-color-red) 10%,transparent);padding:2ch;>div{text-align:center}}}}.attachment__caption{textarea{background:transparent;block-size:fit-content;border:0;border-radius:var(--lexxy-radius);box-sizing:border-box;color:inherit;display:block;font-size:inherit;font-family:inherit;inline-size:100%;max-inline-size:100%;padding:0;text-align:center;@supports (resize: none){resize:none}&:focus{background:var(--lexxy-color-canvas);outline:0}&:placeholder-shown{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (field-sizing: content){field-sizing:content;inline-size:100%}}}}:where(lexxy-editor:not(:defined)){min-block-size:calc(var(--lexxy-toolbar-height) + var(--lexxy-editor-rows) + 2 * var(--lexxy-editor-padding))}:where(.lexxy-editor--empty){.lexxy-editor__content:not(:has(h1,h2,h3,h4,h5,h6,table,ul,ol,figure,.attachment-gallery)):before{content:attr(placeholder);color:currentColor;cursor:text;opacity:.66;pointer-events:none;position:absolute;white-space:pre-line}}:where(.lexxy-editor__content){min-block-size:var(--lexxy-editor-rows);outline:0;padding:var(--lexxy-editor-padding);contain:layout style}:where(.lexxy-editor--drag-over){background-color:var(--lexxy-color-selected);border-radius:var(--lexxy-radius);outline:2px dashed var(--lexxy-color-selected-dark)}:where([data-lexical-cursor]){animation:blink 1s infinite;block-size:1lh;border-inline-start:1.5px solid currentColor;line-height:inherit;margin-block:0 var(--lexxy-content-margin)}@keyframes blink{0%{opacity:1}60%{opacity:1}to{opacity:0}}:where(lexxy-toolbar){--lexxy-toolbar-icon-size: 1.125em;border-block-end:var(--lexxy-toolbar-border-size) solid var(--lexxy-color-ink-lighter);color:currentColor;display:flex;font-size:inherit;gap:var(--lexxy-toolbar-gap);max-inline-size:100%;padding:var(--lexxy-toolbar-padding);position:relative;@container (width < 300px){font-size:.8em}&[data-attachments=false] button[name=image],&[data-attachments=false] button[name=file]{display:none}&[data-upload=file] button[name=image]{display:none}&[data-upload=image] button[name=file]{display:none}.lexxy-editor__toolbar-button{aspect-ratio:1;block-size:var(--lexxy-toolbar-button-size);border:0;border-radius:var(--lexxy-radius);color:currentColor;display:grid;line-height:inherit;place-items:center;&:is(:active):not([aria-disabled=true]),&[aria-pressed=true]{background-color:var(--lexxy-color-selected);&:hover{background-color:var(--lexxy-color-selected-hover)}}&[aria-disabled=true]{cursor:default;opacity:.3}svg{-webkit-touch-callout:none;block-size:var(--lexxy-toolbar-icon-size);fill:currentColor;grid-area:1/1;inline-size:var(--lexxy-toolbar-icon-size);-webkit-user-select:none;@supports (user-select: none){user-select:none}}&.lexxy-editor__toolbar-group-end{position:relative;margin-inline-end:calc(var(--lexxy-toolbar-spacing) + 1px);&:after{background-color:var(--lexxy-color-ink-lighter);block-size:var(--lexxy-toolbar-icon-size);content:"";display:block;inline-size:1px;inset-inline-end:calc(-1 * var(--lexxy-toolbar-spacing));inset-block:0;margin:auto;pointer-events:none;position:absolute}}}.lexxy-editor__toolbar-button--push-right{margin-inline-start:auto}}:where(.lexxy-editor__toolbar-dropdown){-webkit-user-select:none;@supports (user-select: none){user-select:none}.lexxy-editor__toolbar-button{color:currentColor;&:hover{opacity:.8}&.lexxy-editor__toolbar-button--chevron{aspect-ratio:unset;gap:.5ch;grid-template-columns:2fr 1fr;min-inline-size:calc(var(--lexxy-toolbar-button-size) + 1.2ch);padding-inline:.75ch;&:after{block-size:.3ch;border-block-end:2px solid currentColor;border-inline-end:2px solid currentColor;content:"";display:inline-block;inline-size:.3ch;transform:rotate(45deg)}}}>.lexxy-editor__toolbar-button[aria-expanded=true]{background-color:var(--lexxy-color-selected-hover);border-end-end-radius:0;border-end-start-radius:0;&:hover{background-color:var(--lexxy-color-selected-hover)}}[data-dropdown-panel]{background-color:var(--lexxy-color-canvas);border:2px solid var(--lexxy-color-selected-hover);border-radius:calc(var(--lexxy-radius) + var(--lexxy-toolbar-gap));box-sizing:border-box;box-shadow:var(--lexxy-shadow);color:var(--lexxy-color-text);display:flex;gap:var(--lexxy-toolbar-gap);margin:0;padding:var(--lexxy-toolbar-spacing);position:absolute;z-index:3;&[hidden],[overflowing] &[hidden]{display:none}}.lexxy-editor__toolbar-dropdown-list{border-start-start-radius:0;flex-direction:column;padding:.1ch;button{align-items:center;color:var(--lexxy-color-text);display:flex;flex-direction:row;gap:1ch;padding:1ch;position:relative;&[aria-pressed=true]{background-color:var(--lexxy-color-selected);&:hover{background-color:var(--lexxy-color-selected-hover)}}span{font-size:var(--lexxy-text-small)}svg{block-size:1lh;fill:currentColor;inline-size:1lh}}.lexxy-editor__toolbar-separator{background:var(--lexxy-color-ink-lighter);block-size:1px;inline-size:100%}[overflowing] &{display:grid;grid-template-columns:repeat(4,1fr);button span{display:none}.lexxy-editor__toolbar-separator{grid-column:1 / -1}}}&.lexxy-editor__toolbar-overflow{display:none;justify-self:flex-end;z-index:1;[data-dropdown-panel]{border-start-end-radius:0;display:grid;grid-template-columns:repeat(4,1fr);inset-inline-end:var(--lexxy-toolbar-gap)}}&.lexxy-editor__toolbar-dropdown--link{[data-dropdown-panel]{font-size:var(--lexxy-text-small);gap:var(--lexxy-toolbar-spacing);inset-inline-start:var(--lexxy-toolbar-spacing);inset-inline-end:var(--lexxy-toolbar-spacing);[overflowing] &{flex-wrap:wrap}.lexxy-editor__toolbar-dropdown-actions{display:flex;flex:1;gap:var(--lexxy-toolbar-spacing)}input[type=url]{background-color:var(--lexxy-color-canvas);border:1px solid var(--lexxy-color-ink-lighter);border-radius:var(--lexxy-radius);color:var(--lexxy-color-text);block-size:var(--lexxy-toolbar-button-size);box-sizing:border-box;font-size:var(--lexxy-text-small);flex:2;inline-size:100%;line-height:inherit;padding-block:0;padding-inline:1ch;[overflowing] &{min-inline-size:100%}}button{background-color:var(--lexxy-color-ink-lightest);inline-size:100%;padding-inline:2ch}button[value=link]{background-color:var(--lexxy-color-accent-dark);color:var(--lexxy-color-ink-inverted);&:hover{background-color:var(--lexxy-color-accent-medium)}}}}&.lexxy-editor__toolbar-dropdown--highlight{position:relative;[overflowing] &{position:static}[data-dropdown-panel]{--max-inline-size: calc(var(--max-colors) * (var(--lexxy-toolbar-button-size) + var(--lexxy-toolbar-spacing)));border-start-start-radius:0;gap:var(--lexxy-toolbar-spacing);flex-direction:column;font-size:var(--lexxy-text-small);inset-inline-start:0;max-inline-size:var(--max-inline-size);[overflowing] &{border-start-start-radius:calc(var(--lexxy-radius) + var(--lexxy-toolbar-gap));inset-inline-end:var(--lexxy-toolbar-spacing);inset-inline-start:var(--lexxy-toolbar-spacing)}button{position:relative}.lexxy-highlight-colors{display:grid;gap:var(--lexxy-toolbar-gap);grid-template-columns:repeat(auto-fill,minmax(var(--lexxy-toolbar-button-size),1fr));max-inline-size:var(--max-inline-size);button{block-size:unset;inline-size:100%;&:after{align-items:center;content:"Aa";display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;inset:0;justify-content:center;position:absolute}&[aria-pressed=true]{background-color:transparent;box-shadow:0 0 0 2px currentColor inset;&:after{content:"\2713"}}}}.lexxy-editor__toolbar-dropdown-reset{background-color:var(--lexxy-color-ink-lightest);&:is([disabled]){display:none}}}}}:where(.lexxy-floating-controls){--button-size: 2.3lh;--floating-tools-radius: calc(var(--lexxy-radius) * 1.5);color:var(--lexxy-color-ink-inverted);font-size:var(--lexxy-text-small);line-height:1;position:absolute;z-index:2;button,summary{align-items:center;background:transparent;block-size:var(--button-size);color:var(--lexxy-color-ink-inverted);display:flex;justify-content:center;line-height:inherit;min-block-size:var(--button-size);min-inline-size:var(--button-size);-webkit-user-select:none;@supports (user-select: none){user-select:none}@media(any-hover:hover){&:hover:not([aria-disabled=true]),[open] &:is(summary){background:var(--lexxy-color-ink-medium);svg{opacity:1}}&:focus-visible{outline-color:var(--lexxy-focus-ring-color)}}}button{aspect-ratio:1 / 1;font-weight:700;svg{block-size:1.125em;inline-size:1.125em;fill:currentColor;opacity:.8;padding:1px}span{display:none}}summary{box-shadow:0 0 0 1px inset #8080804d;padding:0 1.25ch}.lexxy-floating-controls__group{background-color:var(--lexxy-color-ink);border-radius:var(--floating-tools-radius);padding:.25ch}&:is(lexxy-table-tools){flex-direction:row;gap:.25ch;inset-inline-start:var(--lexxy-editor-padding);transform:translate(-50%,-120%);.lexxy-table-control{align-items:stretch;display:flex;flex-direction:row;gap:.25ch;white-space:nowrap;.lexxy-table-control__more-menu{gap:0;position:relative;.lexxy-table-control__more-menu-details{background:var(--lexxy-color-ink);border-radius:var(--floating-tools-radius);display:flex;flex-direction:column;gap:.25ch;inset-block-start:110%;inset-inline-start:50%;padding:.25ch;position:absolute;transform:translate(-50%);button{aspect-ratio:unset;flex-direction:row;font-weight:400;gap:1ch;justify-content:flex-start;padding:.75ch;padding-inline-end:1.5ch;white-space:nowrap;span{display:inline-block}svg{block-size:1.3lh;inline-size:1.3lh;fill:currentColor}}}}.lexxy-table-control__button--delete-table{align-items:center;block-size:auto;font-weight:400;justify-content:center;svg{block-size:1.125em;inline-size:1.125em;min-block-size:1.125em;min-inline-size:1.125em}span{align-items:center;background:var(--lexxy-color-ink);border-radius:var(--floating-tools-radius);color:color-mix(in srgb,var(--lexxy-color-ink-inverted) 80%,transparent);display:flex;inset-inline-end:calc(var(--button-size) + 1ch);inset-block-start:0;inset-block-end:0;inset-inline-start:0;justify-content:center;padding:.5ch 1ch;position:absolute;transition:all .2s ease-out;opacity:0;pointer-events:none;white-space:nowrap}&:hover{background-color:var(--lexxy-color-red);svg{color:var(--lexxy-color-ink-inverted)}span{opacity:1}}}}}&:is(lexxy-node-delete-button){inset-block-start:0;inset-inline-start:100%;opacity:0;pointer-events:none;.node--selected &{opacity:1;pointer-events:auto}.lexxy-node-delete:hover{background-color:var(--lexxy-color-red)}}&:is(lexxy-code-language-picker){inset-inline-end:var(--lexxy-editor-padding);select{-webkit-appearance:none;appearance:none;background-color:var(--lexxy-color-canvas);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 19.5c-.7 0-1.3-.3-1.7-.8l-9.8-11.1c-.7-.8-.6-1.9.2-2.6.8-.6 1.9-.6 2.5.2l8.6 9.8c0 .1.2.1.4 0l8.6-9.8c.7-.8 1.8-.9 2.6-.2s.9 1.8.2 2.6l-9.8 11.1c-.4.5-1.1.8-1.7.8z' fill='%23000'/%3E%3C/svg%3E");background-position:center right 1ch;background-repeat:no-repeat;background-size:1ch;block-size:1.5lh;border:1px solid var(--lexxy-color-ink-lighter);border-radius:var(--lexxy-radius);color:var(--lexxy-color-ink);font-family:var(--lexxy-font-base);font-size:var(--lexxy-text-small);font-weight:400;margin:.5ch .5ch 0 -.5ch;padding:0 2ch 0 1ch;text-align:start;@media(prefers-color-scheme:dark){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 19.5c-.7 0-1.3-.3-1.7-.8l-9.8-11.1c-.7-.8-.6-1.9.2-2.6.8-.6 1.9-.6 2.5.2l8.6 9.8c0 .1.2.1.4 0l8.6-9.8c.7-.8 1.8-.9 2.6-.2s.9 1.8.2 2.6l-9.8 11.1c-.4.5-1.1.8-1.7.8z' fill='%23fff'/%3E%3C/svg%3E")}}}}:where(.lexxy-prompt-menu){--lexxy-prompt-avatar-size: 24px;--lexxy-prompt-padding: .5ch;--lexxy-prompt-offset-x: 0;--lexxy-prompt-offset-y: 0;background-color:var(--lexxy-color-canvas);border-radius:calc(var(--lexxy-prompt-padding) * 2);box-shadow:var(--lexxy-shadow);color:var(--lexxy-color-ink);font-family:var(--lexxy-font-base);font-size:var(--lexxy-text-small);list-style:none;inset-block-start:var(--lexxy-prompt-offset-y);inset-inline-start:var(--lexxy-prompt-offset-x);margin:0;max-block-size:200px;max-inline-size:min(20ch,calc(100% - var(--lexxy-prompt-offset-x)));min-inline-size:20ch;overflow:auto;padding:var(--lexxy-prompt-padding);position:absolute;visibility:hidden;z-index:var(--lexxy-z-popup);&[data-clipped-at-right]{inset-inline-start:unset;inset-inline-end:1ch;max-inline-size:calc(100% - 1ch)}&[data-clipped-at-bottom]{inset-block-start:unset;inset-block-end:var(--lexxy-prompt-offset-y)}}:where(.lexxy-prompt-menu--visible[data-anchored]){visibility:initial}:where(.lexxy-prompt-menu__item){align-items:center;border-radius:var(--lexxy-radius);cursor:pointer;display:flex;gap:var(--lexxy-prompt-padding);padding:var(--lexxy-prompt-padding);&:hover{background-color:var(--lexxy-color-ink-lightest)}&[aria-selected]{background-color:var(--lexxy-color-selected)}img{block-size:var(--lexxy-prompt-avatar-size);border-radius:50%;flex-shrink:0;inline-size:var(--lexxy-prompt-avatar-size);margin:0}+&{margin-top:2px}}:where(.lexxy-prompt-menu__item--empty){color:var(--lexxy-color-ink-medium);padding:var(--lexxy-prompt-padding)}action-text-attachment[content-type^="application/vnd.actiontext"]{&.node--selected{--lexxy-attachment-bg-color: var(--lexxy-color-accent-dark);--lexxy-attachment-text-color: var(--lexxy-color-ink-inverted);outline:none}lexxy-node-delete-button{inset-inline-start:0;line-height:1lh;.lexxy-floating-controls__group{--button-size: 1lh;background-color:var(--lexxy-color-accent-dark);padding:0;button{border-radius:50%}}}}lexxy-editor,.lexxy-content{--lexxy-color-canvas: var(--color-primary);--lexxy-color-text: var(--color-content);--lexxy-color-text-subtle: var(--color-content-secondary);--lexxy-color-code-bg: var(--color-tertiary);--lexxy-color-selected: var(--color-secondary);--lexxy-color-selected-hover: var(--color-tertiary)}.dark lexxy-editor,.dark .lexxy-content{--lexxy-color-ink: oklch(96% 0 0);--lexxy-color-ink-medium: oklch(75% 0 0);--lexxy-color-ink-light: oklch(55% 0 0);--lexxy-color-ink-lighter: oklch(40% 0 0);--lexxy-color-ink-lightest: oklch(25% 0 0);--lexxy-color-ink-inverted: oklch(15% 0 0);--lexxy-color-accent-dark: oklch(70% .3 260);--lexxy-color-accent-medium: oklch(75% .196 258);--lexxy-color-accent-light: oklch(45% .04 254);--lexxy-color-accent-lightest: oklch(35% .04 254);--lexxy-color-red: oklch(70% .15 27);--lexxy-color-green: oklch(70% .15 145);--lexxy-color-blue: oklch(75% .196 258);--lexxy-color-purple: oklch(70% .15 305);--lexxy-color-code-token-att: #ff7b72;--lexxy-color-code-token-comment: #8b949e;--lexxy-color-code-token-function: #d2a8ff;--lexxy-color-code-token-operator: #ff7b72;--lexxy-color-code-token-property: #79c0ff;--lexxy-color-code-token-punctuation: #f0f6fc;--lexxy-color-code-token-selector: #7ee787;--lexxy-color-code-token-variable: #ffa657;--lexxy-shadow: 0 0 0 1px rgba(100, 100, 100, .3);--highlight-1: rgb(240, 200, 22);--highlight-2: rgb(230, 118, 14);--highlight-3: rgb(244, 5, 5);--highlight-4: rgb(248, 21, 192);--highlight-5: rgb(214, 80, 255);--highlight-6: rgb(53, 157, 255);--highlight-7: rgb(26, 231, 23);--highlight-8: rgb(201, 135, 72);--highlight-9: rgb(161, 161, 161)}.lexxy-content.hidden{display:block!important;overflow:hidden;clip-path:inset(0 0 calc(100% - 50px) 0);-webkit-mask-image:linear-gradient(to bottom,black 30px,transparent 50px);mask-image:linear-gradient(to bottom,black 30px,transparent 50px);max-height:50px;min-height:0px}.lexxy-field__media-library-button svg{fill:none}.lexxy-field__media-library-button{background:var(--lexxy-color-canvas);@media(any-hover:hover){&:hover{background:var(--lexxy-color-ink-lightest)}}&:focus-visible{outline:var(--lexxy-focus-ring-size) solid var(--lexxy-focus-ring-color);outline-offset:var(--lexxy-focus-ring-offset)}}
+@layer theme,base,components,utilities;@layer components{:where(.lexxy-content){color:var(--lexxy-color-ink);h1,h2,h3,h4,h5,h6{display:block;font-weight:700;hyphens:auto;margin-block:0 var(--lexxy-content-margin);overflow-wrap:break-word;@supports (text-wrap: balance){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;@supports (text-wrap: pretty){text-wrap:pretty}}}.lexxy-content__italic{font-style:italic}.lexxy-content__bold{font-weight:700}.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;overflow-wrap:break-word;padding:1ch;tab-size:2;white-space:pre;@supports (text-wrap: nowrap){text-wrap:nowrap}}}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:700}*:is(code,pre){hyphens:auto;white-space:pre-wrap;@supports (text-wrap: wrap){text-wrap: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:700;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%;-webkit-user-select:none;@supports (user-select: none){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:700}}.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}}}}@layer components{: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}}@layer components{:where(lexxy-editor){--lexxy-editor-padding: 1ch;--lexxy-editor-rows: 8lh;@supports (min-block-size: attr(rows lh)){--lexxy-editor-rows: attr(rows lh, 8lh)}--lexxy-toolbar-gap: 2px;--lexxy-toolbar-spacing: .5ch;--lexxy-toolbar-padding: 2px;--lexxy-toolbar-border-size: 1px;--lexxy-toolbar-height: calc(var(--lexxy-toolbar-button-size) + 2 * var(--lexxy-toolbar-padding) + var(--lexxy-toolbar-border-size));border:1px solid var(--lexxy-color-ink-lighter);border-radius:calc(var(--lexxy-radius) + var(--lexxy-toolbar-gap));background-color:var(--lexxy-color-canvas);container-type:inline-size;display:block;overflow:visible;position:relative;transition:opacity .15s;p.provisional-paragraph{display:block;&.hidden{block-size:.5ch;margin:0}}input,button,summary{&:focus-visible{outline:var(--lexxy-focus-ring-size) solid var(--lexxy-focus-ring-color);outline-offset:var(--lexxy-focus-ring-offset)}}summary{list-style:none;&::-webkit-details-marker{display:none}}button,summary{-webkit-appearance:none;appearance:none;background:var(--lexxy-color-canvas);border:none;border-radius:var(--lexxy-radius);cursor:pointer;line-height:normal;font-size:inherit;inline-size:auto;padding:0;@media(any-hover:hover){&:hover:not([aria-disabled=true]){background:var(--lexxy-color-ink-lightest)}}}.node--selected{outline:var(--lexxy-focus-ring-size) solid var(--lexxy-focus-ring-color);outline-offset:var(--lexxy-focus-ring-offset)}&[data-links-openable] a{cursor:pointer}table{th,td{position:relative;transition:all .1s ease-in-out;&:after{box-shadow:0 0 0 0 transparent,0 0 0 0 transparent inset;content:"";display:block;inset-block-start:-1px;inset-block-end:-1px;inset-inline-start:-1px;inset-inline-end:-1px;pointer-events:none;position:absolute;transition:box-shadow .1s ease-in-out;z-index:2}&.lexxy-content__table-cell--selected{background-color:var(--lexxy-color-table-cell-selected-bg)}&.lexxy-content__table-cell--focus{&:after{box-shadow:0 0 0 0 transparent,0 0 0 2px var(--lexxy-color-table-cell-selected-border) inset}}&.lexxy-content__table-cell--highlight{&[data-action=insert]{&[data-child-type=row]{&[data-direction=after]{&:after{box-shadow:0 var(--lexxy-table-cell-add-size) 0 0 var(--lexxy-color-table-cell-add),0 calc(-1 * var(--lexxy-table-cell-add-size) - 1px) 0 0 var(--lexxy-color-table-cell-add) inset}}&[data-direction=before]{&:after{box-shadow:0 calc(-1 * var(--lexxy-table-cell-add-size) - 1px) 0 0 var(--lexxy-color-table-cell-add),0 var(--lexxy-table-cell-add-size) 0 0 var(--lexxy-color-table-cell-add) inset}}}&[data-child-type=column]{&[data-direction=after]{&:after{box-shadow:var(--lexxy-table-cell-add-size) 0 0 0 var(--lexxy-color-table-cell-add),calc(-1 * var(--lexxy-table-cell-add-size) - 1px) 0 0 0 var(--lexxy-color-table-cell-add) inset}}&[data-direction=before]{&:after{box-shadow:calc(-1 * var(--lexxy-table-cell-add-size) - 1px) 0 0 0 var(--lexxy-color-table-cell-add),var(--lexxy-table-cell-add-size) 0 0 0 var(--lexxy-color-table-cell-add) inset}}}}&[data-action=delete]{background-color:var(--lexxy-color-table-cell-remove);color:var(--lexxy-color-red);&:after{box-shadow:0 0 0 0 transparent}}&[data-action=toggle]{background-color:var(--lexxy-color-table-cell-toggle);&:after{box-shadow:0 0 0 0 transparent}}}}tr.lexxy-content__table-cell--highlight[data-action=delete]{th,td{background-color:var(--lexxy-color-table-cell-remove);color:var(--lexxy-color-red);&:after{box-shadow:0 0 0 0 transparent}}}&.lexxy-content__table--selection{::selection{background:transparent}}}&:has(.lexxy-content__table-cell--selected){lexxy-table-tools{visibility:hidden}}[data-lexical-linebreak]{block-size:0;display:contents;inline-size:0}action-text-attachment{cursor:pointer}.attachment{background-color:var(--lexxy-color-canvas);progress{max-inline-size:10ch;margin:auto}&.attachment--preview{progress{inset-block-start:2ch;inset-inline-start:0;inset-inline-end:0;position:absolute}lexxy-node-delete-button{inset-block-start:1.5ch;inset-inline-end:1.5ch;inset-inline-start:unset}}&.attachment--error{background:color-mix(var(--lexxy-color-red) 10%,transparent);padding:2ch;&:before{align-items:center;aspect-ratio:1;background:var(--lexxy-color-red);block-size:1.5lh;border-radius:50%;color:#fff;content:"!";display:flex;justify-content:center;margin:auto}>div{flex:1;font-size:.85em;padding:1ch;text-align:start}}}.attachment[draggable]{cursor:grab}.attachment.lexxy-dragging{opacity:.4}[data-lexxy-decorator][draggable]{cursor:grab}[data-lexxy-decorator].lexxy-dragging{opacity:.4}.lexxy-drop-caret{background-color:var(--lexxy-focus-ring-color);border-radius:1px;inline-size:2px;pointer-events:none;position:fixed}[class*=lexxy-drop-target--]{position:relative}.lexxy-drop-target--block-before:before,.lexxy-drop-target--block-after:after,.lexxy-drop-target--list-before:before,.lexxy-drop-target--list-after:after{background-color:var(--lexxy-focus-ring-color);block-size:3px;border-radius:1px;content:"";inset-inline:0;pointer-events:none;position:absolute;transform:translateY(.5ch)}.lexxy-drop-target--block-before:before,.lexxy-drop-target--list-before:before{transform:translateY(-.5ch)}.lexxy-drop-target--block-before:before,.lexxy-drop-target--list-before:before{inset-block-start:-2px}.lexxy-drop-target--block-after:after,.lexxy-drop-target--list-after:after{inset-block-end:-2px}.lexxy-drop-target--gallery-before:before,.lexxy-drop-target--gallery-after:after{background-color:var(--lexxy-focus-ring-color);border-radius:1px;content:"";inset-block:0;inline-size:3px;pointer-events:none;position:absolute}.lexxy-drop-target--gallery-before:before{inset-inline-start:-4px}.lexxy-drop-target--gallery-after:after{inset-inline-end:-4px}.attachment:hover:not(.node--selected){outline:var(--lexxy-focus-ring-size) solid color-mix(in oklch,var(--lexxy-focus-ring-color) 30%,transparent);outline-offset:var(--lexxy-focus-ring-offset)}.attachment--file{lexxy-node-delete-button{inset-block-start:50%;inset-inline-end:1ch;inset-inline-start:unset;transform:translateY(-50%)}}.attachment-gallery{--lexxy-attachment-gallery-columns: 3;--lexxy-attachment-gallery-gap: .4ch;--lexxy-focus-ring-offset: -6px;padding:0;.attachment{background:transparent;box-sizing:border-box;margin:var(--lexxy-attachment-gallery-gap);padding:0;padding-block-end:var(--lexxy-attachment-gap);vertical-align:top;img{box-sizing:border-box;padding:1ch;padding-block-end:0}&.attachment--error{background:color-mix(var(--lexxy-color-red) 10%,transparent);padding:2ch;>div{text-align:center}}}}.attachment__caption{textarea{background:transparent;block-size:fit-content;border:0;border-radius:var(--lexxy-radius);box-sizing:border-box;color:inherit;display:block;font-size:inherit;font-family:inherit;inline-size:100%;max-inline-size:100%;padding:0;text-align:center;@supports (resize: none){resize:none}&:focus{background:var(--lexxy-color-canvas);outline:0}&:placeholder-shown{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (field-sizing: content){field-sizing:content;inline-size:100%}}}}:where(lexxy-editor:not(:defined)){min-block-size:calc(var(--lexxy-toolbar-height) + var(--lexxy-editor-rows) + 2 * var(--lexxy-editor-padding))}:where(.lexxy-editor--empty){.lexxy-editor__content:not(:has(h1,h2,h3,h4,h5,h6,table,ul,ol,figure,.attachment-gallery)):before{content:attr(placeholder);color:currentColor;cursor:text;opacity:.66;pointer-events:none;position:absolute;white-space:pre-line}}:where(.lexxy-editor__content){min-block-size:var(--lexxy-editor-rows);outline:0;padding:var(--lexxy-editor-padding);contain:layout style}:where(.lexxy-editor--drag-over){background-color:var(--lexxy-color-selected);border-radius:var(--lexxy-radius);outline:2px dashed var(--lexxy-color-selected-dark)}:where([data-lexical-cursor]){animation:blink 1s infinite;block-size:1lh;border-inline-start:1.5px solid currentColor;line-height:inherit;margin-block:0 var(--lexxy-content-margin)}@keyframes blink{0%{opacity:1}60%{opacity:1}to{opacity:0}}:where(lexxy-toolbar){--lexxy-toolbar-icon-size: 1.125em;border-block-end:var(--lexxy-toolbar-border-size) solid var(--lexxy-color-ink-lighter);color:currentColor;display:flex;font-size:inherit;gap:var(--lexxy-toolbar-gap);max-inline-size:100%;padding:var(--lexxy-toolbar-padding);position:relative;@container (width < 300px){font-size:.8em}&[data-attachments=false] button[name=image],&[data-attachments=false] button[name=file]{display:none}&[data-upload=file] button[name=image]{display:none}&[data-upload=image] button[name=file]{display:none}.lexxy-editor__toolbar-button{aspect-ratio:1;block-size:var(--lexxy-toolbar-button-size);border:0;border-radius:var(--lexxy-radius);color:currentColor;display:grid;line-height:inherit;place-items:center;&:is(:active):not([aria-disabled=true]),&[aria-pressed=true]{background-color:var(--lexxy-color-selected);&:hover{background-color:var(--lexxy-color-selected-hover)}}&[aria-disabled=true]{cursor:default;opacity:.3}svg{-webkit-touch-callout:none;block-size:var(--lexxy-toolbar-icon-size);fill:currentColor;grid-area:1/1;inline-size:var(--lexxy-toolbar-icon-size);-webkit-user-select:none;@supports (user-select: none){user-select:none}}&.lexxy-editor__toolbar-group-end{position:relative;margin-inline-end:calc(var(--lexxy-toolbar-spacing) + 1px);&:after{background-color:var(--lexxy-color-ink-lighter);block-size:var(--lexxy-toolbar-icon-size);content:"";display:block;inline-size:1px;inset-inline-end:calc(-1 * var(--lexxy-toolbar-spacing));inset-block:0;margin:auto;pointer-events:none;position:absolute}}}.lexxy-editor__toolbar-button--push-right{margin-inline-start:auto}}:where(.lexxy-editor__toolbar-dropdown){-webkit-user-select:none;@supports (user-select: none){user-select:none}.lexxy-editor__toolbar-button{color:currentColor;&:hover{opacity:.8}&.lexxy-editor__toolbar-button--chevron{aspect-ratio:unset;gap:.5ch;grid-template-columns:2fr 1fr;min-inline-size:calc(var(--lexxy-toolbar-button-size) + 1.2ch);padding-inline:.75ch;&:after{block-size:.3ch;border-block-end:2px solid currentColor;border-inline-end:2px solid currentColor;content:"";display:inline-block;inline-size:.3ch;transform:rotate(45deg)}}}>.lexxy-editor__toolbar-button[aria-expanded=true]{background-color:var(--lexxy-color-selected-hover);border-end-end-radius:0;border-end-start-radius:0;&:hover{background-color:var(--lexxy-color-selected-hover)}}[data-dropdown-panel]{background-color:var(--lexxy-color-canvas);border:2px solid var(--lexxy-color-selected-hover);border-radius:calc(var(--lexxy-radius) + var(--lexxy-toolbar-gap));box-sizing:border-box;box-shadow:var(--lexxy-shadow);color:var(--lexxy-color-text);display:flex;gap:var(--lexxy-toolbar-gap);margin:0;padding:var(--lexxy-toolbar-spacing);position:absolute;z-index:3;&[hidden],[overflowing] &[hidden]{display:none}}.lexxy-editor__toolbar-dropdown-list{border-start-start-radius:0;flex-direction:column;padding:.1ch;button{align-items:center;color:var(--lexxy-color-text);display:flex;flex-direction:row;gap:1ch;padding:1ch;position:relative;&[aria-pressed=true]{background-color:var(--lexxy-color-selected);&:hover{background-color:var(--lexxy-color-selected-hover)}}span{font-size:var(--lexxy-text-small)}svg{block-size:1lh;fill:currentColor;inline-size:1lh}}.lexxy-editor__toolbar-separator{background:var(--lexxy-color-ink-lighter);block-size:1px;inline-size:100%}[overflowing] &{display:grid;grid-template-columns:repeat(4,1fr);button span{display:none}.lexxy-editor__toolbar-separator{grid-column:1 / -1}}}&.lexxy-editor__toolbar-overflow{display:none;justify-self:flex-end;z-index:1;[data-dropdown-panel]{border-start-end-radius:0;display:grid;grid-template-columns:repeat(4,1fr);inset-inline-end:var(--lexxy-toolbar-gap)}}&.lexxy-editor__toolbar-dropdown--link{[data-dropdown-panel]{font-size:var(--lexxy-text-small);gap:var(--lexxy-toolbar-spacing);inset-inline-start:var(--lexxy-toolbar-spacing);inset-inline-end:var(--lexxy-toolbar-spacing);[overflowing] &{flex-wrap:wrap}.lexxy-editor__toolbar-dropdown-actions{display:flex;flex:1;gap:var(--lexxy-toolbar-spacing)}input[type=url]{background-color:var(--lexxy-color-canvas);border:1px solid var(--lexxy-color-ink-lighter);border-radius:var(--lexxy-radius);color:var(--lexxy-color-text);block-size:var(--lexxy-toolbar-button-size);box-sizing:border-box;font-size:var(--lexxy-text-small);flex:2;inline-size:100%;line-height:inherit;padding-block:0;padding-inline:1ch;[overflowing] &{min-inline-size:100%}}button{background-color:var(--lexxy-color-ink-lightest);inline-size:100%;padding-inline:2ch}button[value=link]{background-color:var(--lexxy-color-accent-dark);color:var(--lexxy-color-ink-inverted);&:hover{background-color:var(--lexxy-color-accent-medium)}}}}&.lexxy-editor__toolbar-dropdown--highlight{position:relative;[overflowing] &{position:static}[data-dropdown-panel]{--max-inline-size: calc(var(--max-colors) * (var(--lexxy-toolbar-button-size) + var(--lexxy-toolbar-spacing)));border-start-start-radius:0;gap:var(--lexxy-toolbar-spacing);flex-direction:column;font-size:var(--lexxy-text-small);inset-inline-start:0;max-inline-size:var(--max-inline-size);[overflowing] &{border-start-start-radius:calc(var(--lexxy-radius) + var(--lexxy-toolbar-gap));inset-inline-end:var(--lexxy-toolbar-spacing);inset-inline-start:var(--lexxy-toolbar-spacing)}button{position:relative}.lexxy-highlight-colors{display:grid;gap:var(--lexxy-toolbar-gap);grid-template-columns:repeat(auto-fill,minmax(var(--lexxy-toolbar-button-size),1fr));max-inline-size:var(--max-inline-size);button{block-size:unset;inline-size:100%;&:after{align-items:center;content:"Aa";display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;inset:0;justify-content:center;position:absolute}&[aria-pressed=true]{background-color:transparent;box-shadow:0 0 0 2px currentColor inset;&:after{content:"\2713"}}}}.lexxy-editor__toolbar-dropdown-reset{background-color:var(--lexxy-color-ink-lightest);&:is([disabled]){display:none}}}}}:where(.lexxy-floating-controls){--button-size: 2.3lh;--floating-tools-radius: calc(var(--lexxy-radius) * 1.5);color:var(--lexxy-color-ink-inverted);font-size:var(--lexxy-text-small);line-height:1;position:absolute;z-index:2;button,summary{align-items:center;background:transparent;block-size:var(--button-size);color:var(--lexxy-color-ink-inverted);display:flex;justify-content:center;line-height:inherit;min-block-size:var(--button-size);min-inline-size:var(--button-size);-webkit-user-select:none;@supports (user-select: none){user-select:none}@media(any-hover:hover){&:hover:not([aria-disabled=true]),[open] &:is(summary){background:var(--lexxy-color-ink-medium);svg{opacity:1}}&:focus-visible{outline-color:var(--lexxy-focus-ring-color)}}}button{aspect-ratio:1 / 1;font-weight:700;svg{block-size:1.125em;inline-size:1.125em;fill:currentColor;opacity:.8;padding:1px}span{display:none}}summary{box-shadow:0 0 0 1px inset #8080804d;padding:0 1.25ch}.lexxy-floating-controls__group{background-color:var(--lexxy-color-ink);border-radius:var(--floating-tools-radius);padding:.25ch}&:is(lexxy-table-tools){flex-direction:row;gap:.25ch;inset-inline-start:var(--lexxy-editor-padding);transform:translate(-50%,-120%);.lexxy-table-control{align-items:stretch;display:flex;flex-direction:row;gap:.25ch;white-space:nowrap;.lexxy-table-control__more-menu{gap:0;position:relative;.lexxy-table-control__more-menu-details{background:var(--lexxy-color-ink);border-radius:var(--floating-tools-radius);display:flex;flex-direction:column;gap:.25ch;inset-block-start:110%;inset-inline-start:50%;padding:.25ch;position:absolute;transform:translate(-50%);button{aspect-ratio:unset;flex-direction:row;font-weight:400;gap:1ch;justify-content:flex-start;padding:.75ch;padding-inline-end:1.5ch;white-space:nowrap;span{display:inline-block}svg{block-size:1.3lh;inline-size:1.3lh;fill:currentColor}}}}.lexxy-table-control__button--delete-table{align-items:center;block-size:auto;font-weight:400;justify-content:center;svg{block-size:1.125em;inline-size:1.125em;min-block-size:1.125em;min-inline-size:1.125em}span{align-items:center;background:var(--lexxy-color-ink);border-radius:var(--floating-tools-radius);color:color-mix(in srgb,var(--lexxy-color-ink-inverted) 80%,transparent);display:flex;inset-inline-end:calc(var(--button-size) + 1ch);inset-block-start:0;inset-block-end:0;inset-inline-start:0;justify-content:center;padding:.5ch 1ch;position:absolute;transition:all .2s ease-out;opacity:0;pointer-events:none;white-space:nowrap}&:hover{background-color:var(--lexxy-color-red);svg{color:var(--lexxy-color-ink-inverted)}span{opacity:1}}}}}&:is(lexxy-node-delete-button){inset-block-start:0;inset-inline-start:100%;opacity:0;pointer-events:none;.node--selected &{opacity:1;pointer-events:auto}.lexxy-node-delete:hover{background-color:var(--lexxy-color-red)}}&:is(lexxy-code-language-picker){inset-inline-end:var(--lexxy-editor-padding);select{-webkit-appearance:none;appearance:none;background-color:var(--lexxy-color-canvas);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 19.5c-.7 0-1.3-.3-1.7-.8l-9.8-11.1c-.7-.8-.6-1.9.2-2.6.8-.6 1.9-.6 2.5.2l8.6 9.8c0 .1.2.1.4 0l8.6-9.8c.7-.8 1.8-.9 2.6-.2s.9 1.8.2 2.6l-9.8 11.1c-.4.5-1.1.8-1.7.8z' fill='%23000'/%3E%3C/svg%3E");background-position:center right 1ch;background-repeat:no-repeat;background-size:1ch;block-size:1.5lh;border:1px solid var(--lexxy-color-ink-lighter);border-radius:var(--lexxy-radius);color:var(--lexxy-color-ink);font-family:var(--lexxy-font-base);font-size:var(--lexxy-text-small);font-weight:400;margin:.5ch .5ch 0 -.5ch;padding:0 2ch 0 1ch;text-align:start;@media(prefers-color-scheme:dark){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 19.5c-.7 0-1.3-.3-1.7-.8l-9.8-11.1c-.7-.8-.6-1.9.2-2.6.8-.6 1.9-.6 2.5.2l8.6 9.8c0 .1.2.1.4 0l8.6-9.8c.7-.8 1.8-.9 2.6-.2s.9 1.8.2 2.6l-9.8 11.1c-.4.5-1.1.8-1.7.8z' fill='%23fff'/%3E%3C/svg%3E")}}}}:where(.lexxy-prompt-menu){--lexxy-prompt-avatar-size: 24px;--lexxy-prompt-padding: .5ch;--lexxy-prompt-offset-x: 0;--lexxy-prompt-offset-y: 0;background-color:var(--lexxy-color-canvas);border-radius:calc(var(--lexxy-prompt-padding) * 2);box-shadow:var(--lexxy-shadow);color:var(--lexxy-color-ink);font-family:var(--lexxy-font-base);font-size:var(--lexxy-text-small);list-style:none;inset-block-start:var(--lexxy-prompt-offset-y);inset-inline-start:var(--lexxy-prompt-offset-x);margin:0;max-block-size:200px;max-inline-size:min(20ch,calc(100% - var(--lexxy-prompt-offset-x)));min-inline-size:20ch;overflow:auto;padding:var(--lexxy-prompt-padding);position:absolute;visibility:hidden;z-index:var(--lexxy-z-popup);&[data-clipped-at-right]{inset-inline-start:unset;inset-inline-end:1ch;max-inline-size:calc(100% - 1ch)}&[data-clipped-at-bottom]{inset-block-start:unset;inset-block-end:var(--lexxy-prompt-offset-y)}}:where(.lexxy-prompt-menu--visible[data-anchored]){visibility:initial}:where(.lexxy-prompt-menu__item){align-items:center;border-radius:var(--lexxy-radius);cursor:pointer;display:flex;gap:var(--lexxy-prompt-padding);padding:var(--lexxy-prompt-padding);&:hover{background-color:var(--lexxy-color-ink-lightest)}&[aria-selected]{background-color:var(--lexxy-color-selected)}img{block-size:var(--lexxy-prompt-avatar-size);border-radius:50%;flex-shrink:0;inline-size:var(--lexxy-prompt-avatar-size);margin:0}+&{margin-top:2px}}:where(.lexxy-prompt-menu__item--empty){color:var(--lexxy-color-ink-medium);padding:var(--lexxy-prompt-padding)}action-text-attachment[content-type^="application/vnd.actiontext"]{&.node--selected{--lexxy-attachment-bg-color: var(--lexxy-color-accent-dark);--lexxy-attachment-text-color: var(--lexxy-color-ink-inverted);outline:none}lexxy-node-delete-button{inset-inline-start:0;line-height:1lh;.lexxy-floating-controls__group{--button-size: 1lh;background-color:var(--lexxy-color-accent-dark);padding:0;button{border-radius:50%}}}}}@layer components;@layer components{.lexxy-field{--lexxy-color-canvas: var(--color-primary);--lexxy-color-text: var(--color-content);--lexxy-color-text-subtle: var(--color-content-secondary);--lexxy-color-code-bg: var(--color-tertiary);--lexxy-color-selected: var(--color-secondary);--lexxy-color-selected-hover: var(--color-tertiary)}.dark .lexxy-field{--lexxy-color-ink: oklch(96% 0 0);--lexxy-color-ink-medium: oklch(75% 0 0);--lexxy-color-ink-light: oklch(55% 0 0);--lexxy-color-ink-lighter: oklch(40% 0 0);--lexxy-color-ink-lightest: oklch(25% 0 0);--lexxy-color-ink-inverted: oklch(15% 0 0);--lexxy-color-accent-dark: oklch(70% .3 260);--lexxy-color-accent-medium: oklch(75% .196 258);--lexxy-color-accent-light: oklch(45% .04 254);--lexxy-color-accent-lightest: oklch(35% .04 254);--lexxy-color-red: oklch(70% .15 27);--lexxy-color-green: oklch(70% .15 145);--lexxy-color-blue: oklch(75% .196 258);--lexxy-color-purple: oklch(70% .15 305);--lexxy-color-code-token-att: #ff7b72;--lexxy-color-code-token-comment: #8b949e;--lexxy-color-code-token-function: #d2a8ff;--lexxy-color-code-token-operator: #ff7b72;--lexxy-color-code-token-property: #79c0ff;--lexxy-color-code-token-punctuation: #f0f6fc;--lexxy-color-code-token-selector: #7ee787;--lexxy-color-code-token-variable: #ffa657;--lexxy-shadow: 0 0 0 1px rgba(100, 100, 100, .3);--highlight-1: rgb(240, 200, 22);--highlight-2: rgb(230, 118, 14);--highlight-3: rgb(244, 5, 5);--highlight-4: rgb(248, 21, 192);--highlight-5: rgb(214, 80, 255);--highlight-6: rgb(53, 157, 255);--highlight-7: rgb(26, 231, 23);--highlight-8: rgb(201, 135, 72);--highlight-9: rgb(161, 161, 161)}.lexxy-content.hidden{display:block!important;overflow:hidden;clip-path:inset(0 0 calc(100% - 50px) 0);-webkit-mask-image:linear-gradient(to bottom,black 30px,transparent 50px);mask-image:linear-gradient(to bottom,black 30px,transparent 50px);max-height:50px;min-height:0px}.lexxy-field__media-library-button svg{fill:none}.lexxy-field__media-library-button{background:var(--lexxy-color-canvas);@media(any-hover:hover){&:hover{background:var(--lexxy-color-ink-lightest)}}&:focus-visible{outline:var(--lexxy-focus-ring-size) solid var(--lexxy-focus-ring-color);outline-offset:var(--lexxy-focus-ring-offset)}}}