@lukso/web-components 1.50.0 → 1.51.0

package/dist/components/lukso-select/index.js

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x, A } from '../../index-a134c0a6.js';
+import { T as TailwindStyledElement, x, A } from '../../index-2f5488b6.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { t } from '../../state-0a779257.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
@@ -6,7 +6,7 @@ import '../lukso-icon/index.js';
 import '../lukso-profile/index.js';
 import '../lukso-username/index.js';
 import '../../directive-2bb7789e.js';
-import '../../style-map-f7c09fa5.js';
+import '../../style-map-88b4d8ad.js';
 
 const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";
 
@@ -60,10 +60,14 @@ let LuksoSelect = class extends TailwindStyledElement(style) {
         `[data-index="${changedProperties.get("selected")}"`
       );
       if (selectedOption) {
-        selectedOption.scrollIntoView({
-          behavior: "smooth",
-          block: "center"
-        });
+        if ("scrollIntoViewIfNeeded" in selectedOption && typeof selectedOption.scrollIntoViewIfNeeded === "function") {
+          selectedOption.scrollIntoViewIfNeeded();
+        } else {
+          selectedOption.scrollIntoView({
+            behavior: "smooth",
+            block: "center"
+          });
+        }
       }
     }
     if (changedProperties.has("options") && !!this.options) {

package/dist/components/lukso-share/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-ae293272.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";

package/dist/components/lukso-share/index.js

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x } from '../../index-a134c0a6.js';
+import { T as TailwindStyledElement, x } from '../../index-2f5488b6.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 
 const style = ":host {\n    display: inline-flex\n}";

