@kakadu/components 1.7.12 → 1.7.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/button-tooltip.d.ts +6 -1
- package/build/components/button-tooltip.js +1 -1
- package/build/components/button-tooltip.mjs +10 -7
- package/build/components/button.d.ts +3 -1
- package/build/components/button.js +1 -1
- package/build/components/button.mjs +37 -36
- package/build/components/icon-button.d.ts +3 -1
- package/build/components/icon-button.js +1 -1
- package/build/components/icon-button.mjs +24 -23
- package/build/components/input.d.ts +6 -5
- package/build/components/text-button.d.ts +3 -1
- package/build/components/text-button.js +1 -1
- package/build/components/text-button.mjs +23 -22
- package/build/components.css +1 -1
- package/build/index.js +1 -1
- package/build/index.mjs +154 -153
- package/package.json +1 -1
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
export declare enum ButtonTooltipPosition {
|
|
2
|
+
top = "top",
|
|
3
|
+
bottom = "bottom"
|
|
4
|
+
}
|
|
1
5
|
export type ButtonTooltipProperties = {
|
|
2
6
|
readonly label: string;
|
|
7
|
+
readonly position?: ButtonTooltipPosition;
|
|
3
8
|
readonly className?: string;
|
|
4
9
|
};
|
|
5
|
-
export default function ButtonTooltip({ label, className, }: ButtonTooltipProperties): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default function ButtonTooltip({ label, position, className, }: ButtonTooltipProperties): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),u=require("@kuma-ui/core");var a=(t=>(t.top="top",t.bottom="bottom",t))(a||{});function r({label:t,position:o="top",className:e}){return n.jsxRuntimeExports.jsx("div",{className:u.cx("kakadu-components-982005200",o==="top"&&"kakadu-components-430823771",o==="bottom"&&"kakadu-components-2189175034",e),children:n.jsxRuntimeExports.jsx("span",{className:u.cx("kakadu-components-2190282712",o==="top"&&"kakadu-components-2481216458",o==="bottom"&&"kakadu-components-840064340",e),children:t})})}exports.ButtonTooltipPosition=a;exports.default=r;
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { cx as
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import { j as m } from "../jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
+
import { cx as n } from "@kuma-ui/core";
|
|
3
|
+
var e = /* @__PURE__ */ ((o) => (o.top = "top", o.bottom = "bottom", o))(e || {});
|
|
4
|
+
function k({
|
|
5
|
+
label: o,
|
|
6
|
+
position: t = "top",
|
|
7
|
+
className: a
|
|
6
8
|
}) {
|
|
7
|
-
return /* @__PURE__ */
|
|
9
|
+
return /* @__PURE__ */ m.jsx("div", { className: n("kakadu-components-982005200", t === "top" && "kakadu-components-430823771", t === "bottom" && "kakadu-components-2189175034", a), children: /* @__PURE__ */ m.jsx("span", { className: n("kakadu-components-2190282712", t === "top" && "kakadu-components-2481216458", t === "bottom" && "kakadu-components-840064340", a), children: o }) });
|
|
8
10
|
}
|
|
9
11
|
export {
|
|
10
|
-
|
|
12
|
+
e as ButtonTooltipPosition,
|
|
13
|
+
k as default
|
|
11
14
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type ReactNode, type HTMLProps } from 'react';
|
|
2
2
|
import { type IconType } from '../icons/icon';
|
|
3
|
+
import { type ButtonTooltipPosition } from './button-tooltip';
|
|
3
4
|
export declare enum ButtonVariant {
|
|
4
5
|
primary = "primary",
|
|
5
6
|
secondary = "secondary",
|
|
@@ -13,6 +14,7 @@ export declare const buttonDangerStyles: string;
|
|
|
13
14
|
type BaseButtonProperties = Omit<HTMLProps<HTMLButtonElement>, 'children'> & {
|
|
14
15
|
readonly variant?: ButtonVariant;
|
|
15
16
|
readonly tooltip?: string;
|
|
17
|
+
readonly tooltipPosition?: ButtonTooltipPosition;
|
|
16
18
|
readonly iconLeft?: IconType | ReactNode;
|
|
17
19
|
readonly iconRight?: IconType | ReactNode;
|
|
18
20
|
readonly isLoading?: boolean;
|
|
@@ -28,5 +30,5 @@ export type ButtonProperties = BaseButtonProperties & ({
|
|
|
28
30
|
children?: never;
|
|
29
31
|
label: string;
|
|
30
32
|
});
|
|
31
|
-
export default function Button({ type, variant, href, target, rel, disabled, className, children, label, tooltip, iconLeft, iconRight, isLoading, hasMovingGradients, movingGradientsCount, hasMovingStars, movingStarsCount, ...properties }: ButtonProperties): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export default function Button({ type, variant, href, target, rel, disabled, className, children, label, tooltip, tooltipPosition, iconLeft, iconRight, isLoading, hasMovingGradients, movingGradientsCount, hasMovingStars, movingStarsCount, ...properties }: ButtonProperties): import("react/jsx-runtime").JSX.Element;
|
|
32
34
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),D=require("react"),a=require("@kuma-ui/core"),T=require("../theme.js"),G=require("../icon-B__SNDvD.js"),I=require("./spinner.js"),z=require("./moving-gradients.js"),W=require("./moving-stars.js"),$=require("./theme-setter.js"),F=require("./click-ripples.js"),k=require("./hover-gradient.js"),O=require("./button-tooltip.js"),P=require("./aria-text.js"),A=require("./atom.js");var y=(s=>(s.primary="primary",s.secondary="secondary",s.warning="warning",s.danger="danger",s))(y||{});function j({icon:s,variant:n="primary",className:o,...r}){return e.jsxRuntimeExports.jsx("div",{...r,className:a.cx("kakadu-components-2658660333",n==="secondary"&&"kakadu-components-3469662110",o),children:typeof s=="string"?e.jsxRuntimeExports.jsx(G.Icon,{width:14,height:14,type:s}):s})}const R="kakadu-components-2244098950",C="kakadu-components-3923184173",S="kakadu-components-317965671",E="kakadu-components-1978976872";function H({type:s,variant:n="primary",href:o,target:r,rel:b,disabled:m,className:f,children:t,label:q,tooltip:i,tooltipPosition:g,iconLeft:u,iconRight:p,isLoading:c,hasMovingGradients:_=!1,movingGradientsCount:x=4,hasMovingStars:v=!1,movingStarsCount:l=10,...N}){const d=D.useRef(null),w=$.useIsDarkMode(d),M=s??"button",h=_&&x>0,B=v&&l>0;return e.jsxRuntimeExports.jsxs(A.default,{...N,as:o?"a":"button",type:o?void 0:M,href:o,target:r,rel:b,disabled:!!m||!!c,className:a.cx(T.effectStyles,"kakadu-components-1897763514",!!u&&"kakadu-components-3652831856",!t&&"kakadu-components-2746167644",n==="secondary"&&R,n==="warning"&&S,n==="danger"&&E,f),children:[u?e.jsxRuntimeExports.jsx(j,{variant:n,icon:u,className:t?"kakadu-components-294089230":void 0}):null,t?e.jsxRuntimeExports.jsx("div",{ref:d,className:"kakadu-components-2618257692",children:t}):e.jsxRuntimeExports.jsx(P.default,{children:q}),p?e.jsxRuntimeExports.jsx(j,{variant:n,icon:p,className:t?"kakadu-components-3127707672":void 0}):null,e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-1029011626",c&&"kakadu-components-726496666"),children:e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-772420116",children:e.jsxRuntimeExports.jsx(I.RevealSpinner,{isVisible:c})})}),h&&e.jsxRuntimeExports.jsx(z.default,{opacity:w?.4:.3,maximumGradientsCount:x,className:a.cx("kakadu-components-1505766785",n==="secondary"&&"kakadu-components-3712045697")}),B&&e.jsxRuntimeExports.jsx(W.default,{maximumStarsCount:l,className:"kakadu-components-2813474662"}),m?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(F.default,{size:t?void 0:50}),e.jsxRuntimeExports.jsx(k.default,{size:t?void 0:50,className:n==="secondary"?k.normalBlendStyles:void 0})]}),i?e.jsxRuntimeExports.jsx(O.default,{label:i,position:g}):null]})}exports.ButtonVariant=y;exports.buttonDangerStyles=E;exports.buttonSecondaryStyles=R;exports.buttonSuccessStyles=C;exports.buttonWarningStyles=S;exports.default=H;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
-
import { useRef as
|
|
2
|
+
import { useRef as I } from "react";
|
|
3
3
|
import { cx as t } from "@kuma-ui/core";
|
|
4
|
-
import { effectStyles as
|
|
5
|
-
import { I as
|
|
6
|
-
import { RevealSpinner as
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import { useIsDarkMode as
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
var
|
|
4
|
+
import { effectStyles as D } from "../theme.mjs";
|
|
5
|
+
import { I as G } from "../icon-BscWXhKi.mjs";
|
|
6
|
+
import { RevealSpinner as R } from "./spinner.mjs";
|
|
7
|
+
import T from "./moving-gradients.mjs";
|
|
8
|
+
import h from "./moving-stars.mjs";
|
|
9
|
+
import { useIsDarkMode as z } from "./theme-setter.mjs";
|
|
10
|
+
import A from "./click-ripples.mjs";
|
|
11
|
+
import C, { normalBlendStyles as E } from "./hover-gradient.mjs";
|
|
12
|
+
import F from "./button-tooltip.mjs";
|
|
13
|
+
import H from "./aria-text.mjs";
|
|
14
|
+
import W from "./atom.mjs";
|
|
15
|
+
var q = /* @__PURE__ */ ((s) => (s.primary = "primary", s.secondary = "secondary", s.warning = "warning", s.danger = "danger", s))(q || {});
|
|
16
16
|
function x({
|
|
17
17
|
icon: s,
|
|
18
18
|
variant: n = "primary",
|
|
19
19
|
className: a,
|
|
20
20
|
...m
|
|
21
21
|
}) {
|
|
22
|
-
return /* @__PURE__ */ o.jsx("div", { ...m, className: t("kakadu-components-2658660333", n === "secondary" && "kakadu-components-3469662110", a), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(
|
|
22
|
+
return /* @__PURE__ */ o.jsx("div", { ...m, className: t("kakadu-components-2658660333", n === "secondary" && "kakadu-components-3469662110", a), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(G, { width: 14, height: 14, type: s }) : s });
|
|
23
23
|
}
|
|
24
|
-
const
|
|
25
|
-
function
|
|
24
|
+
const J = "kakadu-components-2244098950", ao = "kakadu-components-3923184173", K = "kakadu-components-317965671", O = "kakadu-components-1978976872";
|
|
25
|
+
function to({
|
|
26
26
|
type: s,
|
|
27
27
|
variant: n = "primary",
|
|
28
28
|
href: a,
|
|
@@ -33,35 +33,36 @@ function ao({
|
|
|
33
33
|
children: e,
|
|
34
34
|
label: j,
|
|
35
35
|
tooltip: d,
|
|
36
|
+
tooltipPosition: S,
|
|
36
37
|
iconLeft: r,
|
|
37
38
|
iconRight: u,
|
|
38
39
|
isLoading: c,
|
|
39
|
-
hasMovingGradients:
|
|
40
|
-
movingGradientsCount:
|
|
41
|
-
hasMovingStars:
|
|
42
|
-
movingStarsCount:
|
|
43
|
-
...
|
|
40
|
+
hasMovingGradients: g = !1,
|
|
41
|
+
movingGradientsCount: i = 4,
|
|
42
|
+
hasMovingStars: N = !1,
|
|
43
|
+
movingStarsCount: l = 10,
|
|
44
|
+
...b
|
|
44
45
|
}) {
|
|
45
|
-
const k =
|
|
46
|
-
return /* @__PURE__ */ o.jsxs(
|
|
46
|
+
const k = I(null), v = z(k), w = s ?? "button", M = g && i > 0, B = N && l > 0;
|
|
47
|
+
return /* @__PURE__ */ o.jsxs(W, { ...b, as: a ? "a" : "button", type: a ? void 0 : w, href: a, target: m, rel: y, disabled: !!p || !!c, className: t(D, "kakadu-components-1897763514", !!r && "kakadu-components-3652831856", !e && "kakadu-components-2746167644", n === "secondary" && J, n === "warning" && K, n === "danger" && O, f), children: [
|
|
47
48
|
r ? /* @__PURE__ */ o.jsx(x, { variant: n, icon: r, className: e ? "kakadu-components-294089230" : void 0 }) : null,
|
|
48
|
-
e ? /* @__PURE__ */ o.jsx("div", { ref: k, className: "kakadu-components-2618257692", children: e }) : /* @__PURE__ */ o.jsx(
|
|
49
|
+
e ? /* @__PURE__ */ o.jsx("div", { ref: k, className: "kakadu-components-2618257692", children: e }) : /* @__PURE__ */ o.jsx(H, { children: j }),
|
|
49
50
|
u ? /* @__PURE__ */ o.jsx(x, { variant: n, icon: u, className: e ? "kakadu-components-3127707672" : void 0 }) : null,
|
|
50
|
-
/* @__PURE__ */ o.jsx("div", { className: t("kakadu-components-1029011626", c && "kakadu-components-726496666"), children: /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-772420116", children: /* @__PURE__ */ o.jsx(
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
/* @__PURE__ */ o.jsx("div", { className: t("kakadu-components-1029011626", c && "kakadu-components-726496666"), children: /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-772420116", children: /* @__PURE__ */ o.jsx(R, { isVisible: c }) }) }),
|
|
52
|
+
M && /* @__PURE__ */ o.jsx(T, { opacity: v ? 0.4 : 0.3, maximumGradientsCount: i, className: t("kakadu-components-1505766785", n === "secondary" && "kakadu-components-3712045697") }),
|
|
53
|
+
B && /* @__PURE__ */ o.jsx(h, { maximumStarsCount: l, className: "kakadu-components-2813474662" }),
|
|
53
54
|
p ? null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
|
|
54
|
-
/* @__PURE__ */ o.jsx(
|
|
55
|
-
/* @__PURE__ */ o.jsx(
|
|
55
|
+
/* @__PURE__ */ o.jsx(A, { size: e ? void 0 : 50 }),
|
|
56
|
+
/* @__PURE__ */ o.jsx(C, { size: e ? void 0 : 50, className: n === "secondary" ? E : void 0 })
|
|
56
57
|
] }),
|
|
57
|
-
d ? /* @__PURE__ */ o.jsx(
|
|
58
|
+
d ? /* @__PURE__ */ o.jsx(F, { label: d, position: S }) : null
|
|
58
59
|
] });
|
|
59
60
|
}
|
|
60
61
|
export {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
62
|
+
q as ButtonVariant,
|
|
63
|
+
O as buttonDangerStyles,
|
|
64
|
+
J as buttonSecondaryStyles,
|
|
65
|
+
ao as buttonSuccessStyles,
|
|
66
|
+
K as buttonWarningStyles,
|
|
67
|
+
to as default
|
|
67
68
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type HTMLProps } from 'react';
|
|
2
2
|
import { type IconType } from '../icons/icon';
|
|
3
|
+
import { type ButtonTooltipPosition } from './button-tooltip';
|
|
3
4
|
export declare enum IconButtonVariant {
|
|
4
5
|
default = "default",
|
|
5
6
|
success = "success",
|
|
@@ -10,5 +11,6 @@ export type IconButtonProperties = HTMLProps<HTMLButtonElement> & {
|
|
|
10
11
|
readonly icon: IconType;
|
|
11
12
|
readonly variant?: IconButtonVariant;
|
|
12
13
|
readonly label: string;
|
|
14
|
+
readonly tooltipPosition?: ButtonTooltipPosition;
|
|
13
15
|
};
|
|
14
|
-
export default function IconButton({ icon, variant, label, disabled, className, ...properties }: IconButtonProperties): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export default function IconButton({ icon, variant, label, tooltipPosition, disabled, className, ...properties }: IconButtonProperties): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),s=require("react"),n=require("@kuma-ui/core"),a=require("../icon-B__SNDvD.js"),k=require("../theme.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),s=require("react"),n=require("@kuma-ui/core"),a=require("../icon-B__SNDvD.js"),k=require("../theme.js"),q=require("./theme-setter.js"),i=require("./button.js"),b=require("./aria-text.js"),w=require("./button-tooltip.js"),_=require("./click-ripples.js"),j=require("./hover-gradient.js");var h=(e=>(e.default="default",e.success="success",e.warning="warning",e.danger="danger",e))(h||{});function T({icon:e,variant:o="default",label:d,tooltipPosition:S,disabled:m,className:R,...g}){const y=q.useIsDarkMode(),[u,E]=s.useState(e),[x,l]=s.useState(!1),p=s.useRef(e),c=s.useRef(null);s.useEffect(()=>{p.current=e},[e]);const r=s.useCallback(()=>{c.current&&(clearTimeout(c.current),c.current=null)},[]);return s.useEffect(()=>{if(u===e){l(f=>f&&!1);return}l(!0),r(),c.current=setTimeout(()=>{l(!1),E(p.current)},370)},[u,e,r]),s.useEffect(()=>()=>{r()},[r]),t.jsxRuntimeExports.jsxs("button",{...g,type:"button",disabled:m,className:n.cx(k.buttonResetStyles,k.effectStyles,"kakadu-components-3515018630",o==="default"&&n.cx(i.buttonSecondaryStyles,"kakadu-components-2089159949"),o==="success"&&n.cx(i.buttonSuccessStyles,"kakadu-components-4088931955"),o==="warning"&&n.cx(i.buttonWarningStyles,"kakadu-components-1450399719"),o==="danger"&&n.cx(i.buttonDangerStyles,"kakadu-components-3594030066"),R),children:[t.jsxRuntimeExports.jsxs("span",{"data-theme":o==="default"?y?"dark":"light":"dark",className:"kakadu-components-2197738751",children:[t.jsxRuntimeExports.jsx(a.Icon,{width:16,height:16,type:u,className:n.cx(a.iconShadowStyles,"kakadu-components-1309118222",x&&"kakadu-components-3602476657")}),u===e?null:t.jsxRuntimeExports.jsx(a.Icon,{width:16,height:16,type:e,className:n.cx(a.iconShadowStyles,"kakadu-components-2883440801",x&&"kakadu-components-1406924214")})]}),t.jsxRuntimeExports.jsx(b.default,{children:d}),t.jsxRuntimeExports.jsx(w.default,{label:d,position:S}),m?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(_.default,{size:50}),t.jsxRuntimeExports.jsx(j.default,{size:50,className:o==="default"?j.normalBlendStyles:void 0})]})]})}exports.IconButtonVariant=h;exports.default=T;
|
|
@@ -1,28 +1,29 @@
|
|
|
1
1
|
import { j as t } from "../jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
-
import { useState as p, useRef as k, useEffect as c, useCallback as
|
|
2
|
+
import { useState as p, useRef as k, useEffect as c, useCallback as b } from "react";
|
|
3
3
|
import { cx as s } from "@kuma-ui/core";
|
|
4
4
|
import { I as h, i as g } from "../icon-BscWXhKi.mjs";
|
|
5
|
-
import { buttonResetStyles as
|
|
6
|
-
import { useIsDarkMode as
|
|
7
|
-
import { buttonSecondaryStyles as
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
var
|
|
13
|
-
function
|
|
5
|
+
import { buttonResetStyles as R, effectStyles as N } from "../theme.mjs";
|
|
6
|
+
import { useIsDarkMode as T } from "./theme-setter.mjs";
|
|
7
|
+
import { buttonSecondaryStyles as I, buttonSuccessStyles as D, buttonWarningStyles as z, buttonDangerStyles as C } from "./button.mjs";
|
|
8
|
+
import E from "./aria-text.mjs";
|
|
9
|
+
import M from "./button-tooltip.mjs";
|
|
10
|
+
import A from "./click-ripples.mjs";
|
|
11
|
+
import F, { normalBlendStyles as G } from "./hover-gradient.mjs";
|
|
12
|
+
var H = /* @__PURE__ */ ((e) => (e.default = "default", e.success = "success", e.warning = "warning", e.danger = "danger", e))(H || {});
|
|
13
|
+
function Y({
|
|
14
14
|
icon: e,
|
|
15
15
|
variant: o = "default",
|
|
16
16
|
label: m,
|
|
17
|
+
tooltipPosition: x,
|
|
17
18
|
disabled: l,
|
|
18
|
-
className:
|
|
19
|
-
...
|
|
19
|
+
className: S,
|
|
20
|
+
...y
|
|
20
21
|
}) {
|
|
21
|
-
const
|
|
22
|
+
const j = T(), [r, w] = p(e), [i, a] = p(!1), d = k(e), n = k(null);
|
|
22
23
|
c(() => {
|
|
23
24
|
d.current = e;
|
|
24
25
|
}, [e]);
|
|
25
|
-
const u =
|
|
26
|
+
const u = b(() => {
|
|
26
27
|
n.current && (clearTimeout(n.current), n.current = null);
|
|
27
28
|
}, []);
|
|
28
29
|
return c(() => {
|
|
@@ -31,24 +32,24 @@ function X({
|
|
|
31
32
|
return;
|
|
32
33
|
}
|
|
33
34
|
a(!0), u(), n.current = setTimeout(() => {
|
|
34
|
-
a(!1),
|
|
35
|
+
a(!1), w(d.current);
|
|
35
36
|
}, 370);
|
|
36
37
|
}, [r, e, u]), c(() => () => {
|
|
37
38
|
u();
|
|
38
|
-
}, [u]), /* @__PURE__ */ t.jsxs("button", { ...
|
|
39
|
-
/* @__PURE__ */ t.jsxs("span", { "data-theme": o === "default" ?
|
|
39
|
+
}, [u]), /* @__PURE__ */ t.jsxs("button", { ...y, type: "button", disabled: l, className: s(R, N, "kakadu-components-3515018630", o === "default" && s(I, "kakadu-components-2089159949"), o === "success" && s(D, "kakadu-components-4088931955"), o === "warning" && s(z, "kakadu-components-1450399719"), o === "danger" && s(C, "kakadu-components-3594030066"), S), children: [
|
|
40
|
+
/* @__PURE__ */ t.jsxs("span", { "data-theme": o === "default" ? j ? "dark" : "light" : "dark", className: "kakadu-components-2197738751", children: [
|
|
40
41
|
/* @__PURE__ */ t.jsx(h, { width: 16, height: 16, type: r, className: s(g, "kakadu-components-1309118222", i && "kakadu-components-3602476657") }),
|
|
41
42
|
r === e ? null : /* @__PURE__ */ t.jsx(h, { width: 16, height: 16, type: e, className: s(g, "kakadu-components-2883440801", i && "kakadu-components-1406924214") })
|
|
42
43
|
] }),
|
|
43
|
-
/* @__PURE__ */ t.jsx(
|
|
44
|
-
/* @__PURE__ */ t.jsx(
|
|
44
|
+
/* @__PURE__ */ t.jsx(E, { children: m }),
|
|
45
|
+
/* @__PURE__ */ t.jsx(M, { label: m, position: x }),
|
|
45
46
|
l ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
46
|
-
/* @__PURE__ */ t.jsx(
|
|
47
|
-
/* @__PURE__ */ t.jsx(
|
|
47
|
+
/* @__PURE__ */ t.jsx(A, { size: 50 }),
|
|
48
|
+
/* @__PURE__ */ t.jsx(F, { size: 50, className: o === "default" ? G : void 0 })
|
|
48
49
|
] })
|
|
49
50
|
] });
|
|
50
51
|
}
|
|
51
52
|
export {
|
|
52
|
-
|
|
53
|
-
|
|
53
|
+
H as IconButtonVariant,
|
|
54
|
+
Y as default
|
|
54
55
|
};
|
|
@@ -21,13 +21,14 @@ export type SelectProperties = Omit<ControllerProperties & HTMLProps<HTMLSelectE
|
|
|
21
21
|
};
|
|
22
22
|
export declare function Select({ label, options, error, warning, footnote, className, onChange, ...properties }: SelectProperties): import("react/jsx-runtime").JSX.Element;
|
|
23
23
|
type InputType = HTMLInputElement | HTMLTextAreaElement;
|
|
24
|
+
export type InputAction = {
|
|
25
|
+
icon: IconType;
|
|
26
|
+
label: string;
|
|
27
|
+
onClick: () => void;
|
|
28
|
+
};
|
|
24
29
|
export type InputProperties = Omit<ControllerProperties & HTMLProps<InputType>, 'onChange'> & {
|
|
25
30
|
readonly suggestion?: string;
|
|
26
|
-
readonly actions?:
|
|
27
|
-
icon: IconType;
|
|
28
|
-
label: string;
|
|
29
|
-
onClick: () => void;
|
|
30
|
-
}>;
|
|
31
|
+
readonly actions?: InputAction[];
|
|
31
32
|
readonly hasCopyButton?: boolean;
|
|
32
33
|
readonly hasClearButton?: boolean;
|
|
33
34
|
readonly isMultiline?: boolean;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { type HTMLProps, type ReactNode } from 'react';
|
|
2
|
+
import { type ButtonTooltipPosition } from './button-tooltip';
|
|
2
3
|
export declare enum TextButtonVariant {
|
|
3
4
|
primary = "primary",
|
|
4
5
|
delete = "delete"
|
|
@@ -8,6 +9,7 @@ type BaseTextButtonProperties = Omit<HTMLProps<HTMLButtonElement>, 'children'> &
|
|
|
8
9
|
readonly iconRight?: ReactNode;
|
|
9
10
|
readonly variant?: TextButtonVariant;
|
|
10
11
|
readonly tooltip?: string;
|
|
12
|
+
readonly tooltipPosition?: ButtonTooltipPosition;
|
|
11
13
|
};
|
|
12
14
|
export type TextButtonProperties = BaseTextButtonProperties & ({
|
|
13
15
|
children: ReactNode;
|
|
@@ -16,5 +18,5 @@ export type TextButtonProperties = BaseTextButtonProperties & ({
|
|
|
16
18
|
children?: never;
|
|
17
19
|
label: string;
|
|
18
20
|
});
|
|
19
|
-
export default function TextButton({ iconLeft, iconRight, variant, tooltip, href, target, rel, disabled, className, children, label, ...properties }: TextButtonProperties): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export default function TextButton({ iconLeft, iconRight, variant, tooltip, tooltipPosition, href, target, rel, disabled, className, children, label, ...properties }: TextButtonProperties): import("react/jsx-runtime").JSX.Element;
|
|
20
22
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),o=require("@kuma-ui/core"),x=require("../icon-B__SNDvD.js"),m=require("./flex.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),o=require("@kuma-ui/core"),x=require("../icon-B__SNDvD.js"),m=require("./flex.js"),R=require("./text.js"),q=require("./click-ripples.js"),p=require("./hover-gradient.js"),_=require("./button-tooltip.js"),v=require("./aria-text.js"),B=require("./atom.js");var l=(t=>(t.primary="primary",t.delete="delete",t))(l||{});const N="kakadu-components-4017654514";function S({iconLeft:t,iconRight:n,variant:c="primary",tooltip:u,tooltipPosition:i,href:a,target:d,rel:j,disabled:r,className:k,children:s,label:E,...y}){return e.jsxRuntimeExports.jsxs(B.default,{...y,as:a?"a":"button",type:a?void 0:"button",href:a,target:d,rel:j,disabled:r,className:o.cx(R.textShadowStyles,"kakadu-components-1202323410",s&&(t||n)?o.cx(!!t&&"kakadu-components-497190725",!!n&&"kakadu-components-3729381008"):"kakadu-components-3866032606",c==="delete"&&N,k),children:[e.jsxRuntimeExports.jsxs(m.default,{direction:"row",gap:.5,alignment:m.FlexAlignment.center,children:[t?e.jsxRuntimeExports.jsx("div",{className:o.cx("kakadu-components-2031441451",s?"kakadu-components-2885581246":"kakadu-components-611756781"),children:typeof t=="string"?e.jsxRuntimeExports.jsx(x.Icon,{width:14,height:14,type:t}):t}):null,s?e.jsxRuntimeExports.jsx("span",{className:"kakadu-components-2362298521",children:s}):e.jsxRuntimeExports.jsx(v.default,{children:E}),n?e.jsxRuntimeExports.jsx("div",{className:o.cx("kakadu-components-2031441451",s?"kakadu-components-2285425267":"kakadu-components-611756781"),children:typeof n=="string"?e.jsxRuntimeExports.jsx(x.Icon,{width:14,height:14,type:n}):n}):null]}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-1343580459",children:[r?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(q.default,{size:s?void 0:50}),e.jsxRuntimeExports.jsx(p.default,{size:s?void 0:50,className:p.normalBlendStyles})]}),u?e.jsxRuntimeExports.jsx(_.default,{label:u,position:i}):null]})]})}exports.TextButtonVariant=l;exports.default=S;
|
|
@@ -1,45 +1,46 @@
|
|
|
1
1
|
import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
|
|
2
2
|
import { cx as t } from "@kuma-ui/core";
|
|
3
3
|
import { I as p } from "../icon-BscWXhKi.mjs";
|
|
4
|
-
import
|
|
5
|
-
import { textShadowStyles as
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
var
|
|
12
|
-
const
|
|
13
|
-
function
|
|
4
|
+
import j, { FlexAlignment as y } from "./flex.mjs";
|
|
5
|
+
import { textShadowStyles as B } from "./text.mjs";
|
|
6
|
+
import f from "./click-ripples.mjs";
|
|
7
|
+
import v, { normalBlendStyles as N } from "./hover-gradient.mjs";
|
|
8
|
+
import w from "./button-tooltip.mjs";
|
|
9
|
+
import S from "./aria-text.mjs";
|
|
10
|
+
import g from "./atom.mjs";
|
|
11
|
+
var A = /* @__PURE__ */ ((e) => (e.primary = "primary", e.delete = "delete", e))(A || {});
|
|
12
|
+
const F = "kakadu-components-4017654514";
|
|
13
|
+
function q({
|
|
14
14
|
iconLeft: e,
|
|
15
15
|
iconRight: s,
|
|
16
16
|
variant: l = "primary",
|
|
17
17
|
tooltip: m,
|
|
18
|
+
tooltipPosition: d,
|
|
18
19
|
href: n,
|
|
19
|
-
target:
|
|
20
|
-
rel:
|
|
20
|
+
target: k,
|
|
21
|
+
rel: u,
|
|
21
22
|
disabled: r,
|
|
22
|
-
className:
|
|
23
|
+
className: i,
|
|
23
24
|
children: a,
|
|
24
25
|
label: x,
|
|
25
|
-
...
|
|
26
|
+
...c
|
|
26
27
|
}) {
|
|
27
|
-
return /* @__PURE__ */ o.jsxs(
|
|
28
|
-
/* @__PURE__ */ o.jsxs(
|
|
28
|
+
return /* @__PURE__ */ o.jsxs(g, { ...c, as: n ? "a" : "button", type: n ? void 0 : "button", href: n, target: k, rel: u, disabled: r, className: t(B, "kakadu-components-1202323410", a && (e || s) ? t(!!e && "kakadu-components-497190725", !!s && "kakadu-components-3729381008") : "kakadu-components-3866032606", l === "delete" && F, i), children: [
|
|
29
|
+
/* @__PURE__ */ o.jsxs(j, { direction: "row", gap: 0.5, alignment: y.center, children: [
|
|
29
30
|
e ? /* @__PURE__ */ o.jsx("div", { className: t("kakadu-components-2031441451", a ? "kakadu-components-2885581246" : "kakadu-components-611756781"), children: typeof e == "string" ? /* @__PURE__ */ o.jsx(p, { width: 14, height: 14, type: e }) : e }) : null,
|
|
30
|
-
a ? /* @__PURE__ */ o.jsx("span", { className: "kakadu-components-2362298521", children: a }) : /* @__PURE__ */ o.jsx(
|
|
31
|
+
a ? /* @__PURE__ */ o.jsx("span", { className: "kakadu-components-2362298521", children: a }) : /* @__PURE__ */ o.jsx(S, { children: x }),
|
|
31
32
|
s ? /* @__PURE__ */ o.jsx("div", { className: t("kakadu-components-2031441451", a ? "kakadu-components-2285425267" : "kakadu-components-611756781"), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(p, { width: 14, height: 14, type: s }) : s }) : null
|
|
32
33
|
] }),
|
|
33
34
|
/* @__PURE__ */ o.jsxs("span", { className: "kakadu-components-1343580459", children: [
|
|
34
35
|
r ? null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
|
|
35
|
-
/* @__PURE__ */ o.jsx(
|
|
36
|
-
/* @__PURE__ */ o.jsx(
|
|
36
|
+
/* @__PURE__ */ o.jsx(f, { size: a ? void 0 : 50 }),
|
|
37
|
+
/* @__PURE__ */ o.jsx(v, { size: a ? void 0 : 50, className: N })
|
|
37
38
|
] }),
|
|
38
|
-
m ? /* @__PURE__ */ o.jsx(
|
|
39
|
+
m ? /* @__PURE__ */ o.jsx(w, { label: m, position: d }) : null
|
|
39
40
|
] })
|
|
40
41
|
] });
|
|
41
42
|
}
|
|
42
43
|
export {
|
|
43
|
-
|
|
44
|
-
|
|
44
|
+
A as TextButtonVariant,
|
|
45
|
+
q as default
|
|
45
46
|
};
|
package/build/components.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.kakadu-components-2310209127{--light-color:#f8fafc;--dark-color:#0c0d12;--background-color:var(--light-color);--foreground-color:var(--dark-color);--red-color:#be354b;--red-color-hover:#c73d56;--red-color-light:#e8687d;--yellow-color:#c9ac56;--yellow-color-hover:#d1b559;--yellow-color-light:#edcd71;--yellow-color-dark:#a4830b;--green-color:#52a14b;--green-color-hover:#5ea957;--green-color-light:#6fb86a;--primary-color:var(--green-color);--primary-color-hover:var(--green-color-hover);--secondary-color:#175694;--secondary-color-hover:#2c6195;--secondary-color-1:#222528;--secondary-color-2:#112a37;--secondary-color-3:#1e2f35;--secondary-color-4:#2c3238;--flash-color:rgba(255, 216, 57, .5);--font-weight-modifier:50;--gap:16px;--scale-multiplier:.6;--quarter-gap:calc(var(--gap) / 4);--third-gap:calc(var(--gap) / 3);--half-gap:calc(var(--gap) / 2);--sesquialteral-gap:calc(var(--gap) * (1.5 * var(--scale-multiplier)));--double-gap:calc(var(--gap) * (2 * var(--scale-multiplier)));--triple-gap:calc(var(--gap) * (3 * var(--scale-multiplier)));--quadruple-gap:calc(var(--gap) * (4 * var(--scale-multiplier)));--content-padding:calc(var(--gap) * 1.1875);--sidebar-z-index:424242;--modal-z-index:424243;--page-padding:var(--gap);--page-width:1080px;--text-width:780px;--content-width:620px;--font-family:"Inter",-apple-system,helvetica,arial,sans-serif;font-family:var(--font-family);font-optical-sizing:auto;line-height:normal;color:var(--foreground-color);--root-font-size:1rem;--8px:calc(var(--root-font-size) * .5);--9px:calc(var(--root-font-size) * .5625);--10px:calc(var(--root-font-size) * .625);--11px:calc(var(--root-font-size) * .6875);--12px:calc(var(--root-font-size) * .75);--13px:calc(var(--root-font-size) * .8125);--14px:calc(var(--root-font-size) * .875);--15px:calc(var(--root-font-size) * .9375);--16px:calc(var(--root-font-size) * 1);--17px:calc(var(--root-font-size) * 1.0625);--18px:calc(var(--root-font-size) * 1.125);--19px:calc(var(--root-font-size) * 1.1875);--20px:calc(var(--root-font-size) * 1.25);--21px:calc(var(--root-font-size) * 1.3125);--22px:calc(var(--root-font-size) * 1.375);--23px:calc(var(--root-font-size) * 1.4375);--24px:calc(var(--root-font-size) * 1.5);--25px:calc(var(--root-font-size) * 1.5625);--26px:calc(var(--root-font-size) * 1.625);--27px:calc(var(--root-font-size) * 1.6875);--28px:calc(var(--root-font-size) * 1.75);--29px:calc(var(--root-font-size) * 1.8125);--30px:calc(var(--root-font-size) * 1.875);--31px:calc(var(--root-font-size) * 1.9375);--32px:calc(var(--root-font-size) * 2);--33px:calc(var(--root-font-size) * 2.0625);--34px:calc(var(--root-font-size) * 2.125);--35px:calc(var(--root-font-size) * 2.1875);--36px:calc(var(--root-font-size) * 2.25);--37px:calc(var(--root-font-size) * 2.3125);--38px:calc(var(--root-font-size) * 2.375);--39px:calc(var(--root-font-size) * 2.4375);--40px:calc(var(--root-font-size) * 2.5);--41px:calc(var(--root-font-size) * 2.5625);--42px:calc(var(--root-font-size) * 2.625);--43px:calc(var(--root-font-size) * 2.6875);--44px:calc(var(--root-font-size) * 2.75);--45px:calc(var(--root-font-size) * 2.8125);--46px:calc(var(--root-font-size) * 2.875);--47px:calc(var(--root-font-size) * 2.9375);--48px:calc(var(--root-font-size) * 3)}:where([data-theme=dark]) .kakadu-components-2310209127,.kakadu-components-2310209127[data-theme=dark]{--font-weight-modifier:0;--background-color:var(--dark-color);--foreground-color:var(--light-color);--secondary-color:#cce0f0;--secondary-color-hover:#fff;--secondary-color-1:#edf0f2;--secondary-color-2:#e2e6eb;--secondary-color-3:#cbcdd0;--secondary-color-4:#fff;--yellow-color-dark:#c9b15d}@media(min-width:460px){.kakadu-components-2310209127{--scale-multiplier:.7}}@media(min-width:580px){.kakadu-components-2310209127{--scale-multiplier:.8;--page-padding:var(--double-gap)}}@media(min-width:860px){.kakadu-components-2310209127{--scale-multiplier:1;--page-padding:var(--triple-gap)}}.kakadu-components-4178476647{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.kakadu-components-216224454{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;text-align:left;border:0;margin:0;padding:0;cursor:pointer}[dir=rtl] .kakadu-components-216224454{text-align:right}.kakadu-components-352310015{--soft-shadow-color:rgba(255, 255, 255, .375);--hard-shadow-color:rgba(0, 0, 0, .075);--inset-hard-shadow-color:rgba(0, 0, 0, .2);--box-shadow-outline-color:#fff;--box-shadow-color:rgba(0, 0, 0, .25);--box-shadow-highlight-color:rgba(255, 255, 255, .05);--box-shadow-top-highlight-color:var(--box-shadow-highlight-color);--box-shadow-inset-color:rgba(0, 0, 0, .25);--bevel-shadow-offset:4px;--bevel-shadow-color:rgba(0, 0, 0, .1);--outline-color:rgba(0, 0, 0, 0);--outline-width:0px;box-shadow:0 0 2px var(--soft-shadow-color),0 0 0 1px var(--box-shadow-outline-color),0 var(--bevel-shadow-offset) 0 var(--hard-shadow-color),inset 0 calc(var(--bevel-shadow-offset) * -1) 0 var(--bevel-shadow-color),inset 0 calc((var(--bevel-shadow-offset) + 1px) * -1) 0 var(--box-shadow-highlight-color),0 0 0 var(--outline-width) var(--outline-color)}:where([data-theme=dark]) .kakadu-components-352310015{--soft-shadow-color:rgba(0, 0, 0, .375);--hard-shadow-color:rgba(0, 0, 0, .4)}.kakadu-components-352310015:before{content:"";width:100%;height:100%;position:absolute;border-radius:var(--border-radius);top:0;right:0;bottom:0;left:0;mix-blend-mode:overlay;box-shadow:inset 0 0 0 1px var(--box-shadow-color),inset 0 2px 0 var(--box-shadow-top-highlight-color),inset 0 -2px 0 var(--box-shadow-highlight-color),inset 0 1px 0 var(--box-shadow-inset-color),inset 0 calc(var(--bevel-shadow-offset) * -1) 0 var(--inset-hard-shadow-color);transition:box-shadow .37s}:where([data-theme=dark]) .kakadu-components-1119532724.kakadu-components-1119532724{--box-shadow-outline-color:#07130e;--box-shadow-color:rgba(255, 255, 255, .2)}.kakadu-components-3440084244{width:1px;height:1px;white-space:nowrap;padding:0;margin:-1px;border:0;position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip:rect(0,0,0,0);word-wrap:normal}.kakadu-components-2071660791{--outline-shadow-color:rgba(255, 255, 255, 1);--hard-shadow-color:rgba(0, 0, 0, .03);--inset-inner-shadow-color:rgba(0, 0, 0, .2);--inset-outer-shadow-color:rgba(255, 255, 255, .75);--inset-hard-shadow-color:rgba(0, 0, 0, .025);--soft-shadow-color:rgba(255, 255, 255, .5);background:#fff6;padding:var(--content-padding);box-shadow:0 0 0 1px var(--outline-shadow-color),inset 0 0 0 1px var(--inset-inner-shadow-color),inset 0 0 0 2px var(--inset-outer-shadow-color),inset 0 5px 0 var(--inset-hard-shadow-color),0 0 2px 1px var(--soft-shadow-color),0 1px 1px var(--hard-shadow-color),0 5px 0 var(--hard-shadow-color);--border-radius:12px;border-radius:var(--border-radius)}:where([data-theme=dark]) .kakadu-components-2071660791{--outline-shadow-color:rgba(0, 0, 0, 1);--hard-shadow-color:rgba(0, 0, 0, .3);--inset-inner-shadow-color:rgba(255, 255, 255, .3);--inset-outer-shadow-color:rgba(0, 0, 0, .75);--inset-hard-shadow-color:rgba(0, 0, 0, .1);--soft-shadow-color:rgba(0, 0, 0, .5);background-color:#141419cc}.kakadu-components-2395643287{--hard-soft-shadow-color:rgba(255, 255, 255, .075);--hard-shadow-color:rgba(255, 255, 255, .2);--blur-shadow-color:rgba(255, 255, 255, .25);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 1px 3px var(--blur-shadow-color)) drop-shadow(0 -1px var(--hard-soft-shadow-color)) drop-shadow(1px 0 var(--hard-soft-shadow-color)) drop-shadow(-1px 0 0 var(--hard-soft-shadow-color))}:where([data-theme=dark]) .kakadu-components-2395643287{--hard-soft-shadow-color:rgba(0, 0, 0, .15);--hard-shadow-color:rgba(0, 0, 0, .3);--blur-shadow-color:rgba(0, 0, 0, .15)}.kakadu-components-1569667551{display:inline-block;vertical-align:top;transform-box:view-box;transform-origin:center;shape-rendering:geometricPrecision}.kakadu-components-1717890504{transform-box:fill-box;transform-origin:center;animation:loading-spinner .97s linear infinite;will-change:transform}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(359.999deg)}}.kakadu-components-3913140600{opacity:0;transform:translate3d(0,1px,0) scale(.75);transition:transform .16s,opacity .12s}.kakadu-components-2895791158{transform:translate3d(0,1px,0) scale(1);opacity:1}.kakadu-components-1792481071{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity);mix-blend-mode:overlay}.kakadu-components-3566333728{width:100%;height:100%;color:var(--color, #000);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity, .1);mix-blend-mode:plus-darker}:where([data-theme=dark]) .kakadu-components-3566333728{--color:#fff;--opacity:.05;mix-blend-mode:plus-lighter}.kakadu-components-4049648322{-webkit-mask-image:radial-gradient(ellipse,black 0%,black 60%,transparent 75%,transparent 100%);mask-image:radial-gradient(ellipse,black 0%,black 60%,transparent 75%,transparent 100%)}.kakadu-components-3828473824{--translation:translate(-50%, -50%);background:#00000013;width:var(--size);height:var(--size);border-radius:var(--size);position:absolute;top:0;left:0;transform:var(--translation) scale(0);opacity:0;animation:ripple .37s ease-out}@keyframes ripple{0%{transform:var(--translation) scale(0);opacity:0}60%{opacity:1}to{transform:var(--translation) scale(1);opacity:0}}:where([data-theme=dark]) .kakadu-components-3828473824{background-color:#ffffff13}.kakadu-components-4189236582{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:var(--offset, 0);left:var(--offset, 0);right:var(--offset, 0);bottom:var(--offset, 0)}.kakadu-components-2608453841.kakadu-components-2608453841{mix-blend-mode:normal;opacity:.3}.kakadu-components-1237006455{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:var(--offset, 0);left:var(--offset, 0);right:var(--offset, 0);bottom:var(--offset, 0);mix-blend-mode:overlay}.kakadu-components-611160091{--gradient-start-color:rgba(0, 0, 0, .125);--gradient-end-color:rgba(0, 0, 0, 0);background-image:radial-gradient(circle,var(--gradient-start-color) 0%,var(--gradient-end-color) 60%);position:absolute;width:var(--size);height:var(--size);transform:translate(var(--offset-x),var(--offset-y)) translate(-50%,-50%);opacity:0;transition:opacity .2s}:where([data-theme=dark]) .kakadu-components-611160091{--gradient-start-color:rgba(255, 255, 255, .125);--gradient-end-color:rgba(255, 255, 255, 0)}.kakadu-components-3627966847{opacity:1}.kakadu-components-3358774822{position:absolute;left:50%;bottom:calc(100% + 7px);text-align:center;pointer-events:none;white-space:nowrap;transform:translate(-50%);display:none}@media(hover:hover){.kakadu-components-3358774822{display:block}}.kakadu-components-1128219903{background:#fff;font-size:var(--12px);padding:3px 7px;border-radius:5px;color:#000;display:inline-block;position:relative;--box-shadow-outline-color:#fff;--box-shadow-color:rgba(0, 0, 0, .15);--box-shadow-inset-color:rgba(0, 0, 0, .2);box-shadow:0 0 0 1px var(--box-shadow-outline-color),0 1px 4px var(--box-shadow-color),inset 0 0 0 1px var(--box-shadow-inset-color);transform:translate3d(0,4px,0) scale(.8);opacity:0}:where([data-theme=dark]) button .kakadu-components-1128219903{background:#141419b3;color:#fff;--box-shadow-outline-color:rgba(0, 0, 0, .7);--box-shadow-color:rgba(255, 255, 255, .1);--box-shadow-inset-color:rgba(255, 255, 255, .25)}.kakadu-components-1128219903:after{content:"";position:absolute;top:calc(100% - 5px);left:50%;transform:translate(-50%) rotate(45deg);width:7px;height:7px;background:#fff;--box-shadow-color:rgb(200, 200, 200);--outer-box-shadow-color:rgb(250, 250, 250);box-shadow:1px 1px 0 var(--box-shadow-color),2px 2px 0 var(--outer-box-shadow-color);z-index:-1}:where([data-theme=dark]) button .kakadu-components-1128219903:after{background:#131314;--box-shadow-color:rgb(80, 80, 80);--outer-box-shadow-color:rgba(0, 0, 0, .3)}@media(hover:hover){.kakadu-components-1128219903{transition:transform .1s,opacity .1s}button:hover .kakadu-components-1128219903{transform:translateZ(0) scale(1);opacity:1;transition:transform .3s .2s,opacity .3s .2s}}.kakadu-components-2658660333{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;--hard-shadow-color:rgba(0, 0, 0, .25);--blur-shadow-color:rgba(0, 0, 0, .35)}.kakadu-components-2658660333 svg{transform:translateZ(0);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 0 2px var(--blur-shadow-color))}:where([data-theme=light]) .kakadu-components-3469662110 svg{--hard-shadow-color:rgba(255, 255, 255, .25);--blur-shadow-color:rgba(255, 255, 255, .35)}.kakadu-components-2244098950.kakadu-components-2244098950:before{mix-blend-mode:normal}:where([data-theme=light]) .kakadu-components-2244098950.kakadu-components-2244098950{background-color:#ffffffe6;color:#000c;--text-shadow-color:rgba(255, 255, 255, .35);--text-shadow-hard-color:rgba(255, 255, 255, .25);--box-shadow-color:rgba(0, 0, 0, .15);--box-shadow-highlight-color:rgba(255, 255, 255, .25);--box-shadow-inset-color:rgba(0, 0, 0, .1);--inset-hard-shadow-color:rgba(0, 0, 0, .05);--loading-background-color:rgba(255, 255, 255, .3);--loading-background-color-gradient-start:rgba(255, 255, 255, .6);--loading-background-color-gradient-end:rgba(255, 255, 255, 0)}@media(hover:hover){:where([data-theme=light]) .kakadu-components-2244098950.kakadu-components-2244098950:not([disabled]):hover{background-color:#fff;color:#000}}:where([data-theme=dark]) .kakadu-components-2244098950.kakadu-components-2244098950{background-color:#161619cc;color:#ffffffe6;--text-shadow-color:rgba(0, 0, 0, .35);--text-shadow-hard-color:rgba(0, 0, 0, .25);--box-shadow-color:rgba(255, 255, 255, .2);--box-shadow-highlight-color:rgba(0, 0, 0, .75);--box-shadow-inset-color:rgba(255, 255, 255, .3);--inset-hard-shadow-color:rgba(255, 255, 255, .075);--bevel-shadow-color:rgba(255, 255, 255, .075);--box-shadow-outline-color:var(--background-color);--loading-background-color:rgba(0, 0, 0, .65);--loading-background-color-gradient-start:rgba(0, 0, 0, .2);--loading-background-color-gradient-end:rgba(0, 0, 0, 0)}@media(hover:hover){:where([data-theme=dark]) .kakadu-components-2244098950.kakadu-components-2244098950:not([disabled]):hover{background-color:#1c1c1ecc;color:#fff}}.kakadu-components-3923184173.kakadu-components-3923184173{background-color:var(--green-color)}@media(hover:hover){.kakadu-components-3923184173.kakadu-components-3923184173:not([disabled]):hover{background-color:var(--green-color-hover)}}.kakadu-components-317965671.kakadu-components-317965671{background-color:var(--yellow-color)}@media(hover:hover){.kakadu-components-317965671.kakadu-components-317965671:not([disabled]):hover{background-color:var(--yellow-color-hover)}}.kakadu-components-1978976872.kakadu-components-1978976872{background-color:var(--red-color)}@media(hover:hover){.kakadu-components-1978976872.kakadu-components-1978976872:not([disabled]):hover{background-color:var(--red-color-hover)}}.kakadu-components-1897763514{--text-shadow-color:rgba(0, 0, 0, .35);--text-shadow-hard-color:rgba(0, 0, 0, .25);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--primary-color);font-family:var(--font-family);font-size:var(--16px);font-weight:550;text-align:center;text-decoration:none;margin:0;padding:calc(var(--gap) * .65) calc(var(--gap) * 1.4);padding-bottom:calc(var(--gap) * .75);cursor:pointer;color:#fff;border:0;--border-radius:30px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .37s,box-shadow .37s,transform .37s}.kakadu-components-1897763514:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}.kakadu-components-1897763514[disabled]{cursor:not-allowed;opacity:.8}@media(hover:hover){.kakadu-components-1897763514:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;text-decoration:underline}.kakadu-components-1897763514:before{transition-duration:.1s}}.kakadu-components-3652831856{text-align:left}.kakadu-components-2746167644{padding-left:12px;padding-right:12px}.kakadu-components-294089230{padding-right:2px;left:-4px}.kakadu-components-2618257692{position:relative;z-index:2;text-shadow:0 0 2px var(--text-shadow-color),0 1px 0 var(--text-shadow-hard-color)}.kakadu-components-3127707672{padding-left:2px;right:-4px}.kakadu-components-1029011626{position:absolute;top:2px;right:2px;bottom:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);opacity:0;transition:opacity .1s;border-radius:var(--border-radius);pointer-events:none;z-index:3}.kakadu-components-726496666{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:1}.kakadu-components-772420116{background-color:var( --loading-background-color, rgba(0, 0, 0, .1) );background-image:radial-gradient(ellipse,var(--loading-background-color-gradient-start, rgba(0, 0, 0, .2)) 0%,var(--loading-background-color-gradient-end, rgba(0, 0, 0, 0)) 75%);color:var(--loading-color);display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius);position:absolute;top:0;right:0;bottom:0;left:0}.kakadu-components-1505766785{border-radius:var(--border-radius)}.kakadu-components-3712045697.kakadu-components-3712045697{mix-blend-mode:hard-light;opacity:.05}.kakadu-components-2813474662.kakadu-components-2813474662{color:#fff;mix-blend-mode:plus-lighter;border-radius:var(--border-radius)}.kakadu-components-563258661{display:flex;align-items:var(--cross-axis-alignment);justify-content:var(--main-axis-alignment)}.kakadu-components-1546485850{flex-direction:column;align-items:var(--main-axis-alignment);justify-content:var(--cross-axis-alignment)}.kakadu-components-223643817{--main-axis-alignment:flex-start;--cross-axis-alignment:center}.kakadu-components-4038850420{--main-axis-alignment:center;--cross-axis-alignment:center}.kakadu-components-317611484{--main-axis-alignment:space-between;--cross-axis-alignment:center}.kakadu-components-2767496155{--main-axis-alignment:flex-end;--cross-axis-alignment:center}.kakadu-components-2276234075{gap:var(--quarter-gap)}.kakadu-components-739568937{gap:var(--third-gap)}.kakadu-components-3438335458{gap:var(--half-gap)}.kakadu-components-3350948469{gap:calc(var(--gap) * .75)}.kakadu-components-3993051137{gap:var(--gap)}.kakadu-components-4186556816{gap:var(--sesquialteral-gap)}.kakadu-components-1435205015{gap:var(--double-gap)}.kakadu-components-4251546321{gap:calc(var(--gap) * 2.25)}.kakadu-components-1168734547{gap:var(--triple-gap)}.kakadu-components-1543861259{gap:var(--quadruple-gap)}.kakadu-components-3545808562{flex-wrap:wrap}.kakadu-components-3911899222{flex:1}.kakadu-components-1538322784{--text-shadow-color-numbers:255,255,255;--text-shadow-multiplier:1;text-shadow:0 1px 0 rgba(var(--text-shadow-color-numbers),calc(.3 * var(--text-shadow-multiplier))),0 3px 0 rgba(var(--text-shadow-color-numbers),calc(.05 * var(--text-shadow-multiplier))),0 0 2px rgba(var(--text-shadow-color-numbers),calc(.4 * var(--text-shadow-multiplier))),0 1px 4px rgba(var(--text-shadow-color-numbers),calc(.2 * var(--text-shadow-multiplier)))}:where([data-theme=dark]) .kakadu-components-1538322784{--text-shadow-color-numbers:0,0,0;--text-shadow-multiplier:1.5}.kakadu-components-739732526 a{color:var(--secondary-color);text-decoration:underline}@media(hover:hover){.kakadu-components-739732526 a:hover{color:var(--secondary-color-hover);text-decoration:none}}.kakadu-components-1669332734{font-family:var(--font-family);font-size:var(--34px);color:var(--secondary-color-1);--font-weight:650;font-weight:var(--font-weight);line-height:1.1em;padding:0;margin:0}.kakadu-components-1669332734 b{font-weight:calc(var(--font-weight) + 50);color:var(--secondary-color-4)}.kakadu-components-1669332734 strong{font-weight:calc(var(--font-weight) + 150);color:var(--secondary-color-4)}.kakadu-components-1038708690.kakadu-components-1038708690{text-decoration:none;color:inherit}@media(hover:hover){.kakadu-components-1038708690.kakadu-components-1038708690:hover{color:inherit;text-decoration:underline}}.kakadu-components-1923397960{font-family:var(--font-family);font-size:var(--16px)}.kakadu-components-1923397960 b{font-weight:450;color:var(--secondary-color-2)}.kakadu-components-1923397960 strong{font-weight:600;color:var(--secondary-color-2)}.kakadu-components-1923397960 code{font-size:.9em}.kakadu-components-621160204{font-size:var(--16px);font-weight:400;color:var(--secondary-color-3);line-height:1.5em;padding:0;margin:0}.kakadu-components-1329768068.kakadu-components-1329768068{text-transform:uppercase;font-weight:600;font-size:var(--12px);opacity:.8}.kakadu-components-1082504586{max-width:var(--text-width);text-wrap:pretty}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h1){font-size:var(--32px)}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h2){font-size:var(--24px);--font-weight:650}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h3){font-size:var(--20px);--font-weight:400;opacity:.9}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h4){font-size:var(--17px);--font-weight:500}.kakadu-components-1082504586 h1+h2{margin-top:1.25em}.kakadu-components-1082504586 h2+h3{margin-top:.75em}.kakadu-components-1082504586 h3+h4{margin-top:.9em}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol,aside){margin-top:.9em}.kakadu-components-1082504586 :is(h1,h2)+p:has(+p){font-size:var(--20px);font-weight:400;line-height:1.3em;color:var(--secondary-color-2)}.kakadu-components-1082504586 :is(h1,h2)+p:has(+p)+p{margin-top:1.25em}.kakadu-components-1082504586 p+:is(p){margin-top:.75em}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6){margin-top:1.5em}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h3){margin-top:2em}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h4){margin-top:2em}.kakadu-components-1082504586 :is(div:has(>pre),pre,p,ul,ol,aside,label:has(input,textarea,select))+:is(h3,h4):before{content:"";width:16px;height:1px;background:#00000026;display:block;margin-bottom:2em}:where([data-theme=dark]) .kakadu-components-1082504586 :is(div:has(>pre),pre,p,ul,ol,aside,label:has(input,textarea,select))+:is(h3,h4):before{background-color:#ffffff26}.kakadu-components-1082504586 ul,.kakadu-components-1082504586 ol{margin:0;padding:0;list-style-position:inside}.kakadu-components-1082504586 :is(p,ul,ol)+:is(ul,ol){margin-top:1em}.kakadu-components-1082504586 li+li{margin-top:.25em}.kakadu-components-1082504586 li+:is(ol>li){margin-top:1em}.kakadu-components-1082504586 li:has(:is(ul,ol))+li{margin-top:.65em}.kakadu-components-1082504586 li::marker{font-weight:600}.kakadu-components-1082504586 :is(ul,ol)>li{font-weight:500}.kakadu-components-1082504586 :is(ul,ol)>li li{font-weight:400}.kakadu-components-1082504586 li a:only-child,.kakadu-components-1082504586 li a:first-child:has(+:is(ul,ol):last-child){text-decoration:none;color:currentColor}@media(hover:hover){.kakadu-components-1082504586 li a:only-child:hover,.kakadu-components-1082504586 li a:first-child:has(+:is(ul,ol):last-child):hover{text-decoration:underline;color:var(--secondary-color)}}.kakadu-components-1082504586 :is(ul,ol) :is(ul,ol){margin-top:var(--half-gap);padding-left:var(--gap)}.kakadu-components-1082504586 :is(p,ul,ol)+hr{margin-top:2em}.kakadu-components-1082504586 code:not(pre code){font-family:Source Code Pro,Source Code Pro Fallback,monospace;background:#ffffffe6;box-shadow:inset 0 0 0 1px #0003;display:inline-block;vertical-align:middle;padding:0 6px;border-radius:6px}:where([data-theme=dark]) .kakadu-components-1082504586 code:not(pre code){background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3}.kakadu-components-1082504586 pre{background:#ffffffe6;font-size:var(--12px);line-height:1.5em;color:#000;margin:0;white-space:pre-wrap;overflow:auto;padding:var(--gap);border-radius:var(--half-gap);box-sizing:border-box;box-shadow:inset 0 0 0 1px #0003}:where([data-theme=dark]) .kakadu-components-1082504586 pre{background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3;color:#ffffffb3}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(div:has(>pre),pre,label:has(:is(input,textarea,select))),.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(p,ul,ol,aside){margin-top:var(--double-gap)}.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(h1,h2,h3,h4,h5,h6){margin-top:var(--triple-gap)}.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(h1,h2,h3,h4,h5,h6):is(h3,h4){margin-top:2em}.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(div:has(>pre),pre,label:has(:is(input,textarea,select))){margin-top:var(--gap)}.kakadu-components-1082504586 aside:not(:is(div:has(>pre),pre,label:has(input,textarea,select))+aside){max-width:var(--content-width)}.kakadu-components-1082504586 :is(p,ul,ol)+aside,.kakadu-components-1082504586 aside+:is(p,ul,ol){margin-top:var(--double-gap)}.kakadu-components-1082504586 :is(div:has(>pre),pre)+aside,.kakadu-components-1082504586 aside+:is(div:has(>pre),pre){margin-top:var(--gap)}.kakadu-components-323682454.kakadu-components-323682454{max-width:var(--text-width)}.kakadu-components-323682454.kakadu-components-323682454 h1{font-size:var(--38px)}@media(min-width:410px){.kakadu-components-323682454.kakadu-components-323682454 h1{font-size:var(--48px)}}.kakadu-components-323682454.kakadu-components-323682454 h1+:is(p,ul){margin-top:.9em}.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p),.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child{font-size:var(--20px);line-height:1.4em}@media(min-width:410px){.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p),.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child{font-size:var(--24px)}}.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p)+p,.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child+p{margin-top:2.1em}.kakadu-components-323682454.kakadu-components-323682454 p{font-size:var(--18px);line-height:1.6em}.kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570{background:#fff;text-align:left;padding:var(--content-padding);padding-bottom:calc(var(--content-padding) - 2px);--border-radius:12px;border-radius:var(--border-radius);text-decoration:none;position:relative;cursor:pointer;border:0;transition:background-color .37s,box-shadow .37s,transform .37s}:where([data-theme=dark]) .kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570{background-color:#16181c;--box-shadow-color:rgba(255, 255, 255, .15);--inset-hard-shadow-color:rgba(0, 0, 0, .8);--box-shadow-outline-color:rgba(0, 0, 0, .75);--box-shadow-highlight-color:rgba(255, 255, 255, .04);--box-shadow-top-highlight-color:rgba(0, 0, 0, .6)}@media(hover:hover){:where([data-theme=dark]) .kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570:hover{background-color:#1a1c21}}.kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570:before{mix-blend-mode:normal}.kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570:active{transform:scale(.9875);transition-duration:.1s;--bevel-shadow-offset:1px}.kakadu-components-1301774894.kakadu-components-1301774894{font-size:var(--18px);font-weight:500;color:var(--foreground-color);text-decoration:none;text-decoration:0}:is(button,a):hover .kakadu-components-1301774894.kakadu-components-1301774894{text-decoration:underline}.kakadu-components-782417605{position:relative;left:-1px}.kakadu-components-3061837309.kakadu-components-3061837309{font-size:var(--15px);text-decoration:none;text-decoration:0}.kakadu-components-777975485.kakadu-components-777975485{font-size:var(--12px);font-weight:700;text-transform:uppercase;text-decoration:underline;color:#3574b5;padding-top:var(--quarter-gap)}:where([data-theme=dark]) .kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485{color:#84a3c8}@media(hover:hover){:is(button,a):hover .kakadu-components-777975485.kakadu-components-777975485,.kakadu-components-777975485.kakadu-components-777975485:hover{text-decoration:none;text-decoration:0;text-decoration-color:currentColor}}.kakadu-components-2967167444{opacity:.5}.kakadu-components-2223449868{transition:height .37s,opacity .37s}.kakadu-components-3857562328{position:absolute}.kakadu-components-3515018630{--border-radius:8px;width:34px;height:34px;padding-bottom:3px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:var(--border-radius);position:relative;transition:background-color .37s,box-shadow .37s,transform .37s}.kakadu-components-3515018630[disabled]{cursor:not-allowed;opacity:.8}.kakadu-components-3515018630:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}@media(hover:hover){.kakadu-components-3515018630:not([disabled]):active.kakadu-components-3515018630:not([disabled]):active{--outline-width:0px}}@media(hover:hover){.kakadu-components-3515018630:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;--outline-width:5px;--outline-color:var(--outline-hover-color)}.kakadu-components-3515018630:before{transition-duration:.1s}}.kakadu-components-2089159949{--outline-hover-color:rgba(0, 0, 0, .1)}:where([data-theme=dark]) .kakadu-components-2089159949{--outline-hover-color:rgba(255, 255, 255, .1)}.kakadu-components-4088931955{--outline-hover-color:oklch( from var(--green-color) l c h / 37.5% )}.kakadu-components-1450399719{--outline-hover-color:oklch( from var(--yellow-color) l c h / 37.5% )}.kakadu-components-3594030066{--outline-hover-color:oklch(from var(--red-color) l c h / 37.5%)}.kakadu-components-2197738751{position:relative;display:flex;align-items:center;justify-content:center}.kakadu-components-1309118222{transform:translateZ(0);position:relative;z-index:2;transition:opacity .1s,transform .1s}.kakadu-components-3602476657{opacity:0;transform:translateZ(0) scale(.8)}.kakadu-components-2883440801{transform:translateZ(0) scale(.8);position:absolute;z-index:2;transition:opacity .2s,transform .2s;top:0;left:0;bottom:0;right:0;opacity:0}.kakadu-components-1406924214{opacity:1;transform:translateZ(0)}.kakadu-components-3772513716.kakadu-components-3772513716{font-size:var(--13px);font-weight:650;text-transform:uppercase}.kakadu-components-2497879239.kakadu-components-2497879239{font-weight:300}.kakadu-components-2022754336{opacity:.3}.kakadu-components-847862034{padding-left:var(--page-padding);padding-right:var(--page-padding)}.kakadu-components-1099799322{width:100%;align-self:center}.kakadu-components-3142729958{max-width:var(--page-width)}.kakadu-components-2670503515{max-width:var(--text-width)}.kakadu-components-259932668{max-width:var(--content-width)}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984{font-size:var(--14px);list-style:none}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a{--color:#aaa;color:var(--color);text-decoration:none}@media(hover:hover){.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a:hover{text-decoration:underline}}.kakadu-components-1574406446{background:var(--dark-color);padding:var(--page-padding);position:relative}:where([data-theme=dark]) .kakadu-components-1574406446{background:#0006;box-shadow:inset 0 1px #ffffff14}.kakadu-components-783629418.kakadu-components-783629418{align-items:flex-start;padding-top:var(--gap)}.kakadu-components-3520395370.kakadu-components-3520395370{text-align:right}.kakadu-components-4048415128{border:0}.kakadu-components-2329568054{border:0;vertical-align:top}.kakadu-components-2089456404.kakadu-components-2089456404{max-width:var(--text-width);width:100%;align-items:center}.kakadu-components-3695148669.kakadu-components-3695148669{position:relative;top:-2px;vertical-align:top;color:var(--foreground-color)}.kakadu-components-1125118494.kakadu-components-1125118494{font-size:var(--14px);opacity:.3}.kakadu-components-2176404336{--size:80px;--thickness:13px;--font-size:var(--25px);--font-weight:600;--offset:2px;--highlight-color:rgba(255, 255, 255, .2);--shadow-color:rgba(0, 0, 0, .1);--hard-shadow-offset:4px;--hard-shadow-color:rgba(0, 0, 0, .05);background:#f9f9f9;width:var(--size);height:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color),inset 0 2px 0 var(--highlight-color);border-radius:var(--size);position:relative;display:flex;align-items:center;justify-content:center}:where([data-theme=dark]) .kakadu-components-2176404336{background:#323237}.kakadu-components-3162945807{--size:60px;--thickness:11px;--font-size:var(--18px);--font-weight:600;--offset:2px}.kakadu-components-2977513648{--size:100px;--thickness:17px;--font-size:var(--32px);--offset:3px}.kakadu-components-707327569{background:var(--start-color);width:var(--thickness);height:var(--thickness);border-radius:var(--thickness);position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 0 0 1px var(--shadow-color),0 0 2px #fff3}.kakadu-components-2636723344{width:100%;height:100%;background:conic-gradient(from -90deg,var(--gradient));-webkit-mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);border-radius:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 4px #ffffff26,inset 0 0 0 1px var(--shadow-color)}:where([data-theme=dark]) .kakadu-components-2636723344{--shadow-color:rgba(255, 255, 255, .3)}.kakadu-components-2810161405{--inner-size:calc(var(--size) - (var(--thickness) * 2));background:#0000002d;width:var(--inner-size);height:var(--inner-size);border-radius:var(--inner-size);--outline-shadow-color:rgba(0, 0, 0, .15);--soft-shadow-color:rgba(255, 255, 255, .4);box-shadow:0 0 0 1px var(--outline-shadow-color),0 0 2px var(--soft-shadow-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:where([data-theme=dark]) .kakadu-components-2810161405{--outline-shadow-color:rgba(255, 255, 255, .15);--soft-shadow-color:rgba(255, 255, 255, .4)}.kakadu-components-1913523229{--inner-size:calc(var(--size) - var(--thickness) * 2);background:var(--background-color);width:var(--inner-size);height:var(--inner-size);font-size:var(--font-size);font-weight:var(--font-weight);font-variant-numeric:tabular-nums;letter-spacing:-.07em;border-radius:var(--inner-size);display:flex;align-items:center;justify-content:center;--offset-shadow-color:var(--shadow-color);box-shadow:0 1px 0 var(--offset-shadow-color),0 2px 0 var(--highlight-color),inset 0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color);position:absolute}:where([data-theme=dark]) .kakadu-components-1913523229{--offset-shadow-color:rgba(255, 255, 255, .3)}.kakadu-components-967240013{--dial-size:calc(var(--thickness) + (var(--offset) * 2));--radius:calc((var(--size) / 2) - var(--offset));--angle:calc(-180deg + (var(--percentage-factor) * 360deg));background:#fff;width:var(--dial-size);height:var(--dial-size);border-radius:var(--dial-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(calc(var(--radius) - (var(--offset) * 2))) rotate(calc(var(--angle) * -1));box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),0 0 1px #00000080}.kakadu-components-3225063030{--dial-cutout-size:calc(var(--dial-size) / 2.25);background:var(--end-color);width:var(--dial-cutout-size);height:var(--dial-cutout-size);border-radius:var(--dial-cutout-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px var(--shadow-color),inset 0 var(--hard-shadow-offset) 0 0 var(--hard-shadow-color)}.kakadu-components-866714386{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;overflow:hidden;top:0;z-index:100;box-shadow:0 1px #0003,0 2px #fff3}:where([data-theme=dark]) .kakadu-components-866714386{background:color-mix(in srgb,var(--background-color),rgba(0,0,0,.6) 20%);box-shadow:0 1px #fff3,0 2px #0003}.kakadu-components-479363365{padding-top:var(--gap);padding-bottom:calc(var(--gap) + 2px)}.kakadu-components-4017654514.kakadu-components-4017654514{color:var(--red-color)}:where([data-theme=dark]) .kakadu-components-4017654514.kakadu-components-4017654514{color:var(--red-color-hover)}.kakadu-components-1202323410{--hover-background-color:rgba(0, 0, 0, .05);background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;font-family:var(--font-family);font-size:var(--16px);font-weight:550;cursor:pointer;color:var(--foreground-color);margin:0;border:0;padding:0;text-align:left;text-decoration:none;display:inline-flex;vertical-align:top;position:relative;transform:translateZ(0);--original-border-radius:6px;--border-radius:var(--original-border-radius) var(--border-top-right-radius, var(--original-border-radius)) var(--original-border-radius) var(--original-border-radius);--horizontal-offset:-9px;--right-offset:var(--horizontal-offset);--left-offset:var(--horizontal-offset);--vertical-offset:-5px}:where([data-theme=dark]) .kakadu-components-1202323410{--hover-background-color:rgba(255, 255, 255, .075)}.kakadu-components-1202323410[disabled]{cursor:not-allowed;opacity:.7}@media(hover:hover){.kakadu-components-1202323410:not([disabled]):before{content:"";position:absolute;top:var(--vertical-offset);right:var(--right-offset);bottom:var(--vertical-offset);left:var(--left-offset);border-radius:var(--border-radius);transition:background-color .37s}.kakadu-components-1202323410:not([disabled]):hover:before{background-color:var(--hover-background-color);transition:background-color .05s}}.kakadu-components-1202323410:not([disabled]):active{transform:scale(.98);transition-duration:.1s}.kakadu-components-497190725{--right-offset:-12px}.kakadu-components-3729381008{--left-offset:-12px}.kakadu-components-3866032606{--horizontal-offset:-8px}.kakadu-components-2031441451{position:relative}.kakadu-components-2885581246{top:1px;right:-1px}.kakadu-components-611756781{padding-top:3px;padding-left:2px;padding-right:2px}.kakadu-components-2362298521{position:relative;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}@media(hover:hover){:is(a,button):not([disabled]):hover .kakadu-components-2362298521{text-decoration:none}}.kakadu-components-2285425267{top:1px;left:-1px}.kakadu-components-1343580459{position:absolute;top:var(--vertical-offset);right:var(--right-offset);bottom:var(--vertical-offset);left:var(--left-offset)}.kakadu-components-925362255{--border-radius:6px;--box-shadow-color:rgba(0, 0, 0, .2);--box-shadow-hard-color:rgba(255, 255, 255, .8);--box-shadow-inner-color:rgba(255, 255, 255, .2);--default-lip-color:#d4d7d9;--lip-color:var(--default-lip-color);background:#fff;border-radius:var(--border-radius);box-shadow:inset 0 0 0 2px var(--box-shadow-inner-color),inset 0 0 0 1px var(--box-shadow-color),0 0 0 1px var(--box-shadow-hard-color),0 3px #00000008;display:flex;justify-content:flex-start}:where([data-theme=dark]) .kakadu-components-925362255{background-color:#15161a;--box-shadow-inner-color:rgba(0, 0, 0, .3);--box-shadow-color:rgba(255, 255, 255, .2);--box-shadow-hard-color:rgba(0, 0, 0, .9);--default-lip-color:#393b3e}.kakadu-components-2945174293{--default-lip-color:#a2a6a8}:where([data-theme=dark]) .kakadu-components-2945174293{--default-lip-color:#1f2022}.kakadu-components-2585123369{--lip-color:var(--green-color)}.kakadu-components-1387450724{--lip-color:var(--green-color-light)}.kakadu-components-3502407303{--lip-color:var(--yellow-color)}.kakadu-components-1612824642{--lip-color:var(--yellow-color-light)}.kakadu-components-314765189{--lip-color:var(--red-color)}.kakadu-components-4209515987{--lip-color:var(--red-color-light)}.kakadu-components-3327291559{--box-shadow-lip-inner-color:rgba(255, 255, 255, .05);background:var(--lip-color);width:6px;box-shadow:inset 0 0 0 1px var(--box-shadow-color),inset 0 0 0 2px var(--box-shadow-lip-inner-color);border-radius:var(--border-radius) 1px 1px var(--border-radius);display:flex;align-items:center;justify-content:center;color:#fff}:where([data-theme=dark]) .kakadu-components-3327291559{--box-shadow-lip-inner-color:rgba(0, 0, 0, .03)}.kakadu-components-3906762683{width:37px;padding-left:1px}.kakadu-components-1969958615.kakadu-components-1969958615{font-size:var(--14px);line-height:1.5em;padding:calc(var(--half-gap) + 2px);padding-top:calc(var(--half-gap) - 1px);padding-bottom:calc(var(--half-gap));flex:1}.kakadu-components-258945758{width:100%;position:fixed;bottom:var(--notification-bottom-offset, 0px);left:0;right:0;display:flex;align-items:center;justify-content:center;padding-bottom:var(--triple-gap);opacity:0;z-index:50;--offset-y:calc(var(--index, 0) * (32px + var(--half-gap)) * -1);transform:translate3d(0,calc(var(--offset-y) + 3px),0) scale(.97);transition:opacity .2s,transform .2s;pointer-events:none}.kakadu-components-3003995416{opacity:1;transform:translate3d(0,var(--offset-y),0)}.kakadu-components-1639448689{position:relative;max-width:300px}.kakadu-components-2751825161{height:calc(var(--border-radius) * 2);width:100%;position:absolute;bottom:0;left:0;border-radius:var(--border-radius);overflow:hidden;pointer-events:none}.kakadu-components-1939222061{background:#00000026;width:100%;height:3px;position:absolute;bottom:0;left:0;animation:progress 6s linear forwards}:where([data-theme=dark]) .kakadu-components-1939222061{background:#ffffff26}@keyframes progress{0%{width:0%}to{width:100%}}.kakadu-components-922159086{--border-radius:8px;--background-color-default:#fff;--background-color:var(--background-color-default);--background-color-hover:rgb(250, 250, 250);--background-color-disabled:#f6f6f6;--text-color:#000;--transition-duration:.2s;display:flex;flex-direction:column;gap:var(--half-padding);padding-top:7px;position:relative}:where([data-theme=dark]) .kakadu-components-922159086{--background-color-default:#0c0d0f;--background-color-hover:#0e0f12;--background-color-disabled:#0e0f12;--text-color:#fff}@media(hover:hover){.kakadu-components-922159086:hover{--background-color:var(--background-color-hover);--transition-duration:37ms}}.kakadu-components-922159086.kakadu-components-922159086:focus-within{--background-color:var(--background-color-default);--transition-duration:37ms}.kakadu-components-922159086.kakadu-components-922159086:has(:is(input,textarea,select)[disabled]){--background-color:var(--background-color-disabled)}.kakadu-components-2436386418.kakadu-components-2436386418{max-width:calc(100% - var(--gap));font-weight:450;font-size:var(--15px);letter-spacing:.012em;line-height:1em;text-shadow:0 0 2px rgba(255,255,255,1);position:absolute;bottom:calc(100% + 1px);left:var(--half-gap);transform:translateY(.5em);z-index:3}:where([data-theme=dark]) .kakadu-components-2436386418.kakadu-components-2436386418{text-shadow:0 0 2px rgba(0,0,0,1)}.kakadu-components-2436386418.kakadu-components-2436386418 span{color:var(--text-color);position:relative;--offset:5px;padding-right:var(--offset);padding-left:var(--offset);opacity:.7}label:has(:is(input,textarea,select)[aria-invalid=true]) .kakadu-components-2436386418.kakadu-components-2436386418 span{color:var(--red-color);opacity:1}label:has(:is(input,textarea,select)[data-warning=true]) .kakadu-components-2436386418.kakadu-components-2436386418 span{color:var(--yellow-color-dark);opacity:1}.kakadu-components-2436386418.kakadu-components-2436386418:before{content:"";background:var(--background-color);width:100%;height:50%;position:absolute;top:calc(50% - 1px);transition:background-color var(--transition-duration)}.kakadu-components-1816130686{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--background-color);width:100%;color:var(--text-color);font-family:var(--font-family);font-size:var(--17px);font-weight:400;line-height:1.65em;padding:10px 13px 7px;padding-right:var(--button-padding, 0px);border:0;border-radius:var(--border-radius);--outline-color:rgba(0, 0, 0, .4);--outline-width:1px;--highlight-color-rgb:255,255,255;--shadow-color-rgb:0,0,0;box-shadow:inset 0 0 0 1px rgba(var(--highlight-color-rgb),.7),inset 0 -3px rgba(var(--shadow-color-rgb),.04),0 0 0 var(--outline-width) var(--outline-color),0 0 0 calc(var(--outline-width) + 1px) rgba(var(--highlight-color-rgb),.7),0 5px rgba(var(--shadow-color-rgb),.04);box-sizing:border-box;display:block;position:relative;z-index:2;white-space:pre-wrap;word-break:break-word;transition:background-color var(--transition-duration),border-color var(--transition-duration),box-shadow var(--transition-duration)}.kakadu-components-1816130686::placeholder{font-style:italic}:where([data-theme=dark]) .kakadu-components-1816130686::placeholder{opacity:.7}:where([data-theme=dark]) .kakadu-components-1816130686{--outline-color:rgba(255, 255, 255, .3);--highlight-color-rgb:0,0,0}@media(hover:hover){label:hover .kakadu-components-1816130686:not([disabled]){--outline-color:rgba(0, 0, 0, .8)}:where([data-theme=dark]) label:hover .kakadu-components-1816130686:not([disabled]){--outline-color:rgba(255, 255, 255, .5)}}.kakadu-components-1816130686.kakadu-components-1816130686.kakadu-components-1816130686:focus{outline:none}.kakadu-components-1816130686.kakadu-components-1816130686.kakadu-components-1816130686:focus:not(select){--outline-color:var(--secondary-color-hover);--outline-width:2px}:where([data-theme=dark]) .kakadu-components-1816130686.kakadu-components-1816130686.kakadu-components-1816130686:focus:not(select){--outline-color:var(--secondary-color)}.kakadu-components-1816130686.kakadu-components-1816130686[aria-invalid=true]{outline:none;--outline-color:var(--red-color)}.kakadu-components-1816130686.kakadu-components-1816130686[data-warning=true]{--outline-color:var(--yellow-color-dark)}.kakadu-components-1816130686.kakadu-components-1816130686[disabled]{--text-color:#666;cursor:not-allowed}.kakadu-components-4056037255.kakadu-components-4056037255{font-size:var(--14px);font-weight:500}.kakadu-components-3245407458.kakadu-components-3245407458{color:var(--red-color)}.kakadu-components-1117160492.kakadu-components-1117160492{color:var(--yellow-color-dark)}.kakadu-components-3574036749.kakadu-components-3574036749{--border-radius:5px;font-size:var(--14px);width:calc(100% - 6px);padding:6px 10px 7px;position:relative;z-index:1;box-sizing:border-box;left:3px}.kakadu-components-3574036749.kakadu-components-3574036749:before{content:"";background:#f8f9fb;--outline-color:rgba(0, 0, 0, .3);--outline-shadow-color:#fff;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:inset 0 0 0 1px var(--outline-color),inset 0 0 0 2px var(--outline-shadow-color),0 0 0 1px var(--outline-shadow-color);position:absolute;left:0;top:var(--attachment-offset);right:0;bottom:0;width:100%;height:calc(100% + (var(--attachment-offset) * -1));z-index:-1}:where([data-theme=dark]) .kakadu-components-3574036749.kakadu-components-3574036749:before{background-color:#121214;--outline-color:rgba(255, 255, 255, .3);--outline-shadow-color:#000}.kakadu-components-3146929190{position:relative}.kakadu-components-3298764637{--attachment-offset:-7px;position:relative;display:flex;flex-direction:column}.kakadu-components-613632806 strong{font-weight:500}.kakadu-components-2927674627{margin-top:var(--half-gap);padding:0 13px}.kakadu-components-4228384787{padding-right:39px;cursor:pointer}.kakadu-components-158931186{z-index:4;pointer-events:none;position:absolute;top:24px;right:13px;transform:translateY(-50%) rotate(180deg)}.kakadu-components-4233741488:before{--box-shadow-color:rgba(0, 0, 0, .2);box-shadow:inset 0 0 0 1px var(--box-shadow-color)}:where([data-theme=dark]) .kakadu-components-4233741488:before{--box-shadow-color:rgba(255, 255, 255, .2)}.kakadu-components-2355856341.kakadu-components-2355856341{--background-color:#e2f5ff;--shadow-color:rgba(18, 71, 98, .6);--outline-color-rgb:255,255,255;--content-shadow-rgb:255,255,255;--arrow-size:7px;background:var(--background-color);padding:10px 13px;box-shadow:inset 0 0 0 1px var(--shadow-color),inset 0 0 0 2px rgba(var(--outline-color-rgb),.5),inset 0 -4px #223a4e0a,0 0 0 1px rgba(var(--outline-color-rgb),.7);border-radius:var(--border-radius);margin-top:var(--gap);cursor:pointer;position:relative;z-index:4;transition:background-color .37s}:where([data-theme=dark]) .kakadu-components-2355856341.kakadu-components-2355856341{--background-color:#181c24;--shadow-color:#3a404e;--content-shadow-rgb:0,0,0;--outline-color-rgb:0,0,0}.kakadu-components-2355856341.kakadu-components-2355856341:before,.kakadu-components-2355856341.kakadu-components-2355856341:after{content:"";--current-arrow-size:var(--arrow-size);--current-arrow-color:var(--shadow-color);width:0;height:0;border-left:var(--current-arrow-size) solid transparent;border-right:var(--current-arrow-size) solid transparent;border-bottom:var(--current-arrow-size) solid var(--current-arrow-color);position:absolute;bottom:calc(100% - 1px);left:20px;transform:translate(-50%);transition:border-bottom-color .37s}.kakadu-components-2355856341.kakadu-components-2355856341:after{--current-arrow-size:calc(var(--arrow-size) - .5px);--current-arrow-color:var(--background-color);bottom:calc(100% - 2px)}@media(hover:hover){.kakadu-components-2355856341.kakadu-components-2355856341:hover{--background-color:#d5f0ff;transition-duration:.1s}:where([data-theme=dark]) .kakadu-components-2355856341.kakadu-components-2355856341:hover{--background-color:#141820}.kakadu-components-2355856341.kakadu-components-2355856341:hover:before,.kakadu-components-2355856341.kakadu-components-2355856341:hover:after{transition-duration:.1s}}.kakadu-components-1021263934{color:#0d3b52;filter:drop-shadow(0 1px 0 rgba(var(--content-shadow-rgb),.7)) drop-shadow(0 0 3px rgba(var(--content-shadow-rgb),.7));position:relative;top:2px;margin-right:4px}:where([data-theme=dark]) .kakadu-components-1021263934{color:#85a5db}.kakadu-components-1585874956.kakadu-components-1585874956{font-size:var(--14px);line-height:1.35em;flex:1;color:#000;text-shadow:0 0 2px rgba(var(--content-shadow-rgb),.7),0 1px 0 rgba(var(--content-shadow-rgb),.5)}:where([data-theme=dark]) .kakadu-components-1585874956.kakadu-components-1585874956{color:#fff}.kakadu-components-3448565402{opacity:.5}.kakadu-components-2033521835{position:absolute;visibility:hidden}.kakadu-components-2119524139{resize:none;overflow:hidden}.kakadu-components-616311160{z-index:2;opacity:.3}.kakadu-components-1962999040{z-index:2}:where([data-theme=light]) .kakadu-components-1962999040{mix-blend-mode:normal;opacity:.25}.kakadu-components-131986363{position:absolute;top:11px;right:14px;display:flex;gap:21px;z-index:2}.kakadu-components-1421861246{background:var(--primary-color);width:var(--size);height:var(--size);position:relative;--half-size:calc(var(--size) / 2);--border-radius:var(--half-size) var(--half-size) 0 var(--half-size);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}.kakadu-components-392715920{transform:translate(2%,3%);filter:drop-shadow(0 calc(var(--drop-shadow-offset-multiplier) * 1px) 0 rgba(0,0,0,.2)) drop-shadow(0 0 calc(var(--drop-shadow-offset-multiplier) * 3px) rgba(0,0,0,.2))}.kakadu-components-3861346893{--shadow-color:rgba(255, 255, 255, .8);color:#000000e6;position:relative;top:2px;filter:drop-shadow(0 1px 0 var(--shadow-color)) drop-shadow(0 0 3px var(--shadow-color))}:where([data-theme=dark]) .kakadu-components-3861346893{color:#ffffffe6;--shadow-color:rgba(0, 0, 0, .2)}.kakadu-components-2543813221{width:16px;height:16px;float:right}.kakadu-components-840864829{position:absolute;top:10px;right:13px}.kakadu-components-3855719072{--border-top-right-radius:12px}.kakadu-components-4119461136{--modal-background:var(--background-color);--modal-top-right-offset:calc(32px + var(--half-gap));background:#000000b3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:fixed;pointer-events:none;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:var(--modal-z-index);opacity:0;transition:opacity .2s;overflow:auto;text-align:center;display:flex}:where([data-theme=dark]) .kakadu-components-4119461136{background:#000c}.kakadu-components-2522346797{opacity:1;pointer-events:auto}.kakadu-components-4011815997{width:100%;padding:var(--half-gap);text-align:left;box-sizing:border-box;display:flex;overflow:auto}@media(min-width:480px){.kakadu-components-4011815997{padding:var(--gap)}}@media(min-width:560px){.kakadu-components-4011815997{padding:var(--double-gap)}}.kakadu-components-3324483532{--modal-padding:var(--gap);background:var(--modal-background);min-width:180px;max-width:var(--max-width, 760px);padding:var(--modal-padding);border-radius:var(--gap);--inset-box-shadow-color:rgba(255, 255, 255, .5);--offset-box-shadow-color:rgba(0, 0, 0, .15);--soft-box-shadow-color:rgba(0, 0, 0, .3);box-shadow:inset 0 0 0 1px var(--inset-box-shadow-color),0 0 0 1px var(--offset-box-shadow-color),0 0 8px var(--soft-box-shadow-color);opacity:0;transform:scale(.98);margin:auto;transition:transform .18s .2s,opacity .1s .2s;box-sizing:border-box}:where([data-theme=dark]) .kakadu-components-3324483532{--inset-box-shadow-color:rgba(255, 255, 255, .125);--offset-box-shadow-color:rgba(0, 0, 0, .15);--soft-box-shadow-color:rgba(0, 0, 0, .3)}@media(min-width:560px){.kakadu-components-3324483532{--modal-padding:var(--double-gap)}}.kakadu-components-3799971070{width:100%}.kakadu-components-968755580{opacity:1;transform:scale(1)}.kakadu-components-177997624{display:inline-flex}.kakadu-components-3009931469{opacity:0;transition:transform var(--duration) var(--animation-delay),opacity var(--duration) var(--animation-delay)}.kakadu-components-3252535480{transform:translate3d(0,var(--distance),0)}@media(prefers-reduced-motion){.kakadu-components-3252535480{transform:translate3d(0,calc(var(--distance) / 3))}}.kakadu-components-358711811{transform:translateZ(0);opacity:1}.kakadu-components-3753263087{width:100%;margin:auto}.kakadu-components-175326694{width:100%;height:1px;min-height:1px;max-height:1px;margin:0;background-color:#00000026;border:none;flex:1 0 0}:where([data-theme=dark]) .kakadu-components-175326694{background-color:#ffffff26}.kakadu-components-3380219127{background:#00000026;width:16px;height:1px;border:none;display:block;margin-left:0}:where([data-theme=dark]) .kakadu-components-3380219127{background-color:#ffffff26}.kakadu-components-1250376591{width:100%;flex:1;text-align:center}.kakadu-components-2653569622{background:#0000001a;width:1px;margin:0;min-width:1px;max-width:1px;border:none}:where([data-theme=dark]) .kakadu-components-2653569622{background-color:#ffffff1a}.kakadu-components-4149648046{--background-size:300px;--background-negative-size:calc(var(--background-size) * -1);--highlight-color:255,255,255;--border-radius:100px;background:color-mix(in srgb,var(--foreground-color) 15%,transparent);width:var(--skeleton-size, 100%);height:var(--skeleton-size);border-radius:var(--border-radius);display:inline-block;vertical-align:top;position:relative}@keyframes skeleton-animation{0%{background-position:var(--background-negative-size) 0%}to{background-position:right var(--background-negative-size) top 0%}}.kakadu-components-3311350973{--opacity:.3}.kakadu-components-3311350973:before{content:"";mix-blend-mode:overlay;background-position:var(--background-negative-size) 0%;background-attachment:fixed;background-size:var(--background-size) 100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,rgba(var(--highlight-color),0),rgba(var(--highlight-color),var(--opacity)),rgba(var(--highlight-color),0));animation:skeleton-animation 1.1s infinite ease-in-out;will-change:background-position;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius)}.kakadu-components-3140855657{vertical-align:middle}.kakadu-components-560222664{width:100%;height:100%;min-height:200px;--radial-gradient-color:rgba(0, 0, 0, .4);-webkit-mask-image:radial-gradient(circle,var(--radial-gradient-color) 70%,black 100%),linear-gradient(to bottom,black 0%,transparent 100%);mask-image:radial-gradient(circle,var(--radial-gradient-color) 70%,black 100%),linear-gradient(to bottom,black 0%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;border-radius:var(--border-radius);overflow:hidden;position:absolute;top:0;left:0;right:0;pointer-events:none}:where([data-theme=dark]) .kakadu-components-560222664{-webkit-mask-image:none;mask-image:none;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%),radial-gradient(circle,black 60%,var(--radial-gradient-color) 100%),linear-gradient(to bottom,transparent 0%,black 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%),radial-gradient(circle,black 60%,var(--radial-gradient-color) 100%),linear-gradient(to bottom,transparent 0%,black 100%);-webkit-mask-composite:source-in;mask-composite:intersect}:where([data-theme=light]) .kakadu-components-947991810.kakadu-components-947991810{mix-blend-mode:normal}:where([data-theme=dark]) .kakadu-components-947991810.kakadu-components-947991810{mix-blend-mode:normal}
|
|
1
|
+
.kakadu-components-2310209127{--light-color:#f8fafc;--dark-color:#0c0d12;--background-color:var(--light-color);--foreground-color:var(--dark-color);--red-color:#be354b;--red-color-hover:#c73d56;--red-color-light:#e8687d;--yellow-color:#c9ac56;--yellow-color-hover:#d1b559;--yellow-color-light:#edcd71;--yellow-color-dark:#a4830b;--green-color:#52a14b;--green-color-hover:#5ea957;--green-color-light:#6fb86a;--primary-color:var(--green-color);--primary-color-hover:var(--green-color-hover);--secondary-color:#175694;--secondary-color-hover:#2c6195;--secondary-color-1:#222528;--secondary-color-2:#112a37;--secondary-color-3:#1e2f35;--secondary-color-4:#2c3238;--flash-color:rgba(255, 216, 57, .5);--font-weight-modifier:50;--gap:16px;--scale-multiplier:.6;--quarter-gap:calc(var(--gap) / 4);--third-gap:calc(var(--gap) / 3);--half-gap:calc(var(--gap) / 2);--sesquialteral-gap:calc(var(--gap) * (1.5 * var(--scale-multiplier)));--double-gap:calc(var(--gap) * (2 * var(--scale-multiplier)));--triple-gap:calc(var(--gap) * (3 * var(--scale-multiplier)));--quadruple-gap:calc(var(--gap) * (4 * var(--scale-multiplier)));--content-padding:calc(var(--gap) * 1.1875);--sidebar-z-index:424242;--modal-z-index:424243;--page-padding:var(--gap);--page-width:1080px;--text-width:780px;--content-width:620px;--font-family:"Inter",-apple-system,helvetica,arial,sans-serif;font-family:var(--font-family);font-optical-sizing:auto;line-height:normal;color:var(--foreground-color);--root-font-size:1rem;--8px:calc(var(--root-font-size) * .5);--9px:calc(var(--root-font-size) * .5625);--10px:calc(var(--root-font-size) * .625);--11px:calc(var(--root-font-size) * .6875);--12px:calc(var(--root-font-size) * .75);--13px:calc(var(--root-font-size) * .8125);--14px:calc(var(--root-font-size) * .875);--15px:calc(var(--root-font-size) * .9375);--16px:calc(var(--root-font-size) * 1);--17px:calc(var(--root-font-size) * 1.0625);--18px:calc(var(--root-font-size) * 1.125);--19px:calc(var(--root-font-size) * 1.1875);--20px:calc(var(--root-font-size) * 1.25);--21px:calc(var(--root-font-size) * 1.3125);--22px:calc(var(--root-font-size) * 1.375);--23px:calc(var(--root-font-size) * 1.4375);--24px:calc(var(--root-font-size) * 1.5);--25px:calc(var(--root-font-size) * 1.5625);--26px:calc(var(--root-font-size) * 1.625);--27px:calc(var(--root-font-size) * 1.6875);--28px:calc(var(--root-font-size) * 1.75);--29px:calc(var(--root-font-size) * 1.8125);--30px:calc(var(--root-font-size) * 1.875);--31px:calc(var(--root-font-size) * 1.9375);--32px:calc(var(--root-font-size) * 2);--33px:calc(var(--root-font-size) * 2.0625);--34px:calc(var(--root-font-size) * 2.125);--35px:calc(var(--root-font-size) * 2.1875);--36px:calc(var(--root-font-size) * 2.25);--37px:calc(var(--root-font-size) * 2.3125);--38px:calc(var(--root-font-size) * 2.375);--39px:calc(var(--root-font-size) * 2.4375);--40px:calc(var(--root-font-size) * 2.5);--41px:calc(var(--root-font-size) * 2.5625);--42px:calc(var(--root-font-size) * 2.625);--43px:calc(var(--root-font-size) * 2.6875);--44px:calc(var(--root-font-size) * 2.75);--45px:calc(var(--root-font-size) * 2.8125);--46px:calc(var(--root-font-size) * 2.875);--47px:calc(var(--root-font-size) * 2.9375);--48px:calc(var(--root-font-size) * 3)}:where([data-theme=dark]) .kakadu-components-2310209127,.kakadu-components-2310209127[data-theme=dark]{--font-weight-modifier:0;--background-color:var(--dark-color);--foreground-color:var(--light-color);--secondary-color:#cce0f0;--secondary-color-hover:#fff;--secondary-color-1:#edf0f2;--secondary-color-2:#e2e6eb;--secondary-color-3:#cbcdd0;--secondary-color-4:#fff;--yellow-color-dark:#c9b15d}@media(min-width:460px){.kakadu-components-2310209127{--scale-multiplier:.7}}@media(min-width:580px){.kakadu-components-2310209127{--scale-multiplier:.8;--page-padding:var(--double-gap)}}@media(min-width:860px){.kakadu-components-2310209127{--scale-multiplier:1;--page-padding:var(--triple-gap)}}.kakadu-components-4178476647{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.kakadu-components-216224454{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;text-align:left;border:0;margin:0;padding:0;cursor:pointer}[dir=rtl] .kakadu-components-216224454{text-align:right}.kakadu-components-352310015{--soft-shadow-color:rgba(255, 255, 255, .375);--hard-shadow-color:rgba(0, 0, 0, .075);--inset-hard-shadow-color:rgba(0, 0, 0, .2);--box-shadow-outline-color:#fff;--box-shadow-color:rgba(0, 0, 0, .25);--box-shadow-highlight-color:rgba(255, 255, 255, .05);--box-shadow-top-highlight-color:var(--box-shadow-highlight-color);--box-shadow-inset-color:rgba(0, 0, 0, .25);--bevel-shadow-offset:4px;--bevel-shadow-color:rgba(0, 0, 0, .1);--outline-color:rgba(0, 0, 0, 0);--outline-width:0px;box-shadow:0 0 2px var(--soft-shadow-color),0 0 0 1px var(--box-shadow-outline-color),0 var(--bevel-shadow-offset) 0 var(--hard-shadow-color),inset 0 calc(var(--bevel-shadow-offset) * -1) 0 var(--bevel-shadow-color),inset 0 calc((var(--bevel-shadow-offset) + 1px) * -1) 0 var(--box-shadow-highlight-color),0 0 0 var(--outline-width) var(--outline-color)}:where([data-theme=dark]) .kakadu-components-352310015{--soft-shadow-color:rgba(0, 0, 0, .375);--hard-shadow-color:rgba(0, 0, 0, .4)}.kakadu-components-352310015:before{content:"";width:100%;height:100%;position:absolute;border-radius:var(--border-radius);top:0;right:0;bottom:0;left:0;mix-blend-mode:overlay;box-shadow:inset 0 0 0 1px var(--box-shadow-color),inset 0 2px 0 var(--box-shadow-top-highlight-color),inset 0 -2px 0 var(--box-shadow-highlight-color),inset 0 1px 0 var(--box-shadow-inset-color),inset 0 calc(var(--bevel-shadow-offset) * -1) 0 var(--inset-hard-shadow-color);transition:box-shadow .37s}:where([data-theme=dark]) .kakadu-components-1119532724.kakadu-components-1119532724{--box-shadow-outline-color:#07130e;--box-shadow-color:rgba(255, 255, 255, .2)}.kakadu-components-3440084244{width:1px;height:1px;white-space:nowrap;padding:0;margin:-1px;border:0;position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip:rect(0,0,0,0);word-wrap:normal}.kakadu-components-2071660791{--outline-shadow-color:rgba(255, 255, 255, 1);--hard-shadow-color:rgba(0, 0, 0, .03);--inset-inner-shadow-color:rgba(0, 0, 0, .2);--inset-outer-shadow-color:rgba(255, 255, 255, .75);--inset-hard-shadow-color:rgba(0, 0, 0, .025);--soft-shadow-color:rgba(255, 255, 255, .5);background:#fff6;padding:var(--content-padding);box-shadow:0 0 0 1px var(--outline-shadow-color),inset 0 0 0 1px var(--inset-inner-shadow-color),inset 0 0 0 2px var(--inset-outer-shadow-color),inset 0 5px 0 var(--inset-hard-shadow-color),0 0 2px 1px var(--soft-shadow-color),0 1px 1px var(--hard-shadow-color),0 5px 0 var(--hard-shadow-color);--border-radius:12px;border-radius:var(--border-radius)}:where([data-theme=dark]) .kakadu-components-2071660791{--outline-shadow-color:rgba(0, 0, 0, 1);--hard-shadow-color:rgba(0, 0, 0, .3);--inset-inner-shadow-color:rgba(255, 255, 255, .3);--inset-outer-shadow-color:rgba(0, 0, 0, .75);--inset-hard-shadow-color:rgba(0, 0, 0, .1);--soft-shadow-color:rgba(0, 0, 0, .5);background-color:#141419cc}.kakadu-components-2395643287{--hard-soft-shadow-color:rgba(255, 255, 255, .075);--hard-shadow-color:rgba(255, 255, 255, .2);--blur-shadow-color:rgba(255, 255, 255, .25);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 1px 3px var(--blur-shadow-color)) drop-shadow(0 -1px var(--hard-soft-shadow-color)) drop-shadow(1px 0 var(--hard-soft-shadow-color)) drop-shadow(-1px 0 0 var(--hard-soft-shadow-color))}:where([data-theme=dark]) .kakadu-components-2395643287{--hard-soft-shadow-color:rgba(0, 0, 0, .15);--hard-shadow-color:rgba(0, 0, 0, .3);--blur-shadow-color:rgba(0, 0, 0, .15)}.kakadu-components-1569667551{display:inline-block;vertical-align:top;transform-box:view-box;transform-origin:center;shape-rendering:geometricPrecision}.kakadu-components-1717890504{transform-box:fill-box;transform-origin:center;animation:loading-spinner .97s linear infinite;will-change:transform}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(359.999deg)}}.kakadu-components-3913140600{opacity:0;transform:translate3d(0,1px,0) scale(.75);transition:transform .16s,opacity .12s}.kakadu-components-2895791158{transform:translate3d(0,1px,0) scale(1);opacity:1}.kakadu-components-1792481071{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity);mix-blend-mode:overlay}.kakadu-components-3566333728{width:100%;height:100%;color:var(--color, #000);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity, .1);mix-blend-mode:plus-darker}:where([data-theme=dark]) .kakadu-components-3566333728{--color:#fff;--opacity:.05;mix-blend-mode:plus-lighter}.kakadu-components-4049648322{-webkit-mask-image:radial-gradient(ellipse,black 0%,black 60%,transparent 75%,transparent 100%);mask-image:radial-gradient(ellipse,black 0%,black 60%,transparent 75%,transparent 100%)}.kakadu-components-3828473824{--translation:translate(-50%, -50%);background:#00000013;width:var(--size);height:var(--size);border-radius:var(--size);position:absolute;top:0;left:0;transform:var(--translation) scale(0);opacity:0;animation:ripple .37s ease-out}@keyframes ripple{0%{transform:var(--translation) scale(0);opacity:0}60%{opacity:1}to{transform:var(--translation) scale(1);opacity:0}}:where([data-theme=dark]) .kakadu-components-3828473824{background-color:#ffffff13}.kakadu-components-4189236582{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:var(--offset, 0);left:var(--offset, 0);right:var(--offset, 0);bottom:var(--offset, 0)}.kakadu-components-2608453841.kakadu-components-2608453841{mix-blend-mode:normal;opacity:.3}.kakadu-components-1237006455{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:var(--offset, 0);left:var(--offset, 0);right:var(--offset, 0);bottom:var(--offset, 0);mix-blend-mode:overlay}.kakadu-components-611160091{--gradient-start-color:rgba(0, 0, 0, .125);--gradient-end-color:rgba(0, 0, 0, 0);background-image:radial-gradient(circle,var(--gradient-start-color) 0%,var(--gradient-end-color) 60%);position:absolute;width:var(--size);height:var(--size);transform:translate(var(--offset-x),var(--offset-y)) translate(-50%,-50%);opacity:0;transition:opacity .2s}:where([data-theme=dark]) .kakadu-components-611160091{--gradient-start-color:rgba(255, 255, 255, .125);--gradient-end-color:rgba(255, 255, 255, 0)}.kakadu-components-3627966847{opacity:1}.kakadu-components-982005200{position:absolute;left:50%;text-align:center;pointer-events:none;white-space:nowrap;transform:translate(-50%);display:none}@media(hover:hover){.kakadu-components-982005200{display:block}}.kakadu-components-430823771{bottom:calc(100% + 7px)}.kakadu-components-2189175034{top:calc(100% + 7px)}.kakadu-components-2190282712{background:#fff;font-size:var(--12px);padding:3px 7px;border-radius:5px;color:#000;display:inline-block;position:relative;--box-shadow-outline-color:#fff;--box-shadow-color:rgba(0, 0, 0, .15);--box-shadow-inset-color:rgba(0, 0, 0, .2);box-shadow:0 0 0 1px var(--box-shadow-outline-color),0 1px 4px var(--box-shadow-color),inset 0 0 0 1px var(--box-shadow-inset-color);--box-direction-y:1;transform:translate3d(0,calc(var(--box-direction-y) * 4px),0) scale(.8);opacity:0}:where([data-theme=dark]) button .kakadu-components-2190282712{background:#141419b3;color:#fff;--box-shadow-outline-color:rgba(0, 0, 0, .7);--box-shadow-color:rgba(255, 255, 255, .1);--box-shadow-inset-color:rgba(255, 255, 255, .25)}.kakadu-components-2190282712:after{content:"";position:absolute;left:50%;transform:translate(-50%) rotate(45deg);width:7px;height:7px;background:#fff;--box-shadow-color:rgb(200, 200, 200);--outer-box-shadow-color:rgb(250, 250, 250);box-shadow:calc(var(--box-direction-y) * 1px) calc(var(--box-direction-y) * 1px) 0 var(--box-shadow-color),calc(var(--box-direction-y) * 2px) calc(var(--box-direction-y) * 2px) 0 var(--outer-box-shadow-color);z-index:-1}:where([data-theme=dark]) button .kakadu-components-2190282712:after{background:#131314;--box-shadow-color:rgb(80, 80, 80);--outer-box-shadow-color:rgba(0, 0, 0, .3)}@media(hover:hover){.kakadu-components-2190282712{transition:transform .1s,opacity .1s}button:hover .kakadu-components-2190282712{transform:translateZ(0) scale(1);opacity:1;transition:transform .3s .2s,opacity .3s .2s}}.kakadu-components-2481216458:after{top:calc(100% - 5px)}.kakadu-components-840064340{--box-direction-y:-1}.kakadu-components-840064340:after{bottom:calc(100% - 5px)}.kakadu-components-2658660333{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;--hard-shadow-color:rgba(0, 0, 0, .25);--blur-shadow-color:rgba(0, 0, 0, .35)}.kakadu-components-2658660333 svg{transform:translateZ(0);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 0 2px var(--blur-shadow-color))}:where([data-theme=light]) .kakadu-components-3469662110 svg{--hard-shadow-color:rgba(255, 255, 255, .25);--blur-shadow-color:rgba(255, 255, 255, .35)}.kakadu-components-2244098950.kakadu-components-2244098950:before{mix-blend-mode:normal}:where([data-theme=light]) .kakadu-components-2244098950.kakadu-components-2244098950{background-color:#ffffffe6;color:#000c;--text-shadow-color:rgba(255, 255, 255, .35);--text-shadow-hard-color:rgba(255, 255, 255, .25);--box-shadow-color:rgba(0, 0, 0, .15);--box-shadow-highlight-color:rgba(255, 255, 255, .25);--box-shadow-inset-color:rgba(0, 0, 0, .1);--inset-hard-shadow-color:rgba(0, 0, 0, .05);--loading-background-color:rgba(255, 255, 255, .3);--loading-background-color-gradient-start:rgba(255, 255, 255, .6);--loading-background-color-gradient-end:rgba(255, 255, 255, 0)}@media(hover:hover){:where([data-theme=light]) .kakadu-components-2244098950.kakadu-components-2244098950:not([disabled]):hover{background-color:#fff;color:#000}}:where([data-theme=dark]) .kakadu-components-2244098950.kakadu-components-2244098950{background-color:#161619cc;color:#ffffffe6;--text-shadow-color:rgba(0, 0, 0, .35);--text-shadow-hard-color:rgba(0, 0, 0, .25);--box-shadow-color:rgba(255, 255, 255, .2);--box-shadow-highlight-color:rgba(0, 0, 0, .75);--box-shadow-inset-color:rgba(255, 255, 255, .3);--inset-hard-shadow-color:rgba(255, 255, 255, .075);--bevel-shadow-color:rgba(255, 255, 255, .075);--box-shadow-outline-color:var(--background-color);--loading-background-color:rgba(0, 0, 0, .65);--loading-background-color-gradient-start:rgba(0, 0, 0, .2);--loading-background-color-gradient-end:rgba(0, 0, 0, 0)}@media(hover:hover){:where([data-theme=dark]) .kakadu-components-2244098950.kakadu-components-2244098950:not([disabled]):hover{background-color:#1c1c1ecc;color:#fff}}.kakadu-components-3923184173.kakadu-components-3923184173{background-color:var(--green-color)}@media(hover:hover){.kakadu-components-3923184173.kakadu-components-3923184173:not([disabled]):hover{background-color:var(--green-color-hover)}}.kakadu-components-317965671.kakadu-components-317965671{background-color:var(--yellow-color)}@media(hover:hover){.kakadu-components-317965671.kakadu-components-317965671:not([disabled]):hover{background-color:var(--yellow-color-hover)}}.kakadu-components-1978976872.kakadu-components-1978976872{background-color:var(--red-color)}@media(hover:hover){.kakadu-components-1978976872.kakadu-components-1978976872:not([disabled]):hover{background-color:var(--red-color-hover)}}.kakadu-components-1897763514{--text-shadow-color:rgba(0, 0, 0, .35);--text-shadow-hard-color:rgba(0, 0, 0, .25);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--primary-color);font-family:var(--font-family);font-size:var(--16px);font-weight:550;text-align:center;text-decoration:none;margin:0;padding:calc(var(--gap) * .65) calc(var(--gap) * 1.4);padding-bottom:calc(var(--gap) * .75);cursor:pointer;color:#fff;border:0;--border-radius:30px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .37s,box-shadow .37s,transform .37s}.kakadu-components-1897763514:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}.kakadu-components-1897763514[disabled]{cursor:not-allowed;opacity:.8}@media(hover:hover){.kakadu-components-1897763514:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;text-decoration:underline}.kakadu-components-1897763514:before{transition-duration:.1s}}.kakadu-components-3652831856{text-align:left}.kakadu-components-2746167644{padding-left:12px;padding-right:12px}.kakadu-components-294089230{padding-right:2px;left:-4px}.kakadu-components-2618257692{position:relative;z-index:2;text-shadow:0 0 2px var(--text-shadow-color),0 1px 0 var(--text-shadow-hard-color)}.kakadu-components-3127707672{padding-left:2px;right:-4px}.kakadu-components-1029011626{position:absolute;top:2px;right:2px;bottom:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);opacity:0;transition:opacity .1s;border-radius:var(--border-radius);pointer-events:none;z-index:3}.kakadu-components-726496666{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:1}.kakadu-components-772420116{background-color:var( --loading-background-color, rgba(0, 0, 0, .1) );background-image:radial-gradient(ellipse,var(--loading-background-color-gradient-start, rgba(0, 0, 0, .2)) 0%,var(--loading-background-color-gradient-end, rgba(0, 0, 0, 0)) 75%);color:var(--loading-color);display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius);position:absolute;top:0;right:0;bottom:0;left:0}.kakadu-components-1505766785{border-radius:var(--border-radius)}.kakadu-components-3712045697.kakadu-components-3712045697{mix-blend-mode:hard-light;opacity:.05}.kakadu-components-2813474662.kakadu-components-2813474662{color:#fff;mix-blend-mode:plus-lighter;border-radius:var(--border-radius)}.kakadu-components-563258661{display:flex;align-items:var(--cross-axis-alignment);justify-content:var(--main-axis-alignment)}.kakadu-components-1546485850{flex-direction:column;align-items:var(--main-axis-alignment);justify-content:var(--cross-axis-alignment)}.kakadu-components-223643817{--main-axis-alignment:flex-start;--cross-axis-alignment:center}.kakadu-components-4038850420{--main-axis-alignment:center;--cross-axis-alignment:center}.kakadu-components-317611484{--main-axis-alignment:space-between;--cross-axis-alignment:center}.kakadu-components-2767496155{--main-axis-alignment:flex-end;--cross-axis-alignment:center}.kakadu-components-2276234075{gap:var(--quarter-gap)}.kakadu-components-739568937{gap:var(--third-gap)}.kakadu-components-3438335458{gap:var(--half-gap)}.kakadu-components-3350948469{gap:calc(var(--gap) * .75)}.kakadu-components-3993051137{gap:var(--gap)}.kakadu-components-4186556816{gap:var(--sesquialteral-gap)}.kakadu-components-1435205015{gap:var(--double-gap)}.kakadu-components-4251546321{gap:calc(var(--gap) * 2.25)}.kakadu-components-1168734547{gap:var(--triple-gap)}.kakadu-components-1543861259{gap:var(--quadruple-gap)}.kakadu-components-3545808562{flex-wrap:wrap}.kakadu-components-3911899222{flex:1}.kakadu-components-1538322784{--text-shadow-color-numbers:255,255,255;--text-shadow-multiplier:1;text-shadow:0 1px 0 rgba(var(--text-shadow-color-numbers),calc(.3 * var(--text-shadow-multiplier))),0 3px 0 rgba(var(--text-shadow-color-numbers),calc(.05 * var(--text-shadow-multiplier))),0 0 2px rgba(var(--text-shadow-color-numbers),calc(.4 * var(--text-shadow-multiplier))),0 1px 4px rgba(var(--text-shadow-color-numbers),calc(.2 * var(--text-shadow-multiplier)))}:where([data-theme=dark]) .kakadu-components-1538322784{--text-shadow-color-numbers:0,0,0;--text-shadow-multiplier:1.5}.kakadu-components-739732526 a{color:var(--secondary-color);text-decoration:underline}@media(hover:hover){.kakadu-components-739732526 a:hover{color:var(--secondary-color-hover);text-decoration:none}}.kakadu-components-1669332734{font-family:var(--font-family);font-size:var(--34px);color:var(--secondary-color-1);--font-weight:650;font-weight:var(--font-weight);line-height:1.1em;padding:0;margin:0}.kakadu-components-1669332734 b{font-weight:calc(var(--font-weight) + 50);color:var(--secondary-color-4)}.kakadu-components-1669332734 strong{font-weight:calc(var(--font-weight) + 150);color:var(--secondary-color-4)}.kakadu-components-1038708690.kakadu-components-1038708690{text-decoration:none;color:inherit}@media(hover:hover){.kakadu-components-1038708690.kakadu-components-1038708690:hover{color:inherit;text-decoration:underline}}.kakadu-components-1923397960{font-family:var(--font-family);font-size:var(--16px)}.kakadu-components-1923397960 b{font-weight:450;color:var(--secondary-color-2)}.kakadu-components-1923397960 strong{font-weight:600;color:var(--secondary-color-2)}.kakadu-components-1923397960 code{font-size:.9em}.kakadu-components-621160204{font-size:var(--16px);font-weight:400;color:var(--secondary-color-3);line-height:1.5em;padding:0;margin:0}.kakadu-components-1329768068.kakadu-components-1329768068{text-transform:uppercase;font-weight:600;font-size:var(--12px);opacity:.8}.kakadu-components-1082504586{max-width:var(--text-width);text-wrap:pretty}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h1){font-size:var(--32px)}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h2){font-size:var(--24px);--font-weight:650}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h3){font-size:var(--20px);--font-weight:400;opacity:.9}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h4){font-size:var(--17px);--font-weight:500}.kakadu-components-1082504586 h1+h2{margin-top:1.25em}.kakadu-components-1082504586 h2+h3{margin-top:.75em}.kakadu-components-1082504586 h3+h4{margin-top:.9em}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol,aside){margin-top:.9em}.kakadu-components-1082504586 :is(h1,h2)+p:has(+p){font-size:var(--20px);font-weight:400;line-height:1.3em;color:var(--secondary-color-2)}.kakadu-components-1082504586 :is(h1,h2)+p:has(+p)+p{margin-top:1.25em}.kakadu-components-1082504586 p+:is(p){margin-top:.75em}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6){margin-top:1.5em}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h3){margin-top:2em}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h4){margin-top:2em}.kakadu-components-1082504586 :is(div:has(>pre),pre,p,ul,ol,aside,label:has(input,textarea,select))+:is(h3,h4):before{content:"";width:16px;height:1px;background:#00000026;display:block;margin-bottom:2em}:where([data-theme=dark]) .kakadu-components-1082504586 :is(div:has(>pre),pre,p,ul,ol,aside,label:has(input,textarea,select))+:is(h3,h4):before{background-color:#ffffff26}.kakadu-components-1082504586 ul,.kakadu-components-1082504586 ol{margin:0;padding:0;list-style-position:inside}.kakadu-components-1082504586 :is(p,ul,ol)+:is(ul,ol){margin-top:1em}.kakadu-components-1082504586 li+li{margin-top:.25em}.kakadu-components-1082504586 li+:is(ol>li){margin-top:1em}.kakadu-components-1082504586 li:has(:is(ul,ol))+li{margin-top:.65em}.kakadu-components-1082504586 li::marker{font-weight:600}.kakadu-components-1082504586 :is(ul,ol)>li{font-weight:500}.kakadu-components-1082504586 :is(ul,ol)>li li{font-weight:400}.kakadu-components-1082504586 li a:only-child,.kakadu-components-1082504586 li a:first-child:has(+:is(ul,ol):last-child){text-decoration:none;color:currentColor}@media(hover:hover){.kakadu-components-1082504586 li a:only-child:hover,.kakadu-components-1082504586 li a:first-child:has(+:is(ul,ol):last-child):hover{text-decoration:underline;color:var(--secondary-color)}}.kakadu-components-1082504586 :is(ul,ol) :is(ul,ol){margin-top:var(--half-gap);padding-left:var(--gap)}.kakadu-components-1082504586 :is(p,ul,ol)+hr{margin-top:2em}.kakadu-components-1082504586 code:not(pre code){font-family:Source Code Pro,Source Code Pro Fallback,monospace;background:#ffffffe6;box-shadow:inset 0 0 0 1px #0003;display:inline-block;vertical-align:middle;padding:0 6px;border-radius:6px}:where([data-theme=dark]) .kakadu-components-1082504586 code:not(pre code){background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3}.kakadu-components-1082504586 pre{background:#ffffffe6;font-size:var(--12px);line-height:1.5em;color:#000;margin:0;white-space:pre-wrap;overflow:auto;padding:var(--gap);border-radius:var(--half-gap);box-sizing:border-box;box-shadow:inset 0 0 0 1px #0003}:where([data-theme=dark]) .kakadu-components-1082504586 pre{background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3;color:#ffffffb3}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(div:has(>pre),pre,label:has(:is(input,textarea,select))),.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(p,ul,ol,aside){margin-top:var(--double-gap)}.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(h1,h2,h3,h4,h5,h6){margin-top:var(--triple-gap)}.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(h1,h2,h3,h4,h5,h6):is(h3,h4){margin-top:2em}.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(div:has(>pre),pre,label:has(:is(input,textarea,select))){margin-top:var(--gap)}.kakadu-components-1082504586 aside:not(:is(div:has(>pre),pre,label:has(input,textarea,select))+aside){max-width:var(--content-width)}.kakadu-components-1082504586 :is(p,ul,ol)+aside,.kakadu-components-1082504586 aside+:is(p,ul,ol){margin-top:var(--double-gap)}.kakadu-components-1082504586 :is(div:has(>pre),pre)+aside,.kakadu-components-1082504586 aside+:is(div:has(>pre),pre){margin-top:var(--gap)}.kakadu-components-323682454.kakadu-components-323682454{max-width:var(--text-width)}.kakadu-components-323682454.kakadu-components-323682454 h1{font-size:var(--38px)}@media(min-width:410px){.kakadu-components-323682454.kakadu-components-323682454 h1{font-size:var(--48px)}}.kakadu-components-323682454.kakadu-components-323682454 h1+:is(p,ul){margin-top:.9em}.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p),.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child{font-size:var(--20px);line-height:1.4em}@media(min-width:410px){.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p),.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child{font-size:var(--24px)}}.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p)+p,.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child+p{margin-top:2.1em}.kakadu-components-323682454.kakadu-components-323682454 p{font-size:var(--18px);line-height:1.6em}.kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570{background:#fff;text-align:left;padding:var(--content-padding);padding-bottom:calc(var(--content-padding) - 2px);--border-radius:12px;border-radius:var(--border-radius);text-decoration:none;position:relative;cursor:pointer;border:0;transition:background-color .37s,box-shadow .37s,transform .37s}:where([data-theme=dark]) .kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570{background-color:#16181c;--box-shadow-color:rgba(255, 255, 255, .15);--inset-hard-shadow-color:rgba(0, 0, 0, .8);--box-shadow-outline-color:rgba(0, 0, 0, .75);--box-shadow-highlight-color:rgba(255, 255, 255, .04);--box-shadow-top-highlight-color:rgba(0, 0, 0, .6)}@media(hover:hover){:where([data-theme=dark]) .kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570:hover{background-color:#1a1c21}}.kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570:before{mix-blend-mode:normal}.kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570:active{transform:scale(.9875);transition-duration:.1s;--bevel-shadow-offset:1px}.kakadu-components-1301774894.kakadu-components-1301774894{font-size:var(--18px);font-weight:500;color:var(--foreground-color);text-decoration:none;text-decoration:0}:is(button,a):hover .kakadu-components-1301774894.kakadu-components-1301774894{text-decoration:underline}.kakadu-components-782417605{position:relative;left:-1px}.kakadu-components-3061837309.kakadu-components-3061837309{font-size:var(--15px);text-decoration:none;text-decoration:0}.kakadu-components-777975485.kakadu-components-777975485{font-size:var(--12px);font-weight:700;text-transform:uppercase;text-decoration:underline;color:#3574b5;padding-top:var(--quarter-gap)}:where([data-theme=dark]) .kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485{color:#84a3c8}@media(hover:hover){:is(button,a):hover .kakadu-components-777975485.kakadu-components-777975485,.kakadu-components-777975485.kakadu-components-777975485:hover{text-decoration:none;text-decoration:0;text-decoration-color:currentColor}}.kakadu-components-2967167444{opacity:.5}.kakadu-components-2223449868{transition:height .37s,opacity .37s}.kakadu-components-3857562328{position:absolute}.kakadu-components-3515018630{--border-radius:8px;width:34px;height:34px;padding-bottom:3px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:var(--border-radius);position:relative;transition:background-color .37s,box-shadow .37s,transform .37s}.kakadu-components-3515018630[disabled]{cursor:not-allowed;opacity:.8}.kakadu-components-3515018630:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}@media(hover:hover){.kakadu-components-3515018630:not([disabled]):active.kakadu-components-3515018630:not([disabled]):active{--outline-width:0px}}@media(hover:hover){.kakadu-components-3515018630:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;--outline-width:5px;--outline-color:var(--outline-hover-color)}.kakadu-components-3515018630:before{transition-duration:.1s}}.kakadu-components-2089159949{--outline-hover-color:rgba(0, 0, 0, .1)}:where([data-theme=dark]) .kakadu-components-2089159949{--outline-hover-color:rgba(255, 255, 255, .1)}.kakadu-components-4088931955{--outline-hover-color:oklch( from var(--green-color) l c h / 37.5% )}.kakadu-components-1450399719{--outline-hover-color:oklch( from var(--yellow-color) l c h / 37.5% )}.kakadu-components-3594030066{--outline-hover-color:oklch(from var(--red-color) l c h / 37.5%)}.kakadu-components-2197738751{position:relative;display:flex;align-items:center;justify-content:center}.kakadu-components-1309118222{transform:translateZ(0);position:relative;z-index:2;transition:opacity .1s,transform .1s}.kakadu-components-3602476657{opacity:0;transform:translateZ(0) scale(.8)}.kakadu-components-2883440801{transform:translateZ(0) scale(.8);position:absolute;z-index:2;transition:opacity .2s,transform .2s;top:0;left:0;bottom:0;right:0;opacity:0}.kakadu-components-1406924214{opacity:1;transform:translateZ(0)}.kakadu-components-3772513716.kakadu-components-3772513716{font-size:var(--13px);font-weight:650;text-transform:uppercase}.kakadu-components-2497879239.kakadu-components-2497879239{font-weight:300}.kakadu-components-2022754336{opacity:.3}.kakadu-components-847862034{padding-left:var(--page-padding);padding-right:var(--page-padding)}.kakadu-components-1099799322{width:100%;align-self:center}.kakadu-components-3142729958{max-width:var(--page-width)}.kakadu-components-2670503515{max-width:var(--text-width)}.kakadu-components-259932668{max-width:var(--content-width)}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984{font-size:var(--14px);list-style:none}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a{--color:#aaa;color:var(--color);text-decoration:none}@media(hover:hover){.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a:hover{text-decoration:underline}}.kakadu-components-1574406446{background:var(--dark-color);padding:var(--page-padding);position:relative}:where([data-theme=dark]) .kakadu-components-1574406446{background:#0006;box-shadow:inset 0 1px #ffffff14}.kakadu-components-783629418.kakadu-components-783629418{align-items:flex-start;padding-top:var(--gap)}.kakadu-components-3520395370.kakadu-components-3520395370{text-align:right}.kakadu-components-4048415128{border:0}.kakadu-components-2329568054{border:0;vertical-align:top}.kakadu-components-2089456404.kakadu-components-2089456404{max-width:var(--text-width);width:100%;align-items:center}.kakadu-components-3695148669.kakadu-components-3695148669{position:relative;top:-2px;vertical-align:top;color:var(--foreground-color)}.kakadu-components-1125118494.kakadu-components-1125118494{font-size:var(--14px);opacity:.3}.kakadu-components-2176404336{--size:80px;--thickness:13px;--font-size:var(--25px);--font-weight:600;--offset:2px;--highlight-color:rgba(255, 255, 255, .2);--shadow-color:rgba(0, 0, 0, .1);--hard-shadow-offset:4px;--hard-shadow-color:rgba(0, 0, 0, .05);background:#f9f9f9;width:var(--size);height:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color),inset 0 2px 0 var(--highlight-color);border-radius:var(--size);position:relative;display:flex;align-items:center;justify-content:center}:where([data-theme=dark]) .kakadu-components-2176404336{background:#323237}.kakadu-components-3162945807{--size:60px;--thickness:11px;--font-size:var(--18px);--font-weight:600;--offset:2px}.kakadu-components-2977513648{--size:100px;--thickness:17px;--font-size:var(--32px);--offset:3px}.kakadu-components-707327569{background:var(--start-color);width:var(--thickness);height:var(--thickness);border-radius:var(--thickness);position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 0 0 1px var(--shadow-color),0 0 2px #fff3}.kakadu-components-2636723344{width:100%;height:100%;background:conic-gradient(from -90deg,var(--gradient));-webkit-mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);border-radius:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 4px #ffffff26,inset 0 0 0 1px var(--shadow-color)}:where([data-theme=dark]) .kakadu-components-2636723344{--shadow-color:rgba(255, 255, 255, .3)}.kakadu-components-2810161405{--inner-size:calc(var(--size) - (var(--thickness) * 2));background:#0000002d;width:var(--inner-size);height:var(--inner-size);border-radius:var(--inner-size);--outline-shadow-color:rgba(0, 0, 0, .15);--soft-shadow-color:rgba(255, 255, 255, .4);box-shadow:0 0 0 1px var(--outline-shadow-color),0 0 2px var(--soft-shadow-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:where([data-theme=dark]) .kakadu-components-2810161405{--outline-shadow-color:rgba(255, 255, 255, .15);--soft-shadow-color:rgba(255, 255, 255, .4)}.kakadu-components-1913523229{--inner-size:calc(var(--size) - var(--thickness) * 2);background:var(--background-color);width:var(--inner-size);height:var(--inner-size);font-size:var(--font-size);font-weight:var(--font-weight);font-variant-numeric:tabular-nums;letter-spacing:-.07em;border-radius:var(--inner-size);display:flex;align-items:center;justify-content:center;--offset-shadow-color:var(--shadow-color);box-shadow:0 1px 0 var(--offset-shadow-color),0 2px 0 var(--highlight-color),inset 0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color);position:absolute}:where([data-theme=dark]) .kakadu-components-1913523229{--offset-shadow-color:rgba(255, 255, 255, .3)}.kakadu-components-967240013{--dial-size:calc(var(--thickness) + (var(--offset) * 2));--radius:calc((var(--size) / 2) - var(--offset));--angle:calc(-180deg + (var(--percentage-factor) * 360deg));background:#fff;width:var(--dial-size);height:var(--dial-size);border-radius:var(--dial-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(calc(var(--radius) - (var(--offset) * 2))) rotate(calc(var(--angle) * -1));box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),0 0 1px #00000080}.kakadu-components-3225063030{--dial-cutout-size:calc(var(--dial-size) / 2.25);background:var(--end-color);width:var(--dial-cutout-size);height:var(--dial-cutout-size);border-radius:var(--dial-cutout-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px var(--shadow-color),inset 0 var(--hard-shadow-offset) 0 0 var(--hard-shadow-color)}.kakadu-components-866714386{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;overflow:hidden;top:0;z-index:100;box-shadow:0 1px #0003,0 2px #fff3}:where([data-theme=dark]) .kakadu-components-866714386{background:color-mix(in srgb,var(--background-color),rgba(0,0,0,.6) 20%);box-shadow:0 1px #fff3,0 2px #0003}.kakadu-components-479363365{padding-top:var(--gap);padding-bottom:calc(var(--gap) + 2px)}.kakadu-components-4017654514.kakadu-components-4017654514{color:var(--red-color)}:where([data-theme=dark]) .kakadu-components-4017654514.kakadu-components-4017654514{color:var(--red-color-hover)}.kakadu-components-1202323410{--hover-background-color:rgba(0, 0, 0, .05);background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;font-family:var(--font-family);font-size:var(--16px);font-weight:550;cursor:pointer;color:var(--foreground-color);margin:0;border:0;padding:0;text-align:left;text-decoration:none;display:inline-flex;vertical-align:top;position:relative;transform:translateZ(0);--original-border-radius:6px;--border-radius:var(--original-border-radius) var(--border-top-right-radius, var(--original-border-radius)) var(--original-border-radius) var(--original-border-radius);--horizontal-offset:-9px;--right-offset:var(--horizontal-offset);--left-offset:var(--horizontal-offset);--vertical-offset:-5px}:where([data-theme=dark]) .kakadu-components-1202323410{--hover-background-color:rgba(255, 255, 255, .075)}.kakadu-components-1202323410[disabled]{cursor:not-allowed;opacity:.7}@media(hover:hover){.kakadu-components-1202323410:not([disabled]):before{content:"";position:absolute;top:var(--vertical-offset);right:var(--right-offset);bottom:var(--vertical-offset);left:var(--left-offset);border-radius:var(--border-radius);transition:background-color .37s}.kakadu-components-1202323410:not([disabled]):hover:before{background-color:var(--hover-background-color);transition:background-color .05s}}.kakadu-components-1202323410:not([disabled]):active{transform:scale(.98);transition-duration:.1s}.kakadu-components-497190725{--right-offset:-12px}.kakadu-components-3729381008{--left-offset:-12px}.kakadu-components-3866032606{--horizontal-offset:-8px}.kakadu-components-2031441451{position:relative}.kakadu-components-2885581246{top:1px;right:-1px}.kakadu-components-611756781{padding-top:3px;padding-left:2px;padding-right:2px}.kakadu-components-2362298521{position:relative;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}@media(hover:hover){:is(a,button):not([disabled]):hover .kakadu-components-2362298521{text-decoration:none}}.kakadu-components-2285425267{top:1px;left:-1px}.kakadu-components-1343580459{position:absolute;top:var(--vertical-offset);right:var(--right-offset);bottom:var(--vertical-offset);left:var(--left-offset)}.kakadu-components-925362255{--border-radius:6px;--box-shadow-color:rgba(0, 0, 0, .2);--box-shadow-hard-color:rgba(255, 255, 255, .8);--box-shadow-inner-color:rgba(255, 255, 255, .2);--default-lip-color:#d4d7d9;--lip-color:var(--default-lip-color);background:#fff;border-radius:var(--border-radius);box-shadow:inset 0 0 0 2px var(--box-shadow-inner-color),inset 0 0 0 1px var(--box-shadow-color),0 0 0 1px var(--box-shadow-hard-color),0 3px #00000008;display:flex;justify-content:flex-start}:where([data-theme=dark]) .kakadu-components-925362255{background-color:#15161a;--box-shadow-inner-color:rgba(0, 0, 0, .3);--box-shadow-color:rgba(255, 255, 255, .2);--box-shadow-hard-color:rgba(0, 0, 0, .9);--default-lip-color:#393b3e}.kakadu-components-2945174293{--default-lip-color:#a2a6a8}:where([data-theme=dark]) .kakadu-components-2945174293{--default-lip-color:#1f2022}.kakadu-components-2585123369{--lip-color:var(--green-color)}.kakadu-components-1387450724{--lip-color:var(--green-color-light)}.kakadu-components-3502407303{--lip-color:var(--yellow-color)}.kakadu-components-1612824642{--lip-color:var(--yellow-color-light)}.kakadu-components-314765189{--lip-color:var(--red-color)}.kakadu-components-4209515987{--lip-color:var(--red-color-light)}.kakadu-components-3327291559{--box-shadow-lip-inner-color:rgba(255, 255, 255, .05);background:var(--lip-color);width:6px;box-shadow:inset 0 0 0 1px var(--box-shadow-color),inset 0 0 0 2px var(--box-shadow-lip-inner-color);border-radius:var(--border-radius) 1px 1px var(--border-radius);display:flex;align-items:center;justify-content:center;color:#fff}:where([data-theme=dark]) .kakadu-components-3327291559{--box-shadow-lip-inner-color:rgba(0, 0, 0, .03)}.kakadu-components-3906762683{width:37px;padding-left:1px}.kakadu-components-1969958615.kakadu-components-1969958615{font-size:var(--14px);line-height:1.5em;padding:calc(var(--half-gap) + 2px);padding-top:calc(var(--half-gap) - 1px);padding-bottom:calc(var(--half-gap));flex:1}.kakadu-components-258945758{width:100%;position:fixed;bottom:var(--notification-bottom-offset, 0px);left:0;right:0;display:flex;align-items:center;justify-content:center;padding-bottom:var(--triple-gap);opacity:0;z-index:50;--offset-y:calc(var(--index, 0) * (32px + var(--half-gap)) * -1);transform:translate3d(0,calc(var(--offset-y) + 3px),0) scale(.97);transition:opacity .2s,transform .2s;pointer-events:none}.kakadu-components-3003995416{opacity:1;transform:translate3d(0,var(--offset-y),0)}.kakadu-components-1639448689{position:relative;max-width:300px}.kakadu-components-2751825161{height:calc(var(--border-radius) * 2);width:100%;position:absolute;bottom:0;left:0;border-radius:var(--border-radius);overflow:hidden;pointer-events:none}.kakadu-components-1939222061{background:#00000026;width:100%;height:3px;position:absolute;bottom:0;left:0;animation:progress 6s linear forwards}:where([data-theme=dark]) .kakadu-components-1939222061{background:#ffffff26}@keyframes progress{0%{width:0%}to{width:100%}}.kakadu-components-922159086{--border-radius:8px;--background-color-default:#fff;--background-color:var(--background-color-default);--background-color-hover:rgb(250, 250, 250);--background-color-disabled:#f6f6f6;--text-color:#000;--transition-duration:.2s;display:flex;flex-direction:column;gap:var(--half-padding);padding-top:7px;position:relative}:where([data-theme=dark]) .kakadu-components-922159086{--background-color-default:#0c0d0f;--background-color-hover:#0e0f12;--background-color-disabled:#0e0f12;--text-color:#fff}@media(hover:hover){.kakadu-components-922159086:hover{--background-color:var(--background-color-hover);--transition-duration:37ms}}.kakadu-components-922159086.kakadu-components-922159086:focus-within{--background-color:var(--background-color-default);--transition-duration:37ms}.kakadu-components-922159086.kakadu-components-922159086:has(:is(input,textarea,select)[disabled]){--background-color:var(--background-color-disabled)}.kakadu-components-2436386418.kakadu-components-2436386418{max-width:calc(100% - var(--gap));font-weight:450;font-size:var(--15px);letter-spacing:.012em;line-height:1em;text-shadow:0 0 2px rgba(255,255,255,1);position:absolute;bottom:calc(100% + 1px);left:var(--half-gap);transform:translateY(.5em);z-index:3}:where([data-theme=dark]) .kakadu-components-2436386418.kakadu-components-2436386418{text-shadow:0 0 2px rgba(0,0,0,1)}.kakadu-components-2436386418.kakadu-components-2436386418 span{color:var(--text-color);position:relative;--offset:5px;padding-right:var(--offset);padding-left:var(--offset);opacity:.7}label:has(:is(input,textarea,select)[aria-invalid=true]) .kakadu-components-2436386418.kakadu-components-2436386418 span{color:var(--red-color);opacity:1}label:has(:is(input,textarea,select)[data-warning=true]) .kakadu-components-2436386418.kakadu-components-2436386418 span{color:var(--yellow-color-dark);opacity:1}.kakadu-components-2436386418.kakadu-components-2436386418:before{content:"";background:var(--background-color);width:100%;height:50%;position:absolute;top:calc(50% - 1px);transition:background-color var(--transition-duration)}.kakadu-components-1816130686{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--background-color);width:100%;color:var(--text-color);font-family:var(--font-family);font-size:var(--17px);font-weight:400;line-height:1.65em;padding:10px 13px 7px;padding-right:var(--button-padding, 0px);border:0;border-radius:var(--border-radius);--outline-color:rgba(0, 0, 0, .4);--outline-width:1px;--highlight-color-rgb:255,255,255;--shadow-color-rgb:0,0,0;box-shadow:inset 0 0 0 1px rgba(var(--highlight-color-rgb),.7),inset 0 -3px rgba(var(--shadow-color-rgb),.04),0 0 0 var(--outline-width) var(--outline-color),0 0 0 calc(var(--outline-width) + 1px) rgba(var(--highlight-color-rgb),.7),0 5px rgba(var(--shadow-color-rgb),.04);box-sizing:border-box;display:block;position:relative;z-index:2;white-space:pre-wrap;word-break:break-word;transition:background-color var(--transition-duration),border-color var(--transition-duration),box-shadow var(--transition-duration)}.kakadu-components-1816130686::placeholder{font-style:italic}:where([data-theme=dark]) .kakadu-components-1816130686::placeholder{opacity:.7}:where([data-theme=dark]) .kakadu-components-1816130686{--outline-color:rgba(255, 255, 255, .3);--highlight-color-rgb:0,0,0}@media(hover:hover){label:hover .kakadu-components-1816130686:not([disabled]){--outline-color:rgba(0, 0, 0, .8)}:where([data-theme=dark]) label:hover .kakadu-components-1816130686:not([disabled]){--outline-color:rgba(255, 255, 255, .5)}}.kakadu-components-1816130686.kakadu-components-1816130686.kakadu-components-1816130686:focus{outline:none}.kakadu-components-1816130686.kakadu-components-1816130686.kakadu-components-1816130686:focus:not(select){--outline-color:var(--secondary-color-hover);--outline-width:2px}:where([data-theme=dark]) .kakadu-components-1816130686.kakadu-components-1816130686.kakadu-components-1816130686:focus:not(select){--outline-color:var(--secondary-color)}.kakadu-components-1816130686.kakadu-components-1816130686[aria-invalid=true]{outline:none;--outline-color:var(--red-color)}.kakadu-components-1816130686.kakadu-components-1816130686[data-warning=true]{--outline-color:var(--yellow-color-dark)}.kakadu-components-1816130686.kakadu-components-1816130686[disabled]{--text-color:#666;cursor:not-allowed}.kakadu-components-4056037255.kakadu-components-4056037255{font-size:var(--14px);font-weight:500}.kakadu-components-3245407458.kakadu-components-3245407458{color:var(--red-color)}.kakadu-components-1117160492.kakadu-components-1117160492{color:var(--yellow-color-dark)}.kakadu-components-3574036749.kakadu-components-3574036749{--border-radius:5px;font-size:var(--14px);width:calc(100% - 6px);padding:6px 10px 7px;position:relative;z-index:1;box-sizing:border-box;left:3px}.kakadu-components-3574036749.kakadu-components-3574036749:before{content:"";background:#f8f9fb;--outline-color:rgba(0, 0, 0, .3);--outline-shadow-color:#fff;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:inset 0 0 0 1px var(--outline-color),inset 0 0 0 2px var(--outline-shadow-color),0 0 0 1px var(--outline-shadow-color);position:absolute;left:0;top:var(--attachment-offset);right:0;bottom:0;width:100%;height:calc(100% + (var(--attachment-offset) * -1));z-index:-1}:where([data-theme=dark]) .kakadu-components-3574036749.kakadu-components-3574036749:before{background-color:#121214;--outline-color:rgba(255, 255, 255, .3);--outline-shadow-color:#000}.kakadu-components-3146929190{position:relative}.kakadu-components-3298764637{--attachment-offset:-7px;position:relative;display:flex;flex-direction:column}.kakadu-components-613632806 strong{font-weight:500}.kakadu-components-2927674627{margin-top:var(--half-gap);padding:0 13px}.kakadu-components-4228384787{padding-right:39px;cursor:pointer}.kakadu-components-158931186{z-index:4;pointer-events:none;position:absolute;top:24px;right:13px;transform:translateY(-50%) rotate(180deg)}.kakadu-components-4233741488:before{--box-shadow-color:rgba(0, 0, 0, .2);box-shadow:inset 0 0 0 1px var(--box-shadow-color)}:where([data-theme=dark]) .kakadu-components-4233741488:before{--box-shadow-color:rgba(255, 255, 255, .2)}.kakadu-components-2355856341.kakadu-components-2355856341{--background-color:#e2f5ff;--shadow-color:rgba(18, 71, 98, .6);--outline-color-rgb:255,255,255;--content-shadow-rgb:255,255,255;--arrow-size:7px;background:var(--background-color);padding:10px 13px;box-shadow:inset 0 0 0 1px var(--shadow-color),inset 0 0 0 2px rgba(var(--outline-color-rgb),.5),inset 0 -4px #223a4e0a,0 0 0 1px rgba(var(--outline-color-rgb),.7);border-radius:var(--border-radius);margin-top:var(--gap);cursor:pointer;position:relative;z-index:4;transition:background-color .37s}:where([data-theme=dark]) .kakadu-components-2355856341.kakadu-components-2355856341{--background-color:#181c24;--shadow-color:#3a404e;--content-shadow-rgb:0,0,0;--outline-color-rgb:0,0,0}.kakadu-components-2355856341.kakadu-components-2355856341:before,.kakadu-components-2355856341.kakadu-components-2355856341:after{content:"";--current-arrow-size:var(--arrow-size);--current-arrow-color:var(--shadow-color);width:0;height:0;border-left:var(--current-arrow-size) solid transparent;border-right:var(--current-arrow-size) solid transparent;border-bottom:var(--current-arrow-size) solid var(--current-arrow-color);position:absolute;bottom:calc(100% - 1px);left:20px;transform:translate(-50%);transition:border-bottom-color .37s}.kakadu-components-2355856341.kakadu-components-2355856341:after{--current-arrow-size:calc(var(--arrow-size) - .5px);--current-arrow-color:var(--background-color);bottom:calc(100% - 2px)}@media(hover:hover){.kakadu-components-2355856341.kakadu-components-2355856341:hover{--background-color:#d5f0ff;transition-duration:.1s}:where([data-theme=dark]) .kakadu-components-2355856341.kakadu-components-2355856341:hover{--background-color:#141820}.kakadu-components-2355856341.kakadu-components-2355856341:hover:before,.kakadu-components-2355856341.kakadu-components-2355856341:hover:after{transition-duration:.1s}}.kakadu-components-1021263934{color:#0d3b52;filter:drop-shadow(0 1px 0 rgba(var(--content-shadow-rgb),.7)) drop-shadow(0 0 3px rgba(var(--content-shadow-rgb),.7));position:relative;top:2px;margin-right:4px}:where([data-theme=dark]) .kakadu-components-1021263934{color:#85a5db}.kakadu-components-1585874956.kakadu-components-1585874956{font-size:var(--14px);line-height:1.35em;flex:1;color:#000;text-shadow:0 0 2px rgba(var(--content-shadow-rgb),.7),0 1px 0 rgba(var(--content-shadow-rgb),.5)}:where([data-theme=dark]) .kakadu-components-1585874956.kakadu-components-1585874956{color:#fff}.kakadu-components-3448565402{opacity:.5}.kakadu-components-2033521835{position:absolute;visibility:hidden}.kakadu-components-2119524139{resize:none;overflow:hidden}.kakadu-components-616311160{z-index:2;opacity:.3}.kakadu-components-1962999040{z-index:2}:where([data-theme=light]) .kakadu-components-1962999040{mix-blend-mode:normal;opacity:.25}.kakadu-components-131986363{position:absolute;top:11px;right:14px;display:flex;gap:21px;z-index:2}.kakadu-components-1421861246{background:var(--primary-color);width:var(--size);height:var(--size);position:relative;--half-size:calc(var(--size) / 2);--border-radius:var(--half-size) var(--half-size) 0 var(--half-size);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}.kakadu-components-392715920{transform:translate(2%,3%);filter:drop-shadow(0 calc(var(--drop-shadow-offset-multiplier) * 1px) 0 rgba(0,0,0,.2)) drop-shadow(0 0 calc(var(--drop-shadow-offset-multiplier) * 3px) rgba(0,0,0,.2))}.kakadu-components-3861346893{--shadow-color:rgba(255, 255, 255, .8);color:#000000e6;position:relative;top:2px;filter:drop-shadow(0 1px 0 var(--shadow-color)) drop-shadow(0 0 3px var(--shadow-color))}:where([data-theme=dark]) .kakadu-components-3861346893{color:#ffffffe6;--shadow-color:rgba(0, 0, 0, .2)}.kakadu-components-2543813221{width:16px;height:16px;float:right}.kakadu-components-840864829{position:absolute;top:10px;right:13px}.kakadu-components-3855719072{--border-top-right-radius:12px}.kakadu-components-4119461136{--modal-background:var(--background-color);--modal-top-right-offset:calc(32px + var(--half-gap));background:#000000b3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:fixed;pointer-events:none;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:var(--modal-z-index);opacity:0;transition:opacity .2s;overflow:auto;text-align:center;display:flex}:where([data-theme=dark]) .kakadu-components-4119461136{background:#000c}.kakadu-components-2522346797{opacity:1;pointer-events:auto}.kakadu-components-4011815997{width:100%;padding:var(--half-gap);text-align:left;box-sizing:border-box;display:flex;overflow:auto}@media(min-width:480px){.kakadu-components-4011815997{padding:var(--gap)}}@media(min-width:560px){.kakadu-components-4011815997{padding:var(--double-gap)}}.kakadu-components-3324483532{--modal-padding:var(--gap);background:var(--modal-background);min-width:180px;max-width:var(--max-width, 760px);padding:var(--modal-padding);border-radius:var(--gap);--inset-box-shadow-color:rgba(255, 255, 255, .5);--offset-box-shadow-color:rgba(0, 0, 0, .15);--soft-box-shadow-color:rgba(0, 0, 0, .3);box-shadow:inset 0 0 0 1px var(--inset-box-shadow-color),0 0 0 1px var(--offset-box-shadow-color),0 0 8px var(--soft-box-shadow-color);opacity:0;transform:scale(.98);margin:auto;transition:transform .18s .2s,opacity .1s .2s;box-sizing:border-box}:where([data-theme=dark]) .kakadu-components-3324483532{--inset-box-shadow-color:rgba(255, 255, 255, .125);--offset-box-shadow-color:rgba(0, 0, 0, .15);--soft-box-shadow-color:rgba(0, 0, 0, .3)}@media(min-width:560px){.kakadu-components-3324483532{--modal-padding:var(--double-gap)}}.kakadu-components-3799971070{width:100%}.kakadu-components-968755580{opacity:1;transform:scale(1)}.kakadu-components-177997624{display:inline-flex}.kakadu-components-3009931469{opacity:0;transition:transform var(--duration) var(--animation-delay),opacity var(--duration) var(--animation-delay)}.kakadu-components-3252535480{transform:translate3d(0,var(--distance),0)}@media(prefers-reduced-motion){.kakadu-components-3252535480{transform:translate3d(0,calc(var(--distance) / 3))}}.kakadu-components-358711811{transform:translateZ(0);opacity:1}.kakadu-components-3753263087{width:100%;margin:auto}.kakadu-components-175326694{width:100%;height:1px;min-height:1px;max-height:1px;margin:0;background-color:#00000026;border:none;flex:1 0 0}:where([data-theme=dark]) .kakadu-components-175326694{background-color:#ffffff26}.kakadu-components-3380219127{background:#00000026;width:16px;height:1px;border:none;display:block;margin-left:0}:where([data-theme=dark]) .kakadu-components-3380219127{background-color:#ffffff26}.kakadu-components-1250376591{width:100%;flex:1;text-align:center}.kakadu-components-2653569622{background:#0000001a;width:1px;margin:0;min-width:1px;max-width:1px;border:none}:where([data-theme=dark]) .kakadu-components-2653569622{background-color:#ffffff1a}.kakadu-components-4149648046{--background-size:300px;--background-negative-size:calc(var(--background-size) * -1);--highlight-color:255,255,255;--border-radius:100px;background:color-mix(in srgb,var(--foreground-color) 15%,transparent);width:var(--skeleton-size, 100%);height:var(--skeleton-size);border-radius:var(--border-radius);display:inline-block;vertical-align:top;position:relative}@keyframes skeleton-animation{0%{background-position:var(--background-negative-size) 0%}to{background-position:right var(--background-negative-size) top 0%}}.kakadu-components-3311350973{--opacity:.3}.kakadu-components-3311350973:before{content:"";mix-blend-mode:overlay;background-position:var(--background-negative-size) 0%;background-attachment:fixed;background-size:var(--background-size) 100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,rgba(var(--highlight-color),0),rgba(var(--highlight-color),var(--opacity)),rgba(var(--highlight-color),0));animation:skeleton-animation 1.1s infinite ease-in-out;will-change:background-position;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius)}.kakadu-components-3140855657{vertical-align:middle}.kakadu-components-560222664{width:100%;height:100%;min-height:200px;--radial-gradient-color:rgba(0, 0, 0, .4);-webkit-mask-image:radial-gradient(circle,var(--radial-gradient-color) 70%,black 100%),linear-gradient(to bottom,black 0%,transparent 100%);mask-image:radial-gradient(circle,var(--radial-gradient-color) 70%,black 100%),linear-gradient(to bottom,black 0%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;border-radius:var(--border-radius);overflow:hidden;position:absolute;top:0;left:0;right:0;pointer-events:none}:where([data-theme=dark]) .kakadu-components-560222664{-webkit-mask-image:none;mask-image:none;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%),radial-gradient(circle,black 60%,var(--radial-gradient-color) 100%),linear-gradient(to bottom,transparent 0%,black 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%),radial-gradient(circle,black 60%,var(--radial-gradient-color) 100%),linear-gradient(to bottom,transparent 0%,black 100%);-webkit-mask-composite:source-in;mask-composite:intersect}:where([data-theme=light]) .kakadu-components-947991810.kakadu-components-947991810{mix-blend-mode:normal}:where([data-theme=dark]) .kakadu-components-947991810.kakadu-components-947991810{mix-blend-mode:normal}
|
package/build/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme.js"),d=require("./components/aria-text.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme.js"),d=require("./components/aria-text.js"),p=require("./components/atom.js"),L=require("./components/bankid-logo.js"),T=require("./components/box.js"),n=require("./components/button.js"),f=require("./components/button-tooltip.js"),b=require("./components/card.js"),B=require("./components/click-ripples.js"),w=require("./components/collapsible.js"),x=require("./components/datum.js"),C=require("./components/dnb-logo.js"),I=require("./components/dot.js"),g=require("./components/flex.js"),S=require("./components/footer.js"),G=require("./components/gauge.js"),P=require("./components/gjensidige-logo.js"),R=require("./components/header.js"),m=require("./components/hover-gradient.js"),q=require("./components/icon-button.js"),a=require("./components/input.js"),M=require("./components/kakadu-guide-icon.js"),i=require("./components/kakadu-guide-logo.js"),D=require("./components/kakadu-index-logo.js"),A=require("./components/kakadu-logo.js"),u=require("./components/modal.js"),V=require("./components/moving-gradients.js"),F=require("./components/moving-stars.js"),s=require("./components/notice.js"),c=require("./components/notification.js"),_=require("./components/revealer.js"),r=require("./components/separator.js"),v=require("./components/skeleton.js"),H=require("./components/sparebank1-logo.js"),h=require("./components/spinner.js"),K=require("./components/sto-logo.js"),N=require("./components/storebrand-logo.js"),t=require("./components/text.js"),y=require("./components/text-button.js"),o=require("./components/theme-setter.js"),E=require("./components/veil.js"),k=require("./components/wrapper.js"),W=require("./icons/arrow-up.js"),U=require("./icons/arrow-right.js"),j=require("./icons/arrow-down.js"),Q=require("./icons/arrow-left.js"),O=require("./icons/caret-up.js"),z=require("./icons/caret-right.js"),J=require("./icons/caret-down.js"),X=require("./icons/caret-left.js"),Y=require("./icons/check.js"),Z=require("./icons/chevron-up.js"),$=require("./icons/chevron-right.js"),ee=require("./icons/chevron-down.js"),te=require("./icons/chevron-left.js"),oe=require("./icons/chrome-browser-logo.js"),ne=require("./icons/copy.js"),re=require("./icons/edit.js"),ae=require("./icons/edge-browser-logo.js"),ie=require("./icons/exclamation-triangle.js"),l=require("./icon-B__SNDvD.js"),ue=require("./icons/kakadu-guide.js"),se=require("./icons/kakadu-guide-glyph.js"),ce=require("./icons/menu.js"),le=require("./icons/plus.js"),de=require("./icons/test.js"),pe=require("./icons/times.js"),fe=require("./hooks/use-media-query.js"),ge=require("./utilities/copy-to-clipboard.js"),Se=require("./utilities/generate-random-id.js"),me=require("./utilities/scale.js");exports.FontFamilyHead=e.FontFamilyHead;exports.buttonResetStyles=e.buttonResetStyles;exports.darkBackgroundColor=e.darkBackgroundColor;exports.effectStyles=e.effectStyles;exports.font=e.font;exports.lightBackgroundColor=e.lightBackgroundColor;exports.nonInteractiveEffectStyles=e.nonInteractiveEffectStyles;exports.overflowProtectionStyles=e.overflowProtectionStyles;exports.theme=e.default;exports.AriaText=d.default;exports.ariaTextStyles=d.ariaTextStyles;exports.Atom=p.default;exports.defaultAtomElementType=p.defaultAtomElementType;exports.BankidLogo=L.default;exports.Box=T.default;exports.Button=n.default;exports.ButtonVariant=n.ButtonVariant;exports.buttonDangerStyles=n.buttonDangerStyles;exports.buttonSecondaryStyles=n.buttonSecondaryStyles;exports.buttonSuccessStyles=n.buttonSuccessStyles;exports.buttonWarningStyles=n.buttonWarningStyles;exports.ButtonTooltip=f.default;exports.ButtonTooltipPosition=f.ButtonTooltipPosition;exports.Card=b.default;exports.ClickRipples=B.default;exports.Collapsible=w.default;exports.Datum=x.default;exports.DnbLogo=C.default;exports.Dot=I.default;exports.Flex=g.default;exports.FlexAlignment=g.FlexAlignment;exports.Footer=S.default;exports.FooterLinkItem=S.FooterLinkItem;exports.Gauge=G.default;exports.GjensidigeLogo=P.default;exports.Header=R.default;exports.HoverGradient=m.default;exports.normalBlendStyles=m.normalBlendStyles;exports.IconButton=q.default;exports.IconButtonVariant=q.IconButtonVariant;exports.Input=a.default;exports.Select=a.Select;exports.errorParagraph=a.errorParagraph;exports.KakaduGuideIcon=M.default;exports.KakaduGuideLogo=i.default;exports.KakaduGuideLogoSvg=i.KakaduGuideLogoSvg;exports.KakaduGuideLogoVariant=i.KakaduGuideLogoVariant;exports.KakaduIndexLogo=D.default;exports.KakaduLogo=A.default;exports.Modal=u.default;exports.useModal=u.useModal;exports.useModalContext=u.useModalContext;exports.MovingGradients=V.default;exports.MovingStars=F.default;exports.Notice=s.default;exports.NoticeType=s.NoticeType;exports.NotificationType=s.NoticeType;exports.Notification=c.default;exports.NotificationProvider=c.NotificationProvider;exports.useCreateNotification=c.useCreateNotification;exports.Revealer=_.default;exports.useRevealer=_.useRevealer;exports.Separator=r.default;exports.SeparatorLabel=r.SeparatorLabel;exports.SmallSeparator=r.SmallSeparator;exports.VerticalSeparator=r.VerticalSeparator;exports.Skeleton=v.default;exports.SkeletonInstance=v.SkeletonInstance;exports.Sparebank1Logo=H.default;exports.RevealSpinner=h.RevealSpinner;exports.Spinner=h.default;exports.StoLogo=K.default;exports.StorebrandLogo=N.default;exports.AnchorHeading=t.AnchorHeading;exports.Heading=t.Heading;exports.Hero=t.Hero;exports.Label=t.Label;exports.Paragraph=t.Paragraph;exports.Span=t.Span;exports.Text=t.default;exports.spanStyles=t.spanStyles;exports.textShadowStyles=t.textShadowStyles;exports.TextButton=y.default;exports.TextButtonVariant=y.TextButtonVariant;exports.ThemeSetter=o.default;exports.getThemePreference=o.getThemePreference;exports.setThemePreference=o.setThemePreference;exports.themePreferences=o.themePreferences;exports.useIsDarkMode=o.useIsDarkMode;exports.useIsLightMode=o.useIsLightMode;exports.useTheme=o.useTheme;exports.Veil=E.default;exports.Wrapper=k.default;exports.WrapperWidth=k.WrapperWidth;exports.ArrowUpSvg=W.default;exports.ArrowRightSvg=U.default;exports.ArrowDownSvg=j.default;exports.ArrowLeftSvg=Q.default;exports.CaretUpSvg=O.default;exports.CaretRightSvg=z.default;exports.CaretDownSvg=J.default;exports.CaretLeftSvg=X.default;exports.CheckSvg=Y.default;exports.ChevronUpSvg=Z.default;exports.ChevronRightSvg=$.default;exports.ChevronDownSvg=ee.default;exports.ChevronLeftSvg=te.default;exports.ChromeBrowserLogoSvg=oe.default;exports.CopySvg=ne.default;exports.EditSvg=re.default;exports.EdgeBrowserLogoSvg=ae.default;exports.ExclamationTriangleSvg=ie.default;exports.Icon=l.Icon;exports.IconType=l.IconType;exports.iconShadowStyles=l.iconShadowStyles;exports.KakaduGuideSvg=ue.default;exports.KakaduGuideGlyphSvg=se.default;exports.MenuSvg=ce.default;exports.PlusSvg=le.default;exports.TestSvg=de.default;exports.TimesSvg=pe.default;exports.useMediaQuery=fe.default;exports.copyToClipboard=ge.default;exports.generateRandomId=Se.default;exports.scale=me.default;
|
package/build/index.mjs
CHANGED
|
@@ -3,195 +3,196 @@ import { default as n, ariaTextStyles as x } from "./components/aria-text.mjs";
|
|
|
3
3
|
import { default as g, defaultAtomElementType as S } from "./components/atom.mjs";
|
|
4
4
|
import { default as c } from "./components/bankid-logo.mjs";
|
|
5
5
|
import { default as y } from "./components/box.mjs";
|
|
6
|
-
import { default as
|
|
7
|
-
import { default as G } from "./components/button-tooltip.mjs";
|
|
8
|
-
import { default as
|
|
6
|
+
import { default as T, ButtonVariant as k, buttonDangerStyles as C, buttonSecondaryStyles as B, buttonSuccessStyles as I, buttonWarningStyles as b } from "./components/button.mjs";
|
|
7
|
+
import { default as G, ButtonTooltipPosition as A } from "./components/button-tooltip.mjs";
|
|
8
|
+
import { default as P } from "./components/card.mjs";
|
|
9
9
|
import { default as D } from "./components/click-ripples.mjs";
|
|
10
|
-
import { default as
|
|
11
|
-
import { default as
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
19
|
-
import { default as
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as
|
|
22
|
-
import { default as
|
|
23
|
-
import { default as
|
|
24
|
-
import { default as
|
|
25
|
-
import { default as
|
|
26
|
-
import { default as
|
|
27
|
-
import { default as
|
|
28
|
-
import { default as
|
|
29
|
-
import { default as
|
|
30
|
-
import { default as De, NotificationProvider as Ke, useCreateNotification as
|
|
31
|
-
import { default as
|
|
32
|
-
import { default as
|
|
33
|
-
import { default as
|
|
34
|
-
import { default as
|
|
35
|
-
import { RevealSpinner as
|
|
36
|
-
import { default as
|
|
37
|
-
import { default as
|
|
38
|
-
import { AnchorHeading as
|
|
39
|
-
import { default as
|
|
40
|
-
import { default as
|
|
41
|
-
import { default as
|
|
42
|
-
import { default as
|
|
43
|
-
import { default as
|
|
10
|
+
import { default as N } from "./components/collapsible.mjs";
|
|
11
|
+
import { default as H } from "./components/datum.mjs";
|
|
12
|
+
import { default as E } from "./components/dnb-logo.mjs";
|
|
13
|
+
import { default as U } from "./components/dot.mjs";
|
|
14
|
+
import { default as Q, FlexAlignment as q } from "./components/flex.mjs";
|
|
15
|
+
import { default as J, FooterLinkItem as O } from "./components/footer.mjs";
|
|
16
|
+
import { default as Y } from "./components/gauge.mjs";
|
|
17
|
+
import { default as _ } from "./components/gjensidige-logo.mjs";
|
|
18
|
+
import { default as ee } from "./components/header.mjs";
|
|
19
|
+
import { default as te, normalBlendStyles as ae } from "./components/hover-gradient.mjs";
|
|
20
|
+
import { default as fe, IconButtonVariant as le } from "./components/icon-button.mjs";
|
|
21
|
+
import { default as se, Select as ue, errorParagraph as pe } from "./components/input.mjs";
|
|
22
|
+
import { default as ne } from "./components/kakadu-guide-icon.mjs";
|
|
23
|
+
import { default as ie, KakaduGuideLogoSvg as ge, KakaduGuideLogoVariant as Se } from "./components/kakadu-guide-logo.mjs";
|
|
24
|
+
import { default as ce } from "./components/kakadu-index-logo.mjs";
|
|
25
|
+
import { default as ye } from "./components/kakadu-logo.mjs";
|
|
26
|
+
import { default as Te, useModal as ke, useModalContext as Ce } from "./components/modal.mjs";
|
|
27
|
+
import { default as Ie } from "./components/moving-gradients.mjs";
|
|
28
|
+
import { default as we } from "./components/moving-stars.mjs";
|
|
29
|
+
import { default as Ae, NoticeType as Me, NoticeType as Pe } from "./components/notice.mjs";
|
|
30
|
+
import { default as De, NotificationProvider as Ke, useCreateNotification as Ne } from "./components/notification.mjs";
|
|
31
|
+
import { default as He, useRevealer as Ve } from "./components/revealer.mjs";
|
|
32
|
+
import { default as We, SeparatorLabel as Ue, SmallSeparator as je, VerticalSeparator as Qe } from "./components/separator.mjs";
|
|
33
|
+
import { default as ze, SkeletonInstance as Je } from "./components/skeleton.mjs";
|
|
34
|
+
import { default as Xe } from "./components/sparebank1-logo.mjs";
|
|
35
|
+
import { RevealSpinner as Ze, default as _e } from "./components/spinner.mjs";
|
|
36
|
+
import { default as eo } from "./components/sto-logo.mjs";
|
|
37
|
+
import { default as to } from "./components/storebrand-logo.mjs";
|
|
38
|
+
import { AnchorHeading as ro, Heading as fo, Hero as lo, Label as so, Paragraph as uo, Span as po, default as mo, spanStyles as no, textShadowStyles as xo } from "./components/text.mjs";
|
|
39
|
+
import { default as go, TextButtonVariant as So } from "./components/text-button.mjs";
|
|
40
|
+
import { default as co, getThemePreference as ho, setThemePreference as yo, themePreferences as Lo, useIsDarkMode as To, useIsLightMode as ko, useTheme as Co } from "./components/theme-setter.mjs";
|
|
41
|
+
import { default as Io } from "./components/veil.mjs";
|
|
42
|
+
import { default as wo, WrapperWidth as Go } from "./components/wrapper.mjs";
|
|
43
|
+
import { default as Mo } from "./icons/arrow-up.mjs";
|
|
44
44
|
import { default as Ro } from "./icons/arrow-right.mjs";
|
|
45
45
|
import { default as Ko } from "./icons/arrow-down.mjs";
|
|
46
|
-
import { default as
|
|
47
|
-
import { default as
|
|
48
|
-
import { default as
|
|
49
|
-
import { default as
|
|
50
|
-
import { default as
|
|
51
|
-
import { default as
|
|
52
|
-
import { default as
|
|
53
|
-
import { default as
|
|
54
|
-
import { default as
|
|
55
|
-
import { default as
|
|
56
|
-
import { default as
|
|
57
|
-
import { default as
|
|
58
|
-
import { default as
|
|
59
|
-
import { default as
|
|
60
|
-
import { default as
|
|
61
|
-
import { I as
|
|
62
|
-
import { default as
|
|
63
|
-
import { default as
|
|
64
|
-
import { default as
|
|
46
|
+
import { default as Fo } from "./icons/arrow-left.mjs";
|
|
47
|
+
import { default as Vo } from "./icons/caret-up.mjs";
|
|
48
|
+
import { default as Wo } from "./icons/caret-right.mjs";
|
|
49
|
+
import { default as jo } from "./icons/caret-down.mjs";
|
|
50
|
+
import { default as qo } from "./icons/caret-left.mjs";
|
|
51
|
+
import { default as Jo } from "./icons/check.mjs";
|
|
52
|
+
import { default as Xo } from "./icons/chevron-up.mjs";
|
|
53
|
+
import { default as Zo } from "./icons/chevron-right.mjs";
|
|
54
|
+
import { default as $o } from "./icons/chevron-down.mjs";
|
|
55
|
+
import { default as ot } from "./icons/chevron-left.mjs";
|
|
56
|
+
import { default as at } from "./icons/chrome-browser-logo.mjs";
|
|
57
|
+
import { default as ft } from "./icons/copy.mjs";
|
|
58
|
+
import { default as dt } from "./icons/edit.mjs";
|
|
59
|
+
import { default as ut } from "./icons/edge-browser-logo.mjs";
|
|
60
|
+
import { default as mt } from "./icons/exclamation-triangle.mjs";
|
|
61
|
+
import { I as xt, a as it, i as gt } from "./icon-BscWXhKi.mjs";
|
|
62
|
+
import { default as vt } from "./icons/kakadu-guide.mjs";
|
|
63
|
+
import { default as ht } from "./icons/kakadu-guide-glyph.mjs";
|
|
64
|
+
import { default as Lt } from "./icons/menu.mjs";
|
|
65
65
|
import { default as kt } from "./icons/plus.mjs";
|
|
66
|
-
import { default as
|
|
67
|
-
import { default as
|
|
68
|
-
import { default as
|
|
69
|
-
import { default as
|
|
66
|
+
import { default as Bt } from "./icons/test.mjs";
|
|
67
|
+
import { default as bt } from "./icons/times.mjs";
|
|
68
|
+
import { default as Gt } from "./hooks/use-media-query.mjs";
|
|
69
|
+
import { default as Mt } from "./utilities/copy-to-clipboard.mjs";
|
|
70
70
|
import { default as Rt } from "./utilities/generate-random-id.mjs";
|
|
71
71
|
import { default as Kt } from "./utilities/scale.mjs";
|
|
72
72
|
export {
|
|
73
|
-
|
|
73
|
+
ro as AnchorHeading,
|
|
74
74
|
n as AriaText,
|
|
75
75
|
Ko as ArrowDownSvg,
|
|
76
|
-
|
|
76
|
+
Fo as ArrowLeftSvg,
|
|
77
77
|
Ro as ArrowRightSvg,
|
|
78
|
-
|
|
78
|
+
Mo as ArrowUpSvg,
|
|
79
79
|
g as Atom,
|
|
80
80
|
c as BankidLogo,
|
|
81
81
|
y as Box,
|
|
82
|
-
|
|
82
|
+
T as Button,
|
|
83
83
|
G as ButtonTooltip,
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
84
|
+
A as ButtonTooltipPosition,
|
|
85
|
+
k as ButtonVariant,
|
|
86
|
+
P as Card,
|
|
87
|
+
jo as CaretDownSvg,
|
|
88
|
+
qo as CaretLeftSvg,
|
|
89
|
+
Wo as CaretRightSvg,
|
|
90
|
+
Vo as CaretUpSvg,
|
|
91
|
+
Jo as CheckSvg,
|
|
92
|
+
$o as ChevronDownSvg,
|
|
93
|
+
ot as ChevronLeftSvg,
|
|
94
|
+
Zo as ChevronRightSvg,
|
|
95
|
+
Xo as ChevronUpSvg,
|
|
96
|
+
at as ChromeBrowserLogoSvg,
|
|
96
97
|
D as ClickRipples,
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
98
|
+
N as Collapsible,
|
|
99
|
+
ft as CopySvg,
|
|
100
|
+
H as Datum,
|
|
101
|
+
E as DnbLogo,
|
|
102
|
+
U as Dot,
|
|
103
|
+
ut as EdgeBrowserLogoSvg,
|
|
104
|
+
dt as EditSvg,
|
|
105
|
+
mt as ExclamationTriangleSvg,
|
|
106
|
+
Q as Flex,
|
|
107
|
+
q as FlexAlignment,
|
|
107
108
|
t as FontFamilyHead,
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
109
|
+
J as Footer,
|
|
110
|
+
O as FooterLinkItem,
|
|
111
|
+
Y as Gauge,
|
|
112
|
+
_ as GjensidigeLogo,
|
|
113
|
+
ee as Header,
|
|
114
|
+
fo as Heading,
|
|
115
|
+
lo as Hero,
|
|
116
|
+
te as HoverGradient,
|
|
117
|
+
xt as Icon,
|
|
118
|
+
fe as IconButton,
|
|
119
|
+
le as IconButtonVariant,
|
|
120
|
+
it as IconType,
|
|
121
|
+
se as Input,
|
|
122
|
+
ht as KakaduGuideGlyphSvg,
|
|
123
|
+
ne as KakaduGuideIcon,
|
|
124
|
+
ie as KakaduGuideLogo,
|
|
125
|
+
ge as KakaduGuideLogoSvg,
|
|
126
|
+
Se as KakaduGuideLogoVariant,
|
|
127
|
+
vt as KakaduGuideSvg,
|
|
128
|
+
ce as KakaduIndexLogo,
|
|
129
|
+
ye as KakaduLogo,
|
|
130
|
+
so as Label,
|
|
131
|
+
Lt as MenuSvg,
|
|
132
|
+
Te as Modal,
|
|
133
|
+
Ie as MovingGradients,
|
|
134
|
+
we as MovingStars,
|
|
135
|
+
Ae as Notice,
|
|
136
|
+
Me as NoticeType,
|
|
136
137
|
De as Notification,
|
|
137
138
|
Ke as NotificationProvider,
|
|
138
|
-
|
|
139
|
-
|
|
139
|
+
Pe as NotificationType,
|
|
140
|
+
uo as Paragraph,
|
|
140
141
|
kt as PlusSvg,
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
142
|
+
Ze as RevealSpinner,
|
|
143
|
+
He as Revealer,
|
|
144
|
+
ue as Select,
|
|
145
|
+
We as Separator,
|
|
146
|
+
Ue as SeparatorLabel,
|
|
147
|
+
ze as Skeleton,
|
|
148
|
+
Je as SkeletonInstance,
|
|
149
|
+
je as SmallSeparator,
|
|
150
|
+
po as Span,
|
|
151
|
+
Xe as Sparebank1Logo,
|
|
152
|
+
_e as Spinner,
|
|
153
|
+
eo as StoLogo,
|
|
154
|
+
to as StorebrandLogo,
|
|
155
|
+
Bt as TestSvg,
|
|
156
|
+
mo as Text,
|
|
157
|
+
go as TextButton,
|
|
158
|
+
So as TextButtonVariant,
|
|
159
|
+
co as ThemeSetter,
|
|
160
|
+
bt as TimesSvg,
|
|
161
|
+
Io as Veil,
|
|
162
|
+
Qe as VerticalSeparator,
|
|
163
|
+
wo as Wrapper,
|
|
164
|
+
Go as WrapperWidth,
|
|
164
165
|
x as ariaTextStyles,
|
|
165
|
-
|
|
166
|
+
C as buttonDangerStyles,
|
|
166
167
|
a as buttonResetStyles,
|
|
167
168
|
B as buttonSecondaryStyles,
|
|
168
169
|
I as buttonSuccessStyles,
|
|
169
170
|
b as buttonWarningStyles,
|
|
170
|
-
|
|
171
|
+
Mt as copyToClipboard,
|
|
171
172
|
r as darkBackgroundColor,
|
|
172
173
|
S as defaultAtomElementType,
|
|
173
174
|
f as effectStyles,
|
|
174
|
-
|
|
175
|
+
pe as errorParagraph,
|
|
175
176
|
l as font,
|
|
176
177
|
Rt as generateRandomId,
|
|
177
|
-
|
|
178
|
-
|
|
178
|
+
ho as getThemePreference,
|
|
179
|
+
gt as iconShadowStyles,
|
|
179
180
|
d as lightBackgroundColor,
|
|
180
181
|
s as nonInteractiveEffectStyles,
|
|
181
|
-
|
|
182
|
+
ae as normalBlendStyles,
|
|
182
183
|
u as overflowProtectionStyles,
|
|
183
184
|
Kt as scale,
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
185
|
+
yo as setThemePreference,
|
|
186
|
+
no as spanStyles,
|
|
187
|
+
xo as textShadowStyles,
|
|
187
188
|
p as theme,
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
189
|
+
Lo as themePreferences,
|
|
190
|
+
Ne as useCreateNotification,
|
|
191
|
+
To as useIsDarkMode,
|
|
191
192
|
ko as useIsLightMode,
|
|
192
|
-
|
|
193
|
+
Gt as useMediaQuery,
|
|
193
194
|
ke as useModal,
|
|
194
195
|
Ce as useModalContext,
|
|
195
|
-
|
|
196
|
+
Ve as useRevealer,
|
|
196
197
|
Co as useTheme
|
|
197
198
|
};
|