From 2edd798f606e6bc837a0d3408418545da60f70a1 Mon Sep 17 00:00:00 2001 From: Vincent Emonet Date: Fri, 13 Dec 2024 14:18:28 +0100 Subject: [PATCH] new release web component --- chat-with-context/README.md | 1 - chat-with-context/demo/index.html | 6 +- chat-with-context/package-lock.json | 4 +- chat-with-context/package.json | 2 +- chat-with-context/src/style.css | 2335 +++++++++++++-------------- 5 files changed, 1167 insertions(+), 1181 deletions(-) diff --git a/chat-with-context/README.md b/chat-with-context/README.md index 873218b..bf9e88b 100644 --- a/chat-with-context/README.md +++ b/chat-with-context/README.md @@ -112,4 +112,3 @@ Publish new version: ```sh npm version patch ``` - diff --git a/chat-with-context/demo/index.html b/chat-with-context/demo/index.html index bc9849c..4ff05fd 100644 --- a/chat-with-context/demo/index.html +++ b/chat-with-context/demo/index.html @@ -58,11 +58,7 @@

- +
diff --git a/chat-with-context/package-lock.json b/chat-with-context/package-lock.json index 513e6a3..31aef3a 100644 --- a/chat-with-context/package-lock.json +++ b/chat-with-context/package-lock.json @@ -1,12 +1,12 @@ { "name": "@sib-swiss/chat-with-context", - "version": "0.0.3", + "version": "0.0.4", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@sib-swiss/chat-with-context", - "version": "0.0.3", + "version": "0.0.4", "license": "MIT", "dependencies": { "dompurify": "^3.2.3", diff --git a/chat-with-context/package.json b/chat-with-context/package.json index 67522a1..aa84d19 100644 --- a/chat-with-context/package.json +++ b/chat-with-context/package.json @@ -1,6 +1,6 @@ { "name": "@sib-swiss/chat-with-context", - "version": "0.0.3", + "version": "0.0.4", "description": "A web component to easily deploy a chat with context.", "license": "MIT", "author": { diff --git a/chat-with-context/src/style.css b/chat-with-context/src/style.css index 4114f84..2b28111 100644 --- a/chat-with-context/src/style.css +++ b/chat-with-context/src/style.css @@ -1,142 +1,140 @@ chat-with-context { - *, - ::before, - ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; - --tw-contain-size: ; - --tw-contain-layout: ; - --tw-contain-paint: ; - --tw-contain-style: ; - } +*, ::before, ::after { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} - ::backdrop { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; - --tw-contain-size: ; - --tw-contain-layout: ; - --tw-contain-paint: ; - --tw-contain-style: ; - } +::backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} - /* +/* ! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com */ - /* +/* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ - *, - ::before, - ::after { - box-sizing: border-box; - /* 1 */ - border-width: 0; - /* 2 */ - border-style: solid; - /* 2 */ - border-color: #e5e7eb; - /* 2 */ - } +*, +::before, +::after { + box-sizing: border-box; + /* 1 */ + border-width: 0; + /* 2 */ + border-style: solid; + /* 2 */ + border-color: #e5e7eb; + /* 2 */ +} - ::before, - ::after { - --tw-content: ""; - } +::before, +::after { + --tw-content: ''; +} - /* +/* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. @@ -146,1381 +144,1374 @@ chat-with-context { 7. Disable tap highlights on iOS */ - html, - :host { - line-height: 1.5; - /* 1 */ - -webkit-text-size-adjust: 100%; - /* 2 */ - -moz-tab-size: 4; - /* 3 */ - -o-tab-size: 4; - tab-size: 4; - /* 3 */ - font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", - "Noto Color Emoji"; - /* 4 */ - font-feature-settings: normal; - /* 5 */ - font-variation-settings: normal; - /* 6 */ - -webkit-tap-highlight-color: transparent; - /* 7 */ - } +html, +:host { + line-height: 1.5; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ + -moz-tab-size: 4; + /* 3 */ + -o-tab-size: 4; + tab-size: 4; + /* 3 */ + font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + /* 4 */ + font-feature-settings: normal; + /* 5 */ + font-variation-settings: normal; + /* 6 */ + -webkit-tap-highlight-color: transparent; + /* 7 */ +} - /* +/* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ - body { - margin: 0; - /* 1 */ - line-height: inherit; - /* 2 */ - } +body { + margin: 0; + /* 1 */ + line-height: inherit; + /* 2 */ +} - /* +/* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ - hr { - height: 0; - /* 1 */ - color: inherit; - /* 2 */ - border-top-width: 1px; - /* 3 */ - } +hr { + height: 0; + /* 1 */ + color: inherit; + /* 2 */ + border-top-width: 1px; + /* 3 */ +} - /* +/* Add the correct text decoration in Chrome, Edge, and Safari. */ - abbr:where([title]) { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; - } +abbr:where([title]) { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} - /* +/* Remove the default font size and weight for headings. */ - h1, - h2, - h3, - h4, - h5, - h6 { - font-size: inherit; - font-weight: inherit; - } +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: inherit; + font-weight: inherit; +} - /* +/* Reset links to optimize for opt-in styling instead of opt-out. */ - a { - color: inherit; - text-decoration: inherit; - } +a { + color: inherit; + text-decoration: inherit; +} - /* +/* Add the correct font weight in Edge and Safari. */ - b, - strong { - font-weight: bolder; - } +b, +strong { + font-weight: bolder; +} - /* +/* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ - code, - kbd, - samp, - pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - /* 1 */ - font-feature-settings: normal; - /* 2 */ - font-variation-settings: normal; - /* 3 */ - font-size: 1em; - /* 4 */ - } +code, +kbd, +samp, +pre { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + /* 1 */ + font-feature-settings: normal; + /* 2 */ + font-variation-settings: normal; + /* 3 */ + font-size: 1em; + /* 4 */ +} - /* +/* Add the correct font size in all browsers. */ - small { - font-size: 80%; - } +small { + font-size: 80%; +} - /* +/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ - sub, - sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; - } +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} - sub { - bottom: -0.25em; - } +sub { + bottom: -0.25em; +} - sup { - top: -0.5em; - } +sup { + top: -0.5em; +} - /* +/* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ - table { - text-indent: 0; - /* 1 */ - border-color: inherit; - /* 2 */ - border-collapse: collapse; - /* 3 */ - } +table { + text-indent: 0; + /* 1 */ + border-color: inherit; + /* 2 */ + border-collapse: collapse; + /* 3 */ +} - /* +/* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ - button, - input, - optgroup, - select, - textarea { - font-family: inherit; - /* 1 */ - font-feature-settings: inherit; - /* 1 */ - font-variation-settings: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - font-weight: inherit; - /* 1 */ - line-height: inherit; - /* 1 */ - letter-spacing: inherit; - /* 1 */ - color: inherit; - /* 1 */ - margin: 0; - /* 2 */ - padding: 0; - /* 3 */ - } +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + /* 1 */ + font-feature-settings: inherit; + /* 1 */ + font-variation-settings: inherit; + /* 1 */ + font-size: 100%; + /* 1 */ + font-weight: inherit; + /* 1 */ + line-height: inherit; + /* 1 */ + letter-spacing: inherit; + /* 1 */ + color: inherit; + /* 1 */ + margin: 0; + /* 2 */ + padding: 0; + /* 3 */ +} - /* +/* Remove the inheritance of text transform in Edge and Firefox. */ - button, - select { - text-transform: none; - } +button, +select { + text-transform: none; +} - /* +/* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ - button, - input:where([type="button"]), - input:where([type="reset"]), - input:where([type="submit"]) { - -webkit-appearance: button; - /* 1 */ - background-color: transparent; - /* 2 */ - background-image: none; - /* 2 */ - } +button, +input:where([type='button']), +input:where([type='reset']), +input:where([type='submit']) { + -webkit-appearance: button; + /* 1 */ + background-color: transparent; + /* 2 */ + background-image: none; + /* 2 */ +} - /* +/* Use the modern Firefox focus style for all focusable elements. */ - :-moz-focusring { - outline: auto; - } +:-moz-focusring { + outline: auto; +} - /* +/* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ - :-moz-ui-invalid { - box-shadow: none; - } +:-moz-ui-invalid { + box-shadow: none; +} - /* +/* Add the correct vertical alignment in Chrome and Firefox. */ - progress { - vertical-align: baseline; - } +progress { + vertical-align: baseline; +} - /* +/* Correct the cursor style of increment and decrement buttons in Safari. */ - ::-webkit-inner-spin-button, - ::-webkit-outer-spin-button { - height: auto; - } +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} - /* +/* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ - [type="search"] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ - } +[type='search'] { + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ +} - /* +/* Remove the inner padding in Chrome and Safari on macOS. */ - ::-webkit-search-decoration { - -webkit-appearance: none; - } +::-webkit-search-decoration { + -webkit-appearance: none; +} - /* +/* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ - ::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ - } +::-webkit-file-upload-button { + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ +} - /* +/* Add the correct display in Chrome and Safari. */ - summary { - display: list-item; - } +summary { + display: list-item; +} - /* +/* Removes the default spacing and border for appropriate elements. */ - blockquote, - dl, - dd, - h1, - h2, - h3, - h4, - h5, - h6, - hr, - figure, - p, - pre { - margin: 0; - } +blockquote, +dl, +dd, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +figure, +p, +pre { + margin: 0; +} - fieldset { - margin: 0; - padding: 0; - } +fieldset { + margin: 0; + padding: 0; +} - legend { - padding: 0; - } +legend { + padding: 0; +} - ol, - ul, - menu { - list-style: none; - margin: 0; - padding: 0; - } +ol, +ul, +menu { + list-style: none; + margin: 0; + padding: 0; +} - /* +/* Reset default styling for dialogs. */ - dialog { - padding: 0; - } +dialog { + padding: 0; +} - /* +/* Prevent resizing textareas horizontally by default. */ - textarea { - resize: vertical; - } +textarea { + resize: vertical; +} - /* +/* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ - input::-moz-placeholder, - textarea::-moz-placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ - } +input::-moz-placeholder, textarea::-moz-placeholder { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ +} - input::placeholder, - textarea::placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ - } +input::placeholder, +textarea::placeholder { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ +} - /* +/* Set the default cursor for buttons. */ - button, - [role="button"] { - cursor: pointer; - } +button, +[role="button"] { + cursor: pointer; +} - /* +/* Make sure disabled buttons don't get the pointer cursor. */ - :disabled { - cursor: default; - } +:disabled { + cursor: default; +} - /* +/* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ - img, - svg, - video, - canvas, - audio, - iframe, - embed, - object { - display: block; - /* 1 */ - vertical-align: middle; - /* 2 */ - } +img, +svg, +video, +canvas, +audio, +iframe, +embed, +object { + display: block; + /* 1 */ + vertical-align: middle; + /* 2 */ +} - /* +/* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ - img, - video { - max-width: 100%; - height: auto; - } - - /* Make elements with the HTML hidden attribute stay hidden by default */ +img, +video { + max-width: 100%; + height: auto; +} - [hidden]:where(:not([hidden="until-found"])) { - display: none; - } +/* Make elements with the HTML hidden attribute stay hidden by default */ - .container { - width: 100%; - } +[hidden]:where(:not([hidden="until-found"])) { + display: none; +} - @media (min-width: 640px) { - .container { - max-width: 640px; - } - } +.container { + width: 100%; +} - @media (min-width: 768px) { - .container { - max-width: 768px; - } +@media (min-width: 640px) { + .container { + max-width: 640px; } +} - @media (min-width: 1024px) { - .container { - max-width: 1024px; - } +@media (min-width: 768px) { + .container { + max-width: 768px; } +} - @media (min-width: 1280px) { - .container { - max-width: 1280px; - } +@media (min-width: 1024px) { + .container { + max-width: 1024px; } +} - @media (min-width: 1536px) { - .container { - max-width: 1536px; - } +@media (min-width: 1280px) { + .container { + max-width: 1280px; } +} - .prose { - color: var(--tw-prose-body); - max-width: 65ch; +@media (min-width: 1536px) { + .container { + max-width: 1536px; } +} - .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-top: 1.25em; - margin-bottom: 1.25em; - } +.prose { + color: var(--tw-prose-body); + max-width: 65ch; +} - .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: var(--tw-prose-lead); - font-size: 1.25em; - line-height: 1.6; - margin-top: 1.2em; - margin-bottom: 1.2em; - } +.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 1.25em; + margin-bottom: 1.25em; +} - .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: var(--tw-prose-links); - text-decoration: underline; - font-weight: 500; - } +.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-lead); + font-size: 1.25em; + line-height: 1.6; + margin-top: 1.2em; + margin-bottom: 1.2em; +} - .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: var(--tw-prose-bold); - font-weight: 600; - } +.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-links); + text-decoration: underline; + font-weight: 500; +} - .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: inherit; - } +.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-bold); + font-weight: 600; +} - .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: inherit; - } +.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; +} - .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: inherit; - } +.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; +} - .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - list-style-type: decimal; - margin-top: 1.25em; - margin-bottom: 1.25em; - padding-inline-start: 1.625em; - } +.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; +} - .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - list-style-type: upper-alpha; - } +.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: decimal; + margin-top: 1.25em; + margin-bottom: 1.25em; + padding-inline-start: 1.625em; +} - .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - list-style-type: lower-alpha; - } +.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: upper-alpha; +} - .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - list-style-type: upper-alpha; - } +.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: lower-alpha; +} - .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - list-style-type: lower-alpha; - } +.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: upper-alpha; +} - .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - list-style-type: upper-roman; - } +.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: lower-alpha; +} - .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - list-style-type: lower-roman; - } +.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: upper-roman; +} - .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - list-style-type: upper-roman; - } +.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: lower-roman; +} - .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - list-style-type: lower-roman; - } +.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: upper-roman; +} - .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - list-style-type: decimal; - } +.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: lower-roman; +} - .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - list-style-type: disc; - margin-top: 1.25em; - margin-bottom: 1.25em; - padding-inline-start: 1.625em; - } +.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: decimal; +} - .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { - font-weight: 400; - color: var(--tw-prose-counters); - } +.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: disc; + margin-top: 1.25em; + margin-bottom: 1.25em; + padding-inline-start: 1.625em; +} - .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { - color: var(--tw-prose-bullets); - } +.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { + font-weight: 400; + color: var(--tw-prose-counters); +} - .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 600; - margin-top: 1.25em; - } +.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { + color: var(--tw-prose-bullets); +} - .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - border-color: var(--tw-prose-hr); - border-top-width: 1px; - margin-top: 3em; - margin-bottom: 3em; - } +.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-headings); + font-weight: 600; + margin-top: 1.25em; +} - .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - font-weight: 500; - font-style: italic; - color: var(--tw-prose-quotes); - border-inline-start-width: 0.25rem; - border-inline-start-color: var(--tw-prose-quote-borders); - quotes: "\201C" "\201D" "\2018" "\2019"; - margin-top: 1.6em; - margin-bottom: 1.6em; - padding-inline-start: 1em; - } +.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + border-color: var(--tw-prose-hr); + border-top-width: 1px; + margin-top: 3em; + margin-bottom: 3em; +} - .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::before { - content: open-quote; - } +.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + font-weight: 500; + font-style: italic; + color: var(--tw-prose-quotes); + border-inline-start-width: 0.25rem; + border-inline-start-color: var(--tw-prose-quote-borders); + quotes: "\201C""\201D""\2018""\2019"; + margin-top: 1.6em; + margin-bottom: 1.6em; + padding-inline-start: 1em; +} - .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { - content: close-quote; - } +.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { + content: open-quote; +} - .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 800; - font-size: 2.25em; - margin-top: 0; - margin-bottom: 0.8888889em; - line-height: 1.1111111; - } +.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { + content: close-quote; +} - .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - font-weight: 900; - color: inherit; - } +.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-headings); + font-weight: 800; + font-size: 2.25em; + margin-top: 0; + margin-bottom: 0.8888889em; + line-height: 1.1111111; +} - .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 700; - font-size: 1.5em; - margin-top: 2em; - margin-bottom: 1em; - line-height: 1.3333333; - } +.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + font-weight: 900; + color: inherit; +} - .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - font-weight: 800; - color: inherit; - } +.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-headings); + font-weight: 700; + font-size: 1.5em; + margin-top: 2em; + margin-bottom: 1em; + line-height: 1.3333333; +} - .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 600; - font-size: 1.25em; - margin-top: 1.6em; - margin-bottom: 0.6em; - line-height: 1.6; - } +.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + font-weight: 800; + color: inherit; +} - .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - font-weight: 700; - color: inherit; - } +.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-headings); + font-weight: 600; + font-size: 1.25em; + margin-top: 1.6em; + margin-bottom: 0.6em; + line-height: 1.6; +} - .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 600; - margin-top: 1.5em; - margin-bottom: 0.5em; - line-height: 1.5; - } +.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + font-weight: 700; + color: inherit; +} - .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - font-weight: 700; - color: inherit; - } +.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-headings); + font-weight: 600; + margin-top: 1.5em; + margin-bottom: 0.5em; + line-height: 1.5; +} - .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-top: 2em; - margin-bottom: 2em; - } +.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + font-weight: 700; + color: inherit; +} - .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - display: block; - margin-top: 2em; - margin-bottom: 2em; - } +.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 2em; + margin-bottom: 2em; +} - .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-top: 2em; - margin-bottom: 2em; - } +.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + display: block; + margin-top: 2em; + margin-bottom: 2em; +} - .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - font-weight: 500; - font-family: inherit; - color: var(--tw-prose-kbd); - box-shadow: - 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), - 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); - font-size: 0.875em; - border-radius: 0.3125rem; - padding-top: 0.1875em; - padding-inline-end: 0.375em; - padding-bottom: 0.1875em; - padding-inline-start: 0.375em; - } +.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 2em; + margin-bottom: 2em; +} - .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: var(--tw-prose-pre-code); - font-weight: 600; - font-size: 0.875em; - border-radius: 0.375rem; - padding: 0.35em; - background-color: var(--tw-prose-pre-bg); - font-weight: normal; - } +.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + font-weight: 500; + font-family: inherit; + color: var(--tw-prose-kbd); + box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); + font-size: 0.875em; + border-radius: 0.3125rem; + padding-top: 0.1875em; + padding-inline-end: 0.375em; + padding-bottom: 0.1875em; + padding-inline-start: 0.375em; +} - .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before { - content: ""; - } +.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-pre-code); + font-weight: 600; + font-size: 0.875em; + border-radius: 0.375rem; + padding: 0.35em; + background-color: var(--tw-prose-pre-bg); + font-weight: normal; +} - .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { - content: ""; - } +.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { + content: ""; +} - .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: inherit; - } +.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { + content: ""; +} - .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: inherit; - } +.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; +} - .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: inherit; - font-size: 0.875em; - } +.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; +} - .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: inherit; - font-size: 0.9em; - } +.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; + font-size: 0.875em; +} - .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: inherit; - } +.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; + font-size: 0.9em; +} - .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: inherit; - } +.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; +} - .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: inherit; - } +.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; +} - .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: var(--tw-prose-pre-code); - background-color: var(--tw-prose-pre-bg); - overflow-x: auto; - font-weight: 400; - font-size: 0.875em; - line-height: 1.7142857; - margin-top: 1.7142857em; - margin-bottom: 1.7142857em; - border-radius: 0.375rem; - padding-top: 0.8571429em; - padding-inline-end: 1.1428571em; - padding-bottom: 0.8571429em; - padding-inline-start: 1.1428571em; - } +.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; +} - .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - background-color: transparent; - border-width: 0; - border-radius: 0; - padding: 0; - font-weight: inherit; - color: inherit; - font-size: inherit; - font-family: inherit; - line-height: inherit; - } +.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-pre-code); + background-color: var(--tw-prose-pre-bg); + overflow-x: auto; + font-weight: 400; + font-size: 0.875em; + line-height: 1.7142857; + margin-top: 1.7142857em; + margin-bottom: 1.7142857em; + border-radius: 0.375rem; + padding-top: 0.8571429em; + padding-inline-end: 1.1428571em; + padding-bottom: 0.8571429em; + padding-inline-start: 1.1428571em; +} - .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before { - content: none; - } +.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + background-color: transparent; + border-width: 0; + border-radius: 0; + padding: 0; + font-weight: inherit; + color: inherit; + font-size: inherit; + font-family: inherit; + line-height: inherit; +} - .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { - content: none; - } +.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { + content: none; +} - .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - width: 100%; - table-layout: auto; - margin-top: 2em; - margin-bottom: 2em; - font-size: 0.875em; - line-height: 1.7142857; - } +.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { + content: none; +} - .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - border-bottom-width: 1px; - border-bottom-color: var(--tw-prose-th-borders); - } +.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + width: 100%; + table-layout: auto; + margin-top: 2em; + margin-bottom: 2em; + font-size: 0.875em; + line-height: 1.7142857; +} - .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 600; - vertical-align: bottom; - padding-inline-end: 0.5714286em; - padding-bottom: 0.5714286em; - padding-inline-start: 0.5714286em; - } +.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + border-bottom-width: 1px; + border-bottom-color: var(--tw-prose-th-borders); +} - .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - border-bottom-width: 1px; - border-bottom-color: var(--tw-prose-td-borders); - } +.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-headings); + font-weight: 600; + vertical-align: bottom; + padding-inline-end: 0.5714286em; + padding-bottom: 0.5714286em; + padding-inline-start: 0.5714286em; +} - .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - border-bottom-width: 0; - } +.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + border-bottom-width: 1px; + border-bottom-color: var(--tw-prose-td-borders); +} - .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - vertical-align: baseline; - } +.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + border-bottom-width: 0; +} - .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - border-top-width: 1px; - border-top-color: var(--tw-prose-th-borders); - } +.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + vertical-align: baseline; +} - .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - vertical-align: top; - } +.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + border-top-width: 1px; + border-top-color: var(--tw-prose-th-borders); +} - .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - text-align: start; - } +.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + vertical-align: top; +} - .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-top: 0; - margin-bottom: 0; - } +.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + text-align: start; +} - .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - color: var(--tw-prose-captions); - font-size: 0.875em; - line-height: 1.4285714; - margin-top: 0.8571429em; - } +.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; + margin-bottom: 0; +} - .prose { - --tw-prose-body: #374151; - --tw-prose-headings: #111827; - --tw-prose-lead: #4b5563; - --tw-prose-links: #111827; - --tw-prose-bold: #111827; - --tw-prose-counters: #6b7280; - --tw-prose-bullets: #d1d5db; - --tw-prose-hr: #e5e7eb; - --tw-prose-quotes: #111827; - --tw-prose-quote-borders: #e5e7eb; - --tw-prose-captions: #6b7280; - --tw-prose-kbd: #111827; - --tw-prose-kbd-shadows: 17 24 39; - --tw-prose-code: #111827; - --tw-prose-pre-code: #e5e7eb; - --tw-prose-pre-bg: #1f2937; - --tw-prose-th-borders: #d1d5db; - --tw-prose-td-borders: #e5e7eb; - --tw-prose-invert-body: #d1d5db; - --tw-prose-invert-headings: #fff; - --tw-prose-invert-lead: #9ca3af; - --tw-prose-invert-links: #fff; - --tw-prose-invert-bold: #fff; - --tw-prose-invert-counters: #9ca3af; - --tw-prose-invert-bullets: #4b5563; - --tw-prose-invert-hr: #374151; - --tw-prose-invert-quotes: #f3f4f6; - --tw-prose-invert-quote-borders: #374151; - --tw-prose-invert-captions: #9ca3af; - --tw-prose-invert-kbd: #fff; - --tw-prose-invert-kbd-shadows: 255 255 255; - --tw-prose-invert-code: #fff; - --tw-prose-invert-pre-code: #d1d5db; - --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); - --tw-prose-invert-th-borders: #4b5563; - --tw-prose-invert-td-borders: #374151; - font-size: 1rem; - line-height: 1.75; - } +.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-captions); + font-size: 0.875em; + line-height: 1.4285714; + margin-top: 0.8571429em; +} - .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-top: 0; - margin-bottom: 0; - } +.prose { + --tw-prose-body: #374151; + --tw-prose-headings: #111827; + --tw-prose-lead: #4b5563; + --tw-prose-links: #111827; + --tw-prose-bold: #111827; + --tw-prose-counters: #6b7280; + --tw-prose-bullets: #d1d5db; + --tw-prose-hr: #e5e7eb; + --tw-prose-quotes: #111827; + --tw-prose-quote-borders: #e5e7eb; + --tw-prose-captions: #6b7280; + --tw-prose-kbd: #111827; + --tw-prose-kbd-shadows: 17 24 39; + --tw-prose-code: #111827; + --tw-prose-pre-code: #e5e7eb; + --tw-prose-pre-bg: #1f2937; + --tw-prose-th-borders: #d1d5db; + --tw-prose-td-borders: #e5e7eb; + --tw-prose-invert-body: #d1d5db; + --tw-prose-invert-headings: #fff; + --tw-prose-invert-lead: #9ca3af; + --tw-prose-invert-links: #fff; + --tw-prose-invert-bold: #fff; + --tw-prose-invert-counters: #9ca3af; + --tw-prose-invert-bullets: #4b5563; + --tw-prose-invert-hr: #374151; + --tw-prose-invert-quotes: #f3f4f6; + --tw-prose-invert-quote-borders: #374151; + --tw-prose-invert-captions: #9ca3af; + --tw-prose-invert-kbd: #fff; + --tw-prose-invert-kbd-shadows: 255 255 255; + --tw-prose-invert-code: #fff; + --tw-prose-invert-pre-code: #d1d5db; + --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); + --tw-prose-invert-th-borders: #4b5563; + --tw-prose-invert-td-borders: #374151; + font-size: 1rem; + line-height: 1.75; +} - .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-top: 0.5em; - margin-bottom: 0.5em; - } +.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; + margin-bottom: 0; +} - .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - padding-inline-start: 0.375em; - } +.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0.5em; + margin-bottom: 0.5em; +} - .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - padding-inline-start: 0.375em; - } +.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + padding-inline-start: 0.375em; +} - .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-top: 0.75em; - margin-bottom: 0.75em; - } +.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + padding-inline-start: 0.375em; +} - .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-top: 1.25em; - } +.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0.75em; + margin-bottom: 0.75em; +} - .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-bottom: 1.25em; - } +.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 1.25em; +} - .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-top: 1.25em; - } +.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-bottom: 1.25em; +} - .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-bottom: 1.25em; - } +.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 1.25em; +} - .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-top: 0.75em; - margin-bottom: 0.75em; - } +.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-bottom: 1.25em; +} - .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-top: 1.25em; - margin-bottom: 1.25em; - } +.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0.75em; + margin-bottom: 0.75em; +} - .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-top: 0.5em; - padding-inline-start: 1.625em; - } +.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 1.25em; + margin-bottom: 1.25em; +} - .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-top: 0; - } +.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0.5em; + padding-inline-start: 1.625em; +} - .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-top: 0; - } +.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; +} - .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-top: 0; - } +.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; +} - .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-top: 0; - } +.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; +} - .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - padding-inline-start: 0; - } +.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; +} - .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - padding-inline-end: 0; - } +.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + padding-inline-start: 0; +} - .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - padding-top: 0.5714286em; - padding-inline-end: 0.5714286em; - padding-bottom: 0.5714286em; - padding-inline-start: 0.5714286em; - } +.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + padding-inline-end: 0; +} - .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - padding-inline-start: 0; - } +.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + padding-top: 0.5714286em; + padding-inline-end: 0.5714286em; + padding-bottom: 0.5714286em; + padding-inline-start: 0.5714286em; +} - .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - padding-inline-end: 0; - } +.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + padding-inline-start: 0; +} - .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-top: 2em; - margin-bottom: 2em; - } +.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + padding-inline-end: 0; +} - .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-top: 0; - } +.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 2em; + margin-bottom: 2em; +} - .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { - margin-bottom: 0; - } +.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; +} - .fixed { - position: fixed; - } +.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-bottom: 0; +} - .relative { - position: relative; - } +.fixed { + position: fixed; +} - .right-8 { - right: 2rem; - } +.relative { + position: relative; +} - .top-2 { - top: 0.5rem; - } +.right-8 { + right: 2rem; +} - .m-1 { - margin: 0.25rem; - } +.top-2 { + top: 0.5rem; +} - .m-3 { - margin: 0.75rem; - } +.m-1 { + margin: 0.25rem; +} - .mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; - } +.m-3 { + margin: 0.75rem; +} - .mx-auto { - margin-left: auto; - margin-right: auto; - } +.mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; +} - .my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; - } +.mx-auto { + margin-left: auto; + margin-right: auto; +} - .mb-2 { - margin-bottom: 0.5rem; - } +.my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; +} - .mb-5 { - margin-bottom: 1.25rem; - } +.mb-2 { + margin-bottom: 0.5rem; +} - .ml-2 { - margin-left: 0.5rem; - } +.mb-5 { + margin-bottom: 1.25rem; +} - .ml-3 { - margin-left: 0.75rem; - } +.ml-2 { + margin-left: 0.5rem; +} - .ml-4 { - margin-left: 1rem; - } +.ml-3 { + margin-left: 0.75rem; +} - .mr-1 { - margin-right: 0.25rem; - } +.ml-4 { + margin-left: 1rem; +} - .mr-2 { - margin-right: 0.5rem; - } +.mr-1 { + margin-right: 0.25rem; +} - .block { - display: block; - } +.mr-2 { + margin-right: 0.5rem; +} - .inline-block { - display: inline-block; - } +.block { + display: block; +} - .flex { - display: flex; - } +.inline-block { + display: inline-block; +} - .hidden { - display: none; - } +.flex { + display: flex; +} - .h-auto { - height: auto; - } +.hidden { + display: none; +} - .h-full { - height: 100%; - } +.h-auto { + height: auto; +} - .h-screen { - height: 100vh; - } +.h-full { + height: 100%; +} - .w-full { - width: 100%; - } +.h-screen { + height: 100vh; +} - .max-w-5xl { - max-width: 64rem; - } +.w-full { + width: 100%; +} - .max-w-6xl { - max-width: 72rem; - } +.max-w-5xl { + max-width: 64rem; +} - .max-w-full { - max-width: 100%; - } +.max-w-6xl { + max-width: 72rem; +} - .flex-grow { - flex-grow: 1; - } +.max-w-full { + max-width: 100%; +} - .transform { - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) - skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - } +.flex-grow { + flex-grow: 1; +} - @keyframes spin { - to { - transform: rotate(360deg); - } - } +.transform { + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} - .animate-spin { - animation: spin 1s linear infinite; +@keyframes spin { + to { + transform: rotate(360deg); } +} - .resize-none { - resize: none; - } +.animate-spin { + animation: spin 1s linear infinite; +} - .flex-row { - flex-direction: row; - } +.resize-none { + resize: none; +} - .flex-col { - flex-direction: column; - } +.flex-row { + flex-direction: row; +} - .items-end { - align-items: flex-end; - } +.flex-col { + flex-direction: column; +} - .items-center { - align-items: center; - } +.items-end { + align-items: flex-end; +} - .justify-end { - justify-content: flex-end; - } +.items-center { + align-items: center; +} - .justify-center { - justify-content: center; - } +.justify-end { + justify-content: flex-end; +} - .space-y-2 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); - } +.justify-center { + justify-content: center; +} - .overflow-y-auto { - overflow-y: auto; - } +.space-y-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} - .overflow-y-hidden { - overflow-y: hidden; - } +.overflow-y-auto { + overflow-y: auto; +} - .rounded-3xl { - border-radius: 1.5rem; - } +.overflow-y-hidden { + overflow-y: hidden; +} - .rounded-full { - border-radius: 9999px; - } +.rounded-3xl { + border-radius: 1.5rem; +} - .rounded-lg { - border-radius: 0.5rem; - } +.rounded-full { + border-radius: 9999px; +} - .border { - border-width: 1px; - } +.rounded-lg { + border-radius: 0.5rem; +} - .border-b { - border-bottom-width: 1px; - } +.border { + border-width: 1px; +} - .border-t { - border-top-width: 1px; - } +.border-b { + border-bottom-width: 1px; +} - .border-slate-400 { - --tw-border-opacity: 1; - border-color: rgb(148 163 184 / var(--tw-border-opacity, 1)); - } +.border-t { + border-top-width: 1px; +} - .bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); - } +.border-slate-400 { + --tw-border-opacity: 1; + border-color: rgb(148 163 184 / var(--tw-border-opacity, 1)); +} - .bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); - } +.bg-gray-200 { + --tw-bg-opacity: 1; + background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); +} - .bg-orange-300 { - --tw-bg-opacity: 1; - background-color: rgb(253 186 116 / var(--tw-bg-opacity, 1)); - } +.bg-gray-300 { + --tw-bg-opacity: 1; + background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); +} - .bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); - } +.bg-orange-300 { + --tw-bg-opacity: 1; + background-color: rgb(253 186 116 / var(--tw-bg-opacity, 1)); +} - .bg-slate-200 { - --tw-bg-opacity: 1; - background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); - } +.bg-red-600 { + --tw-bg-opacity: 1; + background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); +} - .bg-white { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); - } +.bg-slate-200 { + --tw-bg-opacity: 1; + background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); +} - .p-2 { - padding: 0.5rem; - } +.bg-white { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); +} - .p-3 { - padding: 0.75rem; - } +.p-2 { + padding: 0.5rem; +} - .px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; - } +.p-3 { + padding: 0.75rem; +} - .px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; - } +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} - .px-4 { - padding-left: 1rem; - padding-right: 1rem; - } +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} - .px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; - } +.px-4 { + padding-left: 1rem; + padding-right: 1rem; +} - .py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; - } +.px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; +} - .py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - } +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} - .py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; - } +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} - .pb-5 { - padding-bottom: 1.25rem; - } +.py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; +} - .pt-5 { - padding-top: 1.25rem; - } +.pb-5 { + padding-bottom: 1.25rem; +} - .text-center { - text-align: center; - } +.pt-5 { + padding-top: 1.25rem; +} - .align-middle { - vertical-align: middle; - } +.text-center { + text-align: center; +} - .text-sm { - font-size: 0.875rem; - line-height: 1.25rem; - } +.align-middle { + vertical-align: middle; +} - .text-xl { - font-size: 1.25rem; - line-height: 1.75rem; - } +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} - .font-semibold { - font-weight: 600; - } +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} - .text-black { - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity, 1)); - } +.font-semibold { + font-weight: 600; +} - .text-orange-900 { - --tw-text-opacity: 1; - color: rgb(124 45 18 / var(--tw-text-opacity, 1)); - } +.text-black { + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity, 1)); +} - .text-slate-500 { - --tw-text-opacity: 1; - color: rgb(100 116 139 / var(--tw-text-opacity, 1)); - } +.text-orange-900 { + --tw-text-opacity: 1; + color: rgb(124 45 18 / var(--tw-text-opacity, 1)); +} - .text-slate-600 { - --tw-text-opacity: 1; - color: rgb(71 85 105 / var(--tw-text-opacity, 1)); - } +.text-slate-500 { + --tw-text-opacity: 1; + color: rgb(100 116 139 / var(--tw-text-opacity, 1)); +} - .text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity, 1)); - } +.text-slate-600 { + --tw-text-opacity: 1; + color: rgb(71 85 105 / var(--tw-text-opacity, 1)); +} - .shadow-md { - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); +} - .filter { - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) - var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - } +.shadow-md { + --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} - .hover\:bg-gray-300:hover { - --tw-bg-opacity: 1; - background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); - } +.filter { + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} - .hover\:bg-gray-400:hover { - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); - } +.hover\:bg-gray-300:hover { + --tw-bg-opacity: 1; + background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); +} - .hover\:text-black:hover { - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity, 1)); - } +.hover\:bg-gray-400:hover { + --tw-bg-opacity: 1; + background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); +} - .hover\:text-inherit:hover { - color: inherit; - } +.hover\:text-black:hover { + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity, 1)); +} - .focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; - } +.hover\:text-inherit:hover { + color: inherit; +} - .focus\:ring:focus { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); - } +.focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} - .focus\:ring-blue-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1)); - } +.focus\:ring:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} - .dark\:border-slate-500:where(.dark, .dark *) { - --tw-border-opacity: 1; - border-color: rgb(100 116 139 / var(--tw-border-opacity, 1)); - } +.focus\:ring-blue-200:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1)); +} - .dark\:bg-gray-700:where(.dark, .dark *) { - --tw-bg-opacity: 1; - background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); - } +.dark\:border-slate-500:where(.dark, .dark *) { + --tw-border-opacity: 1; + border-color: rgb(100 116 139 / var(--tw-border-opacity, 1)); +} - .dark\:bg-gray-800:where(.dark, .dark *) { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); - } +.dark\:bg-gray-700:where(.dark, .dark *) { + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); +} - .dark\:bg-slate-700:where(.dark, .dark *) { - --tw-bg-opacity: 1; - background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); - } +.dark\:bg-gray-800:where(.dark, .dark *) { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); +} - .dark\:text-slate-400:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(148 163 184 / var(--tw-text-opacity, 1)); - } +.dark\:bg-slate-700:where(.dark, .dark *) { + --tw-bg-opacity: 1; + background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); +} - .dark\:text-white:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity, 1)); - } +.dark\:text-slate-400:where(.dark, .dark *) { + --tw-text-opacity: 1; + color: rgb(148 163 184 / var(--tw-text-opacity, 1)); +} - .dark\:hover\:bg-gray-800:hover:where(.dark, .dark *) { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); - } +.dark\:text-white:where(.dark, .dark *) { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); +} - .dark\:hover\:bg-slate-500:hover:where(.dark, .dark *) { - --tw-bg-opacity: 1; - background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1)); - } +.dark\:hover\:bg-gray-800:hover:where(.dark, .dark *) { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); +} - .dark\:focus\:ring-blue-400:focus:where(.dark, .dark *) { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1)); - } +.dark\:hover\:bg-slate-500:hover:where(.dark, .dark *) { + --tw-bg-opacity: 1; + background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1)); } + +.dark\:focus\:ring-blue-400:focus:where(.dark, .dark *) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1)); +}}