@kakadu/components 1.1.20 → 1.1.22

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 (8) hide show
  1. package/build/components/button.d.ts +3 -3
  2. package/build/components/modal.d.ts +2 -2
  3. package/build/components.css +1 -1
  4. package/build/index.d.ts +120 -0
  5. package/build/index.js +1 -1
  6. package/build/index.mjs +167 -10
  7. package/package.json +4 -328
  8. package/readme.md +2 -2
package/build/components/button.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React, { type ReactNode, type HTMLProps } from 'react';
1
+ import { type ReactNode, type HTMLProps } from 'react';
2
2
  import { type IconType } from '../icons/icon';
3
3
  export declare enum ButtonVariant {
4
4
  primary = "primary",
@@ -13,8 +13,8 @@ export declare const buttonDangerStyles: string;
13
13
  type BaseButtonProperties = Omit<HTMLProps<HTMLButtonElement>, 'children'> & {
14
14
  readonly variant?: ButtonVariant;
15
15
  readonly tooltip?: string;
16
- readonly iconLeft?: IconType | React.ReactNode;
17
- readonly iconRight?: IconType | React.ReactNode;
16
+ readonly iconLeft?: IconType | ReactNode;
17
+ readonly iconRight?: IconType | ReactNode;
18
18
  readonly isLoading?: boolean;
19
19
  readonly hasMovingGradients?: boolean;
20
20
  readonly movingGradientsCount?: number;
package/build/components/modal.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React, { type ComponentType } from 'react';
1
+ import { type ComponentType, type ReactNode } from 'react';
2
2
  type InitialFocusElement = HTMLElement | null;
3
3
  type ModalProviderProperties<Data = any> = {
4
4
  isVisible: boolean;
@@ -16,7 +16,7 @@ export type ModalProperties<Data = any> = {
16
16
  readonly shouldCloseOnOutsideClick?: boolean;
17
17
  readonly shouldCloseOnEscapePress?: boolean;
18
18
  readonly onClose?: (data?: Data) => void;
19
- readonly children?: React.ReactNode;
19
+ readonly children?: ReactNode;
20
20
  };
21
21
  type ModalBaseProperties<ModalResult> = Omit<ModalProperties<ModalResult>, 'isVisible' | 'onClose'>;
22
22
  export default function Modal<Data = any>({ root, maxWidth, className, isVisible, isFullWidth, shouldCloseOnOutsideClick, shouldCloseOnEscapePress, showCloseButton, onClose, children, }: ModalProperties<Data>): import("react/jsx-runtime").JSX.Element;
package/build/components.css CHANGED
@@ -1 +1 @@
1
- .kakadu-components-2735574809{--light-color:#f8fafc;--dark-color:#0c0d12;--background-color:var(--light-color);--foreground-color:var(--dark-color);--red-color:#be354b;--red-color-hover:#c73d56;--red-color-light:#e8687d;--yellow-color:#c9ac56;--yellow-color-hover:#d1b559;--yellow-color-light:#edcd71;--green-color:#52a14b;--green-color-hover:#5ea957;--green-color-light:#6fb86a;--primary-color:var(--green-color);--primary-color-hover:var(--green-color-hover);--secondary-color:#175694;--secondary-color-hover:#2c6195;--secondary-color-1:#222528;--secondary-color-2:#112a37;--secondary-color-3:#1e2f35;--secondary-color-4:#2c3238;--flash-color:rgba(255, 216, 57, .5);--font-weight-modifier:50;--accent-font-family:"Inter",-apple-system,helvetica,arial,sans-serif;--font-family:"Inter",-apple-system,helvetica,arial,sans-serif;--gap:16px;--scale-multiplier:.6;--quarter-gap:calc(var(--gap) / 4);--third-gap:calc(var(--gap) / 3);--half-gap:calc(var(--gap) / 2);--sesquialteral-gap:calc(var(--gap) * (1.5 * var(--scale-multiplier)));--double-gap:calc(var(--gap) * (2 * var(--scale-multiplier)));--triple-gap:calc(var(--gap) * (3 * var(--scale-multiplier)));--quadruple-gap:calc(var(--gap) * (4 * var(--scale-multiplier)));--sidebar-z-index:424242;--modal-z-index:424243;--page-padding:var(--gap);--page-width:calc(1080px + (var(--page-padding) * 2));--text-width:780px;--content-width:620px;font-family:var(--font-family);font-optical-sizing:auto;line-height:normal;color:var(--foreground-color);--8px:.5rem;--9px:.5625rem;--10px:.625rem;--11px:.6875rem;--12px:.75rem;--13px:.8125rem;--14px:.875rem;--15px:.9375rem;--16px:1rem;--17px:1.0625rem;--18px:1.125rem;--19px:1.1875rem;--20px:1.25rem;--21px:1.3125rem;--22px:1.375rem;--23px:1.4375rem;--24px:1.5rem;--25px:1.5625rem;--26px:1.625rem;--27px:1.6875rem;--28px:1.75rem;--29px:1.8125rem;--30px:1.875rem;--31px:1.9375rem;--32px:2rem;--33px:2.0625rem;--34px:2.125rem;--35px:2.1875rem;--36px:2.25rem;--37px:2.3125rem;--38px:2.375rem;--39px:2.4375rem;--40px:2.5rem;--41px:2.5625rem;--42px:2.625rem;--43px:2.6875rem;--44px:2.75rem;--45px:2.8125rem;--46px:2.875rem;--47px:2.9375rem;--48px:3rem}.kakadu-components-2735574809[data-theme=dark]{--font-weight-modifier:0;--background-color:var(--dark-color);--foreground-color:var(--light-color);--secondary-color:#cce0f0;--secondary-color-hover:#fff;--secondary-color-1:#edf0f2;--secondary-color-2:#e2e6eb;--secondary-color-3:#cbcdd0;--secondary-color-4:#fff}@media(min-width:460px){.kakadu-components-2735574809{--scale-multiplier:.7}}@media(min-width:580px){.kakadu-components-2735574809{--scale-multiplier:.8;--page-padding:var(--double-gap)}}@media(min-width:860px){.kakadu-components-2735574809{--scale-multiplier:1;--page-padding:var(--triple-gap)}}:root{background:var(--background-color);scroll-padding-top:101px}.kakadu-components-4178476647{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.kakadu-components-216224454{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;text-align:left;border:0;margin:0;padding:0;cursor:pointer}[dir=rtl] .kakadu-components-216224454{text-align:right}.kakadu-components-352310015{--soft-shadow-color:rgba(255, 255, 255, .375);--hard-shadow-color:rgba(0, 0, 0, .075);--inset-hard-shadow-color:rgba(0, 0, 0, .2);--box-shadow-outline-color:#fff;--box-shadow-color:rgba(0, 0, 0, .25);--box-shadow-highlight-color:rgba(255, 255, 255, .05);--box-shadow-top-highlight-color:var(--box-shadow-highlight-color);--box-shadow-inset-color:rgba(0, 0, 0, .25);--bevel-shadow-offset:4px;--bevel-shadow-color:rgba(0, 0, 0, .1);--outline-color:rgba(0, 0, 0, 0);--outline-width:0px;box-shadow:0 0 2px var(--soft-shadow-color),0 0 0 1px var(--box-shadow-outline-color),0 var(--bevel-shadow-offset) 0 var(--hard-shadow-color),inset 0 calc(var(--bevel-shadow-offset) * -1) 0 var(--bevel-shadow-color),inset 0 calc((var(--bevel-shadow-offset) + 1px) * -1) 0 var(--box-shadow-highlight-color),0 0 0 var(--outline-width) var(--outline-color)}:where([data-theme=dark]) .kakadu-components-352310015{--soft-shadow-color:rgba(0, 0, 0, .375);--hard-shadow-color:rgba(0, 0, 0, .4)}.kakadu-components-352310015:before{content:"";width:100%;height:100%;position:absolute;border-radius:var(--border-radius);top:0;right:0;bottom:0;left:0;mix-blend-mode:overlay;box-shadow:inset 0 0 0 1px var(--box-shadow-color),inset 0 2px 0 var(--box-shadow-top-highlight-color),inset 0 -2px 0 var(--box-shadow-highlight-color),inset 0 1px 0 var(--box-shadow-inset-color),inset 0 calc(var(--bevel-shadow-offset) * -1) 0 var(--inset-hard-shadow-color);transition:box-shadow .37s}:where([data-theme=dark]) .kakadu-components-1119532724.kakadu-components-1119532724{--box-shadow-outline-color:#07130e;--box-shadow-color:rgba(255, 255, 255, .2)}.kakadu-components-202187034{--outline-shadow-color:rgba(255, 255, 255, 1);--hard-shadow-color:rgba(0, 0, 0, .03);--inset-inner-shadow-color:rgba(0, 0, 0, .2);--inset-outer-shadow-color:rgba(255, 255, 255, .75);--inset-hard-shadow-color:rgba(0, 0, 0, .025);--soft-shadow-color:rgba(255, 255, 255, .5);background:#fff6;padding:var(--sesquialteral-gap);box-shadow:0 0 0 1px var(--outline-shadow-color),inset 0 0 0 1px var(--inset-inner-shadow-color),inset 0 0 0 2px var(--inset-outer-shadow-color),inset 0 5px 0 var(--inset-hard-shadow-color),0 0 2px 1px var(--soft-shadow-color),0 1px 1px var(--hard-shadow-color),0 5px 0 var(--hard-shadow-color);border-radius:12px}:where([data-theme=dark]) .kakadu-components-202187034{--outline-shadow-color:rgba(0, 0, 0, 1);--hard-shadow-color:rgba(0, 0, 0, .3);--inset-inner-shadow-color:rgba(255, 255, 255, .3);--inset-outer-shadow-color:rgba(0, 0, 0, .75);--inset-hard-shadow-color:rgba(0, 0, 0, .1);--soft-shadow-color:rgba(0, 0, 0, .5);background-color:#141419cc}.kakadu-components-1645965623{--hard-soft-shadow-color:rgba(255, 255, 255, .075);--hard-shadow-color:rgba(255, 255, 255, .25);--blur-shadow-color:rgba(255, 255, 255, .35);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 0 1px var(--blur-shadow-color)) drop-shadow(0 -1px var(--hard-soft-shadow-color)) drop-shadow(1px 0 var(--hard-soft-shadow-color)) drop-shadow(-1px 0 0 var(--hard-soft-shadow-color))}:where([data-theme=dark]) .kakadu-components-1645965623{--hard-soft-shadow-color:rgba(0, 0, 0, .1);--hard-shadow-color:rgba(0, 0, 0, .35);--blur-shadow-color:rgba(0, 0, 0, .45)}.kakadu-components-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-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-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-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)}.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}
1
+ .kakadu-components-2735574809{--light-color:#f8fafc;--dark-color:#0c0d12;--background-color:var(--light-color);--foreground-color:var(--dark-color);--red-color:#be354b;--red-color-hover:#c73d56;--red-color-light:#e8687d;--yellow-color:#c9ac56;--yellow-color-hover:#d1b559;--yellow-color-light:#edcd71;--green-color:#52a14b;--green-color-hover:#5ea957;--green-color-light:#6fb86a;--primary-color:var(--green-color);--primary-color-hover:var(--green-color-hover);--secondary-color:#175694;--secondary-color-hover:#2c6195;--secondary-color-1:#222528;--secondary-color-2:#112a37;--secondary-color-3:#1e2f35;--secondary-color-4:#2c3238;--flash-color:rgba(255, 216, 57, .5);--font-weight-modifier:50;--accent-font-family:"Inter",-apple-system,helvetica,arial,sans-serif;--font-family:"Inter",-apple-system,helvetica,arial,sans-serif;--gap:16px;--scale-multiplier:.6;--quarter-gap:calc(var(--gap) / 4);--third-gap:calc(var(--gap) / 3);--half-gap:calc(var(--gap) / 2);--sesquialteral-gap:calc(var(--gap) * (1.5 * var(--scale-multiplier)));--double-gap:calc(var(--gap) * (2 * var(--scale-multiplier)));--triple-gap:calc(var(--gap) * (3 * var(--scale-multiplier)));--quadruple-gap:calc(var(--gap) * (4 * var(--scale-multiplier)));--sidebar-z-index:424242;--modal-z-index:424243;--page-padding:var(--gap);--page-width:calc(1080px + (var(--page-padding) * 2));--text-width:780px;--content-width:620px;font-family:var(--font-family);font-optical-sizing:auto;line-height:normal;color:var(--foreground-color);--8px:.5rem;--9px:.5625rem;--10px:.625rem;--11px:.6875rem;--12px:.75rem;--13px:.8125rem;--14px:.875rem;--15px:.9375rem;--16px:1rem;--17px:1.0625rem;--18px:1.125rem;--19px:1.1875rem;--20px:1.25rem;--21px:1.3125rem;--22px:1.375rem;--23px:1.4375rem;--24px:1.5rem;--25px:1.5625rem;--26px:1.625rem;--27px:1.6875rem;--28px:1.75rem;--29px:1.8125rem;--30px:1.875rem;--31px:1.9375rem;--32px:2rem;--33px:2.0625rem;--34px:2.125rem;--35px:2.1875rem;--36px:2.25rem;--37px:2.3125rem;--38px:2.375rem;--39px:2.4375rem;--40px:2.5rem;--41px:2.5625rem;--42px:2.625rem;--43px:2.6875rem;--44px:2.75rem;--45px:2.8125rem;--46px:2.875rem;--47px:2.9375rem;--48px:3rem}.kakadu-components-2735574809[data-theme=dark]{--font-weight-modifier:0;--background-color:var(--dark-color);--foreground-color:var(--light-color);--secondary-color:#cce0f0;--secondary-color-hover:#fff;--secondary-color-1:#edf0f2;--secondary-color-2:#e2e6eb;--secondary-color-3:#cbcdd0;--secondary-color-4:#fff}@media(min-width:460px){.kakadu-components-2735574809{--scale-multiplier:.7}}@media(min-width:580px){.kakadu-components-2735574809{--scale-multiplier:.8;--page-padding:var(--double-gap)}}@media(min-width:860px){.kakadu-components-2735574809{--scale-multiplier:1;--page-padding:var(--triple-gap)}}:root{background:var(--background-color);scroll-padding-top:101px}.kakadu-components-4178476647{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.kakadu-components-216224454{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;text-align:left;border:0;margin:0;padding:0;cursor:pointer}[dir=rtl] .kakadu-components-216224454{text-align:right}.kakadu-components-352310015{--soft-shadow-color:rgba(255, 255, 255, .375);--hard-shadow-color:rgba(0, 0, 0, .075);--inset-hard-shadow-color:rgba(0, 0, 0, .2);--box-shadow-outline-color:#fff;--box-shadow-color:rgba(0, 0, 0, .25);--box-shadow-highlight-color:rgba(255, 255, 255, .05);--box-shadow-top-highlight-color:var(--box-shadow-highlight-color);--box-shadow-inset-color:rgba(0, 0, 0, .25);--bevel-shadow-offset:4px;--bevel-shadow-color:rgba(0, 0, 0, .1);--outline-color:rgba(0, 0, 0, 0);--outline-width:0px;box-shadow:0 0 2px var(--soft-shadow-color),0 0 0 1px var(--box-shadow-outline-color),0 var(--bevel-shadow-offset) 0 var(--hard-shadow-color),inset 0 calc(var(--bevel-shadow-offset) * -1) 0 var(--bevel-shadow-color),inset 0 calc((var(--bevel-shadow-offset) + 1px) * -1) 0 var(--box-shadow-highlight-color),0 0 0 var(--outline-width) var(--outline-color)}:where([data-theme=dark]) .kakadu-components-352310015{--soft-shadow-color:rgba(0, 0, 0, .375);--hard-shadow-color:rgba(0, 0, 0, .4)}.kakadu-components-352310015:before{content:"";width:100%;height:100%;position:absolute;border-radius:var(--border-radius);top:0;right:0;bottom:0;left:0;mix-blend-mode:overlay;box-shadow:inset 0 0 0 1px var(--box-shadow-color),inset 0 2px 0 var(--box-shadow-top-highlight-color),inset 0 -2px 0 var(--box-shadow-highlight-color),inset 0 1px 0 var(--box-shadow-inset-color),inset 0 calc(var(--bevel-shadow-offset) * -1) 0 var(--inset-hard-shadow-color);transition:box-shadow .37s}:where([data-theme=dark]) .kakadu-components-1119532724.kakadu-components-1119532724{--box-shadow-outline-color:#07130e;--box-shadow-color:rgba(255, 255, 255, .2)}.kakadu-components-3440084244{width:1px;height:1px;white-space:nowrap;padding:0;margin:-1px;border:0;position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip:rect(0,0,0,0);word-wrap:normal}.kakadu-components-202187034{--outline-shadow-color:rgba(255, 255, 255, 1);--hard-shadow-color:rgba(0, 0, 0, .03);--inset-inner-shadow-color:rgba(0, 0, 0, .2);--inset-outer-shadow-color:rgba(255, 255, 255, .75);--inset-hard-shadow-color:rgba(0, 0, 0, .025);--soft-shadow-color:rgba(255, 255, 255, .5);background:#fff6;padding:var(--sesquialteral-gap);box-shadow:0 0 0 1px var(--outline-shadow-color),inset 0 0 0 1px var(--inset-inner-shadow-color),inset 0 0 0 2px var(--inset-outer-shadow-color),inset 0 5px 0 var(--inset-hard-shadow-color),0 0 2px 1px var(--soft-shadow-color),0 1px 1px var(--hard-shadow-color),0 5px 0 var(--hard-shadow-color);border-radius:12px}:where([data-theme=dark]) .kakadu-components-202187034{--outline-shadow-color:rgba(0, 0, 0, 1);--hard-shadow-color:rgba(0, 0, 0, .3);--inset-inner-shadow-color:rgba(255, 255, 255, .3);--inset-outer-shadow-color:rgba(0, 0, 0, .75);--inset-hard-shadow-color:rgba(0, 0, 0, .1);--soft-shadow-color:rgba(0, 0, 0, .5);background-color:#141419cc}.kakadu-components-1645965623{--hard-soft-shadow-color:rgba(255, 255, 255, .075);--hard-shadow-color:rgba(255, 255, 255, .25);--blur-shadow-color:rgba(255, 255, 255, .35);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 0 1px var(--blur-shadow-color)) drop-shadow(0 -1px var(--hard-soft-shadow-color)) drop-shadow(1px 0 var(--hard-soft-shadow-color)) drop-shadow(-1px 0 0 var(--hard-soft-shadow-color))}:where([data-theme=dark]) .kakadu-components-1645965623{--hard-soft-shadow-color:rgba(0, 0, 0, .1);--hard-shadow-color:rgba(0, 0, 0, .35);--blur-shadow-color:rgba(0, 0, 0, .45)}.kakadu-components-1569667551{display:inline-block;vertical-align:top;transform-box:view-box;transform-origin:center;shape-rendering:geometricPrecision}.kakadu-components-1717890504{transform-box:fill-box;transform-origin:center;animation:loading-spinner .97s linear infinite;will-change:transform}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(359.999deg)}}.kakadu-components-3913140600{opacity:0;transform:translate3d(0,1px,0) scale(.75);transition:transform .16s,opacity .12s}.kakadu-components-2895791158{transform:translate3d(0,1px,0) scale(1);opacity:1}.kakadu-components-1792481071{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity);mix-blend-mode:overlay}.kakadu-components-3566333728{width:100%;height:100%;color:var(--color, #000);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity, .1);mix-blend-mode:plus-darker}:where([data-theme=dark]) .kakadu-components-3566333728{--color:#fff;--opacity:.05;mix-blend-mode:plus-lighter}.kakadu-components-4049648322{-webkit-mask-image:radial-gradient(ellipse,black 0%,black 60%,transparent 75%,transparent 100%);mask-image:radial-gradient(ellipse,black 0%,black 60%,transparent 75%,transparent 100%)}.kakadu-components-3828473824{--translation:translate(-50%, -50%);background:#00000013;width:var(--size);height:var(--size);border-radius:var(--size);position:absolute;top:0;left:0;transform:var(--translation) scale(0);opacity:0;animation:ripple .37s ease-out}@keyframes ripple{0%{transform:var(--translation) scale(0);opacity:0}60%{opacity:1}to{transform:var(--translation) scale(1);opacity:0}}:where([data-theme=dark]) .kakadu-components-3828473824{background-color:#ffffff13}.kakadu-components-407202186{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0}.kakadu-components-2608453841.kakadu-components-2608453841{mix-blend-mode:normal;opacity:.3}.kakadu-components-1001443553{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0;mix-blend-mode:overlay}.kakadu-components-611160091{--gradient-start-color:rgba(0, 0, 0, .125);--gradient-end-color:rgba(0, 0, 0, 0);background-image:radial-gradient(circle,var(--gradient-start-color) 0%,var(--gradient-end-color) 60%);position:absolute;width:var(--size);height:var(--size);transform:translate(var(--offset-x),var(--offset-y)) translate(-50%,-50%);opacity:0;transition:opacity .2s}:where([data-theme=dark]) .kakadu-components-611160091{--gradient-start-color:rgba(255, 255, 255, .125);--gradient-end-color:rgba(255, 255, 255, 0)}.kakadu-components-3627966847{opacity:1}.kakadu-components-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-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-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-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/index.d.ts CHANGED
@@ -1,2 +1,122 @@
1
1
  export * from './theme';
2
2
  export { default as theme } from './theme';
3
+ export { default as Atom } from './components/atom';
4
+ export * from './components/atom';
5
+ export { default as AriaText } from './components/aria-text';
6
+ export * from './components/aria-text';
7
+ export { default as Box } from './components/box';
8
+ export * from './components/box';
9
+ export { default as Button } from './components/button';
10
+ export * from './components/button';
11
+ export { default as ButtonTooltip } from './components/button-tooltip';
12
+ export * from './components/button-tooltip';
13
+ export { default as Card } from './components/card';
14
+ export * from './components/card';
15
+ export { default as ClickRipples } from './components/click-ripples';
16
+ export * from './components/click-ripples';
17
+ export { default as Datum } from './components/datum';
18
+ export * from './components/datum';
19
+ export { default as Dot } from './components/dot';
20
+ export * from './components/dot';
21
+ export { default as Flex } from './components/flex';
22
+ export * from './components/flex';
23
+ export { default as Footer } from './components/footer';
24
+ export * from './components/footer';
25
+ export { default as Gauge } from './components/gauge';
26
+ export * from './components/gauge';
27
+ export { default as HoverGradient } from './components/hover-gradient';
28
+ export * from './components/hover-gradient';
29
+ export { default as IconButton } from './components/icon-button';
30
+ export * from './components/icon-button';
31
+ export { default as KakaduGuideIcon } from './components/kakadu-guide-icon';
32
+ export * from './components/kakadu-guide-icon';
33
+ export { default as KakaduGuideLogo } from './components/kakadu-guide-logo';
34
+ export * from './components/kakadu-guide-logo';
35
+ export { default as KakaduIndexLogo } from './components/kakadu-index-logo';
36
+ export * from './components/kakadu-index-logo';
37
+ export { default as KakaduLogo } from './components/kakadu-logo';
38
+ export * from './components/kakadu-logo';
39
+ export { default as BankidLogo } from './components/bankid-logo';
40
+ export * from './components/bankid-logo';
41
+ export { default as DnbLogo } from './components/dnb-logo';
42
+ export * from './components/dnb-logo';
43
+ export { default as GjensidigeLogo } from './components/gjensidige-logo';
44
+ export * from './components/gjensidige-logo';
45
+ export { default as Sparebank1Logo } from './components/sparebank1-logo';
46
+ export * from './components/sparebank1-logo';
47
+ export { default as StoLogo } from './components/sto-logo';
48
+ export * from './components/sto-logo';
49
+ export { default as StorebrandLogo } from './components/storebrand-logo';
50
+ export * from './components/storebrand-logo';
51
+ export { default as Modal } from './components/modal';
52
+ export * from './components/modal';
53
+ export { default as MovingGradients } from './components/moving-gradients';
54
+ export * from './components/moving-gradients';
55
+ export { default as MovingStars } from './components/moving-stars';
56
+ export * from './components/moving-stars';
57
+ export { default as Notice } from './components/notice';
58
+ export * from './components/notice';
59
+ export { default as Notification } from './components/notification';
60
+ export * from './components/notification';
61
+ export { default as Revealer } from './components/revealer';
62
+ export * from './components/revealer';
63
+ export { default as Separator } from './components/separator';
64
+ export * from './components/separator';
65
+ export { default as Skeleton } from './components/skeleton';
66
+ export * from './components/skeleton';
67
+ export { default as Spinner } from './components/spinner';
68
+ export * from './components/spinner';
69
+ export { default as Text } from './components/text';
70
+ export * from './components/text';
71
+ export { default as TextButton } from './components/text-button';
72
+ export * from './components/text-button';
73
+ export { default as ThemeSetter } from './components/theme-setter';
74
+ export * from './components/theme-setter';
75
+ export { default as Veil } from './components/veil';
76
+ export * from './components/veil';
77
+ export { default as Wrapper } from './components/wrapper';
78
+ export * from './components/wrapper';
79
+ export { default as Icon } from './icons/icon';
80
+ export * from './icons/icon';
81
+ export { default as ArrowDown } from './icons/arrow-down';
82
+ export * from './icons/arrow-down';
83
+ export { default as CaretDown } from './icons/caret-down';
84
+ export * from './icons/caret-down';
85
+ export { default as CaretRight } from './icons/caret-right';
86
+ export * from './icons/caret-right';
87
+ export { default as Check } from './icons/check';
88
+ export * from './icons/check';
89
+ export { default as ChevronDown } from './icons/chevron-down';
90
+ export * from './icons/chevron-down';
91
+ export { default as ChevronUp } from './icons/chevron-up';
92
+ export * from './icons/chevron-up';
93
+ export { default as ChromeBrowserLogo } from './icons/chrome-browser-logo';
94
+ export * from './icons/chrome-browser-logo';
95
+ export { default as Copy } from './icons/copy';
96
+ export * from './icons/copy';
97
+ export { default as Edit } from './icons/edit';
98
+ export * from './icons/edit';
99
+ export { default as EdgeBrowserLogo } from './icons/edge-browser-logo';
100
+ export * from './icons/edge-browser-logo';
101
+ export { default as ExclamationTriangle } from './icons/exclamation-triangle';
102
+ export * from './icons/exclamation-triangle';
103
+ export { default as KakaduGuide } from './icons/kakadu-guide';
104
+ export * from './icons/kakadu-guide';
105
+ export { default as KakaduGuideGlyph } from './icons/kakadu-guide-glyph';
106
+ export * from './icons/kakadu-guide-glyph';
107
+ export { default as Menu } from './icons/menu';
108
+ export * from './icons/menu';
109
+ export { default as Plus } from './icons/plus';
110
+ export * from './icons/plus';
111
+ export { default as Test } from './icons/test';
112
+ export * from './icons/test';
113
+ export { default as Times } from './icons/times';
114
+ export * from './icons/times';
115
+ export { default as useMediaQuery } from './hooks/use-media-query';
116
+ export * from './hooks/use-media-query';
117
+ export { default as copyToClipboard } from './utilities/copy-to-clipboard';
118
+ export * from './utilities/copy-to-clipboard';
119
+ export { default as generateRandomId } from './utilities/generate-random-id';
120
+ export * from './utilities/generate-random-id';
121
+ export { default as scale } from './utilities/scale';
122
+ export * from './utilities/scale';
package/build/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme.js");exports.FontFamilyHeadLink=e.FontFamilyHeadLink;exports.buttonResetStyles=e.buttonResetStyles;exports.darkBackgroundColor=e.darkBackgroundColor;exports.effectStyles=e.effectStyles;exports.font=e.font;exports.greenColor=e.greenColor;exports.lightBackgroundColor=e.lightBackgroundColor;exports.nonInteractiveEffectStyles=e.nonInteractiveEffectStyles;exports.overflowProtectionStyles=e.overflowProtectionStyles;exports.theme=e.default;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme.js"),i=require("./components/atom.js"),c=require("./components/aria-text.js"),k=require("./components/box.js"),n=require("./components/button.js"),h=require("./components/button-tooltip.js"),L=require("./components/card.js"),T=require("./components/click-ripples.js"),b=require("./components/datum.js"),v=require("./components/dot.js"),l=require("./components/flex.js"),x=require("./components/footer.js"),B=require("./components/gauge.js"),d=require("./components/hover-gradient.js"),f=require("./components/icon-button.js"),C=require("./components/kakadu-guide-icon.js"),r=require("./components/kakadu-guide-logo.js"),G=require("./components/kakadu-index-logo.js"),I=require("./components/kakadu-logo.js"),w=require("./components/bankid-logo.js"),M=require("./components/dnb-logo.js"),P=require("./components/gjensidige-logo.js"),D=require("./components/sparebank1-logo.js"),R=require("./components/sto-logo.js"),K=require("./components/storebrand-logo.js"),a=require("./components/modal.js"),V=require("./components/moving-gradients.js"),F=require("./components/moving-stars.js"),p=require("./components/notice.js"),u=require("./components/notification.js"),m=require("./components/revealer.js"),g=require("./components/separator.js"),q=require("./components/skeleton.js"),_=require("./components/spinner.js"),o=require("./components/text.js"),S=require("./components/text-button.js"),t=require("./components/theme-setter.js"),N=require("./components/veil.js"),y=require("./components/wrapper.js"),s=require("./icons/icon.js"),A=require("./icons/arrow-down.js"),E=require("./icons/caret-down.js"),H=require("./icons/caret-right.js"),W=require("./icons/check.js"),j=require("./icons/chevron-down.js"),Q=require("./icons/chevron-up.js"),U=require("./icons/chrome-browser-logo.js"),O=require("./icons/copy.js"),z=require("./icons/edit.js"),J=require("./icons/edge-browser-logo.js"),X=require("./icons/exclamation-triangle.js"),Y=require("./icons/kakadu-guide.js"),Z=require("./icons/kakadu-guide-glyph.js"),$=require("./icons/menu.js"),ee=require("./icons/plus.js"),oe=require("./icons/test.js"),te=require("./icons/times.js"),ne=require("./hooks/use-media-query.js"),re=require("./utilities/copy-to-clipboard.js"),ae=require("./utilities/generate-random-id.js"),ue=require("./utilities/scale.js");exports.FontFamilyHeadLink=e.FontFamilyHeadLink;exports.buttonResetStyles=e.buttonResetStyles;exports.darkBackgroundColor=e.darkBackgroundColor;exports.effectStyles=e.effectStyles;exports.font=e.font;exports.greenColor=e.greenColor;exports.lightBackgroundColor=e.lightBackgroundColor;exports.nonInteractiveEffectStyles=e.nonInteractiveEffectStyles;exports.overflowProtectionStyles=e.overflowProtectionStyles;exports.theme=e.default;exports.Atom=i.default;exports.defaultAtomElementType=i.defaultAtomElementType;exports.AriaText=c.default;exports.ariaTextStyles=c.ariaTextStyles;exports.Box=k.default;exports.Button=n.default;exports.ButtonVariant=n.ButtonVariant;exports.buttonDangerStyles=n.buttonDangerStyles;exports.buttonSecondaryStyles=n.buttonSecondaryStyles;exports.buttonSuccessStyles=n.buttonSuccessStyles;exports.buttonWarningStyles=n.buttonWarningStyles;exports.ButtonTooltip=h.default;exports.Card=L.default;exports.ClickRipples=T.default;exports.Datum=b.default;exports.Dot=v.default;exports.Flex=l.default;exports.FlexAlignment=l.FlexAlignment;exports.Footer=x.default;exports.Gauge=B.default;exports.HoverGradient=d.default;exports.normalBlendStyles=d.normalBlendStyles;exports.IconButton=f.default;exports.IconButtonVariant=f.IconButtonVariant;exports.KakaduGuideIcon=C.default;exports.KakaduGuideLogo=r.default;exports.KakaduGuideLogoSvg=r.KakaduGuideLogoSvg;exports.KakaduGuideLogoVariant=r.KakaduGuideLogoVariant;exports.KakaduIndexLogo=G.default;exports.KakaduLogo=I.default;exports.BankidLogo=w.default;exports.DnbLogo=M.default;exports.GjensidigeLogo=P.default;exports.Sparebank1Logo=D.default;exports.StoLogo=R.default;exports.StorebrandLogo=K.default;exports.Modal=a.default;exports.useModal=a.useModal;exports.useModalContext=a.useModalContext;exports.MovingGradients=V.default;exports.MovingStars=F.default;exports.Notice=p.default;exports.NoticeType=p.NoticeType;exports.Notification=u.default;exports.NotificationProvider=u.NotificationProvider;exports.useCreateNotification=u.useCreateNotification;exports.Revealer=m.default;exports.useRevealer=m.useRevealer;exports.Separator=g.default;exports.SeparatorLabel=g.SeparatorLabel;exports.Skeleton=q.default;exports.SkeletonInstance=q.SkeletonInstance;exports.RevealSpinner=_.RevealSpinner;exports.Spinner=_.default;exports.Heading=o.Heading;exports.Hero=o.Hero;exports.Paragraph=o.Paragraph;exports.Span=o.Span;exports.Text=o.default;exports.spanStyles=o.spanStyles;exports.textShadowStyles=o.textShadowStyles;exports.TextButton=S.default;exports.TextButtonVariant=S.TextButtonVariant;exports.ThemeSetter=t.default;exports.getThemePreference=t.getThemePreference;exports.setThemePreference=t.setThemePreference;exports.themePreferences=t.themePreferences;exports.useIsDarkMode=t.useIsDarkMode;exports.useIsLightMode=t.useIsLightMode;exports.useTheme=t.useTheme;exports.Veil=N.default;exports.Wrapper=y.default;exports.WrapperWidth=y.WrapperWidth;exports.Icon=s.default;exports.IconType=s.IconType;exports.iconShadowStyles=s.iconShadowStyles;exports.ArrowDown=A.default;exports.CaretDown=E.default;exports.CaretRight=H.default;exports.Check=W.default;exports.ChevronDown=j.default;exports.ChevronUp=Q.default;exports.ChromeBrowserLogo=U.default;exports.Copy=O.default;exports.Edit=z.default;exports.EdgeBrowserLogo=J.default;exports.ExclamationTriangle=X.default;exports.KakaduGuide=Y.default;exports.KakaduGuideGlyph=Z.default;exports.Menu=$.default;exports.Plus=ee.default;exports.Test=oe.default;exports.Times=te.default;exports.useMediaQuery=ne.default;exports.copyToClipboard=re.default;exports.generateRandomId=ae.default;exports.scale=ue.default;
package/build/index.mjs CHANGED
@@ -1,13 +1,170 @@
1
- import { FontFamilyHeadLink as o, buttonResetStyles as r, darkBackgroundColor as l, effectStyles as n, font as a, greenColor as f, lightBackgroundColor as c, nonInteractiveEffectStyles as s, overflowProtectionStyles as d, default as i } from "./theme.mjs";
1
+ import { FontFamilyHeadLink as t, buttonResetStyles as a, darkBackgroundColor as r, effectStyles as f, font as l, greenColor as d, lightBackgroundColor as u, nonInteractiveEffectStyles as s, overflowProtectionStyles as p, default as n } from "./theme.mjs";
2
+ import { default as x, defaultAtomElementType as i } from "./components/atom.mjs";
3
+ import { default as S, ariaTextStyles as c } from "./components/aria-text.mjs";
4
+ import { default as k } from "./components/box.mjs";
5
+ import { default as T, ButtonVariant as L, buttonDangerStyles as C, buttonSecondaryStyles as B, buttonSuccessStyles as v, buttonWarningStyles as G } from "./components/button.mjs";
6
+ import { default as b } from "./components/button-tooltip.mjs";
7
+ import { default as M } from "./components/card.mjs";
8
+ import { default as K } from "./components/click-ripples.mjs";
9
+ import { default as R } from "./components/datum.mjs";
10
+ import { default as E } from "./components/dot.mjs";
11
+ import { default as N, FlexAlignment as V } from "./components/flex.mjs";
12
+ import { default as W } from "./components/footer.mjs";
13
+ import { default as Q } from "./components/gauge.mjs";
14
+ import { default as q, normalBlendStyles as z } from "./components/hover-gradient.mjs";
15
+ import { default as O, IconButtonVariant as X } from "./components/icon-button.mjs";
16
+ import { default as Z } from "./components/kakadu-guide-icon.mjs";
17
+ import { default as $, KakaduGuideLogoSvg as ee, KakaduGuideLogoVariant as oe } from "./components/kakadu-guide-logo.mjs";
18
+ import { default as ae } from "./components/kakadu-index-logo.mjs";
19
+ import { default as fe } from "./components/kakadu-logo.mjs";
20
+ import { default as de } from "./components/bankid-logo.mjs";
21
+ import { default as se } from "./components/dnb-logo.mjs";
22
+ import { default as ne } from "./components/gjensidige-logo.mjs";
23
+ import { default as xe } from "./components/sparebank1-logo.mjs";
24
+ import { default as ge } from "./components/sto-logo.mjs";
25
+ import { default as ce } from "./components/storebrand-logo.mjs";
26
+ import { default as ke, useModal as he, useModalContext as Te } from "./components/modal.mjs";
27
+ import { default as Ce } from "./components/moving-gradients.mjs";
28
+ import { default as ve } from "./components/moving-stars.mjs";
29
+ import { default as Ie, NoticeType as be } from "./components/notice.mjs";
30
+ import { default as Me, NotificationProvider as De, useCreateNotification as Ke } from "./components/notification.mjs";
31
+ import { default as Re, useRevealer as Ae } from "./components/revealer.mjs";
32
+ import { default as Fe, SeparatorLabel as Ne } from "./components/separator.mjs";
33
+ import { default as He, SkeletonInstance as We } from "./components/skeleton.mjs";
34
+ import { RevealSpinner as Qe, default as Ue } from "./components/spinner.mjs";
35
+ import { Heading as ze, Hero as Je, Paragraph as Oe, Span as Xe, default as Ye, spanStyles as Ze, textShadowStyles as _e } from "./components/text.mjs";
36
+ import { default as eo, TextButtonVariant as oo } from "./components/text-button.mjs";
37
+ import { default as ao, getThemePreference as ro, setThemePreference as fo, themePreferences as lo, useIsDarkMode as uo, useIsLightMode as so, useTheme as po } from "./components/theme-setter.mjs";
38
+ import { default as mo } from "./components/veil.mjs";
39
+ import { default as io, WrapperWidth as go } from "./components/wrapper.mjs";
40
+ import { default as co, IconType as yo, iconShadowStyles as ko } from "./icons/icon.mjs";
41
+ import { default as To } from "./icons/arrow-down.mjs";
42
+ import { default as Co } from "./icons/caret-down.mjs";
43
+ import { default as vo } from "./icons/caret-right.mjs";
44
+ import { default as Io } from "./icons/check.mjs";
45
+ import { default as wo } from "./icons/chevron-down.mjs";
46
+ import { default as Do } from "./icons/chevron-up.mjs";
47
+ import { default as Po } from "./icons/chrome-browser-logo.mjs";
48
+ import { default as Ao } from "./icons/copy.mjs";
49
+ import { default as Fo } from "./icons/edit.mjs";
50
+ import { default as Vo } from "./icons/edge-browser-logo.mjs";
51
+ import { default as Wo } from "./icons/exclamation-triangle.mjs";
52
+ import { default as Qo } from "./icons/kakadu-guide.mjs";
53
+ import { default as qo } from "./icons/kakadu-guide-glyph.mjs";
54
+ import { default as Jo } from "./icons/menu.mjs";
55
+ import { default as Xo } from "./icons/plus.mjs";
56
+ import { default as Zo } from "./icons/test.mjs";
57
+ import { default as $o } from "./icons/times.mjs";
58
+ import { default as ot } from "./hooks/use-media-query.mjs";
59
+ import { default as at } from "./utilities/copy-to-clipboard.mjs";
60
+ import { default as ft } from "./utilities/generate-random-id.mjs";
61
+ import { default as dt } from "./utilities/scale.mjs";
2
62
  export {
3
- o as FontFamilyHeadLink,
4
- r as buttonResetStyles,
5
- l as darkBackgroundColor,
6
- n as effectStyles,
7
- a as font,
8
- f as greenColor,
9
- c as lightBackgroundColor,
63
+ S as AriaText,
64
+ To as ArrowDown,
65
+ x as Atom,
66
+ de as BankidLogo,
67
+ k as Box,
68
+ T as Button,
69
+ b as ButtonTooltip,
70
+ L as ButtonVariant,
71
+ M as Card,
72
+ Co as CaretDown,
73
+ vo as CaretRight,
74
+ Io as Check,
75
+ wo as ChevronDown,
76
+ Do as ChevronUp,
77
+ Po as ChromeBrowserLogo,
78
+ K as ClickRipples,
79
+ Ao as Copy,
80
+ R as Datum,
81
+ se as DnbLogo,
82
+ E as Dot,
83
+ Vo as EdgeBrowserLogo,
84
+ Fo as Edit,
85
+ Wo as ExclamationTriangle,
86
+ N as Flex,
87
+ V as FlexAlignment,
88
+ t as FontFamilyHeadLink,
89
+ W as Footer,
90
+ Q as Gauge,
91
+ ne as GjensidigeLogo,
92
+ ze as Heading,
93
+ Je as Hero,
94
+ q as HoverGradient,
95
+ co as Icon,
96
+ O as IconButton,
97
+ X as IconButtonVariant,
98
+ yo as IconType,
99
+ Qo as KakaduGuide,
100
+ qo as KakaduGuideGlyph,
101
+ Z as KakaduGuideIcon,
102
+ $ as KakaduGuideLogo,
103
+ ee as KakaduGuideLogoSvg,
104
+ oe as KakaduGuideLogoVariant,
105
+ ae as KakaduIndexLogo,
106
+ fe as KakaduLogo,
107
+ Jo as Menu,
108
+ ke as Modal,
109
+ Ce as MovingGradients,
110
+ ve as MovingStars,
111
+ Ie as Notice,
112
+ be as NoticeType,
113
+ Me as Notification,
114
+ De as NotificationProvider,
115
+ Oe as Paragraph,
116
+ Xo as Plus,
117
+ Qe as RevealSpinner,
118
+ Re as Revealer,
119
+ Fe as Separator,
120
+ Ne as SeparatorLabel,
121
+ He as Skeleton,
122
+ We as SkeletonInstance,
123
+ Xe as Span,
124
+ xe as Sparebank1Logo,
125
+ Ue as Spinner,
126
+ ge as StoLogo,
127
+ ce as StorebrandLogo,
128
+ Zo as Test,
129
+ Ye as Text,
130
+ eo as TextButton,
131
+ oo as TextButtonVariant,
132
+ ao as ThemeSetter,
133
+ $o as Times,
134
+ mo as Veil,
135
+ io as Wrapper,
136
+ go as WrapperWidth,
137
+ c as ariaTextStyles,
138
+ C as buttonDangerStyles,
139
+ a as buttonResetStyles,
140
+ B as buttonSecondaryStyles,
141
+ v as buttonSuccessStyles,
142
+ G as buttonWarningStyles,
143
+ at as copyToClipboard,
144
+ r as darkBackgroundColor,
145
+ i as defaultAtomElementType,
146
+ f as effectStyles,
147
+ l as font,
148
+ ft as generateRandomId,
149
+ ro as getThemePreference,
150
+ d as greenColor,
151
+ ko as iconShadowStyles,
152
+ u as lightBackgroundColor,
10
153
  s as nonInteractiveEffectStyles,
11
- d as overflowProtectionStyles,
12
- i as theme
154
+ z as normalBlendStyles,
155
+ p as overflowProtectionStyles,
156
+ dt as scale,
157
+ fo as setThemePreference,
158
+ Ze as spanStyles,
159
+ _e as textShadowStyles,
160
+ n as theme,
161
+ lo as themePreferences,
162
+ Ke as useCreateNotification,
163
+ uo as useIsDarkMode,
164
+ so as useIsLightMode,
165
+ ot as useMediaQuery,
166
+ he as useModal,
167
+ Te as useModalContext,
168
+ Ae as useRevealer,
169
+ po as useTheme
13
170
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kakadu/components",
3
- "version": "1.1.20",
3
+ "version": "1.1.22",
4
4
  "description": "Kakadu components library",
5
5
  "license": "MIT",
6
6
  "main": "./build/index.js",
@@ -39,344 +39,20 @@
39
39
  "import": "./build/index.mjs",
40
40
  "require": "./build/index.js"
41
41
  },
42
- "./theme": {
43
- "types": "./build/theme.d.ts",
44
- "import": "./build/theme.mjs",
45
- "require": "./build/theme.js"
46
- },
47
- "./atom": {
48
- "types": "./build/components/atom.d.ts",
49
- "import": "./build/components/atom.mjs",
50
- "require": "./build/components/atom.js"
51
- },
52
- "./aria-text": {
53
- "types": "./build/components/aria-text.d.ts",
54
- "import": "./build/components/aria-text.mjs",
55
- "require": "./build/components/aria-text.js"
56
- },
57
- "./box": {
58
- "types": "./build/components/box.d.ts",
59
- "import": "./build/components/box.mjs",
60
- "require": "./build/components/box.js"
61
- },
62
- "./button": {
63
- "types": "./build/components/button.d.ts",
64
- "import": "./build/components/button.mjs",
65
- "require": "./build/components/button.js"
66
- },
67
- "./button-tooltip": {
68
- "types": "./build/components/button-tooltip.d.ts",
69
- "import": "./build/components/button-tooltip.mjs",
70
- "require": "./build/components/button-tooltip.js"
71
- },
72
- "./card": {
73
- "types": "./build/components/card.d.ts",
74
- "import": "./build/components/card.mjs",
75
- "require": "./build/components/card.js"
76
- },
77
- "./click-ripples": {
78
- "types": "./build/components/click-ripples.d.ts",
79
- "import": "./build/components/click-ripples.mjs",
80
- "require": "./build/components/click-ripples.js"
81
- },
82
- "./datum": {
83
- "types": "./build/components/datum.d.ts",
84
- "import": "./build/components/datum.mjs",
85
- "require": "./build/components/datum.js"
86
- },
87
- "./dot": {
88
- "types": "./build/components/dot.d.ts",
89
- "import": "./build/components/dot.mjs",
90
- "require": "./build/components/dot.js"
91
- },
92
- "./flex": {
93
- "types": "./build/components/flex.d.ts",
94
- "import": "./build/components/flex.mjs",
95
- "require": "./build/components/flex.js"
96
- },
97
- "./footer": {
98
- "types": "./build/components/footer.d.ts",
99
- "import": "./build/components/footer.mjs",
100
- "require": "./build/components/footer.js"
101
- },
102
- "./gauge": {
103
- "types": "./build/components/gauge.d.ts",
104
- "import": "./build/components/gauge.mjs",
105
- "require": "./build/components/gauge.js"
106
- },
107
- "./hover-gradient": {
108
- "types": "./build/components/hover-gradient.d.ts",
109
- "import": "./build/components/hover-gradient.mjs",
110
- "require": "./build/components/hover-gradient.js"
111
- },
112
- "./icon-button": {
113
- "types": "./build/components/icon-button.d.ts",
114
- "import": "./build/components/icon-button.mjs",
115
- "require": "./build/components/icon-button.js"
116
- },
117
- "./kakadu-guide-icon": {
118
- "types": "./build/components/kakadu-guide-icon.d.ts",
119
- "import": "./build/components/kakadu-guide-icon.mjs",
120
- "require": "./build/components/kakadu-guide-icon.js"
121
- },
122
- "./kakadu-guide-logo": {
123
- "types": "./build/components/kakadu-guide-logo.d.ts",
124
- "import": "./build/components/kakadu-guide-logo.mjs",
125
- "require": "./build/components/kakadu-guide-logo.js"
126
- },
127
- "./kakadu-logo": {
128
- "types": "./build/components/kakadu-logo.d.ts",
129
- "import": "./build/components/kakadu-logo.mjs",
130
- "require": "./build/components/kakadu-logo.js"
131
- },
132
- "./kakadu-index-logo": {
133
- "types": "./build/components/kakadu-index-logo.d.ts",
134
- "import": "./build/components/kakadu-index-logo.mjs",
135
- "require": "./build/components/kakadu-index-logo.js"
136
- },
137
- "./bankid-logo": {
138
- "types": "./build/components/bankid-logo.d.ts",
139
- "import": "./build/components/bankid-logo.mjs",
140
- "require": "./build/components/bankid-logo.js"
141
- },
142
- "./dnb-logo": {
143
- "types": "./build/components/dnb-logo.d.ts",
144
- "import": "./build/components/dnb-logo.mjs",
145
- "require": "./build/components/dnb-logo.js"
146
- },
147
- "./gjensidige-logo": {
148
- "types": "./build/components/gjensidige-logo.d.ts",
149
- "import": "./build/components/gjensidige-logo.mjs",
150
- "require": "./build/components/gjensidige-logo.js"
151
- },
152
- "./sparebank1-logo": {
153
- "types": "./build/components/sparebank1-logo.d.ts",
154
- "import": "./build/components/sparebank1-logo.mjs",
155
- "require": "./build/components/sparebank1-logo.js"
156
- },
157
- "./sto-logo": {
158
- "types": "./build/components/sto-logo.d.ts",
159
- "import": "./build/components/sto-logo.mjs",
160
- "require": "./build/components/sto-logo.js"
161
- },
162
- "./storebrand-logo": {
163
- "types": "./build/components/storebrand-logo.d.ts",
164
- "import": "./build/components/storebrand-logo.mjs",
165
- "require": "./build/components/storebrand-logo.js"
166
- },
167
- "./modal": {
168
- "types": "./build/components/modal.d.ts",
169
- "import": "./build/components/modal.mjs",
170
- "require": "./build/components/modal.js"
171
- },
172
- "./moving-gradients": {
173
- "types": "./build/components/moving-gradients.d.ts",
174
- "import": "./build/components/moving-gradients.mjs",
175
- "require": "./build/components/moving-gradients.js"
176
- },
177
- "./moving-stars": {
178
- "types": "./build/components/moving-stars.d.ts",
179
- "import": "./build/components/moving-stars.mjs",
180
- "require": "./build/components/moving-stars.js"
181
- },
182
- "./notice": {
183
- "types": "./build/components/notice.d.ts",
184
- "import": "./build/components/notice.mjs",
185
- "require": "./build/components/notice.js"
186
- },
187
- "./notification": {
188
- "types": "./build/components/notification.d.ts",
189
- "import": "./build/components/notification.mjs",
190
- "require": "./build/components/notification.js"
191
- },
192
- "./revealer": {
193
- "types": "./build/components/revealer.d.ts",
194
- "import": "./build/components/revealer.mjs",
195
- "require": "./build/components/revealer.js"
196
- },
197
- "./separator": {
198
- "types": "./build/components/separator.d.ts",
199
- "import": "./build/components/separator.mjs",
200
- "require": "./build/components/separator.js"
201
- },
202
- "./skeleton": {
203
- "types": "./build/components/skeleton.d.ts",
204
- "import": "./build/components/skeleton.mjs",
205
- "require": "./build/components/skeleton.js"
206
- },
207
- "./spinner": {
208
- "types": "./build/components/spinner.d.ts",
209
- "import": "./build/components/spinner.mjs",
210
- "require": "./build/components/spinner.js"
211
- },
212
- "./text": {
213
- "types": "./build/components/text.d.ts",
214
- "import": "./build/components/text.mjs",
215
- "require": "./build/components/text.js"
216
- },
217
- "./text-button": {
218
- "types": "./build/components/text-button.d.ts",
219
- "import": "./build/components/text-button.mjs",
220
- "require": "./build/components/text-button.js"
221
- },
222
- "./theme-setter": {
223
- "types": "./build/components/theme-setter.d.ts",
224
- "import": "./build/components/theme-setter.mjs",
225
- "require": "./build/components/theme-setter.js"
226
- },
227
- "./veil": {
228
- "types": "./build/components/veil.d.ts",
229
- "import": "./build/components/veil.mjs",
230
- "require": "./build/components/veil.js"
231
- },
232
- "./wrapper": {
233
- "types": "./build/components/wrapper.d.ts",
234
- "import": "./build/components/wrapper.mjs",
235
- "require": "./build/components/wrapper.js"
236
- },
237
- "./icons/icon": {
238
- "types": "./build/icons/icon.d.ts",
239
- "import": "./build/icons/icon.mjs",
240
- "require": "./build/icons/icon.js"
241
- },
242
- "./icons/kakadu-guide": {
243
- "types": "./build/icons/kakadu-guide.d.ts",
244
- "import": "./build/icons/kakadu-guide.mjs",
245
- "require": "./build/icons/kakadu-guide.js"
246
- },
247
- "./icons/kakadu-guide-glyph": {
248
- "types": "./build/icons/kakadu-guide-glyph.d.ts",
249
- "import": "./build/icons/kakadu-guide-glyph.mjs",
250
- "require": "./build/icons/kakadu-guide-glyph.js"
251
- },
252
- "./icons/check": {
253
- "types": "./build/icons/check.d.ts",
254
- "import": "./build/icons/check.mjs",
255
- "require": "./build/icons/check.js"
256
- },
257
- "./icons/plus": {
258
- "types": "./build/icons/plus.d.ts",
259
- "import": "./build/icons/plus.mjs",
260
- "require": "./build/icons/plus.js"
261
- },
262
- "./icons/times": {
263
- "types": "./build/icons/times.d.ts",
264
- "import": "./build/icons/times.mjs",
265
- "require": "./build/icons/times.js"
266
- },
267
- "./icons/chevron-down": {
268
- "types": "./build/icons/chevron-down.d.ts",
269
- "import": "./build/icons/chevron-down.mjs",
270
- "require": "./build/icons/chevron-down.js"
271
- },
272
- "./icons/chevron-up": {
273
- "types": "./build/icons/chevron-up.d.ts",
274
- "import": "./build/icons/chevron-up.mjs",
275
- "require": "./build/icons/chevron-up.js"
276
- },
277
- "./icons/caret-down": {
278
- "types": "./build/icons/caret-down.d.ts",
279
- "import": "./build/icons/caret-down.mjs",
280
- "require": "./build/icons/caret-down.js"
281
- },
282
- "./icons/caret-right": {
283
- "types": "./build/icons/caret-right.d.ts",
284
- "import": "./build/icons/caret-right.mjs",
285
- "require": "./build/icons/caret-right.js"
286
- },
287
- "./icons/arrow-down": {
288
- "types": "./build/icons/arrow-down.d.ts",
289
- "import": "./build/icons/arrow-down.mjs",
290
- "require": "./build/icons/arrow-down.js"
291
- },
292
- "./icons/edit": {
293
- "types": "./build/icons/edit.d.ts",
294
- "import": "./build/icons/edit.mjs",
295
- "require": "./build/icons/edit.js"
296
- },
297
- "./icons/copy": {
298
- "types": "./build/icons/copy.d.ts",
299
- "import": "./build/icons/copy.mjs",
300
- "require": "./build/icons/copy.js"
301
- },
302
- "./icons/test": {
303
- "types": "./build/icons/test.d.ts",
304
- "import": "./build/icons/test.mjs",
305
- "require": "./build/icons/test.js"
306
- },
307
- "./icons/exclamation-triangle": {
308
- "types": "./build/icons/exclamation-triangle.d.ts",
309
- "import": "./build/icons/exclamation-triangle.mjs",
310
- "require": "./build/icons/exclamation-triangle.js"
311
- },
312
- "./icons/chrome-browser-logo": {
313
- "types": "./build/icons/chrome-browser-logo.d.ts",
314
- "import": "./build/icons/chrome-browser-logo.mjs",
315
- "require": "./build/icons/chrome-browser-logo.js"
316
- },
317
- "./icons/edge-browser-logo": {
318
- "types": "./build/icons/edge-browser-logo.d.ts",
319
- "import": "./build/icons/edge-browser-logo.mjs",
320
- "require": "./build/icons/edge-browser-logo.js"
321
- },
322
- "./icons/menu": {
323
- "types": "./build/icons/menu.d.ts",
324
- "import": "./build/icons/menu.mjs",
325
- "require": "./build/icons/menu.js"
326
- },
327
- "./hooks/use-media-query": {
328
- "types": "./build/hooks/use-media-query.d.ts",
329
- "import": "./build/hooks/use-media-query.mjs",
330
- "require": "./build/hooks/use-media-query.js"
331
- },
332
- "./utilities/copy-to-clipboard": {
333
- "types": "./build/utilities/copy-to-clipboard.d.ts",
334
- "import": "./build/utilities/copy-to-clipboard.mjs",
335
- "require": "./build/utilities/copy-to-clipboard.js"
336
- },
337
- "./utilities/generate-random-id": {
338
- "types": "./build/utilities/generate-random-id.d.ts",
339
- "import": "./build/utilities/generate-random-id.mjs",
340
- "require": "./build/utilities/generate-random-id.js"
341
- },
342
- "./utilities/scale": {
343
- "types": "./build/utilities/scale.d.ts",
344
- "import": "./build/utilities/scale.mjs",
345
- "require": "./build/utilities/scale.js"
346
- },
347
42
  "./components.css": {
348
43
  "types": "./build/components.css.d.ts",
349
44
  "default": "./build/components.css"
350
45
  }
351
46
  },
352
- "typesVersions": {
353
- "*": {
354
- "theme": [
355
- "build/theme.d.ts"
356
- ],
357
- "icons/*": [
358
- "build/icons/*"
359
- ],
360
- "hooks/*": [
361
- "build/hooks/*"
362
- ],
363
- "utilities/*": [
364
- "build/utilities/*"
365
- ],
366
- "*": [
367
- "build/components/*"
368
- ]
369
- }
370
- },
371
47
  "files": [
372
48
  "build/**/*"
373
49
  ],
374
- "publishConfig": {
375
- "access": "public"
376
- },
377
50
  "sideEffects": [
378
51
  "**/*.css"
379
52
  ],
53
+ "publishConfig": {
54
+ "access": "public"
55
+ },
380
56
  "peerDependencies": {
381
57
  "@kuma-ui/core": "^1.6.3",
382
58
  "react": "^19.0.0",
package/readme.md CHANGED
@@ -15,7 +15,7 @@ Next, import the base stylesheet and the `ThemeSetter` in your application’s e
15
15
  ```tsx
16
16
  import React from 'react';
17
17
  import {type AppProps} from 'next/app';
18
- import ThemeSetter from '@kakadu/components/theme-setter';
18
+ import {ThemeSetter} from '@kakadu/components';
19
19
  import '@kakadu/components/components.css';
20
20
 
21
21
  export default function App({Component, pageProps}: AppProps) {
@@ -33,7 +33,7 @@ Then, in your `_document.tsx` (or equivalent), import the `theme` class name and
33
33
  ```tsx
34
34
  import React from 'react';
35
35
  import Document, {Html, Head, Main, NextScript} from 'next/document';
36
- import {theme, FontFamilyHeadLink} from '@kakadu/components/theme';
36
+ import {theme, FontFamilyHeadLink} from '@kakadu/components';
37
37
 
38
38
  export default class CustomDocument extends Document {
39
39
  render() {