@kakadu/components 1.3.0 → 1.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/notice.js +1 -1
- package/build/components/notice.mjs +1 -1
- package/build/components/notification.js +1 -1
- package/build/components/notification.mjs +1 -1
- package/build/components/text.js +1 -1
- package/build/components/text.mjs +1 -1
- package/build/components.css +1 -1
- package/build/icons/icon.js +1 -1
- package/build/icons/icon.mjs +1 -1
- package/package.json +1 -1
- package/readme.md +9 -2
|
@@ -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"),c=require("../icons/icon.js"),x=require("./text.js");var r=(s=>(s.default="default",s.success="success",s.warning="warning",s.danger="danger",s))(r||{});function p({type:s="default",icon:a,className:u,children:t,...d}){const i=s==="success",m=s==="warning",k=s==="danger",n=!!a,l=!!t;return e.jsxRuntimeExports.jsxs("aside",{...d,className:o.cx("kakadu-components-
|
|
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"),c=require("../icons/icon.js"),x=require("./text.js");var r=(s=>(s.default="default",s.success="success",s.warning="warning",s.danger="danger",s))(r||{});function p({type:s="default",icon:a,className:u,children:t,...d}){const i=s==="success",m=s==="warning",k=s==="danger",n=!!a,l=!!t;return e.jsxRuntimeExports.jsxs("aside",{...d,className:o.cx("kakadu-components-2802708505",n&&"kakadu-components-2945174293",i&&(n?"kakadu-components-2585123369":"kakadu-components-1387450724"),m&&(n?"kakadu-components-3502407303":"kakadu-components-1612824642"),k&&(n?"kakadu-components-314765189":"kakadu-components-4209515987"),u),children:[e.jsxRuntimeExports.jsx("div",{"data-theme":"dark",className:o.cx("kakadu-components-3327291559",n&&"kakadu-components-3146184463"),children:a&&e.jsxRuntimeExports.jsx(c.default,{width:14,height:14,type:a,className:c.iconShadowStyles})}),e.jsxRuntimeExports.jsx(x.Span,{className:"kakadu-components-1969958615",children:l?t:e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:" "})})]})}exports.NoticeType=r;exports.default=p;
|
|
@@ -11,7 +11,7 @@ function w({
|
|
|
11
11
|
...r
|
|
12
12
|
}) {
|
|
13
13
|
const d = a === "success", m = a === "warning", k = a === "danger", s = !!o, u = !!e;
|
|
14
|
-
return /* @__PURE__ */ n.jsxs("aside", { ...r, className: t("kakadu-components-
|
|
14
|
+
return /* @__PURE__ */ n.jsxs("aside", { ...r, className: t("kakadu-components-2802708505", s && "kakadu-components-2945174293", d && (s ? "kakadu-components-2585123369" : "kakadu-components-1387450724"), m && (s ? "kakadu-components-3502407303" : "kakadu-components-1612824642"), k && (s ? "kakadu-components-314765189" : "kakadu-components-4209515987"), c), children: [
|
|
15
15
|
/* @__PURE__ */ n.jsx("div", { "data-theme": "dark", className: t("kakadu-components-3327291559", s && "kakadu-components-3146184463"), children: o && /* @__PURE__ */ n.jsx(i, { width: 14, height: 14, type: o, className: l }) }),
|
|
16
16
|
/* @__PURE__ */ n.jsx(p, { className: "kakadu-components-1969958615", children: u ? e : /* @__PURE__ */ n.jsx(n.Fragment, { children: " " }) })
|
|
17
17
|
] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),t=require("react"),j=require("@kuma-ui/core"),k=require("../utilities/generate-random-id.js"),v=require("./notice.js");function x({type:n,icon:d,index:a,className:u,children:f,onDismiss:o,...i}){const[e,r]=t.useState(!1),[l,p]=t.useState(!1);t.useEffect(()=>{const c=setTimeout(()=>{r(!0)},250);return()=>{clearTimeout(c)}},[]),t.useEffect(()=>{if(e){const c=setTimeout(()=>{r(!1),p(!0)},6e3);return()=>{clearTimeout(c)}}},[e]);const m=a??0;return t.useEffect(()=>{if(l&&!e){const c=setTimeout(()=>{o==null||o(m)},300);return()=>{clearTimeout(c)}}},[l,e,o,m]),s.jsxRuntimeExports.jsx("div",{...i,style:{"--index":m},className:j.cx("kakadu-components-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),t=require("react"),j=require("@kuma-ui/core"),k=require("../utilities/generate-random-id.js"),v=require("./notice.js");function x({type:n,icon:d,index:a,className:u,children:f,onDismiss:o,...i}){const[e,r]=t.useState(!1),[l,p]=t.useState(!1);t.useEffect(()=>{const c=setTimeout(()=>{r(!0)},250);return()=>{clearTimeout(c)}},[]),t.useEffect(()=>{if(e){const c=setTimeout(()=>{r(!1),p(!0)},6e3);return()=>{clearTimeout(c)}}},[e]);const m=a??0;return t.useEffect(()=>{if(l&&!e){const c=setTimeout(()=>{o==null||o(m)},300);return()=>{clearTimeout(c)}}},[l,e,o,m]),s.jsxRuntimeExports.jsx("div",{...i,style:{"--index":m},className:j.cx("kakadu-components-829211097",e&&"kakadu-components-3003995416",u),children:s.jsxRuntimeExports.jsxs(v.default,{"aria-live":"polite",type:n,icon:d,className:"kakadu-components-1639448689",children:[f,s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2751825161",children:s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-1939222061"})})]})})}const N=t.createContext({createNotification(){throw new Error("useCreateNotification must be used within a NotificationProvider")}});function E(){const{createNotification:n}=t.useContext(N);return n}function C({children:n}){const[d,a]=t.useState([]),u=t.useCallback(i=>{const e=k.default();a(r=>[...r,{...i,id:e}])},[]),f=t.useCallback(i=>{a(e=>e.filter((r,l)=>l!==i))},[]),o=t.useMemo(()=>({createNotification:u}),[u]);return s.jsxRuntimeExports.jsxs(N.Provider,{value:o,children:[n,d.map((i,e)=>s.jsxRuntimeExports.jsx(x,{...i,index:e,onDismiss:f},i.id))]})}exports.NotificationProvider=C;exports.default=x;exports.useCreateNotification=E;
|
|
@@ -42,7 +42,7 @@ function I({
|
|
|
42
42
|
}
|
|
43
43
|
}, [u, t, i, d]), /* @__PURE__ */ o.jsx("div", { ...e, style: {
|
|
44
44
|
"--index": d
|
|
45
|
-
}, className: C("kakadu-components-
|
|
45
|
+
}, className: C("kakadu-components-829211097", t && "kakadu-components-3003995416", c), children: /* @__PURE__ */ o.jsxs(b, { "aria-live": "polite", type: s, icon: m, className: "kakadu-components-1639448689", children: [
|
|
46
46
|
f,
|
|
47
47
|
/* @__PURE__ */ o.jsx("div", { className: "kakadu-components-2751825161", children: /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-1939222061" }) })
|
|
48
48
|
] }) });
|
package/build/components/text.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../jsx-runtime-BB_1_6y_.js"),n=require("@kuma-ui/core"),l=require("../theme.js"),o=require("./atom.js"),u="kakadu-components-1538322784",c="kakadu-components-739732526";function m({reference:e,as:t,className:s,...x}){return a.jsxRuntimeExports.jsx(o.default,{reference:e,as:t??"h1",...x,className:n.cx(l.overflowProtectionStyles,u,"kakadu-components-3101899972",c,s)})}const r=n.cx("kakadu-components-1923397960",u,c);function p({as:e,className:t,...s}){return a.jsxRuntimeExports.jsx(o.default,{as:e??"p",...s,className:n.cx(r,"kakadu-components-621160204",t)})}function d({as:e,className:t,...s}){return a.jsxRuntimeExports.jsx(o.default,{as:e??"span",...s,className:n.cx(r,t)})}function i({as:e,className:t,...s}){return a.jsxRuntimeExports.jsx(o.default,{as:e??"div",...s,className:n.cx("kakadu-components-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../jsx-runtime-BB_1_6y_.js"),n=require("@kuma-ui/core"),l=require("../theme.js"),o=require("./atom.js"),u="kakadu-components-1538322784",c="kakadu-components-739732526";function m({reference:e,as:t,className:s,...x}){return a.jsxRuntimeExports.jsx(o.default,{reference:e,as:t??"h1",...x,className:n.cx(l.overflowProtectionStyles,u,"kakadu-components-3101899972",c,s)})}const r=n.cx("kakadu-components-1923397960",u,c);function p({as:e,className:t,...s}){return a.jsxRuntimeExports.jsx(o.default,{as:e??"p",...s,className:n.cx(r,"kakadu-components-621160204",t)})}function d({as:e,className:t,...s}){return a.jsxRuntimeExports.jsx(o.default,{as:e??"span",...s,className:n.cx(r,t)})}function i({as:e,className:t,...s}){return a.jsxRuntimeExports.jsx(o.default,{as:e??"div",...s,className:n.cx("kakadu-components-3879008874",t)})}function k({as:e,className:t,...s}){return a.jsxRuntimeExports.jsx(i,{as:e??"div",...s,className:n.cx("kakadu-components-1516646989",t)})}exports.Heading=m;exports.Hero=k;exports.Paragraph=p;exports.Span=d;exports.default=i;exports.spanStyles=r;exports.textShadowStyles=u;
|
|
@@ -31,7 +31,7 @@ function i({
|
|
|
31
31
|
className: a,
|
|
32
32
|
...s
|
|
33
33
|
}) {
|
|
34
|
-
return /* @__PURE__ */ o.jsx(e, { as: t ?? "div", ...s, className: n("kakadu-components-
|
|
34
|
+
return /* @__PURE__ */ o.jsx(e, { as: t ?? "div", ...s, className: n("kakadu-components-3879008874", a) });
|
|
35
35
|
}
|
|
36
36
|
function N({
|
|
37
37
|
as: t,
|
package/build/components.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.kakadu-components-2735574809{--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;--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;--accent-font-family:"Inter",-apple-system,helvetica,arial,sans-serif;--font-family:"Inter",-apple-system,helvetica,arial,sans-serif;--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)));--sidebar-z-index:424242;--modal-z-index:424243;--page-padding:var(--gap);--page-width:calc(1080px + (var(--page-padding) * 2));--text-width:780px;--content-width:620px;font-family:var(--font-family);font-optical-sizing:auto;line-height:normal;color:var(--foreground-color);--8px:.5rem;--9px:.5625rem;--10px:.625rem;--11px:.6875rem;--12px:.75rem;--13px:.8125rem;--14px:.875rem;--15px:.9375rem;--16px:1rem;--17px:1.0625rem;--18px:1.125rem;--19px:1.1875rem;--20px:1.25rem;--21px:1.3125rem;--22px:1.375rem;--23px:1.4375rem;--24px:1.5rem;--25px:1.5625rem;--26px:1.625rem;--27px:1.6875rem;--28px:1.75rem;--29px:1.8125rem;--30px:1.875rem;--31px:1.9375rem;--32px:2rem;--33px:2.0625rem;--34px:2.125rem;--35px:2.1875rem;--36px:2.25rem;--37px:2.3125rem;--38px:2.375rem;--39px:2.4375rem;--40px:2.5rem;--41px:2.5625rem;--42px:2.625rem;--43px:2.6875rem;--44px:2.75rem;--45px:2.8125rem;--46px:2.875rem;--47px:2.9375rem;--48px:3rem}.kakadu-components-2735574809[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}@media(min-width:460px){.kakadu-components-2735574809{--scale-multiplier:.7}}@media(min-width:580px){.kakadu-components-2735574809{--scale-multiplier:.8;--page-padding:var(--double-gap)}}@media(min-width:860px){.kakadu-components-2735574809{--scale-multiplier:1;--page-padding:var(--triple-gap)}}:root{background:var(--background-color);scroll-padding-top:101px}.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-202187034{--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(--sesquialteral-gap);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}:where([data-theme=dark]) .kakadu-components-202187034{--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-1645965623{--hard-soft-shadow-color:rgba(255, 255, 255, .075);--hard-shadow-color:rgba(255, 255, 255, .25);--blur-shadow-color:rgba(255, 255, 255, .35);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 0 1px 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-1645965623{--hard-soft-shadow-color:rgba(0, 0, 0, .1);--hard-shadow-color:rgba(0, 0, 0, .35);--blur-shadow-color:rgba(0, 0, 0, .45)}.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-407202186{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0}.kakadu-components-2608453841.kakadu-components-2608453841{mix-blend-mode:normal;opacity:.3}.kakadu-components-1001443553{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:0;left:0;right:0;bottom: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-3865624338{background:#fff;font-size:var(--12px);padding:3px 7px;border-radius:5px;color:#000;display:inline-block;position:relative;--box-shadow-outline-color:rgba(255, 255, 255, .7);--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-3865624338{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-3865624338: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-3865624338:after{background:#131314;--box-shadow-color:rgb(80, 80, 80);--outer-box-shadow-color:rgba(0, 0, 0, .3)}@media(hover:hover){.kakadu-components-3865624338{transition:transform .1s,opacity .1s}button:hover .kakadu-components-3865624338{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-3101899972{font-family:var(--accent-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-3101899972 b{font-weight:calc(var(--font-weight) + 50);color:var(--secondary-color-4)}.kakadu-components-3101899972 strong{font-weight:calc(var(--font-weight) + 150);color:var(--secondary-color-4)}.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-235878942{max-width:var(--text-width);text-wrap:pretty}.kakadu-components-235878942 :is(h1,h2,h3,h4,h5,h6):is(h1){font-size:var(--32px)}.kakadu-components-235878942 :is(h1,h2,h3,h4,h5,h6):is(h2){font-size:var(--24px);--font-weight:650}.kakadu-components-235878942 :is(h1,h2,h3,h4,h5,h6):is(h3){font-size:var(--20px);--font-weight:400;opacity:.9}.kakadu-components-235878942 :is(h1,h2,h3,h4,h5,h6):is(h4){font-size:var(--17px);--font-weight:500}.kakadu-components-235878942 h1+h2{margin-top:1.25em}.kakadu-components-235878942 h2+h3{margin-top:.75em}.kakadu-components-235878942 h3+h4{margin-top:.9em}.kakadu-components-235878942 :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol,aside){margin-top:.9em}.kakadu-components-235878942 :is(h1,h2)+p:has(+p){font-size:var(--20px);font-weight:400;line-height:1.3em;color:var(--secondary-color-2)}.kakadu-components-235878942 :is(h1,h2)+p:has(+p)+p{margin-top:1.25em}.kakadu-components-235878942 p+:is(p){margin-top:.75em}.kakadu-components-235878942 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6){margin-top:1.5em}.kakadu-components-235878942 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h3){margin-top:2em}.kakadu-components-235878942 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h4){margin-top:2em}.kakadu-components-235878942 :is(div:has(>pre),pre,p,ul,ol,aside)+:is(h3,h4):before{content:"";width:16px;height:1px;background:#00000026;display:block;margin-bottom:calc(var(--triple-gap) - .375em)}:where([data-theme=dark]) .kakadu-components-235878942 :is(div:has(>pre),pre,p,ul,ol,aside)+:is(h3,h4):before{background-color:#ffffff26}.kakadu-components-235878942 ul,.kakadu-components-235878942 ol{margin:0;padding:0;list-style-position:inside}.kakadu-components-235878942 :is(p,ul,ol)+:is(ul,ol){margin-top:1em}.kakadu-components-235878942 li+li{margin-top:.25em}.kakadu-components-235878942 li+:is(ul,ol>li){margin-top:1em}.kakadu-components-235878942 li::marker{font-weight:600}.kakadu-components-235878942 :is(ul,ol)>li{font-weight:500}.kakadu-components-235878942 :is(ul,ol)>li li{font-weight:400}.kakadu-components-235878942 li a:only-child,.kakadu-components-235878942 li a:first-child:has(+:is(ul,ol):last-child){text-decoration:none;color:currentColor}@media(hover:hover){.kakadu-components-235878942 li a:only-child:hover,.kakadu-components-235878942 li a:first-child:has(+:is(ul,ol):last-child):hover{text-decoration:underline;color:var(--secondary-color)}}.kakadu-components-235878942 :is(ul,ol) :is(ul,ol){margin-top:var(--half-gap);padding-left:var(--gap)}.kakadu-components-235878942 :is(p,ul,ol)+hr{margin-top:2em}.kakadu-components-235878942 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-235878942 code:not(pre code){background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3}.kakadu-components-235878942 pre{background:#ffffffe6;max-width:var(--content-width);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;margin:var(--gap) 0;box-shadow:inset 0 0 0 1px #0003}:where([data-theme=dark]) .kakadu-components-235878942 pre{background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3;color:#ffffffb3}.kakadu-components-235878942 :is(p,ul,ol,aside)+:is(div:has(>pre),pre),.kakadu-components-235878942 :is(div:has(>pre),pre)+:is(p,ul,ol,aside){margin-top:var(--double-gap)}.kakadu-components-235878942 :is(div:has(>pre),pre)+:is(h1,h2,h3,h4,h5,h6){margin-top:var(--triple-gap)}.kakadu-components-235878942 aside:not(:is(div:has(>pre),pre)+aside){max-width:var(--content-width)}.kakadu-components-235878942 :is(p,ul,ol)+aside,.kakadu-components-235878942 aside+:is(p,ul,ol){margin-top:var(--double-gap)}.kakadu-components-235878942 :is(div:has(>pre),pre)+aside,.kakadu-components-235878942 aside+:is(div:has(>pre),pre){margin-top:var(--gap)}.kakadu-components-1516646989.kakadu-components-1516646989{max-width:var(--text-width)}.kakadu-components-1516646989.kakadu-components-1516646989 h1{font-size:var(--38px)}@media(min-width:410px){.kakadu-components-1516646989.kakadu-components-1516646989 h1{font-size:var(--48px)}}.kakadu-components-1516646989.kakadu-components-1516646989 h1+:is(p,ul){margin-top:.9em}.kakadu-components-1516646989.kakadu-components-1516646989 h1+p:has(+p){font-size:var(--20px);line-height:1.4em}@media(min-width:410px){.kakadu-components-1516646989.kakadu-components-1516646989 h1+p:has(+p){font-size:var(--24px)}}.kakadu-components-1516646989.kakadu-components-1516646989 h1+p:has(+p)+p{margin-top:2.1em}.kakadu-components-1516646989.kakadu-components-1516646989 p{font-size:var(--18px);line-height:1.6em}.kakadu-components-2034054779.kakadu-components-2034054779.kakadu-components-2034054779{background:#fff;text-align:left;padding:var(--sesquialteral-gap);--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-2034054779.kakadu-components-2034054779.kakadu-components-2034054779{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-2034054779.kakadu-components-2034054779.kakadu-components-2034054779:hover{background-color:#1a1c21}}.kakadu-components-2034054779.kakadu-components-2034054779.kakadu-components-2034054779:before{mix-blend-mode:normal}.kakadu-components-2034054779.kakadu-components-2034054779.kakadu-components-2034054779: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-425989064.kakadu-components-425989064{font-size:var(--12px);font-weight:700;text-transform:uppercase;text-decoration:underline;color:#3574b5}:where([data-theme=dark]) .kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064{color:#84a3c8}@media(hover:hover){:is(button,a):hover .kakadu-components-425989064.kakadu-components-425989064,.kakadu-components-425989064.kakadu-components-425989064:hover{text-decoration:none;text-decoration:0;text-decoration-color:currentColor}}.kakadu-components-2967167444{opacity:.5}.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-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-3533634878{transform:translate(2%,3%);filter:drop-shadow(0 1px 0 rgba(0,0,0,.2)) drop-shadow(0 0 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-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-2383427106{--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);--vertical-offset:-5px}:where([data-theme=dark]) .kakadu-components-2383427106{--hover-background-color:rgba(255, 255, 255, .075)}@media(hover:hover){.kakadu-components-2383427106:before{content:"";position:absolute;top:var(--vertical-offset);right:var(--right-offset);bottom:var(--vertical-offset);left:var(--horizontal-offset);border-radius:var(--border-radius);transition:background-color .37s}.kakadu-components-2383427106:hover:before{background-color:var(--hover-background-color);transition:background-color .05s}}.kakadu-components-2383427106:active{transform:scale(.98);transition-duration:.1s}.kakadu-components-463345724{--right-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-239044991{position:relative;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}@media(hover:hover){:is(a,button):hover .kakadu-components-239044991{text-decoration:0}}.kakadu-components-2754138515{position:absolute;top:var(--vertical-offset);left:var(--horizontal-offset);right:var(--right-offset);bottom:var(--vertical-offset)}.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-2456791517{--border-radius:6px;--box-shadow-color:rgba(0, 0, 0, .2);--box-shadow-hard-color:#fff;--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 1px 0 var(--box-shadow-hard-color),0 3px #00000008;display:flex;justify-content:flex-start}:where([data-theme=dark]) .kakadu-components-2456791517{background-color:#ffffff09;--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-3146184463{width:34px;padding-left:2px}.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-3897420184{width:100%;position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;padding-bottom:var(--triple-gap);opacity:0;--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-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-3910508072{width:100%;height:1px;min-height:1px;max-height:1px;background-color:#00000026;border:none;flex:1 0 0}:where([data-theme=dark]) .kakadu-components-3910508072{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-1838150430{width:100%;flex:1;text-align:center}.kakadu-components-2444594537{text-transform:uppercase;font-weight:600;font-size:var(--12px);opacity:.8}.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-4115326614{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;position:absolute;top:0;left:0;right:0;pointer-events:none}:where([data-theme=dark]) .kakadu-components-4115326614{-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-2735574809{--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;--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;--accent-font-family:"Inter",-apple-system,helvetica,arial,sans-serif;--font-family:"Inter",-apple-system,helvetica,arial,sans-serif;--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)));--sidebar-z-index:424242;--modal-z-index:424243;--page-padding:var(--gap);--page-width:calc(1080px + (var(--page-padding) * 2));--text-width:780px;--content-width:620px;font-family:var(--font-family);font-optical-sizing:auto;line-height:normal;color:var(--foreground-color);--8px:.5rem;--9px:.5625rem;--10px:.625rem;--11px:.6875rem;--12px:.75rem;--13px:.8125rem;--14px:.875rem;--15px:.9375rem;--16px:1rem;--17px:1.0625rem;--18px:1.125rem;--19px:1.1875rem;--20px:1.25rem;--21px:1.3125rem;--22px:1.375rem;--23px:1.4375rem;--24px:1.5rem;--25px:1.5625rem;--26px:1.625rem;--27px:1.6875rem;--28px:1.75rem;--29px:1.8125rem;--30px:1.875rem;--31px:1.9375rem;--32px:2rem;--33px:2.0625rem;--34px:2.125rem;--35px:2.1875rem;--36px:2.25rem;--37px:2.3125rem;--38px:2.375rem;--39px:2.4375rem;--40px:2.5rem;--41px:2.5625rem;--42px:2.625rem;--43px:2.6875rem;--44px:2.75rem;--45px:2.8125rem;--46px:2.875rem;--47px:2.9375rem;--48px:3rem}.kakadu-components-2735574809[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}@media(min-width:460px){.kakadu-components-2735574809{--scale-multiplier:.7}}@media(min-width:580px){.kakadu-components-2735574809{--scale-multiplier:.8;--page-padding:var(--double-gap)}}@media(min-width:860px){.kakadu-components-2735574809{--scale-multiplier:1;--page-padding:var(--triple-gap)}}:root{background:var(--background-color);scroll-padding-top:101px}.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-202187034{--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(--sesquialteral-gap);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}:where([data-theme=dark]) .kakadu-components-202187034{--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-407202186{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0}.kakadu-components-2608453841.kakadu-components-2608453841{mix-blend-mode:normal;opacity:.3}.kakadu-components-1001443553{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:0;left:0;right:0;bottom: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-3865624338{background:#fff;font-size:var(--12px);padding:3px 7px;border-radius:5px;color:#000;display:inline-block;position:relative;--box-shadow-outline-color:rgba(255, 255, 255, .7);--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-3865624338{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-3865624338: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-3865624338:after{background:#131314;--box-shadow-color:rgb(80, 80, 80);--outer-box-shadow-color:rgba(0, 0, 0, .3)}@media(hover:hover){.kakadu-components-3865624338{transition:transform .1s,opacity .1s}button:hover .kakadu-components-3865624338{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-3101899972{font-family:var(--accent-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-3101899972 b{font-weight:calc(var(--font-weight) + 50);color:var(--secondary-color-4)}.kakadu-components-3101899972 strong{font-weight:calc(var(--font-weight) + 150);color:var(--secondary-color-4)}.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-3879008874{max-width:var(--text-width);text-wrap:pretty}.kakadu-components-3879008874 :is(h1,h2,h3,h4,h5,h6):is(h1){font-size:var(--32px)}.kakadu-components-3879008874 :is(h1,h2,h3,h4,h5,h6):is(h2){font-size:var(--24px);--font-weight:650}.kakadu-components-3879008874 :is(h1,h2,h3,h4,h5,h6):is(h3){font-size:var(--20px);--font-weight:400;opacity:.9}.kakadu-components-3879008874 :is(h1,h2,h3,h4,h5,h6):is(h4){font-size:var(--17px);--font-weight:500}.kakadu-components-3879008874 h1+h2{margin-top:1.25em}.kakadu-components-3879008874 h2+h3{margin-top:.75em}.kakadu-components-3879008874 h3+h4{margin-top:.9em}.kakadu-components-3879008874 :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol,aside){margin-top:.9em}.kakadu-components-3879008874 :is(h1,h2)+p:has(+p){font-size:var(--20px);font-weight:400;line-height:1.3em;color:var(--secondary-color-2)}.kakadu-components-3879008874 :is(h1,h2)+p:has(+p)+p{margin-top:1.25em}.kakadu-components-3879008874 p+:is(p){margin-top:.75em}.kakadu-components-3879008874 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6){margin-top:1.5em}.kakadu-components-3879008874 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h3){margin-top:2em}.kakadu-components-3879008874 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h4){margin-top:2em}.kakadu-components-3879008874 :is(div:has(>pre),pre,p,ul,ol,aside)+:is(h3,h4):before{content:"";width:16px;height:1px;background:#00000026;display:block;margin-bottom:2em}:where([data-theme=dark]) .kakadu-components-3879008874 :is(div:has(>pre),pre,p,ul,ol,aside)+:is(h3,h4):before{background-color:#ffffff26}.kakadu-components-3879008874 ul,.kakadu-components-3879008874 ol{margin:0;padding:0;list-style-position:inside}.kakadu-components-3879008874 :is(p,ul,ol)+:is(ul,ol){margin-top:1em}.kakadu-components-3879008874 li+li{margin-top:.25em}.kakadu-components-3879008874 li+:is(ul,ol>li){margin-top:1em}.kakadu-components-3879008874 li::marker{font-weight:600}.kakadu-components-3879008874 :is(ul,ol)>li{font-weight:500}.kakadu-components-3879008874 :is(ul,ol)>li li{font-weight:400}.kakadu-components-3879008874 li a:only-child,.kakadu-components-3879008874 li a:first-child:has(+:is(ul,ol):last-child){text-decoration:none;color:currentColor}@media(hover:hover){.kakadu-components-3879008874 li a:only-child:hover,.kakadu-components-3879008874 li a:first-child:has(+:is(ul,ol):last-child):hover{text-decoration:underline;color:var(--secondary-color)}}.kakadu-components-3879008874 :is(ul,ol) :is(ul,ol){margin-top:var(--half-gap);padding-left:var(--gap)}.kakadu-components-3879008874 :is(p,ul,ol)+hr{margin-top:2em}.kakadu-components-3879008874 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-3879008874 code:not(pre code){background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3}.kakadu-components-3879008874 pre{background:#ffffffe6;max-width:var(--content-width);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;margin:var(--gap) 0;box-shadow:inset 0 0 0 1px #0003}:where([data-theme=dark]) .kakadu-components-3879008874 pre{background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3;color:#ffffffb3}.kakadu-components-3879008874 :is(p,ul,ol,aside)+:is(div:has(>pre),pre),.kakadu-components-3879008874 :is(div:has(>pre),pre)+:is(p,ul,ol,aside){margin-top:var(--double-gap)}.kakadu-components-3879008874 :is(div:has(>pre),pre)+:is(h1,h2,h3,h4,h5,h6){margin-top:var(--triple-gap)}.kakadu-components-3879008874 :is(div:has(>pre),pre)+:is(h1,h2,h3,h4,h5,h6):is(h3,h4){margin-top:2em}.kakadu-components-3879008874 aside:not(:is(div:has(>pre),pre)+aside){max-width:var(--content-width)}.kakadu-components-3879008874 :is(p,ul,ol)+aside,.kakadu-components-3879008874 aside+:is(p,ul,ol){margin-top:var(--double-gap)}.kakadu-components-3879008874 :is(div:has(>pre),pre)+aside,.kakadu-components-3879008874 aside+:is(div:has(>pre),pre){margin-top:var(--gap)}.kakadu-components-1516646989.kakadu-components-1516646989{max-width:var(--text-width)}.kakadu-components-1516646989.kakadu-components-1516646989 h1{font-size:var(--38px)}@media(min-width:410px){.kakadu-components-1516646989.kakadu-components-1516646989 h1{font-size:var(--48px)}}.kakadu-components-1516646989.kakadu-components-1516646989 h1+:is(p,ul){margin-top:.9em}.kakadu-components-1516646989.kakadu-components-1516646989 h1+p:has(+p){font-size:var(--20px);line-height:1.4em}@media(min-width:410px){.kakadu-components-1516646989.kakadu-components-1516646989 h1+p:has(+p){font-size:var(--24px)}}.kakadu-components-1516646989.kakadu-components-1516646989 h1+p:has(+p)+p{margin-top:2.1em}.kakadu-components-1516646989.kakadu-components-1516646989 p{font-size:var(--18px);line-height:1.6em}.kakadu-components-2034054779.kakadu-components-2034054779.kakadu-components-2034054779{background:#fff;text-align:left;padding:var(--sesquialteral-gap);--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-2034054779.kakadu-components-2034054779.kakadu-components-2034054779{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-2034054779.kakadu-components-2034054779.kakadu-components-2034054779:hover{background-color:#1a1c21}}.kakadu-components-2034054779.kakadu-components-2034054779.kakadu-components-2034054779:before{mix-blend-mode:normal}.kakadu-components-2034054779.kakadu-components-2034054779.kakadu-components-2034054779: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-425989064.kakadu-components-425989064{font-size:var(--12px);font-weight:700;text-transform:uppercase;text-decoration:underline;color:#3574b5}:where([data-theme=dark]) .kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064{color:#84a3c8}@media(hover:hover){:is(button,a):hover .kakadu-components-425989064.kakadu-components-425989064,.kakadu-components-425989064.kakadu-components-425989064:hover{text-decoration:none;text-decoration:0;text-decoration-color:currentColor}}.kakadu-components-2967167444{opacity:.5}.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-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-3533634878{transform:translate(2%,3%);filter:drop-shadow(0 1px 0 rgba(0,0,0,.2)) drop-shadow(0 0 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-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-2383427106{--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);--vertical-offset:-5px}:where([data-theme=dark]) .kakadu-components-2383427106{--hover-background-color:rgba(255, 255, 255, .075)}@media(hover:hover){.kakadu-components-2383427106:before{content:"";position:absolute;top:var(--vertical-offset);right:var(--right-offset);bottom:var(--vertical-offset);left:var(--horizontal-offset);border-radius:var(--border-radius);transition:background-color .37s}.kakadu-components-2383427106:hover:before{background-color:var(--hover-background-color);transition:background-color .05s}}.kakadu-components-2383427106:active{transform:scale(.98);transition-duration:.1s}.kakadu-components-463345724{--right-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-239044991{position:relative;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}@media(hover:hover){:is(a,button):hover .kakadu-components-239044991{text-decoration:0}}.kakadu-components-2754138515{position:absolute;top:var(--vertical-offset);left:var(--horizontal-offset);right:var(--right-offset);bottom:var(--vertical-offset)}.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-2802708505{--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 1px 0 var(--box-shadow-hard-color),0 3px #00000008;display:flex;justify-content:flex-start}:where([data-theme=dark]) .kakadu-components-2802708505{background-color:#ffffff09;--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-3146184463{width:34px;padding-left:2px}.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-829211097{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;--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-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-3910508072{width:100%;height:1px;min-height:1px;max-height:1px;background-color:#00000026;border:none;flex:1 0 0}:where([data-theme=dark]) .kakadu-components-3910508072{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-1838150430{width:100%;flex:1;text-align:center}.kakadu-components-2444594537{text-transform:uppercase;font-weight:600;font-size:var(--12px);opacity:.8}.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-4115326614{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;position:absolute;top:0;left:0;right:0;pointer-events:none}:where([data-theme=dark]) .kakadu-components-4115326614{-webkit-mask-image:none;mask-image:none;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%),radial-gradient(circle,black 60%,var(--radial-gradient-color) 100%),linear-gradient(to bottom,transparent 0%,black 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%),radial-gradient(circle,black 60%,var(--radial-gradient-color) 100%),linear-gradient(to bottom,transparent 0%,black 100%);-webkit-mask-composite:source-in;mask-composite:intersect}:where([data-theme=light]) .kakadu-components-947991810.kakadu-components-947991810{mix-blend-mode:normal}:where([data-theme=dark]) .kakadu-components-947991810.kakadu-components-947991810{mix-blend-mode:normal}
|
package/build/icons/icon.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../jsx-runtime-BB_1_6y_.js"),n=require("./kakadu-guide.js"),u=require("./kakadu-guide-glyph.js"),s=require("./check.js"),c=require("./plus.js"),a=require("./times.js"),d=require("./chevron-down.js"),l=require("./chevron-up.js"),h=require("./caret-down.js"),w=require("./caret-right.js"),g=require("./arrow-down.js"),k=require("./edit.js"),m=require("./copy.js"),f=require("./test.js"),_=require("./exclamation-triangle.js"),q=require("./edge-browser-logo.js"),D=require("./chrome-browser-logo.js"),G=require("./menu.js");var r=(e=>(e.kakaduGuide="kakaduGuide",e.kakaduGuideGlyph="kakaduGuideGlyph",e.menu="menu",e.check="check",e.plus="plus",e.times="times",e.chevronDown="chevronDown",e.chevronUp="chevronUp",e.caretDown="caretDown",e.caretRight="caretRight",e.arrowDown="arrowDown",e.edit="edit",e.copy="copy",e.test="test",e.exclamationTriangle="exclamationTriangle",e.chromeBrowserLogo="chromeBrowserLogo",e.edgeBrowserLogo="edgeBrowserLogo",e))(r||{});const v={kakaduGuide:n.default,kakaduGuideGlyph:u.default,menu:G.default,check:s.default,plus:c.default,times:a.default,chevronDown:d.default,chevronUp:l.default,caretDown:h.default,caretRight:w.default,arrowDown:g.default,edit:k.default,copy:m.default,test:f.default,exclamationTriangle:_.default,chromeBrowserLogo:D.default,edgeBrowserLogo:q.default},x="kakadu-components-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../jsx-runtime-BB_1_6y_.js"),n=require("./kakadu-guide.js"),u=require("./kakadu-guide-glyph.js"),s=require("./check.js"),c=require("./plus.js"),a=require("./times.js"),d=require("./chevron-down.js"),l=require("./chevron-up.js"),h=require("./caret-down.js"),w=require("./caret-right.js"),g=require("./arrow-down.js"),k=require("./edit.js"),m=require("./copy.js"),f=require("./test.js"),_=require("./exclamation-triangle.js"),q=require("./edge-browser-logo.js"),D=require("./chrome-browser-logo.js"),G=require("./menu.js");var r=(e=>(e.kakaduGuide="kakaduGuide",e.kakaduGuideGlyph="kakaduGuideGlyph",e.menu="menu",e.check="check",e.plus="plus",e.times="times",e.chevronDown="chevronDown",e.chevronUp="chevronUp",e.caretDown="caretDown",e.caretRight="caretRight",e.arrowDown="arrowDown",e.edit="edit",e.copy="copy",e.test="test",e.exclamationTriangle="exclamationTriangle",e.chromeBrowserLogo="chromeBrowserLogo",e.edgeBrowserLogo="edgeBrowserLogo",e))(r||{});const v={kakaduGuide:n.default,kakaduGuideGlyph:u.default,menu:G.default,check:s.default,plus:c.default,times:a.default,chevronDown:d.default,chevronUp:l.default,caretDown:h.default,caretRight:w.default,arrowDown:g.default,edit:k.default,copy:m.default,test:f.default,exclamationTriangle:_.default,chromeBrowserLogo:D.default,edgeBrowserLogo:q.default},x="kakadu-components-2395643287";function B({type:e,...t}){const o=v[e];return o?i.jsxRuntimeExports.jsx(o,{...t}):null}exports.IconType=r;exports.default=B;exports.iconShadowStyles=x;
|
package/build/icons/icon.mjs
CHANGED
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/package/@kakadu/components)
|
|
4
4
|
|
|
5
|
+
## Storybook
|
|
6
|
+
|
|
7
|
+
View the online component Storybook in Chromatic [here](https://www.chromatic.com/library?appId=697782e05c2a84508d0f34b2).
|
|
8
|
+
|
|
5
9
|
## Installation
|
|
6
10
|
|
|
7
11
|
First, install the package via npm:
|
|
@@ -10,7 +14,7 @@ First, install the package via npm:
|
|
|
10
14
|
npm install @kakadu/components
|
|
11
15
|
```
|
|
12
16
|
|
|
13
|
-
Next, import the base stylesheet and the `ThemeSetter` in your application’s entry point (for example `_app.tsx`)
|
|
17
|
+
Next, import the base stylesheet and the `ThemeSetter` in your application’s entry point (for example `_app.tsx`). For notifications to work, you’ll also need the `NotificationProvider`.
|
|
14
18
|
|
|
15
19
|
```tsx
|
|
16
20
|
import React from 'react';
|
|
@@ -22,7 +26,10 @@ export default function App({Component, pageProps}: AppProps) {
|
|
|
22
26
|
return (
|
|
23
27
|
<>
|
|
24
28
|
<ThemeSetter />
|
|
25
|
-
|
|
29
|
+
|
|
30
|
+
<NotificationProvider>
|
|
31
|
+
<Component {...pageProps} />
|
|
32
|
+
</NotificationProvider>
|
|
26
33
|
</>
|
|
27
34
|
);
|
|
28
35
|
}
|