richtor 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +12 -4
  2. package/dist/index.d.ts +1 -0
  3. package/dist/richtor.css +1 -1
  4. package/package.json +3 -2
package/README.md CHANGED
@@ -29,9 +29,10 @@ pnpm add richtor
29
29
 
30
30
  ### Basic Editor
31
31
 
32
+ **Styles are automatically included!** No need to manually import CSS.
33
+
32
34
  ```tsx
33
35
  import { Editor } from 'richtor';
34
- import 'richtor/styles';
35
36
  import { useState } from 'react';
36
37
 
37
38
  function App() {
@@ -57,7 +58,6 @@ To display the editor content in read-only mode:
57
58
 
58
59
  ```tsx
59
60
  import { Renderer } from 'richtor';
60
- import 'richtor/styles';
61
61
 
62
62
  function DisplayContent({ htmlContent }: { htmlContent: string }) {
63
63
  return <Renderer value={htmlContent} />;
@@ -94,12 +94,20 @@ function DisplayContent({ htmlContent }: { htmlContent: string }) {
94
94
 
95
95
  ## Styling
96
96
 
97
- The package includes pre-built CSS that you need to import:
97
+ **Styles are automatically included** when you import the components! No manual CSS import needed.
98
+
99
+ ### Manual CSS Import (Optional)
100
+
101
+ If your bundler doesn't automatically process CSS imports, you can manually import:
98
102
 
99
103
  ```tsx
100
- import '@jamir-hossain/richtor/styles';
104
+ import 'richtor/styles';
105
+ // or
106
+ import 'richtor/dist/richtor.css';
101
107
  ```
102
108
 
109
+ ### Customization
110
+
103
111
  The editor uses CSS variables for theming. You can customize the appearance by overriding these variables in your own CSS.
104
112
 
105
113
  ## Peer Dependencies
package/dist/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import './style/index.css';
1
2
  export { default as Editor } from './editor';
2
3
  export { default as Renderer } from './renderer';
3
4
  export type { TiptapEditorProps, TiptapEditorRef } from './editor';
package/dist/richtor.css CHANGED
@@ -1 +1 @@
1
- :root{--rte-bg: #fff;--rte-fg: #1f2328;--rte-border: #d1d9e0;--rte-primary: #0969da;--rte-primary-fg: #fff;--rte-secondary: #f0f1f3;--rte-secondary-fg: #59636e;--rte-muted: #f6f8fa;--rte-muted-fg: #59636e;--rte-accent: #818b981f;--rte-accent-fg: #59636e;--rte-tooltip: #25292e;--rte-tooltip-fg: #f0f0f0;--rte-overlay: #32324d33;--rte-hljs-comment: #6a737d;--rte-hljs-keyword: #d73a49;--rte-hljs-entity: #6f42c1;--rte-hljs-function: #6f42c1;--rte-hljs-variable: #005cc5;--rte-hljs-constant: #005cc5;--rte-hljs-string: #032f62;--rte-hljs-regexp: #032f62;--rte-hljs-markup: #22863a;--rte-hljs-builtin: #e36209;--rte-hljs-inserted: #34d058;--rte-hljs-deleted: #b31d28;--rte-hljs-changed: #e36209;--rte-hljs-ignored: #f6f8fa;--rte-editor-font-size: 15px;--rte-editor-line-height: 1.5;--rte-editor-font: var(--font-sans);--rte-editor-code-font: var(--font-mono);--rte-editor-code-bg: #f6f8fa;--rte-editor-scrollbar: #00000040;--rte-editor-selection: #2383e247;--rte-radius: .5rem}.dark{--rte-bg: #0d1017;--rte-fg: #f0f6fc;--rte-border: #3d444d;--rte-primary: #4493f8;--rte-tooltip: #3d444d;--rte-bubble: #151b23;--rte-overlay: #ffffff30;--rte-secondary: #2e373e;--rte-secondary-fg: #b1b8c0;--rte-muted: #1a2029;--rte-muted-fg: #b1b8c0;--rte-accent: #2d3440;--rte-accent-fg: #b1b8c0;--rte-hljs-comment: #8b949e;--rte-hljs-keyword: #ff7b72;--rte-hljs-entity: #d2a8ff;--rte-hljs-function: #d2a8ff;--rte-hljs-variable: #79c0ff;--rte-hljs-constant: #79c0ff;--rte-hljs-string: #a5d6ff;--rte-hljs-regexp: #a5d6ff;--rte-hljs-markup: #7ee787;--rte-hljs-builtin: #ffa657;--rte-hljs-inserted: #3fb950;--rte-hljs-deleted: #f85149;--rte-hljs-changed: #ffa657;--rte-hljs-ignored: #161b22;--rte-editor-code-bg: #1a2029;--rte-editor-scrollbar: #ffffff40;--rte-shadow-1: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;--rte-shadow-2: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;--rte-shadow-3: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409}.rte-button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:calc(var(--rte-radius, .5rem) * .75);-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .15s ease-in;white-space:nowrap;width:auto;height:2rem;padding-inline:.75rem;border:1px solid transparent;font-size:.875rem;line-height:1.25rem}.rte-button:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.rte-button__text{display:inline-flex;align-items:center;text-align:inherit;flex:1 auto}*+.rte-button__text{margin-left:.5rem}.rte-button.rte-button--icon-only{padding:0;aspect-ratio:1/1}.rte-button--primary{color:var(--rte-primary-fg);background-color:var(--rte-primary);border-color:var(--rte-primary)}.rte-button--primary:not(:disabled):hover{background-color:color-mix(in srgb,var(--rte-primary),#fff 15%)}.rte-button--secondary{color:var(--rte-secondary-fg);background-color:var(--rte-secondary);border-color:var(--rte-secondary)}.rte-button--secondary:not(:disabled):hover{background-color:color-mix(in srgb,var(--rte-secondary),#000 8%)}.rte-button--outline{background-color:var(--rte-bg, #ffffff);border-color:var(--rte-border)}.rte-button--outline:not(:disabled):hover{background-color:var(--rte-muted);color:var(--rte-muted-fg)}.rte-button--ghost{color:var(--rte-accent-fg)}.rte-button--ghost:not(:disabled):hover{background-color:var(--rte-accent);color:var(--rte-fg, #1f2328)}.rte-tooltip{z-index:50;padding:.375rem .625rem;min-height:1.75rem;text-wrap:nowrap;border-radius:calc(var(--rte-radius, .5rem) * .75);background-color:var(--rte-tooltip);color:var(--rte-tooltip-fg);font-weight:500;font-size:.75rem;line-height:1rem;line-height:1.5}.rte-dropdown{z-index:50;display:flex;flex-direction:column;gap:.25rem;padding:.375rem;background-color:var(--rte-bg, #ffffff);border-radius:var(--rte-radius, .5rem);box-shadow:var( --rte-shadow-1, 0px 0px 0px 1px rgba(209, 217, 224, .5019607843), 0px 6px 12px -3px rgba(37, 41, 46, .0392156863), 0px 6px 18px 0px rgba(37, 41, 46, .1215686275) )}.rte-dropdown__indicator{width:1rem;display:flex;justify-content:center}.rte-dropdown__item{position:relative;display:flex;gap:.5rem;align-items:center;padding:.375rem .5rem;border-radius:calc(var(--rte-radius, .5rem) * .75);outline:none;color:var(--rte-fg, #1f2328);cursor:pointer;font-size:.875rem;line-height:1.25rem}.rte-dropdown__item:hover{background-color:var(--rte-accent)}.rte-dropdown__item[data-active],.rte-dropdown__item[data-active]:hover{color:var(--rte-primary);background-color:var(--rte-accent)}.rte-popover{z-index:50;background-color:var(--rte-bg, #ffffff);padding:.25rem;border-radius:var(--rte-radius, .5rem);box-shadow:var( --rte-shadow-1, 0px 0px 0px 1px rgba(209, 217, 224, .5019607843), 0px 6px 12px -3px rgba(37, 41, 46, .0392156863), 0px 6px 18px 0px rgba(37, 41, 46, .1215686275) )}.rte-toolbar{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;row-gap:.375rem;column-gap:.25rem;padding:.375rem}.rte-toolbar--vertical{flex-direction:column}.rte-toolbar--dense{padding:.125rem}.rte-toolbar__divider{border:0px solid var(--rte-border);border-right-width:thin;width:1px;height:1.25rem;margin:0 .25rem;flex-shrink:0}.rte-toolbar__divider--horizontal{border:0px solid var(--rte-border);border-bottom-width:thin;width:100%;height:1px;margin:.25rem 0}.rte-input{display:flex;width:100%;height:2rem;padding:.375rem .625rem;border-radius:calc(var(--rte-radius, .5rem) * .75);border:1px solid var(--rte-border);background-color:var(--rte-muted);outline:transparent solid 2px;color:var(--rte-fg, #1f2328);font-size:.875rem;line-height:1.25rem}.rte-input::placeholder{color:var(--rte-muted-fg)}.rte-input:focus-visible{outline-color:var(--rte-primary)}.rte-label{font-size:90%;display:inline-block;line-height:1.25rem;margin-bottom:.5rem;color:var(--rte-muted-fg);font-weight:700}.rte-resizer{position:absolute;top:0;left:0;pointer-events:none;transition:none}.rte-resizer__control{position:absolute;pointer-events:auto;background-color:var(--rte-primary);aspect-ratio:1/1;border:2px solid var(--rte-bg, #ffffff);transition:none}.rte-dialog{position:fixed;inset:0;background-color:var(--rte-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:9999}.rte-color__list{display:flex;flex-wrap:wrap;column-gap:.5rem;row-gap:.5rem}.rte-color__btn{min-width:1.25rem;height:1.25rem;border:1px solid var(--rte-border);border-radius:4px;transition:all .3s cubic-bezier(.075,.82,.165,1);transform:scale(1)}.rte-color__btn:hover{transform:scale(1.2)}.rte-color__btn[data-active]{box-shadow:0 0 0 1px var(--rte-bg, #ffffff),0 0 0 3px var(--rte-primary)}.rte-cp{width:260px;display:flex;flex-direction:column}.rte-cp__tabs{display:flex;margin-inline:-.25rem;margin-top:-.25rem;border-bottom:1px solid var(--rte-border)}.rte-cp__tab{width:100%;font-size:90%;position:relative}.rte-cp__tab:first-child:after{content:"";position:absolute;right:-2px;width:1px;height:100%;border-left:1px solid var(--rte-border)}.rte-cp__tab[data-active]:before{content:"";position:absolute;left:-.125rem;bottom:-.125rem;inset-inline:0;height:2px;background-color:var(--rte-primary)}.rte-cp__main{padding:0 .5rem;margin-block:.75rem}.rte-cp__actions{padding:0 .5rem;margin-bottom:.5rem;margin-top:.125rem;display:flex;gap:.5rem}.rte-cp-swatches,.rte-cp-custom{display:flex;flex-direction:column;gap:.625rem}.rte-cp-custom__preview{display:flex;align-items:center;gap:.5rem}.rte-tb__builder{font-size:90%}.rte-tb__grid{display:flex;flex-direction:column;gap:.375rem;padding:.5rem}.rte-tb__row{display:flex;gap:.5rem}.rte-tb__cell{width:1rem;height:1rem;background-color:var(--rte-accent);box-shadow:0 0 0 1.5px var(--rte-border)}.rte-tb__cell--active{box-shadow:0 0 0 1.5px var(--rte-primary)}.rte-editor{all:unset;display:flex;flex-direction:column;border:1px solid var(--rte-border);border-radius:var(--rte-radius, .5rem);font-family:var( --rte-editor-font, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji );font-size:.875rem;line-height:1.25rem}.rte-editor--fullscreen{--rte-editor-max-height: auto;--rte-editor-min-height: auto;position:fixed;inset:0;z-index:50}.rte-editor__content{flex:1;position:relative;width:100%;margin:0 auto;font-size:var(--rte-editor-font-size, 1rem);line-height:var(--rte-editor-line-height, 1.75)}.rte-editor__container{cursor:text;display:flex;flex:1;position:relative;padding-inline:1rem;background-color:var(--rte-bg, #ffffff);color:var(--rte-fg, #1f2328);min-height:var(--rte-editor-min-height);max-height:var(--rte-editor-max-height);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--rte-editor-scrollbar, rgba(0, 0, 0, .2509803922)) transparent}.rte-editor__container:has(.cm-editor){padding-inline:1rem}.rte-editor__container:has(.cm-focused),.rte-editor__container:has(.ProseMirror-focused){border-radius:calc(var(--rte-radius, .5rem) * .75);box-shadow:0 0 0 2px var(--rte-primary)}.rte-menu-bar,.rte-status-bar{display:flex;align-items:center;min-height:2.75rem;background-color:var(--rte-bg, #ffffff);padding:.125rem}.rte-menu-bar{border-bottom:1px solid var(--rte-border);border-top-left-radius:var(--rte-radius, .5rem);border-top-right-radius:var(--rte-radius, .5rem)}.rte-status-bar{border-top:1px solid var(--rte-border);border-bottom-left-radius:var(--rte-radius, .5rem);border-bottom-right-radius:var(--rte-radius, .5rem)}.rte-status-bar .rte-counter{margin-left:auto;padding:.25rem .5rem;display:flex;align-items:center;gap:.75rem;font-weight:500;color:var(--rte-muted-fg)}.rte-menu__button{position:relative;padding-inline:.5rem}.rte-menu__button[data-active],.rte-menu__button[data-active]:hover{color:var(--rte-primary);background-color:var(--rte-accent)}.rte-menu__button:has(.rte-icon-arrow){width:auto;padding-inline:.25rem}.rte-menu__button:has(.rte-icon-arrow) .rte-button__text:first-child{margin-left:.25rem}.rte-menu__button .rte-icon-arrow{display:flex;align-items:center;justify-content:center;margin-left:.125rem}.rte-bubble-menu{border-radius:var(--rte-radius, .5rem);background-color:var(--rte-bubble, var(--rte-bg, #ffffff));box-shadow:var( --rte-shadow-2, 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px rgba(37, 41, 46, .0784313725), 0px 4px 32px -4px rgba(37, 41, 46, .0784313725), 0px 24px 48px -12px rgba(37, 41, 46, .0784313725), 0px 48px 96px -24px rgba(37, 41, 46, .0784313725) )}.rte-link__form{width:20rem;padding:1rem}.rte-link__label{font-weight:600}.rte-link__label:not(:first-child){margin-top:1rem}.rte-link__actions{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:1.125rem}.rte-link__actions button{padding-inline:1rem}.rte-text-alternative__form{min-width:22rem;display:flex;gap:.5rem;padding:.375rem .5rem}.rte-text-alternative__form input{flex:1;width:100%}.rte-heading-dropdown{min-width:10rem}.rte-heading-dropdown [data-heading=p]{font-size:.875rem;line-height:1.25rem}.rte-heading-dropdown [data-heading=h1]{font-size:1.5rem;line-height:2rem;font-weight:700}.rte-heading-dropdown [data-heading=h2]{font-size:1.25rem;line-height:1.75rem;font-weight:700}.rte-heading-dropdown [data-heading=h3]{font-size:1.125rem;line-height:1.75rem;font-weight:700}.rte-heading-dropdown [data-heading=h4]{font-size:1rem;line-height:1.5rem;font-weight:700}.rte-code-dropdown{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.rte-code-dropdown .code-search{height:2.25rem}.rte-code-dropdown .code-list{display:flex;flex-direction:column;gap:.25rem;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--rte-editor-scrollbar, rgba(0, 0, 0, .2509803922)) transparent}.rte-code-dropdown .code-item{position:relative;display:flex;align-items:center;gap:.5rem;padding:.375rem .375rem .375rem 1.75rem;border-radius:calc(var(--rte-radius, .5rem) * .75);cursor:pointer;font-size:.875rem;line-height:1.25rem}.rte-code-dropdown .code-item:hover{background-color:var(--rte-accent)}.rte-code-dropdown .code-item__indicator{position:absolute;left:.375rem}.ProseMirror-selectednode:has(iframe),img.ProseMirror-selectednode{box-shadow:0 0 0 3px var(--rte-bg, #ffffff),0 0 0 5px var(--rte-primary)}.ProseMirror{flex:1;outline:none;width:100%;white-space:pre-wrap;position:relative;padding-block:1.25rem}.ProseMirror[contenteditable=true] .ProseMirror-selectednode:has(iframe),.ProseMirror[contenteditable=true] img.ProseMirror-selectednode,.ProseMirror[contenteditable=true] img:has(+figcaption.ProseMirror-selectednode){box-shadow:0 0 0 3px var(--rte-bg, #ffffff),0 0 0 5px var(--rte-primary)}.ProseMirror.resize-cursor{cursor:col-resize}.ProseMirror>*{margin-top:1.25rem}.ProseMirror>*:first-child{margin-top:0}.ProseMirror [data-indent="1"]{text-indent:1em}.ProseMirror [data-indent="2"]{text-indent:2em}.ProseMirror [data-indent="3"]{text-indent:3em}.ProseMirror [data-indent="4"]{text-indent:4em}:where(.ProseMirror>p.is-editor-empty:first-child,figcaption.is-empty):before{content:attr(data-placeholder);float:left;color:var(--rte-muted-fg);pointer-events:none;width:100%;height:0}.ProseMirror ::selection,.ProseMirror .selection{background-color:var(--rte-editor-selection, tint-color(var(--rte-primary), .2))}.ProseMirror .selectedCell:after{z-index:2;position:absolute;content:"";inset:0;background-color:var(--rte-editor-selection, tint-color(var(--rte-primary), .2));pointer-events:none}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4{font-weight:700;margin-top:1.25rem}.ProseMirror h1{font-size:1.75em;margin-top:1.75rem}.ProseMirror h2{font-size:1.625em;margin-top:1.75rem}.ProseMirror h3{font-size:1.25em;margin-top:1.5rem}.ProseMirror h4{font-size:1em}.ProseMirror p{font-size:1em;line-height:1.75}.ProseMirror a{color:var(--rte-editor-link, var(--rte-primary));font-weight:600}.ProseMirror a:hover{text-decoration:underline}.ProseMirror a:not([href]){color:inherit;text-decoration:none;font-weight:400}.ProseMirror ul,.ProseMirror ol{padding-inline:2rem}.ProseMirror ul li,.ProseMirror ol li{margin-block:.375rem;padding-inline-start:.375rem}.ProseMirror ul{list-style-type:disc}.ProseMirror ol{list-style-type:decimal}.ProseMirror blockquote{padding:.375rem 1.25rem;font-style:italic;border-left:.25rem solid var(--rte-border)}.ProseMirror img,.ProseMirror iframe,.ProseMirror video{display:block;max-width:100%;height:auto;margin-inline:auto;cursor:default}.ProseMirror iframe{width:100%;margin:0 auto;pointer-events:none;aspect-ratio:16/9;position:relative}.ProseMirror figure{cursor:default;-webkit-user-select:none;user-select:none}.ProseMirror figcaption{font-size:90%;color:var(--rte-muted-fg);text-align:center;line-height:1.4;cursor:text;padding:.5rem 1.5rem .25rem;margin-bottom:-.25rem}.ProseMirror code,.ProseMirror kbd,.ProseMirror samp,.ProseMirror pre{font-family:var(--rte-editor-code-font, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);font-feature-settings:normal;font-variation-settings:normal}.ProseMirror code{background:var(--rte-editor-code-bg, #f6f8fa);border:1px solid var(--rte-border);border-radius:calc(var(--rte-radius, .5rem) * .75);padding:.15rem .3rem;font-size:90%}.ProseMirror pre{white-space:pre!important;tab-size:2;line-height:1.55;padding:.75rem 1.25rem;background:var(--rte-editor-code-bg, #f6f8fa);border:1px solid var(--rte-border);color:var(--rte-fg, #1f2328);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--rte-editor-scrollbar, rgba(0, 0, 0, .2509803922)) transparent}.ProseMirror pre code{background:transparent;padding:0;border:none}.ProseMirror .tableWrapper{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--rte-editor-scrollbar, rgba(0, 0, 0, .2509803922)) transparent}.ProseMirror table{border:1px solid var(--rte-border);font-size:90%;overflow:hidden;border-collapse:collapse;table-layout:fixed;margin-inline:auto}.ProseMirror table th,.ProseMirror table td{border:1px solid var(--rte-border);padding:.5rem .75rem;position:relative;vertical-align:top;text-align:left}.ProseMirror table th{background-color:var(--rte-muted)}.ProseMirror table .column-resize-handle{background-color:var(--rte-primary);bottom:-2px;pointer-events:none;position:absolute;right:-1px;top:0;width:3.5px;z-index:10}.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type{color:var(--rte-hljs-keyword)}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:var(--rte-hljs-function)}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-id,.hljs-variable.language_{color:var(--rte-hljs-variable)}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:var(--rte-hljs-string)}.hljs-built_in,.hljs-symbol,.hljs-params{color:var(--rte-hljs-builtin)}.hljs-code,.hljs-comment,.hljs-formula{color:var(--rte-hljs-comment)}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:var(--rte-hljs-markup)}.hljs-addition{color:var(--rte-hljs-inserted);background-color:#1b4721}.hljs-deletion{color:var(--rte-hljs-deleted);background-color:#78191b}.hljs-changed{color:var(--rte-hljs-changed)}.hljs-section{color:var(--rte-hljs-constant);font-weight:700}.hljs-emphasis{color:var(--rte-hljs-fg);font-style:italic}.hljs-strong{color:var(--rte-hljs-fg);font-weight:700}:root{--cm-tag: #1e66f5;--cm-comment: #6a737d;--cm-class: #6f42c1;--cm-variable: #df8e1d;--cm-keyword: #d73a49;--cm-string: #40a02b;--cm-name: #22863a;--cm-heading: #24292e;--cm-deleted: #b31d28;--cm-deleted-bg: #ffeef0;--cm-atom: #e36209;--cm-invalid: #cb2431}html.dark{--cm-tag: #f07178;--cm-comment: #8b949e;--cm-class: #d2a8ff;--cm-variable: #c792ea;--cm-keyword: #ff7b72;--cm-string: #c3e88d;--cm-name: #7ee787;--cm-heading: #d2a8ff;--cm-deleted: #ffdcd7;--cm-deleted-bg: #ffeef0;--cm-atom: #ffab70;--cm-invalid: #f97583}.cm-tag{color:var(--cm-tag)}.cm-comment{color:var(--cm-comment)}.cm-class{color:var(--cm-class)}.cm-variable{color:var(--cm-variable)}.cm-keyword{color:var(--cm-keyword)}.cm-string{color:var(--cm-string)}.cm-name{color:var(--cm-name)}.cm-heading{color:var(--cm-heading)}.cm-deleted{color:var(--cm-deleted);background-color:var(--cm-deleted-bg)}.cm-atom{color:var(--cm-atom)}.cm-invalid{color:var(--cm-invalid)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-neutral-200:oklch(92.2% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-black:#000;--spacing:.25rem;--container-lg:32rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-semibold:600;--font-weight-bold:700;--radius-xs:.125rem;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-2{top:calc(var(--spacing)*2)}.top-4{top:calc(var(--spacing)*4)}.top-\[50\%\]{top:50%}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.left-\[50\%\]{left:50%}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-10{margin-top:calc(var(--spacing)*10)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.h-full{height:100%}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:var(--radius)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#d1d9e0\]{border-color:#d1d9e0}.border-b-\[\#d1d9e0\]{border-bottom-color:#d1d9e0}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-transparent{background-color:#0000}.p-2{padding:calc(var(--spacing)*2)}.p-6{padding:calc(var(--spacing)*6)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.\!py-0{padding-block:calc(var(--spacing)*0)!important}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-10{padding-block:calc(var(--spacing)*10)}.pt-\[56\.25\%\]{padding-top:56.25%}.text-center{text-align:center}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.text-muted-foreground{color:var(--muted-foreground)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.group-hover\:visible:is(:where(.group):hover *){visibility:visible}}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media(hover:hover){.hover\:opacity-100:hover{opacity:1}.hover\:before\:absolute:hover:before{content:var(--tw-content);position:absolute}.hover\:before\:top-1\/2:hover:before{content:var(--tw-content);top:50%}.hover\:before\:-left-6:hover:before{content:var(--tw-content);left:calc(var(--spacing)*-6)}.hover\:before\:-translate-y-1\/2:hover:before{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:before\:text-\[1em\]:hover:before{content:var(--tw-content);font-size:1em}.hover\:before\:opacity-70:hover:before{content:var(--tw-content);opacity:.7}.hover\:before\:content-\[\'\#\'\]:hover:before{--tw-content:"#";content:var(--tw-content)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.disabled\:pointer-events-none:disabled{pointer-events:none}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media(min-width:40rem){.sm\:max-w-\[425px\]{max-width:425px}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}}.dark\:border-\[\#3d444d\]:is(.dark *){border-color:#3d444d}.dark\:border-b-\[\#3d444d\]:is(.dark *){border-bottom-color:#3d444d}.dark\:bg-neutral-800:is(.dark *){background-color:var(--color-neutral-800)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}.rte-renderer iframe{cursor:pointer;pointer-events:auto!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}
1
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-neutral-200:oklch(92.2% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-black:#000;--spacing:.25rem;--container-lg:32rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-semibold:600;--font-weight-bold:700;--radius-xs:.125rem;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-2{top:calc(var(--spacing)*2)}.top-4{top:calc(var(--spacing)*4)}.top-\[50\%\]{top:50%}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.left-\[50\%\]{left:50%}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-10{margin-top:calc(var(--spacing)*10)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.h-full{height:100%}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:var(--radius)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#d1d9e0\]{border-color:#d1d9e0}.border-b-\[\#d1d9e0\]{border-bottom-color:#d1d9e0}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-transparent{background-color:#0000}.p-2{padding:calc(var(--spacing)*2)}.p-6{padding:calc(var(--spacing)*6)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.\!py-0{padding-block:calc(var(--spacing)*0)!important}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-10{padding-block:calc(var(--spacing)*10)}.pt-\[56\.25\%\]{padding-top:56.25%}.text-center{text-align:center}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.text-muted-foreground{color:var(--muted-foreground)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.group-hover\:visible:is(:where(.group):hover *){visibility:visible}}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media(hover:hover){.hover\:opacity-100:hover{opacity:1}.hover\:before\:absolute:hover:before{content:var(--tw-content);position:absolute}.hover\:before\:top-1\/2:hover:before{content:var(--tw-content);top:50%}.hover\:before\:-left-6:hover:before{content:var(--tw-content);left:calc(var(--spacing)*-6)}.hover\:before\:-translate-y-1\/2:hover:before{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:before\:text-\[1em\]:hover:before{content:var(--tw-content);font-size:1em}.hover\:before\:opacity-70:hover:before{content:var(--tw-content);opacity:.7}.hover\:before\:content-\[\'\#\'\]:hover:before{--tw-content:"#";content:var(--tw-content)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.disabled\:pointer-events-none:disabled{pointer-events:none}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media(min-width:40rem){.sm\:max-w-\[425px\]{max-width:425px}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}}.dark\:border-\[\#3d444d\]:is(.dark *){border-color:#3d444d}.dark\:border-b-\[\#3d444d\]:is(.dark *){border-bottom-color:#3d444d}.dark\:bg-neutral-800:is(.dark *){background-color:var(--color-neutral-800)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}.rte-renderer iframe{cursor:pointer;pointer-events:auto!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}:root{--rte-bg: #fff;--rte-fg: #1f2328;--rte-border: #d1d9e0;--rte-primary: #0969da;--rte-primary-fg: #fff;--rte-secondary: #f0f1f3;--rte-secondary-fg: #59636e;--rte-muted: #f6f8fa;--rte-muted-fg: #59636e;--rte-accent: #818b981f;--rte-accent-fg: #59636e;--rte-tooltip: #25292e;--rte-tooltip-fg: #f0f0f0;--rte-overlay: #32324d33;--rte-hljs-comment: #6a737d;--rte-hljs-keyword: #d73a49;--rte-hljs-entity: #6f42c1;--rte-hljs-function: #6f42c1;--rte-hljs-variable: #005cc5;--rte-hljs-constant: #005cc5;--rte-hljs-string: #032f62;--rte-hljs-regexp: #032f62;--rte-hljs-markup: #22863a;--rte-hljs-builtin: #e36209;--rte-hljs-inserted: #34d058;--rte-hljs-deleted: #b31d28;--rte-hljs-changed: #e36209;--rte-hljs-ignored: #f6f8fa;--rte-editor-font-size: 15px;--rte-editor-line-height: 1.5;--rte-editor-font: var(--font-sans);--rte-editor-code-font: var(--font-mono);--rte-editor-code-bg: #f6f8fa;--rte-editor-scrollbar: #00000040;--rte-editor-selection: #2383e247;--rte-radius: .5rem}.dark{--rte-bg: #0d1017;--rte-fg: #f0f6fc;--rte-border: #3d444d;--rte-primary: #4493f8;--rte-tooltip: #3d444d;--rte-bubble: #151b23;--rte-overlay: #ffffff30;--rte-secondary: #2e373e;--rte-secondary-fg: #b1b8c0;--rte-muted: #1a2029;--rte-muted-fg: #b1b8c0;--rte-accent: #2d3440;--rte-accent-fg: #b1b8c0;--rte-hljs-comment: #8b949e;--rte-hljs-keyword: #ff7b72;--rte-hljs-entity: #d2a8ff;--rte-hljs-function: #d2a8ff;--rte-hljs-variable: #79c0ff;--rte-hljs-constant: #79c0ff;--rte-hljs-string: #a5d6ff;--rte-hljs-regexp: #a5d6ff;--rte-hljs-markup: #7ee787;--rte-hljs-builtin: #ffa657;--rte-hljs-inserted: #3fb950;--rte-hljs-deleted: #f85149;--rte-hljs-changed: #ffa657;--rte-hljs-ignored: #161b22;--rte-editor-code-bg: #1a2029;--rte-editor-scrollbar: #ffffff40;--rte-shadow-1: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;--rte-shadow-2: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;--rte-shadow-3: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409}.rte-button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:calc(var(--rte-radius, .5rem) * .75);-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .15s ease-in;white-space:nowrap;width:auto;height:2rem;padding-inline:.75rem;border:1px solid transparent;font-size:.875rem;line-height:1.25rem}.rte-button:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.rte-button__text{display:inline-flex;align-items:center;text-align:inherit;flex:1 auto}*+.rte-button__text{margin-left:.5rem}.rte-button.rte-button--icon-only{padding:0;aspect-ratio:1/1}.rte-button--primary{color:var(--rte-primary-fg);background-color:var(--rte-primary);border-color:var(--rte-primary)}.rte-button--primary:not(:disabled):hover{background-color:color-mix(in srgb,var(--rte-primary),#fff 15%)}.rte-button--secondary{color:var(--rte-secondary-fg);background-color:var(--rte-secondary);border-color:var(--rte-secondary)}.rte-button--secondary:not(:disabled):hover{background-color:color-mix(in srgb,var(--rte-secondary),#000 8%)}.rte-button--outline{background-color:var(--rte-bg, #ffffff);border-color:var(--rte-border)}.rte-button--outline:not(:disabled):hover{background-color:var(--rte-muted);color:var(--rte-muted-fg)}.rte-button--ghost{color:var(--rte-accent-fg)}.rte-button--ghost:not(:disabled):hover{background-color:var(--rte-accent);color:var(--rte-fg, #1f2328)}.rte-tooltip{z-index:50;padding:.375rem .625rem;min-height:1.75rem;text-wrap:nowrap;border-radius:calc(var(--rte-radius, .5rem) * .75);background-color:var(--rte-tooltip);color:var(--rte-tooltip-fg);font-weight:500;font-size:.75rem;line-height:1rem;line-height:1.5}.rte-dropdown{z-index:50;display:flex;flex-direction:column;gap:.25rem;padding:.375rem;background-color:var(--rte-bg, #ffffff);border-radius:var(--rte-radius, .5rem);box-shadow:var( --rte-shadow-1, 0px 0px 0px 1px rgba(209, 217, 224, .5019607843), 0px 6px 12px -3px rgba(37, 41, 46, .0392156863), 0px 6px 18px 0px rgba(37, 41, 46, .1215686275) )}.rte-dropdown__indicator{width:1rem;display:flex;justify-content:center}.rte-dropdown__item{position:relative;display:flex;gap:.5rem;align-items:center;padding:.375rem .5rem;border-radius:calc(var(--rte-radius, .5rem) * .75);outline:none;color:var(--rte-fg, #1f2328);cursor:pointer;font-size:.875rem;line-height:1.25rem}.rte-dropdown__item:hover{background-color:var(--rte-accent)}.rte-dropdown__item[data-active],.rte-dropdown__item[data-active]:hover{color:var(--rte-primary);background-color:var(--rte-accent)}.rte-popover{z-index:50;background-color:var(--rte-bg, #ffffff);padding:.25rem;border-radius:var(--rte-radius, .5rem);box-shadow:var( --rte-shadow-1, 0px 0px 0px 1px rgba(209, 217, 224, .5019607843), 0px 6px 12px -3px rgba(37, 41, 46, .0392156863), 0px 6px 18px 0px rgba(37, 41, 46, .1215686275) )}.rte-toolbar{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;row-gap:.375rem;column-gap:.25rem;padding:.375rem}.rte-toolbar--vertical{flex-direction:column}.rte-toolbar--dense{padding:.125rem}.rte-toolbar__divider{border:0px solid var(--rte-border);border-right-width:thin;width:1px;height:1.25rem;margin:0 .25rem;flex-shrink:0}.rte-toolbar__divider--horizontal{border:0px solid var(--rte-border);border-bottom-width:thin;width:100%;height:1px;margin:.25rem 0}.rte-input{display:flex;width:100%;height:2rem;padding:.375rem .625rem;border-radius:calc(var(--rte-radius, .5rem) * .75);border:1px solid var(--rte-border);background-color:var(--rte-muted);outline:transparent solid 2px;color:var(--rte-fg, #1f2328);font-size:.875rem;line-height:1.25rem}.rte-input::placeholder{color:var(--rte-muted-fg)}.rte-input:focus-visible{outline-color:var(--rte-primary)}.rte-label{font-size:90%;display:inline-block;line-height:1.25rem;margin-bottom:.5rem;color:var(--rte-muted-fg);font-weight:700}.rte-resizer{position:absolute;top:0;left:0;pointer-events:none;transition:none}.rte-resizer__control{position:absolute;pointer-events:auto;background-color:var(--rte-primary);aspect-ratio:1/1;border:2px solid var(--rte-bg, #ffffff);transition:none}.rte-dialog{position:fixed;inset:0;background-color:var(--rte-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:9999}.rte-color__list{display:flex;flex-wrap:wrap;column-gap:.5rem;row-gap:.5rem}.rte-color__btn{min-width:1.25rem;height:1.25rem;border:1px solid var(--rte-border);border-radius:4px;transition:all .3s cubic-bezier(.075,.82,.165,1);transform:scale(1)}.rte-color__btn:hover{transform:scale(1.2)}.rte-color__btn[data-active]{box-shadow:0 0 0 1px var(--rte-bg, #ffffff),0 0 0 3px var(--rte-primary)}.rte-cp{width:260px;display:flex;flex-direction:column}.rte-cp__tabs{display:flex;margin-inline:-.25rem;margin-top:-.25rem;border-bottom:1px solid var(--rte-border)}.rte-cp__tab{width:100%;font-size:90%;position:relative}.rte-cp__tab:first-child:after{content:"";position:absolute;right:-2px;width:1px;height:100%;border-left:1px solid var(--rte-border)}.rte-cp__tab[data-active]:before{content:"";position:absolute;left:-.125rem;bottom:-.125rem;inset-inline:0;height:2px;background-color:var(--rte-primary)}.rte-cp__main{padding:0 .5rem;margin-block:.75rem}.rte-cp__actions{padding:0 .5rem;margin-bottom:.5rem;margin-top:.125rem;display:flex;gap:.5rem}.rte-cp-swatches,.rte-cp-custom{display:flex;flex-direction:column;gap:.625rem}.rte-cp-custom__preview{display:flex;align-items:center;gap:.5rem}.rte-tb__builder{font-size:90%}.rte-tb__grid{display:flex;flex-direction:column;gap:.375rem;padding:.5rem}.rte-tb__row{display:flex;gap:.5rem}.rte-tb__cell{width:1rem;height:1rem;background-color:var(--rte-accent);box-shadow:0 0 0 1.5px var(--rte-border)}.rte-tb__cell--active{box-shadow:0 0 0 1.5px var(--rte-primary)}.rte-editor{all:unset;display:flex;flex-direction:column;border:1px solid var(--rte-border);border-radius:var(--rte-radius, .5rem);font-family:var( --rte-editor-font, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji );font-size:.875rem;line-height:1.25rem}.rte-editor--fullscreen{--rte-editor-max-height: auto;--rte-editor-min-height: auto;position:fixed;inset:0;z-index:50}.rte-editor__content{flex:1;position:relative;width:100%;margin:0 auto;font-size:var(--rte-editor-font-size, 1rem);line-height:var(--rte-editor-line-height, 1.75)}.rte-editor__container{cursor:text;display:flex;flex:1;position:relative;padding-inline:1rem;background-color:var(--rte-bg, #ffffff);color:var(--rte-fg, #1f2328);min-height:var(--rte-editor-min-height);max-height:var(--rte-editor-max-height);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--rte-editor-scrollbar, rgba(0, 0, 0, .2509803922)) transparent}.rte-editor__container:has(.cm-editor){padding-inline:1rem}.rte-editor__container:has(.cm-focused),.rte-editor__container:has(.ProseMirror-focused){border-radius:calc(var(--rte-radius, .5rem) * .75);box-shadow:0 0 0 2px var(--rte-primary)}.rte-menu-bar,.rte-status-bar{display:flex;align-items:center;min-height:2.75rem;background-color:var(--rte-bg, #ffffff);padding:.125rem}.rte-menu-bar{border-bottom:1px solid var(--rte-border);border-top-left-radius:var(--rte-radius, .5rem);border-top-right-radius:var(--rte-radius, .5rem)}.rte-status-bar{border-top:1px solid var(--rte-border);border-bottom-left-radius:var(--rte-radius, .5rem);border-bottom-right-radius:var(--rte-radius, .5rem)}.rte-status-bar .rte-counter{margin-left:auto;padding:.25rem .5rem;display:flex;align-items:center;gap:.75rem;font-weight:500;color:var(--rte-muted-fg)}.rte-menu__button{position:relative;padding-inline:.5rem}.rte-menu__button[data-active],.rte-menu__button[data-active]:hover{color:var(--rte-primary);background-color:var(--rte-accent)}.rte-menu__button:has(.rte-icon-arrow){width:auto;padding-inline:.25rem}.rte-menu__button:has(.rte-icon-arrow) .rte-button__text:first-child{margin-left:.25rem}.rte-menu__button .rte-icon-arrow{display:flex;align-items:center;justify-content:center;margin-left:.125rem}.rte-bubble-menu{border-radius:var(--rte-radius, .5rem);background-color:var(--rte-bubble, var(--rte-bg, #ffffff));box-shadow:var( --rte-shadow-2, 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px rgba(37, 41, 46, .0784313725), 0px 4px 32px -4px rgba(37, 41, 46, .0784313725), 0px 24px 48px -12px rgba(37, 41, 46, .0784313725), 0px 48px 96px -24px rgba(37, 41, 46, .0784313725) )}.rte-link__form{width:20rem;padding:1rem}.rte-link__label{font-weight:600}.rte-link__label:not(:first-child){margin-top:1rem}.rte-link__actions{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:1.125rem}.rte-link__actions button{padding-inline:1rem}.rte-text-alternative__form{min-width:22rem;display:flex;gap:.5rem;padding:.375rem .5rem}.rte-text-alternative__form input{flex:1;width:100%}.rte-heading-dropdown{min-width:10rem}.rte-heading-dropdown [data-heading=p]{font-size:.875rem;line-height:1.25rem}.rte-heading-dropdown [data-heading=h1]{font-size:1.5rem;line-height:2rem;font-weight:700}.rte-heading-dropdown [data-heading=h2]{font-size:1.25rem;line-height:1.75rem;font-weight:700}.rte-heading-dropdown [data-heading=h3]{font-size:1.125rem;line-height:1.75rem;font-weight:700}.rte-heading-dropdown [data-heading=h4]{font-size:1rem;line-height:1.5rem;font-weight:700}.rte-code-dropdown{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.rte-code-dropdown .code-search{height:2.25rem}.rte-code-dropdown .code-list{display:flex;flex-direction:column;gap:.25rem;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--rte-editor-scrollbar, rgba(0, 0, 0, .2509803922)) transparent}.rte-code-dropdown .code-item{position:relative;display:flex;align-items:center;gap:.5rem;padding:.375rem .375rem .375rem 1.75rem;border-radius:calc(var(--rte-radius, .5rem) * .75);cursor:pointer;font-size:.875rem;line-height:1.25rem}.rte-code-dropdown .code-item:hover{background-color:var(--rte-accent)}.rte-code-dropdown .code-item__indicator{position:absolute;left:.375rem}.ProseMirror-selectednode:has(iframe),img.ProseMirror-selectednode{box-shadow:0 0 0 3px var(--rte-bg, #ffffff),0 0 0 5px var(--rte-primary)}.ProseMirror{flex:1;outline:none;width:100%;white-space:pre-wrap;position:relative;padding-block:1.25rem}.ProseMirror[contenteditable=true] .ProseMirror-selectednode:has(iframe),.ProseMirror[contenteditable=true] img.ProseMirror-selectednode,.ProseMirror[contenteditable=true] img:has(+figcaption.ProseMirror-selectednode){box-shadow:0 0 0 3px var(--rte-bg, #ffffff),0 0 0 5px var(--rte-primary)}.ProseMirror.resize-cursor{cursor:col-resize}.ProseMirror>*{margin-top:1.25rem}.ProseMirror>*:first-child{margin-top:0}.ProseMirror [data-indent="1"]{text-indent:1em}.ProseMirror [data-indent="2"]{text-indent:2em}.ProseMirror [data-indent="3"]{text-indent:3em}.ProseMirror [data-indent="4"]{text-indent:4em}:where(.ProseMirror>p.is-editor-empty:first-child,figcaption.is-empty):before{content:attr(data-placeholder);float:left;color:var(--rte-muted-fg);pointer-events:none;width:100%;height:0}.ProseMirror ::selection,.ProseMirror .selection{background-color:var(--rte-editor-selection, tint-color(var(--rte-primary), .2))}.ProseMirror .selectedCell:after{z-index:2;position:absolute;content:"";inset:0;background-color:var(--rte-editor-selection, tint-color(var(--rte-primary), .2));pointer-events:none}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4{font-weight:700;margin-top:1.25rem}.ProseMirror h1{font-size:1.75em;margin-top:1.75rem}.ProseMirror h2{font-size:1.625em;margin-top:1.75rem}.ProseMirror h3{font-size:1.25em;margin-top:1.5rem}.ProseMirror h4{font-size:1em}.ProseMirror p{font-size:1em;line-height:1.75}.ProseMirror a{color:var(--rte-editor-link, var(--rte-primary));font-weight:600}.ProseMirror a:hover{text-decoration:underline}.ProseMirror a:not([href]){color:inherit;text-decoration:none;font-weight:400}.ProseMirror ul,.ProseMirror ol{padding-inline:2rem}.ProseMirror ul li,.ProseMirror ol li{margin-block:.375rem;padding-inline-start:.375rem}.ProseMirror ul{list-style-type:disc}.ProseMirror ol{list-style-type:decimal}.ProseMirror blockquote{padding:.375rem 1.25rem;font-style:italic;border-left:.25rem solid var(--rte-border)}.ProseMirror img,.ProseMirror iframe,.ProseMirror video{display:block;max-width:100%;height:auto;margin-inline:auto;cursor:default}.ProseMirror iframe{width:100%;margin:0 auto;pointer-events:none;aspect-ratio:16/9;position:relative}.ProseMirror figure{cursor:default;-webkit-user-select:none;user-select:none}.ProseMirror figcaption{font-size:90%;color:var(--rte-muted-fg);text-align:center;line-height:1.4;cursor:text;padding:.5rem 1.5rem .25rem;margin-bottom:-.25rem}.ProseMirror code,.ProseMirror kbd,.ProseMirror samp,.ProseMirror pre{font-family:var(--rte-editor-code-font, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);font-feature-settings:normal;font-variation-settings:normal}.ProseMirror code{background:var(--rte-editor-code-bg, #f6f8fa);border:1px solid var(--rte-border);border-radius:calc(var(--rte-radius, .5rem) * .75);padding:.15rem .3rem;font-size:90%}.ProseMirror pre{white-space:pre!important;tab-size:2;line-height:1.55;padding:.75rem 1.25rem;background:var(--rte-editor-code-bg, #f6f8fa);border:1px solid var(--rte-border);color:var(--rte-fg, #1f2328);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--rte-editor-scrollbar, rgba(0, 0, 0, .2509803922)) transparent}.ProseMirror pre code{background:transparent;padding:0;border:none}.ProseMirror .tableWrapper{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--rte-editor-scrollbar, rgba(0, 0, 0, .2509803922)) transparent}.ProseMirror table{border:1px solid var(--rte-border);font-size:90%;overflow:hidden;border-collapse:collapse;table-layout:fixed;margin-inline:auto}.ProseMirror table th,.ProseMirror table td{border:1px solid var(--rte-border);padding:.5rem .75rem;position:relative;vertical-align:top;text-align:left}.ProseMirror table th{background-color:var(--rte-muted)}.ProseMirror table .column-resize-handle{background-color:var(--rte-primary);bottom:-2px;pointer-events:none;position:absolute;right:-1px;top:0;width:3.5px;z-index:10}.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type{color:var(--rte-hljs-keyword)}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:var(--rte-hljs-function)}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-id,.hljs-variable.language_{color:var(--rte-hljs-variable)}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:var(--rte-hljs-string)}.hljs-built_in,.hljs-symbol,.hljs-params{color:var(--rte-hljs-builtin)}.hljs-code,.hljs-comment,.hljs-formula{color:var(--rte-hljs-comment)}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:var(--rte-hljs-markup)}.hljs-addition{color:var(--rte-hljs-inserted);background-color:#1b4721}.hljs-deletion{color:var(--rte-hljs-deleted);background-color:#78191b}.hljs-changed{color:var(--rte-hljs-changed)}.hljs-section{color:var(--rte-hljs-constant);font-weight:700}.hljs-emphasis{color:var(--rte-hljs-fg);font-style:italic}.hljs-strong{color:var(--rte-hljs-fg);font-weight:700}:root{--cm-tag: #1e66f5;--cm-comment: #6a737d;--cm-class: #6f42c1;--cm-variable: #df8e1d;--cm-keyword: #d73a49;--cm-string: #40a02b;--cm-name: #22863a;--cm-heading: #24292e;--cm-deleted: #b31d28;--cm-deleted-bg: #ffeef0;--cm-atom: #e36209;--cm-invalid: #cb2431}html.dark{--cm-tag: #f07178;--cm-comment: #8b949e;--cm-class: #d2a8ff;--cm-variable: #c792ea;--cm-keyword: #ff7b72;--cm-string: #c3e88d;--cm-name: #7ee787;--cm-heading: #d2a8ff;--cm-deleted: #ffdcd7;--cm-deleted-bg: #ffeef0;--cm-atom: #ffab70;--cm-invalid: #f97583}.cm-tag{color:var(--cm-tag)}.cm-comment{color:var(--cm-comment)}.cm-class{color:var(--cm-class)}.cm-variable{color:var(--cm-variable)}.cm-keyword{color:var(--cm-keyword)}.cm-string{color:var(--cm-string)}.cm-name{color:var(--cm-name)}.cm-heading{color:var(--cm-heading)}.cm-deleted{color:var(--cm-deleted);background-color:var(--cm-deleted-bg)}.cm-atom{color:var(--cm-atom)}.cm-invalid{color:var(--cm-invalid)}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "richtor",
3
3
  "private": false,
4
- "version": "1.0.2",
4
+ "version": "1.0.3",
5
5
  "type": "module",
6
6
  "description": "A beautiful and feature-rich WYSIWYG editor built with Tiptap and shadcn/ui",
7
7
  "author": "Jamir Hossain <jamir.hossain@example.com>",
@@ -33,7 +33,8 @@
33
33
  "require": "./dist/editor.umd.js",
34
34
  "types": "./dist/index.d.ts"
35
35
  },
36
- "./styles": "./dist/richtor.css"
36
+ "./styles": "./dist/richtor.css",
37
+ "./dist/richtor.css": "./dist/richtor.css"
37
38
  },
38
39
  "files": [
39
40
  "dist",