package/dist/components/lukso-switch/index.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-ae293272.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
-const styleMap = require('../../style-map-761568c8.cjs');
+const styleMap = require('../../style-map-74906707.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 

package/dist/components/lukso-switch/index.js

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-a134c0a6.js';
+import { a as TailwindElement, x } from '../../index-2f5488b6.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
-import { o } from '../../style-map-f7c09fa5.js';
+import { o } from '../../style-map-88b4d8ad.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 

package/dist/components/lukso-tag/index.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-ae293272.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
-const styleMap = require('../../style-map-761568c8.cjs');
+const styleMap = require('../../style-map-74906707.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 

package/dist/components/lukso-tag/index.js

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, x } from '../../index-a134c0a6.js';
+import { T as TailwindStyledElement, x } from '../../index-2f5488b6.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
-import { o } from '../../style-map-f7c09fa5.js';
+import { o } from '../../style-map-88b4d8ad.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 

package/dist/components/lukso-terms/index.cjs

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-ae293272.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const state = require('../../state-f73a8b4f.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../style-map-761568c8.cjs');
+require('../../style-map-74906707.cjs');
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 

package/dist/components/lukso-terms/index.js

@@ -1,11 +1,11 @@
-import { T as TailwindStyledElement, x } from '../../index-a134c0a6.js';
+import { T as TailwindStyledElement, x } from '../../index-2f5488b6.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { t } from '../../state-0a779257.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';
 import '../../directive-2bb7789e.js';
-import '../../style-map-f7c09fa5.js';
+import '../../style-map-88b4d8ad.js';
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 

package/dist/components/lukso-test/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-ae293272.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const directive = require('../../directive-8278ab14.cjs');
 

package/dist/components/lukso-test/index.js

@@ -1,4 +1,4 @@
-import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-a134c0a6.js';
+import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-2f5488b6.js';
 import { n as n$3, e as e$3 } from '../../query-assigned-elements-5d94572f.js';
 import { e as e$2, i as i$3, t as t$3 } from '../../directive-2bb7789e.js';
 

package/dist/components/lukso-tooltip/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-ae293272.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const state = require('../../state-f73a8b4f.cjs');
 const index = require('../../index-e9668573.cjs');
@@ -3445,7 +3445,7 @@ tippy.setDefaultProps({
   render: render
 });
 
-const style = ":host {\n  display: flex;\n}\n\n.tippy-box[data-animation=fade][data-state=hidden] {\n  opacity: 0;\n}\n\n.tippy-arrow::before {\n  content: \"\";\n  position: absolute;\n  border-color: transparent;\n  border-style: solid;\n}\n\n.tippy-box[data-placement^=top] > .tippy-arrow::before {\n  border-top-color: initial;\n  transform-origin: center top;\n}\n\n.tippy-box[data-placement^=bottom] > .tippy-arrow::before {\n  border-bottom-color: initial;\n  transform-origin: center bottom;\n}\n\n.tippy-box[data-placement^=left] > .tippy-arrow::before {\n  border-left-color: initial;\n  transform-origin: center left;\n}\n\n.tippy-box[data-placement^=right] > .tippy-arrow::before {\n  border-right-color: initial;\n  transform-origin: center right;\n}\n\n.tippy-box[data-inertia][data-state=visible] {\n  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);\n}\n\n.tippy-arrow {\n  width: 16px;\n  height: 16px;\n}\n\n.size-medium {\n  border-radius: 4px;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 10px;\n  font-weight: 600;\n  font-style: normal;\n  line-height: 12px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.size-medium[data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n.size-medium[data-placement^=top] > .tippy-arrow::before {\n  bottom: -6px;\n  left: 2px;\n  border-width: 6px 6px 0;\n}\n.size-medium[data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n.size-medium[data-placement^=bottom] > .tippy-arrow::before {\n  top: -6px;\n  left: 2px;\n  border-width: 0 6px 6px;\n}\n.size-medium[data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n.size-medium[data-placement^=left] > .tippy-arrow::before {\n  border-width: 6px 0 6px 6px;\n  right: -6px;\n  top: 2px;\n}\n.size-medium[data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n.size-medium[data-placement^=right] > .tippy-arrow::before {\n  left: -6px;\n  top: 2px;\n  border-width: 6px 6px 6px 0;\n}\n\n.size-large {\n  border-radius: 8px;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 20px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.size-large[data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n.size-large[data-placement^=top] > .tippy-arrow::before {\n  bottom: -8px;\n  left: 0;\n  border-width: 8px 8px 0;\n}\n.size-large[data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n.size-large[data-placement^=bottom] > .tippy-arrow::before {\n  top: -8px;\n  left: 0;\n  border-width: 0 8px 8px;\n}\n.size-large[data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n.size-large[data-placement^=left] > .tippy-arrow::before {\n  border-width: 8px 0 8px 8px;\n  right: -8px;\n}\n.size-large[data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n.size-large[data-placement^=right] > .tippy-arrow::before {\n  left: -8px;\n  border-width: 8px 8px 8px 0;\n}\n\n.variant-dark {\n  --tw-bg-opacity: 1;\n  background-color: rgb(54 80 99 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.variant-dark[data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n.variant-dark[data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n.variant-dark[data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n.variant-dark[data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n.variant-dark > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(54 80 99 / var(--tw-bg-opacity));\n}\n.variant-dark > .tippy-svg-arrow {\n  fill: #365063;\n}\n\n.variant-light {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 248 250 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(36 53 66 / var(--tw-text-opacity));\n}\n.variant-light[data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n.variant-light[data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n.variant-light[data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n.variant-light[data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n.variant-light > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 248 250 / var(--tw-bg-opacity));\n}\n.variant-light > .tippy-svg-arrow {\n  fill: #f5f8fa;\n}\n\n.variant-success {\n  --tw-bg-opacity: 1;\n  background-color: rgb(71 205 104 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.variant-success[data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n.variant-success[data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n.variant-success[data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n.variant-success[data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n.variant-success > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(71 205 104 / var(--tw-bg-opacity));\n}\n.variant-success > .tippy-svg-arrow {\n  fill: #47cd68;\n}\n\n.variant-danger {\n  --tw-bg-opacity: 1;\n  background-color: rgb(233 99 99 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.variant-danger[data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n.variant-danger[data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n.variant-danger[data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n.variant-danger[data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n.variant-danger > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(233 99 99 / var(--tw-bg-opacity));\n}\n.variant-danger > .tippy-svg-arrow {\n  fill: #e96363;\n}\n\n.tippy-box[data-theme~=dark-medium] {\n  border-radius: 4px;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 10px;\n  font-weight: 600;\n  font-style: normal;\n  line-height: 12px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=top] > .tippy-arrow::before {\n  bottom: -6px;\n  left: 2px;\n  border-width: 6px 6px 0;\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=bottom] > .tippy-arrow::before {\n  top: -6px;\n  left: 2px;\n  border-width: 0 6px 6px;\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=left] > .tippy-arrow::before {\n  border-width: 6px 0 6px 6px;\n  right: -6px;\n  top: 2px;\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=right] > .tippy-arrow::before {\n  left: -6px;\n  top: 2px;\n  border-width: 6px 6px 6px 0;\n}\n\n.tippy-box[data-theme~=dark-medium] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(54 80 99 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=dark-medium] > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(54 80 99 / var(--tw-bg-opacity));\n}\n\n.tippy-box[data-theme~=dark-medium] > .tippy-svg-arrow {\n  fill: #365063;\n}\n\n.tippy-box[data-theme~=dark-large] {\n  border-radius: 8px;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 20px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=top] > .tippy-arrow::before {\n  bottom: -8px;\n  left: 0;\n  border-width: 8px 8px 0;\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=bottom] > .tippy-arrow::before {\n  top: -8px;\n  left: 0;\n  border-width: 0 8px 8px;\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=left] > .tippy-arrow::before {\n  border-width: 8px 0 8px 8px;\n  right: -8px;\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=right] > .tippy-arrow::before {\n  left: -8px;\n  border-width: 8px 8px 8px 0;\n}\n\n.tippy-box[data-theme~=dark-large] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(54 80 99 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=dark-large] > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(54 80 99 / var(--tw-bg-opacity));\n}\n\n.tippy-box[data-theme~=dark-large] > .tippy-svg-arrow {\n  fill: #365063;\n}\n\n.tippy-box[data-theme~=light-medium] {\n  border-radius: 4px;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 10px;\n  font-weight: 600;\n  font-style: normal;\n  line-height: 12px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=top] > .tippy-arrow::before {\n  bottom: -6px;\n  left: 2px;\n  border-width: 6px 6px 0;\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=bottom] > .tippy-arrow::before {\n  top: -6px;\n  left: 2px;\n  border-width: 0 6px 6px;\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=left] > .tippy-arrow::before {\n  border-width: 6px 0 6px 6px;\n  right: -6px;\n  top: 2px;\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=right] > .tippy-arrow::before {\n  left: -6px;\n  top: 2px;\n  border-width: 6px 6px 6px 0;\n}\n\n.tippy-box[data-theme~=light-medium] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 248 250 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(36 53 66 / var(--tw-text-opacity));\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=light-medium] > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 248 250 / var(--tw-bg-opacity));\n}\n\n.tippy-box[data-theme~=light-medium] > .tippy-svg-arrow {\n  fill: #f5f8fa;\n}\n\n.tippy-box[data-theme~=light-large] {\n  border-radius: 8px;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 20px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=top] > .tippy-arrow::before {\n  bottom: -8px;\n  left: 0;\n  border-width: 8px 8px 0;\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=bottom] > .tippy-arrow::before {\n  top: -8px;\n  left: 0;\n  border-width: 0 8px 8px;\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=left] > .tippy-arrow::before {\n  border-width: 8px 0 8px 8px;\n  right: -8px;\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=right] > .tippy-arrow::before {\n  left: -8px;\n  border-width: 8px 8px 8px 0;\n}\n\n.tippy-box[data-theme~=light-large] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 248 250 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(36 53 66 / var(--tw-text-opacity));\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=light-large] > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 248 250 / var(--tw-bg-opacity));\n}\n\n.tippy-box[data-theme~=light-large] > .tippy-svg-arrow {\n  fill: #f5f8fa;\n}\n\n.tippy-box[data-theme~=success-medium] {\n  border-radius: 4px;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 10px;\n  font-weight: 600;\n  font-style: normal;\n  line-height: 12px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=top] > .tippy-arrow::before {\n  bottom: -6px;\n  left: 2px;\n  border-width: 6px 6px 0;\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=bottom] > .tippy-arrow::before {\n  top: -6px;\n  left: 2px;\n  border-width: 0 6px 6px;\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=left] > .tippy-arrow::before {\n  border-width: 6px 0 6px 6px;\n  right: -6px;\n  top: 2px;\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=right] > .tippy-arrow::before {\n  left: -6px;\n  top: 2px;\n  border-width: 6px 6px 6px 0;\n}\n\n.tippy-box[data-theme~=success-medium] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(71 205 104 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=success-medium] > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(71 205 104 / var(--tw-bg-opacity));\n}\n\n.tippy-box[data-theme~=success-medium] > .tippy-svg-arrow {\n  fill: #47cd68;\n}\n\n.tippy-box[data-theme~=success-large] {\n  border-radius: 8px;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 20px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=top] > .tippy-arrow::before {\n  bottom: -8px;\n  left: 0;\n  border-width: 8px 8px 0;\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=bottom] > .tippy-arrow::before {\n  top: -8px;\n  left: 0;\n  border-width: 0 8px 8px;\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=left] > .tippy-arrow::before {\n  border-width: 8px 0 8px 8px;\n  right: -8px;\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=right] > .tippy-arrow::before {\n  left: -8px;\n  border-width: 8px 8px 8px 0;\n}\n\n.tippy-box[data-theme~=success-large] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(71 205 104 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=success-large] > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(71 205 104 / var(--tw-bg-opacity));\n}\n\n.tippy-box[data-theme~=success-large] > .tippy-svg-arrow {\n  fill: #47cd68;\n}\n\n.tippy-box[data-theme~=danger-medium] {\n  border-radius: 4px;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 10px;\n  font-weight: 600;\n  font-style: normal;\n  line-height: 12px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=top] > .tippy-arrow::before {\n  bottom: -6px;\n  left: 2px;\n  border-width: 6px 6px 0;\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=bottom] > .tippy-arrow::before {\n  top: -6px;\n  left: 2px;\n  border-width: 0 6px 6px;\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=left] > .tippy-arrow::before {\n  border-width: 6px 0 6px 6px;\n  right: -6px;\n  top: 2px;\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=right] > .tippy-arrow::before {\n  left: -6px;\n  top: 2px;\n  border-width: 6px 6px 6px 0;\n}\n\n.tippy-box[data-theme~=danger-medium] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(233 99 99 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=danger-medium] > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(233 99 99 / var(--tw-bg-opacity));\n}\n\n.tippy-box[data-theme~=danger-medium] > .tippy-svg-arrow {\n  fill: #e96363;\n}\n\n.tippy-box[data-theme~=danger-large] {\n  border-radius: 8px;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 20px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=top] > .tippy-arrow::before {\n  bottom: -8px;\n  left: 0;\n  border-width: 8px 8px 0;\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=bottom] > .tippy-arrow::before {\n  top: -8px;\n  left: 0;\n  border-width: 0 8px 8px;\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=left] > .tippy-arrow::before {\n  border-width: 8px 0 8px 8px;\n  right: -8px;\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=right] > .tippy-arrow::before {\n  left: -8px;\n  border-width: 8px 8px 8px 0;\n}\n\n.tippy-box[data-theme~=danger-large] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(233 99 99 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=danger-large] > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(233 99 99 / var(--tw-bg-opacity));\n}\n\n.tippy-box[data-theme~=danger-large] > .tippy-svg-arrow {\n  fill: #e96363;\n}";
+const style = ":host {\n    display: inline-flex\n}";
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -3461,7 +3461,7 @@ var __decorateClass = (decorators, target, key, kind) => {
 exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
-    this.variant = "dark";
+    this.variant = "light";
     this.size = "medium";
     this.placement = "top";
     this.trigger = "mouseenter";
@@ -3504,6 +3504,7 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
       arrow: true,
       animation: "fade",
       interactive: true,
+      appendTo: () => document.body,
       trigger: this.trigger,
       placement: this.placement,
       maxWidth: this.maxWidth,

package/dist/components/lukso-tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAA;AAQ1C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAA;AACpE,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC5C,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;AACd,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAA;;AAE9D,qBACa,YAAa,SAAQ,iBAA4B;IAE5D,OAAO,EAAE,cAAc,CAAS;IAGhC,IAAI,EAAE,WAAW,CAAW;IAG5B,SAAS,EAAE,gBAAgB,CAAQ;IAGnC,OAAO,EAAE,cAAc,CAAe;IAGtC,IAAI,EAAE,MAAM,CAAK;IAGjB,QAAQ,EAAE,MAAM,CAAM;IAGtB,IAAI,EAAE,OAAO,CAAQ;IAGrB,WAAW,EAAE,MAAM,CAAS;IAG5B,eAAe,EAAE,OAAO,CAAQ;IAGhC,QAAQ,EAAE,MAAM,CAAK;IAGrB,SAAS,EAAE,MAAM,CAAK;IAGtB,MAAM,EAAE,MAAM,CAAK;IAGnB,QAAQ,EAAE,OAAO,CAAQ;IAEzB,OAAO,CAAC,oBAAoB,CAA6B;IAEzD,OAAO,CAAC,eAAe,CAAY;IAEnC,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,WAAW;IA6BnB,OAAO,CAAC,WAAW;IAab,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiBxD,MAAM;CAmCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAA;KAC9B;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAA;AAQ1C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAA;AACpE,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC5C,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;AACd,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAA;;AAE9D,qBACa,YAAa,SAAQ,iBAA4B;IAE5D,OAAO,EAAE,cAAc,CAAU;IAGjC,IAAI,EAAE,WAAW,CAAW;IAG5B,SAAS,EAAE,gBAAgB,CAAQ;IAGnC,OAAO,EAAE,cAAc,CAAe;IAGtC,IAAI,EAAE,MAAM,CAAK;IAGjB,QAAQ,EAAE,MAAM,CAAM;IAGtB,IAAI,EAAE,OAAO,CAAQ;IAGrB,WAAW,EAAE,MAAM,CAAS;IAG5B,eAAe,EAAE,OAAO,CAAQ;IAGhC,QAAQ,EAAE,MAAM,CAAK;IAGrB,SAAS,EAAE,MAAM,CAAK;IAGtB,MAAM,EAAE,MAAM,CAAK;IAGnB,QAAQ,EAAE,OAAO,CAAQ;IAEzB,OAAO,CAAC,oBAAoB,CAA6B;IAEzD,OAAO,CAAC,eAAe,CAAY;IAEnC,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,WAAW;IA8BnB,OAAO,CAAC,WAAW;IAab,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiBxD,MAAM;CAmCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAA;KAC9B;CACF"}

package/dist/components/lukso-tooltip/index.js

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x } from '../../index-a134c0a6.js';
+import { T as TailwindStyledElement, x } from '../../index-2f5488b6.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { t } from '../../state-0a779257.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
@@ -3441,7 +3441,7 @@ tippy.setDefaultProps({
   render: render
 });
 
-const style = ":host {\n  display: flex;\n}\n\n.tippy-box[data-animation=fade][data-state=hidden] {\n  opacity: 0;\n}\n\n.tippy-arrow::before {\n  content: \"\";\n  position: absolute;\n  border-color: transparent;\n  border-style: solid;\n}\n\n.tippy-box[data-placement^=top] > .tippy-arrow::before {\n  border-top-color: initial;\n  transform-origin: center top;\n}\n\n.tippy-box[data-placement^=bottom] > .tippy-arrow::before {\n  border-bottom-color: initial;\n  transform-origin: center bottom;\n}\n\n.tippy-box[data-placement^=left] > .tippy-arrow::before {\n  border-left-color: initial;\n  transform-origin: center left;\n}\n\n.tippy-box[data-placement^=right] > .tippy-arrow::before {\n  border-right-color: initial;\n  transform-origin: center right;\n}\n\n.tippy-box[data-inertia][data-state=visible] {\n  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);\n}\n\n.tippy-arrow {\n  width: 16px;\n  height: 16px;\n}\n\n.size-medium {\n  border-radius: 4px;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 10px;\n  font-weight: 600;\n  font-style: normal;\n  line-height: 12px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.size-medium[data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n.size-medium[data-placement^=top] > .tippy-arrow::before {\n  bottom: -6px;\n  left: 2px;\n  border-width: 6px 6px 0;\n}\n.size-medium[data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n.size-medium[data-placement^=bottom] > .tippy-arrow::before {\n  top: -6px;\n  left: 2px;\n  border-width: 0 6px 6px;\n}\n.size-medium[data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n.size-medium[data-placement^=left] > .tippy-arrow::before {\n  border-width: 6px 0 6px 6px;\n  right: -6px;\n  top: 2px;\n}\n.size-medium[data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n.size-medium[data-placement^=right] > .tippy-arrow::before {\n  left: -6px;\n  top: 2px;\n  border-width: 6px 6px 6px 0;\n}\n\n.size-large {\n  border-radius: 8px;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 20px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.size-large[data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n.size-large[data-placement^=top] > .tippy-arrow::before {\n  bottom: -8px;\n  left: 0;\n  border-width: 8px 8px 0;\n}\n.size-large[data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n.size-large[data-placement^=bottom] > .tippy-arrow::before {\n  top: -8px;\n  left: 0;\n  border-width: 0 8px 8px;\n}\n.size-large[data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n.size-large[data-placement^=left] > .tippy-arrow::before {\n  border-width: 8px 0 8px 8px;\n  right: -8px;\n}\n.size-large[data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n.size-large[data-placement^=right] > .tippy-arrow::before {\n  left: -8px;\n  border-width: 8px 8px 8px 0;\n}\n\n.variant-dark {\n  --tw-bg-opacity: 1;\n  background-color: rgb(54 80 99 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.variant-dark[data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n.variant-dark[data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n.variant-dark[data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n.variant-dark[data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n.variant-dark > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(54 80 99 / var(--tw-bg-opacity));\n}\n.variant-dark > .tippy-svg-arrow {\n  fill: #365063;\n}\n\n.variant-light {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 248 250 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(36 53 66 / var(--tw-text-opacity));\n}\n.variant-light[data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n.variant-light[data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n.variant-light[data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n.variant-light[data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n.variant-light > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 248 250 / var(--tw-bg-opacity));\n}\n.variant-light > .tippy-svg-arrow {\n  fill: #f5f8fa;\n}\n\n.variant-success {\n  --tw-bg-opacity: 1;\n  background-color: rgb(71 205 104 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.variant-success[data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n.variant-success[data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n.variant-success[data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n.variant-success[data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n.variant-success > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(71 205 104 / var(--tw-bg-opacity));\n}\n.variant-success > .tippy-svg-arrow {\n  fill: #47cd68;\n}\n\n.variant-danger {\n  --tw-bg-opacity: 1;\n  background-color: rgb(233 99 99 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.variant-danger[data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n.variant-danger[data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n.variant-danger[data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n.variant-danger[data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n.variant-danger > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(233 99 99 / var(--tw-bg-opacity));\n}\n.variant-danger > .tippy-svg-arrow {\n  fill: #e96363;\n}\n\n.tippy-box[data-theme~=dark-medium] {\n  border-radius: 4px;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 10px;\n  font-weight: 600;\n  font-style: normal;\n  line-height: 12px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=top] > .tippy-arrow::before {\n  bottom: -6px;\n  left: 2px;\n  border-width: 6px 6px 0;\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=bottom] > .tippy-arrow::before {\n  top: -6px;\n  left: 2px;\n  border-width: 0 6px 6px;\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=left] > .tippy-arrow::before {\n  border-width: 6px 0 6px 6px;\n  right: -6px;\n  top: 2px;\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=right] > .tippy-arrow::before {\n  left: -6px;\n  top: 2px;\n  border-width: 6px 6px 6px 0;\n}\n\n.tippy-box[data-theme~=dark-medium] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(54 80 99 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=dark-medium][data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=dark-medium] > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(54 80 99 / var(--tw-bg-opacity));\n}\n\n.tippy-box[data-theme~=dark-medium] > .tippy-svg-arrow {\n  fill: #365063;\n}\n\n.tippy-box[data-theme~=dark-large] {\n  border-radius: 8px;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 20px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=top] > .tippy-arrow::before {\n  bottom: -8px;\n  left: 0;\n  border-width: 8px 8px 0;\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=bottom] > .tippy-arrow::before {\n  top: -8px;\n  left: 0;\n  border-width: 0 8px 8px;\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=left] > .tippy-arrow::before {\n  border-width: 8px 0 8px 8px;\n  right: -8px;\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=right] > .tippy-arrow::before {\n  left: -8px;\n  border-width: 8px 8px 8px 0;\n}\n\n.tippy-box[data-theme~=dark-large] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(54 80 99 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=dark-large][data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(54 80 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=dark-large] > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(54 80 99 / var(--tw-bg-opacity));\n}\n\n.tippy-box[data-theme~=dark-large] > .tippy-svg-arrow {\n  fill: #365063;\n}\n\n.tippy-box[data-theme~=light-medium] {\n  border-radius: 4px;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 10px;\n  font-weight: 600;\n  font-style: normal;\n  line-height: 12px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=top] > .tippy-arrow::before {\n  bottom: -6px;\n  left: 2px;\n  border-width: 6px 6px 0;\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=bottom] > .tippy-arrow::before {\n  top: -6px;\n  left: 2px;\n  border-width: 0 6px 6px;\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=left] > .tippy-arrow::before {\n  border-width: 6px 0 6px 6px;\n  right: -6px;\n  top: 2px;\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=right] > .tippy-arrow::before {\n  left: -6px;\n  top: 2px;\n  border-width: 6px 6px 6px 0;\n}\n\n.tippy-box[data-theme~=light-medium] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 248 250 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(36 53 66 / var(--tw-text-opacity));\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=light-medium][data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=light-medium] > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 248 250 / var(--tw-bg-opacity));\n}\n\n.tippy-box[data-theme~=light-medium] > .tippy-svg-arrow {\n  fill: #f5f8fa;\n}\n\n.tippy-box[data-theme~=light-large] {\n  border-radius: 8px;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 20px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=top] > .tippy-arrow::before {\n  bottom: -8px;\n  left: 0;\n  border-width: 8px 8px 0;\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=bottom] > .tippy-arrow::before {\n  top: -8px;\n  left: 0;\n  border-width: 0 8px 8px;\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=left] > .tippy-arrow::before {\n  border-width: 8px 0 8px 8px;\n  right: -8px;\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=right] > .tippy-arrow::before {\n  left: -8px;\n  border-width: 8px 8px 8px 0;\n}\n\n.tippy-box[data-theme~=light-large] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 248 250 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(36 53 66 / var(--tw-text-opacity));\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=light-large][data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(245 248 250 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=light-large] > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 248 250 / var(--tw-bg-opacity));\n}\n\n.tippy-box[data-theme~=light-large] > .tippy-svg-arrow {\n  fill: #f5f8fa;\n}\n\n.tippy-box[data-theme~=success-medium] {\n  border-radius: 4px;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 10px;\n  font-weight: 600;\n  font-style: normal;\n  line-height: 12px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=top] > .tippy-arrow::before {\n  bottom: -6px;\n  left: 2px;\n  border-width: 6px 6px 0;\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=bottom] > .tippy-arrow::before {\n  top: -6px;\n  left: 2px;\n  border-width: 0 6px 6px;\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=left] > .tippy-arrow::before {\n  border-width: 6px 0 6px 6px;\n  right: -6px;\n  top: 2px;\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=right] > .tippy-arrow::before {\n  left: -6px;\n  top: 2px;\n  border-width: 6px 6px 6px 0;\n}\n\n.tippy-box[data-theme~=success-medium] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(71 205 104 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=success-medium][data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=success-medium] > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(71 205 104 / var(--tw-bg-opacity));\n}\n\n.tippy-box[data-theme~=success-medium] > .tippy-svg-arrow {\n  fill: #47cd68;\n}\n\n.tippy-box[data-theme~=success-large] {\n  border-radius: 8px;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 20px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=top] > .tippy-arrow::before {\n  bottom: -8px;\n  left: 0;\n  border-width: 8px 8px 0;\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=bottom] > .tippy-arrow::before {\n  top: -8px;\n  left: 0;\n  border-width: 0 8px 8px;\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=left] > .tippy-arrow::before {\n  border-width: 8px 0 8px 8px;\n  right: -8px;\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=right] > .tippy-arrow::before {\n  left: -8px;\n  border-width: 8px 8px 8px 0;\n}\n\n.tippy-box[data-theme~=success-large] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(71 205 104 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=success-large][data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(71 205 104 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=success-large] > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(71 205 104 / var(--tw-bg-opacity));\n}\n\n.tippy-box[data-theme~=success-large] > .tippy-svg-arrow {\n  fill: #47cd68;\n}\n\n.tippy-box[data-theme~=danger-medium] {\n  border-radius: 4px;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 10px;\n  font-weight: 600;\n  font-style: normal;\n  line-height: 12px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=top] > .tippy-arrow::before {\n  bottom: -6px;\n  left: 2px;\n  border-width: 6px 6px 0;\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=bottom] > .tippy-arrow::before {\n  top: -6px;\n  left: 2px;\n  border-width: 0 6px 6px;\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=left] > .tippy-arrow::before {\n  border-width: 6px 0 6px 6px;\n  right: -6px;\n  top: 2px;\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=right] > .tippy-arrow::before {\n  left: -6px;\n  top: 2px;\n  border-width: 6px 6px 6px 0;\n}\n\n.tippy-box[data-theme~=danger-medium] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(233 99 99 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=danger-medium][data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=danger-medium] > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(233 99 99 / var(--tw-bg-opacity));\n}\n\n.tippy-box[data-theme~=danger-medium] > .tippy-svg-arrow {\n  fill: #e96363;\n}\n\n.tippy-box[data-theme~=danger-large] {\n  border-radius: 8px;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-family: Inter, sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 20px;\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=top] > .tippy-arrow {\n  bottom: 0;\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=top] > .tippy-arrow::before {\n  bottom: -8px;\n  left: 0;\n  border-width: 8px 8px 0;\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=bottom] > .tippy-arrow {\n  top: 0;\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=bottom] > .tippy-arrow::before {\n  top: -8px;\n  left: 0;\n  border-width: 0 8px 8px;\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=left] > .tippy-arrow {\n  right: 0;\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=left] > .tippy-arrow::before {\n  border-width: 8px 0 8px 8px;\n  right: -8px;\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=right] > .tippy-arrow {\n  left: 0;\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=right] > .tippy-arrow::before {\n  left: -8px;\n  border-width: 8px 8px 8px 0;\n}\n\n.tippy-box[data-theme~=danger-large] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(233 99 99 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=top] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=bottom] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=left] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=danger-large][data-placement^=right] .tippy-arrow::before {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n\n.tippy-box[data-theme~=danger-large] > .tippy-backdrop {\n  --tw-bg-opacity: 1;\n  background-color: rgb(233 99 99 / var(--tw-bg-opacity));\n}\n\n.tippy-box[data-theme~=danger-large] > .tippy-svg-arrow {\n  fill: #e96363;\n}";
+const style = ":host {\n    display: inline-flex\n}";
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -3457,7 +3457,7 @@ var __decorateClass = (decorators, target, key, kind) => {
 let LuksoTooltip = class extends TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
-    this.variant = "dark";
+    this.variant = "light";
     this.size = "medium";
     this.placement = "top";
     this.trigger = "mouseenter";
@@ -3500,6 +3500,7 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
       arrow: true,
       animation: "fade",
       interactive: true,
+      appendTo: () => document.body,
       trigger: this.trigger,
       placement: this.placement,
       maxWidth: this.maxWidth,

package/dist/components/lukso-username/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-ae293272.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const index = require('../../index-e9668573.cjs');
 const directive = require('../../directive-8278ab14.cjs');

package/dist/components/lukso-username/index.js

@@ -1,4 +1,4 @@
-import { A, T as TailwindStyledElement, x } from '../../index-a134c0a6.js';
+import { A, T as TailwindStyledElement, x } from '../../index-2f5488b6.js';
 import { n, e as e$1 } from '../../query-assigned-elements-5d94572f.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import { e, i, t } from '../../directive-2bb7789e.js';

package/dist/components/lukso-wizard/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-ae293272.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const directive = require('../../directive-8278ab14.cjs');
 const index = require('../../index-e9668573.cjs');

package/dist/components/lukso-wizard/index.js

@@ -1,4 +1,4 @@
-import { j, b as T, T as TailwindStyledElement, x } from '../../index-a134c0a6.js';
+import { j, b as T, T as TailwindStyledElement, x } from '../../index-2f5488b6.js';
 import { n, e as e$1 } from '../../query-assigned-elements-5d94572f.js';
 import { e, i, t } from '../../directive-2bb7789e.js';
 import { c as customClassMap } from '../../index-5e194caf.js';