@kakadu/components 3.6.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.
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),t=require("react"),k=require("@kuma-ui/core"),v=require("../utilities/generate-random-id.js"),x=require("./notice.js");function N({type:n,icon:f,index:c,className:u,children:d,onDismiss:o,...i}){const[e,r]=t.useState(!1),[l,j]=t.useState(!1);t.useEffect(()=>{const a=setTimeout(()=>{r(!0)},250);return()=>{clearTimeout(a)}},[]),t.useEffect(()=>{if(e){const a=setTimeout(()=>{r(!1),j(!0)},6e3);return()=>{clearTimeout(a)}}},[e]);const m=c??0;return t.useEffect(()=>{if(l&&!e){const a=setTimeout(()=>{o==null||o(m)},300);return()=>{clearTimeout(a)}}},[l,e,o,m]),s.jsxRuntimeExports.jsx("div",{...i,style:{"--index":m},className:k.cx("kakadu-components-1727618227",e&&"kakadu-components-3003995416",u),children:s.jsxRuntimeExports.jsxs(x.default,{role:"status","aria-live":"polite","aria-atomic":"true",type:n,icon:f,className:"kakadu-components-1639448689",children:[d,s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2751825161",children:s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-1939222061"})})]})})}const p=t.createContext({createNotification(){throw new Error("useCreateNotification must be used within a NotificationProvider")}});function E(){const{createNotification:n}=t.useContext(p);return n}function T({children:n}){const[f,c]=t.useState([]),u=t.useCallback(i=>{const e=v.default();c(r=>[...r,{...i,id:e}])},[]),d=t.useCallback(i=>{c(e=>e.filter((r,l)=>l!==i))},[]),o=t.useMemo(()=>({createNotification:u}),[u]);return s.jsxRuntimeExports.jsxs(p.Provider,{value:o,children:[n,f.map((i,e)=>s.jsxRuntimeExports.jsx(N,{...i,index:e,onDismiss:d},i.id))]})}exports.NotificationType=x.NoticeType;exports.NotificationProvider=T;exports.default=N;exports.useCreateNotification=E;
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 j, useState as p, useEffect as l, useContext as v, useCallback as N, useMemo as T } from "react";
3
- import { cx as h } from "@kuma-ui/core";
4
- import C from "../utilities/generate-random-id.mjs";
5
- import b from "./notice.mjs";
6
- import { NoticeType as q } from "./notice.mjs";
7
- function I({
8
- type: s,
9
- icon: m,
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: f,
12
+ children: l,
13
13
  onDismiss: o,
14
14
  ...e
15
15
  }) {
16
- const [t, a] = p(!1), [u, k] = p(!1);
17
- l(() => {
18
- const n = setTimeout(() => {
19
- a(!0);
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(n);
22
+ clearTimeout(a);
23
23
  };
24
- }, []), l(() => {
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
- const n = setTimeout(() => {
27
- a(!1), k(!0);
28
- }, 6e3);
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(n);
41
+ clearTimeout(M);
31
42
  };
32
43
  }
33
- }, [t]);
34
- const d = r ?? 0;
35
- return l(() => {
44
+ }, [p, t]);
45
+ const k = r ?? 0;
46
+ return N(() => {
36
47
  if (u && !t) {
37
- const n = setTimeout(() => {
38
- o == null || o(d);
48
+ const a = setTimeout(() => {
49
+ o == null || o(k);
39
50
  }, 300);
40
51
  return () => {
41
- clearTimeout(n);
52
+ clearTimeout(a);
42
53
  };
43
54
  }
44
- }, [u, t, o, d]), /* @__PURE__ */ i.jsx("div", { ...e, style: {
45
- "--index": d
46
- }, className: h("kakadu-components-1727618227", t && "kakadu-components-3003995416", c), children: /* @__PURE__ */ i.jsxs(b, { role: "status", "aria-live": "polite", "aria-atomic": "true", type: s, icon: m, className: "kakadu-components-1639448689", children: [
47
- f,
48
- /* @__PURE__ */ i.jsx("div", { className: "kakadu-components-2751825161", children: /* @__PURE__ */ i.jsx("div", { className: "kakadu-components-1939222061" }) })
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 x = j({
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 V() {
67
+ function z() {
57
68
  const {
58
- createNotification: s
59
- } = v(x);
60
- return s;
69
+ createNotification: n
70
+ } = y(C);
71
+ return n;
61
72
  }
62
- function g({
63
- children: s
73
+ function A({
74
+ children: n
64
75
  }) {
65
- const [m, r] = p([]), c = N((e) => {
66
- const t = C();
67
- r((a) => [...a, {
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
- }, []), f = N((e) => {
72
- r((t) => t.filter((a, u) => u !== e));
73
- }, []), o = T(() => ({
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(x.Provider, { value: o, children: [
77
- s,
78
- m.map((e, t) => /* @__PURE__ */ i.jsx(I, { ...e, index: t, onDismiss: f }, e.id))
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
- g as NotificationProvider,
83
- q as NotificationType,
84
- I as default,
85
- V as useCreateNotification
93
+ A as NotificationProvider,
94
+ G as NotificationType,
95
+ H as default,
96
+ z as useCreateNotification
86
97
  };
@@ -22,6 +22,7 @@ export type PopoverMenuItemProperties = {
22
22
  };
23
23
  export declare function usePopoverMenu(items: PopoverMenuItemProperties[]): {
24
24
  show: () => Promise<void | undefined>;
25
+ close: (result?: void | undefined) => void;
25
26
  popoverMenu: import("react/jsx-runtime").JSX.Element;
26
27
  };
27
28
  export type PopoverMenuProperties = {
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),q=require("@kuma-ui/core"),a=require("react"),I=require("../theme.js"),h=require("../icons/icon.js"),j=require("./popover.js"),N=require("./atom.js"),y=require("./text.js"),b=require("./hover-gradient.js"),S=require("./click-ripples.js"),_=require("./separator.js"),C=require("./decorators.js"),k=new Set;function w(){const[e,n]=a.useState(!1),u=a.useCallback(s=>{n(s);for(const c of k)c(s)},[]);return a.useEffect(()=>{const s=c=>{n(c)};return k.add(s),()=>{k.delete(s)}},[]),a.useMemo(()=>({isKeyboardNavigating:e,setIsKeyboardNavigating:u}),[e,u])}function K({label:e,iconLeft:n,iconRight:u,href:s,shouldCloseOnClick:c=!0,decorators:v=[],submenu:p,className:i,onClick:r,...f}){const{isVisible:d,isFocused:o,close:x}=j.usePopoverContext(),{isKeyboardNavigating:l}=w(),m=a.useRef(!0),E=a.useCallback(()=>{m.current=o},[o]),R=a.useCallback(P=>{!l&&!m.current||o&&(r==null||r(P),p?p.show():c&&(x==null||x()))},[l,o,r,p,c,x]),g=a.useMemo(()=>t.jsxRuntimeExports.jsxs(N.default,{as:s?"a":"button",...f,type:s?void 0:"button",role:"menuitem",href:s,disabled:s?void 0:!d,className:q.cx(I.buttonResetStyles,"kakadu-components-4075327442",o&&"kakadu-components-3160069815",l?"kakadu-components-2043829669":o&&"kakadu-components-2862719809",i),onClick:R,onPointerDownCapture:E,children:[t.jsxRuntimeExports.jsxs(y.Span,{className:"kakadu-components-1109353535",children:[n?t.jsxRuntimeExports.jsx(h.default,{width:12,height:12,type:n}):null,t.jsxRuntimeExports.jsx("span",{className:"kakadu-components-913703148",children:e}),u?t.jsxRuntimeExports.jsx(h.default,{width:12,height:12,type:u}):null]}),l?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(S.default,{isActive:o,size:100}),t.jsxRuntimeExports.jsx(b.default,{isActive:o,size:150,className:b.normalBlendStyles})]})]}),[s,f,d,l,i,R,E,n,e,u,o]);return t.jsxRuntimeExports.jsx(C.default,{decorators:v,children:p?t.jsxRuntimeExports.jsx(M,{menu:p.popoverMenu,className:"kakadu-components-1861176543",children:g}):g})}function A(e){if("type"in e){if(e.type==="separator")return t.jsxRuntimeExports.jsx(_.default,{});if(e.type==="group")return t.jsxRuntimeExports.jsx(y.Span,{className:"kakadu-components-1499037363",children:e.label})}return t.jsxRuntimeExports.jsx(K,{...e})}function D({items:e}){const{isFocused:n}=j.usePopoverContext(),[u,s]=a.useState([]),{setIsKeyboardNavigating:c}=w(),v=a.useCallback(i=>{i&&s(r=>r.includes(i)?r:[...r,i])},[]),p=a.useCallback(i=>{n&&(i.currentTarget.focus(),c(!1))},[n,c]);return a.useEffect(()=>{if(!n)return;const i=r=>{const f=u.filter(m=>m.isConnected),d=f.length;if(d===0)return;let o;const x=document.activeElement;let l=x?f.indexOf(x):-1;switch(l===-1&&(l=0),r.key){case"ArrowDown":{o=(l+1)%d;break}case"ArrowUp":{o=(l-1+d)%d;break}case"Home":{o=0;break}case"End":{o=d-1;break}case"Tab":{c(!0);return}}if(o!==void 0){r.preventDefault(),r.stopPropagation();const m=f[o];m&&(m.focus(),c(!0))}};return window.addEventListener("keydown",i,{capture:!0}),()=>{window.removeEventListener("keydown",i,{capture:!0})}},[n,u,c]),t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e.map((i,r)=>t.jsxRuntimeExports.jsx(A,{...i,reference:v,onMouseEnter:p},r))})}function F({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 T(e){const n=a.useMemo(()=>({items:e}),[e]),{show:u,popover:s}=j.usePopover(F,n);return a.useMemo(()=>({show:u,popoverMenu:s}),[u,s])}function M({menu:e,className:n,children:u}){return t.jsxRuntimeExports.jsxs(j.PopoverContainer,{className:n,children:[u,e]})}exports.default=M;exports.usePopoverMenu=T;
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,126 +1,127 @@
1
1
  import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
2
- import { cx as S } from "@kuma-ui/core";
3
- import { useMemo as x, useState as b, useCallback as v, useEffect as I, useRef as K } from "react";
4
- import { buttonResetStyles as A } from "../theme.mjs";
5
- import y from "../icons/icon.mjs";
6
- import C, { PopoverContainer as D, usePopover as F, usePopoverContext as P } from "./popover.mjs";
7
- import H from "./atom.mjs";
8
- import { Span as N } from "./text.mjs";
9
- import R, { normalBlendStyles as z } from "./hover-gradient.mjs";
10
- import L from "./click-ripples.mjs";
11
- import T from "./separator.mjs";
12
- import V from "./decorators.mjs";
13
- const j = /* @__PURE__ */ new Set();
14
- function M() {
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
15
  const [e, t] = b(!1), a = v((o) => {
16
16
  t(o);
17
- for (const c of j)
18
- c(o);
17
+ for (const r of g)
18
+ r(o);
19
19
  }, []);
20
20
  return I(() => {
21
- const o = (c) => {
22
- t(c);
21
+ const o = (r) => {
22
+ t(r);
23
23
  };
24
- return j.add(o), () => {
25
- j.delete(o);
24
+ return g.add(o), () => {
25
+ g.delete(o);
26
26
  };
27
27
  }, []), x(() => ({
28
28
  isKeyboardNavigating: e,
29
29
  setIsKeyboardNavigating: a
30
30
  }), [e, a]);
31
31
  }
32
- function B({
32
+ function G({
33
33
  label: e,
34
34
  iconLeft: t,
35
35
  iconRight: a,
36
36
  href: o,
37
- shouldCloseOnClick: c = !0,
37
+ shouldCloseOnClick: r = !0,
38
38
  decorators: k = [],
39
- submenu: l,
39
+ submenu: p,
40
40
  className: i,
41
41
  onClick: s,
42
42
  ...f
43
43
  }) {
44
44
  const {
45
- isVisible: d,
46
- isFocused: r,
45
+ isVisible: l,
46
+ isPreparingFocus: u,
47
+ isFocused: c,
47
48
  close: m
48
- } = P(), {
49
- isKeyboardNavigating: u
50
- } = M(), p = K(!0), g = v(() => {
51
- p.current = r;
52
- }, [r]), h = v((E) => {
53
- !u && !p.current || r && (s == null || s(E), l ? l.show() : c && (m == null || m()));
54
- }, [u, r, s, l, c, m]), w = x(() => /* @__PURE__ */ n.jsxs(H, { as: o ? "a" : "button", ...f, type: o ? void 0 : "button", role: "menuitem", href: o, disabled: o ? void 0 : !d, className: S(A, "kakadu-components-4075327442", r && "kakadu-components-3160069815", u ? "kakadu-components-2043829669" : r && "kakadu-components-2862719809", i), onClick: h, onPointerDownCapture: g, children: [
55
- /* @__PURE__ */ n.jsxs(N, { className: "kakadu-components-1109353535", children: [
56
- t ? /* @__PURE__ */ n.jsx(y, { width: 12, height: 12, type: t }) : null,
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
- a ? /* @__PURE__ */ n.jsx(y, { width: 12, height: 12, type: a }) : null
59
+ a ? /* @__PURE__ */ n.jsx(P, { width: 12, height: 12, type: a }) : null
59
60
  ] }),
60
- u ? null : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
61
- /* @__PURE__ */ n.jsx(L, { isActive: r, size: 100 }),
62
- /* @__PURE__ */ n.jsx(R, { isActive: r, size: 150, className: z })
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, d, u, i, h, g, t, e, a, r]);
65
- return /* @__PURE__ */ n.jsx(V, { decorators: k, children: l ? /* @__PURE__ */ n.jsx(J, { menu: l.popoverMenu, className: "kakadu-components-1861176543", children: w }) : w });
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 G(e) {
68
+ function U(e) {
68
69
  if ("type" in e) {
69
70
  if (e.type === "separator")
70
- return /* @__PURE__ */ n.jsx(T, {});
71
+ return /* @__PURE__ */ n.jsx(V, {});
71
72
  if (e.type === "group")
72
- return /* @__PURE__ */ n.jsx(N, { className: "kakadu-components-1499037363", children: e.label });
73
+ return /* @__PURE__ */ n.jsx(M, { className: "kakadu-components-1499037363", children: e.label });
73
74
  }
74
- return /* @__PURE__ */ n.jsx(B, { ...e });
75
+ return /* @__PURE__ */ n.jsx(G, { ...e });
75
76
  }
76
- function U({
77
+ function q({
77
78
  items: e
78
79
  }) {
79
80
  const {
80
81
  isFocused: t
81
- } = P(), [a, o] = b([]), {
82
- setIsKeyboardNavigating: c
83
- } = M(), k = v((i) => {
82
+ } = N(), [a, o] = b([]), {
83
+ setIsKeyboardNavigating: r
84
+ } = E(), k = v((i) => {
84
85
  i && o((s) => s.includes(i) ? s : [...s, i]);
85
- }, []), l = v((i) => {
86
- t && (i.currentTarget.focus(), c(!1));
87
- }, [t, c]);
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
92
  const i = (s) => {
92
- const f = a.filter((p) => p.isConnected), d = f.length;
93
- if (d === 0)
93
+ const f = a.filter((d) => d.isConnected), l = f.length;
94
+ if (l === 0)
94
95
  return;
95
- let r;
96
- const m = document.activeElement;
97
- let u = m ? f.indexOf(m) : -1;
98
- switch (u === -1 && (u = 0), s.key) {
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
- r = (u + 1) % d;
101
+ u = (m + 1) % l;
101
102
  break;
102
103
  }
103
104
  case "ArrowUp": {
104
- r = (u - 1 + d) % d;
105
+ u = (m - 1 + l) % l;
105
106
  break;
106
107
  }
107
108
  case "Home": {
108
- r = 0;
109
+ u = 0;
109
110
  break;
110
111
  }
111
112
  case "End": {
112
- r = d - 1;
113
+ u = l - 1;
113
114
  break;
114
115
  }
115
116
  case "Tab": {
116
- c(!0);
117
+ r(!0);
117
118
  return;
118
119
  }
119
120
  }
120
- if (r !== void 0) {
121
+ if (u !== void 0) {
121
122
  s.preventDefault(), s.stopPropagation();
122
- const p = f[r];
123
- p && (p.focus(), c(!0));
123
+ const d = f[u];
124
+ d && (d.focus(), r(!0));
124
125
  }
125
126
  };
126
127
  return window.addEventListener("keydown", i, {
@@ -130,45 +131,47 @@ function U({
130
131
  capture: !0
131
132
  });
132
133
  };
133
- }, [t, a, c]), /* @__PURE__ */ n.jsx(n.Fragment, { children: e.map((i, s) => /* @__PURE__ */ n.jsx(
134
- G,
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: l
139
+ onMouseEnter: p
139
140
  },
140
141
  s
141
142
  )) });
142
143
  }
143
- function q({
144
+ function J({
144
145
  items: e,
145
146
  ...t
146
147
  }) {
147
- return /* @__PURE__ */ n.jsx(C, { ...t, as: "nav", role: "menu", innerClassName: "kakadu-components-3600436535", children: /* @__PURE__ */ n.jsx(U, { items: e }) });
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 re(e) {
150
+ function se(e) {
150
151
  const t = x(() => ({
151
152
  items: e
152
153
  }), [e]), {
153
154
  show: a,
154
- popover: o
155
- } = F(q, t);
155
+ close: o,
156
+ popover: r
157
+ } = H(J, t);
156
158
  return x(() => ({
157
159
  show: a,
158
- popoverMenu: o
159
- }), [a, o]);
160
+ close: o,
161
+ popoverMenu: r
162
+ }), [a, o, r]);
160
163
  }
161
- function J({
164
+ function O({
162
165
  menu: e,
163
166
  className: t,
164
167
  children: a
165
168
  }) {
166
- return /* @__PURE__ */ n.jsxs(D, { className: t, children: [
169
+ return /* @__PURE__ */ n.jsxs(F, { className: t, children: [
167
170
  a,
168
171
  e
169
172
  ] });
170
173
  }
171
174
  export {
172
- J as default,
173
- re as usePopoverMenu
175
+ O as default,
176
+ se as usePopoverMenu
174
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;
@@ -23,6 +24,7 @@ export default function Popover<Data = any, Type extends AtomElementType = Defau
23
24
  export declare function usePopover<PopoverResult, PopoverProperties = PopoverBaseProperties<PopoverResult>>(PopoverComponent: ComponentType<PopoverProperties>, properties?: PopoverProperties): {
24
25
  isVisible: boolean;
25
26
  show: () => Promise<PopoverResult | undefined>;
27
+ close: (result?: PopoverResult) => void;
26
28
  popover: import("react/jsx-runtime").JSX.Element;
27
29
  };
28
30
  export {};
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),l=require("@kuma-ui/core"),e=require("react"),H=require("../focus-trap-react-CcpTuiJi.js"),g=require("./atom.js"),z=e.createContext({isVisible:!1,isFocused:!1}),{Provider:U}=z;function G(){return e.useContext(z)}function J({as:r,className:s,...o}){return n.jsxRuntimeExports.jsx(g.default,{as:r??g.defaultAtomElementType,...o,className:l.cx("kakadu-components-2845019685",s)})}function K({as:r,isVisible:s,label:o,shouldCloseOnOutsideClick:f=!0,shouldCloseOnEscapePress:c=!0,children:m,className:p,innerClassName:x,onClose:a,...v}){const b=e.useRef(null),F=e.useRef(null),[I,k]=e.useState(!1),[S,B]=e.useState(!1),[u,R]=e.useState(!1),C=e.useCallback(t=>{b.current=t,R(!1)},[]),j=e.useRef(null),M=e.useCallback(t=>{t&&(j.current=t)},[]),W=e.useMemo(()=>({initialFocus:()=>j.current??void 0,onPostActivate(){var t;k(!0),(t=j.current)==null||t.focus()},clickOutsideDeactivates:f,escapeDeactivates:c,onPostUnpause(){k(!0)},onPause(){k(!1)},onDeactivate(){R(!1),k(!1)}}),[f,c]),[q,N]=e.useState(s??!1),$=e.useMemo(()=>({isVisible:q,isFocused:I,setInitialFocus:M,close:C}),[q,I,M,C]),[i,L]=e.useState("center");return e.useEffect(()=>{const t=F.current;if(t){const w=()=>{const O=t.offsetParent,E=O instanceof HTMLElement?O.getBoundingClientRect():null,y=t.getBoundingClientRect();if(!E){L("center");return}const P=16,D=window.innerWidth-P,T=E.left+E.width/2-y.width/2,V=T+y.width,A=T<P,_=V>D;let d="center";if(A&&_){const h=P-T;d=V-D>h?"right":"left"}else _?d="right":A&&(d="left");L(h=>h===d?h:d)};return w(),window.addEventListener("resize",w),()=>{window.removeEventListener("resize",w)}}},[]),e.useEffect(()=>{s&&(B(!0),N(!0))},[s]),e.useEffect(()=>{if(s){const t=setTimeout(()=>{R(!0)},100);return()=>{clearTimeout(t)}}R(!1)},[s]),e.useEffect(()=>{if(S&&!u){const t=setTimeout(()=>{a==null||a(b.current??void 0),N(!1)},370);return()=>{clearTimeout(t)}}},[S,u,a]),n.jsxRuntimeExports.jsx(g.default,{reference:F,as:r??g.defaultAtomElementType,role:"dialog","aria-hidden":!u,"aria-label":o??"Popover",...v,className:l.cx("kakadu-components-3920007758",i==="left"&&"kakadu-components-611400930",i==="right"&&"kakadu-components-944244368",u&&"kakadu-components-1399012551",p),children:n.jsxRuntimeExports.jsxs("div",{className:l.cx("kakadu-components-1118152266",u&&"kakadu-components-231244945"),children:[n.jsxRuntimeExports.jsx("div",{className:l.cx("kakadu-components-1951789226",i==="left"&&"kakadu-components-1495725644",i==="right"&&"kakadu-components-4235689197")}),n.jsxRuntimeExports.jsx(H.focusTrapReactExports.FocusTrap,{active:u,focusTrapOptions:W,children:n.jsxRuntimeExports.jsxs("div",{className:l.cx("kakadu-components-2488426662",x),children:[n.jsxRuntimeExports.jsx(U,{value:$,children:m}),n.jsxRuntimeExports.jsx("div",{className:l.cx("kakadu-components-3252390100",i==="left"&&"kakadu-components-3754561431",i==="right"&&"kakadu-components-2265262600")})]})})]})})}function Q(r,s){const[o,f]=e.useState(!1),c=e.useRef(void 0),m=e.useCallback(async()=>(f(!0),new Promise(a=>{c.current=a})),[]),p=e.useCallback(a=>{var v;f(!1),(v=c.current)==null||v.call(c,a),c.current=void 0},[]),x=e.useMemo(()=>n.jsxRuntimeExports.jsx(r,{...s,isVisible:o,onClose:p}),[r,s,o,p]);return e.useMemo(()=>({isVisible:o,show:m,popover:x}),[o,m,x])}exports.PopoverContainer=J;exports.default=K;exports.usePopover=Q;exports.usePopoverContext=G;
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,129 +1,144 @@
1
- import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
2
- import { cx as u } from "@kuma-ui/core";
3
- import { createContext as Y, useRef as j, useState as l, useCallback as P, useMemo as R, useEffect as w, useContext as Z } from "react";
4
- import { f as _ } from "../focus-trap-react-DYXrtbDH.mjs";
5
- import q, { defaultAtomElementType as G } from "./atom.mjs";
6
- const J = Y({
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
- } = J;
12
- function ce() {
13
- return Z(J);
11
+ Provider: ne
12
+ } = X;
13
+ function le() {
14
+ return te(X);
14
15
  }
15
- function re({
16
- as: c,
16
+ function fe({
17
+ as: i,
17
18
  className: t,
18
- ...s
19
+ ...n
19
20
  }) {
20
- return /* @__PURE__ */ n.jsx(q, { as: c ?? G, ...s, className: u("kakadu-components-2845019685", t) });
21
+ return /* @__PURE__ */ s.jsx(K, { as: i ?? Q, ...n, className: f("kakadu-components-2845019685", t) });
21
22
  }
22
- function ie({
23
- as: c,
23
+ function de({
24
+ as: i,
24
25
  isVisible: t,
25
- label: s,
26
+ label: n,
26
27
  shouldCloseOnOutsideClick: d = !0,
27
28
  shouldCloseOnEscapePress: o = !0,
28
- children: m,
29
- className: p,
29
+ children: v,
30
+ className: u,
30
31
  innerClassName: k,
31
32
  onClose: a,
32
- ...v
33
+ ...w
33
34
  }) {
34
- const N = j(null), L = j(null), [D, h] = l(!1), [O, K] = l(!1), [r, x] = l(!1), V = P((e) => {
35
- N.current = e, x(!1);
36
- }, []), T = j(null), A = P((e) => {
37
- e && (T.current = e);
38
- }, []), Q = R(() => ({
39
- initialFocus: () => T.current ?? void 0,
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
- h(!0), (e = T.current) == null || e.focus();
43
+ g(!0), T(!1), (e = R.current) == null || e.focus();
43
44
  },
44
45
  clickOutsideDeactivates: d,
45
46
  escapeDeactivates: o,
46
47
  onPostUnpause() {
47
- h(!0);
48
+ g(!0);
48
49
  },
49
50
  onPause() {
50
- h(!1);
51
+ g(!1);
51
52
  },
52
53
  onDeactivate() {
53
- x(!1), h(!1);
54
+ I(!1), h(!1), g(!1);
54
55
  }
55
- }), [d, o]), [y, z] = l(t ?? !1), X = R(() => ({
56
- isVisible: y,
57
- isFocused: D,
58
- setInitialFocus: A,
59
- close: V
60
- }), [y, D, A, V]), [i, B] = l("center");
61
- return w(() => {
62
- const e = L.current;
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 F = () => {
65
- const C = e.offsetParent, I = C instanceof HTMLElement ? C.getBoundingClientRect() : null, M = e.getBoundingClientRect();
66
- if (!I) {
67
- B("center");
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 b = 16, W = window.innerWidth - b, E = I.left + I.width / 2 - M.width / 2, H = E + M.width, S = E < b, U = H > W;
71
- let f = "center";
72
- if (S && U) {
73
- const g = b - E;
74
- f = H - W > g ? "right" : "left";
75
- } else U ? f = "right" : S && (f = "left");
76
- B((g) => g === f ? g : f);
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;
73
+ let m = "center";
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 F(), window.addEventListener("resize", F), () => {
79
- window.removeEventListener("resize", F);
80
+ return A(), window.addEventListener("resize", A), () => {
81
+ window.removeEventListener("resize", A);
80
82
  };
81
83
  }
82
- }, []), w(() => {
83
- t && (K(!0), z(!0));
84
- }, [t]), w(() => {
84
+ }, []), p(() => {
85
+ t && (Y(!0), M(!0));
86
+ }, [t]), p(() => {
85
87
  if (t) {
86
88
  const e = setTimeout(() => {
87
- x(!0);
89
+ h(!0);
88
90
  }, 100);
89
91
  return () => {
90
92
  clearTimeout(e);
91
93
  };
92
94
  }
93
- x(!1);
94
- }, [t]), w(() => {
95
- if (O && !r) {
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(N.current ?? void 0), z(!1);
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
- }, [O, r, a]), /* @__PURE__ */ n.jsx(q, { reference: L, as: c ?? G, role: "dialog", "aria-hidden": !r, "aria-label": s ?? "Popover", ...v, className: u("kakadu-components-3920007758", i === "left" && "kakadu-components-611400930", i === "right" && "kakadu-components-944244368", r && "kakadu-components-1399012551", p), children: /* @__PURE__ */ n.jsxs("div", { className: u("kakadu-components-1118152266", r && "kakadu-components-231244945"), children: [
104
- /* @__PURE__ */ n.jsx("div", { className: u("kakadu-components-1951789226", i === "left" && "kakadu-components-1495725644", i === "right" && "kakadu-components-4235689197") }),
105
- /* @__PURE__ */ n.jsx(_.FocusTrap, { active: r, focusTrapOptions: Q, children: /* @__PURE__ */ n.jsxs("div", { className: u("kakadu-components-2488426662", k), children: [
106
- /* @__PURE__ */ n.jsx($, { value: X, children: m }),
107
- /* @__PURE__ */ n.jsx("div", { className: u("kakadu-components-3252390100", i === "left" && "kakadu-components-3754561431", i === "right" && "kakadu-components-2265262600") })
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 ue(c, t) {
112
- const [s, d] = l(!1), o = j(void 0), m = P(async () => (d(!0), new Promise((a) => {
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
- })), []), p = P((a) => {
115
- var v;
116
- d(!1), (v = o.current) == null || v.call(o, a), o.current = void 0;
117
- }, []), k = R(() => /* @__PURE__ */ n.jsx(c, { ...t, isVisible: s, onClose: p }), [c, t, s, p]);
118
- return R(() => ({
119
- isVisible: s,
120
- show: m,
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,
121
136
  popover: k
122
- }), [s, m, k]);
137
+ }), [n, v, u, k]);
123
138
  }
124
139
  export {
125
- re as PopoverContainer,
126
- ie as default,
127
- ue as usePopover,
128
- ce as usePopoverContext
140
+ fe as PopoverContainer,
141
+ de as default,
142
+ me as usePopover,
143
+ le as usePopoverContext
129
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"),h=require("./text.js"),B=require("./click-ripples.js"),c=require("./hover-gradient.js"),f=require("./button-tooltip.js"),b=require("./aria-text.js"),N=require("./atom.js"),g=require("./skeleton.js");var d=(t=>(t.primary="primary",t.delete="delete",t))(d||{});const w="kakadu-components-4017654514";function S({iconLeft:t,iconRight:n,variant:p="primary",tooltip:u,tooltipPosition:j,href:x,target:k,rel:E,disabled:v,isSkeleton:r,isSkeletonAnimated:R=!0,className:y,children:s,label:q,..._}){const l=!!v||!!r,o=x&&!r;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(N.default,{..._,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(h.textShadowStyles,"kakadu-components-2081390622",p==="delete"&&w,r&&"kakadu-components-2662775151",y),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:"kakadu-components-3068418250",children:s}):e.jsxRuntimeExports.jsx(b.default,{children:q}),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(B.default,{size:s?void 0:50}),e.jsxRuntimeExports.jsx(c.default,{size:s?void 0:50,className:c.normalBlendStyles})]}),u?e.jsxRuntimeExports.jsx(f.default,{label:u,position:j}):null]})]}),r?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-1970948853",children:e.jsxRuntimeExports.jsx(g.SkeletonInstance,{width:"100%",height:"100%",isAnimated:R})}):null]})}exports.TextButtonVariant=d;exports.default=S;
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 B, { FlexAlignment as h } from "./flex.mjs";
5
- import { textShadowStyles as N } from "./text.mjs";
6
- import b from "./click-ripples.mjs";
7
- import g, { normalBlendStyles as w } from "./hover-gradient.mjs";
8
- import A from "./button-tooltip.mjs";
9
- import F from "./aria-text.mjs";
10
- import z from "./atom.mjs";
11
- import { SkeletonInstance as C } from "./skeleton.mjs";
12
- var D = /* @__PURE__ */ ((e) => (e.primary = "primary", e.delete = "delete", e))(D || {});
13
- const I = "kakadu-components-4017654514";
14
- function Q({
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: j = !0,
26
- className: v,
26
+ isSkeletonAnimated: v = !0,
27
+ className: y,
27
28
  children: a,
28
- label: y,
29
- ...f
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(z, { ...f, 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(N, "kakadu-components-2081390622", i === "delete" && I, m && "kakadu-components-2662775151", v), children: [
34
- /* @__PURE__ */ o.jsxs(B, { direction: "row", gap: 0.5, alignment: h.center, children: [
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-3068418250", children: a }) : /* @__PURE__ */ o.jsx(F, { children: y }),
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(b, { size: a ? void 0 : 50 }),
42
- /* @__PURE__ */ o.jsx(g, { size: a ? void 0 : 50, className: w })
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(A, { label: r, position: u }) : null
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(C, { width: "100%", height: "100%", isAnimated: j }) }) : null
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
- D as TextButtonVariant,
52
- Q as default
52
+ I as TextButtonVariant,
53
+ U as default
53
54
  };
@@ -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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kakadu/components",
3
- "version": "3.6.0",
3
+ "version": "3.7.1",
4
4
  "description": "Kakadu components library",
5
5
  "license": "MIT",
6
6
  "main": "./build/index.js",