@kakadu/components 1.0.2 → 1.1.0

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.
Files changed (10) hide show
  1. package/build/build/wrapper.d.ts +15 -0
  2. package/build/components.css +1 -1
  3. package/build/footer.js +1 -1
  4. package/build/footer.mjs +2 -2
  5. package/build/wrapper.d.ts +11 -0
  6. package/build/wrapper.js +1 -0
  7. package/build/wrapper.mjs +23 -0
  8. package/index.d.ts +63 -60
  9. package/package.json +6 -1
  10. package/readme.md +34 -15
package/build/build/wrapper.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ export { s as WrapperWidth };
2
+ export default k;
3
+ declare var s: any;
4
+ declare function k({ as: e, gap: u, direction: r, alignment: c, wrap: l, width: t, className: m, innerClassName: p, children: x, ...d }: {
5
+ [x: string]: any;
6
+ as: any;
7
+ gap: any;
8
+ direction: any;
9
+ alignment: any;
10
+ wrap: any;
11
+ width?: string | undefined;
12
+ className: any;
13
+ innerClassName: any;
14
+ children: any;
15
+ }): any;
package/build/components.css CHANGED
@@ -1 +1 @@
1
- .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-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-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-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-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-2957739157{max-width:var(--text-width);text-wrap:pretty}.kakadu-components-2957739157 :is(h1,h2,h3,h4,h5,h6):is(h1){font-size:var(--32px)}.kakadu-components-2957739157 :is(h1,h2,h3,h4,h5,h6):is(h2){font-size:var(--24px);--font-weight:650}.kakadu-components-2957739157 :is(h1,h2,h3,h4,h5,h6):is(h3){font-size:var(--20px);--font-weight:400;opacity:.9}.kakadu-components-2957739157 :is(h1,h2,h3,h4,h5,h6):is(h4){font-size:var(--17px);--font-weight:500}.kakadu-components-2957739157 h1+h2{margin-top:1.25em}.kakadu-components-2957739157 h2+h3{margin-top:.75em}.kakadu-components-2957739157 :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol,aside){margin-top:.9em}.kakadu-components-2957739157 :is(h1,h2)+p:has(+p){font-size:var(--20px);font-weight:400;line-height:1.3em;color:var(--secondary-color-2)}.kakadu-components-2957739157 :is(h1,h2)+p:has(+p)+p{margin-top:1.25em}.kakadu-components-2957739157 p+:is(p){margin-top:.75em}.kakadu-components-2957739157 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6){margin-top:1.5em}.kakadu-components-2957739157 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h3){margin-top:2em}.kakadu-components-2957739157 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h4){margin-top:2em}.kakadu-components-2957739157 ul,.kakadu-components-2957739157 ol{margin:0;padding:0;list-style-position:inside}.kakadu-components-2957739157 :is(p,ul,ol)+:is(ul,ol){margin-top:1em}.kakadu-components-2957739157 li+li{margin-top:.25em}.kakadu-components-2957739157 li+:is(ul,ol>li){margin-top:1em}.kakadu-components-2957739157 li::marker{font-weight:600}.kakadu-components-2957739157 :is(ul,ol)>li{font-weight:500}.kakadu-components-2957739157 :is(ul,ol)>li li{font-weight:400}.kakadu-components-2957739157 li a:only-child,.kakadu-components-2957739157 li a:first-child:has(+:is(ul,ol):last-child){text-decoration:none;color:currentColor}@media(hover:hover){.kakadu-components-2957739157 li a:only-child:hover,.kakadu-components-2957739157 li a:first-child:has(+:is(ul,ol):last-child):hover{text-decoration:underline;color:var(--secondary-color)}}.kakadu-components-2957739157 :is(ul,ol) :is(ul,ol){margin-top:var(--half-gap);padding-left:var(--gap)}.kakadu-components-2957739157 :is(p,ul,ol)+hr{margin-top:2em}.kakadu-components-2957739157 code{background:#00000006;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-2957739157 code{background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3}.kakadu-components-2957739157 pre{background:#00000006;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-2957739157 pre{background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3;color:#ffffffb3}.kakadu-components-2957739157 :is(p,ul,ol,aside)+pre{margin-top:3em}.kakadu-components-2957739157 aside{margin-top:var(--double-gap);max-width:var(--content-width)}.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-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-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-379545406{background:#fff;font-size:var(--12px);position:absolute;left:50%;bottom:calc(100% + 7px);text-align:center;padding:3px 7px;border-radius:5px;color:#000;pointer-events:none;white-space:nowrap;--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(-50%,4px,0) scale(.8);opacity:0;display:none}:where([data-theme=dark]) button .kakadu-components-379545406{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)}@media(hover:hover){.kakadu-components-379545406{display:block;transition:transform .1s,opacity .1s}button:hover .kakadu-components-379545406{transform:translate3d(-50%,0,0);opacity:1;transition:transform .3s .2s,opacity .3s .2s}}.kakadu-components-379545406: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-379545406:after{background:#131314;--box-shadow-color:rgb(80, 80, 80);--outer-box-shadow-color:rgba(0, 0, 0, .3)}.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-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-2955572310{--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-shadow:0 0 2px var(--text-shadow-color),0 1px 0 var(--text-shadow-hard-color);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-2955572310:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}@media(hover:hover){.kakadu-components-2955572310:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;text-decoration:underline}.kakadu-components-2955572310: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-2915360555{position:relative;z-index:2}.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-1956733763.kakadu-components-1956733763.kakadu-components-1956733763{background:#fff;text-align:left;padding:var(--sesquialteral-gap);--border-radius:12px;border-radius:var(--border-radius);position:relative;cursor:pointer;border:0;transition:background-color .37s,box-shadow .37s,transform .37s}:where([data-theme=dark]) .kakadu-components-1956733763.kakadu-components-1956733763.kakadu-components-1956733763{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-1956733763.kakadu-components-1956733763.kakadu-components-1956733763:hover{background-color:#1a1c21}}.kakadu-components-1956733763.kakadu-components-1956733763.kakadu-components-1956733763:before{mix-blend-mode:normal}.kakadu-components-1956733763.kakadu-components-1956733763.kakadu-components-1956733763: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-549402494{flex:1}.kakadu-components-3772513716.kakadu-components-3772513716{font-size:var(--13px);font-weight:650;text-transform:uppercase}.kakadu-components-2497879239.kakadu-components-2497879239{font-weight:300}.kakadu-components-2022754336{opacity:.3}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984{font-size:var(--14px);list-style:none}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a{--color:#aaa;color:var(--color);text-decoration:none}@media(hover:hover){.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a:hover{text-decoration:underline}}.kakadu-components-2077625773{background:var(--dark-color);padding:var(--page-padding);padding-top:var(--quadruple-gap);position:relative}:where([data-theme=dark]) .kakadu-components-2077625773{background:#0006;box-shadow:inset 0 1px #ffffff14}.kakadu-components-2688329595.kakadu-components-2688329595{align-items:center;width:100%}.kakadu-components-555302578.kakadu-components-555302578{max-width:var(--text-width);width:100%;align-items:flex-start;flex-wrap:wrap}.kakadu-components-1177815273.kakadu-components-1177815273.kakadu-components-1177815273{max-width:var(--page-width)}.kakadu-components-1446644085.kakadu-components-1446644085{flex:1;text-align:right}.kakadu-components-57855717{border:0}.kakadu-components-3273287095{border:0;vertical-align:top}.kakadu-components-1513483626.kakadu-components-1513483626{max-width:var(--text-width);width:100%;align-items:center}.kakadu-components-3103582715.kakadu-components-3103582715{position:relative;top:-2px;vertical-align:top;color:var(--foreground-color)}.kakadu-components-3713786292.kakadu-components-3713786292{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-738242177{--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;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-738242177{--hover-background-color:rgba(255, 255, 255, .075)}@media(hover:hover){.kakadu-components-738242177: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-738242177:hover:before{background-color:var(--hover-background-color);transition:background-color .05s}}.kakadu-components-738242177: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-331452291{position:relative;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}@media(hover:hover){button:hover .kakadu-components-331452291{text-decoration:none}}.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-2089877024.kakadu-components-2089877024{font-size:var(--14px);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-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-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-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-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-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-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-2957739157{max-width:var(--text-width);text-wrap:pretty}.kakadu-components-2957739157 :is(h1,h2,h3,h4,h5,h6):is(h1){font-size:var(--32px)}.kakadu-components-2957739157 :is(h1,h2,h3,h4,h5,h6):is(h2){font-size:var(--24px);--font-weight:650}.kakadu-components-2957739157 :is(h1,h2,h3,h4,h5,h6):is(h3){font-size:var(--20px);--font-weight:400;opacity:.9}.kakadu-components-2957739157 :is(h1,h2,h3,h4,h5,h6):is(h4){font-size:var(--17px);--font-weight:500}.kakadu-components-2957739157 h1+h2{margin-top:1.25em}.kakadu-components-2957739157 h2+h3{margin-top:.75em}.kakadu-components-2957739157 :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol,aside){margin-top:.9em}.kakadu-components-2957739157 :is(h1,h2)+p:has(+p){font-size:var(--20px);font-weight:400;line-height:1.3em;color:var(--secondary-color-2)}.kakadu-components-2957739157 :is(h1,h2)+p:has(+p)+p{margin-top:1.25em}.kakadu-components-2957739157 p+:is(p){margin-top:.75em}.kakadu-components-2957739157 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6){margin-top:1.5em}.kakadu-components-2957739157 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h3){margin-top:2em}.kakadu-components-2957739157 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h4){margin-top:2em}.kakadu-components-2957739157 ul,.kakadu-components-2957739157 ol{margin:0;padding:0;list-style-position:inside}.kakadu-components-2957739157 :is(p,ul,ol)+:is(ul,ol){margin-top:1em}.kakadu-components-2957739157 li+li{margin-top:.25em}.kakadu-components-2957739157 li+:is(ul,ol>li){margin-top:1em}.kakadu-components-2957739157 li::marker{font-weight:600}.kakadu-components-2957739157 :is(ul,ol)>li{font-weight:500}.kakadu-components-2957739157 :is(ul,ol)>li li{font-weight:400}.kakadu-components-2957739157 li a:only-child,.kakadu-components-2957739157 li a:first-child:has(+:is(ul,ol):last-child){text-decoration:none;color:currentColor}@media(hover:hover){.kakadu-components-2957739157 li a:only-child:hover,.kakadu-components-2957739157 li a:first-child:has(+:is(ul,ol):last-child):hover{text-decoration:underline;color:var(--secondary-color)}}.kakadu-components-2957739157 :is(ul,ol) :is(ul,ol){margin-top:var(--half-gap);padding-left:var(--gap)}.kakadu-components-2957739157 :is(p,ul,ol)+hr{margin-top:2em}.kakadu-components-2957739157 code{background:#00000006;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-2957739157 code{background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3}.kakadu-components-2957739157 pre{background:#00000006;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-2957739157 pre{background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3;color:#ffffffb3}.kakadu-components-2957739157 :is(p,ul,ol,aside)+pre{margin-top:3em}.kakadu-components-2957739157 aside{margin-top:var(--double-gap);max-width:var(--content-width)}.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-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-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-379545406{background:#fff;font-size:var(--12px);position:absolute;left:50%;bottom:calc(100% + 7px);text-align:center;padding:3px 7px;border-radius:5px;color:#000;pointer-events:none;white-space:nowrap;--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(-50%,4px,0) scale(.8);opacity:0;display:none}:where([data-theme=dark]) button .kakadu-components-379545406{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)}@media(hover:hover){.kakadu-components-379545406{display:block;transition:transform .1s,opacity .1s}button:hover .kakadu-components-379545406{transform:translate3d(-50%,0,0);opacity:1;transition:transform .3s .2s,opacity .3s .2s}}.kakadu-components-379545406: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-379545406:after{background:#131314;--box-shadow-color:rgb(80, 80, 80);--outer-box-shadow-color:rgba(0, 0, 0, .3)}.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-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-2955572310{--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-shadow:0 0 2px var(--text-shadow-color),0 1px 0 var(--text-shadow-hard-color);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-2955572310:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}@media(hover:hover){.kakadu-components-2955572310:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;text-decoration:underline}.kakadu-components-2955572310: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-2915360555{position:relative;z-index:2}.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-1956733763.kakadu-components-1956733763.kakadu-components-1956733763{background:#fff;text-align:left;padding:var(--sesquialteral-gap);--border-radius:12px;border-radius:var(--border-radius);position:relative;cursor:pointer;border:0;transition:background-color .37s,box-shadow .37s,transform .37s}:where([data-theme=dark]) .kakadu-components-1956733763.kakadu-components-1956733763.kakadu-components-1956733763{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-1956733763.kakadu-components-1956733763.kakadu-components-1956733763:hover{background-color:#1a1c21}}.kakadu-components-1956733763.kakadu-components-1956733763.kakadu-components-1956733763:before{mix-blend-mode:normal}.kakadu-components-1956733763.kakadu-components-1956733763.kakadu-components-1956733763: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-549402494{flex:1}.kakadu-components-3772513716.kakadu-components-3772513716{font-size:var(--13px);font-weight:650;text-transform:uppercase}.kakadu-components-2497879239.kakadu-components-2497879239{font-weight:300}.kakadu-components-2022754336{opacity:.3}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984{font-size:var(--14px);list-style:none}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a{--color:#aaa;color:var(--color);text-decoration:none}@media(hover:hover){.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a:hover{text-decoration:underline}}.kakadu-components-2077625773{background:var(--dark-color);padding:var(--page-padding);padding-top:var(--quadruple-gap);position:relative}:where([data-theme=dark]) .kakadu-components-2077625773{background:#0006;box-shadow:inset 0 1px #ffffff14}.kakadu-components-2688329595.kakadu-components-2688329595{align-items:center;width:100%}.kakadu-components-555302578.kakadu-components-555302578{max-width:var(--text-width);width:100%;align-items:flex-start;flex-wrap:wrap}.kakadu-components-1177815273.kakadu-components-1177815273.kakadu-components-1177815273{max-width:var(--page-width)}.kakadu-components-1446644085.kakadu-components-1446644085{flex:1;text-align:right}.kakadu-components-57855717{border:0}.kakadu-components-3273287095{border:0;vertical-align:top}.kakadu-components-1513483626.kakadu-components-1513483626{max-width:var(--text-width);width:100%;align-items:center}.kakadu-components-3103582715.kakadu-components-3103582715{position:relative;top:-2px;vertical-align:top;color:var(--foreground-color)}.kakadu-components-3713786292.kakadu-components-3713786292{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-738242177{--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;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-738242177{--hover-background-color:rgba(255, 255, 255, .075)}@media(hover:hover){.kakadu-components-738242177: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-738242177:hover:before{background-color:var(--hover-background-color);transition:background-color .05s}}.kakadu-components-738242177: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-331452291{position:relative;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}@media(hover:hover){button:hover .kakadu-components-331452291{text-decoration:none}}.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-2089877024.kakadu-components-2089877024{font-size:var(--14px);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-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}.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)}
package/build/footer.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./jsx-runtime-BB_1_6y_.js"),n=require("@kuma-ui/core"),i=require("./theme.js"),e=require("./flex.js"),t=require("./text.js"),o=require("./kakadu-logo.js"),x=require("./moving-stars.js"),u=require("./aria-text.js"),r="kakadu-components-975968984";function l({isFullWidth:a=!0}){return s.jsxRuntimeExports.jsxs(e.default,{as:"footer","data-theme":"dark",gap:3,className:n.cx(i.default,"kakadu-components-2077625773"),children:[s.jsxRuntimeExports.jsxs(e.default,{gap:3,className:"kakadu-components-2688329595",children:[s.jsxRuntimeExports.jsxs(e.default,{direction:"row",gap:4,className:n.cx("kakadu-components-555302578",a&&"kakadu-components-1177815273"),children:[s.jsxRuntimeExports.jsxs(e.default,{direction:"column",alignment:e.FlexAlignment.start,gap:.5,children:[s.jsxRuntimeExports.jsx(t.Paragraph,{children:s.jsxRuntimeExports.jsx("strong",{children:"Products"})}),s.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:r,children:[s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://guide.kakadu.no",children:"Kakadu Guide"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/kakadu-start",children:"Kakadu Kolibri"})})]})]}),s.jsxRuntimeExports.jsxs(e.default,{direction:"column",alignment:e.FlexAlignment.start,gap:.5,children:[s.jsxRuntimeExports.jsx(t.Paragraph,{children:s.jsxRuntimeExports.jsx("strong",{children:"Results"})}),s.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:r,children:[s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no",children:"Case studies"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no",children:"Impact measurement"})})]})]}),s.jsxRuntimeExports.jsxs(e.default,{direction:"column",alignment:e.FlexAlignment.start,gap:.5,children:[s.jsxRuntimeExports.jsx(t.Paragraph,{children:s.jsxRuntimeExports.jsx("strong",{children:"About us"})}),s.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:r,children:[s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no",children:"Our story"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/kontakt-oss",children:"Contact"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{target:"_blank",rel:"noopener noreferrer",href:"https://kakadu.instatus.com",children:"Status"})})]})]}),s.jsxRuntimeExports.jsxs(e.default,{direction:"column",alignment:e.FlexAlignment.start,gap:.5,children:[s.jsxRuntimeExports.jsx(t.Paragraph,{children:s.jsxRuntimeExports.jsx("strong",{children:"Compliance"})}),s.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:r,children:[s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/personvernerklaering",children:"Privacy"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/etiske-retningslinjer",children:"Ethical guidelines"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/personvernerklaering",children:"Security"})})]})]}),s.jsxRuntimeExports.jsx(e.default,{className:"kakadu-components-1446644085",children:s.jsxRuntimeExports.jsx("a",{href:"https://businessnorway.com/made-in-norway",target:"_blank",rel:"noopener noreferrer",className:"kakadu-components-57855717",children:s.jsxRuntimeExports.jsx("img",{alt:"Made in Norway",src:"https://cdn.prod.website-files.com/65a686387a785640fecc9b9d/68f09646a6d6e62b6839c38c_made_in_norway_logo.png",width:76,className:"kakadu-components-3273287095"})})})]}),s.jsxRuntimeExports.jsxs(e.default,{direction:"row",gap:1,className:n.cx("kakadu-components-1513483626",a&&"kakadu-components-1177815273"),children:[s.jsxRuntimeExports.jsxs("a",{href:"https://kakadu.no",children:[s.jsxRuntimeExports.jsx(u.default,{children:"Kakadu.no"}),s.jsxRuntimeExports.jsx(o.default,{width:90,className:"kakadu-components-3103582715"})]}),s.jsxRuntimeExports.jsxs(t.Span,{className:"kakadu-components-3713786292",children:["© ",new Date().getFullYear()," Kakadu Ignite AS"]})]})]}),s.jsxRuntimeExports.jsx(x.default,{})]})}exports.default=l;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./jsx-runtime-BB_1_6y_.js"),n=require("@kuma-ui/core"),i=require("./theme.js"),e=require("./flex.js"),t=require("./text.js"),o=require("./kakadu-logo.js"),x=require("./moving-stars.js"),u=require("./aria-text.js"),r="kakadu-components-975968984";function l({isFullWidth:a=!0}){return s.jsxRuntimeExports.jsxs(e.default,{as:"footer","data-theme":"dark",className:n.cx(i.default,"kakadu-components-2077625773"),children:[s.jsxRuntimeExports.jsxs(e.default,{className:"kakadu-components-2688329595",children:[s.jsxRuntimeExports.jsxs(e.default,{direction:"row",gap:4,className:n.cx("kakadu-components-555302578",a&&"kakadu-components-1177815273"),children:[s.jsxRuntimeExports.jsxs(e.default,{direction:"column",alignment:e.FlexAlignment.start,gap:.5,children:[s.jsxRuntimeExports.jsx(t.Paragraph,{children:s.jsxRuntimeExports.jsx("strong",{children:"Products"})}),s.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:r,children:[s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://guide.kakadu.no",children:"Kakadu Guide"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/kakadu-start",children:"Kakadu Kolibri"})})]})]}),s.jsxRuntimeExports.jsxs(e.default,{direction:"column",alignment:e.FlexAlignment.start,gap:.5,children:[s.jsxRuntimeExports.jsx(t.Paragraph,{children:s.jsxRuntimeExports.jsx("strong",{children:"Results"})}),s.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:r,children:[s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no",children:"Case studies"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no",children:"Impact measurement"})})]})]}),s.jsxRuntimeExports.jsxs(e.default,{direction:"column",alignment:e.FlexAlignment.start,gap:.5,children:[s.jsxRuntimeExports.jsx(t.Paragraph,{children:s.jsxRuntimeExports.jsx("strong",{children:"About us"})}),s.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:r,children:[s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no",children:"Our story"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/kontakt-oss",children:"Contact"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{target:"_blank",rel:"noopener noreferrer",href:"https://kakadu.instatus.com",children:"Status"})})]})]}),s.jsxRuntimeExports.jsxs(e.default,{direction:"column",alignment:e.FlexAlignment.start,gap:.5,children:[s.jsxRuntimeExports.jsx(t.Paragraph,{children:s.jsxRuntimeExports.jsx("strong",{children:"Compliance"})}),s.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:r,children:[s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/personvernerklaering",children:"Privacy"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/etiske-retningslinjer",children:"Ethical guidelines"})}),s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/personvernerklaering",children:"Security"})})]})]}),s.jsxRuntimeExports.jsx(e.default,{className:"kakadu-components-1446644085",children:s.jsxRuntimeExports.jsx("a",{href:"https://businessnorway.com/made-in-norway",target:"_blank",rel:"noopener noreferrer",className:"kakadu-components-57855717",children:s.jsxRuntimeExports.jsx("img",{alt:"Made in Norway",src:"https://cdn.prod.website-files.com/65a686387a785640fecc9b9d/68f09646a6d6e62b6839c38c_made_in_norway_logo.png",width:76,className:"kakadu-components-3273287095"})})})]}),s.jsxRuntimeExports.jsxs(e.default,{direction:"row",gap:1,className:n.cx("kakadu-components-1513483626",a&&"kakadu-components-1177815273"),children:[s.jsxRuntimeExports.jsxs("a",{href:"https://kakadu.no",children:[s.jsxRuntimeExports.jsx(u.default,{children:"Kakadu.no"}),s.jsxRuntimeExports.jsx(o.default,{width:90,className:"kakadu-components-3103582715"})]}),s.jsxRuntimeExports.jsxs(t.Span,{className:"kakadu-components-3713786292",children:["© ",new Date().getFullYear()," Kakadu Ignite AS"]})]})]}),s.jsxRuntimeExports.jsx(x.default,{})]})}exports.default=l;
package/build/footer.mjs CHANGED
@@ -10,8 +10,8 @@ const n = "kakadu-components-975968984";
10
10
  function N({
11
11
  isFullWidth: o = !0
12
12
  }) {
13
- return /* @__PURE__ */ s.jsxs(e, { as: "footer", "data-theme": "dark", gap: 3, className: t(i, "kakadu-components-2077625773"), children: [
14
- /* @__PURE__ */ s.jsxs(e, { gap: 3, className: "kakadu-components-2688329595", children: [
13
+ return /* @__PURE__ */ s.jsxs(e, { as: "footer", "data-theme": "dark", className: t(i, "kakadu-components-2077625773"), children: [
14
+ /* @__PURE__ */ s.jsxs(e, { className: "kakadu-components-2688329595", children: [
15
15
  /* @__PURE__ */ s.jsxs(e, { direction: "row", gap: 4, className: t("kakadu-components-555302578", o && "kakadu-components-1177815273"), children: [
16
16
  /* @__PURE__ */ s.jsxs(e, { direction: "column", alignment: r.start, gap: 0.5, children: [
17
17
  /* @__PURE__ */ s.jsx(a, { children: /* @__PURE__ */ s.jsx("strong", { children: "Products" }) }),
package/build/wrapper.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import { type AtomElementType, type DefaultAtomElementType } from './atom';
2
+ import { type FlexProperties } from './flex';
3
+ export declare enum WrapperWidth {
4
+ 'page' = "page",
5
+ 'text' = "text",
6
+ 'content' = "content"
7
+ }
8
+ export default function Wrapper<Type extends AtomElementType = DefaultAtomElementType>({ as, gap, direction, alignment, wrap, width, className, innerClassName, children, ...properties }: FlexProperties<Type> & {
9
+ readonly width?: WrapperWidth;
10
+ readonly innerClassName?: string;
11
+ }): import("react/jsx-runtime").JSX.Element;
package/build/wrapper.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./jsx-runtime-BB_1_6y_.js"),a=require("@kuma-ui/core"),i=require("./atom.js"),o=require("./flex.js");var s=(e=>(e.page="page",e.text="text",e.content="content",e))(s||{});function k({as:e,gap:u,direction:r,alignment:c,wrap:l,width:t="page",className:m,innerClassName:p,children:x,...d}){return n.jsxRuntimeExports.jsx(o.default,{as:e??i.defaultAtomElementType,...d,className:a.cx("kakadu-components-847862034",m),children:n.jsxRuntimeExports.jsx(o.default,{direction:r,alignment:c,wrap:l,gap:u,className:a.cx("kakadu-components-1099799322",t==="page"&&"kakadu-components-3142729958",t==="text"&&"kakadu-components-2670503515",t==="content"&&"kakadu-components-259932668",p),children:x})})}exports.WrapperWidth=s;exports.default=k;
package/build/wrapper.mjs ADDED
@@ -0,0 +1,23 @@
1
+ import { j as o } from "./jsx-runtime-B4hRZ52C.mjs";
2
+ import { cx as a } from "@kuma-ui/core";
3
+ import { defaultAtomElementType as f } from "./atom.mjs";
4
+ import n from "./flex.mjs";
5
+ var l = /* @__PURE__ */ ((e) => (e.page = "page", e.text = "text", e.content = "content", e))(l || {});
6
+ function E({
7
+ as: e,
8
+ gap: m,
9
+ direction: s,
10
+ alignment: p,
11
+ wrap: r,
12
+ width: t = "page",
13
+ className: c,
14
+ innerClassName: u,
15
+ children: k,
16
+ ...x
17
+ }) {
18
+ return /* @__PURE__ */ o.jsx(n, { as: e ?? f, ...x, className: a("kakadu-components-847862034", c), children: /* @__PURE__ */ o.jsx(n, { direction: s, alignment: p, wrap: r, gap: m, className: a("kakadu-components-1099799322", t === "page" && "kakadu-components-3142729958", t === "text" && "kakadu-components-2670503515", t === "content" && "kakadu-components-259932668", u), children: k }) });
19
+ }
20
+ export {
21
+ l as WrapperWidth,
22
+ E as default
23
+ };
package/index.d.ts CHANGED
@@ -1,179 +1,182 @@
1
1
  export * from './build/atom';
2
- export {default} from './build/atom';
2
+ export {default as Atom} from './build/atom';
3
3
 
4
4
  export * from './build/aria-text';
5
- export {default} from './build/aria-text';
5
+ export {default as AriaText} from './build/aria-text';
6
6
 
7
7
  export * from './build/box';
8
- export {default} from './build/box';
8
+ export {default as Box} from './build/box';
9
9
 
10
10
  export * from './build/button';
11
- export {default} from './build/button';
11
+ export {default as Button} from './build/button';
12
12
 
13
13
  export * from './build/button-tooltip';
14
- export {default} from './build/button-tooltip';
14
+ export {default as ButtonTooltip} from './build/button-tooltip';
15
15
 
16
16
  export * from './build/card';
17
- export {default} from './build/card';
17
+ export {default as Card} from './build/card';
18
18
 
19
19
  export * from './build/click-ripples';
20
- export {default} from './build/click-ripples';
20
+ export {default as ClickRipples} from './build/click-ripples';
21
21
 
22
22
  export * from './build/datum';
23
- export {default} from './build/datum';
23
+ export {default as Datum} from './build/datum';
24
24
 
25
25
  export * from './build/dot';
26
- export {default} from './build/dot';
26
+ export {default as Dot} from './build/dot';
27
27
 
28
28
  export * from './build/flex';
29
- export {default} from './build/flex';
29
+ export {default as Flex} from './build/flex';
30
30
 
31
31
  export * from './build/footer';
32
- export {default} from './build/footer';
32
+ export {default as Footer} from './build/footer';
33
33
 
34
34
  export * from './build/gauge';
35
- export {default} from './build/gauge';
35
+ export {default as Gauge} from './build/gauge';
36
36
 
37
37
  export * from './build/hover-gradient';
38
- export {default} from './build/hover-gradient';
38
+ export {default as HoverGradient} from './build/hover-gradient';
39
39
 
40
40
  export * from './build/icon-button';
41
- export {default} from './build/icon-button';
41
+ export {default as IconButton} from './build/icon-button';
42
42
 
43
43
  export * from './build/kakadu-guide-icon';
44
- export {default} from './build/kakadu-guide-icon';
44
+ export {default as KakaduGuideIcon} from './build/kakadu-guide-icon';
45
45
 
46
46
  export * from './build/kakadu-guide-logo';
47
- export {default} from './build/kakadu-guide-logo';
47
+ export {default as KakaduGuideLogo} from './build/kakadu-guide-logo';
48
48
 
49
49
  export * from './build/kakadu-index-logo';
50
- export {default} from './build/kakadu-index-logo';
50
+ export {default as KakaduIndexLogoSvg} from './build/kakadu-index-logo';
51
51
 
52
52
  export * from './build/kakadu-logo';
53
- export {default} from './build/kakadu-logo';
53
+ export {default as KakaduLogoSvg} from './build/kakadu-logo';
54
54
 
55
55
  export * from './build/bankid-logo';
56
- export {default} from './build/bankid-logo';
56
+ export {default as BankIdLogoSvg} from './build/bankid-logo';
57
57
 
58
58
  export * from './build/dnb-logo';
59
- export {default} from './build/dnb-logo';
59
+ export {default as DnbLogoSvg} from './build/dnb-logo';
60
60
 
61
61
  export * from './build/gjensidige-logo';
62
- export {default} from './build/gjensidige-logo';
62
+ export {default as GjensidigeLogoSvg} from './build/gjensidige-logo';
63
63
 
64
64
  export * from './build/sparebank1-logo';
65
- export {default} from './build/sparebank1-logo';
65
+ export {default as Sparebank1LogoSvg} from './build/sparebank1-logo';
66
66
 
67
67
  export * from './build/sto-logo';
68
- export {default} from './build/sto-logo';
68
+ export {default as StoLogoSvg} from './build/sto-logo';
69
69
 
70
70
  export * from './build/storebrand-logo';
71
- export {default} from './build/storebrand-logo';
71
+ export {default as StorebrandLogoSvg} from './build/storebrand-logo';
72
72
 
73
73
  export * from './build/modal';
74
- export {default} from './build/modal';
74
+ export {default as Modal} from './build/modal';
75
75
 
76
76
  export * from './build/moving-gradients';
77
- export {default} from './build/moving-gradients';
77
+ export {default as MovingGradients} from './build/moving-gradients';
78
78
 
79
79
  export * from './build/moving-stars';
80
- export {default} from './build/moving-stars';
80
+ export {default as MovingStars} from './build/moving-stars';
81
81
 
82
82
  export * from './build/notice';
83
- export {default} from './build/notice';
83
+ export {default as Notice} from './build/notice';
84
84
 
85
85
  export * from './build/notification';
86
- export {default} from './build/notification';
86
+ export {default as Notification} from './build/notification';
87
87
 
88
88
  export * from './build/revealer';
89
- export {default} from './build/revealer';
89
+ export {default as Revealer} from './build/revealer';
90
90
 
91
91
  export * from './build/separator';
92
- export {default} from './build/separator';
92
+ export {default as Separator} from './build/separator';
93
93
 
94
94
  export * from './build/skeleton';
95
- export {default} from './build/skeleton';
95
+ export {default as Skeleton} from './build/skeleton';
96
96
 
97
97
  export * from './build/spinner';
98
- export {default} from './build/spinner';
98
+ export {default as Spinner} from './build/spinner';
99
99
 
100
100
  export * from './build/text';
101
- export {default} from './build/text';
101
+ export {default as Text} from './build/text';
102
102
 
103
103
  export * from './build/text-button';
104
- export {default} from './build/text-button';
104
+ export {default as TextButton} from './build/text-button';
105
105
 
106
106
  export * from './build/theme-setter';
107
- export {default} from './build/theme-setter';
107
+ export {default as ThemeSetter} from './build/theme-setter';
108
108
 
109
109
  export * from './build/veil';
110
- export {default} from './build/veil';
110
+ export {default as Veil} from './build/veil';
111
+
112
+ export * from './build/wrapper';
113
+ export {default as Wrapper} from './build/wrapper';
111
114
 
112
115
  export * from './build/theme';
113
- export {default} from './build/theme';
116
+ export {default as theme} from './build/theme';
114
117
 
115
118
  export * from './build/icon';
116
- export {default} from './build/icon';
119
+ export {default as Icon} from './build/icon';
117
120
 
118
121
  export * from './build/icons/kakadu-guide';
119
- export {default} from './build/icons/kakadu-guide';
122
+ export {default as KakaduGuideSvg} from './build/icons/kakadu-guide';
120
123
 
121
124
  export * from './build/icons/kakadu-guide-glyph';
122
- export {default} from './build/icons/kakadu-guide-glyph';
125
+ export {default as KakaduGuideGlyphSvg} from './build/icons/kakadu-guide-glyph';
123
126
 
124
127
  export * from './build/icons/menu';
125
- export {default} from './build/icons/menu';
128
+ export {default as MenuSvg} from './build/icons/menu';
126
129
 
127
130
  export * from './build/icons/check';
128
- export {default} from './build/icons/check';
131
+ export {default as CheckSvg} from './build/icons/check';
129
132
 
130
133
  export * from './build/icons/plus';
131
- export {default} from './build/icons/plus';
134
+ export {default as PlusSvg} from './build/icons/plus';
132
135
 
133
136
  export * from './build/icons/times';
134
- export {default} from './build/icons/times';
137
+ export {default as TimesSvg} from './build/icons/times';
135
138
 
136
139
  export * from './build/icons/chevron-down';
137
- export {default} from './build/icons/chevron-down';
140
+ export {default as ChevronDownSvg} from './build/icons/chevron-down';
138
141
 
139
142
  export * from './build/icons/chevron-up';
140
- export {default} from './build/icons/chevron-up';
143
+ export {default as ChevronUpSvg} from './build/icons/chevron-up';
141
144
 
142
145
  export * from './build/icons/caret-down';
143
- export {default} from './build/icons/caret-down';
146
+ export {default as CaretDownSvg} from './build/icons/caret-down';
144
147
 
145
148
  export * from './build/icons/caret-right';
146
- export {default} from './build/icons/caret-right';
149
+ export {default as CaretRightSvg} from './build/icons/caret-right';
147
150
 
148
151
  export * from './build/icons/arrow-down';
149
- export {default} from './build/icons/arrow-down';
152
+ export {default as ArrowDownSvg} from './build/icons/arrow-down';
150
153
 
151
154
  export * from './build/icons/edit';
152
- export {default} from './build/icons/edit';
155
+ export {default as EditSvg} from './build/icons/edit';
153
156
 
154
157
  export * from './build/icons/copy';
155
- export {default} from './build/icons/copy';
158
+ export {default as CopySvg} from './build/icons/copy';
156
159
 
157
160
  export * from './build/icons/test';
158
- export {default} from './build/icons/test';
161
+ export {default as TestSvg} from './build/icons/test';
159
162
 
160
163
  export * from './build/icons/exclamation-triangle';
161
- export {default} from './build/icons/exclamation-triangle';
164
+ export {default as ExclamationTriangleSvg} from './build/icons/exclamation-triangle';
162
165
 
163
166
  export * from './build/icons/chrome-browser-logo';
164
- export {default} from './build/icons/chrome-browser-logo';
167
+ export {default as ChromeBrowserLogoSvg} from './build/icons/chrome-browser-logo';
165
168
 
166
169
  export * from './build/icons/edge-browser-logo';
167
- export {default} from './build/icons/edge-browser-logo';
170
+ export {default as EdgeBrowserLogoSvg} from './build/icons/edge-browser-logo';
168
171
 
169
172
  export * from './build/hooks/use-media-query';
170
- export {default} from './build/hooks/use-media-query';
173
+ export {default as useMediaQuery} from './build/hooks/use-media-query';
171
174
 
172
175
  export * from './build/utilities/copy-to-clipboard';
173
- export {default} from './build/utilities/copy-to-clipboard';
176
+ export {default as copyToClipboard} from './build/utilities/copy-to-clipboard';
174
177
 
175
178
  export * from './build/utilities/generate-random-id';
176
- export {default} from './build/utilities/generate-random-id';
179
+ export {default as generateRandomId} from './build/utilities/generate-random-id';
177
180
 
178
181
  export * from './build/utilities/scale';
179
- export {default} from './build/utilities/scale';
182
+ export {default as scale} from './build/utilities/scale';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kakadu/components",
3
- "version": "1.0.2",
3
+ "version": "1.1.0",
4
4
  "description": "Kakadu components library",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -219,6 +219,11 @@
219
219
  "import": "./build/veil.mjs",
220
220
  "require": "./build/veil.js"
221
221
  },
222
+ "./wrapper": {
223
+ "types": "./build/wrapper.d.ts",
224
+ "import": "./build/wrapper.mjs",
225
+ "require": "./build/wrapper.js"
226
+ },
222
227
  "./theme": {
223
228
  "types": "./build/theme.d.ts",
224
229
  "import": "./build/theme.mjs",
package/readme.md CHANGED
@@ -4,36 +4,55 @@
4
4
 
5
5
  ## Installation
6
6
 
7
- Install the package via npm:
7
+ First, install the package via npm:
8
8
 
9
9
  ```bash
10
10
  npm install @kakadu/components
11
11
  ```
12
12
 
13
- Next, import the base stylesheet in your application’s entry point (for example `_app.jsx`):
13
+ Next, import the base stylesheet and the `ThemeSetter` in your application’s entry point (for example `_app.tsx`):
14
14
 
15
15
  ```tsx
16
- import '@kakadu/components/components.css';
17
- ```
18
-
19
- Finally, wrap your application with the `theme`, and render the `ThemeSetter`. You can start using components right away:
20
-
21
- ```tsx
22
- import theme from '@kakadu/components/theme';
16
+ import React from 'react';
17
+ import {type AppProps} from 'next/app';
23
18
  import ThemeSetter from '@kakadu/components/theme-setter';
24
- import Box from '@kakadu/components/box';
19
+ import '@kakadu/components/components.css';
25
20
 
26
- export default function Wrapper({children}) {
21
+ export default function App({Component, pageProps}: AppProps) {
27
22
  return (
28
- <div className={theme}>
29
- <Box>Hello!</Box>
30
- {children}
23
+ <>
31
24
  <ThemeSetter />
32
- </div>
25
+ <Component {...pageProps} />
26
+ </>
33
27
  );
34
28
  }
35
29
  ```
36
30
 
31
+ Then, in your `_document.tsx` (or equivalent), import the `theme` class name and the `FontFamilyHeadLink`:
32
+
33
+ ```tsx
34
+ import React from 'react';
35
+ import Document, {Html, Head, Main, NextScript} from 'next/document';
36
+ import {theme, FontFamilyHeadLink} from '@kakadu/components/theme';
37
+
38
+ export default class CustomDocument extends Document {
39
+ render() {
40
+ return (
41
+ <Html suppressHydrationWarning className={theme}>
42
+ <Head>
43
+ <FontFamilyHeadLink />
44
+ </Head>
45
+
46
+ <body>
47
+ <Main />
48
+ <NextScript />
49
+ </body>
50
+ </Html>
51
+ );
52
+ }
53
+ }
54
+ ```
55
+
37
56
  ## Development
38
57
 
39
58
  ### Storybook