highsoft-ui 1.0.7 → 1.0.9

package/README.md

@@ -85,7 +85,7 @@ hsui_header();
 
 ```js
 import { Header } from 'highsoft-ui';
-import { hydrate } from 'highsoft-ui/php';
+import { hydrate } from 'highsoft-ui/php/client';
 
 hydrate({
   header: <Header />,

package/dist/components/Button/index.d.ts

@@ -5,6 +5,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     children?: ReactNode;
     variant?: ButtonVariant;
     size?: ButtonSize;
+    fullWidth?: boolean;
     as?: ElementType;
     [prop: string]: any;
 }

package/dist/components/Button/index.js

@@ -1,45 +1,50 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { c } from "../../clsx-OuTLNxxd.js";
-const y = "_button_e7pey_293", u = "_neutral_e7pey_335", z = "_white_e7pey_359", l = "_transparent_e7pey_383", b = "_plain_e7pey_407", d = "_brand_e7pey_431", m = "_success_e7pey_455", f = "_attention_e7pey_479", w = "_danger_e7pey_503", e = {
-  button: y,
-  neutral: u,
-  white: z,
-  transparent: l,
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { c as u } from "../../clsx-OuTLNxxd.js";
+const j = "_button_57js8_293", z = "_neutral_57js8_335", f = "_white_57js8_359", p = "_transparent_57js8_383", b = "_plain_57js8_407", d = "_brand_57js8_431", m = "_success_57js8_455", w = "_attention_57js8_479", g = "_danger_57js8_503", h = "_full_57js8_629", s = {
+  button: j,
+  neutral: z,
+  white: f,
+  transparent: p,
   plain: b,
   brand: d,
   success: m,
-  attention: f,
-  danger: w,
-  "size-50": "_size-50_e7pey_527",
-  "size-100": "_size-100_e7pey_544",
-  "size-200": "_size-200_e7pey_561",
-  "size-300": "_size-300_e7pey_578",
-  "size-400": "_size-400_e7pey_595",
-  "size-500": "_size-500_e7pey_612"
-}, j = p(
+  attention: w,
+  danger: g,
+  "size-50": "_size-50_57js8_527",
+  "size-100": "_size-100_57js8_544",
+  "size-200": "_size-200_57js8_561",
+  "size-300": "_size-300_57js8_578",
+  "size-400": "_size-400_57js8_595",
+  "size-500": "_size-500_57js8_612",
+  full: h
+}, N = l(
   ({
     children: t,
     variant: _ = "neutral",
-    size: s = 200,
-    as: n = "button",
-    className: o,
-    ...a
-  }, r) => /* @__PURE__ */ i(
-    n,
+    size: n = 200,
+    fullWidth: e = !1,
+    as: o = "button",
+    className: a,
+    ...r
+  }, i) => /* @__PURE__ */ c(
+    o,
     {
-      className: c(
-        o,
-        e.button,
-        e[_],
-        e[`size-${s}`]
+      className: u(
+        a,
+        s.button,
+        s[_],
+        s[`size-${n}`],
+        {
+          [s.full]: e
+        }
       ),
-      ref: r,
-      ...a,
+      ref: i,
+      ...r,
       children: t
     }
   )
 );
 export {
-  j as Button
+  N as Button
 };

package/dist/components/Header/index.js

@@ -1,23 +1,87 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { useState as k, useEffect as b } from "react";
-import { J as x } from "../../index-CMegByeX.js";
-import { _ as g } from "../../extends-hS2Bh-Yp.js";
-import { c as w } from "../../clsx-OuTLNxxd.js";
-import { Button as d } from "../Button/index.js";
-import { Container as _ } from "../Container/index.js";
-import { ThemedLogo as S } from "../Logo/index.js";
-import { Notification as C } from "../Notification/index.js";
-import { PrefPanel as M } from "../PrefPanel/index.js";
-import { useMediaQuery as N } from "../../utils.js";
-var T = function(s) {
-  return /* @__PURE__ */ t("svg", g({
+import { jsx as e, jsxs as o, Fragment as y } from "react/jsx-runtime";
+import { useState as C, useEffect as P } from "react";
+import { J as V } from "../../index-CMegByeX.js";
+import { _ as h } from "../../extends-hS2Bh-Yp.js";
+import { N as q, X as z } from "../../index-CYCXI8lK.js";
+import { c as m } from "../../clsx-OuTLNxxd.js";
+import { Button as c } from "../Button/index.js";
+import { Container as B } from "../Container/index.js";
+import { ThemedLogo as b } from "../Logo/index.js";
+import { PrefPanel as x } from "../PrefPanel/index.js";
+import { useMediaQuery as j } from "../../utils.js";
+var J = function(t) {
+  return /* @__PURE__ */ e("svg", h({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, s, {
-    children: /* @__PURE__ */ t("path", {
+  }, t, {
+    children: /* @__PURE__ */ e("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M18.5 16c1.933 0 3.5-2.9101 3.5-6.5C22 5.9102 20.433 3 18.5 3m0 13c-1.933 0-3.5-2.9101-3.5-6.5C15 5.9102 16.567 3 18.5 3m0 13L5.4435 13.6261c-.9275-.1686-1.3912-.253-1.7662-.4371a3 3 0 0 1-1.5632-1.8731C2 10.914 2 10.4427 2 9.5s0-1.414.1141-1.816a3 3 0 0 1 1.5632-1.873c.375-.1841.8388-.2685 1.7662-.4371L18.5 3M5 14l.3939 5.514c.0374.5236.056.7855.17.9839a1 1 0 0 0 .4324.4026c.206.0995.4685.0995.9935.0995h1.7824c.6001 0 .9002 0 1.1223-.1197a1 1 0 0 0 .4397-.4748c.1023-.2306.0793-.5298.0333-1.1282L10 14.5"
+    })
+  }));
+}, U = function(t) {
+  return /* @__PURE__ */ e("svg", h({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t, {
+    children: /* @__PURE__ */ e("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M6 11v4m12-6v4m-1-9c2.4487 0 3.7731.3748 4.4321.6654.0878.0388.1317.0581.2583.179.0759.0724.2145.285.2501.3837.0595.1646.0595.2546.0595.4346v10.7484c0 .9088 0 1.3632-.1363 1.5968-.1386.2375-.2723.348-.5318.4393-.255.0897-.7699-.0092-1.7997-.2071A13.45 13.45 0 0 0 17 18c-3 0-6 2-10 2-2.4487 0-3.7731-.3748-4.4321-.6654-.0878-.0388-.1317-.0581-.2583-.179-.076-.0724-.2145-.285-.2501-.3837C2 18.6073 2 18.5173 2 18.3373V7.5889c0-.9088 0-1.3632.1363-1.5968.1386-.2375.2723-.348.5318-.4393.255-.0898.77.0092 1.7997.207A13.44 13.44 0 0 0 7 6c3 0 6-2 10-2m-2.5 8c0 1.3807-1.1193 2.5-2.5 2.5S9.5 13.3807 9.5 12s1.1193-2.5 2.5-2.5 2.5 1.1193 2.5 2.5"
+    })
+  }));
+}, A = function(t) {
+  return /* @__PURE__ */ e("svg", h({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t, {
+    children: /* @__PURE__ */ e("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M11 3H7.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.2798 3 6.1198 3 7.8v8.4c0 1.6802 0 2.5202.327 3.162a3 3 0 0 0 1.311 1.311C5.2798 21 6.1198 21 7.8 21h8.4c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 18.7202 21 17.8802 21 16.2V13m-9-5h4v4m-.5-8.5V2m3.9393 2.5607L20.5 3.5m.0103 5h1.5M3 13.3471c.652.1007 1.3199.1529 2 .1529 4.3864 0 8.2653-2.1724 10.6197-5.5"
+    })
+  }));
+}, G = function(t) {
+  return /* @__PURE__ */ e("svg", h({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t, {
+    children: /* @__PURE__ */ e("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M14 2.2695v4.1306c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437C14.7599 8 15.0399 8 15.6 8h4.1305M16 13H8m8 4H8m2-8H8m6-7H8.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C4 4.2798 4 5.1198 4 6.8v10.4c0 1.6802 0 2.5202.327 3.162a3 3 0 0 0 1.311 1.311C6.2798 22 7.1198 22 8.8 22h6.4c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C20 19.7202 20 18.8802 20 17.2V8z"
+    })
+  }));
+}, F = function(t) {
+  return /* @__PURE__ */ e("svg", h({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t, {
+    children: /* @__PURE__ */ e("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -25,15 +89,47 @@ var T = function(s) {
       d: "M3 12h12M3 6h18M3 18h18"
     })
   }));
-}, L = function(s) {
-  return /* @__PURE__ */ t("svg", g({
+}, Q = function(t) {
+  return /* @__PURE__ */ e("svg", h({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, s, {
-    children: /* @__PURE__ */ t("path", {
+  }, t, {
+    children: /* @__PURE__ */ e("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M10 8.0022a2.2485 2.2485 0 0 1 2.501-1.4698 2.248 2.248 0 0 1 1.8682 2.2193c0 1.4989-2.2483 2.2483-2.2483 2.2483m.029 3h.01M7 18v2.3355c0 .5329 0 .7993.1092.9361a.5.5 0 0 0 .3913.1881c.1751-.0002.3832-.1666.7993-.4995l2.3854-1.9084c.4873-.3898.731-.5847 1.0023-.7233a3 3 0 0 1 .7617-.2672C12.7477 18 13.0597 18 13.6837 18H16.2c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 15.7202 21 14.8802 21 13.2V7.8c0-1.6802 0-2.5202-.327-3.162a3 3 0 0 0-1.311-1.311C18.7202 3 17.8802 3 16.2 3H7.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.2798 3 6.1198 3 7.8V14c0 .93 0 1.395.1022 1.7765a3 3 0 0 0 2.1213 2.1213C5.605 18 6.07 18 7 18"
+    })
+  }));
+}, X = function(t) {
+  return /* @__PURE__ */ e("svg", h({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t, {
+    children: /* @__PURE__ */ e("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M12 16v5m6 0-3.9514-3.2928c-.7288-.6074-1.0932-.911-1.4999-1.0271a2 2 0 0 0-1.0974 0c-.4067.1161-.7711.4197-1.4999 1.0271L6 21m2-10v1m4-3v3m4-5v5m6-9H2m1 0h18v8.2c0 1.6802 0 2.5202-.327 3.162a3 3 0 0 1-1.311 1.311C18.7202 16 17.8802 16 16.2 16H7.8c-1.6802 0-2.5202 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 13.7202 3 12.8802 3 11.2z"
+    })
+  }));
+}, M = function(t) {
+  return /* @__PURE__ */ e("svg", h({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t, {
+    children: /* @__PURE__ */ e("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -41,15 +137,15 @@ var T = function(s) {
       d: "m21 21-4.35-4.35M19 11c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8"
     })
   }));
-}, j = function(s) {
-  return /* @__PURE__ */ t("svg", g({
+}, N = function(t) {
+  return /* @__PURE__ */ e("svg", h({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, s, {
-    children: /* @__PURE__ */ t("path", {
+  }, t, {
+    children: /* @__PURE__ */ e("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -57,15 +153,15 @@ var T = function(s) {
       d: "M4.5 22v-5m0-10V2M2 4.5h5m-5 15h5M13 3l-1.7342 4.5089c-.282.7332-.423 1.0998-.6423 1.4082a3 3 0 0 1-.7064.7064c-.3084.2193-.675.3603-1.4082.6423L4 12l4.5089 1.7342c.7332.282 1.0998.423 1.4082.6423.2733.1943.5121.4331.7064.7064.2193.3084.3603.675.6423 1.4082L13 21l1.7342-4.5089c.282-.7332.423-1.0998.6423-1.4082a3 3 0 0 1 .7064-.7064c.3084-.2193.675-.3603 1.4082-.6423L22 12l-4.5089-1.7342c-.7332-.282-1.0998-.423-1.4082-.6423a3 3 0 0 1-.7064-.7064c-.2193-.3084-.3603-.675-.6423-1.4082z"
     })
   }));
-}, B = function(s) {
-  return /* @__PURE__ */ t("svg", g({
+}, L = function(t) {
+  return /* @__PURE__ */ e("svg", h({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, s, {
-    children: /* @__PURE__ */ t("path", {
+  }, t, {
+    children: /* @__PURE__ */ e("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -73,15 +169,15 @@ var T = function(s) {
       d: "m7 15 3-3-3-3m6 6h4m-9.2 6h8.4c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 18.7202 21 17.8802 21 16.2V7.8c0-1.6802 0-2.5202-.327-3.162a3 3 0 0 0-1.311-1.311C18.7202 3 17.8802 3 16.2 3H7.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.2798 3 6.1198 3 7.8v8.4c0 1.6802 0 2.5202.327 3.162a3 3 0 0 0 1.311 1.311C5.2798 21 6.1198 21 7.8 21"
     })
   }));
-}, J = function(s) {
-  return /* @__PURE__ */ t("svg", g({
+}, S = function(t) {
+  return /* @__PURE__ */ e("svg", h({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, s, {
-    children: /* @__PURE__ */ t("path", {
+  }, t, {
+    children: /* @__PURE__ */ e("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -90,168 +186,277 @@ var T = function(s) {
     })
   }));
 };
-const P = "_header_sqgaq_293", W = "_outer_sqgaq_304", y = "_main_sqgaq_313", H = "_container_sqgaq_317", O = "_links_sqgaq_323", z = "_buttons_sqgaq_324", G = "_menu_sqgaq_329", U = "_logo_sqgaq_333", V = "_sub_sqgaq_345", $ = "_subContainer_sqgaq_349", D = "_selected_sqgaq_376", E = "_subTag_sqgaq_388", Q = "_gpt_sqgaq_421", e = {
-  header: P,
-  outer: W,
-  main: y,
-  container: H,
-  links: O,
-  buttons: z,
-  menu: G,
-  logo: U,
-  sub: V,
-  subContainer: $,
-  selected: D,
-  subTag: E,
-  "subTag-success": "_subTag-success_sqgaq_393",
-  "subTag-brand": "_subTag-brand_sqgaq_397",
-  gpt: Q
-}, R = [
+const $ = "_header_209rj_293", D = "_outer_209rj_304", E = "_main_209rj_313", R = "_container_209rj_317", I = "_links_209rj_323", K = "_buttons_209rj_324", Y = "_menu_209rj_329", Z = "_logo_209rj_334", e2 = "_sub_209rj_346", t2 = "_subContainer_209rj_350", r2 = "_selected_209rj_377", n2 = "_subTag_209rj_389", o2 = "_mobileOverlay_209rj_407", s2 = "_show_209rj_1", i2 = "_open_209rj_419", a2 = "_mobile_209rj_407", c2 = "_slideUp_209rj_1", h2 = "_gpt_209rj_482", r = {
+  header: $,
+  outer: D,
+  main: E,
+  container: R,
+  links: I,
+  buttons: K,
+  menu: Y,
+  logo: Z,
+  sub: e2,
+  subContainer: t2,
+  selected: r2,
+  subTag: n2,
+  "subTag-success": "_subTag-success_209rj_394",
+  "subTag-brand": "_subTag-brand_209rj_398",
+  mobileOverlay: o2,
+  show: s2,
+  open: i2,
+  mobile: a2,
+  slideUp: c2,
+  gpt: h2
+}, T = [
   {
     title: "Products",
-    url: "https://highcharts.com/products/"
+    url: "https://highcharts.com/products/",
+    icon: /* @__PURE__ */ e(A, {})
   },
   {
     title: "Demos",
-    url: "https://www.highcharts.com/demo"
+    url: "https://www.highcharts.com/demo",
+    icon: /* @__PURE__ */ e(X, {})
   },
   {
     title: "Support",
-    url: "https://www.highcharts.com/support/"
+    url: "https://www.highcharts.com/support/",
+    icon: /* @__PURE__ */ e(Q, {})
   },
   {
     title: "Resources",
-    url: "https://www.highcharts.com/"
+    url: "https://www.highcharts.com/",
+    icon: /* @__PURE__ */ e(G, {})
   },
   {
     title: "Pricing",
-    url: "https://shop.highcharts.com/"
+    url: "https://shop.highcharts.com/",
+    icon: /* @__PURE__ */ e(U, {})
   },
   {
     title: "Blog",
-    url: "https://www.highcharts.com/blog/"
+    url: "https://www.highcharts.com/blog/",
+    icon: /* @__PURE__ */ e(J, {})
   }
 ];
-function A({ items: n }) {
-  return /* @__PURE__ */ t("div", { className: w(e.sub, e.outer), children: /* @__PURE__ */ t(_, { className: e.subContainer, as: "ul", children: n.map(
-    ({ title: s, url: h, icon: c, tag: m, tagVariant: l = "success", link: u = "a" }, p) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ i(u, { href: h, children: [
-      c,
-      /* @__PURE__ */ i("span", { children: [
-        s,
-        m && /* @__PURE__ */ t(
+function l2({ items: n }) {
+  return /* @__PURE__ */ e("div", { className: m(r.sub, r.outer), children: /* @__PURE__ */ e(B, { className: r.subContainer, as: "ul", children: n.map(
+    ({ title: t, url: u, icon: a, tag: p, tagVariant: w = "success", link: d = "a" }, v) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(d, { href: u, children: [
+      a,
+      /* @__PURE__ */ o("span", { children: [
+        t,
+        p && /* @__PURE__ */ e(
           "span",
           {
-            className: w(
-              e.subTag,
-              e[`subTag-${l}`]
+            className: m(
+              r.subTag,
+              r[`subTag-${w}`]
             ),
-            children: m
+            children: p
           }
         )
       ] })
-    ] }) }, p)
+    ] }) }, v)
   ) }) });
 }
-function ot({
+function b2({
   subItems: n,
-  children: s,
-  notifications: h = [],
+  children: t,
+  notifications: u = [],
   // TODO: Fetch these from the internets
-  link: c = "a"
+  link: a = "a"
 }) {
-  const m = N("(min-width: 850px) and (max-width: 999px)"), [l, u] = k([]);
-  b(() => {
-    if (h.length) {
-      const o = localStorage.getItem("notifications");
-      if (o) {
-        const a = JSON.parse(o);
-        u(
-          h.filter(
-            (r) => !r.id || !a.closed.includes(r.id)
+  const p = j("(max-width: 849px)"), w = j("(min-width: 850px) and (max-width: 999px)"), [d, v] = C(!1), [g, f] = C([]);
+  P(() => {
+    if (u.length) {
+      const i = localStorage.getItem("notifications");
+      if (i) {
+        const l = JSON.parse(i);
+        f(
+          u.filter(
+            (s) => !s.id || !l.closed.includes(s.id)
           )
         );
       } else
-        u(h);
+        f(u);
     }
-  }, [h]);
-  const p = (o) => {
-    u(l.filter((r) => !r.id || r.id !== o));
-    const a = localStorage.getItem("notifications");
-    if (a) {
-      const r = JSON.parse(a);
-      r.closed.includes(o) || (r.closed.push(o), localStorage.setItem("notifications", JSON.stringify(r)));
+  }, [u]);
+  const k = () => {
+    v(!d);
+  }, H = (i) => {
+    f(g.filter((s) => !s.id || s.id !== i));
+    const l = localStorage.getItem("notifications");
+    if (l) {
+      const s = JSON.parse(l);
+      s.closed.includes(i) || (s.closed.push(i), localStorage.setItem("notifications", JSON.stringify(s)));
     } else
       localStorage.setItem(
         "notifications",
         JSON.stringify({
-          closed: [o]
+          closed: [i]
         })
       );
   };
-  return /* @__PURE__ */ t(x, { children: /* @__PURE__ */ i("header", { className: e.header, children: [
-    l == null ? void 0 : l.map(
-      ({ id: o, title: a, description: r, variant: f, closable: v }, q) => /* @__PURE__ */ t(
-        C,
+  return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ o("header", { className: r.header, children: [
+    g == null ? void 0 : g.map(
+      ({ id: i, title: l, description: s, variant: _, closable: W }, O) => /* @__PURE__ */ e(
+        q,
         {
-          description: r,
-          variant: f,
-          closable: v,
-          onClose: () => p(o),
-          children: a
+          description: s,
+          variant: _,
+          closable: W,
+          onClose: () => H(i),
+          children: l
         },
-        q
+        O
       )
     ),
-    /* @__PURE__ */ t("div", { className: w(e.main, e.outer), children: /* @__PURE__ */ i(_, { as: "nav", className: e.container, children: [
-      /* @__PURE__ */ t(c, { className: e.logo, href: "https://www.highcharts.com/", children: /* @__PURE__ */ t(S, { showText: !m }) }),
-      /* @__PURE__ */ t("div", { className: e.links, children: R.map(({ title: o, url: a }, r) => /* @__PURE__ */ t(d, { variant: "plain", size: 300, as: c, href: a, children: o }, r)) }),
-      /* @__PURE__ */ i("div", { className: e.buttons, children: [
-        /* @__PURE__ */ i(
-          d,
+    /* @__PURE__ */ e("div", { className: m(r.main, r.outer), children: /* @__PURE__ */ o(B, { as: "nav", className: r.container, children: [
+      /* @__PURE__ */ e(a, { className: r.logo, href: "https://www.highcharts.com/", children: /* @__PURE__ */ e(b, { showText: !w }) }),
+      /* @__PURE__ */ e("div", { className: r.links, children: T.map(({ title: i, url: l }, s) => /* @__PURE__ */ e(c, { variant: "plain", size: 300, as: a, href: l, children: i }, s)) }),
+      /* @__PURE__ */ o("div", { className: r.buttons, children: [
+        /* @__PURE__ */ o(
+          c,
           {
             variant: "transparent",
-            as: c,
+            as: a,
             href: "https://www.highcharts.com/chat/gpt/",
             children: [
-              /* @__PURE__ */ t("span", { className: e.gpt, children: "Highcharts GPT" }),
-              /* @__PURE__ */ t(j, {})
+              /* @__PURE__ */ e("span", { className: r.gpt, children: "Highcharts GPT" }),
+              /* @__PURE__ */ e(N, {})
             ]
           }
         ),
-        /* @__PURE__ */ t(d, { variant: "transparent", children: /* @__PURE__ */ t(L, {}) }),
-        /* @__PURE__ */ t(M, {}),
-        /* @__PURE__ */ i(d, { variant: "transparent", className: e.menu, children: [
-          "Menu",
-          /* @__PURE__ */ t(T, {})
-        ] }),
-        /* @__PURE__ */ t(
-          d,
+        /* @__PURE__ */ e(c, { variant: "transparent", children: /* @__PURE__ */ e(M, {}) }),
+        /* @__PURE__ */ e(x, {}),
+        /* @__PURE__ */ o(
+          c,
+          {
+            variant: d ? "white" : "transparent",
+            className: r.menu,
+            onClick: k,
+            children: [
+              d ? "Close" : "Menu",
+              d ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ e(F, {})
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          c,
           {
             variant: "brand",
-            as: c,
+            as: a,
             href: "https://shop.highcharts.com/account",
-            children: /* @__PURE__ */ t(J, {})
+            children: /* @__PURE__ */ e(S, {})
           }
         ),
-        /* @__PURE__ */ i(
-          d,
+        /* @__PURE__ */ o(
+          c,
           {
             variant: "success",
-            as: c,
+            as: a,
             href: "https://www.highcharts.com/download/",
             children: [
-              /* @__PURE__ */ t(B, {}),
+              /* @__PURE__ */ e(L, {}),
               "Get started"
             ]
           }
         )
       ] })
     ] }) }),
-    !!(n != null && n.length) && /* @__PURE__ */ t(A, { items: n }),
-    s
+    !!(n != null && n.length) && /* @__PURE__ */ e(l2, { items: n }),
+    t,
+    p && /* @__PURE__ */ o(y, { children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: m(r.mobileOverlay, { [r.open]: d }),
+          onClick: k
+        }
+      ),
+      /* @__PURE__ */ o(
+        "nav",
+        {
+          className: m(r.mobile, {
+            [r.open]: d
+          }),
+          children: [
+            /* @__PURE__ */ o("div", { className: r.container, children: [
+              /* @__PURE__ */ e(
+                a,
+                {
+                  className: r.logo,
+                  href: "https://www.highcharts.com/",
+                  children: /* @__PURE__ */ e(b, { showText: !w })
+                }
+              ),
+              /* @__PURE__ */ o("div", { className: r.buttons, children: [
+                /* @__PURE__ */ o(
+                  c,
+                  {
+                    variant: "transparent",
+                    as: a,
+                    href: "https://www.highcharts.com/chat/gpt/",
+                    children: [
+                      /* @__PURE__ */ e("span", { className: r.gpt, children: "Highcharts GPT" }),
+                      /* @__PURE__ */ e(N, {})
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ e(c, { variant: "transparent", children: /* @__PURE__ */ e(M, {}) }),
+                /* @__PURE__ */ e(x, {})
+              ] })
+            ] }),
+            /* @__PURE__ */ o("div", { className: r.buttons, children: [
+              /* @__PURE__ */ o(
+                c,
+                {
+                  variant: "brand",
+                  fullWidth: !0,
+                  as: a,
+                  href: "https://shop.highcharts.com/account",
+                  children: [
+                    /* @__PURE__ */ e(S, {}),
+                    "Login"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ o(
+                c,
+                {
+                  variant: "success",
+                  fullWidth: !0,
+                  as: a,
+                  href: "https://www.highcharts.com/download/",
+                  children: [
+                    /* @__PURE__ */ e(L, {}),
+                    "Get started"
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e("div", { className: r.links, children: T.map(({ title: i, url: l, icon: s }, _) => /* @__PURE__ */ o(
+              c,
+              {
+                variant: "plain",
+                size: 500,
+                fullWidth: !0,
+                as: a,
+                href: l,
+                children: [
+                  s,
+                  i
+                ]
+              },
+              _
+            )) })
+          ]
+        }
+      )
+    ] })
   ] }) });
 }
 export {
-  ot as Header,
-  A as SubHeader
+  b2 as Header,
+  l2 as SubHeader
 };

package/dist/components/Notification/index.js

@@ -1,59 +1,9 @@
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import "react/jsx-runtime";
 import "react";
-import { _ as a } from "../../extends-hS2Bh-Yp.js";
-import { c as _ } from "../../clsx-OuTLNxxd.js";
-import { Button as l } from "../Button/index.js";
-import { Container as d } from "../Container/index.js";
-var m = function(i) {
-  return /* @__PURE__ */ t("svg", a({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none",
-    viewBox: "0 0 24 24"
-  }, i, {
-    children: /* @__PURE__ */ t("path", {
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 2,
-      d: "M18 6 6 18M6 6l12 12"
-    })
-  }));
-};
-const f = "_notification_19xt5_293", p = "_container_19xt5_298", x = "_success_19xt5_308", u = "_danger_19xt5_313", h = "_attention_19xt5_318", g = "_title_19xt5_323", v = "_description_19xt5_329", w = "_close_19xt5_336", n = {
-  notification: f,
-  container: p,
-  default: "_default_19xt5_303",
-  success: x,
-  danger: u,
-  attention: h,
-  title: g,
-  description: v,
-  close: w
-};
-function X({
-  children: e,
-  variant: i = "default",
-  description: s,
-  closable: c = !0,
-  onClose: o
-}) {
-  return /* @__PURE__ */ t("div", { className: _(n.notification, n[i]), children: /* @__PURE__ */ r(d, { className: n.container, children: [
-    /* @__PURE__ */ t("span", { className: n.title, children: e }),
-    s && /* @__PURE__ */ t("span", { className: n.description, children: s }),
-    c && /* @__PURE__ */ t(
-      l,
-      {
-        variant: "plain",
-        size: 400,
-        className: n.close,
-        onClick: () => o == null ? void 0 : o(),
-        children: /* @__PURE__ */ t(m, {})
-      }
-    )
-  ] }) });
-}
+import { N as f } from "../../index-CYCXI8lK.js";
+import "../../clsx-OuTLNxxd.js";
+import "../Button/index.js";
+import "../Container/index.js";
 export {
-  X as Notification
+  f as Notification
 };

package/dist/highsoft-ui.css

@@ -1 +1 @@
-._button_e7pey_293{position:relative;display:inline-flex;justify-content:center;align-items:center;padding:0;background-color:var(--primitives-neutral-800);color:var(--primitives-neutral-0);border:1px solid transparent;outline:none;text-decoration:none;-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;transition:.2s cubic-bezier(.075,.82,.165,1);transform:translateZ(0)}._button_e7pey_293:hover,._button_e7pey_293:focus{transform:translate3d(0,-1px,0)}._button_e7pey_293:focus-visible{outline:2px solid var(--primitives-brand-500);outline-offset:2px}._button_e7pey_293:active{transform:translateZ(0)}._button_e7pey_293:disabled:hover,._button_e7pey_293:disabled:focus{transform:translateZ(0);cursor:default}._button_e7pey_293:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid transparent;border-radius:inherit;background:linear-gradient(0deg,transparent,rgba(255,255,255,.1)) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}._neutral_e7pey_335{background-color:var(--button-colors-neutral-background-default);color:var(--button-colors-neutral-text-default);border-color:var(--button-colors-neutral-stroke-outer-default)}._neutral_e7pey_335:hover{background-color:var(--button-colors-neutral-background-hover);color:var(--button-colors-neutral-text-hover);border-color:var(--button-colors-neutral-stroke-outer-hover)}._neutral_e7pey_335:active{background-color:var(--button-colors-neutral-background-pressed);color:var(--button-colors-neutral-text-pressed)}._neutral_e7pey_335:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--primitives-brand-500);color:var(--button-colors-neutral-text-focus)}._neutral_e7pey_335:disabled{background-color:var(--button-colors-neutral-background-disabled);color:var(--button-colors-neutral-text-disabled);border-color:var(--button-colors-neutral-stroke-outer-disabled)}._white_e7pey_359{background-color:var(--button-colors-white-background-default);color:var(--button-colors-white-text-default);border-color:var(--button-colors-white-stroke-outer-default)}._white_e7pey_359:hover{background-color:var(--button-colors-white-background-hover);color:var(--button-colors-white-text-hover);border-color:var(--button-colors-white-stroke-outer-hover)}._white_e7pey_359:active{background-color:var(--button-colors-white-background-pressed);color:var(--button-colors-white-text-pressed)}._white_e7pey_359:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--primitives-brand-500);color:var(--button-colors-white-text-focus)}._white_e7pey_359:disabled{background-color:var(--button-colors-white-background-disabled);color:var(--button-colors-white-text-disabled);border-color:var(--button-colors-white-stroke-outer-disabled)}._transparent_e7pey_383{background-color:var(--button-colors-transparent-background-default);color:var(--button-colors-transparent-text-default);border-color:var(--button-colors-transparent-stroke-outer-default)}._transparent_e7pey_383:hover{background-color:var(--button-colors-transparent-background-hover);color:var(--button-colors-transparent-text-hover);border-color:var(--button-colors-transparent-stroke-outer-hover)}._transparent_e7pey_383:active{background-color:var(--button-colors-transparent-background-pressed);color:var(--button-colors-transparent-text-pressed)}._transparent_e7pey_383:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--button-colors-transparent-stroke-outer-hover);color:var(--button-colors-transparent-text-focus)}._transparent_e7pey_383:disabled{background-color:var(--button-colors-transparent-background-disabled);color:var(--button-colors-transparent-text-disabled);border-color:var(--button-colors-transparent-stroke-outer-disabled)}._plain_e7pey_407{color:var(--button-colors-plain-text-default);background-color:var(--button-colors-plain-background-default);border-color:var(--button-colors-plain-stroke-outer-default)}._plain_e7pey_407:hover{color:var(--button-colors-plain-text-hover);background-color:var(--button-colors-plain-background-hover);border-color:var(--button-colors-plain-stroke-outer-hover)}._plain_e7pey_407:active{color:var(--button-colors-plain-text-pressed);background-color:var(--button-colors-plain-background-pressed)}._plain_e7pey_407:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--primitives-brand-500);color:var(--button-colors-plain-text-focus)}._plain_e7pey_407:disabled{background-color:var(--button-colors-plain-background-disabled);color:var(--button-colors-plain-text-disabled);border-color:var(--button-colors-plain-stroke-outer-disabled)}._brand_e7pey_431{background-color:var(--button-colors-brand-background-default);color:var(--button-colors-brand-text-default);border-color:var(--button-colors-brand-stroke-outer-default)}._brand_e7pey_431:hover{background-color:var(--button-colors-brand-background-hover);color:var(--button-colors-brand-text-hover);border-color:var(--button-colors-brand-stroke-outer-hover)}._brand_e7pey_431:active{background-color:var(--button-colors-brand-background-pressed);color:var(--button-colors-brand-text-pressed)}._brand_e7pey_431:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--button-colors-brand-background-focus);color:var(--button-colors-brand-text-focus)}._brand_e7pey_431:disabled{background-color:var(--button-colors-brand-background-disabled);color:var(--button-colors-brand-text-disabled);border-color:var(--button-colors-brand-stroke-outer-disabled)}._success_e7pey_455{background-color:var(--button-colors-success-background-default);color:var(--button-colors-success-text-default);border-color:var(--button-colors-success-stroke-outer-default)}._success_e7pey_455:hover{background-color:var(--button-colors-success-background-hover);color:var(--button-colors-success-text-hover);border-color:var(--button-colors-success-stroke-outer-hover)}._success_e7pey_455:active{background-color:var(--button-colors-success-background-pressed);color:var(--button-colors-success-text-pressed)}._success_e7pey_455:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--button-colors-success-background-focus);color:var(--button-colors-success-text-focus)}._success_e7pey_455:disabled{background-color:var(--button-colors-success-background-disabled);color:var(--button-colors-success-text-disabled);border-color:var(--button-colors-success-stroke-outer-disabled)}._attention_e7pey_479{background-color:var(--button-colors-attention-background-default);color:var(--button-colors-attention-text-default);border-color:var(--button-colors-attention-stroke-outer-default)}._attention_e7pey_479:hover{background-color:var(--button-colors-attention-background-hover);color:var(--button-colors-attention-text-hover);border-color:var(--button-colors-attention-stroke-outer-hover)}._attention_e7pey_479:active{background-color:var(--button-colors-attention-background-pressed);color:var(--button-colors-attention-text-pressed)}._attention_e7pey_479:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--button-colors-attention-background-focus);color:var(--button-colors-attention-text-focus)}._attention_e7pey_479:disabled{background-color:var(--button-colors-attention-background-disabled);color:var(--button-colors-attention-text-disabled);border-color:var(--button-colors-attention-stroke-outer-disabled)}._danger_e7pey_503{background-color:var(--button-colors-danger-background-default);color:var(--button-colors-danger-text-default);border-color:var(--button-colors-danger-stroke-outer-default)}._danger_e7pey_503:hover{background-color:var(--button-colors-danger-background-hover);color:var(--button-colors-danger-text-hover);border-color:var(--button-colors-danger-stroke-outer-hover)}._danger_e7pey_503:active{background-color:var(--button-colors-danger-background-pressed);color:var(--button-colors-danger-text-pressed)}._danger_e7pey_503:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--button-colors-danger-background-focus);color:var(--button-colors-danger-text-focus)}._danger_e7pey_503:disabled{background-color:var(--button-colors-danger-background-disabled);color:var(--button-colors-danger-text-disabled);border-color:var(--button-colors-danger-stroke-outer-disabled)}._size-50_e7pey_527{font-size:.625rem;font-weight:500;line-height:130%;height:20px;border-radius:6px;padding:3px;gap:4px}._size-50_e7pey_527:before{border-radius:5px}._size-50_e7pey_527 svg{width:12px;height:12px}._size-100_e7pey_544{font-size:.75rem;font-weight:500;line-height:130%;height:24px;border-radius:6px;padding:5px;gap:6px}._size-100_e7pey_544:before{border-radius:5px}._size-100_e7pey_544 svg{width:12px;height:12px}._size-200_e7pey_561{font-size:.875rem;font-weight:500;line-height:130%;height:32px;border-radius:8px;padding:7px;gap:8px}._size-200_e7pey_561:before{border-radius:7px}._size-200_e7pey_561 svg{width:16px;height:16px}._size-300_e7pey_578{font-size:1rem;font-weight:500;line-height:130%;height:36px;border-radius:8px;padding:9px;gap:10px}._size-300_e7pey_578:before{border-radius:7px}._size-300_e7pey_578 svg{width:16px;height:16px}._size-400_e7pey_595{font-size:1.125rem;font-weight:500;line-height:130%;height:44px;border-radius:10px;padding:11px;gap:10px}._size-400_e7pey_595:before{border-radius:9px}._size-400_e7pey_595 svg{width:20px;height:20px}._size-500_e7pey_612{font-size:1.25rem;font-weight:500;line-height:130%;height:52px;border-radius:12px;padding:13px;gap:10px}._size-500_e7pey_612:before{border-radius:11px}._size-500_e7pey_612 svg{width:24px;height:24px}._container_mh6y2_1{width:100%;padding-left:20px;padding-right:20px;margin:0 auto}@media (min-width: 850px){._container_mh6y2_1{max-width:850px}}@media (min-width: 1000px){._container_mh6y2_1{max-width:1000px}}@media (min-width: 1160px){._container_mh6y2_1{max-width:1160px}}@media (min-width: 1300px){._container_mh6y2_1{max-width:1300px}}[data-theme=dark] ._inputContainer_1hfog_293{background:var(--primitives-neutral-1000)}[data-theme=dark] ._bottomFade_1hfog_296{background:linear-gradient(to bottom,#0000,#000)}[data-theme=dark] ._inputWrap_1hfog_299>svg{stroke:var(--primitives-neutral-500)}[data-theme=dark] ._textarea_1hfog_302{background:var(--primitives-neutral-900);color:var(--primitives-neutral-50)}._inputContainer_1hfog_293{position:sticky;bottom:0;padding:0 16px 40px;margin:0 -16px;background:var(--primitives-neutral-50)}._bottomFade_1hfog_296{position:absolute;top:-48px;left:0;right:0;height:48px;background:linear-gradient(to bottom,#f2f1f400,#f2f1f4);pointer-events:none}._inputWrap_1hfog_299{position:relative}._inputWrap_1hfog_299>svg{position:absolute;top:22px;left:24px;pointer-events:none;stroke:var(--primitives-neutral-700)}._textarea_1hfog_302{font-size:1rem;font-weight:600;line-height:130%;font-weight:500;display:flex;width:100%;height:64px;padding:20px 92px 20px 60px;border:none;outline:none!important;border-radius:8px;background:var(--primitives-neutral-0);color:var(--primitives-neutral-700);box-shadow:var(--shadow-size-200);resize:none}._textarea_1hfog_302:hover{box-shadow:var(--shadow-size-300)}._textarea_1hfog_302:focus{padding:18px 90px 18px 58px;border:2px solid var(--primitives-brand-600)}._button_1hfog_368{position:absolute;right:8px;bottom:8px;font-size:1rem;font-weight:600;line-height:130%;font-weight:500;display:inline-flex;align-items:center;background:var(--primitives-neutral-50);border-radius:4px;height:48px;padding:0 24px;border:none;outline:none;cursor:pointer;border-top:1px solid var(--primitives-neutral-25);-webkit-user-select:none;user-select:none}._button_1hfog_368:hover{opacity:.8}._button_1hfog_368:focus-visible{outline:2px solid var(--primitives-brand-600);outline-offset:2px}._button_1hfog_368>span{display:inline-flex;margin-top:-1px}._button_1hfog_368 svg{fill:var(--primitives-neutral-400)}._primary_1hfog_403{background:var(--primitives-brand-600);color:var(--primitives-neutral-0);border-top:1px solid var(--primitives-brand-500)}._primary_1hfog_403 svg{fill:var(--primitives-neutral-0)}[data-theme=dark] ._secondary_1hfog_412{background:var(--primitives-neutral-1000);color:var(--primitives-neutral-50);border-color:var(--primitives-neutral-800)}._disclaimer_1hfog_418{font-size:.75rem;font-weight:600;line-height:130%;font-weight:500;position:absolute;bottom:0;height:40px;width:100%;padding:0 16px;margin:0 -16px;color:var(--primitives-neutral-500);text-align:center}._notification_19xt5_293{width:100%;padding:12px 0}._container_19xt5_298{display:flex;align-items:center}._default_19xt5_303{background:var(--primitives-brand-600);color:var(--primitives-neutral-0)}._success_19xt5_308{background:var(--primitives-success-100);color:var(--primitives-success-900)}._danger_19xt5_313{background:var(--primitives-danger-100);color:var(--primitives-danger-900)}._attention_19xt5_318{background:var(--primitives-attention-100);color:var(--primitives-attention-900)}._title_19xt5_323{font-size:.875rem;font-weight:600;line-height:130%}._description_19xt5_329{font-size:.875rem;font-weight:400;line-height:130%;margin-left:20px}._close_19xt5_336{margin:-12px -12px -12px auto;color:inherit}._close_19xt5_336:hover,._close_19xt5_336:active{color:inherit}._close_19xt5_336:focus-visible{color:inherit;outline-color:inherit;outline-offset:-5px}._anchor_1c40n_293{position:absolute;bottom:0}._container_1c40n_298{font-size:.75rem;font-weight:500;line-height:130%;line-height:1;display:flex;flex-direction:column;gap:7px;width:145px;padding:9px;background:var(--primitives-neutral-0);border:1px solid var(--primitives-neutral-50);border-radius:6px;z-index:9999;-webkit-user-select:none;user-select:none}._radio_1c40n_315{display:inline-flex;align-items:center;gap:6px;padding:6px 7px;border:1px solid var(--primitives-neutral-100);border-radius:6px;cursor:pointer}._radio_1c40n_315:hover{border-color:var(--primitives-neutral-200)}._radio_1c40n_315:hover ._check_1c40n_327{display:block}._radio_1c40n_315 svg{width:12px;height:12px}._radioInput_1c40n_335:checked+._radio_1c40n_315{background:var(--primitives-brand-200);color:var(--primitives-brand-800);border-color:var(--primitives-brand-300)}._radioInput_1c40n_335:checked+._radio_1c40n_315 ._check_1c40n_327{display:block}._radioInput_1c40n_335:focus-visible+._radio_1c40n_315{outline:2px solid var(--primitives-brand-600);outline-offset:2px}._check_1c40n_327{display:none;margin-left:auto}[data-theme=dark] ._container_1c40n_298{background:var(--primitives-neutral-800);color:var(--primitives-neutral-25);border:1px solid var(--primitives-neutral-700)}[data-theme=dark] ._radio_1c40n_315{border:1px solid var(--primitives-neutral-700)}[data-theme=dark] ._radio_1c40n_315:hover{border-color:var(--primitives-neutral-600)}[data-theme=dark] ._radioInput_1c40n_335:checked+._radio_1c40n_315{background:var(--primitives-brand-800);color:var(--primitives-neutral-25);border-color:var(--primitives-brand-600)}:root{--button-colors-neutral-background-default: var(--primitives-neutral-800);--button-colors-neutral-background-hover: var(--primitives-neutral-700);--button-colors-neutral-background-pressed: var(--primitives-neutral-900);--button-colors-neutral-background-focus: var(--primitives-neutral-800);--button-colors-neutral-background-disabled: var(--primitives-neutral-300);--button-colors-neutral-text-default: var(--primitives-neutral-0);--button-colors-neutral-text-hover: var(--primitives-neutral-0);--button-colors-neutral-text-pressed: var(--primitives-neutral-0);--button-colors-neutral-text-focus: var(--primitives-neutral-0);--button-colors-neutral-text-disabled: var(--primitives-neutral-0);--button-colors-neutral-stroke-inner: rgba(255, 255, 255, .04);--button-colors-neutral-stroke-outer-default: var(--primitives-neutral-900);--button-colors-neutral-stroke-outer-hover: var(--primitives-neutral-800);--button-colors-white-background-default: var(--primitives-neutral-0);--button-colors-white-background-hover: var(--primitives-neutral-50);--button-colors-white-background-pressed: var(--primitives-neutral-100);--button-colors-white-background-focus: var(--primitives-neutral-100);--button-colors-white-background-disabled: var(--primitives-neutral-300);--button-colors-white-text-default: var(--primitives-neutral-900);--button-colors-white-text-hover: var(--primitives-neutral-1000);--button-colors-white-text-pressed: var(--primitives-neutral-1000);--button-colors-white-text-focus: var(--primitives-neutral-1000);--button-colors-white-text-disabled: var(--primitives-neutral-0);--button-colors-white-stroke-inner-default: rgba(0, 0, 0, .12);--button-colors-white-stroke-outer-default: var(--primitives-neutral-200);--button-colors-white-stroke-outer-hover: var(--primitives-neutral-300);--button-colors-white-stroke-outer-disabled: var(--primitives-neutral-200);--button-colors-white-stroke-outer-pressed: var(--primitives-neutral-200);--button-colors-plain-background-default: rgba(242, 241, 244, 0);--button-colors-plain-background-hover: rgba(255, 255, 255, .49);--button-colors-plain-background-pressed: rgba(255, 255, 255, .58);--button-colors-plain-background-focus: rgba(255, 255, 255, .79);--button-colors-plain-background-disabled: rgba(200, 199, 209, 0);--button-colors-plain-text-default: var(--primitives-neutral-900);--button-colors-plain-text-hover: var(--primitives-neutral-1000);--button-colors-plain-text-pressed: var(--primitives-neutral-1000);--button-colors-plain-text-focus: var(--primitives-neutral-1000);--button-colors-plain-text-disabled: var(--primitives-neutral-500);--button-colors-plain-stroke-inner-default: rgba(0, 0, 0, .12);--button-colors-plain-stroke-outer-default: transparent;--button-colors-plain-stroke-outer-hover: var(--primitives-neutral-200);--button-colors-plain-stroke-outer-disabled: var(--primitives-neutral-200);--button-colors-plain-stroke-outer-pressed: var(--primitives-neutral-200);--button-colors-transparent-background-default: rgba(255, 255, 255, 0);--button-colors-transparent-background-hover: rgba(255, 255, 255, .36);--button-colors-transparent-background-pressed: rgba(255, 255, 255, 1);--button-colors-transparent-background-focus: rgba(255, 255, 255, 0);--button-colors-transparent-background-disabled: rgba(255, 255, 255, 0);--button-colors-transparent-text-default: var(--primitives-neutral-900);--button-colors-transparent-text-hover: var(--primitives-neutral-1000);--button-colors-transparent-text-pressed: var(--primitives-neutral-1000);--button-colors-transparent-text-focus: var(--primitives-neutral-1000);--button-colors-transparent-text-disabled: var(--primitives-neutral-500);--button-colors-transparent-stroke-inner-default: rgba(255, 255, 255, .2);--button-colors-transparent-stroke-inner-hover: rgba(255, 255, 255, .4);--button-colors-transparent-stroke-outer-default: rgba(0, 0, 0, .12);--button-colors-transparent-stroke-outer-hover: rgba(0, 0, 0, .3);--button-colors-transparent-stroke-outer-disabled: var( --primitives-neutral-200 );--button-colors-transparent-stroke-outer-pressed: var( --primitives-neutral-200 );--button-colors-brand-background-default: var(--primitives-brand-600);--button-colors-brand-background-hover: var(--primitives-brand-500);--button-colors-brand-background-pressed: var(--primitives-brand-700);--button-colors-brand-background-focus: var(--primitives-brand-600);--button-colors-brand-background-disabled: var(--primitives-neutral-300);--button-colors-brand-text-default: var(--primitives-neutral-0);--button-colors-brand-stroke-inner-default: rgba(255, 255, 255, .2);--button-colors-brand-stroke-outer-default: var(--primitives-brand-700);--button-colors-brand-stroke-outer-hover: var(--primitives-brand-600);--button-colors-brand-stroke-outer-disabled: var(--primitives-neutral-200);--button-colors-brand-stroke-outer-pressed: var(--primitives-neutral-200);--button-colors-brand-text-hover: var(--primitives-neutral-0);--button-colors-brand-text-pressed: var(--primitives-neutral-0);--button-colors-brand-text-focus: var(--primitives-neutral-0);--button-colors-brand-text-disabled: var(--primitives-neutral-0);--button-colors-success-background-default: var(--primitives-success-700);--button-colors-success-background-hover: var(--primitives-success-600);--button-colors-success-background-pressed: var(--primitives-success-700);--button-colors-success-background-focus: var(--primitives-success-600);--button-colors-success-background-disabled: var(--primitives-neutral-300);--button-colors-success-text-default: var(--primitives-neutral-0);--button-colors-success-stroke-inner-default: rgba(255, 255, 255, .12);--button-colors-success-stroke-outer-default: var(--primitives-success-800);--button-colors-success-stroke-outer-hover: var(--primitives-success-700);--button-colors-success-stroke-outer-disabled: var(--primitives-neutral-200);--button-colors-success-stroke-outer-pressed: var(--primitives-neutral-200);--button-colors-success-text-hover: var(--primitives-neutral-0);--button-colors-success-text-pressed: var(--primitives-neutral-0);--button-colors-success-text-focus: var(--primitives-neutral-0);--button-colors-success-text-disabled: var(--primitives-neutral-0);--button-colors-attention-background-default: var(--primitives-attention-500);--button-colors-attention-background-hover: var(--primitives-attention-600);--button-colors-attention-background-pressed: var(--primitives-attention-700);--button-colors-attention-background-focus: var(--primitives-attention-600);--button-colors-attention-background-disabled: var(--primitives-neutral-300);--button-colors-attention-text-default: var(--primitives-neutral-0);--button-colors-attention-stroke-inner-default: rgba(255, 255, 255, .12);--button-colors-attention-stroke-outer-default: var( --primitives-attention-600 );--button-colors-attention-stroke-outer-hover: var(--primitives-attention-600);--button-colors-attention-stroke-outer-disabled: var( --primitives-neutral-300 );--button-colors-attention-stroke-outer-pressed: var(--primitives-neutral-200);--button-colors-attention-text-hover: var(--primitives-neutral-0);--button-colors-attention-text-pressed: var(--primitives-neutral-0);--button-colors-attention-text-focus: var(--primitives-neutral-0);--button-colors-attention-text-disabled: var(--primitives-neutral-0);--button-colors-danger-background-default: var(--primitives-danger-600);--button-colors-danger-background-hover: var(--primitives-danger-500);--button-colors-danger-background-pressed: var(--primitives-danger-700);--button-colors-danger-background-focus: var(--primitives-danger-600);--button-colors-danger-background-disabled: var(--primitives-neutral-300);--button-colors-danger-text-default: var(--primitives-neutral-0);--button-colors-danger-text-hover: var(--primitives-neutral-0);--button-colors-danger-text-pressed: var(--primitives-neutral-0);--button-colors-danger-text-focus: var(--primitives-neutral-0);--button-colors-danger-text-disabled: var(--primitives-neutral-0);--button-colors-danger-stroke-inner-default: rgba(255, 255, 255, .12);--button-colors-danger-stroke-outer-default: var(--primitives-danger-600);--button-colors-danger-stroke-outer-hover: var(--primitives-danger-500);--button-colors-danger-stroke-outer-disabled: var(--primitives-neutral-300);--button-colors-danger-stroke-outer-pressed: var(--primitives-neutral-200)}@media screen{:root{--button-text: var(--primitives-neutral-1000);--button-transparent-border: #00000012;--button-transparent-border-hover: #00000022}}[data-theme=dark]{--button-colors-neutral-background-default: var(--primitives-neutral-800);--button-colors-neutral-background-hover: var(--primitives-neutral-600);--button-colors-neutral-background-pressed: var(--primitives-neutral-900);--button-colors-neutral-background-focus: var(--primitives-neutral-800);--button-colors-neutral-background-disabled: var(--primitives-neutral-300);--button-colors-neutral-text-default: var(--primitives-neutral-0);--button-colors-neutral-text-hover: var(--primitives-neutral-0);--button-colors-neutral-text-pressed: var(--primitives-neutral-0);--button-colors-neutral-text-focus: var(--primitives-neutral-0);--button-colors-neutral-text-disabled: var(--primitives-neutral-0);--button-colors-neutral-stroke-inner: rgba(255, 255, 255, .04);--button-colors-neutral-stroke-outer-default: var(--primitives-neutral-1000);--button-colors-neutral-stroke-outer-hover: var(--primitives-neutral-1000);--button-colors-white-background-default: var(--primitives-neutral-0);--button-colors-white-background-hover: var(--primitives-neutral-50);--button-colors-white-background-pressed: var(--primitives-neutral-100);--button-colors-white-background-focus: var(--primitives-neutral-100);--button-colors-white-background-disabled: var(--primitives-neutral-300);--button-colors-white-text-default: var(--primitives-neutral-900);--button-colors-white-text-hover: var(--primitives-neutral-1000);--button-colors-white-text-pressed: var(--primitives-neutral-1000);--button-colors-white-text-focus: var(--primitives-neutral-1000);--button-colors-white-text-disabled: var(--primitives-neutral-0);--button-colors-white-stroke-inner-default: var(--primitives-neutral-0);--button-colors-white-stroke-outer-default: var(--primitives-neutral-800);--button-colors-white-stroke-outer-hover: var(--primitives-neutral-900);--button-colors-white-stroke-outer-disabled: var(--primitives-neutral-800);--button-colors-white-stroke-outer-pressed: var(--primitives-neutral-800);--button-colors-plain-background-default: rgba(47, 46, 56, 0);--button-colors-plain-background-hover: var(--primitives-neutral-800);--button-colors-plain-background-pressed: var(--primitives-neutral-700);--button-colors-plain-background-focus: var(--primitives-neutral-700);--button-colors-plain-background-disabled: rgba(47, 46, 56, 0);--button-colors-plain-text-default: var(--primitives-neutral-25);--button-colors-plain-text-hover: var(--primitives-neutral-0);--button-colors-plain-text-pressed: var(--primitives-neutral-0);--button-colors-plain-text-focus: var(--primitives-neutral-0);--button-colors-plain-text-disabled: var(--primitives-neutral-500);--button-colors-plain-stroke-inner-default: rgba(0, 0, 0, .87);--button-colors-plain-stroke-outer-default: transparent;--button-colors-plain-stroke-outer-hover: var(--primitives-neutral-700);--button-colors-plain-stroke-outer-disabled: var(--primitives-neutral-800);--button-colors-plain-stroke-outer-pressed: var(--primitives-neutral-800);--button-colors-transparent-background-default: rgba(255, 255, 255, .02);--button-colors-transparent-background-hover: rgba(133, 133, 133, .09);--button-colors-transparent-background-pressed: var( --primitives-neutral-1000 );--button-colors-transparent-background-focus: var(--primitives-neutral-1000);--button-colors-transparent-background-disabled: rgba(0, 0, 0, 0);--button-colors-transparent-text-default: var(--primitives-neutral-25);--button-colors-transparent-text-hover: var(--primitives-neutral-0);--button-colors-transparent-text-pressed: var(--primitives-neutral-0);--button-colors-transparent-text-focus: var(--primitives-neutral-0);--button-colors-transparent-text-disabled: var(--primitives-neutral-500);--button-colors-transparent-stroke-inner-default: rgba(255, 255, 255, .08);--button-colors-transparent-stroke-inner-hover: rgba(255, 255, 255, .08);--button-colors-transparent-stroke-outer-default: rgba(0, 0, 0, .5);--button-colors-transparent-stroke-outer-hover: rgba(0, 0, 0, .75);--button-colors-transparent-stroke-outer-disabled: var( --primitives-neutral-800 );--button-colors-transparent-stroke-outer-pressed: var( --primitives-neutral-800 );--button-colors-brand-background-default: var(--primitives-brand-600);--button-colors-brand-background-hover: var(--primitives-brand-500);--button-colors-brand-background-pressed: var(--primitives-brand-700);--button-colors-brand-background-focus: var(--primitives-brand-600);--button-colors-brand-background-disabled: var(--primitives-neutral-300);--button-colors-brand-text-default: var(--primitives-neutral-0);--button-colors-brand-stroke-inner-default: rgba(255, 255, 255, .2);--button-colors-brand-stroke-outer-default: var(--primitives-brand-900);--button-colors-brand-stroke-outer-hover: var(--primitives-brand-1000);--button-colors-brand-stroke-outer-disabled: var(--primitives-neutral-0);--button-colors-brand-stroke-outer-pressed: var(--primitives-neutral-0);--button-colors-brand-text-hover: var(--primitives-neutral-0);--button-colors-brand-text-pressed: var(--primitives-neutral-0);--button-colors-brand-text-focus: var(--primitives-neutral-0);--button-colors-brand-text-disabled: var(--primitives-neutral-0);--button-colors-success-background-default: var(--primitives-success-600);--button-colors-success-background-hover: var(--primitives-success-500);--button-colors-success-background-pressed: var(--primitives-success-700);--button-colors-success-background-focus: var(--primitives-success-600);--button-colors-success-background-disabled: var(--primitives-neutral-300);--button-colors-success-text-default: var(--primitives-neutral-0);--button-colors-success-stroke-inner-default: rgba(255, 255, 255, .12);--button-colors-success-stroke-outer-default: var(--primitives-success-1000);--button-colors-success-stroke-outer-hover: var(--primitives-success-700);--button-colors-success-stroke-outer-disabled: var(--primitives-neutral-200);--button-colors-success-stroke-outer-pressed: var(--primitives-neutral-200);--button-colors-success-text-hover: var(--primitives-neutral-0);--button-colors-success-text-pressed: var(--primitives-neutral-0);--button-colors-success-text-focus: var(--primitives-neutral-0);--button-colors-success-text-disabled: var(--primitives-neutral-0);--button-colors-attention-background-default: var(--primitives-attention-600);--button-colors-attention-background-hover: var(--primitives-attention-500);--button-colors-attention-background-pressed: var(--primitives-attention-600);--button-colors-attention-background-focus: var(--primitives-attention-600);--button-colors-attention-background-disabled: var(--primitives-neutral-300);--button-colors-attention-text-default: var(--primitives-neutral-0);--button-colors-attention-stroke-inner-default: rgba(255, 255, 255, .12);--button-colors-attention-stroke-outer-default: var( --primitives-attention-600 );--button-colors-attention-stroke-outer-hover: var(--primitives-attention-600);--button-colors-attention-stroke-outer-disabled: var( --primitives-neutral-300 );--button-colors-attention-stroke-outer-pressed: var(--primitives-neutral-200);--button-colors-attention-text-hover: var(--primitives-neutral-0);--button-colors-attention-text-pressed: var(--primitives-neutral-0);--button-colors-attention-text-focus: var(--primitives-neutral-0);--button-colors-attention-text-disabled: var(--primitives-neutral-0);--button-colors-danger-background-default: var(--primitives-danger-600);--button-colors-danger-background-hover: var(--primitives-danger-500);--button-colors-danger-background-pressed: var(--primitives-danger-700);--button-colors-danger-background-focus: var(--primitives-danger-600);--button-colors-danger-background-disabled: var(--primitives-neutral-300);--button-colors-danger-text-default: var(--primitives-neutral-0);--button-colors-danger-text-hover: var(--primitives-neutral-0);--button-colors-danger-text-pressed: var(--primitives-neutral-0);--button-colors-danger-text-focus: var(--primitives-neutral-0);--button-colors-danger-text-disabled: var(--primitives-neutral-0);--button-colors-danger-stroke-inner-default: rgba(255, 255, 255, .12);--button-colors-danger-stroke-outer-default: var(--primitives-danger-700);--button-colors-danger-stroke-outer-hover: var(--primitives-danger-600);--button-colors-danger-stroke-outer-disabled: var(--primitives-neutral-300);--button-colors-danger-stroke-outer-pressed: var(--primitives-neutral-200)}@media screen{[data-theme=dark]{--button-text: var(--primitives-neutral-0);--button-transparent-border: #00000050;--button-transparent-border-hover: #00000060}}._header_sqgaq_293{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--primitives-neutral-0);z-index:1339}._outer_sqgaq_304{display:flex;justify-content:center;align-items:center;width:100%;border-top:1px solid rgba(0,0,0,0);border-bottom:1px solid var(--primitives-neutral-50)}._main_sqgaq_313{height:82px}._container_sqgaq_317{display:flex;justify-content:space-between;align-items:center}._links_sqgaq_323,._buttons_sqgaq_324{display:flex;gap:8px}._menu_sqgaq_329{display:none}._logo_sqgaq_333{border-radius:6px}._logo_sqgaq_333:focus-visible{outline:3px solid var(--primitives-brand-600);outline-offset:4px}._logo_sqgaq_333 svg{height:32px;vertical-align:top}._sub_sqgaq_345{height:72px}._subContainer_sqgaq_349{display:flex;justify-content:center;align-items:center;gap:8px;list-style:none;-webkit-user-select:none;user-select:none;overflow-x:auto}._subContainer_sqgaq_349 li{flex-shrink:0}._subContainer_sqgaq_349 a{font-size:1rem;font-weight:500;line-height:130%;display:inline-flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;padding:0 10px;color:var(--primitives-neutral-1000);text-decoration:none;border-radius:6px;transition:color .2s cubic-bezier(.075,.82,.165,1)}._subContainer_sqgaq_349 a:hover,._subContainer_sqgaq_349 a._selected_sqgaq_376{color:var(--primitives-brand-700)}._subContainer_sqgaq_349 a:focus-visible{outline:3px solid var(--primitives-brand-600);outline-offset:2px}._subContainer_sqgaq_349 svg{width:20px;height:20px}._subTag_sqgaq_388{margin-left:6px;text-transform:uppercase}._subTag-success_sqgaq_393{color:var(--primitives-success-500)}._subTag-brand_sqgaq_397{color:var(--primitives-brand-600)}[data-theme=dark] ._header_sqgaq_293{background:var(--primitives-neutral-900)}[data-theme=dark] ._sub_sqgaq_345{background:var(--primitives-neutral-800)}[data-theme=dark] ._outer_sqgaq_304{border-bottom:1px solid var(--primitives-neutral-900)}[data-theme=dark] ._subContainer_sqgaq_349 a{color:var(--primitives-neutral-25)}[data-theme=dark] ._subContainer_sqgaq_349 a:hover,[data-theme=dark] ._subContainer_sqgaq_349 a._selected_sqgaq_376{color:var(--primitives-brand-500)}@media (max-width: 1159px){._container_sqgaq_317>div{gap:4px}._gpt_sqgaq_421{display:none}}@media (max-width: 849px){._subContainer_sqgaq_349{justify-content:flex-start;padding:10px}._links_sqgaq_323{display:none}._menu_sqgaq_329{display:inline-flex}._buttons_sqgaq_324>:not(._menu_sqgaq_329){display:none}}/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--primitives-neutral-0: #FFFFFF;--primitives-neutral-25: #F7F7F8;--primitives-neutral-50: #F2F1F4;--primitives-neutral-100: #E3E3E8;--primitives-neutral-200: #C8C7D1;--primitives-neutral-300: #ACABBA;--primitives-neutral-400: #918FA3;--primitives-neutral-500: #75738C;--primitives-neutral-600: #5E5C70;--primitives-neutral-700: #474554;--primitives-neutral-750: #3B3A46;--primitives-neutral-800: #2F2E38;--primitives-neutral-900: #18171C;--primitives-neutral-1000: #000000;--primitives-brand-50: #F6F8FF;--primitives-brand-100: #F0F1FF;--primitives-brand-200: #E1E3FF;--primitives-brand-300: #C3C8FF;--primitives-brand-400: #A5ACFF;--primitives-brand-500: #8791FF;--primitives-brand-600: #626BD0;--primitives-brand-700: #4A55C9;--primitives-brand-800: #3F4699;--primitives-brand-900: #2A2F66;--primitives-brand-1000: #151733;--primitives-success-50: #ECFDF5;--primitives-success-100: #D1FAE5;--primitives-success-200: #A7F3D0;--primitives-success-300: #6EE7B7;--primitives-success-400: #34D399;--primitives-success-500: #10B981;--primitives-success-600: #059669;--primitives-success-700: #047857;--primitives-success-800: #065F46;--primitives-success-900: #064E3B;--primitives-success-1000: #033427;--primitives-attention-50: #FFFBEB;--primitives-attention-100: #FEF3C7;--primitives-attention-200: #FDE68A;--primitives-attention-300: #FCD34D;--primitives-attention-400: #FBBF24;--primitives-attention-500: #F59E0B;--primitives-attention-600: #D97706;--primitives-attention-700: #B45309;--primitives-attention-800: #92400E;--primitives-attention-900: #78350F;--primitives-attention-1000: #592507;--primitives-danger-50: #FEF2F2;--primitives-danger-100: #FEE2E2;--primitives-danger-200: #FECACA;--primitives-danger-300: #FCA5A5;--primitives-danger-400: #F87171;--primitives-danger-500: #EF4444;--primitives-danger-600: #DC2626;--primitives-danger-700: #B91C1C;--primitives-danger-800: #991B1B;--primitives-danger-900: #7F1D1D;--primitives-danger-1000: #570D0D;--shadow-size-50: 0px 0px 1px 0px rgba(0, 0, 0, .1), 0px 1px 1px 0px rgba(0, 0, 0, .09), 0px 3px 2px 0px rgba(0, 0, 0, .05), 0px 6px 2px 0px rgba(0, 0, 0, .01);--shadow-size-100: 0px 1px 2px 0px rgba(0, 0, 0, .06), 0px 3px 3px 0px rgba(0, 0, 0, .05), 0px 7px 4px 0px rgba(0, 0, 0, .03), 0px 13px 5px 0px rgba(0, 0, 0, .01);--shadow-size-200: 0px 1px 2px 0px rgba(0, 0, 0, .08), 0px 4px 4px 0px rgba(0, 0, 0, .07), 0px 10px 6px 0px rgba(0, 0, 0, .04), 0px 18px 7px 0px rgba(0, 0, 0, .01);--shadow-size-300: 0px 2px 4px 0px rgba(0, 0, 0, .08), 0px 7px 7px 0px rgba(0, 0, 0, .07), 0px 17px 10px 0px rgba(0, 0, 0, .04), 0px 30px 12px 0px rgba(0, 0, 0, .01);--border_radius-size-0: 0px;--border_radius-size-1: 1px;--border_radius-size-2: 2px;--border_radius-size-4: 4px;--border_radius-size-8: 8px;--border_radius-size-16: 16px;--border_radius-size-32: 32px;--border_radius-size-64: 64px;--border_radius-size-128: 128px;--border_radius-size-full: 100%;--breakpoint-size-mobile: 375px;--breakpoint-size-tablet: 515px;--breakpoint-size-laptop: 1000px;--breakpoint-size-desktop: 1160px;--breakpoint-size-desktop-plus: 1300px;--containers-max-width: 1300px;--containers-outer-padding: 20px;--containers-inner-padding-0: 0px;--containers-inner-padding-50: 2px;--containers-inner-padding-100: 4px;--containers-inner-padding-200: 8px;--containers-inner-padding-300: 12px;--containers-inner-padding-400: 16px;--containers-inner-padding-500: 20px;--containers-inner-padding-600: 24px;--containers-inner-padding-700: 32px;--containers-inner-padding-800: 40px;--containers-inner-padding-900: 48px;--containers-inner-padding-1000: 64px;--containers-inner-padding-1100: 80px;--containers-inner-padding-1200: 96px;--containers-inner-padding-1300: 112px;--containers-inner-padding-1400: 120px;--containers-inner-padding-1500: 128px;--margin-size-0: 0px;--margin-size-1: 1px;--margin-size-2: 2px;--margin-size-4: 4px;--margin-size-8: 8px;--margin-size-16: 16px;--margin-size-32: 32px;--margin-size-64: 64px;--margin-size-128: 128px;--margin-size-256: 256px;--margin-size-512: 512px;--padding-size-0: 0px;--padding-size-1: 1px;--padding-size-2: 2px;--padding-size-4: 4px;--padding-size-8: 8px;--padding-size-16: 16px;--padding-size-32: 32px;--padding-size-64: 64px;--padding-size-128: 128px;--padding-size-256: 256px;--padding-size-512: 512px;--brand_dark-chart-color1: #8087E8;--brand_dark-chart-color2: #A3EDBA;--brand_dark-chart-color3: #F19E53;--brand_dark-chart-color4: #6699A1;--brand_dark-chart-color5: #E1D369;--brand_dark-chart-color6: #87B4E7;--brand_dark-chart-color7: #DA6D85;--brand_dark-chart-color8: #BBBAC5;--brand_dark-background-color: #1f1836;--brand_dark-text-color: #ffffff;--brand_light-chart-color1: #8087E8;--brand_light-chart-color2: #A3EDBA;--brand_light-chart-color3: #F19E53;--brand_light-chart-color4: #6699A1;--brand_light-chart-color5: #E1D369;--brand_light-chart-color6: #87B4E7;--brand_light-chart-color7: #DA6D85;--brand_light-chart-color8: #BBBAC5;--brand_light-background-color: #f0f0f0;--brand_light-text-color: #2F2B38;--dark_unica-chart-color1: #2b908f;--dark_unica-chart-color2: #90ee7e;--dark_unica-chart-color3: #f45b5b;--dark_unica-chart-color4: #7798BF;--dark_unica-chart-color5: #aaeeee;--dark_unica-chart-color6: #ff0066;--dark_unica-chart-color7: #eeaaee;--dark_unica-chart-color8: #55BF3B;--dark_unica-chart-color9: #DF5353;--dark_unica-chart-color10: #7798BF;--dark_unica-chart-color11: #aaeeee;--dark_unica-background-color: #2a2a2b;--dark_unica-text-color: #E0E0E3;--default-chart-color1: #2caffe;--default-chart-color2: #544fc5;--default-chart-color3: #00e272;--default-chart-color4: #fe6a35;--default-chart-color5: #6b8abc;--default-chart-color6: #d568fb;--default-chart-color7: #2ee0ca;--default-chart-color8: #fa4b42;--default-chart-color9: #f9c80e;--default-chart-color10: #f9c80e;--default-background-color: #ffffff;--default-text-color: #000000;--grid_light-chart-color1: #7cb5ec;--grid_light-chart-color2: #f7a35c;--grid_light-chart-color3: #90ee7e;--grid_light-chart-color4: #7798BF;--grid_light-chart-color5: #aaeeee;--grid_light-chart-color6: #ff0066;--grid_light-chart-color7: #eeaaee;--grid_light-chart-color8: #55BF3B;--grid_light-chart-color9: #DF5353;--grid_light-chart-color10: #7798BF;--grid_light-chart-color11: #aaeeee;--grid_light-background-color: transparent;--grid_light-text-color: #000000;--sand_signika-chart-color1: #f45b5b;--sand_signika-chart-color2: #8085e9;--sand_signika-chart-color3: #8d4654;--sand_signika-chart-color4: #7798BF;--sand_signika-chart-color5: #aaeeee;--sand_signika-chart-color6: #ff0066;--sand_signika-chart-color7: #eeaaee;--sand_signika-chart-color8: #55BF3B;--sand_signika-chart-color9: #DF5353;--sand_signika-chart-color10: #7798BF;--sand_signika-chart-color11: #aaeeee;--sand_signika-background-color: transparent;--sand_signika-text-color: #000000;--headings-size-h1: 56px;--headings-size-h2: 42px;--headings-size-h3: 32px;--headings-size-h4: 24px;--headings-size-h5: 18px;--headings-size-h6: 16px;--headings-lineHeight-text: 130%;--headings-weight-bold: 700;--typography-size-50: 11px;--typography-size-75: 12px;--typography-size-100: 14px;--typography-size-200: 16px;--typography-size-300: 18px;--typography-size-400: 20px;--typography-size-500: 22px;--typography-size-600: 25px;--typography-size-700: 28px;--typography-size-800: 32px;--typography-size-900: 36px;--typography-size-1000: 40px;--typography-lineHeight-ui: 100%;--typography-lineHeight-text: 130%;--typography-weight-normal: 400;--typography-weight-medium: 500;--typography-weight-semi: 600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
+._button_57js8_293{position:relative;display:inline-flex;justify-content:center;align-items:center;padding:0;background-color:var(--primitives-neutral-800);color:var(--primitives-neutral-0);border:1px solid transparent;outline:none;text-decoration:none;-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;transition:.2s cubic-bezier(.075,.82,.165,1);transform:translateZ(0)}._button_57js8_293:hover,._button_57js8_293:focus{transform:translate3d(0,-1px,0)}._button_57js8_293:focus-visible{outline:2px solid var(--primitives-brand-500);outline-offset:2px}._button_57js8_293:active{transform:translateZ(0)}._button_57js8_293:disabled:hover,._button_57js8_293:disabled:focus{transform:translateZ(0);cursor:default}._button_57js8_293:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid transparent;border-radius:inherit;background:linear-gradient(0deg,transparent,rgba(255,255,255,.1)) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}._neutral_57js8_335{background-color:var(--button-colors-neutral-background-default);color:var(--button-colors-neutral-text-default);border-color:var(--button-colors-neutral-stroke-outer-default)}._neutral_57js8_335:hover{background-color:var(--button-colors-neutral-background-hover);color:var(--button-colors-neutral-text-hover);border-color:var(--button-colors-neutral-stroke-outer-hover)}._neutral_57js8_335:active{background-color:var(--button-colors-neutral-background-pressed);color:var(--button-colors-neutral-text-pressed)}._neutral_57js8_335:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--primitives-brand-500);color:var(--button-colors-neutral-text-focus)}._neutral_57js8_335:disabled{background-color:var(--button-colors-neutral-background-disabled);color:var(--button-colors-neutral-text-disabled);border-color:var(--button-colors-neutral-stroke-outer-disabled)}._white_57js8_359{background-color:var(--button-colors-white-background-default);color:var(--button-colors-white-text-default);border-color:var(--button-colors-white-stroke-outer-default)}._white_57js8_359:hover{background-color:var(--button-colors-white-background-hover);color:var(--button-colors-white-text-hover);border-color:var(--button-colors-white-stroke-outer-hover)}._white_57js8_359:active{background-color:var(--button-colors-white-background-pressed);color:var(--button-colors-white-text-pressed)}._white_57js8_359:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--primitives-brand-500);color:var(--button-colors-white-text-focus)}._white_57js8_359:disabled{background-color:var(--button-colors-white-background-disabled);color:var(--button-colors-white-text-disabled);border-color:var(--button-colors-white-stroke-outer-disabled)}._transparent_57js8_383{background-color:var(--button-colors-transparent-background-default);color:var(--button-colors-transparent-text-default);border-color:var(--button-colors-transparent-stroke-outer-default)}._transparent_57js8_383:hover{background-color:var(--button-colors-transparent-background-hover);color:var(--button-colors-transparent-text-hover);border-color:var(--button-colors-transparent-stroke-outer-hover)}._transparent_57js8_383:active{background-color:var(--button-colors-transparent-background-pressed);color:var(--button-colors-transparent-text-pressed)}._transparent_57js8_383:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--button-colors-transparent-stroke-outer-hover);color:var(--button-colors-transparent-text-focus)}._transparent_57js8_383:disabled{background-color:var(--button-colors-transparent-background-disabled);color:var(--button-colors-transparent-text-disabled);border-color:var(--button-colors-transparent-stroke-outer-disabled)}._plain_57js8_407{color:var(--button-colors-plain-text-default);background-color:var(--button-colors-plain-background-default);border-color:var(--button-colors-plain-stroke-outer-default)}._plain_57js8_407:hover{color:var(--button-colors-plain-text-hover);background-color:var(--button-colors-plain-background-hover);border-color:var(--button-colors-plain-stroke-outer-hover)}._plain_57js8_407:active{color:var(--button-colors-plain-text-pressed);background-color:var(--button-colors-plain-background-pressed)}._plain_57js8_407:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--primitives-brand-500);color:var(--button-colors-plain-text-focus)}._plain_57js8_407:disabled{background-color:var(--button-colors-plain-background-disabled);color:var(--button-colors-plain-text-disabled);border-color:var(--button-colors-plain-stroke-outer-disabled)}._brand_57js8_431{background-color:var(--button-colors-brand-background-default);color:var(--button-colors-brand-text-default);border-color:var(--button-colors-brand-stroke-outer-default)}._brand_57js8_431:hover{background-color:var(--button-colors-brand-background-hover);color:var(--button-colors-brand-text-hover);border-color:var(--button-colors-brand-stroke-outer-hover)}._brand_57js8_431:active{background-color:var(--button-colors-brand-background-pressed);color:var(--button-colors-brand-text-pressed)}._brand_57js8_431:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--button-colors-brand-background-focus);color:var(--button-colors-brand-text-focus)}._brand_57js8_431:disabled{background-color:var(--button-colors-brand-background-disabled);color:var(--button-colors-brand-text-disabled);border-color:var(--button-colors-brand-stroke-outer-disabled)}._success_57js8_455{background-color:var(--button-colors-success-background-default);color:var(--button-colors-success-text-default);border-color:var(--button-colors-success-stroke-outer-default)}._success_57js8_455:hover{background-color:var(--button-colors-success-background-hover);color:var(--button-colors-success-text-hover);border-color:var(--button-colors-success-stroke-outer-hover)}._success_57js8_455:active{background-color:var(--button-colors-success-background-pressed);color:var(--button-colors-success-text-pressed)}._success_57js8_455:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--button-colors-success-background-focus);color:var(--button-colors-success-text-focus)}._success_57js8_455:disabled{background-color:var(--button-colors-success-background-disabled);color:var(--button-colors-success-text-disabled);border-color:var(--button-colors-success-stroke-outer-disabled)}._attention_57js8_479{background-color:var(--button-colors-attention-background-default);color:var(--button-colors-attention-text-default);border-color:var(--button-colors-attention-stroke-outer-default)}._attention_57js8_479:hover{background-color:var(--button-colors-attention-background-hover);color:var(--button-colors-attention-text-hover);border-color:var(--button-colors-attention-stroke-outer-hover)}._attention_57js8_479:active{background-color:var(--button-colors-attention-background-pressed);color:var(--button-colors-attention-text-pressed)}._attention_57js8_479:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--button-colors-attention-background-focus);color:var(--button-colors-attention-text-focus)}._attention_57js8_479:disabled{background-color:var(--button-colors-attention-background-disabled);color:var(--button-colors-attention-text-disabled);border-color:var(--button-colors-attention-stroke-outer-disabled)}._danger_57js8_503{background-color:var(--button-colors-danger-background-default);color:var(--button-colors-danger-text-default);border-color:var(--button-colors-danger-stroke-outer-default)}._danger_57js8_503:hover{background-color:var(--button-colors-danger-background-hover);color:var(--button-colors-danger-text-hover);border-color:var(--button-colors-danger-stroke-outer-hover)}._danger_57js8_503:active{background-color:var(--button-colors-danger-background-pressed);color:var(--button-colors-danger-text-pressed)}._danger_57js8_503:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--button-colors-danger-background-focus);color:var(--button-colors-danger-text-focus)}._danger_57js8_503:disabled{background-color:var(--button-colors-danger-background-disabled);color:var(--button-colors-danger-text-disabled);border-color:var(--button-colors-danger-stroke-outer-disabled)}._size-50_57js8_527{font-size:.625rem;font-weight:500;line-height:130%;height:20px;border-radius:6px;padding:3px;gap:4px}._size-50_57js8_527:before{border-radius:5px}._size-50_57js8_527 svg{width:12px;height:12px}._size-100_57js8_544{font-size:.75rem;font-weight:500;line-height:130%;height:24px;border-radius:6px;padding:5px;gap:6px}._size-100_57js8_544:before{border-radius:5px}._size-100_57js8_544 svg{width:12px;height:12px}._size-200_57js8_561{font-size:.875rem;font-weight:500;line-height:130%;height:32px;border-radius:8px;padding:7px;gap:8px}._size-200_57js8_561:before{border-radius:7px}._size-200_57js8_561 svg{width:16px;height:16px}._size-300_57js8_578{font-size:1rem;font-weight:500;line-height:130%;height:36px;border-radius:8px;padding:9px;gap:10px}._size-300_57js8_578:before{border-radius:7px}._size-300_57js8_578 svg{width:16px;height:16px}._size-400_57js8_595{font-size:1.125rem;font-weight:500;line-height:130%;height:44px;border-radius:10px;padding:11px;gap:10px}._size-400_57js8_595:before{border-radius:9px}._size-400_57js8_595 svg{width:20px;height:20px}._size-500_57js8_612{font-size:1.25rem;font-weight:500;line-height:130%;height:52px;border-radius:12px;padding:13px;gap:10px}._size-500_57js8_612:before{border-radius:11px}._size-500_57js8_612 svg{width:24px;height:24px}._full_57js8_629{width:100%}._container_mh6y2_1{width:100%;padding-left:20px;padding-right:20px;margin:0 auto}@media (min-width: 850px){._container_mh6y2_1{max-width:850px}}@media (min-width: 1000px){._container_mh6y2_1{max-width:1000px}}@media (min-width: 1160px){._container_mh6y2_1{max-width:1160px}}@media (min-width: 1300px){._container_mh6y2_1{max-width:1300px}}[data-theme=dark] ._inputContainer_1hfog_293{background:var(--primitives-neutral-1000)}[data-theme=dark] ._bottomFade_1hfog_296{background:linear-gradient(to bottom,#0000,#000)}[data-theme=dark] ._inputWrap_1hfog_299>svg{stroke:var(--primitives-neutral-500)}[data-theme=dark] ._textarea_1hfog_302{background:var(--primitives-neutral-900);color:var(--primitives-neutral-50)}._inputContainer_1hfog_293{position:sticky;bottom:0;padding:0 16px 40px;margin:0 -16px;background:var(--primitives-neutral-50)}._bottomFade_1hfog_296{position:absolute;top:-48px;left:0;right:0;height:48px;background:linear-gradient(to bottom,#f2f1f400,#f2f1f4);pointer-events:none}._inputWrap_1hfog_299{position:relative}._inputWrap_1hfog_299>svg{position:absolute;top:22px;left:24px;pointer-events:none;stroke:var(--primitives-neutral-700)}._textarea_1hfog_302{font-size:1rem;font-weight:600;line-height:130%;font-weight:500;display:flex;width:100%;height:64px;padding:20px 92px 20px 60px;border:none;outline:none!important;border-radius:8px;background:var(--primitives-neutral-0);color:var(--primitives-neutral-700);box-shadow:var(--shadow-size-200);resize:none}._textarea_1hfog_302:hover{box-shadow:var(--shadow-size-300)}._textarea_1hfog_302:focus{padding:18px 90px 18px 58px;border:2px solid var(--primitives-brand-600)}._button_1hfog_368{position:absolute;right:8px;bottom:8px;font-size:1rem;font-weight:600;line-height:130%;font-weight:500;display:inline-flex;align-items:center;background:var(--primitives-neutral-50);border-radius:4px;height:48px;padding:0 24px;border:none;outline:none;cursor:pointer;border-top:1px solid var(--primitives-neutral-25);-webkit-user-select:none;user-select:none}._button_1hfog_368:hover{opacity:.8}._button_1hfog_368:focus-visible{outline:2px solid var(--primitives-brand-600);outline-offset:2px}._button_1hfog_368>span{display:inline-flex;margin-top:-1px}._button_1hfog_368 svg{fill:var(--primitives-neutral-400)}._primary_1hfog_403{background:var(--primitives-brand-600);color:var(--primitives-neutral-0);border-top:1px solid var(--primitives-brand-500)}._primary_1hfog_403 svg{fill:var(--primitives-neutral-0)}[data-theme=dark] ._secondary_1hfog_412{background:var(--primitives-neutral-1000);color:var(--primitives-neutral-50);border-color:var(--primitives-neutral-800)}._disclaimer_1hfog_418{font-size:.75rem;font-weight:600;line-height:130%;font-weight:500;position:absolute;bottom:0;height:40px;width:100%;padding:0 16px;margin:0 -16px;color:var(--primitives-neutral-500);text-align:center}._notification_19xt5_293{width:100%;padding:12px 0}._container_19xt5_298{display:flex;align-items:center}._default_19xt5_303{background:var(--primitives-brand-600);color:var(--primitives-neutral-0)}._success_19xt5_308{background:var(--primitives-success-100);color:var(--primitives-success-900)}._danger_19xt5_313{background:var(--primitives-danger-100);color:var(--primitives-danger-900)}._attention_19xt5_318{background:var(--primitives-attention-100);color:var(--primitives-attention-900)}._title_19xt5_323{font-size:.875rem;font-weight:600;line-height:130%}._description_19xt5_329{font-size:.875rem;font-weight:400;line-height:130%;margin-left:20px}._close_19xt5_336{margin:-12px -12px -12px auto;color:inherit}._close_19xt5_336:hover,._close_19xt5_336:active{color:inherit}._close_19xt5_336:focus-visible{color:inherit;outline-color:inherit;outline-offset:-5px}._anchor_1c40n_293{position:absolute;bottom:0}._container_1c40n_298{font-size:.75rem;font-weight:500;line-height:130%;line-height:1;display:flex;flex-direction:column;gap:7px;width:145px;padding:9px;background:var(--primitives-neutral-0);border:1px solid var(--primitives-neutral-50);border-radius:6px;z-index:9999;-webkit-user-select:none;user-select:none}._radio_1c40n_315{display:inline-flex;align-items:center;gap:6px;padding:6px 7px;border:1px solid var(--primitives-neutral-100);border-radius:6px;cursor:pointer}._radio_1c40n_315:hover{border-color:var(--primitives-neutral-200)}._radio_1c40n_315:hover ._check_1c40n_327{display:block}._radio_1c40n_315 svg{width:12px;height:12px}._radioInput_1c40n_335:checked+._radio_1c40n_315{background:var(--primitives-brand-200);color:var(--primitives-brand-800);border-color:var(--primitives-brand-300)}._radioInput_1c40n_335:checked+._radio_1c40n_315 ._check_1c40n_327{display:block}._radioInput_1c40n_335:focus-visible+._radio_1c40n_315{outline:2px solid var(--primitives-brand-600);outline-offset:2px}._check_1c40n_327{display:none;margin-left:auto}[data-theme=dark] ._container_1c40n_298{background:var(--primitives-neutral-800);color:var(--primitives-neutral-25);border:1px solid var(--primitives-neutral-700)}[data-theme=dark] ._radio_1c40n_315{border:1px solid var(--primitives-neutral-700)}[data-theme=dark] ._radio_1c40n_315:hover{border-color:var(--primitives-neutral-600)}[data-theme=dark] ._radioInput_1c40n_335:checked+._radio_1c40n_315{background:var(--primitives-brand-800);color:var(--primitives-neutral-25);border-color:var(--primitives-brand-600)}:root{--button-colors-neutral-background-default: var(--primitives-neutral-800);--button-colors-neutral-background-hover: var(--primitives-neutral-700);--button-colors-neutral-background-pressed: var(--primitives-neutral-900);--button-colors-neutral-background-focus: var(--primitives-neutral-800);--button-colors-neutral-background-disabled: var(--primitives-neutral-300);--button-colors-neutral-text-default: var(--primitives-neutral-0);--button-colors-neutral-text-hover: var(--primitives-neutral-0);--button-colors-neutral-text-pressed: var(--primitives-neutral-0);--button-colors-neutral-text-focus: var(--primitives-neutral-0);--button-colors-neutral-text-disabled: var(--primitives-neutral-0);--button-colors-neutral-stroke-inner: rgba(255, 255, 255, .04);--button-colors-neutral-stroke-outer-default: var(--primitives-neutral-900);--button-colors-neutral-stroke-outer-hover: var(--primitives-neutral-800);--button-colors-white-background-default: var(--primitives-neutral-0);--button-colors-white-background-hover: var(--primitives-neutral-50);--button-colors-white-background-pressed: var(--primitives-neutral-100);--button-colors-white-background-focus: var(--primitives-neutral-100);--button-colors-white-background-disabled: var(--primitives-neutral-300);--button-colors-white-text-default: var(--primitives-neutral-900);--button-colors-white-text-hover: var(--primitives-neutral-1000);--button-colors-white-text-pressed: var(--primitives-neutral-1000);--button-colors-white-text-focus: var(--primitives-neutral-1000);--button-colors-white-text-disabled: var(--primitives-neutral-0);--button-colors-white-stroke-inner-default: rgba(0, 0, 0, .12);--button-colors-white-stroke-outer-default: var(--primitives-neutral-200);--button-colors-white-stroke-outer-hover: var(--primitives-neutral-300);--button-colors-white-stroke-outer-disabled: var(--primitives-neutral-200);--button-colors-white-stroke-outer-pressed: var(--primitives-neutral-200);--button-colors-plain-background-default: rgba(242, 241, 244, 0);--button-colors-plain-background-hover: rgba(255, 255, 255, .49);--button-colors-plain-background-pressed: rgba(255, 255, 255, .58);--button-colors-plain-background-focus: rgba(255, 255, 255, .79);--button-colors-plain-background-disabled: rgba(200, 199, 209, 0);--button-colors-plain-text-default: var(--primitives-neutral-900);--button-colors-plain-text-hover: var(--primitives-neutral-1000);--button-colors-plain-text-pressed: var(--primitives-neutral-1000);--button-colors-plain-text-focus: var(--primitives-neutral-1000);--button-colors-plain-text-disabled: var(--primitives-neutral-500);--button-colors-plain-stroke-inner-default: rgba(0, 0, 0, .12);--button-colors-plain-stroke-outer-default: transparent;--button-colors-plain-stroke-outer-hover: var(--primitives-neutral-200);--button-colors-plain-stroke-outer-disabled: var(--primitives-neutral-200);--button-colors-plain-stroke-outer-pressed: var(--primitives-neutral-200);--button-colors-transparent-background-default: rgba(255, 255, 255, 0);--button-colors-transparent-background-hover: rgba(255, 255, 255, .36);--button-colors-transparent-background-pressed: rgba(255, 255, 255, 1);--button-colors-transparent-background-focus: rgba(255, 255, 255, 0);--button-colors-transparent-background-disabled: rgba(255, 255, 255, 0);--button-colors-transparent-text-default: var(--primitives-neutral-900);--button-colors-transparent-text-hover: var(--primitives-neutral-1000);--button-colors-transparent-text-pressed: var(--primitives-neutral-1000);--button-colors-transparent-text-focus: var(--primitives-neutral-1000);--button-colors-transparent-text-disabled: var(--primitives-neutral-500);--button-colors-transparent-stroke-inner-default: rgba(255, 255, 255, .2);--button-colors-transparent-stroke-inner-hover: rgba(255, 255, 255, .4);--button-colors-transparent-stroke-outer-default: rgba(0, 0, 0, .12);--button-colors-transparent-stroke-outer-hover: rgba(0, 0, 0, .3);--button-colors-transparent-stroke-outer-disabled: var( --primitives-neutral-200 );--button-colors-transparent-stroke-outer-pressed: var( --primitives-neutral-200 );--button-colors-brand-background-default: var(--primitives-brand-600);--button-colors-brand-background-hover: var(--primitives-brand-500);--button-colors-brand-background-pressed: var(--primitives-brand-700);--button-colors-brand-background-focus: var(--primitives-brand-600);--button-colors-brand-background-disabled: var(--primitives-neutral-300);--button-colors-brand-text-default: var(--primitives-neutral-0);--button-colors-brand-stroke-inner-default: rgba(255, 255, 255, .2);--button-colors-brand-stroke-outer-default: var(--primitives-brand-700);--button-colors-brand-stroke-outer-hover: var(--primitives-brand-600);--button-colors-brand-stroke-outer-disabled: var(--primitives-neutral-200);--button-colors-brand-stroke-outer-pressed: var(--primitives-neutral-200);--button-colors-brand-text-hover: var(--primitives-neutral-0);--button-colors-brand-text-pressed: var(--primitives-neutral-0);--button-colors-brand-text-focus: var(--primitives-neutral-0);--button-colors-brand-text-disabled: var(--primitives-neutral-0);--button-colors-success-background-default: var(--primitives-success-700);--button-colors-success-background-hover: var(--primitives-success-600);--button-colors-success-background-pressed: var(--primitives-success-700);--button-colors-success-background-focus: var(--primitives-success-600);--button-colors-success-background-disabled: var(--primitives-neutral-300);--button-colors-success-text-default: var(--primitives-neutral-0);--button-colors-success-stroke-inner-default: rgba(255, 255, 255, .12);--button-colors-success-stroke-outer-default: var(--primitives-success-800);--button-colors-success-stroke-outer-hover: var(--primitives-success-700);--button-colors-success-stroke-outer-disabled: var(--primitives-neutral-200);--button-colors-success-stroke-outer-pressed: var(--primitives-neutral-200);--button-colors-success-text-hover: var(--primitives-neutral-0);--button-colors-success-text-pressed: var(--primitives-neutral-0);--button-colors-success-text-focus: var(--primitives-neutral-0);--button-colors-success-text-disabled: var(--primitives-neutral-0);--button-colors-attention-background-default: var(--primitives-attention-500);--button-colors-attention-background-hover: var(--primitives-attention-600);--button-colors-attention-background-pressed: var(--primitives-attention-700);--button-colors-attention-background-focus: var(--primitives-attention-600);--button-colors-attention-background-disabled: var(--primitives-neutral-300);--button-colors-attention-text-default: var(--primitives-neutral-0);--button-colors-attention-stroke-inner-default: rgba(255, 255, 255, .12);--button-colors-attention-stroke-outer-default: var( --primitives-attention-600 );--button-colors-attention-stroke-outer-hover: var(--primitives-attention-600);--button-colors-attention-stroke-outer-disabled: var( --primitives-neutral-300 );--button-colors-attention-stroke-outer-pressed: var(--primitives-neutral-200);--button-colors-attention-text-hover: var(--primitives-neutral-0);--button-colors-attention-text-pressed: var(--primitives-neutral-0);--button-colors-attention-text-focus: var(--primitives-neutral-0);--button-colors-attention-text-disabled: var(--primitives-neutral-0);--button-colors-danger-background-default: var(--primitives-danger-600);--button-colors-danger-background-hover: var(--primitives-danger-500);--button-colors-danger-background-pressed: var(--primitives-danger-700);--button-colors-danger-background-focus: var(--primitives-danger-600);--button-colors-danger-background-disabled: var(--primitives-neutral-300);--button-colors-danger-text-default: var(--primitives-neutral-0);--button-colors-danger-text-hover: var(--primitives-neutral-0);--button-colors-danger-text-pressed: var(--primitives-neutral-0);--button-colors-danger-text-focus: var(--primitives-neutral-0);--button-colors-danger-text-disabled: var(--primitives-neutral-0);--button-colors-danger-stroke-inner-default: rgba(255, 255, 255, .12);--button-colors-danger-stroke-outer-default: var(--primitives-danger-600);--button-colors-danger-stroke-outer-hover: var(--primitives-danger-500);--button-colors-danger-stroke-outer-disabled: var(--primitives-neutral-300);--button-colors-danger-stroke-outer-pressed: var(--primitives-neutral-200)}@media screen{:root{--button-text: var(--primitives-neutral-1000);--button-transparent-border: #00000012;--button-transparent-border-hover: #00000022}}[data-theme=dark]{--button-colors-neutral-background-default: var(--primitives-neutral-800);--button-colors-neutral-background-hover: var(--primitives-neutral-600);--button-colors-neutral-background-pressed: var(--primitives-neutral-900);--button-colors-neutral-background-focus: var(--primitives-neutral-800);--button-colors-neutral-background-disabled: var(--primitives-neutral-300);--button-colors-neutral-text-default: var(--primitives-neutral-0);--button-colors-neutral-text-hover: var(--primitives-neutral-0);--button-colors-neutral-text-pressed: var(--primitives-neutral-0);--button-colors-neutral-text-focus: var(--primitives-neutral-0);--button-colors-neutral-text-disabled: var(--primitives-neutral-0);--button-colors-neutral-stroke-inner: rgba(255, 255, 255, .04);--button-colors-neutral-stroke-outer-default: var(--primitives-neutral-1000);--button-colors-neutral-stroke-outer-hover: var(--primitives-neutral-1000);--button-colors-white-background-default: var(--primitives-neutral-0);--button-colors-white-background-hover: var(--primitives-neutral-50);--button-colors-white-background-pressed: var(--primitives-neutral-100);--button-colors-white-background-focus: var(--primitives-neutral-100);--button-colors-white-background-disabled: var(--primitives-neutral-300);--button-colors-white-text-default: var(--primitives-neutral-900);--button-colors-white-text-hover: var(--primitives-neutral-1000);--button-colors-white-text-pressed: var(--primitives-neutral-1000);--button-colors-white-text-focus: var(--primitives-neutral-1000);--button-colors-white-text-disabled: var(--primitives-neutral-0);--button-colors-white-stroke-inner-default: var(--primitives-neutral-0);--button-colors-white-stroke-outer-default: var(--primitives-neutral-800);--button-colors-white-stroke-outer-hover: var(--primitives-neutral-900);--button-colors-white-stroke-outer-disabled: var(--primitives-neutral-800);--button-colors-white-stroke-outer-pressed: var(--primitives-neutral-800);--button-colors-plain-background-default: rgba(47, 46, 56, 0);--button-colors-plain-background-hover: var(--primitives-neutral-800);--button-colors-plain-background-pressed: var(--primitives-neutral-700);--button-colors-plain-background-focus: var(--primitives-neutral-700);--button-colors-plain-background-disabled: rgba(47, 46, 56, 0);--button-colors-plain-text-default: var(--primitives-neutral-25);--button-colors-plain-text-hover: var(--primitives-neutral-0);--button-colors-plain-text-pressed: var(--primitives-neutral-0);--button-colors-plain-text-focus: var(--primitives-neutral-0);--button-colors-plain-text-disabled: var(--primitives-neutral-500);--button-colors-plain-stroke-inner-default: rgba(0, 0, 0, .87);--button-colors-plain-stroke-outer-default: transparent;--button-colors-plain-stroke-outer-hover: var(--primitives-neutral-700);--button-colors-plain-stroke-outer-disabled: var(--primitives-neutral-800);--button-colors-plain-stroke-outer-pressed: var(--primitives-neutral-800);--button-colors-transparent-background-default: rgba(255, 255, 255, .02);--button-colors-transparent-background-hover: rgba(133, 133, 133, .09);--button-colors-transparent-background-pressed: var( --primitives-neutral-1000 );--button-colors-transparent-background-focus: var(--primitives-neutral-1000);--button-colors-transparent-background-disabled: rgba(0, 0, 0, 0);--button-colors-transparent-text-default: var(--primitives-neutral-25);--button-colors-transparent-text-hover: var(--primitives-neutral-0);--button-colors-transparent-text-pressed: var(--primitives-neutral-0);--button-colors-transparent-text-focus: var(--primitives-neutral-0);--button-colors-transparent-text-disabled: var(--primitives-neutral-500);--button-colors-transparent-stroke-inner-default: rgba(255, 255, 255, .08);--button-colors-transparent-stroke-inner-hover: rgba(255, 255, 255, .08);--button-colors-transparent-stroke-outer-default: rgba(0, 0, 0, .5);--button-colors-transparent-stroke-outer-hover: rgba(0, 0, 0, .75);--button-colors-transparent-stroke-outer-disabled: var( --primitives-neutral-800 );--button-colors-transparent-stroke-outer-pressed: var( --primitives-neutral-800 );--button-colors-brand-background-default: var(--primitives-brand-600);--button-colors-brand-background-hover: var(--primitives-brand-500);--button-colors-brand-background-pressed: var(--primitives-brand-700);--button-colors-brand-background-focus: var(--primitives-brand-600);--button-colors-brand-background-disabled: var(--primitives-neutral-300);--button-colors-brand-text-default: var(--primitives-neutral-0);--button-colors-brand-stroke-inner-default: rgba(255, 255, 255, .2);--button-colors-brand-stroke-outer-default: var(--primitives-brand-900);--button-colors-brand-stroke-outer-hover: var(--primitives-brand-1000);--button-colors-brand-stroke-outer-disabled: var(--primitives-neutral-0);--button-colors-brand-stroke-outer-pressed: var(--primitives-neutral-0);--button-colors-brand-text-hover: var(--primitives-neutral-0);--button-colors-brand-text-pressed: var(--primitives-neutral-0);--button-colors-brand-text-focus: var(--primitives-neutral-0);--button-colors-brand-text-disabled: var(--primitives-neutral-0);--button-colors-success-background-default: var(--primitives-success-600);--button-colors-success-background-hover: var(--primitives-success-500);--button-colors-success-background-pressed: var(--primitives-success-700);--button-colors-success-background-focus: var(--primitives-success-600);--button-colors-success-background-disabled: var(--primitives-neutral-300);--button-colors-success-text-default: var(--primitives-neutral-0);--button-colors-success-stroke-inner-default: rgba(255, 255, 255, .12);--button-colors-success-stroke-outer-default: var(--primitives-success-1000);--button-colors-success-stroke-outer-hover: var(--primitives-success-700);--button-colors-success-stroke-outer-disabled: var(--primitives-neutral-200);--button-colors-success-stroke-outer-pressed: var(--primitives-neutral-200);--button-colors-success-text-hover: var(--primitives-neutral-0);--button-colors-success-text-pressed: var(--primitives-neutral-0);--button-colors-success-text-focus: var(--primitives-neutral-0);--button-colors-success-text-disabled: var(--primitives-neutral-0);--button-colors-attention-background-default: var(--primitives-attention-600);--button-colors-attention-background-hover: var(--primitives-attention-500);--button-colors-attention-background-pressed: var(--primitives-attention-600);--button-colors-attention-background-focus: var(--primitives-attention-600);--button-colors-attention-background-disabled: var(--primitives-neutral-300);--button-colors-attention-text-default: var(--primitives-neutral-0);--button-colors-attention-stroke-inner-default: rgba(255, 255, 255, .12);--button-colors-attention-stroke-outer-default: var( --primitives-attention-600 );--button-colors-attention-stroke-outer-hover: var(--primitives-attention-600);--button-colors-attention-stroke-outer-disabled: var( --primitives-neutral-300 );--button-colors-attention-stroke-outer-pressed: var(--primitives-neutral-200);--button-colors-attention-text-hover: var(--primitives-neutral-0);--button-colors-attention-text-pressed: var(--primitives-neutral-0);--button-colors-attention-text-focus: var(--primitives-neutral-0);--button-colors-attention-text-disabled: var(--primitives-neutral-0);--button-colors-danger-background-default: var(--primitives-danger-600);--button-colors-danger-background-hover: var(--primitives-danger-500);--button-colors-danger-background-pressed: var(--primitives-danger-700);--button-colors-danger-background-focus: var(--primitives-danger-600);--button-colors-danger-background-disabled: var(--primitives-neutral-300);--button-colors-danger-text-default: var(--primitives-neutral-0);--button-colors-danger-text-hover: var(--primitives-neutral-0);--button-colors-danger-text-pressed: var(--primitives-neutral-0);--button-colors-danger-text-focus: var(--primitives-neutral-0);--button-colors-danger-text-disabled: var(--primitives-neutral-0);--button-colors-danger-stroke-inner-default: rgba(255, 255, 255, .12);--button-colors-danger-stroke-outer-default: var(--primitives-danger-700);--button-colors-danger-stroke-outer-hover: var(--primitives-danger-600);--button-colors-danger-stroke-outer-disabled: var(--primitives-neutral-300);--button-colors-danger-stroke-outer-pressed: var(--primitives-neutral-200)}@media screen{[data-theme=dark]{--button-text: var(--primitives-neutral-0);--button-transparent-border: #00000050;--button-transparent-border-hover: #00000060}}._header_209rj_293{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--primitives-neutral-0);z-index:1339}._outer_209rj_304{display:flex;justify-content:center;align-items:center;width:100%;border-top:1px solid rgba(0,0,0,0);border-bottom:1px solid var(--primitives-neutral-50)}._main_209rj_313{height:82px}._container_209rj_317{display:flex;justify-content:space-between;align-items:center}._links_209rj_323,._buttons_209rj_324{display:flex;gap:8px}._menu_209rj_329{display:none;z-index:3}._logo_209rj_334{border-radius:6px}._logo_209rj_334:focus-visible{outline:3px solid var(--primitives-brand-600);outline-offset:4px}._logo_209rj_334 svg{height:32px;vertical-align:top}._sub_209rj_346{height:72px}._subContainer_209rj_350{display:flex;justify-content:center;align-items:center;gap:8px;list-style:none;-webkit-user-select:none;user-select:none;overflow-x:auto}._subContainer_209rj_350 li{flex-shrink:0}._subContainer_209rj_350 a{font-size:1rem;font-weight:500;line-height:130%;display:inline-flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;padding:0 10px;color:var(--primitives-neutral-1000);text-decoration:none;border-radius:6px;transition:color .2s cubic-bezier(.075,.82,.165,1)}._subContainer_209rj_350 a:hover,._subContainer_209rj_350 a._selected_209rj_377{color:var(--primitives-brand-700)}._subContainer_209rj_350 a:focus-visible{outline:3px solid var(--primitives-brand-600);outline-offset:2px}._subContainer_209rj_350 svg{width:20px;height:20px}._subTag_209rj_389{margin-left:6px;text-transform:uppercase}._subTag-success_209rj_394{color:var(--primitives-success-500)}._subTag-brand_209rj_398{color:var(--primitives-brand-600)}@keyframes _show_209rj_1{to{opacity:.18}}._mobileOverlay_209rj_407{position:fixed;top:0;left:0;right:0;bottom:0;display:none;background:var(--primitives-neutral-900);opacity:0;animation:_show_209rj_1 .2s 0ms cubic-bezier(.075,.82,.165,1) forwards;z-index:1}._mobileOverlay_209rj_407._open_209rj_419{display:block}@keyframes _slideUp_209rj_1{to{transform:translateZ(0)}}._mobile_209rj_407{position:fixed;bottom:0;display:none;flex-direction:column;gap:24px;width:100%;padding:20px;background:var(--primitives-neutral-0);transform:translate3d(0,100%,0);animation:_slideUp_209rj_1 .2s 0ms cubic-bezier(.075,.82,.165,1) forwards;z-index:2}._mobile_209rj_407._open_209rj_419{display:flex}._mobile_209rj_407 ._links_209rj_323{display:flex;flex-direction:column;align-items:flex-start;margin:0 -14px}._mobile_209rj_407 ._links_209rj_323 a{justify-content:flex-start}._mobile_209rj_407 ._buttons_209rj_324{gap:8px}._mobile_209rj_407 ._buttons_209rj_324>a,._mobile_209rj_407 ._buttons_209rj_324>button{display:flex}[data-theme=dark] ._header_209rj_293,[data-theme=dark] ._mobile_209rj_407{background:var(--primitives-neutral-900)}[data-theme=dark] ._sub_209rj_346{background:var(--primitives-neutral-800)}[data-theme=dark] ._outer_209rj_304{border-bottom:1px solid var(--primitives-neutral-900)}[data-theme=dark] ._subContainer_209rj_350 a{color:var(--primitives-neutral-25)}[data-theme=dark] ._subContainer_209rj_350 a:hover,[data-theme=dark] ._subContainer_209rj_350 a._selected_209rj_377{color:var(--primitives-brand-500)}@media (max-width: 1159px){._container_209rj_317>div{gap:4px}._gpt_209rj_482{display:none}}@media (max-width: 849px){._subContainer_209rj_350{justify-content:flex-start;padding:10px}._links_209rj_323{display:none}._menu_209rj_329{display:inline-flex}._buttons_209rj_324>:not(._menu_209rj_329){display:none}}/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--primitives-neutral-0: #FFFFFF;--primitives-neutral-25: #F7F7F8;--primitives-neutral-50: #F2F1F4;--primitives-neutral-100: #E3E3E8;--primitives-neutral-200: #C8C7D1;--primitives-neutral-300: #ACABBA;--primitives-neutral-400: #918FA3;--primitives-neutral-500: #75738C;--primitives-neutral-600: #5E5C70;--primitives-neutral-700: #474554;--primitives-neutral-750: #3B3A46;--primitives-neutral-800: #2F2E38;--primitives-neutral-900: #18171C;--primitives-neutral-1000: #000000;--primitives-brand-50: #F6F8FF;--primitives-brand-100: #F0F1FF;--primitives-brand-200: #E1E3FF;--primitives-brand-300: #C3C8FF;--primitives-brand-400: #A5ACFF;--primitives-brand-500: #8791FF;--primitives-brand-600: #626BD0;--primitives-brand-700: #4A55C9;--primitives-brand-800: #3F4699;--primitives-brand-900: #2A2F66;--primitives-brand-1000: #151733;--primitives-success-50: #ECFDF5;--primitives-success-100: #D1FAE5;--primitives-success-200: #A7F3D0;--primitives-success-300: #6EE7B7;--primitives-success-400: #34D399;--primitives-success-500: #10B981;--primitives-success-600: #059669;--primitives-success-700: #047857;--primitives-success-800: #065F46;--primitives-success-900: #064E3B;--primitives-success-1000: #033427;--primitives-attention-50: #FFFBEB;--primitives-attention-100: #FEF3C7;--primitives-attention-200: #FDE68A;--primitives-attention-300: #FCD34D;--primitives-attention-400: #FBBF24;--primitives-attention-500: #F59E0B;--primitives-attention-600: #D97706;--primitives-attention-700: #B45309;--primitives-attention-800: #92400E;--primitives-attention-900: #78350F;--primitives-attention-1000: #592507;--primitives-danger-50: #FEF2F2;--primitives-danger-100: #FEE2E2;--primitives-danger-200: #FECACA;--primitives-danger-300: #FCA5A5;--primitives-danger-400: #F87171;--primitives-danger-500: #EF4444;--primitives-danger-600: #DC2626;--primitives-danger-700: #B91C1C;--primitives-danger-800: #991B1B;--primitives-danger-900: #7F1D1D;--primitives-danger-1000: #570D0D;--shadow-size-50: 0px 0px 1px 0px rgba(0, 0, 0, .1), 0px 1px 1px 0px rgba(0, 0, 0, .09), 0px 3px 2px 0px rgba(0, 0, 0, .05), 0px 6px 2px 0px rgba(0, 0, 0, .01);--shadow-size-100: 0px 1px 2px 0px rgba(0, 0, 0, .06), 0px 3px 3px 0px rgba(0, 0, 0, .05), 0px 7px 4px 0px rgba(0, 0, 0, .03), 0px 13px 5px 0px rgba(0, 0, 0, .01);--shadow-size-200: 0px 1px 2px 0px rgba(0, 0, 0, .08), 0px 4px 4px 0px rgba(0, 0, 0, .07), 0px 10px 6px 0px rgba(0, 0, 0, .04), 0px 18px 7px 0px rgba(0, 0, 0, .01);--shadow-size-300: 0px 2px 4px 0px rgba(0, 0, 0, .08), 0px 7px 7px 0px rgba(0, 0, 0, .07), 0px 17px 10px 0px rgba(0, 0, 0, .04), 0px 30px 12px 0px rgba(0, 0, 0, .01);--border_radius-size-0: 0px;--border_radius-size-1: 1px;--border_radius-size-2: 2px;--border_radius-size-4: 4px;--border_radius-size-8: 8px;--border_radius-size-16: 16px;--border_radius-size-32: 32px;--border_radius-size-64: 64px;--border_radius-size-128: 128px;--border_radius-size-full: 100%;--breakpoint-size-mobile: 375px;--breakpoint-size-tablet: 515px;--breakpoint-size-laptop: 1000px;--breakpoint-size-desktop: 1160px;--breakpoint-size-desktop-plus: 1300px;--containers-max-width: 1300px;--containers-outer-padding: 20px;--containers-inner-padding-0: 0px;--containers-inner-padding-50: 2px;--containers-inner-padding-100: 4px;--containers-inner-padding-200: 8px;--containers-inner-padding-300: 12px;--containers-inner-padding-400: 16px;--containers-inner-padding-500: 20px;--containers-inner-padding-600: 24px;--containers-inner-padding-700: 32px;--containers-inner-padding-800: 40px;--containers-inner-padding-900: 48px;--containers-inner-padding-1000: 64px;--containers-inner-padding-1100: 80px;--containers-inner-padding-1200: 96px;--containers-inner-padding-1300: 112px;--containers-inner-padding-1400: 120px;--containers-inner-padding-1500: 128px;--margin-size-0: 0px;--margin-size-1: 1px;--margin-size-2: 2px;--margin-size-4: 4px;--margin-size-8: 8px;--margin-size-16: 16px;--margin-size-32: 32px;--margin-size-64: 64px;--margin-size-128: 128px;--margin-size-256: 256px;--margin-size-512: 512px;--padding-size-0: 0px;--padding-size-1: 1px;--padding-size-2: 2px;--padding-size-4: 4px;--padding-size-8: 8px;--padding-size-16: 16px;--padding-size-32: 32px;--padding-size-64: 64px;--padding-size-128: 128px;--padding-size-256: 256px;--padding-size-512: 512px;--brand_dark-chart-color1: #8087E8;--brand_dark-chart-color2: #A3EDBA;--brand_dark-chart-color3: #F19E53;--brand_dark-chart-color4: #6699A1;--brand_dark-chart-color5: #E1D369;--brand_dark-chart-color6: #87B4E7;--brand_dark-chart-color7: #DA6D85;--brand_dark-chart-color8: #BBBAC5;--brand_dark-background-color: #1f1836;--brand_dark-text-color: #ffffff;--brand_light-chart-color1: #8087E8;--brand_light-chart-color2: #A3EDBA;--brand_light-chart-color3: #F19E53;--brand_light-chart-color4: #6699A1;--brand_light-chart-color5: #E1D369;--brand_light-chart-color6: #87B4E7;--brand_light-chart-color7: #DA6D85;--brand_light-chart-color8: #BBBAC5;--brand_light-background-color: #f0f0f0;--brand_light-text-color: #2F2B38;--dark_unica-chart-color1: #2b908f;--dark_unica-chart-color2: #90ee7e;--dark_unica-chart-color3: #f45b5b;--dark_unica-chart-color4: #7798BF;--dark_unica-chart-color5: #aaeeee;--dark_unica-chart-color6: #ff0066;--dark_unica-chart-color7: #eeaaee;--dark_unica-chart-color8: #55BF3B;--dark_unica-chart-color9: #DF5353;--dark_unica-chart-color10: #7798BF;--dark_unica-chart-color11: #aaeeee;--dark_unica-background-color: #2a2a2b;--dark_unica-text-color: #E0E0E3;--default-chart-color1: #2caffe;--default-chart-color2: #544fc5;--default-chart-color3: #00e272;--default-chart-color4: #fe6a35;--default-chart-color5: #6b8abc;--default-chart-color6: #d568fb;--default-chart-color7: #2ee0ca;--default-chart-color8: #fa4b42;--default-chart-color9: #f9c80e;--default-chart-color10: #f9c80e;--default-background-color: #ffffff;--default-text-color: #000000;--grid_light-chart-color1: #7cb5ec;--grid_light-chart-color2: #f7a35c;--grid_light-chart-color3: #90ee7e;--grid_light-chart-color4: #7798BF;--grid_light-chart-color5: #aaeeee;--grid_light-chart-color6: #ff0066;--grid_light-chart-color7: #eeaaee;--grid_light-chart-color8: #55BF3B;--grid_light-chart-color9: #DF5353;--grid_light-chart-color10: #7798BF;--grid_light-chart-color11: #aaeeee;--grid_light-background-color: transparent;--grid_light-text-color: #000000;--sand_signika-chart-color1: #f45b5b;--sand_signika-chart-color2: #8085e9;--sand_signika-chart-color3: #8d4654;--sand_signika-chart-color4: #7798BF;--sand_signika-chart-color5: #aaeeee;--sand_signika-chart-color6: #ff0066;--sand_signika-chart-color7: #eeaaee;--sand_signika-chart-color8: #55BF3B;--sand_signika-chart-color9: #DF5353;--sand_signika-chart-color10: #7798BF;--sand_signika-chart-color11: #aaeeee;--sand_signika-background-color: transparent;--sand_signika-text-color: #000000;--headings-size-h1: 56px;--headings-size-h2: 42px;--headings-size-h3: 32px;--headings-size-h4: 24px;--headings-size-h5: 18px;--headings-size-h6: 16px;--headings-lineHeight-text: 130%;--headings-weight-bold: 700;--typography-size-50: 11px;--typography-size-75: 12px;--typography-size-100: 14px;--typography-size-200: 16px;--typography-size-300: 18px;--typography-size-400: 20px;--typography-size-500: 22px;--typography-size-600: 25px;--typography-size-700: 28px;--typography-size-800: 32px;--typography-size-900: 36px;--typography-size-1000: 40px;--typography-lineHeight-ui: 100%;--typography-lineHeight-text: 130%;--typography-weight-normal: 400;--typography-weight-medium: 500;--typography-weight-semi: 600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

package/dist/index-CYCXI8lK.js

@@ -0,0 +1,60 @@
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import "react";
+import { _ as a } from "./extends-hS2Bh-Yp.js";
+import { c as _ } from "./clsx-OuTLNxxd.js";
+import { Button as l } from "./components/Button/index.js";
+import { Container as d } from "./components/Container/index.js";
+var m = function(i) {
+  return /* @__PURE__ */ t("svg", a({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, i, {
+    children: /* @__PURE__ */ t("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M18 6 6 18M6 6l12 12"
+    })
+  }));
+};
+const f = "_notification_19xt5_293", p = "_container_19xt5_298", x = "_success_19xt5_308", u = "_danger_19xt5_313", h = "_attention_19xt5_318", g = "_title_19xt5_323", N = "_description_19xt5_329", v = "_close_19xt5_336", n = {
+  notification: f,
+  container: p,
+  default: "_default_19xt5_303",
+  success: x,
+  danger: u,
+  attention: h,
+  title: g,
+  description: N,
+  close: v
+};
+function M({
+  children: e,
+  variant: i = "default",
+  description: s,
+  closable: c = !0,
+  onClose: o
+}) {
+  return /* @__PURE__ */ t("div", { className: _(n.notification, n[i]), children: /* @__PURE__ */ r(d, { className: n.container, children: [
+    /* @__PURE__ */ t("span", { className: n.title, children: e }),
+    s && /* @__PURE__ */ t("span", { className: n.description, children: s }),
+    c && /* @__PURE__ */ t(
+      l,
+      {
+        variant: "plain",
+        size: 400,
+        className: n.close,
+        onClick: () => o == null ? void 0 : o(),
+        children: /* @__PURE__ */ t(m, {})
+      }
+    )
+  ] }) });
+}
+export {
+  M as N,
+  m as X
+};

package/dist/main.js

@@ -1,15 +1,15 @@
 import { Button as t } from "./components/Button/index.js";
 import { Container as f } from "./components/Container/index.js";
 import { GPTInput as m } from "./components/GPTInput/index.js";
-import { Header as n, SubHeader as a } from "./components/Header/index.js";
+import { Header as a, SubHeader as n } from "./components/Header/index.js";
 import { Logo as u } from "./components/Logo/index.js";
-import { Notification as H } from "./components/Notification/index.js";
+import { N as H } from "./index-CYCXI8lK.js";
 export {
   t as Button,
   f as Container,
   m as GPTInput,
-  n as Header,
+  a as Header,
   u as Logo,
   H as Notification,
-  a as SubHeader
+  n as SubHeader
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "highsoft-ui",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "Highsoft UI",
   "type": "module",
   "main": "dist/main.js",