@kakadu/components 3.7.0 → 3.7.1
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/notification.js +1 -1
- package/build/components/notification.mjs +61 -50
- package/build/components/popover-menu.js +1 -1
- package/build/components/popover-menu.mjs +96 -95
- package/build/components/popover.d.ts +1 -0
- package/build/components/popover.js +1 -1
- package/build/components/popover.mjs +94 -80
- package/build/components/text-button.d.ts +2 -1
- package/build/components/text-button.js +1 -1
- package/build/components/text-button.mjs +25 -24
- package/build/components.css +1 -1
- package/package.json +1 -1
|
@@ -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 i=require("../jsx-runtime-BB_1_6y_.js"),e=require("react"),p=require("@kuma-ui/core"),M=require("../utilities/generate-random-id.js"),j=require("./notice.js");function E({type:n,icon:d,index:u,className:c,children:m,onDismiss:s,...o}){const[t,a]=e.useState(!1),[l,C]=e.useState(!1),[f,k]=e.useState(!1);e.useEffect(()=>{const r=setTimeout(()=>{a(!0)},250);return()=>{clearTimeout(r)}},[]);const N=e.useRef(0),v=e.useRef(0),R=e.useCallback(()=>{k(!0)},[]),b=e.useCallback(()=>{k(!1)},[]);e.useEffect(()=>{if(f){v.current+=Date.now()-N.current;return}if(t){N.current=Date.now();const r=6e3-v.current,h=setTimeout(()=>{a(!1),C(!0)},r);return()=>{clearTimeout(h)}}},[f,t]);const x=u??0;return e.useEffect(()=>{if(l&&!t){const r=setTimeout(()=>{s==null||s(x)},300);return()=>{clearTimeout(r)}}},[l,t,s,x]),i.jsxRuntimeExports.jsx("div",{...o,style:{"--index":x},className:p.cx("kakadu-components-1727618227",t&&"kakadu-components-3003995416",c),children:i.jsxRuntimeExports.jsxs(j.default,{role:"status","aria-live":"polite","aria-atomic":"true",type:n,icon:d,className:p.cx("kakadu-components-3423716848",t&&"kakadu-components-2837603142"),onMouseEnter:R,onMouseLeave:b,children:[m,i.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2751825161",children:i.jsxRuntimeExports.jsx("div",{className:p.cx("kakadu-components-47664046",f?"kakadu-components-758522476":"kakadu-components-3914681513")})})]})})}const T=e.createContext({createNotification(){throw new Error("useCreateNotification must be used within a NotificationProvider")}});function S(){const{createNotification:n}=e.useContext(T);return n}function q({children:n}){const[d,u]=e.useState([]),c=e.useCallback(o=>{const t=M.default();u(a=>[...a,{...o,id:t}])},[]),m=e.useCallback(o=>{u(t=>t.filter((a,l)=>l!==o))},[]),s=e.useMemo(()=>({createNotification:c}),[c]);return i.jsxRuntimeExports.jsxs(T.Provider,{value:s,children:[n,d.map((o,t)=>i.jsxRuntimeExports.jsx(E,{...o,index:t,onDismiss:m},o.id))]})}exports.NotificationType=j.NoticeType;exports.NotificationProvider=q;exports.default=E;exports.useCreateNotification=S;
|
|
@@ -1,86 +1,97 @@
|
|
|
1
1
|
import { j as i } from "../jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
-
import { createContext as
|
|
3
|
-
import { cx as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { NoticeType as
|
|
7
|
-
function
|
|
8
|
-
type:
|
|
9
|
-
icon:
|
|
2
|
+
import { createContext as b, useState as m, useEffect as N, useRef as j, useCallback as d, useContext as y, useMemo as P } from "react";
|
|
3
|
+
import { cx as x } from "@kuma-ui/core";
|
|
4
|
+
import R from "../utilities/generate-random-id.mjs";
|
|
5
|
+
import D from "./notice.mjs";
|
|
6
|
+
import { NoticeType as G } from "./notice.mjs";
|
|
7
|
+
function H({
|
|
8
|
+
type: n,
|
|
9
|
+
icon: f,
|
|
10
10
|
index: r,
|
|
11
11
|
className: c,
|
|
12
|
-
children:
|
|
12
|
+
children: l,
|
|
13
13
|
onDismiss: o,
|
|
14
14
|
...e
|
|
15
15
|
}) {
|
|
16
|
-
const [t,
|
|
17
|
-
|
|
18
|
-
const
|
|
19
|
-
|
|
16
|
+
const [t, s] = m(!1), [u, E] = m(!1), [p, v] = m(!1);
|
|
17
|
+
N(() => {
|
|
18
|
+
const a = setTimeout(() => {
|
|
19
|
+
s(!0);
|
|
20
20
|
}, 250);
|
|
21
21
|
return () => {
|
|
22
|
-
clearTimeout(
|
|
22
|
+
clearTimeout(a);
|
|
23
23
|
};
|
|
24
|
-
}, [])
|
|
24
|
+
}, []);
|
|
25
|
+
const T = j(0), h = j(0), w = d(() => {
|
|
26
|
+
v(!0);
|
|
27
|
+
}, []), I = d(() => {
|
|
28
|
+
v(!1);
|
|
29
|
+
}, []);
|
|
30
|
+
N(() => {
|
|
31
|
+
if (p) {
|
|
32
|
+
h.current += Date.now() - T.current;
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
25
35
|
if (t) {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
36
|
+
T.current = Date.now();
|
|
37
|
+
const a = 6e3 - h.current, M = setTimeout(() => {
|
|
38
|
+
s(!1), E(!0);
|
|
39
|
+
}, a);
|
|
29
40
|
return () => {
|
|
30
|
-
clearTimeout(
|
|
41
|
+
clearTimeout(M);
|
|
31
42
|
};
|
|
32
43
|
}
|
|
33
|
-
}, [t]);
|
|
34
|
-
const
|
|
35
|
-
return
|
|
44
|
+
}, [p, t]);
|
|
45
|
+
const k = r ?? 0;
|
|
46
|
+
return N(() => {
|
|
36
47
|
if (u && !t) {
|
|
37
|
-
const
|
|
38
|
-
o == null || o(
|
|
48
|
+
const a = setTimeout(() => {
|
|
49
|
+
o == null || o(k);
|
|
39
50
|
}, 300);
|
|
40
51
|
return () => {
|
|
41
|
-
clearTimeout(
|
|
52
|
+
clearTimeout(a);
|
|
42
53
|
};
|
|
43
54
|
}
|
|
44
|
-
}, [u, t, o,
|
|
45
|
-
"--index":
|
|
46
|
-
}, className:
|
|
47
|
-
|
|
48
|
-
/* @__PURE__ */ i.jsx("div", { className: "kakadu-components-2751825161", children: /* @__PURE__ */ i.jsx("div", { className: "kakadu-components-
|
|
55
|
+
}, [u, t, o, k]), /* @__PURE__ */ i.jsx("div", { ...e, style: {
|
|
56
|
+
"--index": k
|
|
57
|
+
}, className: x("kakadu-components-1727618227", t && "kakadu-components-3003995416", c), children: /* @__PURE__ */ i.jsxs(D, { role: "status", "aria-live": "polite", "aria-atomic": "true", type: n, icon: f, className: x("kakadu-components-3423716848", t && "kakadu-components-2837603142"), onMouseEnter: w, onMouseLeave: I, children: [
|
|
58
|
+
l,
|
|
59
|
+
/* @__PURE__ */ i.jsx("div", { className: "kakadu-components-2751825161", children: /* @__PURE__ */ i.jsx("div", { className: x("kakadu-components-47664046", p ? "kakadu-components-758522476" : "kakadu-components-3914681513") }) })
|
|
49
60
|
] }) });
|
|
50
61
|
}
|
|
51
|
-
const
|
|
62
|
+
const C = b({
|
|
52
63
|
createNotification() {
|
|
53
64
|
throw new Error("useCreateNotification must be used within a NotificationProvider");
|
|
54
65
|
}
|
|
55
66
|
});
|
|
56
|
-
function
|
|
67
|
+
function z() {
|
|
57
68
|
const {
|
|
58
|
-
createNotification:
|
|
59
|
-
} =
|
|
60
|
-
return
|
|
69
|
+
createNotification: n
|
|
70
|
+
} = y(C);
|
|
71
|
+
return n;
|
|
61
72
|
}
|
|
62
|
-
function
|
|
63
|
-
children:
|
|
73
|
+
function A({
|
|
74
|
+
children: n
|
|
64
75
|
}) {
|
|
65
|
-
const [
|
|
66
|
-
const t =
|
|
67
|
-
r((
|
|
76
|
+
const [f, r] = m([]), c = d((e) => {
|
|
77
|
+
const t = R();
|
|
78
|
+
r((s) => [...s, {
|
|
68
79
|
...e,
|
|
69
80
|
id: t
|
|
70
81
|
}]);
|
|
71
|
-
}, []),
|
|
72
|
-
r((t) => t.filter((
|
|
73
|
-
}, []), o =
|
|
82
|
+
}, []), l = d((e) => {
|
|
83
|
+
r((t) => t.filter((s, u) => u !== e));
|
|
84
|
+
}, []), o = P(() => ({
|
|
74
85
|
createNotification: c
|
|
75
86
|
}), [c]);
|
|
76
|
-
return /* @__PURE__ */ i.jsxs(
|
|
77
|
-
|
|
78
|
-
|
|
87
|
+
return /* @__PURE__ */ i.jsxs(C.Provider, { value: o, children: [
|
|
88
|
+
n,
|
|
89
|
+
f.map((e, t) => /* @__PURE__ */ i.jsx(H, { ...e, index: t, onDismiss: l }, e.id))
|
|
79
90
|
] });
|
|
80
91
|
}
|
|
81
92
|
export {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
93
|
+
A as NotificationProvider,
|
|
94
|
+
G as NotificationType,
|
|
95
|
+
H as default,
|
|
96
|
+
z as useCreateNotification
|
|
86
97
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),I=require("@kuma-ui/core"),a=require("react"),N=require("../theme.js"),b=require("../icons/icon.js"),j=require("./popover.js"),S=require("./atom.js"),w=require("./text.js"),y=require("./hover-gradient.js"),_=require("./click-ripples.js"),C=require("./separator.js"),K=require("./decorators.js"),k=new Set;function M(){const[e,n]=a.useState(!1),u=a.useCallback(s=>{n(s);for(const o of k)o(s)},[]);return a.useEffect(()=>{const s=o=>{n(o)};return k.add(s),()=>{k.delete(s)}},[]),a.useMemo(()=>({isKeyboardNavigating:e,setIsKeyboardNavigating:u}),[e,u])}function F({label:e,iconLeft:n,iconRight:u,href:s,shouldCloseOnClick:o=!0,decorators:v=[],submenu:m,className:i,onClick:r,...f}){const{isVisible:p,isPreparingFocus:l,isFocused:c,close:x}=j.usePopoverContext(),{isKeyboardNavigating:d}=M(),E=a.useRef(!0),R=a.useCallback(()=>{E.current=c},[c]),g=a.useCallback(q=>{!d&&!E.current||c&&(r==null||r(q),m?m.show():o&&(x==null||x()))},[d,c,r,m,o,x]),h=a.useMemo(()=>t.jsxRuntimeExports.jsxs(S.default,{as:s?"a":"button",...f,type:s?void 0:"button",role:"menuitem",href:s,inert:!p&&!l,disabled:s?void 0:!p&&!l,className:I.cx(N.buttonResetStyles,"kakadu-components-4075327442",c&&"kakadu-components-3160069815",d?"kakadu-components-2043829669":c&&"kakadu-components-2862719809",i),onClick:g,onPointerDownCapture:R,children:[t.jsxRuntimeExports.jsxs(w.Span,{className:"kakadu-components-1109353535",children:[n?t.jsxRuntimeExports.jsx(b.default,{width:12,height:12,type:n}):null,t.jsxRuntimeExports.jsx("span",{className:"kakadu-components-913703148",children:e}),u?t.jsxRuntimeExports.jsx(b.default,{width:12,height:12,type:u}):null]}),d?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(_.default,{isActive:c,size:100}),t.jsxRuntimeExports.jsx(y.default,{isActive:c,size:150,className:y.normalBlendStyles})]})]}),[s,f,p,l,d,i,g,R,n,e,u,c]);return t.jsxRuntimeExports.jsx(K.default,{decorators:v,children:m?t.jsxRuntimeExports.jsx(P,{menu:m.popoverMenu,className:"kakadu-components-1861176543",children:h}):h})}function A(e){if("type"in e){if(e.type==="separator")return t.jsxRuntimeExports.jsx(C.default,{});if(e.type==="group")return t.jsxRuntimeExports.jsx(w.Span,{className:"kakadu-components-1499037363",children:e.label})}return t.jsxRuntimeExports.jsx(F,{...e})}function D({items:e}){const{isFocused:n}=j.usePopoverContext(),[u,s]=a.useState([]),{setIsKeyboardNavigating:o}=M(),v=a.useCallback(i=>{i&&s(r=>r.includes(i)?r:[...r,i])},[]),m=a.useCallback(i=>{n&&(i.currentTarget.focus(),o(!1))},[n,o]);return a.useEffect(()=>{if(!n)return;const i=r=>{const f=u.filter(d=>d.isConnected),p=f.length;if(p===0)return;let l;const c=document.activeElement;let x=c?f.indexOf(c):-1;switch(x===-1&&(x=0),r.key){case"ArrowDown":{l=(x+1)%p;break}case"ArrowUp":{l=(x-1+p)%p;break}case"Home":{l=0;break}case"End":{l=p-1;break}case"Tab":{o(!0);return}}if(l!==void 0){r.preventDefault(),r.stopPropagation();const d=f[l];d&&(d.focus(),o(!0))}};return window.addEventListener("keydown",i,{capture:!0}),()=>{window.removeEventListener("keydown",i,{capture:!0})}},[n,u,o]),t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e.map((i,r)=>t.jsxRuntimeExports.jsx(A,{...i,reference:v,onMouseEnter:m},r))})}function T({items:e,...n}){return t.jsxRuntimeExports.jsx(j.default,{...n,as:"nav",role:"menu",innerClassName:"kakadu-components-3600436535",children:t.jsxRuntimeExports.jsx(D,{items:e})})}function z(e){const n=a.useMemo(()=>({items:e}),[e]),{show:u,close:s,popover:o}=j.usePopover(T,n);return a.useMemo(()=>({show:u,close:s,popoverMenu:o}),[u,s,o])}function P({menu:e,className:n,children:u}){return t.jsxRuntimeExports.jsxs(j.PopoverContainer,{className:n,children:[u,e]})}exports.default=P;exports.usePopoverMenu=z;
|
|
@@ -1,176 +1,177 @@
|
|
|
1
1
|
import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
-
import { cx as
|
|
3
|
-
import { useMemo as x, useState as b, useCallback as v, useEffect as I, useRef as
|
|
4
|
-
import { buttonResetStyles as
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { Span as
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
const
|
|
14
|
-
function
|
|
15
|
-
const [e, t] = b(!1),
|
|
2
|
+
import { cx as K } from "@kuma-ui/core";
|
|
3
|
+
import { useMemo as x, useState as b, useCallback as v, useEffect as I, useRef as A } from "react";
|
|
4
|
+
import { buttonResetStyles as C } from "../theme.mjs";
|
|
5
|
+
import P from "../icons/icon.mjs";
|
|
6
|
+
import D, { PopoverContainer as F, usePopover as H, usePopoverContext as N } from "./popover.mjs";
|
|
7
|
+
import R from "./atom.mjs";
|
|
8
|
+
import { Span as M } from "./text.mjs";
|
|
9
|
+
import z, { normalBlendStyles as L } from "./hover-gradient.mjs";
|
|
10
|
+
import T from "./click-ripples.mjs";
|
|
11
|
+
import V from "./separator.mjs";
|
|
12
|
+
import B from "./decorators.mjs";
|
|
13
|
+
const g = /* @__PURE__ */ new Set();
|
|
14
|
+
function E() {
|
|
15
|
+
const [e, t] = b(!1), a = v((o) => {
|
|
16
16
|
t(o);
|
|
17
|
-
for (const
|
|
18
|
-
|
|
17
|
+
for (const r of g)
|
|
18
|
+
r(o);
|
|
19
19
|
}, []);
|
|
20
20
|
return I(() => {
|
|
21
|
-
const o = (
|
|
22
|
-
t(
|
|
21
|
+
const o = (r) => {
|
|
22
|
+
t(r);
|
|
23
23
|
};
|
|
24
|
-
return
|
|
25
|
-
|
|
24
|
+
return g.add(o), () => {
|
|
25
|
+
g.delete(o);
|
|
26
26
|
};
|
|
27
27
|
}, []), x(() => ({
|
|
28
28
|
isKeyboardNavigating: e,
|
|
29
|
-
setIsKeyboardNavigating:
|
|
30
|
-
}), [e,
|
|
29
|
+
setIsKeyboardNavigating: a
|
|
30
|
+
}), [e, a]);
|
|
31
31
|
}
|
|
32
|
-
function
|
|
32
|
+
function G({
|
|
33
33
|
label: e,
|
|
34
34
|
iconLeft: t,
|
|
35
|
-
iconRight:
|
|
35
|
+
iconRight: a,
|
|
36
36
|
href: o,
|
|
37
|
-
shouldCloseOnClick:
|
|
37
|
+
shouldCloseOnClick: r = !0,
|
|
38
38
|
decorators: k = [],
|
|
39
|
-
submenu:
|
|
40
|
-
className:
|
|
41
|
-
onClick:
|
|
39
|
+
submenu: p,
|
|
40
|
+
className: i,
|
|
41
|
+
onClick: s,
|
|
42
42
|
...f
|
|
43
43
|
}) {
|
|
44
44
|
const {
|
|
45
|
-
isVisible:
|
|
46
|
-
|
|
45
|
+
isVisible: l,
|
|
46
|
+
isPreparingFocus: u,
|
|
47
|
+
isFocused: c,
|
|
47
48
|
close: m
|
|
48
|
-
} =
|
|
49
|
-
isKeyboardNavigating:
|
|
50
|
-
} =
|
|
51
|
-
|
|
52
|
-
}, [
|
|
53
|
-
!
|
|
54
|
-
}, [
|
|
55
|
-
/* @__PURE__ */ n.jsxs(
|
|
56
|
-
t ? /* @__PURE__ */ n.jsx(
|
|
49
|
+
} = N(), {
|
|
50
|
+
isKeyboardNavigating: d
|
|
51
|
+
} = E(), j = A(!0), h = v(() => {
|
|
52
|
+
j.current = c;
|
|
53
|
+
}, [c]), w = v((S) => {
|
|
54
|
+
!d && !j.current || c && (s == null || s(S), p ? p.show() : r && (m == null || m()));
|
|
55
|
+
}, [d, c, s, p, r, m]), y = x(() => /* @__PURE__ */ n.jsxs(R, { as: o ? "a" : "button", ...f, type: o ? void 0 : "button", role: "menuitem", href: o, inert: !l && !u, disabled: o ? void 0 : !l && !u, className: K(C, "kakadu-components-4075327442", c && "kakadu-components-3160069815", d ? "kakadu-components-2043829669" : c && "kakadu-components-2862719809", i), onClick: w, onPointerDownCapture: h, children: [
|
|
56
|
+
/* @__PURE__ */ n.jsxs(M, { className: "kakadu-components-1109353535", children: [
|
|
57
|
+
t ? /* @__PURE__ */ n.jsx(P, { width: 12, height: 12, type: t }) : null,
|
|
57
58
|
/* @__PURE__ */ n.jsx("span", { className: "kakadu-components-913703148", children: e }),
|
|
58
|
-
|
|
59
|
+
a ? /* @__PURE__ */ n.jsx(P, { width: 12, height: 12, type: a }) : null
|
|
59
60
|
] }),
|
|
60
|
-
|
|
61
|
-
/* @__PURE__ */ n.jsx(
|
|
62
|
-
/* @__PURE__ */ n.jsx(
|
|
61
|
+
d ? null : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
|
|
62
|
+
/* @__PURE__ */ n.jsx(T, { isActive: c, size: 100 }),
|
|
63
|
+
/* @__PURE__ */ n.jsx(z, { isActive: c, size: 150, className: L })
|
|
63
64
|
] })
|
|
64
|
-
] }), [o, f,
|
|
65
|
-
return /* @__PURE__ */ n.jsx(
|
|
65
|
+
] }), [o, f, l, u, d, i, w, h, t, e, a, c]);
|
|
66
|
+
return /* @__PURE__ */ n.jsx(B, { decorators: k, children: p ? /* @__PURE__ */ n.jsx(O, { menu: p.popoverMenu, className: "kakadu-components-1861176543", children: y }) : y });
|
|
66
67
|
}
|
|
67
|
-
function
|
|
68
|
+
function U(e) {
|
|
68
69
|
if ("type" in e) {
|
|
69
70
|
if (e.type === "separator")
|
|
70
|
-
return /* @__PURE__ */ n.jsx(
|
|
71
|
+
return /* @__PURE__ */ n.jsx(V, {});
|
|
71
72
|
if (e.type === "group")
|
|
72
|
-
return /* @__PURE__ */ n.jsx(
|
|
73
|
+
return /* @__PURE__ */ n.jsx(M, { className: "kakadu-components-1499037363", children: e.label });
|
|
73
74
|
}
|
|
74
|
-
return /* @__PURE__ */ n.jsx(
|
|
75
|
+
return /* @__PURE__ */ n.jsx(G, { ...e });
|
|
75
76
|
}
|
|
76
|
-
function
|
|
77
|
+
function q({
|
|
77
78
|
items: e
|
|
78
79
|
}) {
|
|
79
80
|
const {
|
|
80
81
|
isFocused: t
|
|
81
|
-
} =
|
|
82
|
-
setIsKeyboardNavigating:
|
|
83
|
-
} =
|
|
84
|
-
|
|
85
|
-
}, []),
|
|
86
|
-
t && (
|
|
87
|
-
}, [t,
|
|
82
|
+
} = N(), [a, o] = b([]), {
|
|
83
|
+
setIsKeyboardNavigating: r
|
|
84
|
+
} = E(), k = v((i) => {
|
|
85
|
+
i && o((s) => s.includes(i) ? s : [...s, i]);
|
|
86
|
+
}, []), p = v((i) => {
|
|
87
|
+
t && (i.currentTarget.focus(), r(!1));
|
|
88
|
+
}, [t, r]);
|
|
88
89
|
return I(() => {
|
|
89
90
|
if (!t)
|
|
90
91
|
return;
|
|
91
|
-
const
|
|
92
|
-
const f =
|
|
93
|
-
if (
|
|
92
|
+
const i = (s) => {
|
|
93
|
+
const f = a.filter((d) => d.isConnected), l = f.length;
|
|
94
|
+
if (l === 0)
|
|
94
95
|
return;
|
|
95
|
-
let
|
|
96
|
-
const
|
|
97
|
-
let
|
|
98
|
-
switch (
|
|
96
|
+
let u;
|
|
97
|
+
const c = document.activeElement;
|
|
98
|
+
let m = c ? f.indexOf(c) : -1;
|
|
99
|
+
switch (m === -1 && (m = 0), s.key) {
|
|
99
100
|
case "ArrowDown": {
|
|
100
|
-
|
|
101
|
+
u = (m + 1) % l;
|
|
101
102
|
break;
|
|
102
103
|
}
|
|
103
104
|
case "ArrowUp": {
|
|
104
|
-
|
|
105
|
+
u = (m - 1 + l) % l;
|
|
105
106
|
break;
|
|
106
107
|
}
|
|
107
108
|
case "Home": {
|
|
108
|
-
|
|
109
|
+
u = 0;
|
|
109
110
|
break;
|
|
110
111
|
}
|
|
111
112
|
case "End": {
|
|
112
|
-
|
|
113
|
+
u = l - 1;
|
|
113
114
|
break;
|
|
114
115
|
}
|
|
115
116
|
case "Tab": {
|
|
116
|
-
|
|
117
|
+
r(!0);
|
|
117
118
|
return;
|
|
118
119
|
}
|
|
119
120
|
}
|
|
120
|
-
if (
|
|
121
|
-
|
|
122
|
-
const
|
|
123
|
-
|
|
121
|
+
if (u !== void 0) {
|
|
122
|
+
s.preventDefault(), s.stopPropagation();
|
|
123
|
+
const d = f[u];
|
|
124
|
+
d && (d.focus(), r(!0));
|
|
124
125
|
}
|
|
125
126
|
};
|
|
126
|
-
return window.addEventListener("keydown",
|
|
127
|
+
return window.addEventListener("keydown", i, {
|
|
127
128
|
capture: !0
|
|
128
129
|
}), () => {
|
|
129
|
-
window.removeEventListener("keydown",
|
|
130
|
+
window.removeEventListener("keydown", i, {
|
|
130
131
|
capture: !0
|
|
131
132
|
});
|
|
132
133
|
};
|
|
133
|
-
}, [t,
|
|
134
|
-
|
|
134
|
+
}, [t, a, r]), /* @__PURE__ */ n.jsx(n.Fragment, { children: e.map((i, s) => /* @__PURE__ */ n.jsx(
|
|
135
|
+
U,
|
|
135
136
|
{
|
|
136
|
-
...
|
|
137
|
+
...i,
|
|
137
138
|
reference: k,
|
|
138
|
-
onMouseEnter:
|
|
139
|
+
onMouseEnter: p
|
|
139
140
|
},
|
|
140
|
-
|
|
141
|
+
s
|
|
141
142
|
)) });
|
|
142
143
|
}
|
|
143
|
-
function
|
|
144
|
+
function J({
|
|
144
145
|
items: e,
|
|
145
146
|
...t
|
|
146
147
|
}) {
|
|
147
|
-
return /* @__PURE__ */ n.jsx(
|
|
148
|
+
return /* @__PURE__ */ n.jsx(D, { ...t, as: "nav", role: "menu", innerClassName: "kakadu-components-3600436535", children: /* @__PURE__ */ n.jsx(q, { items: e }) });
|
|
148
149
|
}
|
|
149
|
-
function
|
|
150
|
+
function se(e) {
|
|
150
151
|
const t = x(() => ({
|
|
151
152
|
items: e
|
|
152
153
|
}), [e]), {
|
|
153
|
-
show:
|
|
154
|
+
show: a,
|
|
154
155
|
close: o,
|
|
155
|
-
popover:
|
|
156
|
-
} =
|
|
156
|
+
popover: r
|
|
157
|
+
} = H(J, t);
|
|
157
158
|
return x(() => ({
|
|
158
|
-
show:
|
|
159
|
+
show: a,
|
|
159
160
|
close: o,
|
|
160
|
-
popoverMenu:
|
|
161
|
-
}), [
|
|
161
|
+
popoverMenu: r
|
|
162
|
+
}), [a, o, r]);
|
|
162
163
|
}
|
|
163
|
-
function
|
|
164
|
+
function O({
|
|
164
165
|
menu: e,
|
|
165
166
|
className: t,
|
|
166
|
-
children:
|
|
167
|
+
children: a
|
|
167
168
|
}) {
|
|
168
|
-
return /* @__PURE__ */ n.jsxs(
|
|
169
|
-
|
|
169
|
+
return /* @__PURE__ */ n.jsxs(F, { className: t, children: [
|
|
170
|
+
a,
|
|
170
171
|
e
|
|
171
172
|
] });
|
|
172
173
|
}
|
|
173
174
|
export {
|
|
174
|
-
|
|
175
|
-
|
|
175
|
+
O as default,
|
|
176
|
+
se as usePopoverMenu
|
|
176
177
|
};
|
|
@@ -3,6 +3,7 @@ import { type AtomElementType, type AtomProperties, type DefaultAtomElementType
|
|
|
3
3
|
type InitialFocusElement = HTMLElement | null;
|
|
4
4
|
type PopoverProviderProperties<Data = any> = {
|
|
5
5
|
isVisible: boolean;
|
|
6
|
+
isPreparingFocus: boolean;
|
|
6
7
|
isFocused: boolean;
|
|
7
8
|
setInitialFocus?: (initialFocus?: InitialFocusElement) => void;
|
|
8
9
|
close?: (data?: Data) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),f=require("@kuma-ui/core"),e=require("react"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),f=require("@kuma-ui/core"),e=require("react"),K=require("../focus-trap-react-CcpTuiJi.js"),w=require("./atom.js"),$=e.createContext({isVisible:!1,isPreparingFocus:!1,isFocused:!1}),{Provider:Q}=$;function X(){return e.useContext($)}function Y({as:i,className:s,...o}){return n.jsxRuntimeExports.jsx(w.default,{as:i??w.defaultAtomElementType,...o,className:f.cx("kakadu-components-2845019685",s)})}function Z({as:i,isVisible:s,label:o,shouldCloseOnOutsideClick:d=!0,shouldCloseOnEscapePress:a=!0,children:p,className:u,innerClassName:x,onClose:r,...v}){const I=e.useRef(null),S=e.useRef(null),[q,h]=e.useState(!1),[A,k]=e.useState(!1),[C,H]=e.useState(!1),[c,g]=e.useState(!1),[U,j]=e.useState(!1),M=e.useCallback(t=>{I.current=t,g(!1)},[]),E=e.useRef(null),N=e.useCallback(t=>{t&&(E.current=t)},[]),G=e.useMemo(()=>({initialFocus:()=>E.current??void 0,onPostActivate(){var t;k(!0),h(!1),(t=E.current)==null||t.focus()},clickOutsideDeactivates:d,escapeDeactivates:a,onPostUnpause(){k(!0)},onPause(){k(!1)},onDeactivate(){j(!1),g(!1),k(!1)}}),[d,a]),[L,O]=e.useState(s??!1),J=e.useMemo(()=>({isVisible:L,isPreparingFocus:q,isFocused:A,setInitialFocus:N,close:M}),[L,q,A,N,M]),[l,y]=e.useState("center");return e.useEffect(()=>{const t=S.current;if(t){const P=()=>{const D=t.offsetParent,F=D instanceof HTMLElement?D.getBoundingClientRect():null,V=t.getBoundingClientRect();if(!F){y("center");return}const T=16,_=window.innerWidth-T,b=F.left+F.width/2-V.width/2,z=b+V.width,B=b<T,W=z>_;let m="center";if(B&&W){const R=T-b;m=z-_>R?"right":"left"}else W?m="right":B&&(m="left");y(R=>R===m?R:m)};return P(),window.addEventListener("resize",P),()=>{window.removeEventListener("resize",P)}}},[]),e.useEffect(()=>{s&&(H(!0),O(!0))},[s]),e.useEffect(()=>{if(s){const t=setTimeout(()=>{g(!0)},100);return()=>{clearTimeout(t)}}g(!1)},[s]),e.useEffect(()=>{if(!c){j(!1),h(!1);return}h(!0);const t=window.requestAnimationFrame(()=>{j(!0)});return()=>{window.cancelAnimationFrame(t)}},[c]),e.useEffect(()=>{if(C&&!c){const t=setTimeout(()=>{r==null||r(I.current??void 0),O(!1)},370);return()=>{clearTimeout(t)}}},[C,c,r]),n.jsxRuntimeExports.jsx(w.default,{reference:S,as:i??w.defaultAtomElementType,role:"dialog","aria-hidden":!c,"aria-label":o??"Popover",...v,className:f.cx("kakadu-components-3920007758",l==="left"&&"kakadu-components-611400930",l==="right"&&"kakadu-components-944244368",c&&"kakadu-components-1399012551",u),children:n.jsxRuntimeExports.jsxs("div",{className:f.cx("kakadu-components-1118152266",c&&"kakadu-components-231244945"),children:[n.jsxRuntimeExports.jsx("div",{className:f.cx("kakadu-components-1951789226",l==="left"&&"kakadu-components-1495725644",l==="right"&&"kakadu-components-4235689197")}),n.jsxRuntimeExports.jsx(K.focusTrapReactExports.FocusTrap,{active:U,focusTrapOptions:G,children:n.jsxRuntimeExports.jsxs("div",{className:f.cx("kakadu-components-2488426662",x),children:[n.jsxRuntimeExports.jsx(Q,{value:J,children:p}),n.jsxRuntimeExports.jsx("div",{className:f.cx("kakadu-components-3252390100",l==="left"&&"kakadu-components-3754561431",l==="right"&&"kakadu-components-2265262600")})]})})]})})}function ee(i,s){const[o,d]=e.useState(!1),a=e.useRef(void 0),p=e.useCallback(async()=>(d(!0),new Promise(r=>{a.current=r})),[]),u=e.useCallback(r=>{var v;d(!1),(v=a.current)==null||v.call(a,r),a.current=void 0},[]),x=e.useMemo(()=>n.jsxRuntimeExports.jsx(i,{...s,isVisible:o,onClose:u}),[i,s,o,u]);return e.useMemo(()=>({isVisible:o,show:p,close:u,popover:x}),[o,p,u,x])}exports.PopoverContainer=Y;exports.default=Z;exports.usePopover=ee;exports.usePopoverContext=X;
|
|
@@ -1,130 +1,144 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { cx as
|
|
3
|
-
import { createContext as
|
|
4
|
-
import { f as
|
|
5
|
-
import
|
|
6
|
-
const
|
|
1
|
+
import { j as s } from "../jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
+
import { cx as f } from "@kuma-ui/core";
|
|
3
|
+
import { createContext as ee, useRef as F, useState as r, useCallback as P, useMemo as j, useEffect as p, useContext as te } from "react";
|
|
4
|
+
import { f as se } from "../focus-trap-react-DYXrtbDH.mjs";
|
|
5
|
+
import K, { defaultAtomElementType as Q } from "./atom.mjs";
|
|
6
|
+
const X = ee({
|
|
7
7
|
isVisible: !1,
|
|
8
|
+
isPreparingFocus: !1,
|
|
8
9
|
isFocused: !1
|
|
9
10
|
}), {
|
|
10
|
-
Provider:
|
|
11
|
-
} =
|
|
12
|
-
function
|
|
13
|
-
return
|
|
11
|
+
Provider: ne
|
|
12
|
+
} = X;
|
|
13
|
+
function le() {
|
|
14
|
+
return te(X);
|
|
14
15
|
}
|
|
15
|
-
function
|
|
16
|
-
as:
|
|
16
|
+
function fe({
|
|
17
|
+
as: i,
|
|
17
18
|
className: t,
|
|
18
|
-
...
|
|
19
|
+
...n
|
|
19
20
|
}) {
|
|
20
|
-
return /* @__PURE__ */
|
|
21
|
+
return /* @__PURE__ */ s.jsx(K, { as: i ?? Q, ...n, className: f("kakadu-components-2845019685", t) });
|
|
21
22
|
}
|
|
22
|
-
function
|
|
23
|
-
as:
|
|
23
|
+
function de({
|
|
24
|
+
as: i,
|
|
24
25
|
isVisible: t,
|
|
25
|
-
label:
|
|
26
|
-
shouldCloseOnOutsideClick:
|
|
26
|
+
label: n,
|
|
27
|
+
shouldCloseOnOutsideClick: d = !0,
|
|
27
28
|
shouldCloseOnEscapePress: o = !0,
|
|
28
|
-
children:
|
|
29
|
-
className:
|
|
29
|
+
children: v,
|
|
30
|
+
className: u,
|
|
30
31
|
innerClassName: k,
|
|
31
32
|
onClose: a,
|
|
32
|
-
...
|
|
33
|
+
...w
|
|
33
34
|
}) {
|
|
34
|
-
const
|
|
35
|
-
|
|
36
|
-
}, []),
|
|
37
|
-
e && (
|
|
38
|
-
}, []),
|
|
39
|
-
initialFocus: () =>
|
|
35
|
+
const L = F(null), D = F(null), [O, T] = r(!1), [V, g] = r(!1), [y, Y] = r(!1), [c, h] = r(!1), [Z, I] = r(!1), z = P((e) => {
|
|
36
|
+
L.current = e, h(!1);
|
|
37
|
+
}, []), R = F(null), B = P((e) => {
|
|
38
|
+
e && (R.current = e);
|
|
39
|
+
}, []), _ = j(() => ({
|
|
40
|
+
initialFocus: () => R.current ?? void 0,
|
|
40
41
|
onPostActivate() {
|
|
41
42
|
var e;
|
|
42
|
-
|
|
43
|
+
g(!0), T(!1), (e = R.current) == null || e.focus();
|
|
43
44
|
},
|
|
44
|
-
clickOutsideDeactivates:
|
|
45
|
+
clickOutsideDeactivates: d,
|
|
45
46
|
escapeDeactivates: o,
|
|
46
47
|
onPostUnpause() {
|
|
47
|
-
|
|
48
|
+
g(!0);
|
|
48
49
|
},
|
|
49
50
|
onPause() {
|
|
50
|
-
|
|
51
|
+
g(!1);
|
|
51
52
|
},
|
|
52
53
|
onDeactivate() {
|
|
53
|
-
|
|
54
|
+
I(!1), h(!1), g(!1);
|
|
54
55
|
}
|
|
55
|
-
}), [
|
|
56
|
-
isVisible:
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
56
|
+
}), [d, o]), [C, M] = r(t ?? !1), $ = j(() => ({
|
|
57
|
+
isVisible: C,
|
|
58
|
+
isPreparingFocus: O,
|
|
59
|
+
isFocused: V,
|
|
60
|
+
setInitialFocus: B,
|
|
61
|
+
close: z
|
|
62
|
+
}), [C, O, V, B, z]), [l, W] = r("center");
|
|
63
|
+
return p(() => {
|
|
64
|
+
const e = D.current;
|
|
63
65
|
if (e) {
|
|
64
|
-
const
|
|
65
|
-
const
|
|
66
|
-
if (!
|
|
67
|
-
|
|
66
|
+
const A = () => {
|
|
67
|
+
const q = e.offsetParent, b = q instanceof HTMLElement ? q.getBoundingClientRect() : null, H = e.getBoundingClientRect();
|
|
68
|
+
if (!b) {
|
|
69
|
+
W("center");
|
|
68
70
|
return;
|
|
69
71
|
}
|
|
70
|
-
const
|
|
72
|
+
const E = 16, S = window.innerWidth - E, N = b.left + b.width / 2 - H.width / 2, U = N + H.width, G = N < E, J = U > S;
|
|
71
73
|
let m = "center";
|
|
72
|
-
if (
|
|
73
|
-
const
|
|
74
|
-
m =
|
|
75
|
-
} else
|
|
76
|
-
|
|
74
|
+
if (G && J) {
|
|
75
|
+
const x = E - N;
|
|
76
|
+
m = U - S > x ? "right" : "left";
|
|
77
|
+
} else J ? m = "right" : G && (m = "left");
|
|
78
|
+
W((x) => x === m ? x : m);
|
|
77
79
|
};
|
|
78
|
-
return
|
|
79
|
-
window.removeEventListener("resize",
|
|
80
|
+
return A(), window.addEventListener("resize", A), () => {
|
|
81
|
+
window.removeEventListener("resize", A);
|
|
80
82
|
};
|
|
81
83
|
}
|
|
82
|
-
}, []),
|
|
83
|
-
t && (
|
|
84
|
-
}, [t]),
|
|
84
|
+
}, []), p(() => {
|
|
85
|
+
t && (Y(!0), M(!0));
|
|
86
|
+
}, [t]), p(() => {
|
|
85
87
|
if (t) {
|
|
86
88
|
const e = setTimeout(() => {
|
|
87
|
-
|
|
89
|
+
h(!0);
|
|
88
90
|
}, 100);
|
|
89
91
|
return () => {
|
|
90
92
|
clearTimeout(e);
|
|
91
93
|
};
|
|
92
94
|
}
|
|
93
|
-
|
|
94
|
-
}, [t]),
|
|
95
|
-
if (
|
|
95
|
+
h(!1);
|
|
96
|
+
}, [t]), p(() => {
|
|
97
|
+
if (!c) {
|
|
98
|
+
I(!1), T(!1);
|
|
99
|
+
return;
|
|
100
|
+
}
|
|
101
|
+
T(!0);
|
|
102
|
+
const e = window.requestAnimationFrame(() => {
|
|
103
|
+
I(!0);
|
|
104
|
+
});
|
|
105
|
+
return () => {
|
|
106
|
+
window.cancelAnimationFrame(e);
|
|
107
|
+
};
|
|
108
|
+
}, [c]), p(() => {
|
|
109
|
+
if (y && !c) {
|
|
96
110
|
const e = setTimeout(() => {
|
|
97
|
-
a == null || a(
|
|
111
|
+
a == null || a(L.current ?? void 0), M(!1);
|
|
98
112
|
}, 370);
|
|
99
113
|
return () => {
|
|
100
114
|
clearTimeout(e);
|
|
101
115
|
};
|
|
102
116
|
}
|
|
103
|
-
}, [
|
|
104
|
-
/* @__PURE__ */
|
|
105
|
-
/* @__PURE__ */
|
|
106
|
-
/* @__PURE__ */
|
|
107
|
-
/* @__PURE__ */
|
|
117
|
+
}, [y, c, a]), /* @__PURE__ */ s.jsx(K, { reference: D, as: i ?? Q, role: "dialog", "aria-hidden": !c, "aria-label": n ?? "Popover", ...w, className: f("kakadu-components-3920007758", l === "left" && "kakadu-components-611400930", l === "right" && "kakadu-components-944244368", c && "kakadu-components-1399012551", u), children: /* @__PURE__ */ s.jsxs("div", { className: f("kakadu-components-1118152266", c && "kakadu-components-231244945"), children: [
|
|
118
|
+
/* @__PURE__ */ s.jsx("div", { className: f("kakadu-components-1951789226", l === "left" && "kakadu-components-1495725644", l === "right" && "kakadu-components-4235689197") }),
|
|
119
|
+
/* @__PURE__ */ s.jsx(se.FocusTrap, { active: Z, focusTrapOptions: _, children: /* @__PURE__ */ s.jsxs("div", { className: f("kakadu-components-2488426662", k), children: [
|
|
120
|
+
/* @__PURE__ */ s.jsx(ne, { value: $, children: v }),
|
|
121
|
+
/* @__PURE__ */ s.jsx("div", { className: f("kakadu-components-3252390100", l === "left" && "kakadu-components-3754561431", l === "right" && "kakadu-components-2265262600") })
|
|
108
122
|
] }) })
|
|
109
123
|
] }) });
|
|
110
124
|
}
|
|
111
|
-
function
|
|
112
|
-
const [
|
|
125
|
+
function me(i, t) {
|
|
126
|
+
const [n, d] = r(!1), o = F(void 0), v = P(async () => (d(!0), new Promise((a) => {
|
|
113
127
|
o.current = a;
|
|
114
|
-
})), []),
|
|
115
|
-
var
|
|
116
|
-
|
|
117
|
-
}, []), k =
|
|
118
|
-
return
|
|
119
|
-
isVisible:
|
|
120
|
-
show:
|
|
121
|
-
close:
|
|
128
|
+
})), []), u = P((a) => {
|
|
129
|
+
var w;
|
|
130
|
+
d(!1), (w = o.current) == null || w.call(o, a), o.current = void 0;
|
|
131
|
+
}, []), k = j(() => /* @__PURE__ */ s.jsx(i, { ...t, isVisible: n, onClose: u }), [i, t, n, u]);
|
|
132
|
+
return j(() => ({
|
|
133
|
+
isVisible: n,
|
|
134
|
+
show: v,
|
|
135
|
+
close: u,
|
|
122
136
|
popover: k
|
|
123
|
-
}), [
|
|
137
|
+
}), [n, v, u, k]);
|
|
124
138
|
}
|
|
125
139
|
export {
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
140
|
+
fe as PopoverContainer,
|
|
141
|
+
de as default,
|
|
142
|
+
me as usePopover,
|
|
143
|
+
le as usePopoverContext
|
|
130
144
|
};
|
|
@@ -10,6 +10,7 @@ type BaseTextButtonProperties = Omit<HTMLProps<HTMLButtonElement>, 'children'> &
|
|
|
10
10
|
readonly variant?: TextButtonVariant;
|
|
11
11
|
readonly tooltip?: string;
|
|
12
12
|
readonly tooltipPosition?: ButtonTooltipPosition;
|
|
13
|
+
readonly hasUnderline?: boolean;
|
|
13
14
|
readonly isSkeleton?: boolean;
|
|
14
15
|
readonly isSkeletonAnimated?: boolean;
|
|
15
16
|
};
|
|
@@ -20,5 +21,5 @@ export type TextButtonProperties = BaseTextButtonProperties & ({
|
|
|
20
21
|
children?: never;
|
|
21
22
|
label: string;
|
|
22
23
|
});
|
|
23
|
-
export default function TextButton({ iconLeft, iconRight, variant, tooltip, tooltipPosition, href, target, rel, disabled, isSkeleton, isSkeletonAnimated, className, children, label, ...properties }: TextButtonProperties): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export default function TextButton({ iconLeft, iconRight, variant, tooltip, tooltipPosition, href, target, rel, disabled, hasUnderline, isSkeleton, isSkeletonAnimated, className, children, label, ...properties }: TextButtonProperties): import("react/jsx-runtime").JSX.Element;
|
|
24
25
|
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"),a=require("@kuma-ui/core"),i=require("../icons/icon.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"),a=require("@kuma-ui/core"),i=require("../icons/icon.js"),m=require("./flex.js"),B=require("./text.js"),f=require("./click-ripples.js"),c=require("./hover-gradient.js"),b=require("./button-tooltip.js"),N=require("./aria-text.js"),g=require("./atom.js"),w=require("./skeleton.js");var d=(t=>(t.primary="primary",t.delete="delete",t))(d||{});const S="kakadu-components-4017654514";function T({iconLeft:t,iconRight:n,variant:p="primary",tooltip:r,tooltipPosition:j,href:x,target:k,rel:E,disabled:v,hasUnderline:R=!0,isSkeleton:u,isSkeletonAnimated:y=!0,className:q,children:s,label:_,...h}){const l=!!v||!!u,o=x&&!u;return e.jsxRuntimeExports.jsxs("div",{className:a.cx("kakadu-components-1400843519",s&&(t||n)?a.cx(!!t&&"kakadu-components-497190725",!!n&&"kakadu-components-3729381008"):"kakadu-components-3866032606"),children:[e.jsxRuntimeExports.jsxs(g.default,{...h,as:o?"a":"button",type:o?void 0:"button",href:o?x:void 0,target:o?k:void 0,rel:o?E:void 0,disabled:o?void 0:l,className:a.cx(B.textShadowStyles,"kakadu-components-2081390622",p==="delete"&&S,u&&"kakadu-components-2662775151",q),children:[e.jsxRuntimeExports.jsxs(m.default,{direction:"row",gap:.5,alignment:m.FlexAlignment.center,children:[t?e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-743909038",s?"kakadu-components-1285017646":"kakadu-components-1475172827"),children:typeof t=="string"?e.jsxRuntimeExports.jsx(i.default,{width:14,height:14,type:t}):t}):null,s?e.jsxRuntimeExports.jsx("span",{className:a.cx("kakadu-components-743909038",R&&"kakadu-components-2703794515"),children:s}):e.jsxRuntimeExports.jsx(N.default,{children:_}),n?e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-743909038",s?"kakadu-components-2421728947":"kakadu-components-1475172827"),children:typeof n=="string"?e.jsxRuntimeExports.jsx(i.default,{width:14,height:14,type:n}):n}):null]}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-1970948853",children:[l?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(f.default,{size:s?void 0:50}),e.jsxRuntimeExports.jsx(c.default,{size:s?void 0:50,className:c.normalBlendStyles})]}),r?e.jsxRuntimeExports.jsx(b.default,{label:r,position:j}):null]})]}),u?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-1970948853",children:e.jsxRuntimeExports.jsx(w.SkeletonInstance,{width:"100%",height:"100%",isAnimated:y})}):null]})}exports.TextButtonVariant=d;exports.default=T;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
|
|
2
2
|
import { cx as n } from "@kuma-ui/core";
|
|
3
3
|
import p from "../icons/icon.mjs";
|
|
4
|
-
import
|
|
5
|
-
import { textShadowStyles as
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import { SkeletonInstance as
|
|
12
|
-
var
|
|
13
|
-
const
|
|
14
|
-
function
|
|
4
|
+
import h, { FlexAlignment as N } from "./flex.mjs";
|
|
5
|
+
import { textShadowStyles as b } from "./text.mjs";
|
|
6
|
+
import g from "./click-ripples.mjs";
|
|
7
|
+
import w, { normalBlendStyles as A } from "./hover-gradient.mjs";
|
|
8
|
+
import F from "./button-tooltip.mjs";
|
|
9
|
+
import z from "./aria-text.mjs";
|
|
10
|
+
import C from "./atom.mjs";
|
|
11
|
+
import { SkeletonInstance as D } from "./skeleton.mjs";
|
|
12
|
+
var I = /* @__PURE__ */ ((e) => (e.primary = "primary", e.delete = "delete", e))(I || {});
|
|
13
|
+
const S = "kakadu-components-4017654514";
|
|
14
|
+
function U({
|
|
15
15
|
iconLeft: e,
|
|
16
16
|
iconRight: s,
|
|
17
17
|
variant: i = "primary",
|
|
@@ -21,33 +21,34 @@ function Q({
|
|
|
21
21
|
target: k,
|
|
22
22
|
rel: c,
|
|
23
23
|
disabled: x,
|
|
24
|
+
hasUnderline: j = !0,
|
|
24
25
|
isSkeleton: m,
|
|
25
|
-
isSkeletonAnimated:
|
|
26
|
-
className:
|
|
26
|
+
isSkeletonAnimated: v = !0,
|
|
27
|
+
className: y,
|
|
27
28
|
children: a,
|
|
28
|
-
label:
|
|
29
|
-
...
|
|
29
|
+
label: f,
|
|
30
|
+
...B
|
|
30
31
|
}) {
|
|
31
32
|
const d = !!x || !!m, t = l && !m;
|
|
32
33
|
return /* @__PURE__ */ o.jsxs("div", { className: n("kakadu-components-1400843519", a && (e || s) ? n(!!e && "kakadu-components-497190725", !!s && "kakadu-components-3729381008") : "kakadu-components-3866032606"), children: [
|
|
33
|
-
/* @__PURE__ */ o.jsxs(
|
|
34
|
-
/* @__PURE__ */ o.jsxs(
|
|
34
|
+
/* @__PURE__ */ o.jsxs(C, { ...B, as: t ? "a" : "button", type: t ? void 0 : "button", href: t ? l : void 0, target: t ? k : void 0, rel: t ? c : void 0, disabled: t ? void 0 : d, className: n(b, "kakadu-components-2081390622", i === "delete" && S, m && "kakadu-components-2662775151", y), children: [
|
|
35
|
+
/* @__PURE__ */ o.jsxs(h, { direction: "row", gap: 0.5, alignment: N.center, children: [
|
|
35
36
|
e ? /* @__PURE__ */ o.jsx("div", { className: n("kakadu-components-743909038", a ? "kakadu-components-1285017646" : "kakadu-components-1475172827"), children: typeof e == "string" ? /* @__PURE__ */ o.jsx(p, { width: 14, height: 14, type: e }) : e }) : null,
|
|
36
|
-
a ? /* @__PURE__ */ o.jsx("span", { className: "kakadu-components-
|
|
37
|
+
a ? /* @__PURE__ */ o.jsx("span", { className: n("kakadu-components-743909038", j && "kakadu-components-2703794515"), children: a }) : /* @__PURE__ */ o.jsx(z, { children: f }),
|
|
37
38
|
s ? /* @__PURE__ */ o.jsx("div", { className: n("kakadu-components-743909038", a ? "kakadu-components-2421728947" : "kakadu-components-1475172827"), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(p, { width: 14, height: 14, type: s }) : s }) : null
|
|
38
39
|
] }),
|
|
39
40
|
/* @__PURE__ */ o.jsxs("span", { className: "kakadu-components-1970948853", children: [
|
|
40
41
|
d ? null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
|
|
41
|
-
/* @__PURE__ */ o.jsx(
|
|
42
|
-
/* @__PURE__ */ o.jsx(
|
|
42
|
+
/* @__PURE__ */ o.jsx(g, { size: a ? void 0 : 50 }),
|
|
43
|
+
/* @__PURE__ */ o.jsx(w, { size: a ? void 0 : 50, className: A })
|
|
43
44
|
] }),
|
|
44
|
-
r ? /* @__PURE__ */ o.jsx(
|
|
45
|
+
r ? /* @__PURE__ */ o.jsx(F, { label: r, position: u }) : null
|
|
45
46
|
] })
|
|
46
47
|
] }),
|
|
47
|
-
m ? /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-1970948853", children: /* @__PURE__ */ o.jsx(
|
|
48
|
+
m ? /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-1970948853", children: /* @__PURE__ */ o.jsx(D, { width: "100%", height: "100%", isAnimated: v }) }) : null
|
|
48
49
|
] });
|
|
49
50
|
}
|
|
50
51
|
export {
|
|
51
|
-
|
|
52
|
-
|
|
52
|
+
I as TextButtonVariant,
|
|
53
|
+
U as default
|
|
53
54
|
};
|
package/build/components.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.kakadu-components-2488488228{--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;--notification-z-index:424244;--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-2488488228,.kakadu-components-2488488228[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-2488488228{--scale-multiplier:.7}}@media(min-width:580px){.kakadu-components-2488488228{--scale-multiplier:.8;--page-padding:var(--double-gap)}}@media(min-width:860px){.kakadu-components-2488488228{--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-762885873{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)}}@media(prefers-reduced-motion:reduce){.kakadu-components-762885873{animation:loading-spinner 3s linear infinite}}.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-4131181690{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity);mix-blend-mode:overlay}@media(prefers-reduced-motion:reduce){.kakadu-components-4131181690{display:none}}.kakadu-components-3366903902{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-3366903902{--color:#fff;--opacity:.05;mix-blend-mode:plus-lighter}@media(prefers-reduced-motion:reduce){.kakadu-components-3366903902{display:none}}.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-3316581213{background:#fff;font-family:var(--font-family);font-size:var(--12px);font-weight:500;padding:4px 7px 3px;border-radius:5px;color:#000;display:inline-block;position:relative;z-index:2;--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]) :is(a,button) .kakadu-components-3316581213{background:#141419;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-3316581213: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]) :is(a,button) .kakadu-components-3316581213:after{background:#131314;--box-shadow-color:rgb(80, 80, 80);--outer-box-shadow-color:rgba(0, 0, 0, .3)}:is(a,button):focus-visible .kakadu-components-3316581213{transform:translateZ(0) scale(1);opacity:1;transition:transform .1s,opacity .1s}@media(hover:hover){.kakadu-components-3316581213{transition:transform .1s,opacity .1s}:is(a,button):hover .kakadu-components-3316581213{transform:translateZ(0) scale(1);opacity:1;transition:transform .3s .2s,opacity .3s .2s}}.kakadu-components-2481216458:after{top:calc(100% - 5px)}.kakadu-components-637471806{--box-direction-y:-1}.kakadu-components-637471806:after{bottom:calc(100% - 5px)}.kakadu-components-4254676273{--background-size:300px;--background-negative-size:calc(var(--background-size) * -1);--highlight-color:255,255,255;--internal-border-radius:var(--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(--internal-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-574297718{--opacity:.3}.kakadu-components-574297718: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(--internal-border-radius)}@media(prefers-reduced-motion:reduce){.kakadu-components-574297718:before{animation:none;will-change:none}}.kakadu-components-3140855657{vertical-align:middle}.kakadu-components-2832510379{--internal-loader-offset:var(--loader-offset, 2px);position:absolute;top:var(--internal-loader-offset);right:var(--internal-loader-offset);bottom:var(--internal-loader-offset);left:var(--internal-loader-offset);width:calc(100% - var(--internal-loader-offset) * 2);height:calc(100% - var(--internal-loader-offset) * 2);opacity:0;transition:opacity .1s;border-radius:var(--border-radius);pointer-events:none;z-index:3}.kakadu-components-4114685569{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:1}.kakadu-components-920467642{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%);display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius);position:absolute;top:0;right:0;bottom:var(--loader-instance-offset-bottom, 0px);left:0}.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-3559664923{position:relative;display:flex}.kakadu-components-3709284365{--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;flex:1;align-items:center;justify-content:center;position:relative;transition:background-color .37s,box-shadow .37s,transform .37s}.kakadu-components-3709284365:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}.kakadu-components-3709284365[disabled]{cursor:not-allowed;opacity:.8}@media(hover:hover){.kakadu-components-3709284365:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;text-decoration:underline}.kakadu-components-3709284365:before{transition-duration:.1s}}.kakadu-components-2735110382{text-align:left}.kakadu-components-3621693630{padding-left:12px;padding-right:12px}.kakadu-components-136489413{padding-right:2px;left:-4px}.kakadu-components-207477259{position:relative;z-index:2;text-shadow:0 0 2px var(--text-shadow-color),0 1px 0 var(--text-shadow-hard-color)}.kakadu-components-3631501803{padding-left:2px;right:-4px}.kakadu-components-2055737617{border-radius:var(--border-radius)}.kakadu-components-2972748387.kakadu-components-2972748387{mix-blend-mode:hard-light;opacity:.05}.kakadu-components-1226008615.kakadu-components-1226008615{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-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-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-1437359321{text-wrap:pretty}.kakadu-components-1437359321 :is(h1,h2,h3,h4,h5,h6):is(h1){font-size:var(--32px)}.kakadu-components-1437359321 :is(h1,h2,h3,h4,h5,h6):is(h2){font-size:var(--24px);--font-weight:650}.kakadu-components-1437359321 :is(h1,h2,h3,h4,h5,h6):is(h3){font-size:var(--20px);--font-weight:400;opacity:.9}.kakadu-components-1437359321 :is(h1,h2,h3,h4,h5,h6):is(h4){font-size:var(--17px);--font-weight:500}.kakadu-components-1437359321 h1+h2{margin-top:1.25em}.kakadu-components-1437359321 h2+h3{margin-top:.75em}.kakadu-components-1437359321 h3+h4{margin-top:.9em}.kakadu-components-1437359321 :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol,aside){margin-top:.9em}.kakadu-components-1437359321 :is(h1,h2)+p:has(+p){font-size:var(--20px);font-weight:400;line-height:1.3em;color:var(--secondary-color-2)}.kakadu-components-1437359321 :is(h1,h2)+p:has(+p)+p{margin-top:1.25em}.kakadu-components-1437359321 p+:is(p){margin-top:.75em}.kakadu-components-1437359321 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6){margin-top:1.5em}.kakadu-components-1437359321 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h3){margin-top:2em}.kakadu-components-1437359321 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h4){margin-top:2em}.kakadu-components-1437359321 :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-1437359321 :is(div:has(>pre),pre,p,ul,ol,aside,label:has(input,textarea,select))+:is(h3,h4):before{background-color:#ffffff26}.kakadu-components-1437359321 ul,.kakadu-components-1437359321 ol{margin:0;padding:0;list-style-position:inside}.kakadu-components-1437359321 :is(p,ul,ol)+:is(ul,ol){margin-top:1em}.kakadu-components-1437359321 li+li{margin-top:.25em}.kakadu-components-1437359321 li+:is(ol>li){margin-top:1em}.kakadu-components-1437359321 li:has(:is(ul,ol))+li{margin-top:.65em}.kakadu-components-1437359321 li::marker{font-weight:600}.kakadu-components-1437359321 :is(ul,ol)>li{font-weight:500}.kakadu-components-1437359321 :is(ul,ol)>li li{font-weight:400}.kakadu-components-1437359321 li a:only-child,.kakadu-components-1437359321 li a:first-child:has(+:is(ul,ol):last-child){text-decoration:none;color:currentColor}@media(hover:hover){.kakadu-components-1437359321 li a:only-child:hover,.kakadu-components-1437359321 li a:first-child:has(+:is(ul,ol):last-child):hover{text-decoration:underline;color:var(--secondary-color)}}.kakadu-components-1437359321 :is(ul,ol) :is(ul,ol){margin-top:var(--half-gap);padding-left:var(--gap)}.kakadu-components-1437359321 :is(p,ul,ol)+hr{margin-top:2em}.kakadu-components-1437359321 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-1437359321 code:not(pre code){background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3}.kakadu-components-1437359321 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-1437359321 pre{background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3;color:#ffffffb3}.kakadu-components-1437359321 :is(p,ul,ol,aside)+:is(div:has(>pre),pre,label:has(:is(input,textarea,select))),.kakadu-components-1437359321 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(p,ul,ol,aside){margin-top:var(--double-gap)}.kakadu-components-1437359321 :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-1437359321 :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-1437359321 :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-1437359321 aside:not(:is(div:has(>pre),pre,label:has(input,textarea,select))+aside){max-width:var(--content-width)}.kakadu-components-1437359321 :is(p,ul,ol)+aside,.kakadu-components-1437359321 aside+:is(p,ul,ol){margin-top:var(--double-gap)}.kakadu-components-1437359321 :is(div:has(>pre),pre)+aside,.kakadu-components-1437359321 aside+:is(div:has(>pre),pre){margin-top:var(--gap)}.kakadu-components-2433581593{max-width:var(--page-width)}.kakadu-components-958855245{max-width:var(--text-width)}.kakadu-components-797764377{max-width:var(--content-width)}.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-512418581{pointer-events:none}.kakadu-components-3857562328{position:absolute}.kakadu-components-4096632152{--border-radius:8px;position:relative;display:flex}.kakadu-components-1951951921{--loader-offset:1px;--loader-instance-offset-bottom:3px;width:34px;height:34px;padding-bottom:3px;display:flex;flex:1;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-1951951921[disabled]{cursor:not-allowed;opacity:.8}.kakadu-components-1951951921:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}@media(hover:hover){.kakadu-components-1951951921:not([disabled]):active.kakadu-components-1951951921:not([disabled]):active{--outline-width:0px}}@media(hover:hover){.kakadu-components-1951951921: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-1951951921:before{transition-duration:.1s}}.kakadu-components-1561784812{--outline-hover-color:rgba(0, 0, 0, .1)}:where([data-theme=dark]) .kakadu-components-1561784812{--outline-hover-color:rgba(255, 255, 255, .1)}.kakadu-components-1398421429{--outline-hover-color:oklch( from var(--green-color) l c h / 37.5% )}.kakadu-components-1872098090{--outline-hover-color:oklch( from var(--yellow-color) l c h / 37.5% )}.kakadu-components-2064536093{--outline-hover-color:oklch( from var(--red-color) l c h / 37.5% )}.kakadu-components-3040141419{position:relative;display:flex;align-items:center;justify-content:center}.kakadu-components-1562914001{transform:translateZ(0);position:relative;z-index:2;transition:opacity .1s,transform .1s}.kakadu-components-2360250719{opacity:0;transform:translateZ(0) scale(.8)}.kakadu-components-1224061930{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-2519520784{opacity:1;transform:translateZ(0)}.kakadu-components-3422055155{position:absolute;top:0;right:0;bottom:0;left: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-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-3521477705{border:0;margin:auto 0 auto auto}.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-1400843519{--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;position:relative;display:inline-flex}.kakadu-components-497190725{--right-offset:-12px}.kakadu-components-3729381008{--left-offset:-12px}.kakadu-components-3866032606{--horizontal-offset:-8px}.kakadu-components-2081390622{--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);flex:1}:where([data-theme=dark]) .kakadu-components-2081390622{--hover-background-color:rgba(255, 255, 255, .075)}.kakadu-components-2081390622[disabled]{cursor:not-allowed;opacity:.7}@media(hover:hover){.kakadu-components-2081390622: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-2081390622:not([disabled]):hover:before{background-color:var(--hover-background-color);transition:background-color .05s}}.kakadu-components-2081390622:not([disabled]):active{transform:scale(.98);transition-duration:.1s}.kakadu-components-2662775151{opacity:0;visibility:hidden}.kakadu-components-743909038{position:relative}.kakadu-components-1285017646{top:1px;right:-1px}.kakadu-components-1475172827{padding-top:3px;padding-left:2px;padding-right:2px}.kakadu-components-3068418250{position:relative;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}@media(hover:hover){:is(a,button):not([disabled]):hover .kakadu-components-3068418250{text-decoration:none}}.kakadu-components-2421728947{top:1px;left:-1px}.kakadu-components-1970948853{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-1727618227{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:var(--notification-z-index);--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-25448712.kakadu-components-25448712{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:100%;left:var(--half-gap);transform:translateY(.5em);z-index:3}:where([data-theme=dark]) .kakadu-components-25448712.kakadu-components-25448712{text-shadow:0 0 2px rgba(0,0,0,1)}.kakadu-components-25448712.kakadu-components-25448712 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-25448712.kakadu-components-25448712 span{color:var(--red-color);opacity:1}label:has(:is(input,textarea,select)[data-warning=true]) .kakadu-components-25448712.kakadu-components-25448712 span{color:var(--yellow-color-dark);opacity:1}.kakadu-components-25448712.kakadu-components-25448712:before{content:"";background:var(--background-color);width:100%;height:50%;position:absolute;top:calc(50% - 1px);transition:background-color var(--transition-duration)}.kakadu-components-1923392328{-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 var(--outline-width) var(--outline-color),inset 0 0 0 2px rgba(var(--highlight-color-rgb),.7),inset 0 -4px rgba(var(--shadow-color-rgb),.04),0 0 0 var(--outline-width) rgba(var(--highlight-color-rgb),.7),0 4px 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-1923392328::placeholder{font-style:italic}:where([data-theme=dark]) .kakadu-components-1923392328::placeholder{opacity:.7}:where([data-theme=dark]) .kakadu-components-1923392328{--outline-color:rgba(255, 255, 255, .3);--highlight-color-rgb:0,0,0}@media(hover:hover){label:hover .kakadu-components-1923392328:not([disabled]){--outline-color:rgba(0, 0, 0, .8)}:where([data-theme=dark]) label:hover .kakadu-components-1923392328:not([disabled]){--outline-color:rgba(255, 255, 255, .5)}}.kakadu-components-1923392328.kakadu-components-1923392328.kakadu-components-1923392328:focus{outline:none}.kakadu-components-1923392328.kakadu-components-1923392328.kakadu-components-1923392328:focus:not(select){--outline-color:var(--secondary-color-hover);--outline-width:2px}:where([data-theme=dark]) .kakadu-components-1923392328.kakadu-components-1923392328.kakadu-components-1923392328:focus:not(select){--outline-color:var(--secondary-color)}.kakadu-components-1923392328.kakadu-components-1923392328[aria-invalid=true]{outline:none;--outline-color:var(--red-color)}.kakadu-components-1923392328.kakadu-components-1923392328[data-warning=true]{--outline-color:var(--yellow-color-dark)}.kakadu-components-1923392328.kakadu-components-1923392328[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-2261792866.kakadu-components-2261792866{color:var(--secondary-color)}.kakadu-components-520991867.kakadu-components-520991867{--border-radius:5px;font-size:var(--14px);width:calc(100% - 6px);padding:5px 10px 7px;position:relative;z-index:1;box-sizing:border-box;left:3px}.kakadu-components-520991867.kakadu-components-520991867: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-520991867.kakadu-components-520991867: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-2566044647{--border-top-right-radius:12px;position:absolute;top:10px;right:13px}.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-633990035{display:inline-flex}.kakadu-components-171969824{width:100%}.kakadu-components-2845019685{position:relative;display:inline-block;vertical-align:top}.kakadu-components-3920007758{--arrow-gap:4px;--arrow-size:8px;--popover-background-color:var(--background-color);--border-radius:6px;position:absolute;z-index:1;top:calc(100% + var(--arrow-size) + var(--arrow-gap));left:50%;transform:translate(-50%);pointer-events:none;opacity:0;transition:opacity .2s}.kakadu-components-611400930{left:0;transform:translate(0)}.kakadu-components-944244368{left:auto;right:0;transform:translate(0)}.kakadu-components-1399012551{opacity:1;pointer-events:auto}.kakadu-components-1118152266{opacity:0;transform:translateY(2px) scale(.98);transform-origin:center bottom;transition:transform .2s,opacity .2s}.kakadu-components-231244945{opacity:1;transform:scale(1)}.kakadu-components-1951789226{--shadow-size:calc(var(--arrow-size) * 1.5);width:var(--shadow-size);height:var(--shadow-size);--outline-color:rgba(0, 0, 0, .1);box-shadow:0 0 5px #0003,-1px -1px 0 var(--outline-color);--translate-x:-50%;--translate-y:50%;--transform:translateX(var(--translate-x)) translateY(var(--translate-y)) rotate(45deg);transform:var(--transform) scale(.98);position:absolute;bottom:calc(100% - 1px);left:50%}:where([data-theme=dark]) .kakadu-components-1951789226{--outline-color:rgba(255, 255, 255, .2)}.kakadu-components-1495725644.kakadu-components-1495725644{left:calc(var(--arrow-size) + var(--border-radius))}.kakadu-components-4235689197.kakadu-components-4235689197{left:auto;right:calc(var(--arrow-size) - var(--border-radius))}.kakadu-components-2488426662{background-color:var(--popover-background-color);--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, .2);--hard-box-shadow-color:rgba(0, 0, 0, .03);border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--inset-box-shadow-color),0 4px 0 var(--hard-box-shadow-color),0 0 0 1px var(--offset-box-shadow-color),0 8px 18px var(--soft-box-shadow-color);position:relative}:where([data-theme=dark]) .kakadu-components-2488426662{--inset-box-shadow-color:rgba(255, 255, 255, .15);--offset-box-shadow-color:rgba(0, 0, 0, .15);--soft-box-shadow-color:rgba(0, 0, 0, .3)}.kakadu-components-3252390100{position:absolute;bottom:calc(100% - 1px);left:50%;transform:translate(-50%);width:0;height:0;border-left:var(--arrow-size) solid transparent;border-right:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid var(--popover-background-color)}.kakadu-components-3754561431.kakadu-components-3754561431{left:var(--border-radius);transform:translate(0)}.kakadu-components-2265262600.kakadu-components-2265262600{left:auto;right:var(--border-radius);transform:translate(0)}.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-4075327442{white-space:nowrap;text-decoration:none;color:var(--foreground-color);padding:8px;margin:0 var(--popover-menu-gap);--border-radius:4px;border-radius:var(--border-radius);position:relative;outline:none;opacity:.4;flex:1;--background-color-hover:rgba(0, 0, 0, .04);--background-color-transition-duration:.37s;--opacity-transition-duration:.37s;transition:background-color var(--background-color-transition-duration),opacity var(--opacity-transition-duration)}:where([data-theme=dark]) .kakadu-components-4075327442{--background-color-hover:rgba(255, 255, 255, .02)}.kakadu-components-4075327442:focus{background-color:var(--background-color-hover);--background-color-transition-duration:.05s}.kakadu-components-3160069815{opacity:1}.kakadu-components-2043829669:focus{--focus-box-shadow-color:rgba(0, 0, 0, .2);box-shadow:inset 0 0 0 1px var(--focus-box-shadow-color),inset 0 0 0 2px var(--background-color);text-decoration:underline;text-underline-offset:2px}:where([data-theme=dark]) .kakadu-components-2043829669:focus{--focus-box-shadow-color:rgba(255, 255, 255, .2)}@media(hover:hover){.kakadu-components-2862719809:hover{background-color:var(--background-color-hover);--background-color-transition-duration:.05s;text-decoration:underline;text-underline-offset:2px}}.kakadu-components-1109353535.kakadu-components-1109353535{font-size:var(--15px);font-weight:400;display:flex;color:inherit;align-items:center;justify-content:flex-start;gap:var(--half-gap)}.kakadu-components-913703148{flex:1}.kakadu-components-1861176543.kakadu-components-1861176543{display:flex;flex:1}.kakadu-components-1499037363.kakadu-components-1499037363{font-size:var(--12px);font-weight:500;margin:0 var(--popover-menu-gap);opacity:.65;padding:6px 8px 2px}.kakadu-components-3600436535{--popover-menu-gap:3px;padding-top:var(--popover-menu-gap);padding-bottom:var(--popover-menu-gap);display:flex;flex-direction:column;gap:var(--popover-menu-gap)}.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-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-2488488228{--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;--notification-z-index:424244;--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-2488488228,.kakadu-components-2488488228[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-2488488228{--scale-multiplier:.7}}@media(min-width:580px){.kakadu-components-2488488228{--scale-multiplier:.8;--page-padding:var(--double-gap)}}@media(min-width:860px){.kakadu-components-2488488228{--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-762885873{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)}}@media(prefers-reduced-motion:reduce){.kakadu-components-762885873{animation:loading-spinner 3s linear infinite}}.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-4131181690{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity);mix-blend-mode:overlay}@media(prefers-reduced-motion:reduce){.kakadu-components-4131181690{display:none}}.kakadu-components-3366903902{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-3366903902{--color:#fff;--opacity:.05;mix-blend-mode:plus-lighter}@media(prefers-reduced-motion:reduce){.kakadu-components-3366903902{display:none}}.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-3316581213{background:#fff;font-family:var(--font-family);font-size:var(--12px);font-weight:500;padding:4px 7px 3px;border-radius:5px;color:#000;display:inline-block;position:relative;z-index:2;--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]) :is(a,button) .kakadu-components-3316581213{background:#141419;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-3316581213: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]) :is(a,button) .kakadu-components-3316581213:after{background:#131314;--box-shadow-color:rgb(80, 80, 80);--outer-box-shadow-color:rgba(0, 0, 0, .3)}:is(a,button):focus-visible .kakadu-components-3316581213{transform:translateZ(0) scale(1);opacity:1;transition:transform .1s,opacity .1s}@media(hover:hover){.kakadu-components-3316581213{transition:transform .1s,opacity .1s}:is(a,button):hover .kakadu-components-3316581213{transform:translateZ(0) scale(1);opacity:1;transition:transform .3s .2s,opacity .3s .2s}}.kakadu-components-2481216458:after{top:calc(100% - 5px)}.kakadu-components-637471806{--box-direction-y:-1}.kakadu-components-637471806:after{bottom:calc(100% - 5px)}.kakadu-components-4254676273{--background-size:300px;--background-negative-size:calc(var(--background-size) * -1);--highlight-color:255,255,255;--internal-border-radius:var(--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(--internal-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-574297718{--opacity:.3}.kakadu-components-574297718: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(--internal-border-radius)}@media(prefers-reduced-motion:reduce){.kakadu-components-574297718:before{animation:none;will-change:none}}.kakadu-components-3140855657{vertical-align:middle}.kakadu-components-2832510379{--internal-loader-offset:var(--loader-offset, 2px);position:absolute;top:var(--internal-loader-offset);right:var(--internal-loader-offset);bottom:var(--internal-loader-offset);left:var(--internal-loader-offset);width:calc(100% - var(--internal-loader-offset) * 2);height:calc(100% - var(--internal-loader-offset) * 2);opacity:0;transition:opacity .1s;border-radius:var(--border-radius);pointer-events:none;z-index:3}.kakadu-components-4114685569{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:1}.kakadu-components-920467642{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%);display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius);position:absolute;top:0;right:0;bottom:var(--loader-instance-offset-bottom, 0px);left:0}.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-3559664923{position:relative;display:flex}.kakadu-components-3709284365{--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;flex:1;align-items:center;justify-content:center;position:relative;transition:background-color .37s,box-shadow .37s,transform .37s}.kakadu-components-3709284365:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}.kakadu-components-3709284365[disabled]{cursor:not-allowed;opacity:.8}@media(hover:hover){.kakadu-components-3709284365:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;text-decoration:underline}.kakadu-components-3709284365:before{transition-duration:.1s}}.kakadu-components-2735110382{text-align:left}.kakadu-components-3621693630{padding-left:12px;padding-right:12px}.kakadu-components-136489413{padding-right:2px;left:-4px}.kakadu-components-207477259{position:relative;z-index:2;text-shadow:0 0 2px var(--text-shadow-color),0 1px 0 var(--text-shadow-hard-color)}.kakadu-components-3631501803{padding-left:2px;right:-4px}.kakadu-components-2055737617{border-radius:var(--border-radius)}.kakadu-components-2972748387.kakadu-components-2972748387{mix-blend-mode:hard-light;opacity:.05}.kakadu-components-1226008615.kakadu-components-1226008615{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-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-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-1437359321{text-wrap:pretty}.kakadu-components-1437359321 :is(h1,h2,h3,h4,h5,h6):is(h1){font-size:var(--32px)}.kakadu-components-1437359321 :is(h1,h2,h3,h4,h5,h6):is(h2){font-size:var(--24px);--font-weight:650}.kakadu-components-1437359321 :is(h1,h2,h3,h4,h5,h6):is(h3){font-size:var(--20px);--font-weight:400;opacity:.9}.kakadu-components-1437359321 :is(h1,h2,h3,h4,h5,h6):is(h4){font-size:var(--17px);--font-weight:500}.kakadu-components-1437359321 h1+h2{margin-top:1.25em}.kakadu-components-1437359321 h2+h3{margin-top:.75em}.kakadu-components-1437359321 h3+h4{margin-top:.9em}.kakadu-components-1437359321 :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol,aside){margin-top:.9em}.kakadu-components-1437359321 :is(h1,h2)+p:has(+p){font-size:var(--20px);font-weight:400;line-height:1.3em;color:var(--secondary-color-2)}.kakadu-components-1437359321 :is(h1,h2)+p:has(+p)+p{margin-top:1.25em}.kakadu-components-1437359321 p+:is(p){margin-top:.75em}.kakadu-components-1437359321 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6){margin-top:1.5em}.kakadu-components-1437359321 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h3){margin-top:2em}.kakadu-components-1437359321 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h4){margin-top:2em}.kakadu-components-1437359321 :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-1437359321 :is(div:has(>pre),pre,p,ul,ol,aside,label:has(input,textarea,select))+:is(h3,h4):before{background-color:#ffffff26}.kakadu-components-1437359321 ul,.kakadu-components-1437359321 ol{margin:0;padding:0;list-style-position:inside}.kakadu-components-1437359321 :is(p,ul,ol)+:is(ul,ol){margin-top:1em}.kakadu-components-1437359321 li+li{margin-top:.25em}.kakadu-components-1437359321 li+:is(ol>li){margin-top:1em}.kakadu-components-1437359321 li:has(:is(ul,ol))+li{margin-top:.65em}.kakadu-components-1437359321 li::marker{font-weight:600}.kakadu-components-1437359321 :is(ul,ol)>li{font-weight:500}.kakadu-components-1437359321 :is(ul,ol)>li li{font-weight:400}.kakadu-components-1437359321 li a:only-child,.kakadu-components-1437359321 li a:first-child:has(+:is(ul,ol):last-child){text-decoration:none;color:currentColor}@media(hover:hover){.kakadu-components-1437359321 li a:only-child:hover,.kakadu-components-1437359321 li a:first-child:has(+:is(ul,ol):last-child):hover{text-decoration:underline;color:var(--secondary-color)}}.kakadu-components-1437359321 :is(ul,ol) :is(ul,ol){margin-top:var(--half-gap);padding-left:var(--gap)}.kakadu-components-1437359321 :is(p,ul,ol)+hr{margin-top:2em}.kakadu-components-1437359321 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-1437359321 code:not(pre code){background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3}.kakadu-components-1437359321 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-1437359321 pre{background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3;color:#ffffffb3}.kakadu-components-1437359321 :is(p,ul,ol,aside)+:is(div:has(>pre),pre,label:has(:is(input,textarea,select))),.kakadu-components-1437359321 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(p,ul,ol,aside){margin-top:var(--double-gap)}.kakadu-components-1437359321 :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-1437359321 :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-1437359321 :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-1437359321 aside:not(:is(div:has(>pre),pre,label:has(input,textarea,select))+aside){max-width:var(--content-width)}.kakadu-components-1437359321 :is(p,ul,ol)+aside,.kakadu-components-1437359321 aside+:is(p,ul,ol){margin-top:var(--double-gap)}.kakadu-components-1437359321 :is(div:has(>pre),pre)+aside,.kakadu-components-1437359321 aside+:is(div:has(>pre),pre){margin-top:var(--gap)}.kakadu-components-2433581593{max-width:var(--page-width)}.kakadu-components-958855245{max-width:var(--text-width)}.kakadu-components-797764377{max-width:var(--content-width)}.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-512418581{pointer-events:none}.kakadu-components-3857562328{position:absolute}.kakadu-components-4096632152{--border-radius:8px;position:relative;display:flex}.kakadu-components-1951951921{--loader-offset:1px;--loader-instance-offset-bottom:3px;width:34px;height:34px;padding-bottom:3px;display:flex;flex:1;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-1951951921[disabled]{cursor:not-allowed;opacity:.8}.kakadu-components-1951951921:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}@media(hover:hover){.kakadu-components-1951951921:not([disabled]):active.kakadu-components-1951951921:not([disabled]):active{--outline-width:0px}}@media(hover:hover){.kakadu-components-1951951921: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-1951951921:before{transition-duration:.1s}}.kakadu-components-1561784812{--outline-hover-color:rgba(0, 0, 0, .1)}:where([data-theme=dark]) .kakadu-components-1561784812{--outline-hover-color:rgba(255, 255, 255, .1)}.kakadu-components-1398421429{--outline-hover-color:oklch( from var(--green-color) l c h / 37.5% )}.kakadu-components-1872098090{--outline-hover-color:oklch( from var(--yellow-color) l c h / 37.5% )}.kakadu-components-2064536093{--outline-hover-color:oklch( from var(--red-color) l c h / 37.5% )}.kakadu-components-3040141419{position:relative;display:flex;align-items:center;justify-content:center}.kakadu-components-1562914001{transform:translateZ(0);position:relative;z-index:2;transition:opacity .1s,transform .1s}.kakadu-components-2360250719{opacity:0;transform:translateZ(0) scale(.8)}.kakadu-components-1224061930{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-2519520784{opacity:1;transform:translateZ(0)}.kakadu-components-3422055155{position:absolute;top:0;right:0;bottom:0;left: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-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-3521477705{border:0;margin:auto 0 auto auto}.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-1400843519{--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;position:relative;display:inline-flex}.kakadu-components-497190725{--right-offset:-12px}.kakadu-components-3729381008{--left-offset:-12px}.kakadu-components-3866032606{--horizontal-offset:-8px}.kakadu-components-2081390622{--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);flex:1}:where([data-theme=dark]) .kakadu-components-2081390622{--hover-background-color:rgba(255, 255, 255, .075)}.kakadu-components-2081390622[disabled]{cursor:not-allowed;opacity:.7}@media(hover:hover){.kakadu-components-2081390622: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-2081390622:not([disabled]):hover:before{background-color:var(--hover-background-color);transition:background-color .05s}}.kakadu-components-2081390622:not([disabled]):active{transform:scale(.98);transition-duration:.1s}.kakadu-components-2662775151{opacity:0;visibility:hidden}.kakadu-components-743909038{position:relative}.kakadu-components-1285017646{top:1px;right:-1px}.kakadu-components-1475172827{padding-top:3px;padding-left:2px;padding-right:2px}.kakadu-components-2703794515{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}@media(hover:hover){:is(a,button):not([disabled]):hover .kakadu-components-2703794515{text-decoration:none}}.kakadu-components-2421728947{top:1px;left:-1px}.kakadu-components-1970948853{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-1727618227{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:var(--notification-z-index);--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-3423716848{position:relative;max-width:300px}.kakadu-components-2837603142{pointer-events:all}.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-47664046{background:#00000026;width:100%;height:3px;position:absolute;bottom:0;left:0;animation:progress 6s linear forwards}:where([data-theme=dark]) .kakadu-components-47664046{background:#ffffff26}@keyframes progress{0%{width:0%}to{width:100%}}.kakadu-components-758522476{animation-play-state:paused}.kakadu-components-3914681513{animation-play-state:running}.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-25448712.kakadu-components-25448712{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:100%;left:var(--half-gap);transform:translateY(.5em);z-index:3}:where([data-theme=dark]) .kakadu-components-25448712.kakadu-components-25448712{text-shadow:0 0 2px rgba(0,0,0,1)}.kakadu-components-25448712.kakadu-components-25448712 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-25448712.kakadu-components-25448712 span{color:var(--red-color);opacity:1}label:has(:is(input,textarea,select)[data-warning=true]) .kakadu-components-25448712.kakadu-components-25448712 span{color:var(--yellow-color-dark);opacity:1}.kakadu-components-25448712.kakadu-components-25448712:before{content:"";background:var(--background-color);width:100%;height:50%;position:absolute;top:calc(50% - 1px);transition:background-color var(--transition-duration)}.kakadu-components-1923392328{-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 var(--outline-width) var(--outline-color),inset 0 0 0 2px rgba(var(--highlight-color-rgb),.7),inset 0 -4px rgba(var(--shadow-color-rgb),.04),0 0 0 var(--outline-width) rgba(var(--highlight-color-rgb),.7),0 4px 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-1923392328::placeholder{font-style:italic}:where([data-theme=dark]) .kakadu-components-1923392328::placeholder{opacity:.7}:where([data-theme=dark]) .kakadu-components-1923392328{--outline-color:rgba(255, 255, 255, .3);--highlight-color-rgb:0,0,0}@media(hover:hover){label:hover .kakadu-components-1923392328:not([disabled]){--outline-color:rgba(0, 0, 0, .8)}:where([data-theme=dark]) label:hover .kakadu-components-1923392328:not([disabled]){--outline-color:rgba(255, 255, 255, .5)}}.kakadu-components-1923392328.kakadu-components-1923392328.kakadu-components-1923392328:focus{outline:none}.kakadu-components-1923392328.kakadu-components-1923392328.kakadu-components-1923392328:focus:not(select){--outline-color:var(--secondary-color-hover);--outline-width:2px}:where([data-theme=dark]) .kakadu-components-1923392328.kakadu-components-1923392328.kakadu-components-1923392328:focus:not(select){--outline-color:var(--secondary-color)}.kakadu-components-1923392328.kakadu-components-1923392328[aria-invalid=true]{outline:none;--outline-color:var(--red-color)}.kakadu-components-1923392328.kakadu-components-1923392328[data-warning=true]{--outline-color:var(--yellow-color-dark)}.kakadu-components-1923392328.kakadu-components-1923392328[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-2261792866.kakadu-components-2261792866{color:var(--secondary-color)}.kakadu-components-520991867.kakadu-components-520991867{--border-radius:5px;font-size:var(--14px);width:calc(100% - 6px);padding:5px 10px 7px;position:relative;z-index:1;box-sizing:border-box;left:3px}.kakadu-components-520991867.kakadu-components-520991867: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-520991867.kakadu-components-520991867: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-2566044647{--border-top-right-radius:12px;position:absolute;top:10px;right:13px}.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-633990035{display:inline-flex}.kakadu-components-171969824{width:100%}.kakadu-components-2845019685{position:relative;display:inline-block;vertical-align:top}.kakadu-components-3920007758{--arrow-gap:4px;--arrow-size:8px;--popover-background-color:var(--background-color);--border-radius:6px;position:absolute;z-index:1;top:calc(100% + var(--arrow-size) + var(--arrow-gap));left:50%;transform:translate(-50%);pointer-events:none;opacity:0;transition:opacity .2s}.kakadu-components-611400930{left:0;transform:translate(0)}.kakadu-components-944244368{left:auto;right:0;transform:translate(0)}.kakadu-components-1399012551{opacity:1;pointer-events:auto}.kakadu-components-1118152266{opacity:0;transform:translateY(2px) scale(.98);transform-origin:center bottom;transition:transform .2s,opacity .2s}.kakadu-components-231244945{opacity:1;transform:scale(1)}.kakadu-components-1951789226{--shadow-size:calc(var(--arrow-size) * 1.5);width:var(--shadow-size);height:var(--shadow-size);--outline-color:rgba(0, 0, 0, .1);box-shadow:0 0 5px #0003,-1px -1px 0 var(--outline-color);--translate-x:-50%;--translate-y:50%;--transform:translateX(var(--translate-x)) translateY(var(--translate-y)) rotate(45deg);transform:var(--transform) scale(.98);position:absolute;bottom:calc(100% - 1px);left:50%}:where([data-theme=dark]) .kakadu-components-1951789226{--outline-color:rgba(255, 255, 255, .2)}.kakadu-components-1495725644.kakadu-components-1495725644{left:calc(var(--arrow-size) + var(--border-radius))}.kakadu-components-4235689197.kakadu-components-4235689197{left:auto;right:calc(var(--arrow-size) - var(--border-radius))}.kakadu-components-2488426662{background-color:var(--popover-background-color);--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, .2);--hard-box-shadow-color:rgba(0, 0, 0, .03);border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--inset-box-shadow-color),0 4px 0 var(--hard-box-shadow-color),0 0 0 1px var(--offset-box-shadow-color),0 8px 18px var(--soft-box-shadow-color);position:relative}:where([data-theme=dark]) .kakadu-components-2488426662{--inset-box-shadow-color:rgba(255, 255, 255, .15);--offset-box-shadow-color:rgba(0, 0, 0, .15);--soft-box-shadow-color:rgba(0, 0, 0, .3)}.kakadu-components-3252390100{position:absolute;bottom:calc(100% - 1px);left:50%;transform:translate(-50%);width:0;height:0;border-left:var(--arrow-size) solid transparent;border-right:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid var(--popover-background-color)}.kakadu-components-3754561431.kakadu-components-3754561431{left:var(--border-radius);transform:translate(0)}.kakadu-components-2265262600.kakadu-components-2265262600{left:auto;right:var(--border-radius);transform:translate(0)}.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-4075327442{white-space:nowrap;text-decoration:none;color:var(--foreground-color);padding:8px;margin:0 var(--popover-menu-gap);--border-radius:4px;border-radius:var(--border-radius);position:relative;outline:none;opacity:.4;flex:1;--background-color-hover:rgba(0, 0, 0, .04);--background-color-transition-duration:.37s;--opacity-transition-duration:.37s;transition:background-color var(--background-color-transition-duration),opacity var(--opacity-transition-duration)}:where([data-theme=dark]) .kakadu-components-4075327442{--background-color-hover:rgba(255, 255, 255, .02)}.kakadu-components-4075327442:focus{background-color:var(--background-color-hover);--background-color-transition-duration:.05s}.kakadu-components-3160069815{opacity:1}.kakadu-components-2043829669:focus{--focus-box-shadow-color:rgba(0, 0, 0, .2);box-shadow:inset 0 0 0 1px var(--focus-box-shadow-color),inset 0 0 0 2px var(--background-color);text-decoration:underline;text-underline-offset:2px}:where([data-theme=dark]) .kakadu-components-2043829669:focus{--focus-box-shadow-color:rgba(255, 255, 255, .2)}@media(hover:hover){.kakadu-components-2862719809:hover{background-color:var(--background-color-hover);--background-color-transition-duration:.05s;text-decoration:underline;text-underline-offset:2px}}.kakadu-components-1109353535.kakadu-components-1109353535{font-size:var(--15px);font-weight:400;display:flex;color:inherit;align-items:center;justify-content:flex-start;gap:var(--half-gap)}.kakadu-components-913703148{flex:1}.kakadu-components-1861176543.kakadu-components-1861176543{display:flex;flex:1}.kakadu-components-1499037363.kakadu-components-1499037363{font-size:var(--12px);font-weight:500;margin:0 var(--popover-menu-gap);opacity:.65;padding:6px 8px 2px}.kakadu-components-3600436535{--popover-menu-gap:3px;padding-top:var(--popover-menu-gap);padding-bottom:var(--popover-menu-gap);display:flex;flex-direction:column;gap:var(--popover-menu-gap)}.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-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}
|