@kakadu/components 1.7.0 → 1.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.
@@ -14,14 +14,18 @@ export type SelectOption = {
14
14
  readonly value: string;
15
15
  readonly label: ReactNode | string;
16
16
  };
17
- export declare function Select({ label, options, error, warning, footnote, className, ...properties }: ControllerProperties & HTMLProps<HTMLSelectElement> & {
17
+ export type SelectProperties = Omit<ControllerProperties & HTMLProps<HTMLSelectElement>, 'onChange'> & {
18
18
  readonly options: SelectOption[];
19
- }): import("react/jsx-runtime").JSX.Element;
20
- export default function Input({ type, label, error, warning, footnote, suggestion, hasCopyButton, hasClearButton, isMultiline, onChange, className, ...properties }: Omit<ControllerProperties & HTMLProps<HTMLInputElement | HTMLTextAreaElement>, 'onChange'> & {
19
+ readonly onChange?: (value: string, event: ChangeEvent<HTMLSelectElement>) => void;
20
+ };
21
+ export declare function Select({ label, options, error, warning, footnote, className, onChange, ...properties }: SelectProperties): import("react/jsx-runtime").JSX.Element;
22
+ type InputType = HTMLInputElement | HTMLTextAreaElement;
23
+ export type InputProperties = Omit<ControllerProperties & HTMLProps<InputType>, 'onChange'> & {
21
24
  readonly suggestion?: string;
22
25
  readonly hasCopyButton?: boolean;
23
26
  readonly hasClearButton?: boolean;
24
27
  readonly isMultiline?: boolean;
25
- readonly onChange?: (value: string, event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
26
- }): import("react/jsx-runtime").JSX.Element;
28
+ readonly onChange?: (value: string, event: ChangeEvent<InputType>) => void;
29
+ };
30
+ export default function Input({ type, label, error, warning, footnote, suggestion, hasCopyButton, hasClearButton, isMultiline, onChange, className, ...properties }: InputProperties): import("react/jsx-runtime").JSX.Element;
27
31
  export {};
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),s=require("react"),i=require("@kuma-ui/core"),ne=require("../icons/chevron-up.js"),I=require("../icon-Dw7yhWuE.js"),H=require("../utilities/copy-to-clipboard.js"),_=require("../theme.js"),oe=require("./button-tooltip.js"),$=require("./text-button.js"),R=require("./text.js"),ae=require("./collapsible.js"),A=require("./click-ripples.js"),O=require("./hover-gradient.js"),ce=require("./notification.js"),re=require("./notice.js"),le="kakadu-components-2065792067",ie="kakadu-components-3551118672",y="kakadu-components-2161641266",W="kakadu-components-628401705",D=i.cx(W,"kakadu-components-3245407458"),ue=i.cx(W,"kakadu-components-1117160492");function pe({as:x,className:a,...u}){return e.jsxRuntimeExports.jsx(R.Span,{as:x??"span",...u,className:i.cx("kakadu-components-3574036749",a)})}function F({label:x,error:a,errorId:u,warning:c,warningId:f,footnote:n,attachments:k,className:d,children:E,...o}){const m=!!a,j=!!c,p=!!n;return e.jsxRuntimeExports.jsxs("label",{...o,className:i.cx(le,d),children:[e.jsxRuntimeExports.jsx(R.Span,{className:i.cx(_.overflowProtectionStyles,ie),children:e.jsxRuntimeExports.jsx("span",{children:x})}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-448077930",children:[E,p?e.jsxRuntimeExports.jsx(pe,{className:"kakadu-components-3258753754",children:n}):null,k]}),m?e.jsxRuntimeExports.jsx(R.Paragraph,{id:u,className:D,children:a instanceof Error?a.message:a}):j?e.jsxRuntimeExports.jsx(R.Paragraph,{id:f,className:ue,children:c instanceof Error?c.message:c}):null]})}function xe({label:x,options:a,error:u,warning:c,footnote:f,className:n,...k}){const d=s.useId(),E=`${d}-error`,o=`${d}-warning`,m=!!u,j=!!c;return e.jsxRuntimeExports.jsxs(F,{label:x,error:u,warning:c,footnote:f,children:[e.jsxRuntimeExports.jsx("select",{...k,"aria-invalid":m,"data-warning":j,"aria-describedby":m?E:j?o:void 0,className:i.cx(y,"kakadu-components-709108872",n),children:a.map(p=>e.jsxRuntimeExports.jsx("option",{value:p.value,children:p.label},p.value))}),e.jsxRuntimeExports.jsx(ne.default,{className:"kakadu-components-1616393393"})]})}const de=36,V="kakadu-components-4233741488";function me({type:x,label:a,error:u,warning:c,footnote:f,suggestion:n,hasCopyButton:k,hasClearButton:d,isMultiline:E,onChange:o,className:m,...j}){const p=s.useRef(null),v=s.useRef(null),S=s.useRef(null),P=ce.useCreateNotification(),w=s.useId(),z=`${w}-error`,G=`${w}-warning`,{value:b}=j,[U,M]=s.useState(""),r=b??U,[J,K]=s.useState(),Q=x==="textarea"||!!E;s.useLayoutEffect(()=>{typeof r=="string"&&S.current&&K(S.current.scrollHeight)},[r]);const g=s.useMemo(()=>typeof r=="string"?`${r} `.split(`
2
- `):[],[r]),X=s.useMemo(()=>g.length,[g]),N=!!u,q=!!c,B=N?z:q?G:void 0;s.useEffect(()=>{M(typeof b=="string"?b:"")},[b]);const L=s.useCallback(t=>{const{value:l}=t.target;M(l),o==null||o(l,t)},[o]),Y=s.useCallback(()=>{typeof r=="string"&&(H.default(r),P({type:re.NoticeType.success,children:"Copied to clipboard."}))},[r,P]),Z=s.useCallback(()=>{var l;const t=v.current??p.current;if(o&&t){const h=(l=Object.getOwnPropertyDescriptor(t instanceof HTMLTextAreaElement?HTMLTextAreaElement.prototype:HTMLInputElement.prototype,"value"))==null?void 0:l.set;if(h){h.call(t,"");const T=new Event("input",{bubbles:!0});t.dispatchEvent(T),t.focus()}}},[o]),[ee,te]=s.useState(""),C=!!n&&ee!==n,se=s.useCallback(()=>{var l;const t=v.current??p.current;if(n&&o&&t){const h=(l=Object.getOwnPropertyDescriptor(t instanceof HTMLTextAreaElement?HTMLTextAreaElement.prototype:HTMLInputElement.prototype,"value"))==null?void 0:l.set;if(h){h.call(t,n);const T=new Event("input",{bubbles:!0});t.dispatchEvent(T),t.focus()}else H.default(n);te(n)}},[n,o]);return e.jsxRuntimeExports.jsxs(F,{label:a,error:u,warning:c,footnote:f,attachments:e.jsxRuntimeExports.jsx(ae.default,{isCollapsed:!C,children:C?e.jsxRuntimeExports.jsxs("button",{type:"button",className:i.cx(_.buttonResetStyles,_.overflowProtectionStyles,"kakadu-components-2355856341"),onClick:se,children:[e.jsxRuntimeExports.jsx(oe.default,{label:"Apply suggestion"}),e.jsxRuntimeExports.jsx(I.SparkleSvg,{width:13,height:13,className:"kakadu-components-1021263934"}),e.jsxRuntimeExports.jsx(R.Span,{className:"kakadu-components-1585874956",children:n}),e.jsxRuntimeExports.jsx(A.default,{className:"kakadu-components-3448565402"}),e.jsxRuntimeExports.jsx(O.default,{})]}):null}),style:{"--button-padding":`${de*((k?1:0)+(d?1:0))}px`},children:[e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-3146929190",children:[Q?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("span",{ref:S,"aria-hidden":!0,className:i.cx(y,m,"kakadu-components-2033521835"),children:[g.map((t,l)=>e.jsxRuntimeExports.jsxs("span",{children:[t,X>1?e.jsxRuntimeExports.jsx("br",{}):null]},l))," "]}),e.jsxRuntimeExports.jsx("textarea",{...j,ref:v,rows:1,"aria-invalid":N,"data-warning":q,"aria-describedby":B,value:r,className:i.cx(y,m,"kakadu-components-2119524139"),style:{minHeight:J},onChange:L})]}):e.jsxRuntimeExports.jsx("input",{...j,ref:p,type:x??"text",value:r,"aria-invalid":N,"data-warning":q,"aria-describedby":B,className:i.cx(y,m),onChange:L}),e.jsxRuntimeExports.jsx(A.default,{className:"kakadu-components-1614211948"}),e.jsxRuntimeExports.jsx(O.default,{className:"kakadu-components-1041647916"})]}),k||d?e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-131986363",children:[k?e.jsxRuntimeExports.jsx($.default,{iconLeft:I.IconType.copy,label:"Copy",tooltip:"Copy",className:V,onClick:Y}):null,d?e.jsxRuntimeExports.jsx($.default,{iconLeft:I.IconType.times,label:"Clear",tooltip:"Clear",className:V,onClick:Z}):null]}):null]})}exports.Select=xe;exports.default=me;exports.errorParagraph=D;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),t=require("react"),i=require("@kuma-ui/core"),oe=require("../icons/chevron-up.js"),P=require("../icon-Dw7yhWuE.js"),O=require("../utilities/copy-to-clipboard.js"),T=require("../theme.js"),ce=require("./button-tooltip.js"),W=require("./text-button.js"),y=require("./text.js"),re=require("./collapsible.js"),F=require("./click-ripples.js"),U=require("./hover-gradient.js"),le=require("./notification.js"),ie=require("./notice.js"),ue="kakadu-components-2065792067",xe="kakadu-components-2436386418",I="kakadu-components-3096914092",D="kakadu-components-628401705",G=i.cx(D,"kakadu-components-3245407458"),pe=i.cx(D,"kakadu-components-1117160492");function de({as:p,className:a,...u}){return e.jsxRuntimeExports.jsx(y.Span,{as:p??"span",...u,className:i.cx("kakadu-components-3574036749",a)})}function J({label:p,error:a,errorId:u,warning:o,warningId:R,footnote:s,attachments:c,className:d,children:h,...m}){const k=!!a,x=!!o,f=!!s;return e.jsxRuntimeExports.jsxs("label",{...m,className:i.cx(ue,d),children:[e.jsxRuntimeExports.jsx(y.Span,{className:i.cx(T.overflowProtectionStyles,xe),children:e.jsxRuntimeExports.jsx("span",{children:p})}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-448077930",children:[h,f?e.jsxRuntimeExports.jsx(de,{className:"kakadu-components-3258753754",children:s}):null,c]}),k?e.jsxRuntimeExports.jsx(y.Paragraph,{id:u,className:G,children:a instanceof Error?a.message:a}):x?e.jsxRuntimeExports.jsx(y.Paragraph,{id:R,className:pe,children:o instanceof Error?o.message:o}):null]})}function me({label:p,options:a,error:u,warning:o,footnote:R,className:s,onChange:c,...d}){const h=t.useId(),m=`${h}-error`,k=`${h}-warning`,x=!!u,f=!x&&!!o,v=x?m:f?k:void 0,{value:j}=d,[g,b]=t.useState(""),_=j??g;t.useEffect(()=>{b(typeof j=="string"?j:"")},[j]);const w=t.useCallback(n=>{const{value:S}=n.target;b(S),c==null||c(S,n)},[c]);return e.jsxRuntimeExports.jsxs(J,{label:p,error:u,warning:o,footnote:R,children:[e.jsxRuntimeExports.jsx("select",{...d,value:_,"aria-invalid":x,"data-warning":f,"aria-describedby":v,className:i.cx(I,"kakadu-components-4228384787",s),onChange:w,children:a.map(n=>e.jsxRuntimeExports.jsx("option",{value:n.value,children:n.label},n.value))}),e.jsxRuntimeExports.jsx(oe.default,{width:14,height:14,className:"kakadu-components-158931186"})]})}const je=36,z="kakadu-components-4233741488";function ke({type:p,label:a,error:u,warning:o,footnote:R,suggestion:s,hasCopyButton:c,hasClearButton:d,isMultiline:h,onChange:m,className:k,...x}){const f=t.useRef(null),v=t.useRef(null),j=t.useRef(null),g=le.useCreateNotification(),b=t.useId(),_=`${b}-error`,w=`${b}-warning`,{value:n}=x,[S,M]=t.useState(""),r=n??S,[K,Q]=t.useState(),X=p==="textarea"||!!h;t.useLayoutEffect(()=>{typeof r=="string"&&j.current&&Q(j.current.scrollHeight)},[r]);const C=t.useMemo(()=>typeof r=="string"?`${r} `.split(`
2
+ `):[],[r]),Y=t.useMemo(()=>C.length,[C]),N=!!u,B=!N&&!!o,$=N?_:B?w:void 0;t.useEffect(()=>{M(typeof n=="string"?n:"")},[n]);const L=t.useCallback(E=>{const{value:l}=E.target;M(l),m==null||m(l,E)},[m]),Z=t.useCallback(()=>{typeof r=="string"&&(O.default(r),g({type:ie.NoticeType.success,children:"Copied to clipboard."}))},[r,g]),q=t.useCallback(E=>{var H;const l=v.current??f.current??void 0;if(l){const A=(H=Object.getOwnPropertyDescriptor(l instanceof HTMLTextAreaElement?HTMLTextAreaElement.prototype:HTMLInputElement.prototype,"value"))==null?void 0:H.set;if(A){A.call(l,E);const ae=new Event("input",{bubbles:!0});l.dispatchEvent(ae),l.focus();return}}throw new Error("Unable to set value.")},[]),ee=t.useCallback(()=>{q("")},[q]),[te,se]=t.useState(""),V=!!s&&te!==s,ne=t.useCallback(()=>{if(s){try{q(s)}catch{O.default(s)}se(s)}},[s,q]);return e.jsxRuntimeExports.jsxs(J,{label:a,error:u,warning:o,footnote:R,attachments:e.jsxRuntimeExports.jsx(re.default,{isCollapsed:!V,children:V?e.jsxRuntimeExports.jsxs("button",{type:"button",className:i.cx(T.buttonResetStyles,T.overflowProtectionStyles,"kakadu-components-2355856341"),onClick:ne,children:[e.jsxRuntimeExports.jsx(ce.default,{label:"Apply suggestion"}),e.jsxRuntimeExports.jsx(P.SparkleSvg,{width:13,height:13,className:"kakadu-components-1021263934"}),e.jsxRuntimeExports.jsx(y.Span,{className:"kakadu-components-1585874956",children:s}),e.jsxRuntimeExports.jsx(F.default,{className:"kakadu-components-3448565402"}),e.jsxRuntimeExports.jsx(U.default,{})]}):null}),style:{"--button-padding":`${je*((c?1:0)+(d?1:0))}px`},children:[e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-3146929190",children:[X?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("span",{ref:j,"aria-hidden":!0,className:i.cx(I,k,"kakadu-components-2033521835"),children:[C.map((E,l)=>e.jsxRuntimeExports.jsxs("span",{children:[E,Y>1?e.jsxRuntimeExports.jsx("br",{}):null]},l))," "]}),e.jsxRuntimeExports.jsx("textarea",{...x,ref:v,rows:1,"aria-invalid":N,"data-warning":B,"aria-describedby":$,value:r,className:i.cx(I,k,"kakadu-components-2119524139"),style:{minHeight:K},onChange:L})]}):e.jsxRuntimeExports.jsx("input",{...x,ref:f,type:p??"text",value:r,"aria-invalid":N,"data-warning":B,"aria-describedby":$,className:i.cx(I,k),onChange:L}),e.jsxRuntimeExports.jsx(F.default,{className:"kakadu-components-1614211948"}),e.jsxRuntimeExports.jsx(U.default,{className:"kakadu-components-1041647916"})]}),c||d?e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-131986363",children:[c?e.jsxRuntimeExports.jsx(W.default,{iconLeft:P.IconType.copy,label:"Copy",tooltip:"Copy",className:z,onClick:Z}):null,d?e.jsxRuntimeExports.jsx(W.default,{iconLeft:P.IconType.times,label:"Clear",tooltip:"Clear",className:z,onClick:ee}):null]}):null]})}exports.Select=me;exports.default=ke;exports.errorParagraph=G;
@@ -1,165 +1,175 @@
1
1
  import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
2
- import { useRef as B, useId as U, useState as w, useLayoutEffect as re, useMemo as $, useEffect as le, useCallback as y } from "react";
3
- import { cx as l } from "@kuma-ui/core";
4
- import ie from "../icons/chevron-up.mjs";
5
- import { a as O, S as pe } from "../icon-C6X3pQX0.mjs";
6
- import V from "../utilities/copy-to-clipboard.mjs";
7
- import { buttonResetStyles as de, overflowProtectionStyles as q } from "../theme.mjs";
8
- import ue from "./button-tooltip.mjs";
9
- import W from "./text-button.mjs";
10
- import { Span as H, Paragraph as D } from "./text.mjs";
11
- import me from "./collapsible.mjs";
12
- import F from "./click-ripples.mjs";
13
- import z from "./hover-gradient.mjs";
14
- import { useCreateNotification as fe } from "./notification.mjs";
15
- import { NoticeType as ke } from "./notice.mjs";
16
- const xe = "kakadu-components-2065792067", he = "kakadu-components-3551118672", v = "kakadu-components-2161641266", J = "kakadu-components-628401705", je = l(J, "kakadu-components-3245407458"), be = l(J, "kakadu-components-1117160492");
17
- function ye({
18
- as: d,
19
- className: s,
2
+ import { useRef as P, useId as Q, useState as I, useLayoutEffect as de, useMemo as O, useEffect as X, useCallback as y } from "react";
3
+ import { cx as r } from "@kuma-ui/core";
4
+ import ue from "../icons/chevron-up.mjs";
5
+ import { a as U, S as pe } from "../icon-C6X3pQX0.mjs";
6
+ import z from "../utilities/copy-to-clipboard.mjs";
7
+ import { buttonResetStyles as me, overflowProtectionStyles as Y } from "../theme.mjs";
8
+ import ke from "./button-tooltip.mjs";
9
+ import D from "./text-button.mjs";
10
+ import { Span as R, Paragraph as G } from "./text.mjs";
11
+ import fe from "./collapsible.mjs";
12
+ import q from "./click-ripples.mjs";
13
+ import J from "./hover-gradient.mjs";
14
+ import { useCreateNotification as he } from "./notification.mjs";
15
+ import { NoticeType as xe } from "./notice.mjs";
16
+ const je = "kakadu-components-2065792067", ye = "kakadu-components-2436386418", w = "kakadu-components-3096914092", Z = "kakadu-components-628401705", be = r(Z, "kakadu-components-3245407458"), ve = r(Z, "kakadu-components-1117160492");
17
+ function ge({
18
+ as: u,
19
+ className: a,
20
20
  ...i
21
21
  }) {
22
- return /* @__PURE__ */ e.jsx(H, { as: d ?? "span", ...i, className: l("kakadu-components-3574036749", s) });
22
+ return /* @__PURE__ */ e.jsx(R, { as: u ?? "span", ...i, className: r("kakadu-components-3574036749", a) });
23
23
  }
24
- function K({
25
- label: d,
26
- error: s,
24
+ function _({
25
+ label: u,
26
+ error: a,
27
27
  errorId: i,
28
- warning: o,
29
- warningId: x,
30
- footnote: n,
31
- attachments: k,
32
- className: u,
33
- children: h,
34
- ...a
28
+ warning: s,
29
+ warningId: b,
30
+ footnote: t,
31
+ attachments: o,
32
+ className: p,
33
+ children: x,
34
+ ...m
35
35
  }) {
36
- const m = !!s, f = !!o, p = !!n;
37
- return /* @__PURE__ */ e.jsxs("label", { ...a, className: l(xe, u), children: [
38
- /* @__PURE__ */ e.jsx(H, { className: l(q, he), children: /* @__PURE__ */ e.jsx("span", { children: d }) }),
36
+ const f = !!a, d = !!s, h = !!t;
37
+ return /* @__PURE__ */ e.jsxs("label", { ...m, className: r(je, p), children: [
38
+ /* @__PURE__ */ e.jsx(R, { className: r(Y, ye), children: /* @__PURE__ */ e.jsx("span", { children: u }) }),
39
39
  /* @__PURE__ */ e.jsxs("span", { className: "kakadu-components-448077930", children: [
40
- h,
41
- p ? /* @__PURE__ */ e.jsx(ye, { className: "kakadu-components-3258753754", children: n }) : null,
42
- k
40
+ x,
41
+ h ? /* @__PURE__ */ e.jsx(ge, { className: "kakadu-components-3258753754", children: t }) : null,
42
+ o
43
43
  ] }),
44
- m ? /* @__PURE__ */ e.jsx(D, { id: i, className: je, children: s instanceof Error ? s.message : s }) : f ? /* @__PURE__ */ e.jsx(D, { id: x, className: be, children: o instanceof Error ? o.message : o }) : null
44
+ f ? /* @__PURE__ */ e.jsx(G, { id: i, className: be, children: a instanceof Error ? a.message : a }) : d ? /* @__PURE__ */ e.jsx(G, { id: b, className: ve, children: s instanceof Error ? s.message : s }) : null
45
45
  ] });
46
46
  }
47
- function $e({
48
- label: d,
49
- options: s,
47
+ function We({
48
+ label: u,
49
+ options: a,
50
50
  error: i,
51
- warning: o,
52
- footnote: x,
53
- className: n,
54
- ...k
51
+ warning: s,
52
+ footnote: b,
53
+ className: t,
54
+ onChange: o,
55
+ ...p
55
56
  }) {
56
- const u = U(), h = `${u}-error`, a = `${u}-warning`, m = !!i, f = !!o;
57
- return /* @__PURE__ */ e.jsxs(K, { label: d, error: i, warning: o, footnote: x, children: [
58
- /* @__PURE__ */ e.jsx("select", { ...k, "aria-invalid": m, "data-warning": f, "aria-describedby": m ? h : f ? a : void 0, className: l(v, "kakadu-components-709108872", n), children: s.map((p) => /* @__PURE__ */ e.jsx("option", { value: p.value, children: p.label }, p.value)) }),
59
- /* @__PURE__ */ e.jsx(ie, { className: "kakadu-components-1616393393" })
57
+ const x = Q(), m = `${x}-error`, f = `${x}-warning`, d = !!i, h = !d && !!s, g = d ? m : h ? f : void 0, {
58
+ value: k
59
+ } = p, [N, v] = I(""), C = k ?? N;
60
+ X(() => {
61
+ v(typeof k == "string" ? k : "");
62
+ }, [k]);
63
+ const T = y((n) => {
64
+ const {
65
+ value: S
66
+ } = n.target;
67
+ v(S), o == null || o(S, n);
68
+ }, [o]);
69
+ return /* @__PURE__ */ e.jsxs(_, { label: u, error: i, warning: s, footnote: b, children: [
70
+ /* @__PURE__ */ e.jsx("select", { ...p, value: C, "aria-invalid": d, "data-warning": h, "aria-describedby": g, className: r(w, "kakadu-components-4228384787", t), onChange: T, children: a.map((n) => /* @__PURE__ */ e.jsx("option", { value: n.value, children: n.label }, n.value)) }),
71
+ /* @__PURE__ */ e.jsx(ue, { width: 14, height: 14, className: "kakadu-components-158931186" })
60
72
  ] });
61
73
  }
62
- const ve = 36, G = "kakadu-components-4233741488";
63
- function Oe({
64
- type: d,
65
- label: s,
74
+ const Ne = 36, K = "kakadu-components-4233741488";
75
+ function Fe({
76
+ type: u,
77
+ label: a,
66
78
  error: i,
67
- warning: o,
68
- footnote: x,
69
- suggestion: n,
70
- hasCopyButton: k,
71
- hasClearButton: u,
72
- isMultiline: h,
73
- onChange: a,
74
- className: m,
75
- ...f
79
+ warning: s,
80
+ footnote: b,
81
+ suggestion: t,
82
+ hasCopyButton: o,
83
+ hasClearButton: p,
84
+ isMultiline: x,
85
+ onChange: m,
86
+ className: f,
87
+ ...d
76
88
  }) {
77
- const p = B(null), N = B(null), g = B(null), L = fe(), C = U(), Q = `${C}-error`, X = `${C}-warning`, {
78
- value: b
79
- } = f, [Y, M] = w(""), c = b ?? Y, [Z, _] = w(), ee = d === "textarea" || !!h;
80
- re(() => {
81
- typeof c == "string" && g.current && _(g.current.scrollHeight);
82
- }, [c]);
83
- const S = $(() => typeof c == "string" ? `${c} `.split(`
84
- `) : [], [c]), te = $(() => S.length, [S]), E = !!i, T = !!o, P = E ? Q : T ? X : void 0;
85
- le(() => {
86
- M(typeof b == "string" ? b : "");
87
- }, [b]);
88
- const R = y((t) => {
89
+ const h = P(null), g = P(null), k = P(null), N = he(), v = Q(), C = `${v}-error`, T = `${v}-warning`, {
90
+ value: n
91
+ } = d, [S, V] = I(""), l = n ?? S, [ee, te] = I(), ne = u === "textarea" || !!x;
92
+ de(() => {
93
+ typeof l == "string" && k.current && te(k.current.scrollHeight);
94
+ }, [l]);
95
+ const H = O(() => typeof l == "string" ? `${l} `.split(`
96
+ `) : [], [l]), ae = O(() => H.length, [H]), E = !!i, L = !E && !!s, $ = E ? C : L ? T : void 0;
97
+ X(() => {
98
+ V(typeof n == "string" ? n : "");
99
+ }, [n]);
100
+ const M = y((j) => {
89
101
  const {
90
- value: r
91
- } = t.target;
92
- M(r), a == null || a(r, t);
93
- }, [a]), ne = y(() => {
94
- typeof c == "string" && (V(c), L({
95
- type: ke.success,
102
+ value: c
103
+ } = j.target;
104
+ V(c), m == null || m(c, j);
105
+ }, [m]), se = y(() => {
106
+ typeof l == "string" && (z(l), N({
107
+ type: xe.success,
96
108
  children: "Copied to clipboard."
97
109
  }));
98
- }, [c, L]), ae = y(() => {
99
- var r;
100
- const t = N.current ?? p.current;
101
- if (a && t) {
102
- const j = (r = Object.getOwnPropertyDescriptor(t instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype, "value")) == null ? void 0 : r.set;
103
- if (j) {
104
- j.call(t, "");
105
- const I = new Event("input", {
110
+ }, [l, N]), B = y((j) => {
111
+ var W;
112
+ const c = g.current ?? h.current ?? void 0;
113
+ if (c) {
114
+ const F = (W = Object.getOwnPropertyDescriptor(c instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype, "value")) == null ? void 0 : W.set;
115
+ if (F) {
116
+ F.call(c, j);
117
+ const ie = new Event("input", {
106
118
  bubbles: !0
107
119
  });
108
- t.dispatchEvent(I), t.focus();
120
+ c.dispatchEvent(ie), c.focus();
121
+ return;
109
122
  }
110
123
  }
111
- }, [a]), [se, oe] = w(""), A = !!n && se !== n, ce = y(() => {
112
- var r;
113
- const t = N.current ?? p.current;
114
- if (n && a && t) {
115
- const j = (r = Object.getOwnPropertyDescriptor(t instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype, "value")) == null ? void 0 : r.set;
116
- if (j) {
117
- j.call(t, n);
118
- const I = new Event("input", {
119
- bubbles: !0
120
- });
121
- t.dispatchEvent(I), t.focus();
122
- } else
123
- V(n);
124
- oe(n);
124
+ throw new Error("Unable to set value.");
125
+ }, []), oe = y(() => {
126
+ B("");
127
+ }, [B]), [le, ce] = I(""), A = !!t && le !== t, re = y(() => {
128
+ if (t) {
129
+ try {
130
+ B(t);
131
+ } catch {
132
+ z(t);
133
+ }
134
+ ce(t);
125
135
  }
126
- }, [n, a]);
127
- return /* @__PURE__ */ e.jsxs(K, { label: s, error: i, warning: o, footnote: x, attachments: /* @__PURE__ */ e.jsx(me, { isCollapsed: !A, children: A ? /* @__PURE__ */ e.jsxs("button", { type: "button", className: l(de, q, "kakadu-components-2355856341"), onClick: ce, children: [
128
- /* @__PURE__ */ e.jsx(ue, { label: "Apply suggestion" }),
136
+ }, [t, B]);
137
+ return /* @__PURE__ */ e.jsxs(_, { label: a, error: i, warning: s, footnote: b, attachments: /* @__PURE__ */ e.jsx(fe, { isCollapsed: !A, children: A ? /* @__PURE__ */ e.jsxs("button", { type: "button", className: r(me, Y, "kakadu-components-2355856341"), onClick: re, children: [
138
+ /* @__PURE__ */ e.jsx(ke, { label: "Apply suggestion" }),
129
139
  /* @__PURE__ */ e.jsx(pe, { width: 13, height: 13, className: "kakadu-components-1021263934" }),
130
- /* @__PURE__ */ e.jsx(H, { className: "kakadu-components-1585874956", children: n }),
131
- /* @__PURE__ */ e.jsx(F, { className: "kakadu-components-3448565402" }),
132
- /* @__PURE__ */ e.jsx(z, {})
140
+ /* @__PURE__ */ e.jsx(R, { className: "kakadu-components-1585874956", children: t }),
141
+ /* @__PURE__ */ e.jsx(q, { className: "kakadu-components-3448565402" }),
142
+ /* @__PURE__ */ e.jsx(J, {})
133
143
  ] }) : null }), style: {
134
- "--button-padding": `${ve * ((k ? 1 : 0) + (u ? 1 : 0))}px`
144
+ "--button-padding": `${Ne * ((o ? 1 : 0) + (p ? 1 : 0))}px`
135
145
  }, children: [
136
146
  /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-3146929190", children: [
137
- ee ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
138
- /* @__PURE__ */ e.jsxs("span", { ref: g, "aria-hidden": !0, className: l(v, m, "kakadu-components-2033521835"), children: [
139
- S.map((t, r) => (
147
+ ne ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
148
+ /* @__PURE__ */ e.jsxs("span", { ref: k, "aria-hidden": !0, className: r(w, f, "kakadu-components-2033521835"), children: [
149
+ H.map((j, c) => (
140
150
  // eslint-disable-next-line react/no-array-index-key
141
151
  /* @__PURE__ */ e.jsxs("span", { children: [
142
- t,
143
- te > 1 ? /* @__PURE__ */ e.jsx("br", {}) : null
144
- ] }, r)
152
+ j,
153
+ ae > 1 ? /* @__PURE__ */ e.jsx("br", {}) : null
154
+ ] }, c)
145
155
  )),
146
156
  " "
147
157
  ] }),
148
- /* @__PURE__ */ e.jsx("textarea", { ...f, ref: N, rows: 1, "aria-invalid": E, "data-warning": T, "aria-describedby": P, value: c, className: l(v, m, "kakadu-components-2119524139"), style: {
149
- minHeight: Z
150
- }, onChange: R })
151
- ] }) : /* @__PURE__ */ e.jsx("input", { ...f, ref: p, type: d ?? "text", value: c, "aria-invalid": E, "data-warning": T, "aria-describedby": P, className: l(v, m), onChange: R }),
152
- /* @__PURE__ */ e.jsx(F, { className: "kakadu-components-1614211948" }),
153
- /* @__PURE__ */ e.jsx(z, { className: "kakadu-components-1041647916" })
158
+ /* @__PURE__ */ e.jsx("textarea", { ...d, ref: g, rows: 1, "aria-invalid": E, "data-warning": L, "aria-describedby": $, value: l, className: r(w, f, "kakadu-components-2119524139"), style: {
159
+ minHeight: ee
160
+ }, onChange: M })
161
+ ] }) : /* @__PURE__ */ e.jsx("input", { ...d, ref: h, type: u ?? "text", value: l, "aria-invalid": E, "data-warning": L, "aria-describedby": $, className: r(w, f), onChange: M }),
162
+ /* @__PURE__ */ e.jsx(q, { className: "kakadu-components-1614211948" }),
163
+ /* @__PURE__ */ e.jsx(J, { className: "kakadu-components-1041647916" })
154
164
  ] }),
155
- k || u ? /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-131986363", children: [
156
- k ? /* @__PURE__ */ e.jsx(W, { iconLeft: O.copy, label: "Copy", tooltip: "Copy", className: G, onClick: ne }) : null,
157
- u ? /* @__PURE__ */ e.jsx(W, { iconLeft: O.times, label: "Clear", tooltip: "Clear", className: G, onClick: ae }) : null
165
+ o || p ? /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-131986363", children: [
166
+ o ? /* @__PURE__ */ e.jsx(D, { iconLeft: U.copy, label: "Copy", tooltip: "Copy", className: K, onClick: se }) : null,
167
+ p ? /* @__PURE__ */ e.jsx(D, { iconLeft: U.times, label: "Clear", tooltip: "Clear", className: K, onClick: oe }) : null
158
168
  ] }) : null
159
169
  ] });
160
170
  }
161
171
  export {
162
- $e as Select,
163
- Oe as default,
164
- je as errorParagraph
172
+ We as Select,
173
+ Fe as default,
174
+ be as errorParagraph
165
175
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),o=require("@kuma-ui/core"),r=require("../icon-Dw7yhWuE.js"),x=require("./flex.js"),y=require("./text.js"),E=require("./click-ripples.js"),m=require("./hover-gradient.js"),q=require("./button-tooltip.js"),_=require("./aria-text.js"),v=require("./atom.js");var l=(t=>(t.primary="primary",t.delete="delete",t))(l||{});const R="kakadu-components-4017654514";function B({iconLeft:t,iconRight:n,variant:p="primary",tooltip:u,href:a,target:c,rel:i,className:d,children:s,label:k,...j}){return e.jsxRuntimeExports.jsxs(v.default,{...j,as:a?"a":"button",type:a?void 0:"button",href:a,target:c,rel:i,className:o.cx(y.textShadowStyles,"kakadu-components-3563685584",s&&(t||n)?o.cx(!!t&&"kakadu-components-497190725",!!n&&"kakadu-components-3729381008"):"kakadu-components-3866032606",p==="delete"&&R,d),children:[e.jsxRuntimeExports.jsxs(x.default,{direction:"row",gap:.5,alignment:x.FlexAlignment.center,children:[t?e.jsxRuntimeExports.jsx("div",{className:o.cx("kakadu-components-3184610208",s?"kakadu-components-602380047":"kakadu-components-233407571"),children:typeof t=="string"?e.jsxRuntimeExports.jsx(r.Icon,{width:14,height:14,type:t}):t}):null,s?e.jsxRuntimeExports.jsx("span",{className:"kakadu-components-1760622304",children:s}):e.jsxRuntimeExports.jsx(_.default,{children:k}),n?e.jsxRuntimeExports.jsx("div",{className:o.cx("kakadu-components-3184610208",s?"kakadu-components-1681694072":"kakadu-components-233407571"),children:typeof n=="string"?e.jsxRuntimeExports.jsx(r.Icon,{width:14,height:14,type:n}):n}):null]}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-1343580459",children:[e.jsxRuntimeExports.jsx(E.default,{size:s?void 0:50}),e.jsxRuntimeExports.jsx(m.default,{size:s?void 0:50,className:m.normalBlendStyles}),u?e.jsxRuntimeExports.jsx(q.default,{label:u}):null]})]})}exports.TextButtonVariant=l;exports.default=B;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),o=require("@kuma-ui/core"),r=require("../icon-Dw7yhWuE.js"),x=require("./flex.js"),y=require("./text.js"),E=require("./click-ripples.js"),m=require("./hover-gradient.js"),q=require("./button-tooltip.js"),_=require("./aria-text.js"),v=require("./atom.js");var l=(t=>(t.primary="primary",t.delete="delete",t))(l||{});const R="kakadu-components-4017654514";function B({iconLeft:t,iconRight:n,variant:p="primary",tooltip:u,href:a,target:c,rel:i,className:d,children:s,label:k,...j}){return e.jsxRuntimeExports.jsxs(v.default,{...j,as:a?"a":"button",type:a?void 0:"button",href:a,target:c,rel:i,className:o.cx(y.textShadowStyles,"kakadu-components-3563685584",s&&(t||n)?o.cx(!!t&&"kakadu-components-497190725",!!n&&"kakadu-components-3729381008"):"kakadu-components-3866032606",p==="delete"&&R,d),children:[e.jsxRuntimeExports.jsxs(x.default,{direction:"row",gap:.5,alignment:x.FlexAlignment.center,children:[t?e.jsxRuntimeExports.jsx("div",{className:o.cx("kakadu-components-2031441451",s?"kakadu-components-2885581246":"kakadu-components-572005744"),children:typeof t=="string"?e.jsxRuntimeExports.jsx(r.Icon,{width:14,height:14,type:t}):t}):null,s?e.jsxRuntimeExports.jsx("span",{className:"kakadu-components-1760622304",children:s}):e.jsxRuntimeExports.jsx(_.default,{children:k}),n?e.jsxRuntimeExports.jsx("div",{className:o.cx("kakadu-components-3184610208",s?"kakadu-components-1681694072":"kakadu-components-233407571"),children:typeof n=="string"?e.jsxRuntimeExports.jsx(r.Icon,{width:14,height:14,type:n}):n}):null]}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-1343580459",children:[e.jsxRuntimeExports.jsx(E.default,{size:s?void 0:50}),e.jsxRuntimeExports.jsx(m.default,{size:s?void 0:50,className:m.normalBlendStyles}),u?e.jsxRuntimeExports.jsx(q.default,{label:u}):null]})]})}exports.TextButtonVariant=l;exports.default=B;
@@ -25,7 +25,7 @@ function H({
25
25
  }) {
26
26
  return /* @__PURE__ */ o.jsxs(w, { ...x, as: m ? "a" : "button", type: m ? void 0 : "button", href: m, target: l, rel: d, className: t(j, "kakadu-components-3563685584", a && (e || s) ? t(!!e && "kakadu-components-497190725", !!s && "kakadu-components-3729381008") : "kakadu-components-3866032606", p === "delete" && b, k), children: [
27
27
  /* @__PURE__ */ o.jsxs(i, { direction: "row", gap: 0.5, alignment: c.center, children: [
28
- e ? /* @__PURE__ */ o.jsx("div", { className: t("kakadu-components-3184610208", a ? "kakadu-components-602380047" : "kakadu-components-233407571"), children: typeof e == "string" ? /* @__PURE__ */ o.jsx(r, { width: 14, height: 14, type: e }) : e }) : null,
28
+ e ? /* @__PURE__ */ o.jsx("div", { className: t("kakadu-components-2031441451", a ? "kakadu-components-2885581246" : "kakadu-components-572005744"), children: typeof e == "string" ? /* @__PURE__ */ o.jsx(r, { width: 14, height: 14, type: e }) : e }) : null,
29
29
  a ? /* @__PURE__ */ o.jsx("span", { className: "kakadu-components-1760622304", children: a }) : /* @__PURE__ */ o.jsx(N, { children: u }),
30
30
  s ? /* @__PURE__ */ o.jsx("div", { className: t("kakadu-components-3184610208", a ? "kakadu-components-1681694072" : "kakadu-components-233407571"), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(r, { width: 14, height: 14, type: s }) : s }) : null
31
31
  ] }),
@@ -1 +1 @@
1
- .kakadu-components-2310209127{--light-color:#f8fafc;--dark-color:#0c0d12;--background-color:var(--light-color);--foreground-color:var(--dark-color);--red-color:#be354b;--red-color-hover:#c73d56;--red-color-light:#e8687d;--yellow-color:#c9ac56;--yellow-color-hover:#d1b559;--yellow-color-light:#edcd71;--yellow-color-dark:#a4830b;--green-color:#52a14b;--green-color-hover:#5ea957;--green-color-light:#6fb86a;--primary-color:var(--green-color);--primary-color-hover:var(--green-color-hover);--secondary-color:#175694;--secondary-color-hover:#2c6195;--secondary-color-1:#222528;--secondary-color-2:#112a37;--secondary-color-3:#1e2f35;--secondary-color-4:#2c3238;--flash-color:rgba(255, 216, 57, .5);--font-weight-modifier:50;--gap:16px;--scale-multiplier:.6;--quarter-gap:calc(var(--gap) / 4);--third-gap:calc(var(--gap) / 3);--half-gap:calc(var(--gap) / 2);--sesquialteral-gap:calc(var(--gap) * (1.5 * var(--scale-multiplier)));--double-gap:calc(var(--gap) * (2 * var(--scale-multiplier)));--triple-gap:calc(var(--gap) * (3 * var(--scale-multiplier)));--quadruple-gap:calc(var(--gap) * (4 * var(--scale-multiplier)));--content-padding:calc(var(--gap) * 1.1875);--sidebar-z-index:424242;--modal-z-index:424243;--page-padding:var(--gap);--page-width:1080px;--text-width:780px;--content-width:620px;--font-family:"Inter",-apple-system,helvetica,arial,sans-serif;font-family:var(--font-family);font-optical-sizing:auto;line-height:normal;color:var(--foreground-color);--root-font-size:1rem;--8px:calc(var(--root-font-size) * .5);--9px:calc(var(--root-font-size) * .5625);--10px:calc(var(--root-font-size) * .625);--11px:calc(var(--root-font-size) * .6875);--12px:calc(var(--root-font-size) * .75);--13px:calc(var(--root-font-size) * .8125);--14px:calc(var(--root-font-size) * .875);--15px:calc(var(--root-font-size) * .9375);--16px:calc(var(--root-font-size) * 1);--17px:calc(var(--root-font-size) * 1.0625);--18px:calc(var(--root-font-size) * 1.125);--19px:calc(var(--root-font-size) * 1.1875);--20px:calc(var(--root-font-size) * 1.25);--21px:calc(var(--root-font-size) * 1.3125);--22px:calc(var(--root-font-size) * 1.375);--23px:calc(var(--root-font-size) * 1.4375);--24px:calc(var(--root-font-size) * 1.5);--25px:calc(var(--root-font-size) * 1.5625);--26px:calc(var(--root-font-size) * 1.625);--27px:calc(var(--root-font-size) * 1.6875);--28px:calc(var(--root-font-size) * 1.75);--29px:calc(var(--root-font-size) * 1.8125);--30px:calc(var(--root-font-size) * 1.875);--31px:calc(var(--root-font-size) * 1.9375);--32px:calc(var(--root-font-size) * 2);--33px:calc(var(--root-font-size) * 2.0625);--34px:calc(var(--root-font-size) * 2.125);--35px:calc(var(--root-font-size) * 2.1875);--36px:calc(var(--root-font-size) * 2.25);--37px:calc(var(--root-font-size) * 2.3125);--38px:calc(var(--root-font-size) * 2.375);--39px:calc(var(--root-font-size) * 2.4375);--40px:calc(var(--root-font-size) * 2.5);--41px:calc(var(--root-font-size) * 2.5625);--42px:calc(var(--root-font-size) * 2.625);--43px:calc(var(--root-font-size) * 2.6875);--44px:calc(var(--root-font-size) * 2.75);--45px:calc(var(--root-font-size) * 2.8125);--46px:calc(var(--root-font-size) * 2.875);--47px:calc(var(--root-font-size) * 2.9375);--48px:calc(var(--root-font-size) * 3)}:where([data-theme=dark]) .kakadu-components-2310209127,.kakadu-components-2310209127[data-theme=dark]{--font-weight-modifier:0;--background-color:var(--dark-color);--foreground-color:var(--light-color);--secondary-color:#cce0f0;--secondary-color-hover:#fff;--secondary-color-1:#edf0f2;--secondary-color-2:#e2e6eb;--secondary-color-3:#cbcdd0;--secondary-color-4:#fff;--yellow-color-dark:#c9b15d}@media(min-width:460px){.kakadu-components-2310209127{--scale-multiplier:.7}}@media(min-width:580px){.kakadu-components-2310209127{--scale-multiplier:.8;--page-padding:var(--double-gap)}}@media(min-width:860px){.kakadu-components-2310209127{--scale-multiplier:1;--page-padding:var(--triple-gap)}}.kakadu-components-4178476647{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.kakadu-components-216224454{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;text-align:left;border:0;margin:0;padding:0;cursor:pointer}[dir=rtl] .kakadu-components-216224454{text-align:right}.kakadu-components-352310015{--soft-shadow-color:rgba(255, 255, 255, .375);--hard-shadow-color:rgba(0, 0, 0, .075);--inset-hard-shadow-color:rgba(0, 0, 0, .2);--box-shadow-outline-color:#fff;--box-shadow-color:rgba(0, 0, 0, .25);--box-shadow-highlight-color:rgba(255, 255, 255, .05);--box-shadow-top-highlight-color:var(--box-shadow-highlight-color);--box-shadow-inset-color:rgba(0, 0, 0, .25);--bevel-shadow-offset:4px;--bevel-shadow-color:rgba(0, 0, 0, .1);--outline-color:rgba(0, 0, 0, 0);--outline-width:0px;box-shadow:0 0 2px var(--soft-shadow-color),0 0 0 1px var(--box-shadow-outline-color),0 var(--bevel-shadow-offset) 0 var(--hard-shadow-color),inset 0 calc(var(--bevel-shadow-offset) * -1) 0 var(--bevel-shadow-color),inset 0 calc((var(--bevel-shadow-offset) + 1px) * -1) 0 var(--box-shadow-highlight-color),0 0 0 var(--outline-width) var(--outline-color)}:where([data-theme=dark]) .kakadu-components-352310015{--soft-shadow-color:rgba(0, 0, 0, .375);--hard-shadow-color:rgba(0, 0, 0, .4)}.kakadu-components-352310015:before{content:"";width:100%;height:100%;position:absolute;border-radius:var(--border-radius);top:0;right:0;bottom:0;left:0;mix-blend-mode:overlay;box-shadow:inset 0 0 0 1px var(--box-shadow-color),inset 0 2px 0 var(--box-shadow-top-highlight-color),inset 0 -2px 0 var(--box-shadow-highlight-color),inset 0 1px 0 var(--box-shadow-inset-color),inset 0 calc(var(--bevel-shadow-offset) * -1) 0 var(--inset-hard-shadow-color);transition:box-shadow .37s}:where([data-theme=dark]) .kakadu-components-1119532724.kakadu-components-1119532724{--box-shadow-outline-color:#07130e;--box-shadow-color:rgba(255, 255, 255, .2)}.kakadu-components-3440084244{width:1px;height:1px;white-space:nowrap;padding:0;margin:-1px;border:0;position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip:rect(0,0,0,0);word-wrap:normal}.kakadu-components-2071660791{--outline-shadow-color:rgba(255, 255, 255, 1);--hard-shadow-color:rgba(0, 0, 0, .03);--inset-inner-shadow-color:rgba(0, 0, 0, .2);--inset-outer-shadow-color:rgba(255, 255, 255, .75);--inset-hard-shadow-color:rgba(0, 0, 0, .025);--soft-shadow-color:rgba(255, 255, 255, .5);background:#fff6;padding:var(--content-padding);box-shadow:0 0 0 1px var(--outline-shadow-color),inset 0 0 0 1px var(--inset-inner-shadow-color),inset 0 0 0 2px var(--inset-outer-shadow-color),inset 0 5px 0 var(--inset-hard-shadow-color),0 0 2px 1px var(--soft-shadow-color),0 1px 1px var(--hard-shadow-color),0 5px 0 var(--hard-shadow-color);--border-radius:12px;border-radius:var(--border-radius)}:where([data-theme=dark]) .kakadu-components-2071660791{--outline-shadow-color:rgba(0, 0, 0, 1);--hard-shadow-color:rgba(0, 0, 0, .3);--inset-inner-shadow-color:rgba(255, 255, 255, .3);--inset-outer-shadow-color:rgba(0, 0, 0, .75);--inset-hard-shadow-color:rgba(0, 0, 0, .1);--soft-shadow-color:rgba(0, 0, 0, .5);background-color:#141419cc}.kakadu-components-2395643287{--hard-soft-shadow-color:rgba(255, 255, 255, .075);--hard-shadow-color:rgba(255, 255, 255, .2);--blur-shadow-color:rgba(255, 255, 255, .25);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 1px 3px var(--blur-shadow-color)) drop-shadow(0 -1px var(--hard-soft-shadow-color)) drop-shadow(1px 0 var(--hard-soft-shadow-color)) drop-shadow(-1px 0 0 var(--hard-soft-shadow-color))}:where([data-theme=dark]) .kakadu-components-2395643287{--hard-soft-shadow-color:rgba(0, 0, 0, .15);--hard-shadow-color:rgba(0, 0, 0, .3);--blur-shadow-color:rgba(0, 0, 0, .15)}.kakadu-components-1569667551{display:inline-block;vertical-align:top;transform-box:view-box;transform-origin:center;shape-rendering:geometricPrecision}.kakadu-components-1717890504{transform-box:fill-box;transform-origin:center;animation:loading-spinner .97s linear infinite;will-change:transform}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(359.999deg)}}.kakadu-components-3913140600{opacity:0;transform:translate3d(0,1px,0) scale(.75);transition:transform .16s,opacity .12s}.kakadu-components-2895791158{transform:translate3d(0,1px,0) scale(1);opacity:1}.kakadu-components-1792481071{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity);mix-blend-mode:overlay}.kakadu-components-3566333728{width:100%;height:100%;color:var(--color, #000);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity, .1);mix-blend-mode:plus-darker}:where([data-theme=dark]) .kakadu-components-3566333728{--color:#fff;--opacity:.05;mix-blend-mode:plus-lighter}.kakadu-components-4049648322{-webkit-mask-image:radial-gradient(ellipse,black 0%,black 60%,transparent 75%,transparent 100%);mask-image:radial-gradient(ellipse,black 0%,black 60%,transparent 75%,transparent 100%)}.kakadu-components-3828473824{--translation:translate(-50%, -50%);background:#00000013;width:var(--size);height:var(--size);border-radius:var(--size);position:absolute;top:0;left:0;transform:var(--translation) scale(0);opacity:0;animation:ripple .37s ease-out}@keyframes ripple{0%{transform:var(--translation) scale(0);opacity:0}60%{opacity:1}to{transform:var(--translation) scale(1);opacity:0}}:where([data-theme=dark]) .kakadu-components-3828473824{background-color:#ffffff13}.kakadu-components-4189236582{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:var(--offset, 0);left:var(--offset, 0);right:var(--offset, 0);bottom:var(--offset, 0)}.kakadu-components-2608453841.kakadu-components-2608453841{mix-blend-mode:normal;opacity:.3}.kakadu-components-1237006455{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:var(--offset, 0);left:var(--offset, 0);right:var(--offset, 0);bottom:var(--offset, 0);mix-blend-mode:overlay}.kakadu-components-611160091{--gradient-start-color:rgba(0, 0, 0, .125);--gradient-end-color:rgba(0, 0, 0, 0);background-image:radial-gradient(circle,var(--gradient-start-color) 0%,var(--gradient-end-color) 60%);position:absolute;width:var(--size);height:var(--size);transform:translate(var(--offset-x),var(--offset-y)) translate(-50%,-50%);opacity:0;transition:opacity .2s}:where([data-theme=dark]) .kakadu-components-611160091{--gradient-start-color:rgba(255, 255, 255, .125);--gradient-end-color:rgba(255, 255, 255, 0)}.kakadu-components-3627966847{opacity:1}.kakadu-components-3358774822{position:absolute;left:50%;bottom:calc(100% + 7px);text-align:center;pointer-events:none;white-space:nowrap;transform:translate(-50%);display:none}@media(hover:hover){.kakadu-components-3358774822{display:block}}.kakadu-components-1128219903{background:#fff;font-size:var(--12px);padding:3px 7px;border-radius:5px;color:#000;display:inline-block;position:relative;--box-shadow-outline-color:#fff;--box-shadow-color:rgba(0, 0, 0, .15);--box-shadow-inset-color:rgba(0, 0, 0, .2);box-shadow:0 0 0 1px var(--box-shadow-outline-color),0 1px 4px var(--box-shadow-color),inset 0 0 0 1px var(--box-shadow-inset-color);transform:translate3d(0,4px,0) scale(.8);opacity:0}:where([data-theme=dark]) button .kakadu-components-1128219903{background:#141419b3;color:#fff;--box-shadow-outline-color:rgba(0, 0, 0, .7);--box-shadow-color:rgba(255, 255, 255, .1);--box-shadow-inset-color:rgba(255, 255, 255, .25)}.kakadu-components-1128219903:after{content:"";position:absolute;top:calc(100% - 5px);left:50%;transform:translate(-50%) rotate(45deg);width:7px;height:7px;background:#fff;--box-shadow-color:rgb(200, 200, 200);--outer-box-shadow-color:rgb(250, 250, 250);box-shadow:1px 1px 0 var(--box-shadow-color),2px 2px 0 var(--outer-box-shadow-color);z-index:-1}:where([data-theme=dark]) button .kakadu-components-1128219903:after{background:#131314;--box-shadow-color:rgb(80, 80, 80);--outer-box-shadow-color:rgba(0, 0, 0, .3)}@media(hover:hover){.kakadu-components-1128219903{transition:transform .1s,opacity .1s}button:hover .kakadu-components-1128219903{transform:translateZ(0) scale(1);opacity:1;transition:transform .3s .2s,opacity .3s .2s}}.kakadu-components-2658660333{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;--hard-shadow-color:rgba(0, 0, 0, .25);--blur-shadow-color:rgba(0, 0, 0, .35)}.kakadu-components-2658660333 svg{transform:translateZ(0);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 0 2px var(--blur-shadow-color))}:where([data-theme=light]) .kakadu-components-3469662110 svg{--hard-shadow-color:rgba(255, 255, 255, .25);--blur-shadow-color:rgba(255, 255, 255, .35)}.kakadu-components-2244098950.kakadu-components-2244098950:before{mix-blend-mode:normal}:where([data-theme=light]) .kakadu-components-2244098950.kakadu-components-2244098950{background-color:#ffffffe6;color:#000c;--text-shadow-color:rgba(255, 255, 255, .35);--text-shadow-hard-color:rgba(255, 255, 255, .25);--box-shadow-color:rgba(0, 0, 0, .15);--box-shadow-highlight-color:rgba(255, 255, 255, .25);--box-shadow-inset-color:rgba(0, 0, 0, .1);--inset-hard-shadow-color:rgba(0, 0, 0, .05);--loading-background-color:rgba(255, 255, 255, .3);--loading-background-color-gradient-start:rgba(255, 255, 255, .6);--loading-background-color-gradient-end:rgba(255, 255, 255, 0)}@media(hover:hover){:where([data-theme=light]) .kakadu-components-2244098950.kakadu-components-2244098950:not([disabled]):hover{background-color:#fff;color:#000}}:where([data-theme=dark]) .kakadu-components-2244098950.kakadu-components-2244098950{background-color:#161619cc;color:#ffffffe6;--text-shadow-color:rgba(0, 0, 0, .35);--text-shadow-hard-color:rgba(0, 0, 0, .25);--box-shadow-color:rgba(255, 255, 255, .2);--box-shadow-highlight-color:rgba(0, 0, 0, .75);--box-shadow-inset-color:rgba(255, 255, 255, .3);--inset-hard-shadow-color:rgba(255, 255, 255, .075);--bevel-shadow-color:rgba(255, 255, 255, .075);--box-shadow-outline-color:var(--background-color);--loading-background-color:rgba(0, 0, 0, .65);--loading-background-color-gradient-start:rgba(0, 0, 0, .2);--loading-background-color-gradient-end:rgba(0, 0, 0, 0)}@media(hover:hover){:where([data-theme=dark]) .kakadu-components-2244098950.kakadu-components-2244098950:not([disabled]):hover{background-color:#1c1c1ecc;color:#fff}}.kakadu-components-3923184173.kakadu-components-3923184173{background-color:var(--green-color)}@media(hover:hover){.kakadu-components-3923184173.kakadu-components-3923184173:not([disabled]):hover{background-color:var(--green-color-hover)}}.kakadu-components-317965671.kakadu-components-317965671{background-color:var(--yellow-color)}@media(hover:hover){.kakadu-components-317965671.kakadu-components-317965671:not([disabled]):hover{background-color:var(--yellow-color-hover)}}.kakadu-components-1978976872.kakadu-components-1978976872{background-color:var(--red-color)}@media(hover:hover){.kakadu-components-1978976872.kakadu-components-1978976872:not([disabled]):hover{background-color:var(--red-color-hover)}}.kakadu-components-1578318887{--text-shadow-color:rgba(0, 0, 0, .35);--text-shadow-hard-color:rgba(0, 0, 0, .25);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--primary-color);font-family:var(--font-family);font-size:var(--16px);font-weight:550;text-align:center;text-decoration:none;margin:0;padding:calc(var(--gap) * .65) calc(var(--gap) * 1.4);padding-bottom:calc(var(--gap) * .75);cursor:pointer;color:#fff;border:0;--border-radius:30px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .37s,box-shadow .37s,transform .37s}.kakadu-components-1578318887:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}@media(hover:hover){.kakadu-components-1578318887:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;text-decoration:underline}.kakadu-components-1578318887:before{transition-duration:.1s}}.kakadu-components-3652831856{text-align:left}.kakadu-components-2746167644{padding-left:12px;padding-right:12px}.kakadu-components-294089230{padding-right:2px;left:-4px}.kakadu-components-2618257692{position:relative;z-index:2;text-shadow:0 0 2px var(--text-shadow-color),0 1px 0 var(--text-shadow-hard-color)}.kakadu-components-3127707672{padding-left:2px;right:-4px}.kakadu-components-1029011626{position:absolute;top:2px;right:2px;bottom:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);opacity:0;transition:opacity .1s;border-radius:var(--border-radius);pointer-events:none;z-index:3}.kakadu-components-726496666{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:1}.kakadu-components-772420116{background-color:var( --loading-background-color, rgba(0, 0, 0, .1) );background-image:radial-gradient(ellipse,var(--loading-background-color-gradient-start, rgba(0, 0, 0, .2)) 0%,var(--loading-background-color-gradient-end, rgba(0, 0, 0, 0)) 75%);color:var(--loading-color);display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius);position:absolute;top:0;right:0;bottom:0;left:0}.kakadu-components-1505766785{border-radius:var(--border-radius)}.kakadu-components-3712045697.kakadu-components-3712045697{mix-blend-mode:hard-light;opacity:.05}.kakadu-components-2813474662.kakadu-components-2813474662{color:#fff;mix-blend-mode:plus-lighter;border-radius:var(--border-radius)}.kakadu-components-563258661{display:flex;align-items:var(--cross-axis-alignment);justify-content:var(--main-axis-alignment)}.kakadu-components-1546485850{flex-direction:column;align-items:var(--main-axis-alignment);justify-content:var(--cross-axis-alignment)}.kakadu-components-223643817{--main-axis-alignment:flex-start;--cross-axis-alignment:center}.kakadu-components-4038850420{--main-axis-alignment:center;--cross-axis-alignment:center}.kakadu-components-317611484{--main-axis-alignment:space-between;--cross-axis-alignment:center}.kakadu-components-2767496155{--main-axis-alignment:flex-end;--cross-axis-alignment:center}.kakadu-components-2276234075{gap:var(--quarter-gap)}.kakadu-components-739568937{gap:var(--third-gap)}.kakadu-components-3438335458{gap:var(--half-gap)}.kakadu-components-3350948469{gap:calc(var(--gap) * .75)}.kakadu-components-3993051137{gap:var(--gap)}.kakadu-components-4186556816{gap:var(--sesquialteral-gap)}.kakadu-components-1435205015{gap:var(--double-gap)}.kakadu-components-4251546321{gap:calc(var(--gap) * 2.25)}.kakadu-components-1168734547{gap:var(--triple-gap)}.kakadu-components-1543861259{gap:var(--quadruple-gap)}.kakadu-components-3545808562{flex-wrap:wrap}.kakadu-components-3911899222{flex:1}.kakadu-components-1538322784{--text-shadow-color-numbers:255,255,255;--text-shadow-multiplier:1;text-shadow:0 1px 0 rgba(var(--text-shadow-color-numbers),calc(.3 * var(--text-shadow-multiplier))),0 3px 0 rgba(var(--text-shadow-color-numbers),calc(.05 * var(--text-shadow-multiplier))),0 0 2px rgba(var(--text-shadow-color-numbers),calc(.4 * var(--text-shadow-multiplier))),0 1px 4px rgba(var(--text-shadow-color-numbers),calc(.2 * var(--text-shadow-multiplier)))}:where([data-theme=dark]) .kakadu-components-1538322784{--text-shadow-color-numbers:0,0,0;--text-shadow-multiplier:1.5}.kakadu-components-739732526 a{color:var(--secondary-color);text-decoration:underline}@media(hover:hover){.kakadu-components-739732526 a:hover{color:var(--secondary-color-hover);text-decoration:none}}.kakadu-components-1669332734{font-family:var(--font-family);font-size:var(--34px);color:var(--secondary-color-1);--font-weight:650;font-weight:var(--font-weight);line-height:1.1em;padding:0;margin:0}.kakadu-components-1669332734 b{font-weight:calc(var(--font-weight) + 50);color:var(--secondary-color-4)}.kakadu-components-1669332734 strong{font-weight:calc(var(--font-weight) + 150);color:var(--secondary-color-4)}.kakadu-components-1038708690.kakadu-components-1038708690{text-decoration:none;color:inherit}@media(hover:hover){.kakadu-components-1038708690.kakadu-components-1038708690:hover{color:inherit;text-decoration:underline}}.kakadu-components-1923397960{font-family:var(--font-family);font-size:var(--16px)}.kakadu-components-1923397960 b{font-weight:450;color:var(--secondary-color-2)}.kakadu-components-1923397960 strong{font-weight:600;color:var(--secondary-color-2)}.kakadu-components-1923397960 code{font-size:.9em}.kakadu-components-621160204{font-size:var(--16px);font-weight:400;color:var(--secondary-color-3);line-height:1.5em;padding:0;margin:0}.kakadu-components-1329768068.kakadu-components-1329768068{text-transform:uppercase;font-weight:600;font-size:var(--12px);opacity:.8}.kakadu-components-1082504586{max-width:var(--text-width);text-wrap:pretty}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h1){font-size:var(--32px)}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h2){font-size:var(--24px);--font-weight:650}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h3){font-size:var(--20px);--font-weight:400;opacity:.9}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h4){font-size:var(--17px);--font-weight:500}.kakadu-components-1082504586 h1+h2{margin-top:1.25em}.kakadu-components-1082504586 h2+h3{margin-top:.75em}.kakadu-components-1082504586 h3+h4{margin-top:.9em}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol,aside){margin-top:.9em}.kakadu-components-1082504586 :is(h1,h2)+p:has(+p){font-size:var(--20px);font-weight:400;line-height:1.3em;color:var(--secondary-color-2)}.kakadu-components-1082504586 :is(h1,h2)+p:has(+p)+p{margin-top:1.25em}.kakadu-components-1082504586 p+:is(p){margin-top:.75em}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6){margin-top:1.5em}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h3){margin-top:2em}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h4){margin-top:2em}.kakadu-components-1082504586 :is(div:has(>pre),pre,p,ul,ol,aside,label:has(input,textarea,select))+:is(h3,h4):before{content:"";width:16px;height:1px;background:#00000026;display:block;margin-bottom:2em}:where([data-theme=dark]) .kakadu-components-1082504586 :is(div:has(>pre),pre,p,ul,ol,aside,label:has(input,textarea,select))+:is(h3,h4):before{background-color:#ffffff26}.kakadu-components-1082504586 ul,.kakadu-components-1082504586 ol{margin:0;padding:0;list-style-position:inside}.kakadu-components-1082504586 :is(p,ul,ol)+:is(ul,ol){margin-top:1em}.kakadu-components-1082504586 li+li{margin-top:.25em}.kakadu-components-1082504586 li+:is(ol>li){margin-top:1em}.kakadu-components-1082504586 li:has(:is(ul,ol))+li{margin-top:.65em}.kakadu-components-1082504586 li::marker{font-weight:600}.kakadu-components-1082504586 :is(ul,ol)>li{font-weight:500}.kakadu-components-1082504586 :is(ul,ol)>li li{font-weight:400}.kakadu-components-1082504586 li a:only-child,.kakadu-components-1082504586 li a:first-child:has(+:is(ul,ol):last-child){text-decoration:none;color:currentColor}@media(hover:hover){.kakadu-components-1082504586 li a:only-child:hover,.kakadu-components-1082504586 li a:first-child:has(+:is(ul,ol):last-child):hover{text-decoration:underline;color:var(--secondary-color)}}.kakadu-components-1082504586 :is(ul,ol) :is(ul,ol){margin-top:var(--half-gap);padding-left:var(--gap)}.kakadu-components-1082504586 :is(p,ul,ol)+hr{margin-top:2em}.kakadu-components-1082504586 code:not(pre code){font-family:Source Code Pro,Source Code Pro Fallback,monospace;background:#ffffffe6;box-shadow:inset 0 0 0 1px #0003;display:inline-block;vertical-align:middle;padding:0 6px;border-radius:6px}:where([data-theme=dark]) .kakadu-components-1082504586 code:not(pre code){background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3}.kakadu-components-1082504586 pre{background:#ffffffe6;font-size:var(--12px);line-height:1.5em;color:#000;margin:0;white-space:pre-wrap;overflow:auto;padding:var(--gap);border-radius:var(--half-gap);box-sizing:border-box;box-shadow:inset 0 0 0 1px #0003}:where([data-theme=dark]) .kakadu-components-1082504586 pre{background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3;color:#ffffffb3}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(div:has(>pre),pre,label:has(:is(input,textarea,select))),.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(p,ul,ol,aside){margin-top:var(--double-gap)}.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(h1,h2,h3,h4,h5,h6){margin-top:var(--triple-gap)}.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(h1,h2,h3,h4,h5,h6):is(h3,h4){margin-top:2em}.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(div:has(>pre),pre,label:has(:is(input,textarea,select))){margin-top:var(--gap)}.kakadu-components-1082504586 aside:not(:is(div:has(>pre),pre,label:has(input,textarea,select))+aside){max-width:var(--content-width)}.kakadu-components-1082504586 :is(p,ul,ol)+aside,.kakadu-components-1082504586 aside+:is(p,ul,ol){margin-top:var(--double-gap)}.kakadu-components-1082504586 :is(div:has(>pre),pre)+aside,.kakadu-components-1082504586 aside+:is(div:has(>pre),pre){margin-top:var(--gap)}.kakadu-components-323682454.kakadu-components-323682454{max-width:var(--text-width)}.kakadu-components-323682454.kakadu-components-323682454 h1{font-size:var(--38px)}@media(min-width:410px){.kakadu-components-323682454.kakadu-components-323682454 h1{font-size:var(--48px)}}.kakadu-components-323682454.kakadu-components-323682454 h1+:is(p,ul){margin-top:.9em}.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p),.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child{font-size:var(--20px);line-height:1.4em}@media(min-width:410px){.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p),.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child{font-size:var(--24px)}}.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p)+p,.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child+p{margin-top:2.1em}.kakadu-components-323682454.kakadu-components-323682454 p{font-size:var(--18px);line-height:1.6em}.kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570{background:#fff;text-align:left;padding:var(--content-padding);padding-bottom:calc(var(--content-padding) - 2px);--border-radius:12px;border-radius:var(--border-radius);text-decoration:none;position:relative;cursor:pointer;border:0;transition:background-color .37s,box-shadow .37s,transform .37s}:where([data-theme=dark]) .kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570{background-color:#16181c;--box-shadow-color:rgba(255, 255, 255, .15);--inset-hard-shadow-color:rgba(0, 0, 0, .8);--box-shadow-outline-color:rgba(0, 0, 0, .75);--box-shadow-highlight-color:rgba(255, 255, 255, .04);--box-shadow-top-highlight-color:rgba(0, 0, 0, .6)}@media(hover:hover){:where([data-theme=dark]) .kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570:hover{background-color:#1a1c21}}.kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570:before{mix-blend-mode:normal}.kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570:active{transform:scale(.9875);transition-duration:.1s;--bevel-shadow-offset:1px}.kakadu-components-1301774894.kakadu-components-1301774894{font-size:var(--18px);font-weight:500;color:var(--foreground-color);text-decoration:none;text-decoration:0}:is(button,a):hover .kakadu-components-1301774894.kakadu-components-1301774894{text-decoration:underline}.kakadu-components-782417605{position:relative;left:-1px}.kakadu-components-3061837309.kakadu-components-3061837309{font-size:var(--15px);text-decoration:none;text-decoration:0}.kakadu-components-777975485.kakadu-components-777975485{font-size:var(--12px);font-weight:700;text-transform:uppercase;text-decoration:underline;color:#3574b5;padding-top:var(--quarter-gap)}:where([data-theme=dark]) .kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485{color:#84a3c8}@media(hover:hover){:is(button,a):hover .kakadu-components-777975485.kakadu-components-777975485,.kakadu-components-777975485.kakadu-components-777975485:hover{text-decoration:none;text-decoration:0;text-decoration-color:currentColor}}.kakadu-components-2967167444{opacity:.5}.kakadu-components-2223449868{transition:height .37s,opacity .37s}.kakadu-components-3857562328{position:absolute}.kakadu-components-3057735296{--border-radius:8px;width:34px;height:34px;padding-bottom:3px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:var(--border-radius);position:relative;transition:background-color .37s,box-shadow .37s,transform .37s}.kakadu-components-3057735296:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}@media(hover:hover){.kakadu-components-3057735296:not([disabled]):active.kakadu-components-3057735296:not([disabled]):active{--outline-width:0px}}@media(hover:hover){.kakadu-components-3057735296: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-3057735296:before{transition-duration:.1s}}.kakadu-components-2089159949{--outline-hover-color:rgba(0, 0, 0, .1)}:where([data-theme=dark]) .kakadu-components-2089159949{--outline-hover-color:rgba(255, 255, 255, .1)}.kakadu-components-1463468148{--outline-hover-color:color-mix( in srgb, var(--green-color) 37.5%, transparent )}.kakadu-components-2686186037{--outline-hover-color:color-mix( in srgb, var(--yellow-color) 37.5%, transparent )}.kakadu-components-2463905722{--outline-hover-color:color-mix( in srgb, var(--red-color) 37.5%, transparent )}.kakadu-components-2197738751{position:relative;display:flex;align-items:center;justify-content:center}.kakadu-components-1309118222{transform:translateZ(0);position:relative;z-index:2;transition:opacity .1s,transform .1s}.kakadu-components-3602476657{opacity:0;transform:translateZ(0) scale(.8)}.kakadu-components-2883440801{transform:translateZ(0) scale(.8);position:absolute;z-index:2;transition:opacity .2s,transform .2s;top:0;left:0;bottom:0;right:0;opacity:0}.kakadu-components-1406924214{opacity:1;transform:translateZ(0)}.kakadu-components-3772513716.kakadu-components-3772513716{font-size:var(--13px);font-weight:650;text-transform:uppercase}.kakadu-components-2497879239.kakadu-components-2497879239{font-weight:300}.kakadu-components-2022754336{opacity:.3}.kakadu-components-847862034{padding-left:var(--page-padding);padding-right:var(--page-padding)}.kakadu-components-1099799322{width:100%;align-self:center}.kakadu-components-3142729958{max-width:var(--page-width)}.kakadu-components-2670503515{max-width:var(--text-width)}.kakadu-components-259932668{max-width:var(--content-width)}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984{font-size:var(--14px);list-style:none}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a{--color:#aaa;color:var(--color);text-decoration:none}@media(hover:hover){.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a:hover{text-decoration:underline}}.kakadu-components-1574406446{background:var(--dark-color);padding:var(--page-padding);position:relative}:where([data-theme=dark]) .kakadu-components-1574406446{background:#0006;box-shadow:inset 0 1px #ffffff14}.kakadu-components-783629418.kakadu-components-783629418{align-items:flex-start;padding-top:var(--gap)}.kakadu-components-3520395370.kakadu-components-3520395370{text-align:right}.kakadu-components-4048415128{border:0}.kakadu-components-2329568054{border:0;vertical-align:top}.kakadu-components-2089456404.kakadu-components-2089456404{max-width:var(--text-width);width:100%;align-items:center}.kakadu-components-3695148669.kakadu-components-3695148669{position:relative;top:-2px;vertical-align:top;color:var(--foreground-color)}.kakadu-components-1125118494.kakadu-components-1125118494{font-size:var(--14px);opacity:.3}.kakadu-components-2176404336{--size:80px;--thickness:13px;--font-size:var(--25px);--font-weight:600;--offset:2px;--highlight-color:rgba(255, 255, 255, .2);--shadow-color:rgba(0, 0, 0, .1);--hard-shadow-offset:4px;--hard-shadow-color:rgba(0, 0, 0, .05);background:#f9f9f9;width:var(--size);height:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color),inset 0 2px 0 var(--highlight-color);border-radius:var(--size);position:relative;display:flex;align-items:center;justify-content:center}:where([data-theme=dark]) .kakadu-components-2176404336{background:#323237}.kakadu-components-3162945807{--size:60px;--thickness:11px;--font-size:var(--18px);--font-weight:600;--offset:2px}.kakadu-components-2977513648{--size:100px;--thickness:17px;--font-size:var(--32px);--offset:3px}.kakadu-components-707327569{background:var(--start-color);width:var(--thickness);height:var(--thickness);border-radius:var(--thickness);position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 0 0 1px var(--shadow-color),0 0 2px #fff3}.kakadu-components-2636723344{width:100%;height:100%;background:conic-gradient(from -90deg,var(--gradient));-webkit-mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);border-radius:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 4px #ffffff26,inset 0 0 0 1px var(--shadow-color)}:where([data-theme=dark]) .kakadu-components-2636723344{--shadow-color:rgba(255, 255, 255, .3)}.kakadu-components-2810161405{--inner-size:calc(var(--size) - (var(--thickness) * 2));background:#0000002d;width:var(--inner-size);height:var(--inner-size);border-radius:var(--inner-size);--outline-shadow-color:rgba(0, 0, 0, .15);--soft-shadow-color:rgba(255, 255, 255, .4);box-shadow:0 0 0 1px var(--outline-shadow-color),0 0 2px var(--soft-shadow-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:where([data-theme=dark]) .kakadu-components-2810161405{--outline-shadow-color:rgba(255, 255, 255, .15);--soft-shadow-color:rgba(255, 255, 255, .4)}.kakadu-components-1913523229{--inner-size:calc(var(--size) - var(--thickness) * 2);background:var(--background-color);width:var(--inner-size);height:var(--inner-size);font-size:var(--font-size);font-weight:var(--font-weight);font-variant-numeric:tabular-nums;letter-spacing:-.07em;border-radius:var(--inner-size);display:flex;align-items:center;justify-content:center;--offset-shadow-color:var(--shadow-color);box-shadow:0 1px 0 var(--offset-shadow-color),0 2px 0 var(--highlight-color),inset 0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color);position:absolute}:where([data-theme=dark]) .kakadu-components-1913523229{--offset-shadow-color:rgba(255, 255, 255, .3)}.kakadu-components-967240013{--dial-size:calc(var(--thickness) + (var(--offset) * 2));--radius:calc((var(--size) / 2) - var(--offset));--angle:calc(-180deg + (var(--percentage-factor) * 360deg));background:#fff;width:var(--dial-size);height:var(--dial-size);border-radius:var(--dial-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(calc(var(--radius) - (var(--offset) * 2))) rotate(calc(var(--angle) * -1));box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),0 0 1px #00000080}.kakadu-components-3225063030{--dial-cutout-size:calc(var(--dial-size) / 2.25);background:var(--end-color);width:var(--dial-cutout-size);height:var(--dial-cutout-size);border-radius:var(--dial-cutout-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px var(--shadow-color),inset 0 var(--hard-shadow-offset) 0 0 var(--hard-shadow-color)}.kakadu-components-866714386{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;overflow:hidden;top:0;z-index:100;box-shadow:0 1px #0003,0 2px #fff3}:where([data-theme=dark]) .kakadu-components-866714386{background:color-mix(in srgb,var(--background-color),rgba(0,0,0,.6) 20%);box-shadow:0 1px #fff3,0 2px #0003}.kakadu-components-479363365{padding-top:var(--gap);padding-bottom:calc(var(--gap) + 2px)}.kakadu-components-4017654514.kakadu-components-4017654514{color:var(--red-color)}:where([data-theme=dark]) .kakadu-components-4017654514.kakadu-components-4017654514{color:var(--red-color-hover)}.kakadu-components-3563685584{--hover-background-color:rgba(0, 0, 0, .05);background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;font-family:var(--font-family);font-size:var(--16px);font-weight:550;cursor:pointer;color:var(--foreground-color);margin:0;border:0;padding:0;text-align:left;text-decoration:none;display:inline-flex;vertical-align:top;position:relative;transform:translateZ(0);--original-border-radius:6px;--border-radius:var(--original-border-radius) var(--border-top-right-radius, var(--original-border-radius)) var(--original-border-radius) var(--original-border-radius);--horizontal-offset:-9px;--right-offset:var(--horizontal-offset);--left-offset:var(--horizontal-offset);--vertical-offset:-5px}:where([data-theme=dark]) .kakadu-components-3563685584{--hover-background-color:rgba(255, 255, 255, .075)}@media(hover:hover){.kakadu-components-3563685584: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-3563685584:hover:before{background-color:var(--hover-background-color);transition:background-color .05s}}.kakadu-components-3563685584:active{transform:scale(.98);transition-duration:.1s}.kakadu-components-497190725{--right-offset:-12px}.kakadu-components-3729381008{--left-offset:-12px}.kakadu-components-3866032606{--horizontal-offset:-8px}.kakadu-components-3184610208{padding-top:3px;position:relative}.kakadu-components-602380047{right:-1px}.kakadu-components-233407571{padding-left:2px;padding-right:2px}.kakadu-components-1760622304{position:relative;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}@media(hover:hover){:is(a,button):hover .kakadu-components-1760622304{text-decoration:none}}.kakadu-components-1681694072{left:-1px}.kakadu-components-1343580459{position:absolute;top:var(--vertical-offset);right:var(--right-offset);bottom:var(--vertical-offset);left:var(--left-offset)}.kakadu-components-925362255{--border-radius:6px;--box-shadow-color:rgba(0, 0, 0, .2);--box-shadow-hard-color:rgba(255, 255, 255, .8);--box-shadow-inner-color:rgba(255, 255, 255, .2);--default-lip-color:#d4d7d9;--lip-color:var(--default-lip-color);background:#fff;border-radius:var(--border-radius);box-shadow:inset 0 0 0 2px var(--box-shadow-inner-color),inset 0 0 0 1px var(--box-shadow-color),0 0 0 1px var(--box-shadow-hard-color),0 3px #00000008;display:flex;justify-content:flex-start}:where([data-theme=dark]) .kakadu-components-925362255{background-color:#15161a;--box-shadow-inner-color:rgba(0, 0, 0, .3);--box-shadow-color:rgba(255, 255, 255, .2);--box-shadow-hard-color:rgba(0, 0, 0, .9);--default-lip-color:#393b3e}.kakadu-components-2945174293{--default-lip-color:#a2a6a8}:where([data-theme=dark]) .kakadu-components-2945174293{--default-lip-color:#1f2022}.kakadu-components-2585123369{--lip-color:var(--green-color)}.kakadu-components-1387450724{--lip-color:var(--green-color-light)}.kakadu-components-3502407303{--lip-color:var(--yellow-color)}.kakadu-components-1612824642{--lip-color:var(--yellow-color-light)}.kakadu-components-314765189{--lip-color:var(--red-color)}.kakadu-components-4209515987{--lip-color:var(--red-color-light)}.kakadu-components-3327291559{--box-shadow-lip-inner-color:rgba(255, 255, 255, .05);background:var(--lip-color);width:6px;box-shadow:inset 0 0 0 1px var(--box-shadow-color),inset 0 0 0 2px var(--box-shadow-lip-inner-color);border-radius:var(--border-radius) 1px 1px var(--border-radius);display:flex;align-items:center;justify-content:center;color:#fff}:where([data-theme=dark]) .kakadu-components-3327291559{--box-shadow-lip-inner-color:rgba(0, 0, 0, .03)}.kakadu-components-3906762683{width:37px;padding-left:1px}.kakadu-components-1969958615.kakadu-components-1969958615{font-size:var(--14px);line-height:1.5em;padding:calc(var(--half-gap) + 2px);padding-top:calc(var(--half-gap) - 1px);padding-bottom:calc(var(--half-gap));flex:1}.kakadu-components-3192444435{width:100%;position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;padding-bottom:var(--triple-gap);opacity:0;z-index:50;--offset-y:calc(var(--index, 0) * (32px + var(--half-gap)) * -1);transform:translate3d(0,calc(var(--offset-y) + 3px),0) scale(.97);transition:opacity .2s,transform .2s;pointer-events:none}.kakadu-components-3003995416{opacity:1;transform:translate3d(0,var(--offset-y),0)}.kakadu-components-1639448689{position:relative;max-width:300px}.kakadu-components-2751825161{height:calc(var(--border-radius) * 2);width:100%;position:absolute;bottom:0;left:0;border-radius:var(--border-radius);overflow:hidden;pointer-events:none}.kakadu-components-1939222061{background:#00000026;width:100%;height:3px;position:absolute;bottom:0;left:0;animation:progress 6s linear forwards}:where([data-theme=dark]) .kakadu-components-1939222061{background:#ffffff26}@keyframes progress{0%{width:0%}to{width:100%}}.kakadu-components-2065792067{--border-radius:8px;--background-color-default:#fff;--background-color:var(--background-color-default);--text-color:#000;--background-color-hover:rgb(250, 250, 250);--transition-duration:.2s;display:flex;flex-direction:column;gap:var(--half-padding);position:relative}:where([data-theme=dark]) .kakadu-components-2065792067{--background-color-default:#0c0d0f;--background-color-hover:#0e0f12;--text-color:#fff}@media(hover:hover){.kakadu-components-2065792067:hover{--background-color:var(--background-color-hover);--transition-duration:37ms}}.kakadu-components-2065792067.kakadu-components-2065792067:focus-within{--background-color:var(--background-color-default);--transition-duration:37ms}.kakadu-components-3551118672.kakadu-components-3551118672{max-width:calc(100% - var(--gap));font-weight:450;font-size:var(--15px);letter-spacing:.012em;line-height:1em;text-shadow:0 0 2px rgba(255,255,255,1);position:absolute;bottom:calc(100% + 1px);left:var(--half-gap);transform:translateY(.5em);z-index:3}:where([data-theme=dark]) .kakadu-components-3551118672.kakadu-components-3551118672{text-shadow:0 0 2px rgba(0,0,0,1)}.kakadu-components-3551118672.kakadu-components-3551118672 span{color:var(--text-color);position:relative;--offset:5px;padding-right:var(--offset);padding-left:var(--offset);opacity:.7}label:has(:is(input,textarea)[aria-invalid=true]) .kakadu-components-3551118672.kakadu-components-3551118672 span{color:var(--red-color);opacity:1}label:has(:is(input,textarea)[data-warning=true]) .kakadu-components-3551118672.kakadu-components-3551118672 span{color:var(--yellow-color-dark);opacity:1}.kakadu-components-3551118672.kakadu-components-3551118672:before{content:"";background:var(--background-color);width:100%;height:50%;position:absolute;top:calc(50% - 1px);transition:background-color var(--transition-duration)}.kakadu-components-2161641266{-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:calc(var(--button-padding) + 13px);border:0;border-radius:var(--border-radius);--outline-color:rgba(0, 0, 0, .4);--outline-width:1px;--highlight-color-rgb:255,255,255;--shadow-color-rgb:0,0,0;box-shadow:inset 0 0 0 1px rgba(var(--highlight-color-rgb),.7),inset 0 -3px rgba(var(--shadow-color-rgb),.04),0 0 0 var(--outline-width) var(--outline-color),0 0 0 calc(var(--outline-width) + 1px) rgba(var(--highlight-color-rgb),.7),0 5px rgba(var(--shadow-color-rgb),.04);box-sizing:border-box;display:block;position:relative;z-index:2;white-space:pre-wrap;word-break:break-word;transition:background-color var(--transition-duration),border-color var(--transition-duration),box-shadow var(--transition-duration)}.kakadu-components-2161641266::placeholder{font-style:italic}:where([data-theme=dark]) .kakadu-components-2161641266::placeholder{opacity:.7}:where([data-theme=dark]) .kakadu-components-2161641266{--outline-color:rgba(255, 255, 255, .3);--highlight-color-rgb:0,0,0}@media(hover:hover){label:hover .kakadu-components-2161641266{--outline-color:rgba(0, 0, 0, .8)}:where([data-theme=dark]) label:hover .kakadu-components-2161641266{--outline-color:rgba(255, 255, 255, .5)}}.kakadu-components-2161641266.kakadu-components-2161641266.kakadu-components-2161641266:focus:not(select){outline:none;--outline-color:var(--secondary-color-hover);--outline-width:2px}:where([data-theme=dark]) .kakadu-components-2161641266.kakadu-components-2161641266.kakadu-components-2161641266:focus:not(select){--outline-color:var(--secondary-color)}.kakadu-components-2161641266.kakadu-components-2161641266[aria-invalid=true]{outline:none;--outline-color:var(--red-color)}.kakadu-components-2161641266.kakadu-components-2161641266[data-warning=true]{--outline-color:var(--yellow-color-dark)}.kakadu-components-2161641266.kakadu-components-2161641266[disabled]{background-color:#f6f6f6;transition:background-color .1s;color:#444;cursor:not-allowed}.kakadu-components-628401705.kakadu-components-628401705{font-size:var(--14px);font-weight:500;margin-top:var(--half-gap);padding:0 13px}.kakadu-components-3245407458.kakadu-components-3245407458{color:var(--red-color)}.kakadu-components-1117160492.kakadu-components-1117160492{color:var(--yellow-color-dark)}.kakadu-components-3574036749.kakadu-components-3574036749{--border-radius:5px;font-size:var(--14px);width:calc(100% - 6px);padding:6px 10px 7px;position:relative;z-index:1;box-sizing:border-box;left:3px}.kakadu-components-3574036749.kakadu-components-3574036749:before{content:"";background:#f8f9fb;--outline-color:rgba(0, 0, 0, .3);--outline-shadow-color:#fff;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:inset 0 0 0 1px var(--outline-color),inset 0 0 0 2px var(--outline-shadow-color),0 0 0 1px var(--outline-shadow-color);position:absolute;left:0;top:var(--attachment-offset);right:0;bottom:0;width:100%;height:calc(100% + (var(--attachment-offset) * -1));z-index:-1}:where([data-theme=dark]) .kakadu-components-3574036749.kakadu-components-3574036749:before{background-color:#121214;--outline-color:rgba(255, 255, 255, .3);--outline-shadow-color:#000}.kakadu-components-448077930{--attachment-offset:-7px;position:relative;display:flex;flex-direction:column}.kakadu-components-3258753754 strong{font-weight:500}.kakadu-components-709108872{cursor:pointer}.kakadu-components-1616393393{z-index:4;pointer-events:none;position:absolute;top:22px;right:3px;transform:translateY(-50%) rotate(180deg);opacity:.7}.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-3146929190{position:relative}.kakadu-components-2033521835{position:absolute;visibility:hidden}.kakadu-components-2119524139{resize:none;overflow:hidden}.kakadu-components-1614211948{z-index:2;opacity:.3}.kakadu-components-1041647916{z-index:2}:where([data-theme=light]) .kakadu-components-1041647916{mix-blend-mode:normal;opacity:.25}.kakadu-components-131986363{position:absolute;top:11px;right:14px;display:flex;gap:21px;z-index:2}.kakadu-components-1421861246{background:var(--primary-color);width:var(--size);height:var(--size);position:relative;--half-size:calc(var(--size) / 2);--border-radius:var(--half-size) var(--half-size) 0 var(--half-size);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}.kakadu-components-392715920{transform:translate(2%,3%);filter:drop-shadow(0 calc(var(--drop-shadow-offset-multiplier) * 1px) 0 rgba(0,0,0,.2)) drop-shadow(0 0 calc(var(--drop-shadow-offset-multiplier) * 3px) rgba(0,0,0,.2))}.kakadu-components-3861346893{--shadow-color:rgba(255, 255, 255, .8);color:#000000e6;position:relative;top:2px;filter:drop-shadow(0 1px 0 var(--shadow-color)) drop-shadow(0 0 3px var(--shadow-color))}:where([data-theme=dark]) .kakadu-components-3861346893{color:#ffffffe6;--shadow-color:rgba(0, 0, 0, .2)}.kakadu-components-2543813221{width:16px;height:16px;float:right}.kakadu-components-840864829{position:absolute;top:10px;right:13px}.kakadu-components-3855719072{--border-top-right-radius:12px}.kakadu-components-2807459246{--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-2807459246{background:#000c}.kakadu-components-1399012551{opacity:1;pointer-events:auto}.kakadu-components-3521538255{width:100%;padding:var(--half-gap);text-align:left;box-sizing:border-box;display:flex;overflow:auto}@media(min-width:480px){.kakadu-components-3521538255{padding:var(--gap)}}@media(min-width:560px){.kakadu-components-3521538255{padding:var(--double-gap)}}.kakadu-components-1982320206{--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-1982320206{--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-1982320206{--modal-padding:var(--double-gap)}}.kakadu-components-3904045733{width:100%}.kakadu-components-3829535111{opacity:1;transform:scale(1)}.kakadu-components-2617708556{display:inline-flex}.kakadu-components-3009931469{opacity:0;transition:transform var(--duration) var(--animation-delay),opacity var(--duration) var(--animation-delay)}.kakadu-components-3252535480{transform:translate3d(0,var(--distance),0)}@media(prefers-reduced-motion){.kakadu-components-3252535480{transform:translate3d(0,calc(var(--distance) / 3))}}.kakadu-components-358711811{transform:translateZ(0);opacity:1}.kakadu-components-3753263087{width:100%;margin:auto}.kakadu-components-175326694{width:100%;height:1px;min-height:1px;max-height:1px;margin:0;background-color:#00000026;border:none;flex:1 0 0}:where([data-theme=dark]) .kakadu-components-175326694{background-color:#ffffff26}.kakadu-components-3380219127{background:#00000026;width:16px;height:1px;border:none;display:block;margin-left:0}:where([data-theme=dark]) .kakadu-components-3380219127{background-color:#ffffff26}.kakadu-components-1250376591{width:100%;flex:1;text-align:center}.kakadu-components-2653569622{background:#0000001a;width:1px;margin:0;min-width:1px;max-width:1px;border:none}:where([data-theme=dark]) .kakadu-components-2653569622{background-color:#ffffff1a}.kakadu-components-4149648046{--background-size:300px;--background-negative-size:calc(var(--background-size) * -1);--highlight-color:255,255,255;--border-radius:100px;background:color-mix(in srgb,var(--foreground-color) 15%,transparent);width:var(--skeleton-size, 100%);height:var(--skeleton-size);border-radius:var(--border-radius);display:inline-block;vertical-align:top;position:relative}@keyframes skeleton-animation{0%{background-position:var(--background-negative-size) 0%}to{background-position:right var(--background-negative-size) top 0%}}.kakadu-components-3311350973{--opacity:.3}.kakadu-components-3311350973:before{content:"";mix-blend-mode:overlay;background-position:var(--background-negative-size) 0%;background-attachment:fixed;background-size:var(--background-size) 100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,rgba(var(--highlight-color),0),rgba(var(--highlight-color),var(--opacity)),rgba(var(--highlight-color),0));animation:skeleton-animation 1.1s infinite ease-in-out;will-change:background-position;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius)}.kakadu-components-3140855657{vertical-align:middle}.kakadu-components-560222664{width:100%;height:100%;min-height:200px;--radial-gradient-color:rgba(0, 0, 0, .4);-webkit-mask-image:radial-gradient(circle,var(--radial-gradient-color) 70%,black 100%),linear-gradient(to bottom,black 0%,transparent 100%);mask-image:radial-gradient(circle,var(--radial-gradient-color) 70%,black 100%),linear-gradient(to bottom,black 0%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;border-radius:var(--border-radius);overflow:hidden;position:absolute;top:0;left:0;right:0;pointer-events:none}:where([data-theme=dark]) .kakadu-components-560222664{-webkit-mask-image:none;mask-image:none;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%),radial-gradient(circle,black 60%,var(--radial-gradient-color) 100%),linear-gradient(to bottom,transparent 0%,black 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%),radial-gradient(circle,black 60%,var(--radial-gradient-color) 100%),linear-gradient(to bottom,transparent 0%,black 100%);-webkit-mask-composite:source-in;mask-composite:intersect}:where([data-theme=light]) .kakadu-components-947991810.kakadu-components-947991810{mix-blend-mode:normal}:where([data-theme=dark]) .kakadu-components-947991810.kakadu-components-947991810{mix-blend-mode:normal}
1
+ .kakadu-components-2310209127{--light-color:#f8fafc;--dark-color:#0c0d12;--background-color:var(--light-color);--foreground-color:var(--dark-color);--red-color:#be354b;--red-color-hover:#c73d56;--red-color-light:#e8687d;--yellow-color:#c9ac56;--yellow-color-hover:#d1b559;--yellow-color-light:#edcd71;--yellow-color-dark:#a4830b;--green-color:#52a14b;--green-color-hover:#5ea957;--green-color-light:#6fb86a;--primary-color:var(--green-color);--primary-color-hover:var(--green-color-hover);--secondary-color:#175694;--secondary-color-hover:#2c6195;--secondary-color-1:#222528;--secondary-color-2:#112a37;--secondary-color-3:#1e2f35;--secondary-color-4:#2c3238;--flash-color:rgba(255, 216, 57, .5);--font-weight-modifier:50;--gap:16px;--scale-multiplier:.6;--quarter-gap:calc(var(--gap) / 4);--third-gap:calc(var(--gap) / 3);--half-gap:calc(var(--gap) / 2);--sesquialteral-gap:calc(var(--gap) * (1.5 * var(--scale-multiplier)));--double-gap:calc(var(--gap) * (2 * var(--scale-multiplier)));--triple-gap:calc(var(--gap) * (3 * var(--scale-multiplier)));--quadruple-gap:calc(var(--gap) * (4 * var(--scale-multiplier)));--content-padding:calc(var(--gap) * 1.1875);--sidebar-z-index:424242;--modal-z-index:424243;--page-padding:var(--gap);--page-width:1080px;--text-width:780px;--content-width:620px;--font-family:"Inter",-apple-system,helvetica,arial,sans-serif;font-family:var(--font-family);font-optical-sizing:auto;line-height:normal;color:var(--foreground-color);--root-font-size:1rem;--8px:calc(var(--root-font-size) * .5);--9px:calc(var(--root-font-size) * .5625);--10px:calc(var(--root-font-size) * .625);--11px:calc(var(--root-font-size) * .6875);--12px:calc(var(--root-font-size) * .75);--13px:calc(var(--root-font-size) * .8125);--14px:calc(var(--root-font-size) * .875);--15px:calc(var(--root-font-size) * .9375);--16px:calc(var(--root-font-size) * 1);--17px:calc(var(--root-font-size) * 1.0625);--18px:calc(var(--root-font-size) * 1.125);--19px:calc(var(--root-font-size) * 1.1875);--20px:calc(var(--root-font-size) * 1.25);--21px:calc(var(--root-font-size) * 1.3125);--22px:calc(var(--root-font-size) * 1.375);--23px:calc(var(--root-font-size) * 1.4375);--24px:calc(var(--root-font-size) * 1.5);--25px:calc(var(--root-font-size) * 1.5625);--26px:calc(var(--root-font-size) * 1.625);--27px:calc(var(--root-font-size) * 1.6875);--28px:calc(var(--root-font-size) * 1.75);--29px:calc(var(--root-font-size) * 1.8125);--30px:calc(var(--root-font-size) * 1.875);--31px:calc(var(--root-font-size) * 1.9375);--32px:calc(var(--root-font-size) * 2);--33px:calc(var(--root-font-size) * 2.0625);--34px:calc(var(--root-font-size) * 2.125);--35px:calc(var(--root-font-size) * 2.1875);--36px:calc(var(--root-font-size) * 2.25);--37px:calc(var(--root-font-size) * 2.3125);--38px:calc(var(--root-font-size) * 2.375);--39px:calc(var(--root-font-size) * 2.4375);--40px:calc(var(--root-font-size) * 2.5);--41px:calc(var(--root-font-size) * 2.5625);--42px:calc(var(--root-font-size) * 2.625);--43px:calc(var(--root-font-size) * 2.6875);--44px:calc(var(--root-font-size) * 2.75);--45px:calc(var(--root-font-size) * 2.8125);--46px:calc(var(--root-font-size) * 2.875);--47px:calc(var(--root-font-size) * 2.9375);--48px:calc(var(--root-font-size) * 3)}:where([data-theme=dark]) .kakadu-components-2310209127,.kakadu-components-2310209127[data-theme=dark]{--font-weight-modifier:0;--background-color:var(--dark-color);--foreground-color:var(--light-color);--secondary-color:#cce0f0;--secondary-color-hover:#fff;--secondary-color-1:#edf0f2;--secondary-color-2:#e2e6eb;--secondary-color-3:#cbcdd0;--secondary-color-4:#fff;--yellow-color-dark:#c9b15d}@media(min-width:460px){.kakadu-components-2310209127{--scale-multiplier:.7}}@media(min-width:580px){.kakadu-components-2310209127{--scale-multiplier:.8;--page-padding:var(--double-gap)}}@media(min-width:860px){.kakadu-components-2310209127{--scale-multiplier:1;--page-padding:var(--triple-gap)}}.kakadu-components-4178476647{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.kakadu-components-216224454{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;text-align:left;border:0;margin:0;padding:0;cursor:pointer}[dir=rtl] .kakadu-components-216224454{text-align:right}.kakadu-components-352310015{--soft-shadow-color:rgba(255, 255, 255, .375);--hard-shadow-color:rgba(0, 0, 0, .075);--inset-hard-shadow-color:rgba(0, 0, 0, .2);--box-shadow-outline-color:#fff;--box-shadow-color:rgba(0, 0, 0, .25);--box-shadow-highlight-color:rgba(255, 255, 255, .05);--box-shadow-top-highlight-color:var(--box-shadow-highlight-color);--box-shadow-inset-color:rgba(0, 0, 0, .25);--bevel-shadow-offset:4px;--bevel-shadow-color:rgba(0, 0, 0, .1);--outline-color:rgba(0, 0, 0, 0);--outline-width:0px;box-shadow:0 0 2px var(--soft-shadow-color),0 0 0 1px var(--box-shadow-outline-color),0 var(--bevel-shadow-offset) 0 var(--hard-shadow-color),inset 0 calc(var(--bevel-shadow-offset) * -1) 0 var(--bevel-shadow-color),inset 0 calc((var(--bevel-shadow-offset) + 1px) * -1) 0 var(--box-shadow-highlight-color),0 0 0 var(--outline-width) var(--outline-color)}:where([data-theme=dark]) .kakadu-components-352310015{--soft-shadow-color:rgba(0, 0, 0, .375);--hard-shadow-color:rgba(0, 0, 0, .4)}.kakadu-components-352310015:before{content:"";width:100%;height:100%;position:absolute;border-radius:var(--border-radius);top:0;right:0;bottom:0;left:0;mix-blend-mode:overlay;box-shadow:inset 0 0 0 1px var(--box-shadow-color),inset 0 2px 0 var(--box-shadow-top-highlight-color),inset 0 -2px 0 var(--box-shadow-highlight-color),inset 0 1px 0 var(--box-shadow-inset-color),inset 0 calc(var(--bevel-shadow-offset) * -1) 0 var(--inset-hard-shadow-color);transition:box-shadow .37s}:where([data-theme=dark]) .kakadu-components-1119532724.kakadu-components-1119532724{--box-shadow-outline-color:#07130e;--box-shadow-color:rgba(255, 255, 255, .2)}.kakadu-components-3440084244{width:1px;height:1px;white-space:nowrap;padding:0;margin:-1px;border:0;position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip:rect(0,0,0,0);word-wrap:normal}.kakadu-components-2071660791{--outline-shadow-color:rgba(255, 255, 255, 1);--hard-shadow-color:rgba(0, 0, 0, .03);--inset-inner-shadow-color:rgba(0, 0, 0, .2);--inset-outer-shadow-color:rgba(255, 255, 255, .75);--inset-hard-shadow-color:rgba(0, 0, 0, .025);--soft-shadow-color:rgba(255, 255, 255, .5);background:#fff6;padding:var(--content-padding);box-shadow:0 0 0 1px var(--outline-shadow-color),inset 0 0 0 1px var(--inset-inner-shadow-color),inset 0 0 0 2px var(--inset-outer-shadow-color),inset 0 5px 0 var(--inset-hard-shadow-color),0 0 2px 1px var(--soft-shadow-color),0 1px 1px var(--hard-shadow-color),0 5px 0 var(--hard-shadow-color);--border-radius:12px;border-radius:var(--border-radius)}:where([data-theme=dark]) .kakadu-components-2071660791{--outline-shadow-color:rgba(0, 0, 0, 1);--hard-shadow-color:rgba(0, 0, 0, .3);--inset-inner-shadow-color:rgba(255, 255, 255, .3);--inset-outer-shadow-color:rgba(0, 0, 0, .75);--inset-hard-shadow-color:rgba(0, 0, 0, .1);--soft-shadow-color:rgba(0, 0, 0, .5);background-color:#141419cc}.kakadu-components-2395643287{--hard-soft-shadow-color:rgba(255, 255, 255, .075);--hard-shadow-color:rgba(255, 255, 255, .2);--blur-shadow-color:rgba(255, 255, 255, .25);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 1px 3px var(--blur-shadow-color)) drop-shadow(0 -1px var(--hard-soft-shadow-color)) drop-shadow(1px 0 var(--hard-soft-shadow-color)) drop-shadow(-1px 0 0 var(--hard-soft-shadow-color))}:where([data-theme=dark]) .kakadu-components-2395643287{--hard-soft-shadow-color:rgba(0, 0, 0, .15);--hard-shadow-color:rgba(0, 0, 0, .3);--blur-shadow-color:rgba(0, 0, 0, .15)}.kakadu-components-1569667551{display:inline-block;vertical-align:top;transform-box:view-box;transform-origin:center;shape-rendering:geometricPrecision}.kakadu-components-1717890504{transform-box:fill-box;transform-origin:center;animation:loading-spinner .97s linear infinite;will-change:transform}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(359.999deg)}}.kakadu-components-3913140600{opacity:0;transform:translate3d(0,1px,0) scale(.75);transition:transform .16s,opacity .12s}.kakadu-components-2895791158{transform:translate3d(0,1px,0) scale(1);opacity:1}.kakadu-components-1792481071{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity);mix-blend-mode:overlay}.kakadu-components-3566333728{width:100%;height:100%;color:var(--color, #000);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity, .1);mix-blend-mode:plus-darker}:where([data-theme=dark]) .kakadu-components-3566333728{--color:#fff;--opacity:.05;mix-blend-mode:plus-lighter}.kakadu-components-4049648322{-webkit-mask-image:radial-gradient(ellipse,black 0%,black 60%,transparent 75%,transparent 100%);mask-image:radial-gradient(ellipse,black 0%,black 60%,transparent 75%,transparent 100%)}.kakadu-components-3828473824{--translation:translate(-50%, -50%);background:#00000013;width:var(--size);height:var(--size);border-radius:var(--size);position:absolute;top:0;left:0;transform:var(--translation) scale(0);opacity:0;animation:ripple .37s ease-out}@keyframes ripple{0%{transform:var(--translation) scale(0);opacity:0}60%{opacity:1}to{transform:var(--translation) scale(1);opacity:0}}:where([data-theme=dark]) .kakadu-components-3828473824{background-color:#ffffff13}.kakadu-components-4189236582{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:var(--offset, 0);left:var(--offset, 0);right:var(--offset, 0);bottom:var(--offset, 0)}.kakadu-components-2608453841.kakadu-components-2608453841{mix-blend-mode:normal;opacity:.3}.kakadu-components-1237006455{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:var(--offset, 0);left:var(--offset, 0);right:var(--offset, 0);bottom:var(--offset, 0);mix-blend-mode:overlay}.kakadu-components-611160091{--gradient-start-color:rgba(0, 0, 0, .125);--gradient-end-color:rgba(0, 0, 0, 0);background-image:radial-gradient(circle,var(--gradient-start-color) 0%,var(--gradient-end-color) 60%);position:absolute;width:var(--size);height:var(--size);transform:translate(var(--offset-x),var(--offset-y)) translate(-50%,-50%);opacity:0;transition:opacity .2s}:where([data-theme=dark]) .kakadu-components-611160091{--gradient-start-color:rgba(255, 255, 255, .125);--gradient-end-color:rgba(255, 255, 255, 0)}.kakadu-components-3627966847{opacity:1}.kakadu-components-3358774822{position:absolute;left:50%;bottom:calc(100% + 7px);text-align:center;pointer-events:none;white-space:nowrap;transform:translate(-50%);display:none}@media(hover:hover){.kakadu-components-3358774822{display:block}}.kakadu-components-1128219903{background:#fff;font-size:var(--12px);padding:3px 7px;border-radius:5px;color:#000;display:inline-block;position:relative;--box-shadow-outline-color:#fff;--box-shadow-color:rgba(0, 0, 0, .15);--box-shadow-inset-color:rgba(0, 0, 0, .2);box-shadow:0 0 0 1px var(--box-shadow-outline-color),0 1px 4px var(--box-shadow-color),inset 0 0 0 1px var(--box-shadow-inset-color);transform:translate3d(0,4px,0) scale(.8);opacity:0}:where([data-theme=dark]) button .kakadu-components-1128219903{background:#141419b3;color:#fff;--box-shadow-outline-color:rgba(0, 0, 0, .7);--box-shadow-color:rgba(255, 255, 255, .1);--box-shadow-inset-color:rgba(255, 255, 255, .25)}.kakadu-components-1128219903:after{content:"";position:absolute;top:calc(100% - 5px);left:50%;transform:translate(-50%) rotate(45deg);width:7px;height:7px;background:#fff;--box-shadow-color:rgb(200, 200, 200);--outer-box-shadow-color:rgb(250, 250, 250);box-shadow:1px 1px 0 var(--box-shadow-color),2px 2px 0 var(--outer-box-shadow-color);z-index:-1}:where([data-theme=dark]) button .kakadu-components-1128219903:after{background:#131314;--box-shadow-color:rgb(80, 80, 80);--outer-box-shadow-color:rgba(0, 0, 0, .3)}@media(hover:hover){.kakadu-components-1128219903{transition:transform .1s,opacity .1s}button:hover .kakadu-components-1128219903{transform:translateZ(0) scale(1);opacity:1;transition:transform .3s .2s,opacity .3s .2s}}.kakadu-components-2658660333{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;--hard-shadow-color:rgba(0, 0, 0, .25);--blur-shadow-color:rgba(0, 0, 0, .35)}.kakadu-components-2658660333 svg{transform:translateZ(0);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 0 2px var(--blur-shadow-color))}:where([data-theme=light]) .kakadu-components-3469662110 svg{--hard-shadow-color:rgba(255, 255, 255, .25);--blur-shadow-color:rgba(255, 255, 255, .35)}.kakadu-components-2244098950.kakadu-components-2244098950:before{mix-blend-mode:normal}:where([data-theme=light]) .kakadu-components-2244098950.kakadu-components-2244098950{background-color:#ffffffe6;color:#000c;--text-shadow-color:rgba(255, 255, 255, .35);--text-shadow-hard-color:rgba(255, 255, 255, .25);--box-shadow-color:rgba(0, 0, 0, .15);--box-shadow-highlight-color:rgba(255, 255, 255, .25);--box-shadow-inset-color:rgba(0, 0, 0, .1);--inset-hard-shadow-color:rgba(0, 0, 0, .05);--loading-background-color:rgba(255, 255, 255, .3);--loading-background-color-gradient-start:rgba(255, 255, 255, .6);--loading-background-color-gradient-end:rgba(255, 255, 255, 0)}@media(hover:hover){:where([data-theme=light]) .kakadu-components-2244098950.kakadu-components-2244098950:not([disabled]):hover{background-color:#fff;color:#000}}:where([data-theme=dark]) .kakadu-components-2244098950.kakadu-components-2244098950{background-color:#161619cc;color:#ffffffe6;--text-shadow-color:rgba(0, 0, 0, .35);--text-shadow-hard-color:rgba(0, 0, 0, .25);--box-shadow-color:rgba(255, 255, 255, .2);--box-shadow-highlight-color:rgba(0, 0, 0, .75);--box-shadow-inset-color:rgba(255, 255, 255, .3);--inset-hard-shadow-color:rgba(255, 255, 255, .075);--bevel-shadow-color:rgba(255, 255, 255, .075);--box-shadow-outline-color:var(--background-color);--loading-background-color:rgba(0, 0, 0, .65);--loading-background-color-gradient-start:rgba(0, 0, 0, .2);--loading-background-color-gradient-end:rgba(0, 0, 0, 0)}@media(hover:hover){:where([data-theme=dark]) .kakadu-components-2244098950.kakadu-components-2244098950:not([disabled]):hover{background-color:#1c1c1ecc;color:#fff}}.kakadu-components-3923184173.kakadu-components-3923184173{background-color:var(--green-color)}@media(hover:hover){.kakadu-components-3923184173.kakadu-components-3923184173:not([disabled]):hover{background-color:var(--green-color-hover)}}.kakadu-components-317965671.kakadu-components-317965671{background-color:var(--yellow-color)}@media(hover:hover){.kakadu-components-317965671.kakadu-components-317965671:not([disabled]):hover{background-color:var(--yellow-color-hover)}}.kakadu-components-1978976872.kakadu-components-1978976872{background-color:var(--red-color)}@media(hover:hover){.kakadu-components-1978976872.kakadu-components-1978976872:not([disabled]):hover{background-color:var(--red-color-hover)}}.kakadu-components-1578318887{--text-shadow-color:rgba(0, 0, 0, .35);--text-shadow-hard-color:rgba(0, 0, 0, .25);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--primary-color);font-family:var(--font-family);font-size:var(--16px);font-weight:550;text-align:center;text-decoration:none;margin:0;padding:calc(var(--gap) * .65) calc(var(--gap) * 1.4);padding-bottom:calc(var(--gap) * .75);cursor:pointer;color:#fff;border:0;--border-radius:30px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .37s,box-shadow .37s,transform .37s}.kakadu-components-1578318887:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}@media(hover:hover){.kakadu-components-1578318887:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;text-decoration:underline}.kakadu-components-1578318887:before{transition-duration:.1s}}.kakadu-components-3652831856{text-align:left}.kakadu-components-2746167644{padding-left:12px;padding-right:12px}.kakadu-components-294089230{padding-right:2px;left:-4px}.kakadu-components-2618257692{position:relative;z-index:2;text-shadow:0 0 2px var(--text-shadow-color),0 1px 0 var(--text-shadow-hard-color)}.kakadu-components-3127707672{padding-left:2px;right:-4px}.kakadu-components-1029011626{position:absolute;top:2px;right:2px;bottom:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);opacity:0;transition:opacity .1s;border-radius:var(--border-radius);pointer-events:none;z-index:3}.kakadu-components-726496666{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:1}.kakadu-components-772420116{background-color:var( --loading-background-color, rgba(0, 0, 0, .1) );background-image:radial-gradient(ellipse,var(--loading-background-color-gradient-start, rgba(0, 0, 0, .2)) 0%,var(--loading-background-color-gradient-end, rgba(0, 0, 0, 0)) 75%);color:var(--loading-color);display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius);position:absolute;top:0;right:0;bottom:0;left:0}.kakadu-components-1505766785{border-radius:var(--border-radius)}.kakadu-components-3712045697.kakadu-components-3712045697{mix-blend-mode:hard-light;opacity:.05}.kakadu-components-2813474662.kakadu-components-2813474662{color:#fff;mix-blend-mode:plus-lighter;border-radius:var(--border-radius)}.kakadu-components-563258661{display:flex;align-items:var(--cross-axis-alignment);justify-content:var(--main-axis-alignment)}.kakadu-components-1546485850{flex-direction:column;align-items:var(--main-axis-alignment);justify-content:var(--cross-axis-alignment)}.kakadu-components-223643817{--main-axis-alignment:flex-start;--cross-axis-alignment:center}.kakadu-components-4038850420{--main-axis-alignment:center;--cross-axis-alignment:center}.kakadu-components-317611484{--main-axis-alignment:space-between;--cross-axis-alignment:center}.kakadu-components-2767496155{--main-axis-alignment:flex-end;--cross-axis-alignment:center}.kakadu-components-2276234075{gap:var(--quarter-gap)}.kakadu-components-739568937{gap:var(--third-gap)}.kakadu-components-3438335458{gap:var(--half-gap)}.kakadu-components-3350948469{gap:calc(var(--gap) * .75)}.kakadu-components-3993051137{gap:var(--gap)}.kakadu-components-4186556816{gap:var(--sesquialteral-gap)}.kakadu-components-1435205015{gap:var(--double-gap)}.kakadu-components-4251546321{gap:calc(var(--gap) * 2.25)}.kakadu-components-1168734547{gap:var(--triple-gap)}.kakadu-components-1543861259{gap:var(--quadruple-gap)}.kakadu-components-3545808562{flex-wrap:wrap}.kakadu-components-3911899222{flex:1}.kakadu-components-1538322784{--text-shadow-color-numbers:255,255,255;--text-shadow-multiplier:1;text-shadow:0 1px 0 rgba(var(--text-shadow-color-numbers),calc(.3 * var(--text-shadow-multiplier))),0 3px 0 rgba(var(--text-shadow-color-numbers),calc(.05 * var(--text-shadow-multiplier))),0 0 2px rgba(var(--text-shadow-color-numbers),calc(.4 * var(--text-shadow-multiplier))),0 1px 4px rgba(var(--text-shadow-color-numbers),calc(.2 * var(--text-shadow-multiplier)))}:where([data-theme=dark]) .kakadu-components-1538322784{--text-shadow-color-numbers:0,0,0;--text-shadow-multiplier:1.5}.kakadu-components-739732526 a{color:var(--secondary-color);text-decoration:underline}@media(hover:hover){.kakadu-components-739732526 a:hover{color:var(--secondary-color-hover);text-decoration:none}}.kakadu-components-1669332734{font-family:var(--font-family);font-size:var(--34px);color:var(--secondary-color-1);--font-weight:650;font-weight:var(--font-weight);line-height:1.1em;padding:0;margin:0}.kakadu-components-1669332734 b{font-weight:calc(var(--font-weight) + 50);color:var(--secondary-color-4)}.kakadu-components-1669332734 strong{font-weight:calc(var(--font-weight) + 150);color:var(--secondary-color-4)}.kakadu-components-1038708690.kakadu-components-1038708690{text-decoration:none;color:inherit}@media(hover:hover){.kakadu-components-1038708690.kakadu-components-1038708690:hover{color:inherit;text-decoration:underline}}.kakadu-components-1923397960{font-family:var(--font-family);font-size:var(--16px)}.kakadu-components-1923397960 b{font-weight:450;color:var(--secondary-color-2)}.kakadu-components-1923397960 strong{font-weight:600;color:var(--secondary-color-2)}.kakadu-components-1923397960 code{font-size:.9em}.kakadu-components-621160204{font-size:var(--16px);font-weight:400;color:var(--secondary-color-3);line-height:1.5em;padding:0;margin:0}.kakadu-components-1329768068.kakadu-components-1329768068{text-transform:uppercase;font-weight:600;font-size:var(--12px);opacity:.8}.kakadu-components-1082504586{max-width:var(--text-width);text-wrap:pretty}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h1){font-size:var(--32px)}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h2){font-size:var(--24px);--font-weight:650}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h3){font-size:var(--20px);--font-weight:400;opacity:.9}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h4){font-size:var(--17px);--font-weight:500}.kakadu-components-1082504586 h1+h2{margin-top:1.25em}.kakadu-components-1082504586 h2+h3{margin-top:.75em}.kakadu-components-1082504586 h3+h4{margin-top:.9em}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol,aside){margin-top:.9em}.kakadu-components-1082504586 :is(h1,h2)+p:has(+p){font-size:var(--20px);font-weight:400;line-height:1.3em;color:var(--secondary-color-2)}.kakadu-components-1082504586 :is(h1,h2)+p:has(+p)+p{margin-top:1.25em}.kakadu-components-1082504586 p+:is(p){margin-top:.75em}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6){margin-top:1.5em}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h3){margin-top:2em}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h4){margin-top:2em}.kakadu-components-1082504586 :is(div:has(>pre),pre,p,ul,ol,aside,label:has(input,textarea,select))+:is(h3,h4):before{content:"";width:16px;height:1px;background:#00000026;display:block;margin-bottom:2em}:where([data-theme=dark]) .kakadu-components-1082504586 :is(div:has(>pre),pre,p,ul,ol,aside,label:has(input,textarea,select))+:is(h3,h4):before{background-color:#ffffff26}.kakadu-components-1082504586 ul,.kakadu-components-1082504586 ol{margin:0;padding:0;list-style-position:inside}.kakadu-components-1082504586 :is(p,ul,ol)+:is(ul,ol){margin-top:1em}.kakadu-components-1082504586 li+li{margin-top:.25em}.kakadu-components-1082504586 li+:is(ol>li){margin-top:1em}.kakadu-components-1082504586 li:has(:is(ul,ol))+li{margin-top:.65em}.kakadu-components-1082504586 li::marker{font-weight:600}.kakadu-components-1082504586 :is(ul,ol)>li{font-weight:500}.kakadu-components-1082504586 :is(ul,ol)>li li{font-weight:400}.kakadu-components-1082504586 li a:only-child,.kakadu-components-1082504586 li a:first-child:has(+:is(ul,ol):last-child){text-decoration:none;color:currentColor}@media(hover:hover){.kakadu-components-1082504586 li a:only-child:hover,.kakadu-components-1082504586 li a:first-child:has(+:is(ul,ol):last-child):hover{text-decoration:underline;color:var(--secondary-color)}}.kakadu-components-1082504586 :is(ul,ol) :is(ul,ol){margin-top:var(--half-gap);padding-left:var(--gap)}.kakadu-components-1082504586 :is(p,ul,ol)+hr{margin-top:2em}.kakadu-components-1082504586 code:not(pre code){font-family:Source Code Pro,Source Code Pro Fallback,monospace;background:#ffffffe6;box-shadow:inset 0 0 0 1px #0003;display:inline-block;vertical-align:middle;padding:0 6px;border-radius:6px}:where([data-theme=dark]) .kakadu-components-1082504586 code:not(pre code){background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3}.kakadu-components-1082504586 pre{background:#ffffffe6;font-size:var(--12px);line-height:1.5em;color:#000;margin:0;white-space:pre-wrap;overflow:auto;padding:var(--gap);border-radius:var(--half-gap);box-sizing:border-box;box-shadow:inset 0 0 0 1px #0003}:where([data-theme=dark]) .kakadu-components-1082504586 pre{background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3;color:#ffffffb3}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(div:has(>pre),pre,label:has(:is(input,textarea,select))),.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(p,ul,ol,aside){margin-top:var(--double-gap)}.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(h1,h2,h3,h4,h5,h6){margin-top:var(--triple-gap)}.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(h1,h2,h3,h4,h5,h6):is(h3,h4){margin-top:2em}.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(div:has(>pre),pre,label:has(:is(input,textarea,select))){margin-top:var(--gap)}.kakadu-components-1082504586 aside:not(:is(div:has(>pre),pre,label:has(input,textarea,select))+aside){max-width:var(--content-width)}.kakadu-components-1082504586 :is(p,ul,ol)+aside,.kakadu-components-1082504586 aside+:is(p,ul,ol){margin-top:var(--double-gap)}.kakadu-components-1082504586 :is(div:has(>pre),pre)+aside,.kakadu-components-1082504586 aside+:is(div:has(>pre),pre){margin-top:var(--gap)}.kakadu-components-323682454.kakadu-components-323682454{max-width:var(--text-width)}.kakadu-components-323682454.kakadu-components-323682454 h1{font-size:var(--38px)}@media(min-width:410px){.kakadu-components-323682454.kakadu-components-323682454 h1{font-size:var(--48px)}}.kakadu-components-323682454.kakadu-components-323682454 h1+:is(p,ul){margin-top:.9em}.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p),.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child{font-size:var(--20px);line-height:1.4em}@media(min-width:410px){.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p),.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child{font-size:var(--24px)}}.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p)+p,.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child+p{margin-top:2.1em}.kakadu-components-323682454.kakadu-components-323682454 p{font-size:var(--18px);line-height:1.6em}.kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570{background:#fff;text-align:left;padding:var(--content-padding);padding-bottom:calc(var(--content-padding) - 2px);--border-radius:12px;border-radius:var(--border-radius);text-decoration:none;position:relative;cursor:pointer;border:0;transition:background-color .37s,box-shadow .37s,transform .37s}:where([data-theme=dark]) .kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570{background-color:#16181c;--box-shadow-color:rgba(255, 255, 255, .15);--inset-hard-shadow-color:rgba(0, 0, 0, .8);--box-shadow-outline-color:rgba(0, 0, 0, .75);--box-shadow-highlight-color:rgba(255, 255, 255, .04);--box-shadow-top-highlight-color:rgba(0, 0, 0, .6)}@media(hover:hover){:where([data-theme=dark]) .kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570:hover{background-color:#1a1c21}}.kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570:before{mix-blend-mode:normal}.kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570:active{transform:scale(.9875);transition-duration:.1s;--bevel-shadow-offset:1px}.kakadu-components-1301774894.kakadu-components-1301774894{font-size:var(--18px);font-weight:500;color:var(--foreground-color);text-decoration:none;text-decoration:0}:is(button,a):hover .kakadu-components-1301774894.kakadu-components-1301774894{text-decoration:underline}.kakadu-components-782417605{position:relative;left:-1px}.kakadu-components-3061837309.kakadu-components-3061837309{font-size:var(--15px);text-decoration:none;text-decoration:0}.kakadu-components-777975485.kakadu-components-777975485{font-size:var(--12px);font-weight:700;text-transform:uppercase;text-decoration:underline;color:#3574b5;padding-top:var(--quarter-gap)}:where([data-theme=dark]) .kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485{color:#84a3c8}@media(hover:hover){:is(button,a):hover .kakadu-components-777975485.kakadu-components-777975485,.kakadu-components-777975485.kakadu-components-777975485:hover{text-decoration:none;text-decoration:0;text-decoration-color:currentColor}}.kakadu-components-2967167444{opacity:.5}.kakadu-components-2223449868{transition:height .37s,opacity .37s}.kakadu-components-3857562328{position:absolute}.kakadu-components-3057735296{--border-radius:8px;width:34px;height:34px;padding-bottom:3px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:var(--border-radius);position:relative;transition:background-color .37s,box-shadow .37s,transform .37s}.kakadu-components-3057735296:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}@media(hover:hover){.kakadu-components-3057735296:not([disabled]):active.kakadu-components-3057735296:not([disabled]):active{--outline-width:0px}}@media(hover:hover){.kakadu-components-3057735296: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-3057735296:before{transition-duration:.1s}}.kakadu-components-2089159949{--outline-hover-color:rgba(0, 0, 0, .1)}:where([data-theme=dark]) .kakadu-components-2089159949{--outline-hover-color:rgba(255, 255, 255, .1)}.kakadu-components-1463468148{--outline-hover-color:color-mix( in srgb, var(--green-color) 37.5%, transparent )}.kakadu-components-2686186037{--outline-hover-color:color-mix( in srgb, var(--yellow-color) 37.5%, transparent )}.kakadu-components-2463905722{--outline-hover-color:color-mix( in srgb, var(--red-color) 37.5%, transparent )}.kakadu-components-2197738751{position:relative;display:flex;align-items:center;justify-content:center}.kakadu-components-1309118222{transform:translateZ(0);position:relative;z-index:2;transition:opacity .1s,transform .1s}.kakadu-components-3602476657{opacity:0;transform:translateZ(0) scale(.8)}.kakadu-components-2883440801{transform:translateZ(0) scale(.8);position:absolute;z-index:2;transition:opacity .2s,transform .2s;top:0;left:0;bottom:0;right:0;opacity:0}.kakadu-components-1406924214{opacity:1;transform:translateZ(0)}.kakadu-components-3772513716.kakadu-components-3772513716{font-size:var(--13px);font-weight:650;text-transform:uppercase}.kakadu-components-2497879239.kakadu-components-2497879239{font-weight:300}.kakadu-components-2022754336{opacity:.3}.kakadu-components-847862034{padding-left:var(--page-padding);padding-right:var(--page-padding)}.kakadu-components-1099799322{width:100%;align-self:center}.kakadu-components-3142729958{max-width:var(--page-width)}.kakadu-components-2670503515{max-width:var(--text-width)}.kakadu-components-259932668{max-width:var(--content-width)}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984{font-size:var(--14px);list-style:none}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a{--color:#aaa;color:var(--color);text-decoration:none}@media(hover:hover){.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a:hover{text-decoration:underline}}.kakadu-components-1574406446{background:var(--dark-color);padding:var(--page-padding);position:relative}:where([data-theme=dark]) .kakadu-components-1574406446{background:#0006;box-shadow:inset 0 1px #ffffff14}.kakadu-components-783629418.kakadu-components-783629418{align-items:flex-start;padding-top:var(--gap)}.kakadu-components-3520395370.kakadu-components-3520395370{text-align:right}.kakadu-components-4048415128{border:0}.kakadu-components-2329568054{border:0;vertical-align:top}.kakadu-components-2089456404.kakadu-components-2089456404{max-width:var(--text-width);width:100%;align-items:center}.kakadu-components-3695148669.kakadu-components-3695148669{position:relative;top:-2px;vertical-align:top;color:var(--foreground-color)}.kakadu-components-1125118494.kakadu-components-1125118494{font-size:var(--14px);opacity:.3}.kakadu-components-2176404336{--size:80px;--thickness:13px;--font-size:var(--25px);--font-weight:600;--offset:2px;--highlight-color:rgba(255, 255, 255, .2);--shadow-color:rgba(0, 0, 0, .1);--hard-shadow-offset:4px;--hard-shadow-color:rgba(0, 0, 0, .05);background:#f9f9f9;width:var(--size);height:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color),inset 0 2px 0 var(--highlight-color);border-radius:var(--size);position:relative;display:flex;align-items:center;justify-content:center}:where([data-theme=dark]) .kakadu-components-2176404336{background:#323237}.kakadu-components-3162945807{--size:60px;--thickness:11px;--font-size:var(--18px);--font-weight:600;--offset:2px}.kakadu-components-2977513648{--size:100px;--thickness:17px;--font-size:var(--32px);--offset:3px}.kakadu-components-707327569{background:var(--start-color);width:var(--thickness);height:var(--thickness);border-radius:var(--thickness);position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 0 0 1px var(--shadow-color),0 0 2px #fff3}.kakadu-components-2636723344{width:100%;height:100%;background:conic-gradient(from -90deg,var(--gradient));-webkit-mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);border-radius:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 4px #ffffff26,inset 0 0 0 1px var(--shadow-color)}:where([data-theme=dark]) .kakadu-components-2636723344{--shadow-color:rgba(255, 255, 255, .3)}.kakadu-components-2810161405{--inner-size:calc(var(--size) - (var(--thickness) * 2));background:#0000002d;width:var(--inner-size);height:var(--inner-size);border-radius:var(--inner-size);--outline-shadow-color:rgba(0, 0, 0, .15);--soft-shadow-color:rgba(255, 255, 255, .4);box-shadow:0 0 0 1px var(--outline-shadow-color),0 0 2px var(--soft-shadow-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:where([data-theme=dark]) .kakadu-components-2810161405{--outline-shadow-color:rgba(255, 255, 255, .15);--soft-shadow-color:rgba(255, 255, 255, .4)}.kakadu-components-1913523229{--inner-size:calc(var(--size) - var(--thickness) * 2);background:var(--background-color);width:var(--inner-size);height:var(--inner-size);font-size:var(--font-size);font-weight:var(--font-weight);font-variant-numeric:tabular-nums;letter-spacing:-.07em;border-radius:var(--inner-size);display:flex;align-items:center;justify-content:center;--offset-shadow-color:var(--shadow-color);box-shadow:0 1px 0 var(--offset-shadow-color),0 2px 0 var(--highlight-color),inset 0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color);position:absolute}:where([data-theme=dark]) .kakadu-components-1913523229{--offset-shadow-color:rgba(255, 255, 255, .3)}.kakadu-components-967240013{--dial-size:calc(var(--thickness) + (var(--offset) * 2));--radius:calc((var(--size) / 2) - var(--offset));--angle:calc(-180deg + (var(--percentage-factor) * 360deg));background:#fff;width:var(--dial-size);height:var(--dial-size);border-radius:var(--dial-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(calc(var(--radius) - (var(--offset) * 2))) rotate(calc(var(--angle) * -1));box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),0 0 1px #00000080}.kakadu-components-3225063030{--dial-cutout-size:calc(var(--dial-size) / 2.25);background:var(--end-color);width:var(--dial-cutout-size);height:var(--dial-cutout-size);border-radius:var(--dial-cutout-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px var(--shadow-color),inset 0 var(--hard-shadow-offset) 0 0 var(--hard-shadow-color)}.kakadu-components-866714386{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;overflow:hidden;top:0;z-index:100;box-shadow:0 1px #0003,0 2px #fff3}:where([data-theme=dark]) .kakadu-components-866714386{background:color-mix(in srgb,var(--background-color),rgba(0,0,0,.6) 20%);box-shadow:0 1px #fff3,0 2px #0003}.kakadu-components-479363365{padding-top:var(--gap);padding-bottom:calc(var(--gap) + 2px)}.kakadu-components-4017654514.kakadu-components-4017654514{color:var(--red-color)}:where([data-theme=dark]) .kakadu-components-4017654514.kakadu-components-4017654514{color:var(--red-color-hover)}.kakadu-components-3563685584{--hover-background-color:rgba(0, 0, 0, .05);background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;font-family:var(--font-family);font-size:var(--16px);font-weight:550;cursor:pointer;color:var(--foreground-color);margin:0;border:0;padding:0;text-align:left;text-decoration:none;display:inline-flex;vertical-align:top;position:relative;transform:translateZ(0);--original-border-radius:6px;--border-radius:var(--original-border-radius) var(--border-top-right-radius, var(--original-border-radius)) var(--original-border-radius) var(--original-border-radius);--horizontal-offset:-9px;--right-offset:var(--horizontal-offset);--left-offset:var(--horizontal-offset);--vertical-offset:-5px}:where([data-theme=dark]) .kakadu-components-3563685584{--hover-background-color:rgba(255, 255, 255, .075)}@media(hover:hover){.kakadu-components-3563685584: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-3563685584:hover:before{background-color:var(--hover-background-color);transition:background-color .05s}}.kakadu-components-3563685584:active{transform:scale(.98);transition-duration:.1s}.kakadu-components-497190725{--right-offset:-12px}.kakadu-components-3729381008{--left-offset:-12px}.kakadu-components-3866032606{--horizontal-offset:-8px}.kakadu-components-2031441451{position:relative}.kakadu-components-2885581246{top:1px;right:-1px}.kakadu-components-572005744{top:0;padding-top:3px;padding-left:2px;padding-right:2px}.kakadu-components-1760622304{position:relative;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}@media(hover:hover){:is(a,button):hover .kakadu-components-1760622304{text-decoration:none}}.kakadu-components-3184610208{padding-top:3px;position:relative}.kakadu-components-1681694072{left:-1px}.kakadu-components-233407571{padding-left:2px;padding-right:2px}.kakadu-components-1343580459{position:absolute;top:var(--vertical-offset);right:var(--right-offset);bottom:var(--vertical-offset);left:var(--left-offset)}.kakadu-components-925362255{--border-radius:6px;--box-shadow-color:rgba(0, 0, 0, .2);--box-shadow-hard-color:rgba(255, 255, 255, .8);--box-shadow-inner-color:rgba(255, 255, 255, .2);--default-lip-color:#d4d7d9;--lip-color:var(--default-lip-color);background:#fff;border-radius:var(--border-radius);box-shadow:inset 0 0 0 2px var(--box-shadow-inner-color),inset 0 0 0 1px var(--box-shadow-color),0 0 0 1px var(--box-shadow-hard-color),0 3px #00000008;display:flex;justify-content:flex-start}:where([data-theme=dark]) .kakadu-components-925362255{background-color:#15161a;--box-shadow-inner-color:rgba(0, 0, 0, .3);--box-shadow-color:rgba(255, 255, 255, .2);--box-shadow-hard-color:rgba(0, 0, 0, .9);--default-lip-color:#393b3e}.kakadu-components-2945174293{--default-lip-color:#a2a6a8}:where([data-theme=dark]) .kakadu-components-2945174293{--default-lip-color:#1f2022}.kakadu-components-2585123369{--lip-color:var(--green-color)}.kakadu-components-1387450724{--lip-color:var(--green-color-light)}.kakadu-components-3502407303{--lip-color:var(--yellow-color)}.kakadu-components-1612824642{--lip-color:var(--yellow-color-light)}.kakadu-components-314765189{--lip-color:var(--red-color)}.kakadu-components-4209515987{--lip-color:var(--red-color-light)}.kakadu-components-3327291559{--box-shadow-lip-inner-color:rgba(255, 255, 255, .05);background:var(--lip-color);width:6px;box-shadow:inset 0 0 0 1px var(--box-shadow-color),inset 0 0 0 2px var(--box-shadow-lip-inner-color);border-radius:var(--border-radius) 1px 1px var(--border-radius);display:flex;align-items:center;justify-content:center;color:#fff}:where([data-theme=dark]) .kakadu-components-3327291559{--box-shadow-lip-inner-color:rgba(0, 0, 0, .03)}.kakadu-components-3906762683{width:37px;padding-left:1px}.kakadu-components-1969958615.kakadu-components-1969958615{font-size:var(--14px);line-height:1.5em;padding:calc(var(--half-gap) + 2px);padding-top:calc(var(--half-gap) - 1px);padding-bottom:calc(var(--half-gap));flex:1}.kakadu-components-3192444435{width:100%;position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;padding-bottom:var(--triple-gap);opacity:0;z-index:50;--offset-y:calc(var(--index, 0) * (32px + var(--half-gap)) * -1);transform:translate3d(0,calc(var(--offset-y) + 3px),0) scale(.97);transition:opacity .2s,transform .2s;pointer-events:none}.kakadu-components-3003995416{opacity:1;transform:translate3d(0,var(--offset-y),0)}.kakadu-components-1639448689{position:relative;max-width:300px}.kakadu-components-2751825161{height:calc(var(--border-radius) * 2);width:100%;position:absolute;bottom:0;left:0;border-radius:var(--border-radius);overflow:hidden;pointer-events:none}.kakadu-components-1939222061{background:#00000026;width:100%;height:3px;position:absolute;bottom:0;left:0;animation:progress 6s linear forwards}:where([data-theme=dark]) .kakadu-components-1939222061{background:#ffffff26}@keyframes progress{0%{width:0%}to{width:100%}}.kakadu-components-2065792067{--border-radius:8px;--background-color-default:#fff;--background-color:var(--background-color-default);--text-color:#000;--background-color-hover:rgb(250, 250, 250);--transition-duration:.2s;display:flex;flex-direction:column;gap:var(--half-padding);position:relative}:where([data-theme=dark]) .kakadu-components-2065792067{--background-color-default:#0c0d0f;--background-color-hover:#0e0f12;--text-color:#fff}@media(hover:hover){.kakadu-components-2065792067:hover{--background-color:var(--background-color-hover);--transition-duration:37ms}}.kakadu-components-2065792067.kakadu-components-2065792067:focus-within{--background-color:var(--background-color-default);--transition-duration:37ms}.kakadu-components-2436386418.kakadu-components-2436386418{max-width:calc(100% - var(--gap));font-weight:450;font-size:var(--15px);letter-spacing:.012em;line-height:1em;text-shadow:0 0 2px rgba(255,255,255,1);position:absolute;bottom:calc(100% + 1px);left:var(--half-gap);transform:translateY(.5em);z-index:3}:where([data-theme=dark]) .kakadu-components-2436386418.kakadu-components-2436386418{text-shadow:0 0 2px rgba(0,0,0,1)}.kakadu-components-2436386418.kakadu-components-2436386418 span{color:var(--text-color);position:relative;--offset:5px;padding-right:var(--offset);padding-left:var(--offset);opacity:.7}label:has(:is(input,textarea,select)[aria-invalid=true]) .kakadu-components-2436386418.kakadu-components-2436386418 span{color:var(--red-color);opacity:1}label:has(:is(input,textarea,select)[data-warning=true]) .kakadu-components-2436386418.kakadu-components-2436386418 span{color:var(--yellow-color-dark);opacity:1}.kakadu-components-2436386418.kakadu-components-2436386418:before{content:"";background:var(--background-color);width:100%;height:50%;position:absolute;top:calc(50% - 1px);transition:background-color var(--transition-duration)}.kakadu-components-3096914092{-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:calc(var(--button-padding, 0px) + 13px);border:0;border-radius:var(--border-radius);--outline-color:rgba(0, 0, 0, .4);--outline-width:1px;--highlight-color-rgb:255,255,255;--shadow-color-rgb:0,0,0;box-shadow:inset 0 0 0 1px rgba(var(--highlight-color-rgb),.7),inset 0 -3px rgba(var(--shadow-color-rgb),.04),0 0 0 var(--outline-width) var(--outline-color),0 0 0 calc(var(--outline-width) + 1px) rgba(var(--highlight-color-rgb),.7),0 5px rgba(var(--shadow-color-rgb),.04);box-sizing:border-box;display:block;position:relative;z-index:2;white-space:pre-wrap;word-break:break-word;transition:background-color var(--transition-duration),border-color var(--transition-duration),box-shadow var(--transition-duration)}.kakadu-components-3096914092::placeholder{font-style:italic}:where([data-theme=dark]) .kakadu-components-3096914092::placeholder{opacity:.7}:where([data-theme=dark]) .kakadu-components-3096914092{--outline-color:rgba(255, 255, 255, .3);--highlight-color-rgb:0,0,0}@media(hover:hover){label:hover .kakadu-components-3096914092{--outline-color:rgba(0, 0, 0, .8)}:where([data-theme=dark]) label:hover .kakadu-components-3096914092{--outline-color:rgba(255, 255, 255, .5)}}.kakadu-components-3096914092.kakadu-components-3096914092.kakadu-components-3096914092:focus{outline:none}.kakadu-components-3096914092.kakadu-components-3096914092.kakadu-components-3096914092:focus:not(select){--outline-color:var(--secondary-color-hover);--outline-width:2px}:where([data-theme=dark]) .kakadu-components-3096914092.kakadu-components-3096914092.kakadu-components-3096914092:focus:not(select){--outline-color:var(--secondary-color)}.kakadu-components-3096914092.kakadu-components-3096914092[aria-invalid=true]{outline:none;--outline-color:var(--red-color)}.kakadu-components-3096914092.kakadu-components-3096914092[data-warning=true]{--outline-color:var(--yellow-color-dark)}.kakadu-components-3096914092.kakadu-components-3096914092[disabled]{background-color:#f6f6f6;transition:background-color .1s;color:#444;cursor:not-allowed}.kakadu-components-628401705.kakadu-components-628401705{font-size:var(--14px);font-weight:500;margin-top:var(--half-gap);padding:0 13px}.kakadu-components-3245407458.kakadu-components-3245407458{color:var(--red-color)}.kakadu-components-1117160492.kakadu-components-1117160492{color:var(--yellow-color-dark)}.kakadu-components-3574036749.kakadu-components-3574036749{--border-radius:5px;font-size:var(--14px);width:calc(100% - 6px);padding:6px 10px 7px;position:relative;z-index:1;box-sizing:border-box;left:3px}.kakadu-components-3574036749.kakadu-components-3574036749:before{content:"";background:#f8f9fb;--outline-color:rgba(0, 0, 0, .3);--outline-shadow-color:#fff;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:inset 0 0 0 1px var(--outline-color),inset 0 0 0 2px var(--outline-shadow-color),0 0 0 1px var(--outline-shadow-color);position:absolute;left:0;top:var(--attachment-offset);right:0;bottom:0;width:100%;height:calc(100% + (var(--attachment-offset) * -1));z-index:-1}:where([data-theme=dark]) .kakadu-components-3574036749.kakadu-components-3574036749:before{background-color:#121214;--outline-color:rgba(255, 255, 255, .3);--outline-shadow-color:#000}.kakadu-components-448077930{--attachment-offset:-7px;position:relative;display:flex;flex-direction:column}.kakadu-components-3258753754 strong{font-weight:500}.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-3146929190{position:relative}.kakadu-components-2033521835{position:absolute;visibility:hidden}.kakadu-components-2119524139{resize:none;overflow:hidden}.kakadu-components-1614211948{z-index:2;opacity:.3}.kakadu-components-1041647916{z-index:2}:where([data-theme=light]) .kakadu-components-1041647916{mix-blend-mode:normal;opacity:.25}.kakadu-components-131986363{position:absolute;top:11px;right:14px;display:flex;gap:21px;z-index:2}.kakadu-components-1421861246{background:var(--primary-color);width:var(--size);height:var(--size);position:relative;--half-size:calc(var(--size) / 2);--border-radius:var(--half-size) var(--half-size) 0 var(--half-size);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}.kakadu-components-392715920{transform:translate(2%,3%);filter:drop-shadow(0 calc(var(--drop-shadow-offset-multiplier) * 1px) 0 rgba(0,0,0,.2)) drop-shadow(0 0 calc(var(--drop-shadow-offset-multiplier) * 3px) rgba(0,0,0,.2))}.kakadu-components-3861346893{--shadow-color:rgba(255, 255, 255, .8);color:#000000e6;position:relative;top:2px;filter:drop-shadow(0 1px 0 var(--shadow-color)) drop-shadow(0 0 3px var(--shadow-color))}:where([data-theme=dark]) .kakadu-components-3861346893{color:#ffffffe6;--shadow-color:rgba(0, 0, 0, .2)}.kakadu-components-2543813221{width:16px;height:16px;float:right}.kakadu-components-840864829{position:absolute;top:10px;right:13px}.kakadu-components-3855719072{--border-top-right-radius:12px}.kakadu-components-2807459246{--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-2807459246{background:#000c}.kakadu-components-1399012551{opacity:1;pointer-events:auto}.kakadu-components-3521538255{width:100%;padding:var(--half-gap);text-align:left;box-sizing:border-box;display:flex;overflow:auto}@media(min-width:480px){.kakadu-components-3521538255{padding:var(--gap)}}@media(min-width:560px){.kakadu-components-3521538255{padding:var(--double-gap)}}.kakadu-components-1982320206{--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-1982320206{--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-1982320206{--modal-padding:var(--double-gap)}}.kakadu-components-3904045733{width:100%}.kakadu-components-3829535111{opacity:1;transform:scale(1)}.kakadu-components-2617708556{display:inline-flex}.kakadu-components-3009931469{opacity:0;transition:transform var(--duration) var(--animation-delay),opacity var(--duration) var(--animation-delay)}.kakadu-components-3252535480{transform:translate3d(0,var(--distance),0)}@media(prefers-reduced-motion){.kakadu-components-3252535480{transform:translate3d(0,calc(var(--distance) / 3))}}.kakadu-components-358711811{transform:translateZ(0);opacity:1}.kakadu-components-3753263087{width:100%;margin:auto}.kakadu-components-175326694{width:100%;height:1px;min-height:1px;max-height:1px;margin:0;background-color:#00000026;border:none;flex:1 0 0}:where([data-theme=dark]) .kakadu-components-175326694{background-color:#ffffff26}.kakadu-components-3380219127{background:#00000026;width:16px;height:1px;border:none;display:block;margin-left:0}:where([data-theme=dark]) .kakadu-components-3380219127{background-color:#ffffff26}.kakadu-components-1250376591{width:100%;flex:1;text-align:center}.kakadu-components-2653569622{background:#0000001a;width:1px;margin:0;min-width:1px;max-width:1px;border:none}:where([data-theme=dark]) .kakadu-components-2653569622{background-color:#ffffff1a}.kakadu-components-4149648046{--background-size:300px;--background-negative-size:calc(var(--background-size) * -1);--highlight-color:255,255,255;--border-radius:100px;background:color-mix(in srgb,var(--foreground-color) 15%,transparent);width:var(--skeleton-size, 100%);height:var(--skeleton-size);border-radius:var(--border-radius);display:inline-block;vertical-align:top;position:relative}@keyframes skeleton-animation{0%{background-position:var(--background-negative-size) 0%}to{background-position:right var(--background-negative-size) top 0%}}.kakadu-components-3311350973{--opacity:.3}.kakadu-components-3311350973:before{content:"";mix-blend-mode:overlay;background-position:var(--background-negative-size) 0%;background-attachment:fixed;background-size:var(--background-size) 100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,rgba(var(--highlight-color),0),rgba(var(--highlight-color),var(--opacity)),rgba(var(--highlight-color),0));animation:skeleton-animation 1.1s infinite ease-in-out;will-change:background-position;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius)}.kakadu-components-3140855657{vertical-align:middle}.kakadu-components-560222664{width:100%;height:100%;min-height:200px;--radial-gradient-color:rgba(0, 0, 0, .4);-webkit-mask-image:radial-gradient(circle,var(--radial-gradient-color) 70%,black 100%),linear-gradient(to bottom,black 0%,transparent 100%);mask-image:radial-gradient(circle,var(--radial-gradient-color) 70%,black 100%),linear-gradient(to bottom,black 0%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;border-radius:var(--border-radius);overflow:hidden;position:absolute;top:0;left:0;right:0;pointer-events:none}:where([data-theme=dark]) .kakadu-components-560222664{-webkit-mask-image:none;mask-image:none;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%),radial-gradient(circle,black 60%,var(--radial-gradient-color) 100%),linear-gradient(to bottom,transparent 0%,black 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%),radial-gradient(circle,black 60%,var(--radial-gradient-color) 100%),linear-gradient(to bottom,transparent 0%,black 100%);-webkit-mask-composite:source-in;mask-composite:intersect}:where([data-theme=light]) .kakadu-components-947991810.kakadu-components-947991810{mix-blend-mode:normal}:where([data-theme=dark]) .kakadu-components-947991810.kakadu-components-947991810{mix-blend-mode:normal}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kakadu/components",
3
- "version": "1.7.0",
3
+ "version": "1.7.1",
4
4
  "description": "Kakadu components library",
5
5
  "license": "MIT",
6
6
  "main": "./build/index.js",