@kakadu/components 1.6.0 → 1.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/build/components.css +1 -1
  2. package/build/index.js +2 -2
  3. package/build/index.mjs +274 -269
  4. package/package.json +1 -1
package/build/components.css CHANGED
@@ -1 +1 @@
1
- .kakadu-components-2006849853{--light-color:#f8fafc;--dark-color:#0c0d12;--background-color:var(--light-color);--foreground-color:var(--dark-color);--red-color:#be354b;--red-color-hover:#c73d56;--red-color-light:#e8687d;--yellow-color:#c9ac56;--yellow-color-hover:#d1b559;--yellow-color-light:#edcd71;--yellow-color-dark:#ad890a;--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:1080px;--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}:where([data-theme=dark]) .kakadu-components-2006849853{--yellow-color-dark:#c9b15d}.kakadu-components-2006849853[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-2006849853{--scale-multiplier:.7}}@media(min-width:580px){.kakadu-components-2006849853{--scale-multiplier:.8;--page-padding:var(--double-gap)}}@media(min-width:860px){.kakadu-components-2006849853{--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-2604957835{--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;border-radius:var(--border-radius)}:where([data-theme=dark]) .kakadu-components-2604957835{--outline-shadow-color:rgba(0, 0, 0, 1);--hard-shadow-color:rgba(0, 0, 0, .3);--inset-inner-shadow-color:rgba(255, 255, 255, .3);--inset-outer-shadow-color:rgba(0, 0, 0, .75);--inset-hard-shadow-color:rgba(0, 0, 0, .1);--soft-shadow-color:rgba(0, 0, 0, .5);background-color:#141419cc}.kakadu-components-2395643287{--hard-soft-shadow-color:rgba(255, 255, 255, .075);--hard-shadow-color:rgba(255, 255, 255, .2);--blur-shadow-color:rgba(255, 255, 255, .25);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 1px 3px var(--blur-shadow-color)) drop-shadow(0 -1px var(--hard-soft-shadow-color)) drop-shadow(1px 0 var(--hard-soft-shadow-color)) drop-shadow(-1px 0 0 var(--hard-soft-shadow-color))}:where([data-theme=dark]) .kakadu-components-2395643287{--hard-soft-shadow-color:rgba(0, 0, 0, .15);--hard-shadow-color:rgba(0, 0, 0, .3);--blur-shadow-color:rgba(0, 0, 0, .15)}.kakadu-components-1569667551{display:inline-block;vertical-align:top;transform-box:view-box;transform-origin:center;shape-rendering:geometricPrecision}.kakadu-components-1717890504{transform-box:fill-box;transform-origin:center;animation:loading-spinner .97s linear infinite;will-change:transform}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(359.999deg)}}.kakadu-components-3913140600{opacity:0;transform:translate3d(0,1px,0) scale(.75);transition:transform .16s,opacity .12s}.kakadu-components-2895791158{transform:translate3d(0,1px,0) scale(1);opacity:1}.kakadu-components-1792481071{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity);mix-blend-mode:overlay}.kakadu-components-3566333728{width:100%;height:100%;color:var(--color, #000);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity, .1);mix-blend-mode:plus-darker}:where([data-theme=dark]) .kakadu-components-3566333728{--color:#fff;--opacity:.05;mix-blend-mode:plus-lighter}.kakadu-components-4049648322{-webkit-mask-image:radial-gradient(ellipse,black 0%,black 60%,transparent 75%,transparent 100%);mask-image:radial-gradient(ellipse,black 0%,black 60%,transparent 75%,transparent 100%)}.kakadu-components-3828473824{--translation:translate(-50%, -50%);background:#00000013;width:var(--size);height:var(--size);border-radius:var(--size);position:absolute;top:0;left:0;transform:var(--translation) scale(0);opacity:0;animation:ripple .37s ease-out}@keyframes ripple{0%{transform:var(--translation) scale(0);opacity:0}60%{opacity:1}to{transform:var(--translation) scale(1);opacity:0}}:where([data-theme=dark]) .kakadu-components-3828473824{background-color:#ffffff13}.kakadu-components-4189236582{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:var(--offset, 0);left:var(--offset, 0);right:var(--offset, 0);bottom:var(--offset, 0)}.kakadu-components-2608453841.kakadu-components-2608453841{mix-blend-mode:normal;opacity:.3}.kakadu-components-1237006455{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:var(--offset, 0);left:var(--offset, 0);right:var(--offset, 0);bottom:var(--offset, 0);mix-blend-mode:overlay}.kakadu-components-611160091{--gradient-start-color:rgba(0, 0, 0, .125);--gradient-end-color:rgba(0, 0, 0, 0);background-image:radial-gradient(circle,var(--gradient-start-color) 0%,var(--gradient-end-color) 60%);position:absolute;width:var(--size);height:var(--size);transform:translate(var(--offset-x),var(--offset-y)) translate(-50%,-50%);opacity:0;transition:opacity .2s}:where([data-theme=dark]) .kakadu-components-611160091{--gradient-start-color:rgba(255, 255, 255, .125);--gradient-end-color:rgba(255, 255, 255, 0)}.kakadu-components-3627966847{opacity:1}.kakadu-components-3358774822{position:absolute;left:50%;bottom:calc(100% + 7px);text-align:center;pointer-events:none;white-space:nowrap;transform:translate(-50%);display:none}@media(hover:hover){.kakadu-components-3358774822{display:block}}.kakadu-components-1128219903{background:#fff;font-size:var(--12px);padding:3px 7px;border-radius:5px;color:#000;display:inline-block;position:relative;--box-shadow-outline-color:#fff;--box-shadow-color:rgba(0, 0, 0, .15);--box-shadow-inset-color:rgba(0, 0, 0, .2);box-shadow:0 0 0 1px var(--box-shadow-outline-color),0 1px 4px var(--box-shadow-color),inset 0 0 0 1px var(--box-shadow-inset-color);transform:translate3d(0,4px,0) scale(.8);opacity:0}:where([data-theme=dark]) button .kakadu-components-1128219903{background:#141419b3;color:#fff;--box-shadow-outline-color:rgba(0, 0, 0, .7);--box-shadow-color:rgba(255, 255, 255, .1);--box-shadow-inset-color:rgba(255, 255, 255, .25)}.kakadu-components-1128219903:after{content:"";position:absolute;top:calc(100% - 5px);left:50%;transform:translate(-50%) rotate(45deg);width:7px;height:7px;background:#fff;--box-shadow-color:rgb(200, 200, 200);--outer-box-shadow-color:rgb(250, 250, 250);box-shadow:1px 1px 0 var(--box-shadow-color),2px 2px 0 var(--outer-box-shadow-color);z-index:-1}:where([data-theme=dark]) button .kakadu-components-1128219903:after{background:#131314;--box-shadow-color:rgb(80, 80, 80);--outer-box-shadow-color:rgba(0, 0, 0, .3)}@media(hover:hover){.kakadu-components-1128219903{transition:transform .1s,opacity .1s}button:hover .kakadu-components-1128219903{transform:translateZ(0) scale(1);opacity:1;transition:transform .3s .2s,opacity .3s .2s}}.kakadu-components-2658660333{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;--hard-shadow-color:rgba(0, 0, 0, .25);--blur-shadow-color:rgba(0, 0, 0, .35)}.kakadu-components-2658660333 svg{transform:translateZ(0);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 0 2px var(--blur-shadow-color))}:where([data-theme=light]) .kakadu-components-3469662110 svg{--hard-shadow-color:rgba(255, 255, 255, .25);--blur-shadow-color:rgba(255, 255, 255, .35)}.kakadu-components-2244098950.kakadu-components-2244098950:before{mix-blend-mode:normal}:where([data-theme=light]) .kakadu-components-2244098950.kakadu-components-2244098950{background-color:#ffffffe6;color:#000c;--text-shadow-color:rgba(255, 255, 255, .35);--text-shadow-hard-color:rgba(255, 255, 255, .25);--box-shadow-color:rgba(0, 0, 0, .15);--box-shadow-highlight-color:rgba(255, 255, 255, .25);--box-shadow-inset-color:rgba(0, 0, 0, .1);--inset-hard-shadow-color:rgba(0, 0, 0, .05);--loading-background-color:rgba(255, 255, 255, .3);--loading-background-color-gradient-start:rgba(255, 255, 255, .6);--loading-background-color-gradient-end:rgba(255, 255, 255, 0)}@media(hover:hover){:where([data-theme=light]) .kakadu-components-2244098950.kakadu-components-2244098950:not([disabled]):hover{background-color:#fff;color:#000}}:where([data-theme=dark]) .kakadu-components-2244098950.kakadu-components-2244098950{background-color:#161619cc;color:#ffffffe6;--text-shadow-color:rgba(0, 0, 0, .35);--text-shadow-hard-color:rgba(0, 0, 0, .25);--box-shadow-color:rgba(255, 255, 255, .2);--box-shadow-highlight-color:rgba(0, 0, 0, .75);--box-shadow-inset-color:rgba(255, 255, 255, .3);--inset-hard-shadow-color:rgba(255, 255, 255, .075);--bevel-shadow-color:rgba(255, 255, 255, .075);--box-shadow-outline-color:var(--background-color);--loading-background-color:rgba(0, 0, 0, .65);--loading-background-color-gradient-start:rgba(0, 0, 0, .2);--loading-background-color-gradient-end:rgba(0, 0, 0, 0)}@media(hover:hover){:where([data-theme=dark]) .kakadu-components-2244098950.kakadu-components-2244098950:not([disabled]):hover{background-color:#1c1c1ecc;color:#fff}}.kakadu-components-3923184173.kakadu-components-3923184173{background-color:var(--green-color)}@media(hover:hover){.kakadu-components-3923184173.kakadu-components-3923184173:not([disabled]):hover{background-color:var(--green-color-hover)}}.kakadu-components-317965671.kakadu-components-317965671{background-color:var(--yellow-color)}@media(hover:hover){.kakadu-components-317965671.kakadu-components-317965671:not([disabled]):hover{background-color:var(--yellow-color-hover)}}.kakadu-components-1978976872.kakadu-components-1978976872{background-color:var(--red-color)}@media(hover:hover){.kakadu-components-1978976872.kakadu-components-1978976872:not([disabled]):hover{background-color:var(--red-color-hover)}}.kakadu-components-1578318887{--text-shadow-color:rgba(0, 0, 0, .35);--text-shadow-hard-color:rgba(0, 0, 0, .25);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--primary-color);font-family:var(--font-family);font-size:var(--16px);font-weight:550;text-align:center;text-decoration:none;margin:0;padding:calc(var(--gap) * .65) calc(var(--gap) * 1.4);padding-bottom:calc(var(--gap) * .75);cursor:pointer;color:#fff;border:0;--border-radius:30px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .37s,box-shadow .37s,transform .37s}.kakadu-components-1578318887:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}@media(hover:hover){.kakadu-components-1578318887:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;text-decoration:underline}.kakadu-components-1578318887:before{transition-duration:.1s}}.kakadu-components-3652831856{text-align:left}.kakadu-components-2746167644{padding-left:12px;padding-right:12px}.kakadu-components-294089230{padding-right:2px;left:-4px}.kakadu-components-2618257692{position:relative;z-index:2;text-shadow:0 0 2px var(--text-shadow-color),0 1px 0 var(--text-shadow-hard-color)}.kakadu-components-3127707672{padding-left:2px;right:-4px}.kakadu-components-1029011626{position:absolute;top:2px;right:2px;bottom:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);opacity:0;transition:opacity .1s;border-radius:var(--border-radius);pointer-events:none;z-index:3}.kakadu-components-726496666{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:1}.kakadu-components-772420116{background-color:var( --loading-background-color, rgba(0, 0, 0, .1) );background-image:radial-gradient(ellipse,var(--loading-background-color-gradient-start, rgba(0, 0, 0, .2)) 0%,var(--loading-background-color-gradient-end, rgba(0, 0, 0, 0)) 75%);color:var(--loading-color);display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius);position:absolute;top:0;right:0;bottom:0;left:0}.kakadu-components-1505766785{border-radius:var(--border-radius)}.kakadu-components-3712045697.kakadu-components-3712045697{mix-blend-mode:hard-light;opacity:.05}.kakadu-components-2813474662.kakadu-components-2813474662{color:#fff;mix-blend-mode:plus-lighter;border-radius:var(--border-radius)}.kakadu-components-563258661{display:flex;align-items:var(--cross-axis-alignment);justify-content:var(--main-axis-alignment)}.kakadu-components-1546485850{flex-direction:column;align-items:var(--main-axis-alignment);justify-content:var(--cross-axis-alignment)}.kakadu-components-223643817{--main-axis-alignment:flex-start;--cross-axis-alignment:center}.kakadu-components-4038850420{--main-axis-alignment:center;--cross-axis-alignment:center}.kakadu-components-317611484{--main-axis-alignment:space-between;--cross-axis-alignment:center}.kakadu-components-2767496155{--main-axis-alignment:flex-end;--cross-axis-alignment:center}.kakadu-components-2276234075{gap:var(--quarter-gap)}.kakadu-components-739568937{gap:var(--third-gap)}.kakadu-components-3438335458{gap:var(--half-gap)}.kakadu-components-3350948469{gap:calc(var(--gap) * .75)}.kakadu-components-3993051137{gap:var(--gap)}.kakadu-components-4186556816{gap:var(--sesquialteral-gap)}.kakadu-components-1435205015{gap:var(--double-gap)}.kakadu-components-4251546321{gap:calc(var(--gap) * 2.25)}.kakadu-components-1168734547{gap:var(--triple-gap)}.kakadu-components-1543861259{gap:var(--quadruple-gap)}.kakadu-components-3545808562{flex-wrap:wrap}.kakadu-components-3911899222{flex:1}.kakadu-components-1538322784{--text-shadow-color-numbers:255,255,255;--text-shadow-multiplier:1;text-shadow:0 1px 0 rgba(var(--text-shadow-color-numbers),calc(.3 * var(--text-shadow-multiplier))),0 3px 0 rgba(var(--text-shadow-color-numbers),calc(.05 * var(--text-shadow-multiplier))),0 0 2px rgba(var(--text-shadow-color-numbers),calc(.4 * var(--text-shadow-multiplier))),0 1px 4px rgba(var(--text-shadow-color-numbers),calc(.2 * var(--text-shadow-multiplier)))}:where([data-theme=dark]) .kakadu-components-1538322784{--text-shadow-color-numbers:0,0,0;--text-shadow-multiplier:1.5}.kakadu-components-739732526 a{color:var(--secondary-color);text-decoration:underline}@media(hover:hover){.kakadu-components-739732526 a:hover{color:var(--secondary-color-hover);text-decoration:none}}.kakadu-components-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-1038708690.kakadu-components-1038708690{text-decoration:none;color:inherit}@media(hover:hover){.kakadu-components-1038708690.kakadu-components-1038708690:hover{color:inherit;text-decoration:underline}}.kakadu-components-1923397960{font-family:var(--font-family);font-size:var(--16px)}.kakadu-components-1923397960 b{font-weight:450;color:var(--secondary-color-2)}.kakadu-components-1923397960 strong{font-weight:600;color:var(--secondary-color-2)}.kakadu-components-1923397960 code{font-size:.9em}.kakadu-components-621160204{font-size:var(--16px);font-weight:400;color:var(--secondary-color-3);line-height:1.5em;padding:0;margin:0}.kakadu-components-1329768068.kakadu-components-1329768068{text-transform:uppercase;font-weight:600;font-size:var(--12px);opacity:.8}.kakadu-components-2545038694{max-width:var(--text-width);text-wrap:pretty}.kakadu-components-2545038694 :is(h1,h2,h3,h4,h5,h6):is(h1){font-size:var(--32px)}.kakadu-components-2545038694 :is(h1,h2,h3,h4,h5,h6):is(h2){font-size:var(--24px);--font-weight:650}.kakadu-components-2545038694 :is(h1,h2,h3,h4,h5,h6):is(h3){font-size:var(--20px);--font-weight:400;opacity:.9}.kakadu-components-2545038694 :is(h1,h2,h3,h4,h5,h6):is(h4){font-size:var(--17px);--font-weight:500}.kakadu-components-2545038694 h1+h2{margin-top:1.25em}.kakadu-components-2545038694 h2+h3{margin-top:.75em}.kakadu-components-2545038694 h3+h4{margin-top:.9em}.kakadu-components-2545038694 :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol,aside){margin-top:.9em}.kakadu-components-2545038694 :is(h1,h2)+p:has(+p){font-size:var(--20px);font-weight:400;line-height:1.3em;color:var(--secondary-color-2)}.kakadu-components-2545038694 :is(h1,h2)+p:has(+p)+p{margin-top:1.25em}.kakadu-components-2545038694 p+:is(p){margin-top:.75em}.kakadu-components-2545038694 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6){margin-top:1.5em}.kakadu-components-2545038694 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h3){margin-top:2em}.kakadu-components-2545038694 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h4){margin-top:2em}.kakadu-components-2545038694 :is(div:has(>pre),pre,p,ul,ol,aside)+:is(h3,h4):before{content:"";width:16px;height:1px;background:#00000026;display:block;margin-bottom:2em}:where([data-theme=dark]) .kakadu-components-2545038694 :is(div:has(>pre),pre,p,ul,ol,aside)+:is(h3,h4):before{background-color:#ffffff26}.kakadu-components-2545038694 ul,.kakadu-components-2545038694 ol{margin:0;padding:0;list-style-position:inside}.kakadu-components-2545038694 :is(p,ul,ol)+:is(ul,ol){margin-top:1em}.kakadu-components-2545038694 li+li{margin-top:.25em}.kakadu-components-2545038694 li+:is(ol>li){margin-top:1em}.kakadu-components-2545038694 li:has(:is(ul,ol))+li{margin-top:.65em}.kakadu-components-2545038694 li::marker{font-weight:600}.kakadu-components-2545038694 :is(ul,ol)>li{font-weight:500}.kakadu-components-2545038694 :is(ul,ol)>li li{font-weight:400}.kakadu-components-2545038694 li a:only-child,.kakadu-components-2545038694 li a:first-child:has(+:is(ul,ol):last-child){text-decoration:none;color:currentColor}@media(hover:hover){.kakadu-components-2545038694 li a:only-child:hover,.kakadu-components-2545038694 li a:first-child:has(+:is(ul,ol):last-child):hover{text-decoration:underline;color:var(--secondary-color)}}.kakadu-components-2545038694 :is(ul,ol) :is(ul,ol){margin-top:var(--half-gap);padding-left:var(--gap)}.kakadu-components-2545038694 :is(p,ul,ol)+hr{margin-top:2em}.kakadu-components-2545038694 code:not(pre code){font-family:Source Code Pro,Source Code Pro Fallback,monospace;background:#ffffffe6;box-shadow:inset 0 0 0 1px #0003;display:inline-block;vertical-align:middle;padding:0 6px;border-radius:6px}:where([data-theme=dark]) .kakadu-components-2545038694 code:not(pre code){background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3}.kakadu-components-2545038694 pre{background:#ffffffe6;max-width:var(--content-width);font-size:var(--12px);line-height:1.5em;color:#000;margin:0;white-space:pre-wrap;overflow:auto;padding:var(--gap);border-radius:var(--half-gap);box-sizing:border-box;margin:var(--gap) 0;box-shadow:inset 0 0 0 1px #0003}:where([data-theme=dark]) .kakadu-components-2545038694 pre{background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3;color:#ffffffb3}.kakadu-components-2545038694 :is(p,ul,ol,aside)+:is(div:has(>pre),pre),.kakadu-components-2545038694 :is(div:has(>pre),pre)+:is(p,ul,ol,aside){margin-top:var(--double-gap)}.kakadu-components-2545038694 :is(div:has(>pre),pre)+:is(h1,h2,h3,h4,h5,h6){margin-top:var(--triple-gap)}.kakadu-components-2545038694 :is(div:has(>pre),pre)+:is(h1,h2,h3,h4,h5,h6):is(h3,h4){margin-top:2em}.kakadu-components-2545038694 aside:not(:is(div:has(>pre),pre)+aside){max-width:var(--content-width)}.kakadu-components-2545038694 :is(p,ul,ol)+aside,.kakadu-components-2545038694 aside+:is(p,ul,ol){margin-top:var(--double-gap)}.kakadu-components-2545038694 :is(div:has(>pre),pre)+aside,.kakadu-components-2545038694 aside+:is(div:has(>pre),pre){margin-top:var(--gap)}.kakadu-components-323682454.kakadu-components-323682454{max-width:var(--text-width)}.kakadu-components-323682454.kakadu-components-323682454 h1{font-size:var(--38px)}@media(min-width:410px){.kakadu-components-323682454.kakadu-components-323682454 h1{font-size:var(--48px)}}.kakadu-components-323682454.kakadu-components-323682454 h1+:is(p,ul){margin-top:.9em}.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p),.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child{font-size:var(--20px);line-height:1.4em}@media(min-width:410px){.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p),.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child{font-size:var(--24px)}}.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p)+p,.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child+p{margin-top:2.1em}.kakadu-components-323682454.kakadu-components-323682454 p{font-size:var(--18px);line-height:1.6em}.kakadu-components-2034054779.kakadu-components-2034054779.kakadu-components-2034054779{background:#fff;text-align:left;padding:var(--sesquialteral-gap);--border-radius:12px;border-radius:var(--border-radius);text-decoration:none;position:relative;cursor:pointer;border:0;transition:background-color .37s,box-shadow .37s,transform .37s}:where([data-theme=dark]) .kakadu-components-2034054779.kakadu-components-2034054779.kakadu-components-2034054779{background-color:#16181c;--box-shadow-color:rgba(255, 255, 255, .15);--inset-hard-shadow-color:rgba(0, 0, 0, .8);--box-shadow-outline-color:rgba(0, 0, 0, .75);--box-shadow-highlight-color:rgba(255, 255, 255, .04);--box-shadow-top-highlight-color:rgba(0, 0, 0, .6)}@media(hover:hover){:where([data-theme=dark]) .kakadu-components-2034054779.kakadu-components-2034054779.kakadu-components-2034054779:hover{background-color:#1a1c21}}.kakadu-components-2034054779.kakadu-components-2034054779.kakadu-components-2034054779:before{mix-blend-mode:normal}.kakadu-components-2034054779.kakadu-components-2034054779.kakadu-components-2034054779:active{transform:scale(.9875);transition-duration:.1s;--bevel-shadow-offset:1px}.kakadu-components-1301774894.kakadu-components-1301774894{font-size:var(--18px);font-weight:500;color:var(--foreground-color);text-decoration:none;text-decoration:0}:is(button,a):hover .kakadu-components-1301774894.kakadu-components-1301774894{text-decoration:underline}.kakadu-components-782417605{position:relative;left:-1px}.kakadu-components-3061837309.kakadu-components-3061837309{font-size:var(--15px);text-decoration:none;text-decoration:0}.kakadu-components-425989064.kakadu-components-425989064{font-size:var(--12px);font-weight:700;text-transform:uppercase;text-decoration:underline;color:#3574b5}:where([data-theme=dark]) .kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064{color:#84a3c8}@media(hover:hover){:is(button,a):hover .kakadu-components-425989064.kakadu-components-425989064,.kakadu-components-425989064.kakadu-components-425989064:hover{text-decoration:none;text-decoration:0;text-decoration-color:currentColor}}.kakadu-components-2967167444{opacity:.5}.kakadu-components-3057735296{--border-radius:8px;width:34px;height:34px;padding-bottom:3px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:var(--border-radius);position:relative;transition:background-color .37s,box-shadow .37s,transform .37s}.kakadu-components-3057735296:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}@media(hover:hover){.kakadu-components-3057735296:not([disabled]):active.kakadu-components-3057735296:not([disabled]):active{--outline-width:0px}}@media(hover:hover){.kakadu-components-3057735296:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;--outline-width:5px;--outline-color:var(--outline-hover-color)}.kakadu-components-3057735296:before{transition-duration:.1s}}.kakadu-components-2089159949{--outline-hover-color:rgba(0, 0, 0, .1)}:where([data-theme=dark]) .kakadu-components-2089159949{--outline-hover-color:rgba(255, 255, 255, .1)}.kakadu-components-1463468148{--outline-hover-color:color-mix( in srgb, var(--green-color) 37.5%, transparent )}.kakadu-components-2686186037{--outline-hover-color:color-mix( in srgb, var(--yellow-color) 37.5%, transparent )}.kakadu-components-2463905722{--outline-hover-color:color-mix( in srgb, var(--red-color) 37.5%, transparent )}.kakadu-components-2197738751{position:relative;display:flex;align-items:center;justify-content:center}.kakadu-components-1309118222{transform:translateZ(0);position:relative;z-index:2;transition:opacity .1s,transform .1s}.kakadu-components-3602476657{opacity:0;transform:translateZ(0) scale(.8)}.kakadu-components-2883440801{transform:translateZ(0) scale(.8);position:absolute;z-index:2;transition:opacity .2s,transform .2s;top:0;left:0;bottom:0;right:0;opacity:0}.kakadu-components-1406924214{opacity:1;transform:translateZ(0)}.kakadu-components-3772513716.kakadu-components-3772513716{font-size:var(--13px);font-weight:650;text-transform:uppercase}.kakadu-components-2497879239.kakadu-components-2497879239{font-weight:300}.kakadu-components-2022754336{opacity:.3}.kakadu-components-847862034{padding-left:var(--page-padding);padding-right:var(--page-padding)}.kakadu-components-1099799322{width:100%;align-self:center}.kakadu-components-3142729958{max-width:var(--page-width)}.kakadu-components-2670503515{max-width:var(--text-width)}.kakadu-components-259932668{max-width:var(--content-width)}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984{font-size:var(--14px);list-style:none}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a{--color:#aaa;color:var(--color);text-decoration:none}@media(hover:hover){.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a:hover{text-decoration:underline}}.kakadu-components-1574406446{background:var(--dark-color);padding:var(--page-padding);position:relative}:where([data-theme=dark]) .kakadu-components-1574406446{background:#0006;box-shadow:inset 0 1px #ffffff14}.kakadu-components-783629418.kakadu-components-783629418{align-items:flex-start;padding-top:var(--gap)}.kakadu-components-3520395370.kakadu-components-3520395370{text-align:right}.kakadu-components-4048415128{border:0}.kakadu-components-2329568054{border:0;vertical-align:top}.kakadu-components-2089456404.kakadu-components-2089456404{max-width:var(--text-width);width:100%;align-items:center}.kakadu-components-3695148669.kakadu-components-3695148669{position:relative;top:-2px;vertical-align:top;color:var(--foreground-color)}.kakadu-components-1125118494.kakadu-components-1125118494{font-size:var(--14px);opacity:.3}.kakadu-components-2176404336{--size:80px;--thickness:13px;--font-size:var(--25px);--font-weight:600;--offset:2px;--highlight-color:rgba(255, 255, 255, .2);--shadow-color:rgba(0, 0, 0, .1);--hard-shadow-offset:4px;--hard-shadow-color:rgba(0, 0, 0, .05);background:#f9f9f9;width:var(--size);height:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color),inset 0 2px 0 var(--highlight-color);border-radius:var(--size);position:relative;display:flex;align-items:center;justify-content:center}:where([data-theme=dark]) .kakadu-components-2176404336{background:#323237}.kakadu-components-3162945807{--size:60px;--thickness:11px;--font-size:var(--18px);--font-weight:600;--offset:2px}.kakadu-components-2977513648{--size:100px;--thickness:17px;--font-size:var(--32px);--offset:3px}.kakadu-components-707327569{background:var(--start-color);width:var(--thickness);height:var(--thickness);border-radius:var(--thickness);position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 0 0 1px var(--shadow-color),0 0 2px #fff3}.kakadu-components-2636723344{width:100%;height:100%;background:conic-gradient(from -90deg,var(--gradient));-webkit-mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);border-radius:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 4px #ffffff26,inset 0 0 0 1px var(--shadow-color)}:where([data-theme=dark]) .kakadu-components-2636723344{--shadow-color:rgba(255, 255, 255, .3)}.kakadu-components-2810161405{--inner-size:calc(var(--size) - (var(--thickness) * 2));background:#0000002d;width:var(--inner-size);height:var(--inner-size);border-radius:var(--inner-size);--outline-shadow-color:rgba(0, 0, 0, .15);--soft-shadow-color:rgba(255, 255, 255, .4);box-shadow:0 0 0 1px var(--outline-shadow-color),0 0 2px var(--soft-shadow-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:where([data-theme=dark]) .kakadu-components-2810161405{--outline-shadow-color:rgba(255, 255, 255, .15);--soft-shadow-color:rgba(255, 255, 255, .4)}.kakadu-components-1913523229{--inner-size:calc(var(--size) - var(--thickness) * 2);background:var(--background-color);width:var(--inner-size);height:var(--inner-size);font-size:var(--font-size);font-weight:var(--font-weight);font-variant-numeric:tabular-nums;letter-spacing:-.07em;border-radius:var(--inner-size);display:flex;align-items:center;justify-content:center;--offset-shadow-color:var(--shadow-color);box-shadow:0 1px 0 var(--offset-shadow-color),0 2px 0 var(--highlight-color),inset 0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color);position:absolute}:where([data-theme=dark]) .kakadu-components-1913523229{--offset-shadow-color:rgba(255, 255, 255, .3)}.kakadu-components-967240013{--dial-size:calc(var(--thickness) + (var(--offset) * 2));--radius:calc((var(--size) / 2) - var(--offset));--angle:calc(-180deg + (var(--percentage-factor) * 360deg));background:#fff;width:var(--dial-size);height:var(--dial-size);border-radius:var(--dial-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(calc(var(--radius) - (var(--offset) * 2))) rotate(calc(var(--angle) * -1));box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),0 0 1px #00000080}.kakadu-components-3225063030{--dial-cutout-size:calc(var(--dial-size) / 2.25);background:var(--end-color);width:var(--dial-cutout-size);height:var(--dial-cutout-size);border-radius:var(--dial-cutout-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px var(--shadow-color),inset 0 var(--hard-shadow-offset) 0 0 var(--hard-shadow-color)}.kakadu-components-496564785{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;overflow:hidden;top:0;z-index:99;box-shadow:0 1px #0003,0 2px #fff3}:where([data-theme=dark]) .kakadu-components-496564785{background:color-mix(in srgb,var(--background-color),rgba(0,0,0,.6) 20%);box-shadow:0 1px #fff3,0 2px #0003}.kakadu-components-479363365{padding-top:var(--gap);padding-bottom:calc(var(--gap) + 2px)}.kakadu-components-4017654514.kakadu-components-4017654514{color:var(--red-color)}:where([data-theme=dark]) .kakadu-components-4017654514.kakadu-components-4017654514{color:var(--red-color-hover)}.kakadu-components-3563685584{--hover-background-color:rgba(0, 0, 0, .05);background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;font-family:var(--font-family);font-size:var(--16px);font-weight:550;cursor:pointer;color:var(--foreground-color);margin:0;border:0;padding:0;text-align:left;text-decoration:none;display:inline-flex;vertical-align:top;position:relative;transform:translateZ(0);--original-border-radius:6px;--border-radius:var(--original-border-radius) var(--border-top-right-radius, var(--original-border-radius)) var(--original-border-radius) var(--original-border-radius);--horizontal-offset:-9px;--right-offset:var(--horizontal-offset);--left-offset:var(--horizontal-offset);--vertical-offset:-5px}:where([data-theme=dark]) .kakadu-components-3563685584{--hover-background-color:rgba(255, 255, 255, .075)}@media(hover:hover){.kakadu-components-3563685584:before{content:"";position:absolute;top:var(--vertical-offset);right:var(--right-offset);bottom:var(--vertical-offset);left:var(--left-offset);border-radius:var(--border-radius);transition:background-color .37s}.kakadu-components-3563685584:hover:before{background-color:var(--hover-background-color);transition:background-color .05s}}.kakadu-components-3563685584:active{transform:scale(.98);transition-duration:.1s}.kakadu-components-497190725{--right-offset:-12px}.kakadu-components-3729381008{--left-offset:-12px}.kakadu-components-3866032606{--horizontal-offset:-8px}.kakadu-components-3184610208{padding-top:3px;position:relative}.kakadu-components-602380047{right:-1px}.kakadu-components-233407571{padding-left:2px;padding-right:2px}.kakadu-components-1760622304{position:relative;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}@media(hover:hover){:is(a,button):hover .kakadu-components-1760622304{text-decoration:none}}.kakadu-components-1681694072{left:-1px}.kakadu-components-1343580459{position:absolute;top:var(--vertical-offset);right:var(--right-offset);bottom:var(--vertical-offset);left:var(--left-offset)}.kakadu-components-1421861246{background:var(--primary-color);width:var(--size);height:var(--size);position:relative;--half-size:calc(var(--size) / 2);--border-radius:var(--half-size) var(--half-size) 0 var(--half-size);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}.kakadu-components-392715920{transform:translate(2%,3%);filter:drop-shadow(0 calc(var(--drop-shadow-offset-multiplier) * 1px) 0 rgba(0,0,0,.2)) drop-shadow(0 0 calc(var(--drop-shadow-offset-multiplier) * 3px) rgba(0,0,0,.2))}.kakadu-components-3861346893{--shadow-color:rgba(255, 255, 255, .8);color:#000000e6;position:relative;top:2px;filter:drop-shadow(0 1px 0 var(--shadow-color)) drop-shadow(0 0 3px var(--shadow-color))}:where([data-theme=dark]) .kakadu-components-3861346893{color:#ffffffe6;--shadow-color:rgba(0, 0, 0, .2)}.kakadu-components-2543813221{width:16px;height:16px;float:right}.kakadu-components-840864829{position:absolute;top:10px;right:13px}.kakadu-components-3855719072{--border-top-right-radius:12px}.kakadu-components-2807459246{--modal-background:var(--background-color);--modal-top-right-offset:calc(32px + var(--half-gap));background:#000000b3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:fixed;pointer-events:none;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:var(--modal-z-index);opacity:0;transition:opacity .2s;overflow:auto;text-align:center;display:flex}:where([data-theme=dark]) .kakadu-components-2807459246{background:#000c}.kakadu-components-1399012551{opacity:1;pointer-events:auto}.kakadu-components-3521538255{width:100%;padding:var(--half-gap);text-align:left;box-sizing:border-box;display:flex;overflow:auto}@media(min-width:480px){.kakadu-components-3521538255{padding:var(--gap)}}@media(min-width:560px){.kakadu-components-3521538255{padding:var(--double-gap)}}.kakadu-components-1982320206{--modal-padding:var(--gap);background:var(--modal-background);min-width:180px;max-width:var(--max-width, 760px);padding:var(--modal-padding);border-radius:var(--gap);--inset-box-shadow-color:rgba(255, 255, 255, .5);--offset-box-shadow-color:rgba(0, 0, 0, .15);--soft-box-shadow-color:rgba(0, 0, 0, .3);box-shadow:inset 0 0 0 1px var(--inset-box-shadow-color),0 0 0 1px var(--offset-box-shadow-color),0 0 8px var(--soft-box-shadow-color);opacity:0;transform:scale(.98);margin:auto;transition:transform .18s .2s,opacity .1s .2s;box-sizing:border-box}:where([data-theme=dark]) .kakadu-components-1982320206{--inset-box-shadow-color:rgba(255, 255, 255, .125);--offset-box-shadow-color:rgba(0, 0, 0, .15);--soft-box-shadow-color:rgba(0, 0, 0, .3)}@media(min-width:560px){.kakadu-components-1982320206{--modal-padding:var(--double-gap)}}.kakadu-components-3904045733{width:100%}.kakadu-components-3829535111{opacity:1;transform:scale(1)}.kakadu-components-2617708556{display:inline-flex}.kakadu-components-925362255{--border-radius:6px;--box-shadow-color:rgba(0, 0, 0, .2);--box-shadow-hard-color:rgba(255, 255, 255, .8);--box-shadow-inner-color:rgba(255, 255, 255, .2);--default-lip-color:#d4d7d9;--lip-color:var(--default-lip-color);background:#fff;border-radius:var(--border-radius);box-shadow:inset 0 0 0 2px var(--box-shadow-inner-color),inset 0 0 0 1px var(--box-shadow-color),0 0 0 1px var(--box-shadow-hard-color),0 3px #00000008;display:flex;justify-content:flex-start}:where([data-theme=dark]) .kakadu-components-925362255{background-color:#15161a;--box-shadow-inner-color:rgba(0, 0, 0, .3);--box-shadow-color:rgba(255, 255, 255, .2);--box-shadow-hard-color:rgba(0, 0, 0, .9);--default-lip-color:#393b3e}.kakadu-components-2945174293{--default-lip-color:#a2a6a8}:where([data-theme=dark]) .kakadu-components-2945174293{--default-lip-color:#1f2022}.kakadu-components-2585123369{--lip-color:var(--green-color)}.kakadu-components-1387450724{--lip-color:var(--green-color-light)}.kakadu-components-3502407303{--lip-color:var(--yellow-color)}.kakadu-components-1612824642{--lip-color:var(--yellow-color-light)}.kakadu-components-314765189{--lip-color:var(--red-color)}.kakadu-components-4209515987{--lip-color:var(--red-color-light)}.kakadu-components-3327291559{--box-shadow-lip-inner-color:rgba(255, 255, 255, .05);background:var(--lip-color);width:6px;box-shadow:inset 0 0 0 1px var(--box-shadow-color),inset 0 0 0 2px var(--box-shadow-lip-inner-color);border-radius:var(--border-radius) 1px 1px var(--border-radius);display:flex;align-items:center;justify-content:center;color:#fff}:where([data-theme=dark]) .kakadu-components-3327291559{--box-shadow-lip-inner-color:rgba(0, 0, 0, .03)}.kakadu-components-3906762683{width:37px;padding-left:1px}.kakadu-components-1969958615.kakadu-components-1969958615{font-size:var(--14px);line-height:1.5em;padding:calc(var(--half-gap) + 2px);padding-top:calc(var(--half-gap) - 1px);padding-bottom:calc(var(--half-gap));flex:1}.kakadu-components-829211097{width:100%;position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;padding-bottom:var(--triple-gap);opacity:0;--offset-y:calc(var(--index, 0) * (32px + var(--half-gap)) * -1);transform:translate3d(0,calc(var(--offset-y) + 3px),0) scale(.97);transition:opacity .2s,transform .2s;pointer-events:none}.kakadu-components-3003995416{opacity:1;transform:translate3d(0,var(--offset-y),0)}.kakadu-components-1639448689{position:relative;max-width:300px}.kakadu-components-2751825161{height:calc(var(--border-radius) * 2);width:100%;position:absolute;bottom:0;left:0;border-radius:var(--border-radius);overflow:hidden;pointer-events:none}.kakadu-components-1939222061{background:#00000026;width:100%;height:3px;position:absolute;bottom:0;left:0;animation:progress 6s linear forwards}:where([data-theme=dark]) .kakadu-components-1939222061{background:#ffffff26}@keyframes progress{0%{width:0%}to{width:100%}}.kakadu-components-3009931469{opacity:0;transition:transform var(--duration) var(--animation-delay),opacity var(--duration) var(--animation-delay)}.kakadu-components-3252535480{transform:translate3d(0,var(--distance),0)}@media(prefers-reduced-motion){.kakadu-components-3252535480{transform:translate3d(0,calc(var(--distance) / 3))}}.kakadu-components-358711811{transform:translateZ(0);opacity:1}.kakadu-components-3753263087{width:100%;margin:auto}.kakadu-components-175326694{width:100%;height:1px;min-height:1px;max-height:1px;margin:0;background-color:#00000026;border:none;flex:1 0 0}:where([data-theme=dark]) .kakadu-components-175326694{background-color:#ffffff26}.kakadu-components-3380219127{background:#00000026;width:16px;height:1px;border:none;display:block;margin-left:0}:where([data-theme=dark]) .kakadu-components-3380219127{background-color:#ffffff26}.kakadu-components-1250376591{width:100%;flex:1;text-align:center}.kakadu-components-2653569622{background:#0000001a;width:1px;margin:0;min-width:1px;max-width:1px;border:none}:where([data-theme=dark]) .kakadu-components-2653569622{background-color:#ffffff1a}.kakadu-components-4149648046{--background-size:300px;--background-negative-size:calc(var(--background-size) * -1);--highlight-color:255,255,255;--border-radius:100px;background:color-mix(in srgb,var(--foreground-color) 15%,transparent);width:var(--skeleton-size, 100%);height:var(--skeleton-size);border-radius:var(--border-radius);display:inline-block;vertical-align:top;position:relative}@keyframes skeleton-animation{0%{background-position:var(--background-negative-size) 0%}to{background-position:right var(--background-negative-size) top 0%}}.kakadu-components-3311350973{--opacity:.3}.kakadu-components-3311350973:before{content:"";mix-blend-mode:overlay;background-position:var(--background-negative-size) 0%;background-attachment:fixed;background-size:var(--background-size) 100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,rgba(var(--highlight-color),0),rgba(var(--highlight-color),var(--opacity)),rgba(var(--highlight-color),0));animation:skeleton-animation 1.1s infinite ease-in-out;will-change:background-position;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius)}.kakadu-components-3140855657{vertical-align:middle}.kakadu-components-560222664{width:100%;height:100%;min-height:200px;--radial-gradient-color:rgba(0, 0, 0, .4);-webkit-mask-image:radial-gradient(circle,var(--radial-gradient-color) 70%,black 100%),linear-gradient(to bottom,black 0%,transparent 100%);mask-image:radial-gradient(circle,var(--radial-gradient-color) 70%,black 100%),linear-gradient(to bottom,black 0%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;border-radius:var(--border-radius);overflow:hidden;position:absolute;top:0;left:0;right:0;pointer-events:none}:where([data-theme=dark]) .kakadu-components-560222664{-webkit-mask-image:none;mask-image:none;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%),radial-gradient(circle,black 60%,var(--radial-gradient-color) 100%),linear-gradient(to bottom,transparent 0%,black 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%),radial-gradient(circle,black 60%,var(--radial-gradient-color) 100%),linear-gradient(to bottom,transparent 0%,black 100%);-webkit-mask-composite:source-in;mask-composite:intersect}:where([data-theme=light]) .kakadu-components-947991810.kakadu-components-947991810{mix-blend-mode:normal}:where([data-theme=dark]) .kakadu-components-947991810.kakadu-components-947991810{mix-blend-mode:normal}.kakadu-components-2223449868{transition:height .37s,opacity .37s}.kakadu-components-3857562328{position:absolute}.kakadu-components-2065792067{--border-radius:8px;--background-color-default:#fff;--background-color:var(--background-color-default);--text-color:#000;--background-color-hover:rgb(250, 250, 250);--transition-duration:.2s;display:flex;flex-direction:column;gap:var(--half-padding);position:relative}:where([data-theme=dark]) .kakadu-components-2065792067{--background-color-default:#0c0d0f;--background-color-hover:#0e0f12;--text-color:#fff}@media(hover:hover){.kakadu-components-2065792067:hover{--background-color:var(--background-color-hover);--transition-duration:37ms}}.kakadu-components-2065792067.kakadu-components-2065792067:focus-within{--background-color:var(--background-color-default);--transition-duration:37ms}.kakadu-components-3551118672.kakadu-components-3551118672{max-width:calc(100% - var(--gap));font-weight:450;font-size:var(--15px);letter-spacing:.012em;line-height:1em;text-shadow:0 0 2px rgba(255,255,255,1);position:absolute;bottom:calc(100% + 1px);left:var(--half-gap);transform:translateY(.5em);z-index:3}:where([data-theme=dark]) .kakadu-components-3551118672.kakadu-components-3551118672{text-shadow:0 0 2px rgba(0,0,0,1)}.kakadu-components-3551118672.kakadu-components-3551118672 span{color:var(--text-color);position:relative;--offset:5px;padding-right:var(--offset);padding-left:var(--offset);opacity:.7}label:has(:is(input,textarea)[aria-invalid=true]) .kakadu-components-3551118672.kakadu-components-3551118672 span{color:var(--red-color);opacity:1}label:has(:is(input,textarea)[data-warning=true]) .kakadu-components-3551118672.kakadu-components-3551118672 span{color:var(--yellow-color-dark);opacity:1}.kakadu-components-3551118672.kakadu-components-3551118672:before{content:"";background:var(--background-color);width:100%;height:50%;position:absolute;top:calc(50% - 1px);transition:background-color var(--transition-duration)}.kakadu-components-2161641266{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--background-color);width:100%;color:var(--text-color);font-family:var(--font-family);font-size:var(--17px);font-weight:400;line-height:1.65em;padding:10px 13px 7px;padding-right:calc(var(--button-padding) + 13px);border:0;border-radius:var(--border-radius);--outline-color:rgba(0, 0, 0, .4);--outline-width:1px;--highlight-color-rgb:255,255,255;--shadow-color-rgb:0,0,0;box-shadow:inset 0 0 0 1px rgba(var(--highlight-color-rgb),.7),inset 0 -3px rgba(var(--shadow-color-rgb),.04),0 0 0 var(--outline-width) var(--outline-color),0 0 0 calc(var(--outline-width) + 1px) rgba(var(--highlight-color-rgb),.7),0 5px rgba(var(--shadow-color-rgb),.04);box-sizing:border-box;display:block;position:relative;z-index:2;white-space:pre-wrap;word-break:break-word;transition:background-color var(--transition-duration),border-color var(--transition-duration),box-shadow var(--transition-duration)}.kakadu-components-2161641266::placeholder{font-style:italic}:where([data-theme=dark]) .kakadu-components-2161641266::placeholder{opacity:.7}:where([data-theme=dark]) .kakadu-components-2161641266{--outline-color:rgba(255, 255, 255, .3);--highlight-color-rgb:0,0,0}@media(hover:hover){label:hover .kakadu-components-2161641266{--outline-color:rgba(0, 0, 0, .8)}:where([data-theme=dark]) label:hover .kakadu-components-2161641266{--outline-color:rgba(255, 255, 255, .5)}}.kakadu-components-2161641266.kakadu-components-2161641266.kakadu-components-2161641266:focus:not(select){outline:none;--outline-color:var(--secondary-color-hover);--outline-width:2px}:where([data-theme=dark]) .kakadu-components-2161641266.kakadu-components-2161641266.kakadu-components-2161641266:focus:not(select){--outline-color:var(--secondary-color)}.kakadu-components-2161641266.kakadu-components-2161641266[aria-invalid=true]{outline:none;--outline-color:var(--red-color)}.kakadu-components-2161641266.kakadu-components-2161641266[data-warning=true]{--outline-color:var(--yellow-color-dark)}.kakadu-components-2161641266.kakadu-components-2161641266[disabled]{background-color:#f6f6f6;transition:background-color .1s;color:#444;cursor:not-allowed}.kakadu-components-628401705.kakadu-components-628401705{font-size:var(--14px);font-weight:500;margin-top:var(--half-gap);padding:0 13px}.kakadu-components-3245407458.kakadu-components-3245407458{color:var(--red-color)}.kakadu-components-1117160492.kakadu-components-1117160492{color:var(--yellow-color-dark)}.kakadu-components-3574036749.kakadu-components-3574036749{--border-radius:5px;font-size:var(--14px);width:calc(100% - 6px);padding:6px 10px 7px;position:relative;z-index:1;box-sizing:border-box;left:3px}.kakadu-components-3574036749.kakadu-components-3574036749:before{content:"";background:#f8f9fb;--outline-color:rgba(0, 0, 0, .3);--outline-shadow-color:#fff;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:inset 0 0 0 1px var(--outline-color),inset 0 0 0 2px var(--outline-shadow-color),0 0 0 1px var(--outline-shadow-color);position:absolute;left:0;top:var(--attachment-offset);right:0;bottom:0;width:100%;height:calc(100% + (var(--attachment-offset) * -1));z-index:-1}:where([data-theme=dark]) .kakadu-components-3574036749.kakadu-components-3574036749:before{background-color:#121214;--outline-color:rgba(255, 255, 255, .3);--outline-shadow-color:#000}.kakadu-components-448077930{--attachment-offset:-7px;position:relative;display:flex;flex-direction:column}.kakadu-components-3258753754 strong{font-weight:500}.kakadu-components-709108872{cursor:pointer}.kakadu-components-1616393393{z-index:4;pointer-events:none;position:absolute;top:22px;right:3px;transform:translateY(-50%) rotate(180deg);opacity:.7}.kakadu-components-4233741488:before{--box-shadow-color:rgba(0, 0, 0, .2);box-shadow:inset 0 0 0 1px var(--box-shadow-color)}:where([data-theme=dark]) .kakadu-components-4233741488:before{--box-shadow-color:rgba(255, 255, 255, .2)}.kakadu-components-2355856341.kakadu-components-2355856341{--background-color:#e2f5ff;--shadow-color:rgba(18, 71, 98, .6);--outline-color-rgb:255,255,255;--content-shadow-rgb:255,255,255;--arrow-size:7px;background:var(--background-color);padding:10px 13px;box-shadow:inset 0 0 0 1px var(--shadow-color),inset 0 0 0 2px rgba(var(--outline-color-rgb),.5),inset 0 -4px #223a4e0a,0 0 0 1px rgba(var(--outline-color-rgb),.7);border-radius:var(--border-radius);margin-top:var(--gap);cursor:pointer;position:relative;z-index:4;transition:background-color .37s}:where([data-theme=dark]) .kakadu-components-2355856341.kakadu-components-2355856341{--background-color:#181c24;--shadow-color:#3a404e;--content-shadow-rgb:0,0,0;--outline-color-rgb:0,0,0}.kakadu-components-2355856341.kakadu-components-2355856341:before,.kakadu-components-2355856341.kakadu-components-2355856341:after{content:"";--current-arrow-size:var(--arrow-size);--current-arrow-color:var(--shadow-color);width:0;height:0;border-left:var(--current-arrow-size) solid transparent;border-right:var(--current-arrow-size) solid transparent;border-bottom:var(--current-arrow-size) solid var(--current-arrow-color);position:absolute;bottom:calc(100% - 1px);left:20px;transform:translate(-50%);transition:border-bottom-color .37s}.kakadu-components-2355856341.kakadu-components-2355856341:after{--current-arrow-size:calc(var(--arrow-size) - .5px);--current-arrow-color:var(--background-color);bottom:calc(100% - 2px)}@media(hover:hover){.kakadu-components-2355856341.kakadu-components-2355856341:hover{--background-color:#d5f0ff;transition-duration:.1s}:where([data-theme=dark]) .kakadu-components-2355856341.kakadu-components-2355856341:hover{--background-color:#141820}.kakadu-components-2355856341.kakadu-components-2355856341:hover:before,.kakadu-components-2355856341.kakadu-components-2355856341:hover:after{transition-duration:.1s}}.kakadu-components-1021263934{color:#0d3b52;filter:drop-shadow(0 1px 0 rgba(var(--content-shadow-rgb),.7)) drop-shadow(0 0 3px rgba(var(--content-shadow-rgb),.7));position:relative;top:2px;margin-right:4px}:where([data-theme=dark]) .kakadu-components-1021263934{color:#85a5db}.kakadu-components-1585874956.kakadu-components-1585874956{font-size:var(--14px);line-height:1.35em;flex:1;color:#000;text-shadow:0 0 2px rgba(var(--content-shadow-rgb),.7),0 1px 0 rgba(var(--content-shadow-rgb),.5)}:where([data-theme=dark]) .kakadu-components-1585874956.kakadu-components-1585874956{color:#fff}.kakadu-components-3448565402{opacity:.5}.kakadu-components-3146929190{position:relative}.kakadu-components-2033521835{position:absolute;visibility:hidden}.kakadu-components-2119524139{resize:none;overflow:hidden}.kakadu-components-1614211948{z-index:2;opacity:.3}.kakadu-components-1041647916{z-index:2}:where([data-theme=light]) .kakadu-components-1041647916{mix-blend-mode:normal;opacity:.25}.kakadu-components-131986363{position:absolute;top:11px;right:14px;display:flex;gap:21px;z-index:2}
1
+ .kakadu-components-2006849853{--light-color:#f8fafc;--dark-color:#0c0d12;--background-color:var(--light-color);--foreground-color:var(--dark-color);--red-color:#be354b;--red-color-hover:#c73d56;--red-color-light:#e8687d;--yellow-color:#c9ac56;--yellow-color-hover:#d1b559;--yellow-color-light:#edcd71;--yellow-color-dark:#ad890a;--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:1080px;--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}:where([data-theme=dark]) .kakadu-components-2006849853{--yellow-color-dark:#c9b15d}.kakadu-components-2006849853[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-2006849853{--scale-multiplier:.7}}@media(min-width:580px){.kakadu-components-2006849853{--scale-multiplier:.8;--page-padding:var(--double-gap)}}@media(min-width:860px){.kakadu-components-2006849853{--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-2604957835{--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;border-radius:var(--border-radius)}:where([data-theme=dark]) .kakadu-components-2604957835{--outline-shadow-color:rgba(0, 0, 0, 1);--hard-shadow-color:rgba(0, 0, 0, .3);--inset-inner-shadow-color:rgba(255, 255, 255, .3);--inset-outer-shadow-color:rgba(0, 0, 0, .75);--inset-hard-shadow-color:rgba(0, 0, 0, .1);--soft-shadow-color:rgba(0, 0, 0, .5);background-color:#141419cc}.kakadu-components-2395643287{--hard-soft-shadow-color:rgba(255, 255, 255, .075);--hard-shadow-color:rgba(255, 255, 255, .2);--blur-shadow-color:rgba(255, 255, 255, .25);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 1px 3px var(--blur-shadow-color)) drop-shadow(0 -1px var(--hard-soft-shadow-color)) drop-shadow(1px 0 var(--hard-soft-shadow-color)) drop-shadow(-1px 0 0 var(--hard-soft-shadow-color))}:where([data-theme=dark]) .kakadu-components-2395643287{--hard-soft-shadow-color:rgba(0, 0, 0, .15);--hard-shadow-color:rgba(0, 0, 0, .3);--blur-shadow-color:rgba(0, 0, 0, .15)}.kakadu-components-1569667551{display:inline-block;vertical-align:top;transform-box:view-box;transform-origin:center;shape-rendering:geometricPrecision}.kakadu-components-1717890504{transform-box:fill-box;transform-origin:center;animation:loading-spinner .97s linear infinite;will-change:transform}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(359.999deg)}}.kakadu-components-3913140600{opacity:0;transform:translate3d(0,1px,0) scale(.75);transition:transform .16s,opacity .12s}.kakadu-components-2895791158{transform:translate3d(0,1px,0) scale(1);opacity:1}.kakadu-components-1792481071{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity);mix-blend-mode:overlay}.kakadu-components-3566333728{width:100%;height:100%;color:var(--color, #000);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity, .1);mix-blend-mode:plus-darker}:where([data-theme=dark]) .kakadu-components-3566333728{--color:#fff;--opacity:.05;mix-blend-mode:plus-lighter}.kakadu-components-4049648322{-webkit-mask-image:radial-gradient(ellipse,black 0%,black 60%,transparent 75%,transparent 100%);mask-image:radial-gradient(ellipse,black 0%,black 60%,transparent 75%,transparent 100%)}.kakadu-components-3828473824{--translation:translate(-50%, -50%);background:#00000013;width:var(--size);height:var(--size);border-radius:var(--size);position:absolute;top:0;left:0;transform:var(--translation) scale(0);opacity:0;animation:ripple .37s ease-out}@keyframes ripple{0%{transform:var(--translation) scale(0);opacity:0}60%{opacity:1}to{transform:var(--translation) scale(1);opacity:0}}:where([data-theme=dark]) .kakadu-components-3828473824{background-color:#ffffff13}.kakadu-components-4189236582{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:var(--offset, 0);left:var(--offset, 0);right:var(--offset, 0);bottom:var(--offset, 0)}.kakadu-components-2608453841.kakadu-components-2608453841{mix-blend-mode:normal;opacity:.3}.kakadu-components-1237006455{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:var(--offset, 0);left:var(--offset, 0);right:var(--offset, 0);bottom:var(--offset, 0);mix-blend-mode:overlay}.kakadu-components-611160091{--gradient-start-color:rgba(0, 0, 0, .125);--gradient-end-color:rgba(0, 0, 0, 0);background-image:radial-gradient(circle,var(--gradient-start-color) 0%,var(--gradient-end-color) 60%);position:absolute;width:var(--size);height:var(--size);transform:translate(var(--offset-x),var(--offset-y)) translate(-50%,-50%);opacity:0;transition:opacity .2s}:where([data-theme=dark]) .kakadu-components-611160091{--gradient-start-color:rgba(255, 255, 255, .125);--gradient-end-color:rgba(255, 255, 255, 0)}.kakadu-components-3627966847{opacity:1}.kakadu-components-3358774822{position:absolute;left:50%;bottom:calc(100% + 7px);text-align:center;pointer-events:none;white-space:nowrap;transform:translate(-50%);display:none}@media(hover:hover){.kakadu-components-3358774822{display:block}}.kakadu-components-1128219903{background:#fff;font-size:var(--12px);padding:3px 7px;border-radius:5px;color:#000;display:inline-block;position:relative;--box-shadow-outline-color:#fff;--box-shadow-color:rgba(0, 0, 0, .15);--box-shadow-inset-color:rgba(0, 0, 0, .2);box-shadow:0 0 0 1px var(--box-shadow-outline-color),0 1px 4px var(--box-shadow-color),inset 0 0 0 1px var(--box-shadow-inset-color);transform:translate3d(0,4px,0) scale(.8);opacity:0}:where([data-theme=dark]) button .kakadu-components-1128219903{background:#141419b3;color:#fff;--box-shadow-outline-color:rgba(0, 0, 0, .7);--box-shadow-color:rgba(255, 255, 255, .1);--box-shadow-inset-color:rgba(255, 255, 255, .25)}.kakadu-components-1128219903:after{content:"";position:absolute;top:calc(100% - 5px);left:50%;transform:translate(-50%) rotate(45deg);width:7px;height:7px;background:#fff;--box-shadow-color:rgb(200, 200, 200);--outer-box-shadow-color:rgb(250, 250, 250);box-shadow:1px 1px 0 var(--box-shadow-color),2px 2px 0 var(--outer-box-shadow-color);z-index:-1}:where([data-theme=dark]) button .kakadu-components-1128219903:after{background:#131314;--box-shadow-color:rgb(80, 80, 80);--outer-box-shadow-color:rgba(0, 0, 0, .3)}@media(hover:hover){.kakadu-components-1128219903{transition:transform .1s,opacity .1s}button:hover .kakadu-components-1128219903{transform:translateZ(0) scale(1);opacity:1;transition:transform .3s .2s,opacity .3s .2s}}.kakadu-components-2658660333{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;--hard-shadow-color:rgba(0, 0, 0, .25);--blur-shadow-color:rgba(0, 0, 0, .35)}.kakadu-components-2658660333 svg{transform:translateZ(0);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 0 2px var(--blur-shadow-color))}:where([data-theme=light]) .kakadu-components-3469662110 svg{--hard-shadow-color:rgba(255, 255, 255, .25);--blur-shadow-color:rgba(255, 255, 255, .35)}.kakadu-components-2244098950.kakadu-components-2244098950:before{mix-blend-mode:normal}:where([data-theme=light]) .kakadu-components-2244098950.kakadu-components-2244098950{background-color:#ffffffe6;color:#000c;--text-shadow-color:rgba(255, 255, 255, .35);--text-shadow-hard-color:rgba(255, 255, 255, .25);--box-shadow-color:rgba(0, 0, 0, .15);--box-shadow-highlight-color:rgba(255, 255, 255, .25);--box-shadow-inset-color:rgba(0, 0, 0, .1);--inset-hard-shadow-color:rgba(0, 0, 0, .05);--loading-background-color:rgba(255, 255, 255, .3);--loading-background-color-gradient-start:rgba(255, 255, 255, .6);--loading-background-color-gradient-end:rgba(255, 255, 255, 0)}@media(hover:hover){:where([data-theme=light]) .kakadu-components-2244098950.kakadu-components-2244098950:not([disabled]):hover{background-color:#fff;color:#000}}:where([data-theme=dark]) .kakadu-components-2244098950.kakadu-components-2244098950{background-color:#161619cc;color:#ffffffe6;--text-shadow-color:rgba(0, 0, 0, .35);--text-shadow-hard-color:rgba(0, 0, 0, .25);--box-shadow-color:rgba(255, 255, 255, .2);--box-shadow-highlight-color:rgba(0, 0, 0, .75);--box-shadow-inset-color:rgba(255, 255, 255, .3);--inset-hard-shadow-color:rgba(255, 255, 255, .075);--bevel-shadow-color:rgba(255, 255, 255, .075);--box-shadow-outline-color:var(--background-color);--loading-background-color:rgba(0, 0, 0, .65);--loading-background-color-gradient-start:rgba(0, 0, 0, .2);--loading-background-color-gradient-end:rgba(0, 0, 0, 0)}@media(hover:hover){:where([data-theme=dark]) .kakadu-components-2244098950.kakadu-components-2244098950:not([disabled]):hover{background-color:#1c1c1ecc;color:#fff}}.kakadu-components-3923184173.kakadu-components-3923184173{background-color:var(--green-color)}@media(hover:hover){.kakadu-components-3923184173.kakadu-components-3923184173:not([disabled]):hover{background-color:var(--green-color-hover)}}.kakadu-components-317965671.kakadu-components-317965671{background-color:var(--yellow-color)}@media(hover:hover){.kakadu-components-317965671.kakadu-components-317965671:not([disabled]):hover{background-color:var(--yellow-color-hover)}}.kakadu-components-1978976872.kakadu-components-1978976872{background-color:var(--red-color)}@media(hover:hover){.kakadu-components-1978976872.kakadu-components-1978976872:not([disabled]):hover{background-color:var(--red-color-hover)}}.kakadu-components-1578318887{--text-shadow-color:rgba(0, 0, 0, .35);--text-shadow-hard-color:rgba(0, 0, 0, .25);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--primary-color);font-family:var(--font-family);font-size:var(--16px);font-weight:550;text-align:center;text-decoration:none;margin:0;padding:calc(var(--gap) * .65) calc(var(--gap) * 1.4);padding-bottom:calc(var(--gap) * .75);cursor:pointer;color:#fff;border:0;--border-radius:30px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .37s,box-shadow .37s,transform .37s}.kakadu-components-1578318887:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}@media(hover:hover){.kakadu-components-1578318887:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;text-decoration:underline}.kakadu-components-1578318887:before{transition-duration:.1s}}.kakadu-components-3652831856{text-align:left}.kakadu-components-2746167644{padding-left:12px;padding-right:12px}.kakadu-components-294089230{padding-right:2px;left:-4px}.kakadu-components-2618257692{position:relative;z-index:2;text-shadow:0 0 2px var(--text-shadow-color),0 1px 0 var(--text-shadow-hard-color)}.kakadu-components-3127707672{padding-left:2px;right:-4px}.kakadu-components-1029011626{position:absolute;top:2px;right:2px;bottom:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);opacity:0;transition:opacity .1s;border-radius:var(--border-radius);pointer-events:none;z-index:3}.kakadu-components-726496666{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:1}.kakadu-components-772420116{background-color:var( --loading-background-color, rgba(0, 0, 0, .1) );background-image:radial-gradient(ellipse,var(--loading-background-color-gradient-start, rgba(0, 0, 0, .2)) 0%,var(--loading-background-color-gradient-end, rgba(0, 0, 0, 0)) 75%);color:var(--loading-color);display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius);position:absolute;top:0;right:0;bottom:0;left:0}.kakadu-components-1505766785{border-radius:var(--border-radius)}.kakadu-components-3712045697.kakadu-components-3712045697{mix-blend-mode:hard-light;opacity:.05}.kakadu-components-2813474662.kakadu-components-2813474662{color:#fff;mix-blend-mode:plus-lighter;border-radius:var(--border-radius)}.kakadu-components-563258661{display:flex;align-items:var(--cross-axis-alignment);justify-content:var(--main-axis-alignment)}.kakadu-components-1546485850{flex-direction:column;align-items:var(--main-axis-alignment);justify-content:var(--cross-axis-alignment)}.kakadu-components-223643817{--main-axis-alignment:flex-start;--cross-axis-alignment:center}.kakadu-components-4038850420{--main-axis-alignment:center;--cross-axis-alignment:center}.kakadu-components-317611484{--main-axis-alignment:space-between;--cross-axis-alignment:center}.kakadu-components-2767496155{--main-axis-alignment:flex-end;--cross-axis-alignment:center}.kakadu-components-2276234075{gap:var(--quarter-gap)}.kakadu-components-739568937{gap:var(--third-gap)}.kakadu-components-3438335458{gap:var(--half-gap)}.kakadu-components-3350948469{gap:calc(var(--gap) * .75)}.kakadu-components-3993051137{gap:var(--gap)}.kakadu-components-4186556816{gap:var(--sesquialteral-gap)}.kakadu-components-1435205015{gap:var(--double-gap)}.kakadu-components-4251546321{gap:calc(var(--gap) * 2.25)}.kakadu-components-1168734547{gap:var(--triple-gap)}.kakadu-components-1543861259{gap:var(--quadruple-gap)}.kakadu-components-3545808562{flex-wrap:wrap}.kakadu-components-3911899222{flex:1}.kakadu-components-1538322784{--text-shadow-color-numbers:255,255,255;--text-shadow-multiplier:1;text-shadow:0 1px 0 rgba(var(--text-shadow-color-numbers),calc(.3 * var(--text-shadow-multiplier))),0 3px 0 rgba(var(--text-shadow-color-numbers),calc(.05 * var(--text-shadow-multiplier))),0 0 2px rgba(var(--text-shadow-color-numbers),calc(.4 * var(--text-shadow-multiplier))),0 1px 4px rgba(var(--text-shadow-color-numbers),calc(.2 * var(--text-shadow-multiplier)))}:where([data-theme=dark]) .kakadu-components-1538322784{--text-shadow-color-numbers:0,0,0;--text-shadow-multiplier:1.5}.kakadu-components-739732526 a{color:var(--secondary-color);text-decoration:underline}@media(hover:hover){.kakadu-components-739732526 a:hover{color:var(--secondary-color-hover);text-decoration:none}}.kakadu-components-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-1038708690.kakadu-components-1038708690{text-decoration:none;color:inherit}@media(hover:hover){.kakadu-components-1038708690.kakadu-components-1038708690:hover{color:inherit;text-decoration:underline}}.kakadu-components-1923397960{font-family:var(--font-family);font-size:var(--16px)}.kakadu-components-1923397960 b{font-weight:450;color:var(--secondary-color-2)}.kakadu-components-1923397960 strong{font-weight:600;color:var(--secondary-color-2)}.kakadu-components-1923397960 code{font-size:.9em}.kakadu-components-621160204{font-size:var(--16px);font-weight:400;color:var(--secondary-color-3);line-height:1.5em;padding:0;margin:0}.kakadu-components-1329768068.kakadu-components-1329768068{text-transform:uppercase;font-weight:600;font-size:var(--12px);opacity:.8}.kakadu-components-2545038694{max-width:var(--text-width);text-wrap:pretty}.kakadu-components-2545038694 :is(h1,h2,h3,h4,h5,h6):is(h1){font-size:var(--32px)}.kakadu-components-2545038694 :is(h1,h2,h3,h4,h5,h6):is(h2){font-size:var(--24px);--font-weight:650}.kakadu-components-2545038694 :is(h1,h2,h3,h4,h5,h6):is(h3){font-size:var(--20px);--font-weight:400;opacity:.9}.kakadu-components-2545038694 :is(h1,h2,h3,h4,h5,h6):is(h4){font-size:var(--17px);--font-weight:500}.kakadu-components-2545038694 h1+h2{margin-top:1.25em}.kakadu-components-2545038694 h2+h3{margin-top:.75em}.kakadu-components-2545038694 h3+h4{margin-top:.9em}.kakadu-components-2545038694 :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol,aside){margin-top:.9em}.kakadu-components-2545038694 :is(h1,h2)+p:has(+p){font-size:var(--20px);font-weight:400;line-height:1.3em;color:var(--secondary-color-2)}.kakadu-components-2545038694 :is(h1,h2)+p:has(+p)+p{margin-top:1.25em}.kakadu-components-2545038694 p+:is(p){margin-top:.75em}.kakadu-components-2545038694 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6){margin-top:1.5em}.kakadu-components-2545038694 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h3){margin-top:2em}.kakadu-components-2545038694 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h4){margin-top:2em}.kakadu-components-2545038694 :is(div:has(>pre),pre,p,ul,ol,aside)+:is(h3,h4):before{content:"";width:16px;height:1px;background:#00000026;display:block;margin-bottom:2em}:where([data-theme=dark]) .kakadu-components-2545038694 :is(div:has(>pre),pre,p,ul,ol,aside)+:is(h3,h4):before{background-color:#ffffff26}.kakadu-components-2545038694 ul,.kakadu-components-2545038694 ol{margin:0;padding:0;list-style-position:inside}.kakadu-components-2545038694 :is(p,ul,ol)+:is(ul,ol){margin-top:1em}.kakadu-components-2545038694 li+li{margin-top:.25em}.kakadu-components-2545038694 li+:is(ol>li){margin-top:1em}.kakadu-components-2545038694 li:has(:is(ul,ol))+li{margin-top:.65em}.kakadu-components-2545038694 li::marker{font-weight:600}.kakadu-components-2545038694 :is(ul,ol)>li{font-weight:500}.kakadu-components-2545038694 :is(ul,ol)>li li{font-weight:400}.kakadu-components-2545038694 li a:only-child,.kakadu-components-2545038694 li a:first-child:has(+:is(ul,ol):last-child){text-decoration:none;color:currentColor}@media(hover:hover){.kakadu-components-2545038694 li a:only-child:hover,.kakadu-components-2545038694 li a:first-child:has(+:is(ul,ol):last-child):hover{text-decoration:underline;color:var(--secondary-color)}}.kakadu-components-2545038694 :is(ul,ol) :is(ul,ol){margin-top:var(--half-gap);padding-left:var(--gap)}.kakadu-components-2545038694 :is(p,ul,ol)+hr{margin-top:2em}.kakadu-components-2545038694 code:not(pre code){font-family:Source Code Pro,Source Code Pro Fallback,monospace;background:#ffffffe6;box-shadow:inset 0 0 0 1px #0003;display:inline-block;vertical-align:middle;padding:0 6px;border-radius:6px}:where([data-theme=dark]) .kakadu-components-2545038694 code:not(pre code){background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3}.kakadu-components-2545038694 pre{background:#ffffffe6;max-width:var(--content-width);font-size:var(--12px);line-height:1.5em;color:#000;margin:0;white-space:pre-wrap;overflow:auto;padding:var(--gap);border-radius:var(--half-gap);box-sizing:border-box;margin:var(--gap) 0;box-shadow:inset 0 0 0 1px #0003}:where([data-theme=dark]) .kakadu-components-2545038694 pre{background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3;color:#ffffffb3}.kakadu-components-2545038694 :is(p,ul,ol,aside)+:is(div:has(>pre),pre),.kakadu-components-2545038694 :is(div:has(>pre),pre)+:is(p,ul,ol,aside){margin-top:var(--double-gap)}.kakadu-components-2545038694 :is(div:has(>pre),pre)+:is(h1,h2,h3,h4,h5,h6){margin-top:var(--triple-gap)}.kakadu-components-2545038694 :is(div:has(>pre),pre)+:is(h1,h2,h3,h4,h5,h6):is(h3,h4){margin-top:2em}.kakadu-components-2545038694 aside:not(:is(div:has(>pre),pre)+aside){max-width:var(--content-width)}.kakadu-components-2545038694 :is(p,ul,ol)+aside,.kakadu-components-2545038694 aside+:is(p,ul,ol){margin-top:var(--double-gap)}.kakadu-components-2545038694 :is(div:has(>pre),pre)+aside,.kakadu-components-2545038694 aside+:is(div:has(>pre),pre){margin-top:var(--gap)}.kakadu-components-323682454.kakadu-components-323682454{max-width:var(--text-width)}.kakadu-components-323682454.kakadu-components-323682454 h1{font-size:var(--38px)}@media(min-width:410px){.kakadu-components-323682454.kakadu-components-323682454 h1{font-size:var(--48px)}}.kakadu-components-323682454.kakadu-components-323682454 h1+:is(p,ul){margin-top:.9em}.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p),.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child{font-size:var(--20px);line-height:1.4em}@media(min-width:410px){.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p),.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child{font-size:var(--24px)}}.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p)+p,.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child+p{margin-top:2.1em}.kakadu-components-323682454.kakadu-components-323682454 p{font-size:var(--18px);line-height:1.6em}.kakadu-components-2034054779.kakadu-components-2034054779.kakadu-components-2034054779{background:#fff;text-align:left;padding:var(--sesquialteral-gap);--border-radius:12px;border-radius:var(--border-radius);text-decoration:none;position:relative;cursor:pointer;border:0;transition:background-color .37s,box-shadow .37s,transform .37s}:where([data-theme=dark]) .kakadu-components-2034054779.kakadu-components-2034054779.kakadu-components-2034054779{background-color:#16181c;--box-shadow-color:rgba(255, 255, 255, .15);--inset-hard-shadow-color:rgba(0, 0, 0, .8);--box-shadow-outline-color:rgba(0, 0, 0, .75);--box-shadow-highlight-color:rgba(255, 255, 255, .04);--box-shadow-top-highlight-color:rgba(0, 0, 0, .6)}@media(hover:hover){:where([data-theme=dark]) .kakadu-components-2034054779.kakadu-components-2034054779.kakadu-components-2034054779:hover{background-color:#1a1c21}}.kakadu-components-2034054779.kakadu-components-2034054779.kakadu-components-2034054779:before{mix-blend-mode:normal}.kakadu-components-2034054779.kakadu-components-2034054779.kakadu-components-2034054779:active{transform:scale(.9875);transition-duration:.1s;--bevel-shadow-offset:1px}.kakadu-components-1301774894.kakadu-components-1301774894{font-size:var(--18px);font-weight:500;color:var(--foreground-color);text-decoration:none;text-decoration:0}:is(button,a):hover .kakadu-components-1301774894.kakadu-components-1301774894{text-decoration:underline}.kakadu-components-782417605{position:relative;left:-1px}.kakadu-components-3061837309.kakadu-components-3061837309{font-size:var(--15px);text-decoration:none;text-decoration:0}.kakadu-components-425989064.kakadu-components-425989064{font-size:var(--12px);font-weight:700;text-transform:uppercase;text-decoration:underline;color:#3574b5}:where([data-theme=dark]) .kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064{color:#84a3c8}@media(hover:hover){:is(button,a):hover .kakadu-components-425989064.kakadu-components-425989064,.kakadu-components-425989064.kakadu-components-425989064:hover{text-decoration:none;text-decoration:0;text-decoration-color:currentColor}}.kakadu-components-2967167444{opacity:.5}.kakadu-components-3057735296{--border-radius:8px;width:34px;height:34px;padding-bottom:3px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:var(--border-radius);position:relative;transition:background-color .37s,box-shadow .37s,transform .37s}.kakadu-components-3057735296:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}@media(hover:hover){.kakadu-components-3057735296:not([disabled]):active.kakadu-components-3057735296:not([disabled]):active{--outline-width:0px}}@media(hover:hover){.kakadu-components-3057735296:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;--outline-width:5px;--outline-color:var(--outline-hover-color)}.kakadu-components-3057735296:before{transition-duration:.1s}}.kakadu-components-2089159949{--outline-hover-color:rgba(0, 0, 0, .1)}:where([data-theme=dark]) .kakadu-components-2089159949{--outline-hover-color:rgba(255, 255, 255, .1)}.kakadu-components-1463468148{--outline-hover-color:color-mix( in srgb, var(--green-color) 37.5%, transparent )}.kakadu-components-2686186037{--outline-hover-color:color-mix( in srgb, var(--yellow-color) 37.5%, transparent )}.kakadu-components-2463905722{--outline-hover-color:color-mix( in srgb, var(--red-color) 37.5%, transparent )}.kakadu-components-2197738751{position:relative;display:flex;align-items:center;justify-content:center}.kakadu-components-1309118222{transform:translateZ(0);position:relative;z-index:2;transition:opacity .1s,transform .1s}.kakadu-components-3602476657{opacity:0;transform:translateZ(0) scale(.8)}.kakadu-components-2883440801{transform:translateZ(0) scale(.8);position:absolute;z-index:2;transition:opacity .2s,transform .2s;top:0;left:0;bottom:0;right:0;opacity:0}.kakadu-components-1406924214{opacity:1;transform:translateZ(0)}.kakadu-components-3772513716.kakadu-components-3772513716{font-size:var(--13px);font-weight:650;text-transform:uppercase}.kakadu-components-2497879239.kakadu-components-2497879239{font-weight:300}.kakadu-components-2022754336{opacity:.3}.kakadu-components-847862034{padding-left:var(--page-padding);padding-right:var(--page-padding)}.kakadu-components-1099799322{width:100%;align-self:center}.kakadu-components-3142729958{max-width:var(--page-width)}.kakadu-components-2670503515{max-width:var(--text-width)}.kakadu-components-259932668{max-width:var(--content-width)}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984{font-size:var(--14px);list-style:none}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a{--color:#aaa;color:var(--color);text-decoration:none}@media(hover:hover){.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a:hover{text-decoration:underline}}.kakadu-components-1574406446{background:var(--dark-color);padding:var(--page-padding);position:relative}:where([data-theme=dark]) .kakadu-components-1574406446{background:#0006;box-shadow:inset 0 1px #ffffff14}.kakadu-components-783629418.kakadu-components-783629418{align-items:flex-start;padding-top:var(--gap)}.kakadu-components-3520395370.kakadu-components-3520395370{text-align:right}.kakadu-components-4048415128{border:0}.kakadu-components-2329568054{border:0;vertical-align:top}.kakadu-components-2089456404.kakadu-components-2089456404{max-width:var(--text-width);width:100%;align-items:center}.kakadu-components-3695148669.kakadu-components-3695148669{position:relative;top:-2px;vertical-align:top;color:var(--foreground-color)}.kakadu-components-1125118494.kakadu-components-1125118494{font-size:var(--14px);opacity:.3}.kakadu-components-2176404336{--size:80px;--thickness:13px;--font-size:var(--25px);--font-weight:600;--offset:2px;--highlight-color:rgba(255, 255, 255, .2);--shadow-color:rgba(0, 0, 0, .1);--hard-shadow-offset:4px;--hard-shadow-color:rgba(0, 0, 0, .05);background:#f9f9f9;width:var(--size);height:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color),inset 0 2px 0 var(--highlight-color);border-radius:var(--size);position:relative;display:flex;align-items:center;justify-content:center}:where([data-theme=dark]) .kakadu-components-2176404336{background:#323237}.kakadu-components-3162945807{--size:60px;--thickness:11px;--font-size:var(--18px);--font-weight:600;--offset:2px}.kakadu-components-2977513648{--size:100px;--thickness:17px;--font-size:var(--32px);--offset:3px}.kakadu-components-707327569{background:var(--start-color);width:var(--thickness);height:var(--thickness);border-radius:var(--thickness);position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 0 0 1px var(--shadow-color),0 0 2px #fff3}.kakadu-components-2636723344{width:100%;height:100%;background:conic-gradient(from -90deg,var(--gradient));-webkit-mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);border-radius:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 4px #ffffff26,inset 0 0 0 1px var(--shadow-color)}:where([data-theme=dark]) .kakadu-components-2636723344{--shadow-color:rgba(255, 255, 255, .3)}.kakadu-components-2810161405{--inner-size:calc(var(--size) - (var(--thickness) * 2));background:#0000002d;width:var(--inner-size);height:var(--inner-size);border-radius:var(--inner-size);--outline-shadow-color:rgba(0, 0, 0, .15);--soft-shadow-color:rgba(255, 255, 255, .4);box-shadow:0 0 0 1px var(--outline-shadow-color),0 0 2px var(--soft-shadow-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:where([data-theme=dark]) .kakadu-components-2810161405{--outline-shadow-color:rgba(255, 255, 255, .15);--soft-shadow-color:rgba(255, 255, 255, .4)}.kakadu-components-1913523229{--inner-size:calc(var(--size) - var(--thickness) * 2);background:var(--background-color);width:var(--inner-size);height:var(--inner-size);font-size:var(--font-size);font-weight:var(--font-weight);font-variant-numeric:tabular-nums;letter-spacing:-.07em;border-radius:var(--inner-size);display:flex;align-items:center;justify-content:center;--offset-shadow-color:var(--shadow-color);box-shadow:0 1px 0 var(--offset-shadow-color),0 2px 0 var(--highlight-color),inset 0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color);position:absolute}:where([data-theme=dark]) .kakadu-components-1913523229{--offset-shadow-color:rgba(255, 255, 255, .3)}.kakadu-components-967240013{--dial-size:calc(var(--thickness) + (var(--offset) * 2));--radius:calc((var(--size) / 2) - var(--offset));--angle:calc(-180deg + (var(--percentage-factor) * 360deg));background:#fff;width:var(--dial-size);height:var(--dial-size);border-radius:var(--dial-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(calc(var(--radius) - (var(--offset) * 2))) rotate(calc(var(--angle) * -1));box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),0 0 1px #00000080}.kakadu-components-3225063030{--dial-cutout-size:calc(var(--dial-size) / 2.25);background:var(--end-color);width:var(--dial-cutout-size);height:var(--dial-cutout-size);border-radius:var(--dial-cutout-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px var(--shadow-color),inset 0 var(--hard-shadow-offset) 0 0 var(--hard-shadow-color)}.kakadu-components-496564785{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;overflow:hidden;top:0;z-index:99;box-shadow:0 1px #0003,0 2px #fff3}:where([data-theme=dark]) .kakadu-components-496564785{background:color-mix(in srgb,var(--background-color),rgba(0,0,0,.6) 20%);box-shadow:0 1px #fff3,0 2px #0003}.kakadu-components-479363365{padding-top:var(--gap);padding-bottom:calc(var(--gap) + 2px)}.kakadu-components-4017654514.kakadu-components-4017654514{color:var(--red-color)}:where([data-theme=dark]) .kakadu-components-4017654514.kakadu-components-4017654514{color:var(--red-color-hover)}.kakadu-components-3563685584{--hover-background-color:rgba(0, 0, 0, .05);background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;font-family:var(--font-family);font-size:var(--16px);font-weight:550;cursor:pointer;color:var(--foreground-color);margin:0;border:0;padding:0;text-align:left;text-decoration:none;display:inline-flex;vertical-align:top;position:relative;transform:translateZ(0);--original-border-radius:6px;--border-radius:var(--original-border-radius) var(--border-top-right-radius, var(--original-border-radius)) var(--original-border-radius) var(--original-border-radius);--horizontal-offset:-9px;--right-offset:var(--horizontal-offset);--left-offset:var(--horizontal-offset);--vertical-offset:-5px}:where([data-theme=dark]) .kakadu-components-3563685584{--hover-background-color:rgba(255, 255, 255, .075)}@media(hover:hover){.kakadu-components-3563685584:before{content:"";position:absolute;top:var(--vertical-offset);right:var(--right-offset);bottom:var(--vertical-offset);left:var(--left-offset);border-radius:var(--border-radius);transition:background-color .37s}.kakadu-components-3563685584:hover:before{background-color:var(--hover-background-color);transition:background-color .05s}}.kakadu-components-3563685584:active{transform:scale(.98);transition-duration:.1s}.kakadu-components-497190725{--right-offset:-12px}.kakadu-components-3729381008{--left-offset:-12px}.kakadu-components-3866032606{--horizontal-offset:-8px}.kakadu-components-3184610208{padding-top:3px;position:relative}.kakadu-components-602380047{right:-1px}.kakadu-components-233407571{padding-left:2px;padding-right:2px}.kakadu-components-1760622304{position:relative;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}@media(hover:hover){:is(a,button):hover .kakadu-components-1760622304{text-decoration:none}}.kakadu-components-1681694072{left:-1px}.kakadu-components-1343580459{position:absolute;top:var(--vertical-offset);right:var(--right-offset);bottom:var(--vertical-offset);left:var(--left-offset)}.kakadu-components-925362255{--border-radius:6px;--box-shadow-color:rgba(0, 0, 0, .2);--box-shadow-hard-color:rgba(255, 255, 255, .8);--box-shadow-inner-color:rgba(255, 255, 255, .2);--default-lip-color:#d4d7d9;--lip-color:var(--default-lip-color);background:#fff;border-radius:var(--border-radius);box-shadow:inset 0 0 0 2px var(--box-shadow-inner-color),inset 0 0 0 1px var(--box-shadow-color),0 0 0 1px var(--box-shadow-hard-color),0 3px #00000008;display:flex;justify-content:flex-start}:where([data-theme=dark]) .kakadu-components-925362255{background-color:#15161a;--box-shadow-inner-color:rgba(0, 0, 0, .3);--box-shadow-color:rgba(255, 255, 255, .2);--box-shadow-hard-color:rgba(0, 0, 0, .9);--default-lip-color:#393b3e}.kakadu-components-2945174293{--default-lip-color:#a2a6a8}:where([data-theme=dark]) .kakadu-components-2945174293{--default-lip-color:#1f2022}.kakadu-components-2585123369{--lip-color:var(--green-color)}.kakadu-components-1387450724{--lip-color:var(--green-color-light)}.kakadu-components-3502407303{--lip-color:var(--yellow-color)}.kakadu-components-1612824642{--lip-color:var(--yellow-color-light)}.kakadu-components-314765189{--lip-color:var(--red-color)}.kakadu-components-4209515987{--lip-color:var(--red-color-light)}.kakadu-components-3327291559{--box-shadow-lip-inner-color:rgba(255, 255, 255, .05);background:var(--lip-color);width:6px;box-shadow:inset 0 0 0 1px var(--box-shadow-color),inset 0 0 0 2px var(--box-shadow-lip-inner-color);border-radius:var(--border-radius) 1px 1px var(--border-radius);display:flex;align-items:center;justify-content:center;color:#fff}:where([data-theme=dark]) .kakadu-components-3327291559{--box-shadow-lip-inner-color:rgba(0, 0, 0, .03)}.kakadu-components-3906762683{width:37px;padding-left:1px}.kakadu-components-1969958615.kakadu-components-1969958615{font-size:var(--14px);line-height:1.5em;padding:calc(var(--half-gap) + 2px);padding-top:calc(var(--half-gap) - 1px);padding-bottom:calc(var(--half-gap));flex:1}.kakadu-components-829211097{width:100%;position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;padding-bottom:var(--triple-gap);opacity:0;--offset-y:calc(var(--index, 0) * (32px + var(--half-gap)) * -1);transform:translate3d(0,calc(var(--offset-y) + 3px),0) scale(.97);transition:opacity .2s,transform .2s;pointer-events:none}.kakadu-components-3003995416{opacity:1;transform:translate3d(0,var(--offset-y),0)}.kakadu-components-1639448689{position:relative;max-width:300px}.kakadu-components-2751825161{height:calc(var(--border-radius) * 2);width:100%;position:absolute;bottom:0;left:0;border-radius:var(--border-radius);overflow:hidden;pointer-events:none}.kakadu-components-1939222061{background:#00000026;width:100%;height:3px;position:absolute;bottom:0;left:0;animation:progress 6s linear forwards}:where([data-theme=dark]) .kakadu-components-1939222061{background:#ffffff26}@keyframes progress{0%{width:0%}to{width:100%}}.kakadu-components-1421861246{background:var(--primary-color);width:var(--size);height:var(--size);position:relative;--half-size:calc(var(--size) / 2);--border-radius:var(--half-size) var(--half-size) 0 var(--half-size);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}.kakadu-components-392715920{transform:translate(2%,3%);filter:drop-shadow(0 calc(var(--drop-shadow-offset-multiplier) * 1px) 0 rgba(0,0,0,.2)) drop-shadow(0 0 calc(var(--drop-shadow-offset-multiplier) * 3px) rgba(0,0,0,.2))}.kakadu-components-3861346893{--shadow-color:rgba(255, 255, 255, .8);color:#000000e6;position:relative;top:2px;filter:drop-shadow(0 1px 0 var(--shadow-color)) drop-shadow(0 0 3px var(--shadow-color))}:where([data-theme=dark]) .kakadu-components-3861346893{color:#ffffffe6;--shadow-color:rgba(0, 0, 0, .2)}.kakadu-components-2543813221{width:16px;height:16px;float:right}.kakadu-components-840864829{position:absolute;top:10px;right:13px}.kakadu-components-3855719072{--border-top-right-radius:12px}.kakadu-components-2807459246{--modal-background:var(--background-color);--modal-top-right-offset:calc(32px + var(--half-gap));background:#000000b3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:fixed;pointer-events:none;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:var(--modal-z-index);opacity:0;transition:opacity .2s;overflow:auto;text-align:center;display:flex}:where([data-theme=dark]) .kakadu-components-2807459246{background:#000c}.kakadu-components-1399012551{opacity:1;pointer-events:auto}.kakadu-components-3521538255{width:100%;padding:var(--half-gap);text-align:left;box-sizing:border-box;display:flex;overflow:auto}@media(min-width:480px){.kakadu-components-3521538255{padding:var(--gap)}}@media(min-width:560px){.kakadu-components-3521538255{padding:var(--double-gap)}}.kakadu-components-1982320206{--modal-padding:var(--gap);background:var(--modal-background);min-width:180px;max-width:var(--max-width, 760px);padding:var(--modal-padding);border-radius:var(--gap);--inset-box-shadow-color:rgba(255, 255, 255, .5);--offset-box-shadow-color:rgba(0, 0, 0, .15);--soft-box-shadow-color:rgba(0, 0, 0, .3);box-shadow:inset 0 0 0 1px var(--inset-box-shadow-color),0 0 0 1px var(--offset-box-shadow-color),0 0 8px var(--soft-box-shadow-color);opacity:0;transform:scale(.98);margin:auto;transition:transform .18s .2s,opacity .1s .2s;box-sizing:border-box}:where([data-theme=dark]) .kakadu-components-1982320206{--inset-box-shadow-color:rgba(255, 255, 255, .125);--offset-box-shadow-color:rgba(0, 0, 0, .15);--soft-box-shadow-color:rgba(0, 0, 0, .3)}@media(min-width:560px){.kakadu-components-1982320206{--modal-padding:var(--double-gap)}}.kakadu-components-3904045733{width:100%}.kakadu-components-3829535111{opacity:1;transform:scale(1)}.kakadu-components-2617708556{display:inline-flex}.kakadu-components-3009931469{opacity:0;transition:transform var(--duration) var(--animation-delay),opacity var(--duration) var(--animation-delay)}.kakadu-components-3252535480{transform:translate3d(0,var(--distance),0)}@media(prefers-reduced-motion){.kakadu-components-3252535480{transform:translate3d(0,calc(var(--distance) / 3))}}.kakadu-components-358711811{transform:translateZ(0);opacity:1}.kakadu-components-3753263087{width:100%;margin:auto}.kakadu-components-175326694{width:100%;height:1px;min-height:1px;max-height:1px;margin:0;background-color:#00000026;border:none;flex:1 0 0}:where([data-theme=dark]) .kakadu-components-175326694{background-color:#ffffff26}.kakadu-components-3380219127{background:#00000026;width:16px;height:1px;border:none;display:block;margin-left:0}:where([data-theme=dark]) .kakadu-components-3380219127{background-color:#ffffff26}.kakadu-components-1250376591{width:100%;flex:1;text-align:center}.kakadu-components-2653569622{background:#0000001a;width:1px;margin:0;min-width:1px;max-width:1px;border:none}:where([data-theme=dark]) .kakadu-components-2653569622{background-color:#ffffff1a}.kakadu-components-4149648046{--background-size:300px;--background-negative-size:calc(var(--background-size) * -1);--highlight-color:255,255,255;--border-radius:100px;background:color-mix(in srgb,var(--foreground-color) 15%,transparent);width:var(--skeleton-size, 100%);height:var(--skeleton-size);border-radius:var(--border-radius);display:inline-block;vertical-align:top;position:relative}@keyframes skeleton-animation{0%{background-position:var(--background-negative-size) 0%}to{background-position:right var(--background-negative-size) top 0%}}.kakadu-components-3311350973{--opacity:.3}.kakadu-components-3311350973:before{content:"";mix-blend-mode:overlay;background-position:var(--background-negative-size) 0%;background-attachment:fixed;background-size:var(--background-size) 100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,rgba(var(--highlight-color),0),rgba(var(--highlight-color),var(--opacity)),rgba(var(--highlight-color),0));animation:skeleton-animation 1.1s infinite ease-in-out;will-change:background-position;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius)}.kakadu-components-3140855657{vertical-align:middle}.kakadu-components-560222664{width:100%;height:100%;min-height:200px;--radial-gradient-color:rgba(0, 0, 0, .4);-webkit-mask-image:radial-gradient(circle,var(--radial-gradient-color) 70%,black 100%),linear-gradient(to bottom,black 0%,transparent 100%);mask-image:radial-gradient(circle,var(--radial-gradient-color) 70%,black 100%),linear-gradient(to bottom,black 0%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;border-radius:var(--border-radius);overflow:hidden;position:absolute;top:0;left:0;right:0;pointer-events:none}:where([data-theme=dark]) .kakadu-components-560222664{-webkit-mask-image:none;mask-image:none;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%),radial-gradient(circle,black 60%,var(--radial-gradient-color) 100%),linear-gradient(to bottom,transparent 0%,black 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%),radial-gradient(circle,black 60%,var(--radial-gradient-color) 100%),linear-gradient(to bottom,transparent 0%,black 100%);-webkit-mask-composite:source-in;mask-composite:intersect}:where([data-theme=light]) .kakadu-components-947991810.kakadu-components-947991810{mix-blend-mode:normal}:where([data-theme=dark]) .kakadu-components-947991810.kakadu-components-947991810{mix-blend-mode:normal}.kakadu-components-2223449868{transition:height .37s,opacity .37s}.kakadu-components-3857562328{position:absolute}.kakadu-components-2065792067{--border-radius:8px;--background-color-default:#fff;--background-color:var(--background-color-default);--text-color:#000;--background-color-hover:rgb(250, 250, 250);--transition-duration:.2s;display:flex;flex-direction:column;gap:var(--half-padding);position:relative}:where([data-theme=dark]) .kakadu-components-2065792067{--background-color-default:#0c0d0f;--background-color-hover:#0e0f12;--text-color:#fff}@media(hover:hover){.kakadu-components-2065792067:hover{--background-color:var(--background-color-hover);--transition-duration:37ms}}.kakadu-components-2065792067.kakadu-components-2065792067:focus-within{--background-color:var(--background-color-default);--transition-duration:37ms}.kakadu-components-3551118672.kakadu-components-3551118672{max-width:calc(100% - var(--gap));font-weight:450;font-size:var(--15px);letter-spacing:.012em;line-height:1em;text-shadow:0 0 2px rgba(255,255,255,1);position:absolute;bottom:calc(100% + 1px);left:var(--half-gap);transform:translateY(.5em);z-index:3}:where([data-theme=dark]) .kakadu-components-3551118672.kakadu-components-3551118672{text-shadow:0 0 2px rgba(0,0,0,1)}.kakadu-components-3551118672.kakadu-components-3551118672 span{color:var(--text-color);position:relative;--offset:5px;padding-right:var(--offset);padding-left:var(--offset);opacity:.7}label:has(:is(input,textarea)[aria-invalid=true]) .kakadu-components-3551118672.kakadu-components-3551118672 span{color:var(--red-color);opacity:1}label:has(:is(input,textarea)[data-warning=true]) .kakadu-components-3551118672.kakadu-components-3551118672 span{color:var(--yellow-color-dark);opacity:1}.kakadu-components-3551118672.kakadu-components-3551118672:before{content:"";background:var(--background-color);width:100%;height:50%;position:absolute;top:calc(50% - 1px);transition:background-color var(--transition-duration)}.kakadu-components-2161641266{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--background-color);width:100%;color:var(--text-color);font-family:var(--font-family);font-size:var(--17px);font-weight:400;line-height:1.65em;padding:10px 13px 7px;padding-right:calc(var(--button-padding) + 13px);border:0;border-radius:var(--border-radius);--outline-color:rgba(0, 0, 0, .4);--outline-width:1px;--highlight-color-rgb:255,255,255;--shadow-color-rgb:0,0,0;box-shadow:inset 0 0 0 1px rgba(var(--highlight-color-rgb),.7),inset 0 -3px rgba(var(--shadow-color-rgb),.04),0 0 0 var(--outline-width) var(--outline-color),0 0 0 calc(var(--outline-width) + 1px) rgba(var(--highlight-color-rgb),.7),0 5px rgba(var(--shadow-color-rgb),.04);box-sizing:border-box;display:block;position:relative;z-index:2;white-space:pre-wrap;word-break:break-word;transition:background-color var(--transition-duration),border-color var(--transition-duration),box-shadow var(--transition-duration)}.kakadu-components-2161641266::placeholder{font-style:italic}:where([data-theme=dark]) .kakadu-components-2161641266::placeholder{opacity:.7}:where([data-theme=dark]) .kakadu-components-2161641266{--outline-color:rgba(255, 255, 255, .3);--highlight-color-rgb:0,0,0}@media(hover:hover){label:hover .kakadu-components-2161641266{--outline-color:rgba(0, 0, 0, .8)}:where([data-theme=dark]) label:hover .kakadu-components-2161641266{--outline-color:rgba(255, 255, 255, .5)}}.kakadu-components-2161641266.kakadu-components-2161641266.kakadu-components-2161641266:focus:not(select){outline:none;--outline-color:var(--secondary-color-hover);--outline-width:2px}:where([data-theme=dark]) .kakadu-components-2161641266.kakadu-components-2161641266.kakadu-components-2161641266:focus:not(select){--outline-color:var(--secondary-color)}.kakadu-components-2161641266.kakadu-components-2161641266[aria-invalid=true]{outline:none;--outline-color:var(--red-color)}.kakadu-components-2161641266.kakadu-components-2161641266[data-warning=true]{--outline-color:var(--yellow-color-dark)}.kakadu-components-2161641266.kakadu-components-2161641266[disabled]{background-color:#f6f6f6;transition:background-color .1s;color:#444;cursor:not-allowed}.kakadu-components-628401705.kakadu-components-628401705{font-size:var(--14px);font-weight:500;margin-top:var(--half-gap);padding:0 13px}.kakadu-components-3245407458.kakadu-components-3245407458{color:var(--red-color)}.kakadu-components-1117160492.kakadu-components-1117160492{color:var(--yellow-color-dark)}.kakadu-components-3574036749.kakadu-components-3574036749{--border-radius:5px;font-size:var(--14px);width:calc(100% - 6px);padding:6px 10px 7px;position:relative;z-index:1;box-sizing:border-box;left:3px}.kakadu-components-3574036749.kakadu-components-3574036749:before{content:"";background:#f8f9fb;--outline-color:rgba(0, 0, 0, .3);--outline-shadow-color:#fff;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:inset 0 0 0 1px var(--outline-color),inset 0 0 0 2px var(--outline-shadow-color),0 0 0 1px var(--outline-shadow-color);position:absolute;left:0;top:var(--attachment-offset);right:0;bottom:0;width:100%;height:calc(100% + (var(--attachment-offset) * -1));z-index:-1}:where([data-theme=dark]) .kakadu-components-3574036749.kakadu-components-3574036749:before{background-color:#121214;--outline-color:rgba(255, 255, 255, .3);--outline-shadow-color:#000}.kakadu-components-448077930{--attachment-offset:-7px;position:relative;display:flex;flex-direction:column}.kakadu-components-3258753754 strong{font-weight:500}.kakadu-components-709108872{cursor:pointer}.kakadu-components-1616393393{z-index:4;pointer-events:none;position:absolute;top:22px;right:3px;transform:translateY(-50%) rotate(180deg);opacity:.7}.kakadu-components-4233741488:before{--box-shadow-color:rgba(0, 0, 0, .2);box-shadow:inset 0 0 0 1px var(--box-shadow-color)}:where([data-theme=dark]) .kakadu-components-4233741488:before{--box-shadow-color:rgba(255, 255, 255, .2)}.kakadu-components-2355856341.kakadu-components-2355856341{--background-color:#e2f5ff;--shadow-color:rgba(18, 71, 98, .6);--outline-color-rgb:255,255,255;--content-shadow-rgb:255,255,255;--arrow-size:7px;background:var(--background-color);padding:10px 13px;box-shadow:inset 0 0 0 1px var(--shadow-color),inset 0 0 0 2px rgba(var(--outline-color-rgb),.5),inset 0 -4px #223a4e0a,0 0 0 1px rgba(var(--outline-color-rgb),.7);border-radius:var(--border-radius);margin-top:var(--gap);cursor:pointer;position:relative;z-index:4;transition:background-color .37s}:where([data-theme=dark]) .kakadu-components-2355856341.kakadu-components-2355856341{--background-color:#181c24;--shadow-color:#3a404e;--content-shadow-rgb:0,0,0;--outline-color-rgb:0,0,0}.kakadu-components-2355856341.kakadu-components-2355856341:before,.kakadu-components-2355856341.kakadu-components-2355856341:after{content:"";--current-arrow-size:var(--arrow-size);--current-arrow-color:var(--shadow-color);width:0;height:0;border-left:var(--current-arrow-size) solid transparent;border-right:var(--current-arrow-size) solid transparent;border-bottom:var(--current-arrow-size) solid var(--current-arrow-color);position:absolute;bottom:calc(100% - 1px);left:20px;transform:translate(-50%);transition:border-bottom-color .37s}.kakadu-components-2355856341.kakadu-components-2355856341:after{--current-arrow-size:calc(var(--arrow-size) - .5px);--current-arrow-color:var(--background-color);bottom:calc(100% - 2px)}@media(hover:hover){.kakadu-components-2355856341.kakadu-components-2355856341:hover{--background-color:#d5f0ff;transition-duration:.1s}:where([data-theme=dark]) .kakadu-components-2355856341.kakadu-components-2355856341:hover{--background-color:#141820}.kakadu-components-2355856341.kakadu-components-2355856341:hover:before,.kakadu-components-2355856341.kakadu-components-2355856341:hover:after{transition-duration:.1s}}.kakadu-components-1021263934{color:#0d3b52;filter:drop-shadow(0 1px 0 rgba(var(--content-shadow-rgb),.7)) drop-shadow(0 0 3px rgba(var(--content-shadow-rgb),.7));position:relative;top:2px;margin-right:4px}:where([data-theme=dark]) .kakadu-components-1021263934{color:#85a5db}.kakadu-components-1585874956.kakadu-components-1585874956{font-size:var(--14px);line-height:1.35em;flex:1;color:#000;text-shadow:0 0 2px rgba(var(--content-shadow-rgb),.7),0 1px 0 rgba(var(--content-shadow-rgb),.5)}:where([data-theme=dark]) .kakadu-components-1585874956.kakadu-components-1585874956{color:#fff}.kakadu-components-3448565402{opacity:.5}.kakadu-components-3146929190{position:relative}.kakadu-components-2033521835{position:absolute;visibility:hidden}.kakadu-components-2119524139{resize:none;overflow:hidden}.kakadu-components-1614211948{z-index:2;opacity:.3}.kakadu-components-1041647916{z-index:2}:where([data-theme=light]) .kakadu-components-1041647916{mix-blend-mode:normal;opacity:.25}.kakadu-components-131986363{position:absolute;top:11px;right:14px;display:flex;gap:21px;z-index:2}
package/build/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./theme.js"),U=require("./components/aria-text.js"),G=require("./components/atom.js"),je=require("./components/bankid-logo.js"),qe=require("./components/box.js"),b=require("./components/button.js"),z=require("./components/button-tooltip.js"),be=require("./components/card.js"),M=require("./components/click-ripples.js"),e=require("./jsx-runtime-BB_1_6y_.js"),t=require("react"),d=require("@kuma-ui/core"),_e=require("./components/datum.js"),Ee=require("./components/dnb-logo.js"),Re=require("./components/dot.js"),J=require("./components/flex.js"),X=require("./components/footer.js"),ve=require("./components/gauge.js"),Le=require("./components/gjensidige-logo.js"),Te=require("./components/header.js"),v=require("./components/hover-gradient.js"),Y=require("./components/icon-button.js"),Z=require("./icons/chevron-up.js"),q=require("./icon-CRXHH3In.js"),H=require("./utilities/copy-to-clipboard.js"),L=require("./components/text-button.js"),a=require("./components/text.js"),Ie=require("./components/kakadu-guide-icon.js"),A=require("./components/kakadu-guide-logo.js"),Be=require("./components/kakadu-index-logo.js"),we=require("./components/kakadu-logo.js"),D=require("./components/modal.js"),Ne=require("./components/moving-gradients.js"),Pe=require("./components/moving-stars.js"),ee=require("./components/notice.js"),V=require("./components/notification.js"),te=require("./components/revealer.js"),T=require("./components/separator.js"),ne=require("./components/skeleton.js"),Ce=require("./components/sparebank1-logo.js"),oe=require("./components/spinner.js"),Me=require("./components/sto-logo.js"),He=require("./components/storebrand-logo.js"),j=require("./components/theme-setter.js"),Ge=require("./components/veil.js"),se=require("./components/wrapper.js"),Ae=require("./icons/arrow-down.js"),De=require("./icons/caret-down.js"),Ve=require("./icons/caret-right.js"),Fe=require("./icons/check.js"),Ke=require("./icons/chevron-down.js"),We=require("./icons/chrome-browser-logo.js"),$e=require("./icons/copy.js"),Oe=require("./icons/edit.js"),Qe=require("./icons/edge-browser-logo.js"),Ue=require("./icons/exclamation-triangle.js"),ze=require("./icons/kakadu-guide.js"),Je=require("./icons/kakadu-guide-glyph.js"),Xe=require("./icons/menu.js"),Ye=require("./icons/plus.js"),Ze=require("./icons/test.js"),et=require("./icons/times.js"),tt=require("./hooks/use-media-query.js"),nt=require("./utilities/generate-random-id.js"),ot=require("./utilities/scale.js");function ae({as:p,isCollapsed:s=!0,children:i,className:r,...y}){const n=t.useRef(null),[f,l]=t.useState();return t.useEffect(()=>{if(s)l(0);else{const g=n.current;g&&l(g.scrollHeight??0)}},[s]),e.jsxRuntimeExports.jsx(G.default,{as:p??"div",...y,"aria-hidden":s,style:{height:f,opacity:s?0:1},className:d.cx("kakadu-components-2223449868",r),children:e.jsxRuntimeExports.jsx("div",{ref:n,className:"kakadu-components-3857562328",children:i})})}const st="kakadu-components-2065792067",at="kakadu-components-3551118672",R="kakadu-components-2161641266",re="kakadu-components-628401705",ce=d.cx(re,"kakadu-components-3245407458"),rt=d.cx(re,"kakadu-components-1117160492");function ct({as:p,className:s,...i}){return e.jsxRuntimeExports.jsx(a.Span,{as:p??"span",...i,className:d.cx("kakadu-components-3574036749",s)})}function ue({label:p,error:s,errorId:i,warning:r,warningId:y,footnote:n,attachments:f,className:l,children:g,...c}){const h=!!s,S=!!r,k=!!n;return e.jsxRuntimeExports.jsxs("label",{...c,className:d.cx(st,l),children:[e.jsxRuntimeExports.jsx(a.Span,{className:d.cx(u.overflowProtectionStyles,at),children:e.jsxRuntimeExports.jsx("span",{children:p})}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-448077930",children:[g,k?e.jsxRuntimeExports.jsx(ct,{className:"kakadu-components-3258753754",children:n}):null,f]}),h?e.jsxRuntimeExports.jsx(a.Paragraph,{id:i,className:ce,children:s instanceof Error?s.message:s}):S?e.jsxRuntimeExports.jsx(a.Paragraph,{id:y,className:rt,children:r instanceof Error?r.message:r}):null]})}function ut({label:p,options:s,error:i,warning:r,footnote:y,className:n,...f}){const l=t.useId(),g=`${l}-error`,c=`${l}-warning`,h=!!i,S=!!r;return e.jsxRuntimeExports.jsxs(ue,{label:p,error:i,warning:r,footnote:y,children:[e.jsxRuntimeExports.jsx("select",{...f,"aria-invalid":h,"data-warning":S,"aria-describedby":h?g:S?c:void 0,className:d.cx(R,"kakadu-components-709108872",n),children:s.map(k=>e.jsxRuntimeExports.jsx("option",{value:k.value,children:k.label},k.value))}),e.jsxRuntimeExports.jsx(Z.default,{className:"kakadu-components-1616393393"})]})}const it=36,Q="kakadu-components-4233741488";function lt({type:p,label:s,error:i,warning:r,footnote:y,suggestion:n,hasCopyButton:f,hasClearButton:l,isMultiline:g,onChange:c,className:h,...S}){const k=t.useRef(null),I=t.useRef(null),B=t.useRef(null),F=t.useId(),ie=`${F}-error`,le=`${F}-warning`,{value:E}=S,[de,K]=t.useState(""),m=E??de,[pe,me]=t.useState(),xe=p==="textarea"||!!g;t.useLayoutEffect(()=>{typeof m=="string"&&B.current&&me(B.current.scrollHeight)},[m]);const w=t.useMemo(()=>typeof m=="string"?`${m} `.split(`
2
- `):[],[m]),fe=t.useMemo(()=>w.length,[w]),N=!!i,P=!!r,W=N?ie:P?le:void 0;t.useEffect(()=>{K(typeof E=="string"?E:"")},[E]);const $=t.useCallback(o=>{const{value:x}=o.target;K(x),c==null||c(x,o)},[c]),ke=t.useCallback(()=>{typeof m=="string"&&H.default(m)},[m]),ge=t.useCallback(()=>{var x;const o=I.current??k.current;if(c&&o){const _=(x=Object.getOwnPropertyDescriptor(o instanceof HTMLTextAreaElement?HTMLTextAreaElement.prototype:HTMLInputElement.prototype,"value"))==null?void 0:x.set;if(_){_.call(o,"");const C=new Event("input",{bubbles:!0});o.dispatchEvent(C),o.focus()}}},[c]),[he,Se]=t.useState(""),O=!!n&&he!==n,ye=t.useCallback(()=>{var x;const o=I.current??k.current;if(n&&c&&o){const _=(x=Object.getOwnPropertyDescriptor(o instanceof HTMLTextAreaElement?HTMLTextAreaElement.prototype:HTMLInputElement.prototype,"value"))==null?void 0:x.set;if(_){_.call(o,n);const C=new Event("input",{bubbles:!0});o.dispatchEvent(C),o.focus()}else H.default(n);Se(n)}},[n,c]);return e.jsxRuntimeExports.jsxs(ue,{label:s,error:i,warning:r,footnote:y,attachments:e.jsxRuntimeExports.jsx(ae,{isCollapsed:!O,children:O?e.jsxRuntimeExports.jsxs("button",{type:"button",className:d.cx(u.buttonResetStyles,u.overflowProtectionStyles,"kakadu-components-2355856341"),onClick:ye,children:[e.jsxRuntimeExports.jsx(z.default,{label:"Apply suggestion"}),e.jsxRuntimeExports.jsx(q.SparkleSvg,{width:13,height:13,className:"kakadu-components-1021263934"}),e.jsxRuntimeExports.jsx(a.Span,{className:"kakadu-components-1585874956",children:n}),e.jsxRuntimeExports.jsx(M.default,{className:"kakadu-components-3448565402"}),e.jsxRuntimeExports.jsx(v.default,{})]}):null}),style:{"--button-padding":`${it*((f?1:0)+(l?1:0))}px`},children:[e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-3146929190",children:[xe?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("span",{ref:B,"aria-hidden":!0,className:d.cx(R,h,"kakadu-components-2033521835"),children:[w.map((o,x)=>e.jsxRuntimeExports.jsxs("span",{children:[o,fe>1?e.jsxRuntimeExports.jsx("br",{}):null]},x))," "]}),e.jsxRuntimeExports.jsx("textarea",{...S,ref:I,rows:1,"aria-invalid":N,"data-warning":P,"aria-describedby":W,value:m,className:d.cx(R,h,"kakadu-components-2119524139"),style:{minHeight:pe},onChange:$})]}):e.jsxRuntimeExports.jsx("input",{...S,ref:k,type:p??"text",value:m,"aria-invalid":N,"data-warning":P,"aria-describedby":W,className:d.cx(R,h),onChange:$}),e.jsxRuntimeExports.jsx(M.default,{className:"kakadu-components-1614211948"}),e.jsxRuntimeExports.jsx(v.default,{className:"kakadu-components-1041647916"})]}),f||l?e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-131986363",children:[f?e.jsxRuntimeExports.jsx(L.default,{iconLeft:q.IconType.copy,label:"Copy",tooltip:"Copy",className:Q,onClick:ke}):null,l?e.jsxRuntimeExports.jsx(L.default,{iconLeft:q.IconType.times,label:"Clear",tooltip:"Clear",className:Q,onClick:ge}):null]}):null]})}exports.FontFamilyHead=u.FontFamilyHead;exports.buttonResetStyles=u.buttonResetStyles;exports.darkBackgroundColor=u.darkBackgroundColor;exports.effectStyles=u.effectStyles;exports.font=u.font;exports.lightBackgroundColor=u.lightBackgroundColor;exports.nonInteractiveEffectStyles=u.nonInteractiveEffectStyles;exports.overflowProtectionStyles=u.overflowProtectionStyles;exports.theme=u.default;exports.AriaText=U.default;exports.ariaTextStyles=U.ariaTextStyles;exports.Atom=G.default;exports.defaultAtomElementType=G.defaultAtomElementType;exports.BankidLogo=je.default;exports.Box=qe.default;exports.Button=b.default;exports.ButtonVariant=b.ButtonVariant;exports.buttonDangerStyles=b.buttonDangerStyles;exports.buttonSecondaryStyles=b.buttonSecondaryStyles;exports.buttonSuccessStyles=b.buttonSuccessStyles;exports.buttonWarningStyles=b.buttonWarningStyles;exports.ButtonTooltip=z.default;exports.Card=be.default;exports.ClickRipples=M.default;exports.Datum=_e.default;exports.DnbLogo=Ee.default;exports.Dot=Re.default;exports.Flex=J.default;exports.FlexAlignment=J.FlexAlignment;exports.Footer=X.default;exports.FooterLinkItem=X.FooterLinkItem;exports.Gauge=ve.default;exports.GjensidigeLogo=Le.default;exports.Header=Te.default;exports.HoverGradient=v.default;exports.normalBlendStyles=v.normalBlendStyles;exports.IconButton=Y.default;exports.IconButtonVariant=Y.IconButtonVariant;exports.ChevronUp=Z.default;exports.Icon=q.Icon;exports.IconType=q.IconType;exports.iconShadowStyles=q.iconShadowStyles;exports.copyToClipboard=H.default;exports.TextButton=L.default;exports.TextButtonVariant=L.TextButtonVariant;exports.AnchorHeading=a.AnchorHeading;exports.Heading=a.Heading;exports.Hero=a.Hero;exports.Label=a.Label;exports.Paragraph=a.Paragraph;exports.Span=a.Span;exports.Text=a.default;exports.spanStyles=a.spanStyles;exports.textShadowStyles=a.textShadowStyles;exports.KakaduGuideIcon=Ie.default;exports.KakaduGuideLogo=A.default;exports.KakaduGuideLogoSvg=A.KakaduGuideLogoSvg;exports.KakaduGuideLogoVariant=A.KakaduGuideLogoVariant;exports.KakaduIndexLogo=Be.default;exports.KakaduLogo=we.default;exports.Modal=D.default;exports.useModal=D.useModal;exports.useModalContext=D.useModalContext;exports.MovingGradients=Ne.default;exports.MovingStars=Pe.default;exports.Notice=ee.default;exports.NoticeType=ee.NoticeType;exports.Notification=V.default;exports.NotificationProvider=V.NotificationProvider;exports.useCreateNotification=V.useCreateNotification;exports.Revealer=te.default;exports.useRevealer=te.useRevealer;exports.Separator=T.default;exports.SeparatorLabel=T.SeparatorLabel;exports.SmallSeparator=T.SmallSeparator;exports.VerticalSeparator=T.VerticalSeparator;exports.Skeleton=ne.default;exports.SkeletonInstance=ne.SkeletonInstance;exports.Sparebank1Logo=Ce.default;exports.RevealSpinner=oe.RevealSpinner;exports.Spinner=oe.default;exports.StoLogo=Me.default;exports.StorebrandLogo=He.default;exports.ThemeSetter=j.default;exports.getThemePreference=j.getThemePreference;exports.setThemePreference=j.setThemePreference;exports.themePreferences=j.themePreferences;exports.useIsDarkMode=j.useIsDarkMode;exports.useIsLightMode=j.useIsLightMode;exports.useTheme=j.useTheme;exports.Veil=Ge.default;exports.Wrapper=se.default;exports.WrapperWidth=se.WrapperWidth;exports.ArrowDown=Ae.default;exports.CaretDown=De.default;exports.CaretRight=Ve.default;exports.Check=Fe.default;exports.ChevronDown=Ke.default;exports.ChromeBrowserLogo=We.default;exports.Copy=$e.default;exports.Edit=Oe.default;exports.EdgeBrowserLogo=Qe.default;exports.ExclamationTriangle=Ue.default;exports.KakaduGuide=ze.default;exports.KakaduGuideGlyph=Je.default;exports.Menu=Xe.default;exports.Plus=Ye.default;exports.Test=Ze.default;exports.Times=et.default;exports.useMediaQuery=tt.default;exports.generateRandomId=nt.default;exports.scale=ot.default;exports.Collapsible=ae;exports.Input=lt;exports.Select=ut;exports.errorParagraph=ce;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./theme.js"),J=require("./components/aria-text.js"),A=require("./components/atom.js"),qe=require("./components/bankid-logo.js"),be=require("./components/box.js"),b=require("./components/button.js"),X=require("./components/button-tooltip.js"),_e=require("./components/card.js"),H=require("./components/click-ripples.js"),e=require("./jsx-runtime-BB_1_6y_.js"),t=require("react"),d=require("@kuma-ui/core"),Ee=require("./components/datum.js"),Re=require("./components/dnb-logo.js"),ve=require("./components/dot.js"),Y=require("./components/flex.js"),Z=require("./components/footer.js"),Le=require("./components/gauge.js"),Te=require("./components/gjensidige-logo.js"),Ie=require("./components/header.js"),v=require("./components/hover-gradient.js"),ee=require("./components/icon-button.js"),te=require("./icons/chevron-up.js"),q=require("./icon-CRXHH3In.js"),G=require("./utilities/copy-to-clipboard.js"),L=require("./components/text-button.js"),a=require("./components/text.js"),T=require("./components/notification.js"),D=require("./components/notice.js"),Be=require("./components/kakadu-guide-icon.js"),V=require("./components/kakadu-guide-logo.js"),Ne=require("./components/kakadu-index-logo.js"),we=require("./components/kakadu-logo.js"),F=require("./components/modal.js"),Ce=require("./components/moving-gradients.js"),Pe=require("./components/moving-stars.js"),ne=require("./components/revealer.js"),I=require("./components/separator.js"),oe=require("./components/skeleton.js"),Me=require("./components/sparebank1-logo.js"),se=require("./components/spinner.js"),He=require("./components/sto-logo.js"),Ge=require("./components/storebrand-logo.js"),j=require("./components/theme-setter.js"),Ae=require("./components/veil.js"),ae=require("./components/wrapper.js"),De=require("./icons/arrow-down.js"),Ve=require("./icons/caret-down.js"),Fe=require("./icons/caret-right.js"),Ke=require("./icons/check.js"),We=require("./icons/chevron-down.js"),$e=require("./icons/chrome-browser-logo.js"),Oe=require("./icons/copy.js"),Qe=require("./icons/edit.js"),Ue=require("./icons/edge-browser-logo.js"),ze=require("./icons/exclamation-triangle.js"),Je=require("./icons/kakadu-guide.js"),Xe=require("./icons/kakadu-guide-glyph.js"),Ye=require("./icons/menu.js"),Ze=require("./icons/plus.js"),et=require("./icons/test.js"),tt=require("./icons/times.js"),nt=require("./hooks/use-media-query.js"),ot=require("./utilities/generate-random-id.js"),st=require("./utilities/scale.js");function re({as:p,isCollapsed:s=!0,children:u,className:r,...y}){const n=t.useRef(null),[f,l]=t.useState();return t.useEffect(()=>{if(s)l(0);else{const g=n.current;g&&l(g.scrollHeight??0)}},[s]),e.jsxRuntimeExports.jsx(A.default,{as:p??"div",...y,"aria-hidden":s,style:{height:f,opacity:s?0:1},className:d.cx("kakadu-components-2223449868",r),children:e.jsxRuntimeExports.jsx("div",{ref:n,className:"kakadu-components-3857562328",children:u})})}const at="kakadu-components-2065792067",rt="kakadu-components-3551118672",R="kakadu-components-2161641266",ce="kakadu-components-628401705",ie=d.cx(ce,"kakadu-components-3245407458"),ct=d.cx(ce,"kakadu-components-1117160492");function it({as:p,className:s,...u}){return e.jsxRuntimeExports.jsx(a.Span,{as:p??"span",...u,className:d.cx("kakadu-components-3574036749",s)})}function ue({label:p,error:s,errorId:u,warning:r,warningId:y,footnote:n,attachments:f,className:l,children:g,...c}){const h=!!s,S=!!r,k=!!n;return e.jsxRuntimeExports.jsxs("label",{...c,className:d.cx(at,l),children:[e.jsxRuntimeExports.jsx(a.Span,{className:d.cx(i.overflowProtectionStyles,rt),children:e.jsxRuntimeExports.jsx("span",{children:p})}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-448077930",children:[g,k?e.jsxRuntimeExports.jsx(it,{className:"kakadu-components-3258753754",children:n}):null,f]}),h?e.jsxRuntimeExports.jsx(a.Paragraph,{id:u,className:ie,children:s instanceof Error?s.message:s}):S?e.jsxRuntimeExports.jsx(a.Paragraph,{id:y,className:ct,children:r instanceof Error?r.message:r}):null]})}function ut({label:p,options:s,error:u,warning:r,footnote:y,className:n,...f}){const l=t.useId(),g=`${l}-error`,c=`${l}-warning`,h=!!u,S=!!r;return e.jsxRuntimeExports.jsxs(ue,{label:p,error:u,warning:r,footnote:y,children:[e.jsxRuntimeExports.jsx("select",{...f,"aria-invalid":h,"data-warning":S,"aria-describedby":h?g:S?c:void 0,className:d.cx(R,"kakadu-components-709108872",n),children:s.map(k=>e.jsxRuntimeExports.jsx("option",{value:k.value,children:k.label},k.value))}),e.jsxRuntimeExports.jsx(te.default,{className:"kakadu-components-1616393393"})]})}const lt=36,z="kakadu-components-4233741488";function dt({type:p,label:s,error:u,warning:r,footnote:y,suggestion:n,hasCopyButton:f,hasClearButton:l,isMultiline:g,onChange:c,className:h,...S}){const k=t.useRef(null),B=t.useRef(null),N=t.useRef(null),K=T.useCreateNotification(),W=t.useId(),le=`${W}-error`,de=`${W}-warning`,{value:E}=S,[pe,$]=t.useState(""),m=E??pe,[me,xe]=t.useState(),fe=p==="textarea"||!!g;t.useLayoutEffect(()=>{typeof m=="string"&&N.current&&xe(N.current.scrollHeight)},[m]);const w=t.useMemo(()=>typeof m=="string"?`${m} `.split(`
2
+ `):[],[m]),ke=t.useMemo(()=>w.length,[w]),C=!!u,P=!!r,O=C?le:P?de:void 0;t.useEffect(()=>{$(typeof E=="string"?E:"")},[E]);const Q=t.useCallback(o=>{const{value:x}=o.target;$(x),c==null||c(x,o)},[c]),ge=t.useCallback(()=>{typeof m=="string"&&(G.default(m),K({type:D.NoticeType.success,children:"Copied to clipboard."}))},[m,K]),he=t.useCallback(()=>{var x;const o=B.current??k.current;if(c&&o){const _=(x=Object.getOwnPropertyDescriptor(o instanceof HTMLTextAreaElement?HTMLTextAreaElement.prototype:HTMLInputElement.prototype,"value"))==null?void 0:x.set;if(_){_.call(o,"");const M=new Event("input",{bubbles:!0});o.dispatchEvent(M),o.focus()}}},[c]),[Se,ye]=t.useState(""),U=!!n&&Se!==n,je=t.useCallback(()=>{var x;const o=B.current??k.current;if(n&&c&&o){const _=(x=Object.getOwnPropertyDescriptor(o instanceof HTMLTextAreaElement?HTMLTextAreaElement.prototype:HTMLInputElement.prototype,"value"))==null?void 0:x.set;if(_){_.call(o,n);const M=new Event("input",{bubbles:!0});o.dispatchEvent(M),o.focus()}else G.default(n);ye(n)}},[n,c]);return e.jsxRuntimeExports.jsxs(ue,{label:s,error:u,warning:r,footnote:y,attachments:e.jsxRuntimeExports.jsx(re,{isCollapsed:!U,children:U?e.jsxRuntimeExports.jsxs("button",{type:"button",className:d.cx(i.buttonResetStyles,i.overflowProtectionStyles,"kakadu-components-2355856341"),onClick:je,children:[e.jsxRuntimeExports.jsx(X.default,{label:"Apply suggestion"}),e.jsxRuntimeExports.jsx(q.SparkleSvg,{width:13,height:13,className:"kakadu-components-1021263934"}),e.jsxRuntimeExports.jsx(a.Span,{className:"kakadu-components-1585874956",children:n}),e.jsxRuntimeExports.jsx(H.default,{className:"kakadu-components-3448565402"}),e.jsxRuntimeExports.jsx(v.default,{})]}):null}),style:{"--button-padding":`${lt*((f?1:0)+(l?1:0))}px`},children:[e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-3146929190",children:[fe?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("span",{ref:N,"aria-hidden":!0,className:d.cx(R,h,"kakadu-components-2033521835"),children:[w.map((o,x)=>e.jsxRuntimeExports.jsxs("span",{children:[o,ke>1?e.jsxRuntimeExports.jsx("br",{}):null]},x))," "]}),e.jsxRuntimeExports.jsx("textarea",{...S,ref:B,rows:1,"aria-invalid":C,"data-warning":P,"aria-describedby":O,value:m,className:d.cx(R,h,"kakadu-components-2119524139"),style:{minHeight:me},onChange:Q})]}):e.jsxRuntimeExports.jsx("input",{...S,ref:k,type:p??"text",value:m,"aria-invalid":C,"data-warning":P,"aria-describedby":O,className:d.cx(R,h),onChange:Q}),e.jsxRuntimeExports.jsx(H.default,{className:"kakadu-components-1614211948"}),e.jsxRuntimeExports.jsx(v.default,{className:"kakadu-components-1041647916"})]}),f||l?e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-131986363",children:[f?e.jsxRuntimeExports.jsx(L.default,{iconLeft:q.IconType.copy,label:"Copy",tooltip:"Copy",className:z,onClick:ge}):null,l?e.jsxRuntimeExports.jsx(L.default,{iconLeft:q.IconType.times,label:"Clear",tooltip:"Clear",className:z,onClick:he}):null]}):null]})}exports.FontFamilyHead=i.FontFamilyHead;exports.buttonResetStyles=i.buttonResetStyles;exports.darkBackgroundColor=i.darkBackgroundColor;exports.effectStyles=i.effectStyles;exports.font=i.font;exports.lightBackgroundColor=i.lightBackgroundColor;exports.nonInteractiveEffectStyles=i.nonInteractiveEffectStyles;exports.overflowProtectionStyles=i.overflowProtectionStyles;exports.theme=i.default;exports.AriaText=J.default;exports.ariaTextStyles=J.ariaTextStyles;exports.Atom=A.default;exports.defaultAtomElementType=A.defaultAtomElementType;exports.BankidLogo=qe.default;exports.Box=be.default;exports.Button=b.default;exports.ButtonVariant=b.ButtonVariant;exports.buttonDangerStyles=b.buttonDangerStyles;exports.buttonSecondaryStyles=b.buttonSecondaryStyles;exports.buttonSuccessStyles=b.buttonSuccessStyles;exports.buttonWarningStyles=b.buttonWarningStyles;exports.ButtonTooltip=X.default;exports.Card=_e.default;exports.ClickRipples=H.default;exports.Datum=Ee.default;exports.DnbLogo=Re.default;exports.Dot=ve.default;exports.Flex=Y.default;exports.FlexAlignment=Y.FlexAlignment;exports.Footer=Z.default;exports.FooterLinkItem=Z.FooterLinkItem;exports.Gauge=Le.default;exports.GjensidigeLogo=Te.default;exports.Header=Ie.default;exports.HoverGradient=v.default;exports.normalBlendStyles=v.normalBlendStyles;exports.IconButton=ee.default;exports.IconButtonVariant=ee.IconButtonVariant;exports.ChevronUp=te.default;exports.Icon=q.Icon;exports.IconType=q.IconType;exports.iconShadowStyles=q.iconShadowStyles;exports.copyToClipboard=G.default;exports.TextButton=L.default;exports.TextButtonVariant=L.TextButtonVariant;exports.AnchorHeading=a.AnchorHeading;exports.Heading=a.Heading;exports.Hero=a.Hero;exports.Label=a.Label;exports.Paragraph=a.Paragraph;exports.Span=a.Span;exports.Text=a.default;exports.spanStyles=a.spanStyles;exports.textShadowStyles=a.textShadowStyles;exports.Notification=T.default;exports.NotificationProvider=T.NotificationProvider;exports.useCreateNotification=T.useCreateNotification;exports.Notice=D.default;exports.NoticeType=D.NoticeType;exports.KakaduGuideIcon=Be.default;exports.KakaduGuideLogo=V.default;exports.KakaduGuideLogoSvg=V.KakaduGuideLogoSvg;exports.KakaduGuideLogoVariant=V.KakaduGuideLogoVariant;exports.KakaduIndexLogo=Ne.default;exports.KakaduLogo=we.default;exports.Modal=F.default;exports.useModal=F.useModal;exports.useModalContext=F.useModalContext;exports.MovingGradients=Ce.default;exports.MovingStars=Pe.default;exports.Revealer=ne.default;exports.useRevealer=ne.useRevealer;exports.Separator=I.default;exports.SeparatorLabel=I.SeparatorLabel;exports.SmallSeparator=I.SmallSeparator;exports.VerticalSeparator=I.VerticalSeparator;exports.Skeleton=oe.default;exports.SkeletonInstance=oe.SkeletonInstance;exports.Sparebank1Logo=Me.default;exports.RevealSpinner=se.RevealSpinner;exports.Spinner=se.default;exports.StoLogo=He.default;exports.StorebrandLogo=Ge.default;exports.ThemeSetter=j.default;exports.getThemePreference=j.getThemePreference;exports.setThemePreference=j.setThemePreference;exports.themePreferences=j.themePreferences;exports.useIsDarkMode=j.useIsDarkMode;exports.useIsLightMode=j.useIsLightMode;exports.useTheme=j.useTheme;exports.Veil=Ae.default;exports.Wrapper=ae.default;exports.WrapperWidth=ae.WrapperWidth;exports.ArrowDown=De.default;exports.CaretDown=Ve.default;exports.CaretRight=Fe.default;exports.Check=Ke.default;exports.ChevronDown=We.default;exports.ChromeBrowserLogo=$e.default;exports.Copy=Oe.default;exports.Edit=Qe.default;exports.EdgeBrowserLogo=Ue.default;exports.ExclamationTriangle=ze.default;exports.KakaduGuide=Je.default;exports.KakaduGuideGlyph=Xe.default;exports.Menu=Ye.default;exports.Plus=Ze.default;exports.Test=et.default;exports.Times=tt.default;exports.useMediaQuery=nt.default;exports.generateRandomId=ot.default;exports.scale=st.default;exports.Collapsible=re;exports.Input=dt;exports.Select=ut;exports.errorParagraph=ie;
package/build/index.mjs CHANGED
@@ -1,351 +1,356 @@
1
- import { buttonResetStyles as le, overflowProtectionStyles as O } from "./theme.mjs";
2
- import { FontFamilyHead as Ge, darkBackgroundColor as De, effectStyles as Ve, font as Fe, lightBackgroundColor as Ke, nonInteractiveEffectStyles as We, default as $e } from "./theme.mjs";
3
- import { default as Ue, ariaTextStyles as ze } from "./components/aria-text.mjs";
4
- import ce from "./components/atom.mjs";
5
- import { defaultAtomElementType as qe } from "./components/atom.mjs";
6
- import { default as Xe } from "./components/bankid-logo.mjs";
7
- import { default as Ze } from "./components/box.mjs";
8
- import { default as et, ButtonVariant as tt, buttonDangerStyles as at, buttonSecondaryStyles as ot, buttonSuccessStyles as rt, buttonWarningStyles as nt } from "./components/button.mjs";
1
+ import { buttonResetStyles as ce, overflowProtectionStyles as U } from "./theme.mjs";
2
+ import { FontFamilyHead as We, darkBackgroundColor as $e, effectStyles as Oe, font as Ue, lightBackgroundColor as ze, nonInteractiveEffectStyles as Qe, default as qe } from "./theme.mjs";
3
+ import { default as Xe, ariaTextStyles as Ye } from "./components/aria-text.mjs";
4
+ import ie from "./components/atom.mjs";
5
+ import { defaultAtomElementType as _e } from "./components/atom.mjs";
6
+ import { default as tt } from "./components/bankid-logo.mjs";
7
+ import { default as at } from "./components/box.mjs";
8
+ import { default as nt, ButtonVariant as st, buttonDangerStyles as lt, buttonSecondaryStyles as ct, buttonSuccessStyles as it, buttonWarningStyles as dt } from "./components/button.mjs";
9
9
  import de from "./components/button-tooltip.mjs";
10
- import { default as lt } from "./components/card.mjs";
11
- import R from "./components/click-ripples.mjs";
10
+ import { default as ft } from "./components/card.mjs";
11
+ import G from "./components/click-ripples.mjs";
12
12
  import { j as e } from "./jsx-runtime-B4hRZ52C.mjs";
13
- import { useRef as v, useState as b, useEffect as U, useId as z, useLayoutEffect as ue, useMemo as G, useCallback as y } from "react";
13
+ import { useRef as v, useState as b, useEffect as z, useId as Q, useLayoutEffect as ue, useMemo as D, useCallback as S } from "react";
14
14
  import { cx as c } from "@kuma-ui/core";
15
- import { default as dt } from "./components/datum.mjs";
16
- import { default as it } from "./components/dnb-logo.mjs";
17
- import { default as mt } from "./components/dot.mjs";
18
- import { default as xt, FlexAlignment as kt } from "./components/flex.mjs";
19
- import { default as gt, FooterLinkItem as St } from "./components/footer.mjs";
20
- import { default as vt } from "./components/gauge.mjs";
21
- import { default as jt } from "./components/gjensidige-logo.mjs";
22
- import { default as Nt } from "./components/header.mjs";
23
- import D from "./components/hover-gradient.mjs";
24
- import { normalBlendStyles as It } from "./components/hover-gradient.mjs";
25
- import { default as Et, IconButtonVariant as wt } from "./components/icon-button.mjs";
26
- import ie from "./icons/chevron-up.mjs";
27
- import { I as V, S as fe } from "./icon-Dz2YJAPU.mjs";
28
- import { a as Mt, i as Ct } from "./icon-Dz2YJAPU.mjs";
29
- import F from "./utilities/copy-to-clipboard.mjs";
30
- import K from "./components/text-button.mjs";
31
- import { TextButtonVariant as At } from "./components/text-button.mjs";
32
- import { Span as w, Paragraph as W } from "./components/text.mjs";
33
- import { AnchorHeading as Gt, Heading as Dt, Hero as Vt, Label as Ft, default as Kt, spanStyles as Wt, textShadowStyles as $t } from "./components/text.mjs";
34
- import { default as Ut } from "./components/kakadu-guide-icon.mjs";
35
- import { default as Qt, KakaduGuideLogoSvg as qt, KakaduGuideLogoVariant as Jt } from "./components/kakadu-guide-logo.mjs";
36
- import { default as Yt } from "./components/kakadu-index-logo.mjs";
37
- import { default as _t } from "./components/kakadu-logo.mjs";
38
- import { default as ta, useModal as aa, useModalContext as oa } from "./components/modal.mjs";
39
- import { default as na } from "./components/moving-gradients.mjs";
40
- import { default as la } from "./components/moving-stars.mjs";
41
- import { default as da, NoticeType as ua } from "./components/notice.mjs";
42
- import { default as fa, NotificationProvider as ma, useCreateNotification as pa } from "./components/notification.mjs";
43
- import { default as ka, useRevealer as ha } from "./components/revealer.mjs";
44
- import { default as Sa, SeparatorLabel as ya, SmallSeparator as va, VerticalSeparator as ba } from "./components/separator.mjs";
45
- import { default as La, SkeletonInstance as Na } from "./components/skeleton.mjs";
46
- import { default as Ia } from "./components/sparebank1-logo.mjs";
47
- import { RevealSpinner as Ea, default as wa } from "./components/spinner.mjs";
48
- import { default as Ma } from "./components/sto-logo.mjs";
49
- import { default as Pa } from "./components/storebrand-logo.mjs";
50
- import { default as Ra, getThemePreference as Ga, setThemePreference as Da, themePreferences as Va, useIsDarkMode as Fa, useIsLightMode as Ka, useTheme as Wa } from "./components/theme-setter.mjs";
51
- import { default as Oa } from "./components/veil.mjs";
52
- import { default as za, WrapperWidth as Qa } from "./components/wrapper.mjs";
53
- import { default as Ja } from "./icons/arrow-down.mjs";
54
- import { default as Ya } from "./icons/caret-down.mjs";
55
- import { default as _a } from "./icons/caret-right.mjs";
56
- import { default as to } from "./icons/check.mjs";
57
- import { default as oo } from "./icons/chevron-down.mjs";
58
- import { default as no } from "./icons/chrome-browser-logo.mjs";
59
- import { default as lo } from "./icons/copy.mjs";
60
- import { default as uo } from "./icons/edit.mjs";
61
- import { default as fo } from "./icons/edge-browser-logo.mjs";
62
- import { default as po } from "./icons/exclamation-triangle.mjs";
63
- import { default as ko } from "./icons/kakadu-guide.mjs";
64
- import { default as go } from "./icons/kakadu-guide-glyph.mjs";
65
- import { default as yo } from "./icons/menu.mjs";
66
- import { default as bo } from "./icons/plus.mjs";
67
- import { default as Lo } from "./icons/test.mjs";
68
- import { default as To } from "./icons/times.mjs";
69
- import { default as Bo } from "./hooks/use-media-query.mjs";
70
- import { default as wo } from "./utilities/generate-random-id.mjs";
71
- import { default as Mo } from "./utilities/scale.mjs";
72
- function me({
73
- as: d,
74
- isCollapsed: o = !0,
15
+ import { default as mt } from "./components/datum.mjs";
16
+ import { default as kt } from "./components/dnb-logo.mjs";
17
+ import { default as gt } from "./components/dot.mjs";
18
+ import { default as St, FlexAlignment as vt } from "./components/flex.mjs";
19
+ import { default as jt, FooterLinkItem as Nt } from "./components/footer.mjs";
20
+ import { default as Tt } from "./components/gauge.mjs";
21
+ import { default as Bt } from "./components/gjensidige-logo.mjs";
22
+ import { default as wt } from "./components/header.mjs";
23
+ import V from "./components/hover-gradient.mjs";
24
+ import { normalBlendStyles as Ht } from "./components/hover-gradient.mjs";
25
+ import { default as Pt, IconButtonVariant as At } from "./components/icon-button.mjs";
26
+ import fe from "./icons/chevron-up.mjs";
27
+ import { I as F, S as pe } from "./icon-Dz2YJAPU.mjs";
28
+ import { a as Gt, i as Dt } from "./icon-Dz2YJAPU.mjs";
29
+ import K from "./utilities/copy-to-clipboard.mjs";
30
+ import W from "./components/text-button.mjs";
31
+ import { TextButtonVariant as Ft } from "./components/text-button.mjs";
32
+ import { Span as w, Paragraph as $ } from "./components/text.mjs";
33
+ import { AnchorHeading as Wt, Heading as $t, Hero as Ot, Label as Ut, default as zt, spanStyles as Qt, textShadowStyles as qt } from "./components/text.mjs";
34
+ import { useCreateNotification as me } from "./components/notification.mjs";
35
+ import { default as Xt, NotificationProvider as Yt } from "./components/notification.mjs";
36
+ import { NoticeType as xe } from "./components/notice.mjs";
37
+ import { default as _t } from "./components/notice.mjs";
38
+ import { default as to } from "./components/kakadu-guide-icon.mjs";
39
+ import { default as ao, KakaduGuideLogoSvg as ro, KakaduGuideLogoVariant as no } from "./components/kakadu-guide-logo.mjs";
40
+ import { default as lo } from "./components/kakadu-index-logo.mjs";
41
+ import { default as io } from "./components/kakadu-logo.mjs";
42
+ import { default as fo, useModal as po, useModalContext as mo } from "./components/modal.mjs";
43
+ import { default as ko } from "./components/moving-gradients.mjs";
44
+ import { default as go } from "./components/moving-stars.mjs";
45
+ import { default as So, useRevealer as vo } from "./components/revealer.mjs";
46
+ import { default as jo, SeparatorLabel as No, SmallSeparator as Lo, VerticalSeparator as To } from "./components/separator.mjs";
47
+ import { default as Bo, SkeletonInstance as Eo } from "./components/skeleton.mjs";
48
+ import { default as Co } from "./components/sparebank1-logo.mjs";
49
+ import { RevealSpinner as Mo, default as Po } from "./components/spinner.mjs";
50
+ import { default as Ro } from "./components/sto-logo.mjs";
51
+ import { default as Do } from "./components/storebrand-logo.mjs";
52
+ import { default as Fo, getThemePreference as Ko, setThemePreference as Wo, themePreferences as $o, useIsDarkMode as Oo, useIsLightMode as Uo, useTheme as zo } from "./components/theme-setter.mjs";
53
+ import { default as qo } from "./components/veil.mjs";
54
+ import { default as Xo, WrapperWidth as Yo } from "./components/wrapper.mjs";
55
+ import { default as _o } from "./icons/arrow-down.mjs";
56
+ import { default as ta } from "./icons/caret-down.mjs";
57
+ import { default as aa } from "./icons/caret-right.mjs";
58
+ import { default as na } from "./icons/check.mjs";
59
+ import { default as la } from "./icons/chevron-down.mjs";
60
+ import { default as ia } from "./icons/chrome-browser-logo.mjs";
61
+ import { default as ua } from "./icons/copy.mjs";
62
+ import { default as pa } from "./icons/edit.mjs";
63
+ import { default as xa } from "./icons/edge-browser-logo.mjs";
64
+ import { default as ha } from "./icons/exclamation-triangle.mjs";
65
+ import { default as ya } from "./icons/kakadu-guide.mjs";
66
+ import { default as va } from "./icons/kakadu-guide-glyph.mjs";
67
+ import { default as ja } from "./icons/menu.mjs";
68
+ import { default as La } from "./icons/plus.mjs";
69
+ import { default as Ia } from "./icons/test.mjs";
70
+ import { default as Ea } from "./icons/times.mjs";
71
+ import { default as Ca } from "./hooks/use-media-query.mjs";
72
+ import { default as Ma } from "./utilities/generate-random-id.mjs";
73
+ import { default as Aa } from "./utilities/scale.mjs";
74
+ function ke({
75
+ as: i,
76
+ isCollapsed: a = !0,
75
77
  children: s,
76
78
  className: r,
77
79
  ...h
78
80
  }) {
79
81
  const t = v(null), [f, l] = b();
80
- return U(() => {
81
- if (o)
82
+ return z(() => {
83
+ if (a)
82
84
  l(0);
83
85
  else {
84
- const p = t.current;
85
- p && l(p.scrollHeight ?? 0);
86
+ const m = t.current;
87
+ m && l(m.scrollHeight ?? 0);
86
88
  }
87
- }, [o]), /* @__PURE__ */ e.jsx(ce, { as: d ?? "div", ...h, "aria-hidden": o, style: {
89
+ }, [a]), /* @__PURE__ */ e.jsx(ie, { as: i ?? "div", ...h, "aria-hidden": a, style: {
88
90
  height: f,
89
- opacity: o ? 0 : 1
91
+ opacity: a ? 0 : 1
90
92
  }, className: c("kakadu-components-2223449868", r), children: /* @__PURE__ */ e.jsx("div", { ref: t, className: "kakadu-components-3857562328", children: s }) });
91
93
  }
92
- const pe = "kakadu-components-2065792067", xe = "kakadu-components-3551118672", j = "kakadu-components-2161641266", Q = "kakadu-components-628401705", ke = c(Q, "kakadu-components-3245407458"), he = c(Q, "kakadu-components-1117160492");
93
- function ge({
94
- as: d,
95
- className: o,
94
+ const he = "kakadu-components-2065792067", ge = "kakadu-components-3551118672", j = "kakadu-components-2161641266", q = "kakadu-components-628401705", ye = c(q, "kakadu-components-3245407458"), Se = c(q, "kakadu-components-1117160492");
95
+ function ve({
96
+ as: i,
97
+ className: a,
96
98
  ...s
97
99
  }) {
98
- return /* @__PURE__ */ e.jsx(w, { as: d ?? "span", ...s, className: c("kakadu-components-3574036749", o) });
100
+ return /* @__PURE__ */ e.jsx(w, { as: i ?? "span", ...s, className: c("kakadu-components-3574036749", a) });
99
101
  }
100
- function q({
101
- label: d,
102
- error: o,
102
+ function J({
103
+ label: i,
104
+ error: a,
103
105
  errorId: s,
104
106
  warning: r,
105
107
  warningId: h,
106
108
  footnote: t,
107
109
  attachments: f,
108
110
  className: l,
109
- children: p,
111
+ children: m,
110
112
  ...n
111
113
  }) {
112
- const x = !!o, k = !!r, m = !!t;
113
- return /* @__PURE__ */ e.jsxs("label", { ...n, className: c(pe, l), children: [
114
- /* @__PURE__ */ e.jsx(w, { className: c(O, xe), children: /* @__PURE__ */ e.jsx("span", { children: d }) }),
114
+ const x = !!a, k = !!r, p = !!t;
115
+ return /* @__PURE__ */ e.jsxs("label", { ...n, className: c(he, l), children: [
116
+ /* @__PURE__ */ e.jsx(w, { className: c(U, ge), children: /* @__PURE__ */ e.jsx("span", { children: i }) }),
115
117
  /* @__PURE__ */ e.jsxs("span", { className: "kakadu-components-448077930", children: [
116
- p,
117
- m ? /* @__PURE__ */ e.jsx(ge, { className: "kakadu-components-3258753754", children: t }) : null,
118
+ m,
119
+ p ? /* @__PURE__ */ e.jsx(ve, { className: "kakadu-components-3258753754", children: t }) : null,
118
120
  f
119
121
  ] }),
120
- x ? /* @__PURE__ */ e.jsx(W, { id: s, className: ke, children: o instanceof Error ? o.message : o }) : k ? /* @__PURE__ */ e.jsx(W, { id: h, className: he, children: r instanceof Error ? r.message : r }) : null
122
+ x ? /* @__PURE__ */ e.jsx($, { id: s, className: ye, children: a instanceof Error ? a.message : a }) : k ? /* @__PURE__ */ e.jsx($, { id: h, className: Se, children: r instanceof Error ? r.message : r }) : null
121
123
  ] });
122
124
  }
123
- function Ce({
124
- label: d,
125
- options: o,
125
+ function De({
126
+ label: i,
127
+ options: a,
126
128
  error: s,
127
129
  warning: r,
128
130
  footnote: h,
129
131
  className: t,
130
132
  ...f
131
133
  }) {
132
- const l = z(), p = `${l}-error`, n = `${l}-warning`, x = !!s, k = !!r;
133
- return /* @__PURE__ */ e.jsxs(q, { label: d, error: s, warning: r, footnote: h, children: [
134
- /* @__PURE__ */ e.jsx("select", { ...f, "aria-invalid": x, "data-warning": k, "aria-describedby": x ? p : k ? n : void 0, className: c(j, "kakadu-components-709108872", t), children: o.map((m) => /* @__PURE__ */ e.jsx("option", { value: m.value, children: m.label }, m.value)) }),
135
- /* @__PURE__ */ e.jsx(ie, { className: "kakadu-components-1616393393" })
134
+ const l = Q(), m = `${l}-error`, n = `${l}-warning`, x = !!s, k = !!r;
135
+ return /* @__PURE__ */ e.jsxs(J, { label: i, error: s, warning: r, footnote: h, children: [
136
+ /* @__PURE__ */ e.jsx("select", { ...f, "aria-invalid": x, "data-warning": k, "aria-describedby": x ? m : k ? n : void 0, className: c(j, "kakadu-components-709108872", t), children: a.map((p) => /* @__PURE__ */ e.jsx("option", { value: p.value, children: p.label }, p.value)) }),
137
+ /* @__PURE__ */ e.jsx(fe, { className: "kakadu-components-1616393393" })
136
138
  ] });
137
139
  }
138
- const Se = 36, $ = "kakadu-components-4233741488";
139
- function Pe({
140
- type: d,
141
- label: o,
140
+ const be = 36, O = "kakadu-components-4233741488";
141
+ function Ve({
142
+ type: i,
143
+ label: a,
142
144
  error: s,
143
145
  warning: r,
144
146
  footnote: h,
145
147
  suggestion: t,
146
148
  hasCopyButton: f,
147
149
  hasClearButton: l,
148
- isMultiline: p,
150
+ isMultiline: m,
149
151
  onChange: n,
150
152
  className: x,
151
153
  ...k
152
154
  }) {
153
- const m = v(null), L = v(null), N = v(null), H = z(), J = `${H}-error`, X = `${H}-warning`, {
154
- value: S
155
- } = k, [Y, M] = b(""), u = S ?? Y, [Z, _] = b(), ee = d === "textarea" || !!p;
155
+ const p = v(null), N = v(null), L = v(null), C = me(), H = Q(), X = `${H}-error`, Y = `${H}-warning`, {
156
+ value: y
157
+ } = k, [Z, M] = b(""), d = y ?? Z, [_, ee] = b(), te = i === "textarea" || !!m;
156
158
  ue(() => {
157
- typeof u == "string" && N.current && _(N.current.scrollHeight);
158
- }, [u]);
159
- const T = G(() => typeof u == "string" ? `${u} `.split(`
160
- `) : [], [u]), te = G(() => T.length, [T]), I = !!s, B = !!r, C = I ? J : B ? X : void 0;
161
- U(() => {
162
- M(typeof S == "string" ? S : "");
163
- }, [S]);
164
- const P = y((a) => {
159
+ typeof d == "string" && L.current && ee(L.current.scrollHeight);
160
+ }, [d]);
161
+ const T = D(() => typeof d == "string" ? `${d} `.split(`
162
+ `) : [], [d]), oe = D(() => T.length, [T]), I = !!s, B = !!r, P = I ? X : B ? Y : void 0;
163
+ z(() => {
164
+ M(typeof y == "string" ? y : "");
165
+ }, [y]);
166
+ const A = S((o) => {
165
167
  const {
166
- value: i
167
- } = a.target;
168
- M(i), n == null || n(i, a);
169
- }, [n]), ae = y(() => {
170
- typeof u == "string" && F(u);
171
- }, [u]), oe = y(() => {
172
- var i;
173
- const a = L.current ?? m.current;
174
- if (n && a) {
175
- const g = (i = Object.getOwnPropertyDescriptor(a instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype, "value")) == null ? void 0 : i.set;
168
+ value: u
169
+ } = o.target;
170
+ M(u), n == null || n(u, o);
171
+ }, [n]), ae = S(() => {
172
+ typeof d == "string" && (K(d), C({
173
+ type: xe.success,
174
+ children: "Copied to clipboard."
175
+ }));
176
+ }, [d, C]), re = S(() => {
177
+ var u;
178
+ const o = N.current ?? p.current;
179
+ if (n && o) {
180
+ const g = (u = Object.getOwnPropertyDescriptor(o instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype, "value")) == null ? void 0 : u.set;
176
181
  if (g) {
177
- g.call(a, "");
182
+ g.call(o, "");
178
183
  const E = new Event("input", {
179
184
  bubbles: !0
180
185
  });
181
- a.dispatchEvent(E), a.focus();
186
+ o.dispatchEvent(E), o.focus();
182
187
  }
183
188
  }
184
- }, [n]), [re, ne] = b(""), A = !!t && re !== t, se = y(() => {
185
- var i;
186
- const a = L.current ?? m.current;
187
- if (t && n && a) {
188
- const g = (i = Object.getOwnPropertyDescriptor(a instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype, "value")) == null ? void 0 : i.set;
189
+ }, [n]), [ne, se] = b(""), R = !!t && ne !== t, le = S(() => {
190
+ var u;
191
+ const o = N.current ?? p.current;
192
+ if (t && n && o) {
193
+ const g = (u = Object.getOwnPropertyDescriptor(o instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype, "value")) == null ? void 0 : u.set;
189
194
  if (g) {
190
- g.call(a, t);
195
+ g.call(o, t);
191
196
  const E = new Event("input", {
192
197
  bubbles: !0
193
198
  });
194
- a.dispatchEvent(E), a.focus();
199
+ o.dispatchEvent(E), o.focus();
195
200
  } else
196
- F(t);
197
- ne(t);
201
+ K(t);
202
+ se(t);
198
203
  }
199
204
  }, [t, n]);
200
- return /* @__PURE__ */ e.jsxs(q, { label: o, error: s, warning: r, footnote: h, attachments: /* @__PURE__ */ e.jsx(me, { isCollapsed: !A, children: A ? /* @__PURE__ */ e.jsxs("button", { type: "button", className: c(le, O, "kakadu-components-2355856341"), onClick: se, children: [
205
+ return /* @__PURE__ */ e.jsxs(J, { label: a, error: s, warning: r, footnote: h, attachments: /* @__PURE__ */ e.jsx(ke, { isCollapsed: !R, children: R ? /* @__PURE__ */ e.jsxs("button", { type: "button", className: c(ce, U, "kakadu-components-2355856341"), onClick: le, children: [
201
206
  /* @__PURE__ */ e.jsx(de, { label: "Apply suggestion" }),
202
- /* @__PURE__ */ e.jsx(fe, { width: 13, height: 13, className: "kakadu-components-1021263934" }),
207
+ /* @__PURE__ */ e.jsx(pe, { width: 13, height: 13, className: "kakadu-components-1021263934" }),
203
208
  /* @__PURE__ */ e.jsx(w, { className: "kakadu-components-1585874956", children: t }),
204
- /* @__PURE__ */ e.jsx(R, { className: "kakadu-components-3448565402" }),
205
- /* @__PURE__ */ e.jsx(D, {})
209
+ /* @__PURE__ */ e.jsx(G, { className: "kakadu-components-3448565402" }),
210
+ /* @__PURE__ */ e.jsx(V, {})
206
211
  ] }) : null }), style: {
207
- "--button-padding": `${Se * ((f ? 1 : 0) + (l ? 1 : 0))}px`
212
+ "--button-padding": `${be * ((f ? 1 : 0) + (l ? 1 : 0))}px`
208
213
  }, children: [
209
214
  /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-3146929190", children: [
210
- ee ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
211
- /* @__PURE__ */ e.jsxs("span", { ref: N, "aria-hidden": !0, className: c(j, x, "kakadu-components-2033521835"), children: [
212
- T.map((a, i) => (
215
+ te ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
216
+ /* @__PURE__ */ e.jsxs("span", { ref: L, "aria-hidden": !0, className: c(j, x, "kakadu-components-2033521835"), children: [
217
+ T.map((o, u) => (
213
218
  // eslint-disable-next-line react/no-array-index-key
214
219
  /* @__PURE__ */ e.jsxs("span", { children: [
215
- a,
216
- te > 1 ? /* @__PURE__ */ e.jsx("br", {}) : null
217
- ] }, i)
220
+ o,
221
+ oe > 1 ? /* @__PURE__ */ e.jsx("br", {}) : null
222
+ ] }, u)
218
223
  )),
219
224
  " "
220
225
  ] }),
221
- /* @__PURE__ */ e.jsx("textarea", { ...k, ref: L, rows: 1, "aria-invalid": I, "data-warning": B, "aria-describedby": C, value: u, className: c(j, x, "kakadu-components-2119524139"), style: {
222
- minHeight: Z
223
- }, onChange: P })
224
- ] }) : /* @__PURE__ */ e.jsx("input", { ...k, ref: m, type: d ?? "text", value: u, "aria-invalid": I, "data-warning": B, "aria-describedby": C, className: c(j, x), onChange: P }),
225
- /* @__PURE__ */ e.jsx(R, { className: "kakadu-components-1614211948" }),
226
- /* @__PURE__ */ e.jsx(D, { className: "kakadu-components-1041647916" })
226
+ /* @__PURE__ */ e.jsx("textarea", { ...k, ref: N, rows: 1, "aria-invalid": I, "data-warning": B, "aria-describedby": P, value: d, className: c(j, x, "kakadu-components-2119524139"), style: {
227
+ minHeight: _
228
+ }, onChange: A })
229
+ ] }) : /* @__PURE__ */ e.jsx("input", { ...k, ref: p, type: i ?? "text", value: d, "aria-invalid": I, "data-warning": B, "aria-describedby": P, className: c(j, x), onChange: A }),
230
+ /* @__PURE__ */ e.jsx(G, { className: "kakadu-components-1614211948" }),
231
+ /* @__PURE__ */ e.jsx(V, { className: "kakadu-components-1041647916" })
227
232
  ] }),
228
233
  f || l ? /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-131986363", children: [
229
- f ? /* @__PURE__ */ e.jsx(K, { iconLeft: V.copy, label: "Copy", tooltip: "Copy", className: $, onClick: ae }) : null,
230
- l ? /* @__PURE__ */ e.jsx(K, { iconLeft: V.times, label: "Clear", tooltip: "Clear", className: $, onClick: oe }) : null
234
+ f ? /* @__PURE__ */ e.jsx(W, { iconLeft: F.copy, label: "Copy", tooltip: "Copy", className: O, onClick: ae }) : null,
235
+ l ? /* @__PURE__ */ e.jsx(W, { iconLeft: F.times, label: "Clear", tooltip: "Clear", className: O, onClick: re }) : null
231
236
  ] }) : null
232
237
  ] });
233
238
  }
234
239
  export {
235
- Gt as AnchorHeading,
236
- Ue as AriaText,
237
- Ja as ArrowDown,
238
- ce as Atom,
239
- Xe as BankidLogo,
240
- Ze as Box,
241
- et as Button,
240
+ Wt as AnchorHeading,
241
+ Xe as AriaText,
242
+ _o as ArrowDown,
243
+ ie as Atom,
244
+ tt as BankidLogo,
245
+ at as Box,
246
+ nt as Button,
242
247
  de as ButtonTooltip,
243
- tt as ButtonVariant,
244
- lt as Card,
245
- Ya as CaretDown,
246
- _a as CaretRight,
247
- to as Check,
248
- oo as ChevronDown,
249
- ie as ChevronUp,
250
- no as ChromeBrowserLogo,
251
- R as ClickRipples,
252
- me as Collapsible,
253
- lo as Copy,
254
- dt as Datum,
255
- it as DnbLogo,
256
- mt as Dot,
257
- fo as EdgeBrowserLogo,
258
- uo as Edit,
259
- po as ExclamationTriangle,
260
- xt as Flex,
261
- kt as FlexAlignment,
262
- Ge as FontFamilyHead,
263
- gt as Footer,
264
- St as FooterLinkItem,
265
- vt as Gauge,
266
- jt as GjensidigeLogo,
267
- Nt as Header,
268
- Dt as Heading,
269
- Vt as Hero,
270
- D as HoverGradient,
271
- Mt as Icon,
272
- Et as IconButton,
273
- wt as IconButtonVariant,
274
- V as IconType,
275
- Pe as Input,
276
- ko as KakaduGuide,
277
- go as KakaduGuideGlyph,
278
- Ut as KakaduGuideIcon,
279
- Qt as KakaduGuideLogo,
280
- qt as KakaduGuideLogoSvg,
281
- Jt as KakaduGuideLogoVariant,
282
- Yt as KakaduIndexLogo,
283
- _t as KakaduLogo,
284
- Ft as Label,
285
- yo as Menu,
286
- ta as Modal,
287
- na as MovingGradients,
288
- la as MovingStars,
289
- da as Notice,
290
- ua as NoticeType,
291
- fa as Notification,
292
- ma as NotificationProvider,
293
- W as Paragraph,
294
- bo as Plus,
295
- Ea as RevealSpinner,
296
- ka as Revealer,
297
- Ce as Select,
298
- Sa as Separator,
299
- ya as SeparatorLabel,
300
- La as Skeleton,
301
- Na as SkeletonInstance,
302
- va as SmallSeparator,
248
+ st as ButtonVariant,
249
+ ft as Card,
250
+ ta as CaretDown,
251
+ aa as CaretRight,
252
+ na as Check,
253
+ la as ChevronDown,
254
+ fe as ChevronUp,
255
+ ia as ChromeBrowserLogo,
256
+ G as ClickRipples,
257
+ ke as Collapsible,
258
+ ua as Copy,
259
+ mt as Datum,
260
+ kt as DnbLogo,
261
+ gt as Dot,
262
+ xa as EdgeBrowserLogo,
263
+ pa as Edit,
264
+ ha as ExclamationTriangle,
265
+ St as Flex,
266
+ vt as FlexAlignment,
267
+ We as FontFamilyHead,
268
+ jt as Footer,
269
+ Nt as FooterLinkItem,
270
+ Tt as Gauge,
271
+ Bt as GjensidigeLogo,
272
+ wt as Header,
273
+ $t as Heading,
274
+ Ot as Hero,
275
+ V as HoverGradient,
276
+ Gt as Icon,
277
+ Pt as IconButton,
278
+ At as IconButtonVariant,
279
+ F as IconType,
280
+ Ve as Input,
281
+ ya as KakaduGuide,
282
+ va as KakaduGuideGlyph,
283
+ to as KakaduGuideIcon,
284
+ ao as KakaduGuideLogo,
285
+ ro as KakaduGuideLogoSvg,
286
+ no as KakaduGuideLogoVariant,
287
+ lo as KakaduIndexLogo,
288
+ io as KakaduLogo,
289
+ Ut as Label,
290
+ ja as Menu,
291
+ fo as Modal,
292
+ ko as MovingGradients,
293
+ go as MovingStars,
294
+ _t as Notice,
295
+ xe as NoticeType,
296
+ Xt as Notification,
297
+ Yt as NotificationProvider,
298
+ $ as Paragraph,
299
+ La as Plus,
300
+ Mo as RevealSpinner,
301
+ So as Revealer,
302
+ De as Select,
303
+ jo as Separator,
304
+ No as SeparatorLabel,
305
+ Bo as Skeleton,
306
+ Eo as SkeletonInstance,
307
+ Lo as SmallSeparator,
303
308
  w as Span,
304
- Ia as Sparebank1Logo,
305
- wa as Spinner,
306
- Ma as StoLogo,
307
- Pa as StorebrandLogo,
308
- Lo as Test,
309
- Kt as Text,
310
- K as TextButton,
311
- At as TextButtonVariant,
312
- Ra as ThemeSetter,
313
- To as Times,
314
- Oa as Veil,
315
- ba as VerticalSeparator,
316
- za as Wrapper,
317
- Qa as WrapperWidth,
318
- ze as ariaTextStyles,
319
- at as buttonDangerStyles,
320
- le as buttonResetStyles,
321
- ot as buttonSecondaryStyles,
322
- rt as buttonSuccessStyles,
323
- nt as buttonWarningStyles,
324
- F as copyToClipboard,
325
- De as darkBackgroundColor,
326
- qe as defaultAtomElementType,
327
- Ve as effectStyles,
328
- ke as errorParagraph,
329
- Fe as font,
330
- wo as generateRandomId,
331
- Ga as getThemePreference,
332
- Ct as iconShadowStyles,
333
- Ke as lightBackgroundColor,
334
- We as nonInteractiveEffectStyles,
335
- It as normalBlendStyles,
336
- O as overflowProtectionStyles,
337
- Mo as scale,
338
- Da as setThemePreference,
339
- Wt as spanStyles,
340
- $t as textShadowStyles,
341
- $e as theme,
342
- Va as themePreferences,
343
- pa as useCreateNotification,
344
- Fa as useIsDarkMode,
345
- Ka as useIsLightMode,
346
- Bo as useMediaQuery,
347
- aa as useModal,
348
- oa as useModalContext,
349
- ha as useRevealer,
350
- Wa as useTheme
309
+ Co as Sparebank1Logo,
310
+ Po as Spinner,
311
+ Ro as StoLogo,
312
+ Do as StorebrandLogo,
313
+ Ia as Test,
314
+ zt as Text,
315
+ W as TextButton,
316
+ Ft as TextButtonVariant,
317
+ Fo as ThemeSetter,
318
+ Ea as Times,
319
+ qo as Veil,
320
+ To as VerticalSeparator,
321
+ Xo as Wrapper,
322
+ Yo as WrapperWidth,
323
+ Ye as ariaTextStyles,
324
+ lt as buttonDangerStyles,
325
+ ce as buttonResetStyles,
326
+ ct as buttonSecondaryStyles,
327
+ it as buttonSuccessStyles,
328
+ dt as buttonWarningStyles,
329
+ K as copyToClipboard,
330
+ $e as darkBackgroundColor,
331
+ _e as defaultAtomElementType,
332
+ Oe as effectStyles,
333
+ ye as errorParagraph,
334
+ Ue as font,
335
+ Ma as generateRandomId,
336
+ Ko as getThemePreference,
337
+ Dt as iconShadowStyles,
338
+ ze as lightBackgroundColor,
339
+ Qe as nonInteractiveEffectStyles,
340
+ Ht as normalBlendStyles,
341
+ U as overflowProtectionStyles,
342
+ Aa as scale,
343
+ Wo as setThemePreference,
344
+ Qt as spanStyles,
345
+ qt as textShadowStyles,
346
+ qe as theme,
347
+ $o as themePreferences,
348
+ me as useCreateNotification,
349
+ Oo as useIsDarkMode,
350
+ Uo as useIsLightMode,
351
+ Ca as useMediaQuery,
352
+ po as useModal,
353
+ mo as useModalContext,
354
+ vo as useRevealer,
355
+ zo as useTheme
351
356
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kakadu/components",
3
- "version": "1.6.0",
3
+ "version": "1.6.1",
4
4
  "description": "Kakadu components library",
5
5
  "license": "MIT",
6
6
  "main": "./build/index.js",