npm - @infonomic/uikit - Versions diffs - 5.14.0 → 5.15.0 - Mend

@infonomic/uikit 5.14.0 → 5.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/components/notifications/alert.module.css +1 -0
package/dist/components/notifications/alert_module.css +1 -0
package/dist/styles/styles.css +1 -1
package/package.json +1 -1
package/src/components/button/button-intents.stories.tsx +44 -21
package/src/components/notifications/alert.module.css +1 -0
package/src/components/notifications/alert.stories.tsx +36 -17
package/src/styles/functional/colors.css +75 -59

package/dist/components/notifications/alert.module.css CHANGED Viewed

@@ -13,6 +13,7 @@
     transition: all 0.3s ease-in-out;
     border: 1px solid var(--alert-border);
     background-color: var(--alert-background);
+    color: var(--foreground);
     margin-bottom: 1rem;
   }

package/dist/components/notifications/alert_module.css CHANGED Viewed

@@ -8,6 +8,7 @@
     border: 1px solid var(--alert-border);
     background-color: var(--alert-background);
     width: 100%;
+    color: var(--foreground);
     margin-bottom: 1rem;
     padding: 16px;
     font-family: inherit;

package/dist/styles/styles.css CHANGED Viewed

	@@ -1 +1 @@
1	- @layer infonomic-base{,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@media (prefers-reduced-motion:reduce){,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes enterFromRight{0%{opacity:0;transform:translate(200px)}to{opacity:1;transform:translate(0)}}@keyframes enterFromLeft{0%{opacity:0;transform:translate(-200px)}to{opacity:1;transform:translate(0)}}@keyframes exitToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(200px)}}@keyframes exitToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-200px)}}@keyframes scaleIn{0%{opacity:0;transform:rotateX(-30deg)scale(.9)}to{opacity:1;transform:rotateX(0)scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:rotateX(0)scale(1)}to{opacity:0;transform:rotateX(-10deg)scale(.95)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}:root{--border-width-thin:1px;--border-width-normal:2px;--border-width-thick:4px;--border-style-solid:solid;--border-style-dashed:dashed;--border-style-dotted:dotted;--border-radius-none:0px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-2xl:24px;--border-radius-full:9999px;--ring-offset-width:2px;--ring-inset: ;--ring-shadow:0 0 #0000;--breakpoint-xs:30rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:66rem;--breakpoint-xl:77rem;--breakpoint-2xl:94rem;--theme-base:oklch(43.11% .1 317.53);--theme-25:oklch(from var(--theme-base)calc(l2)c h);--theme-50:oklch(from var(--theme-base)calc(l1.75)c h);--theme-100:oklch(from var(--theme-base)calc(l1.5)c h);--theme-200:oklch(from var(--theme-base)calc(l1.25)c h);--theme-300:oklch(from var(--theme-base)calc(l1.1)c h);--theme-400:var(--theme-base);--theme-500:oklch(from var(--theme-base)calc(l.95)c h);--theme-600:oklch(from var(--theme-base)calc(l.9)c h);--theme-700:oklch(from var(--theme-base)calc(l.85)c h);--theme-800:oklch(from var(--theme-base)calc(l.8)c h);--theme-900:oklch(from var(--theme-base)calc(l.75)c h);--theme-950:oklch(from var(--theme-base)calc(l.7)c h);--primary-base:oklch(49.7% .189 295.76);--primary-25:oklch(from var(--primary-base)calc(l2)c h);--primary-50:oklch(from var(--primary-base)calc(l1.75)c h);--primary-100:oklch(from var(--primary-base)calc(l1.5)c h);--primary-200:oklch(from var(--primary-base)calc(l1.25)c h);--primary-300:oklch(from var(--primary-base)calc(l1.1)c h);--primary-400:var(--primary-base);--primary-500:oklch(from var(--primary-base)calc(l.95)c h);--primary-600:oklch(from var(--primary-base)calc(l.9)c h);--primary-700:oklch(from var(--primary-base)calc(l.85)c h);--primary-800:oklch(from var(--primary-base)calc(l.8)c h);--primary-900:oklch(from var(--primary-base)calc(l.75)c h);--primary-950:oklch(from var(--primary-base)calc(l.7)c h);--secondary-base:oklch(84.61% .15 82.94);--secondary-25:oklch(from var(--secondary-base)calc(l2.25).1 h);--secondary-50:oklch(from var(--secondary-base)calc(l2)c h);--secondary-100:oklch(from var(--secondary-base)calc(l1.75)c h);--secondary-200:oklch(from var(--secondary-base)calc(l1.5)c h);--secondary-300:oklch(from var(--secondary-base)calc(l1.1)c h);--secondary-400:var(--secondary-base);--secondary-500:oklch(from var(--secondary-base)calc(l.95)c h);--secondary-600:oklch(from var(--secondary-base)calc(l.9)c h);--secondary-700:oklch(from var(--secondary-base)calc(l.85)c h);--secondary-800:oklch(from var(--secondary-base)calc(l.8)c h);--secondary-900:oklch(from var(--secondary-base)calc(l.75)c h);--secondary-950:oklch(from var(--secondary-base)calc(l.7)c h);--accent-base:oklch(75.4% .1 324.9);--accent-25:oklch(from var(--accent-base).985 .06 h);--accent-50:oklch(from var(--accent-base).975 .08 h);--accent-100:oklch(from var(--accent-base).9 .07 h);--accent-200:oklch(from var(--accent-base).85 c h);--accent-300:oklch(from var(--accent-base).8 c h);--accent-400:var(--accent-base);--accent-500:oklch(from var(--accent-base).7 c h);--accent-600:oklch(from var(--accent-base).68 c h);--accent-700:oklch(from var(--accent-base).62 .1 h);--accent-800:oklch(from var(--accent-base).6 .1 h);--accent-900:oklch(from var(--accent-base).58 .1 h);--accent-950:oklch(from var(--accent-base).5 .11 h);--canvas-base:oklch(54.2% .0037 275.34);--canvas-25:oklch(from var(--canvas-base)calc(l1.9)c h);--canvas-50:oklch(from var(--canvas-base)calc(l1.75)c h);--canvas-100:oklch(from var(--canvas-base)calc(l1.6)c h);--canvas-200:oklch(from var(--canvas-base)calc(l1.4)c h);--canvas-300:oklch(from var(--canvas-base)calc(l1.2)c h);--canvas-400:var(--canvas-base);--canvas-500:oklch(from var(--canvas-base)calc(l.9)c h);--canvas-600:oklch(from var(--canvas-base)calc(l.7)c h);--canvas-700:oklch(from var(--canvas-base)calc(l.5)c h);--canvas-800:oklch(from var(--canvas-base)calc(l.335)c h);--canvas-900:oklch(from var(--canvas-base)calc(l.3)c h);--canvas-950:oklch(from var(--canvas-base)calc(l.225)c h);--gray-base:oklch(59.84% 0 0);--gray-25:oklch(from var(--gray-base)calc(l1.625)c h);--gray-50:oklch(from var(--gray-base)calc(l1.575)c h);--gray-100:oklch(from var(--gray-base)calc(l1.475)c h);--gray-200:oklch(from var(--gray-base)calc(l1.35)c h);--gray-300:oklch(from var(--gray-base)calc(l1.175)c h);--gray-400:var(--gray-base);--gray-500:oklch(from var(--gray-base)calc(l.85)c h);--gray-600:oklch(from var(--gray-base)calc(l.725)c h);--gray-700:oklch(from var(--gray-base)calc(l.6126)c h);--gray-800:oklch(from var(--gray-base)calc(l.5)c h);--gray-900:oklch(from var(--gray-base)calc(l.4)c h);--gray-950:oklch(from var(--gray-base)calc(l.3)c h);--red-base:oklch(54.27% .18 31.76);--red-25:oklch(from var(--red-base)calc(l2)c h);--red-50:oklch(from var(--red-base)calc(l1.75)c h);--red-100:oklch(from var(--red-base)calc(l1.5)c h);--red-200:oklch(from var(--red-base)calc(l1.25)c h);--red-300:oklch(from var(--red-base)calc(l1.1)c h);--red-400:var(--red-base);--red-500:oklch(from var(--red-base)calc(l.95)c h);--red-600:oklch(from var(--red-base)calc(l.9)c h);--red-700:oklch(from var(--red-base)calc(l.85)c h);--red-800:oklch(from var(--red-base)calc(l.8)c h);--red-900:oklch(from var(--red-base)calc(l.75)c h);--red-950:oklch(from var(--red-base)calc(l.7)c h);--green-base:oklch(65.26% .18 142.58);--green-25:oklch(from var(--green-base)calc(l2)c h);--green-50:oklch(from var(--green-base)calc(l1.75)c h);--green-100:oklch(from var(--green-base)calc(l1.5)c h);--green-200:oklch(from var(--green-base)calc(l1.25)c h);--green-300:oklch(from var(--green-base)calc(l1.1)c h);--green-400:var(--green-base);--green-500:oklch(from var(--green-base)calc(l.95)c h);--green-600:oklch(from var(--green-base)calc(l.9)c h);--green-700:oklch(from var(--green-base)calc(l.85)c h);--green-800:oklch(from var(--green-base)calc(l.8)c h);--green-900:oklch(from var(--green-base)calc(l.75)c h);--green-950:oklch(from var(--green-base)calc(l.7)c h);--blue-base:oklch(53.66% .1942 265.89);--blue-25:oklch(from var(--blue-base)calc(l2)c h);--blue-50:oklch(from var(--blue-base)calc(l1.75)c h);--blue-100:oklch(from var(--blue-base)calc(l1.5)c h);--blue-200:oklch(from var(--blue-base)calc(l1.25)c h);--blue-300:oklch(from var(--blue-base)calc(l1.1)c h);--blue-400:var(--blue-base);--blue-500:oklch(from var(--blue-base)calc(l.95)c h);--blue-600:oklch(from var(--blue-base)calc(l.9)c h);--blue-700:oklch(from var(--blue-base)calc(l.85)c h);--blue-800:oklch(from var(--blue-base)calc(l.8)c h);--blue-900:oklch(from var(--blue-base)calc(l.75)c h);--blue-950:oklch(from var(--blue-base)calc(l.7)c h);--yellow-base:oklch(75% .15 82.94);--yellow-25:oklch(from var(--yellow-base)calc(l2)c h);--yellow-50:oklch(from var(--yellow-base)calc(l1.75)c h);--yellow-100:oklch(from var(--yellow-base)calc(l1.5)c h);--yellow-200:oklch(from var(--yellow-base)calc(l1.25)c h);--yellow-300:oklch(from var(--yellow-base)calc(l1.1)c h);--yellow-400:var(--yellow-base);--yellow-500:oklch(from var(--yellow-base)calc(l.95)c h);--yellow-600:oklch(from var(--yellow-base)calc(l.9)c h);--yellow-700:oklch(from var(--yellow-base)calc(l.85)c h);--yellow-800:oklch(from var(--yellow-base)calc(l.8)c h);--yellow-900:oklch(from var(--yellow-base)calc(l.75)c h);--yellow-950:oklch(from var(--yellow-base)calc(l.7)c h);--opacity-0:0;--opacity-25:.25;--opacity-50:.5;--opacity-75:.75;--opacity-100:1;--shadow:0 0 #0000;--shadow-xs:0px 1px 2px #0000000d;--shadow-sm:0px 2px 4px #0000001a;--shadow-md:0px 4px 6px #0000001a;--shadow-lg:0px 6px 12px #00000026;--shadow-xl:0px 8px 16px #0003;--spacing-0:0;--spacing-2:.125rem;--spacing-4:.25rem;--spacing-6:.375rem;--spacing-8:.5rem;--spacing-12:.75rem;--spacing-16:1rem;--spacing-20:1.25rem;--spacing-24:1.5rem;--spacing-28:1.75rem;--spacing-32:2rem;--spacing-36:2.25rem;--spacing-40:2.5rem;--spacing-44:2.75rem;--spacing-48:3rem;--spacing-64:4rem;--spacing-80:5rem;--spacing-96:6rem;--spacing-112:7rem;--spacing-128:8rem;--size-0:0;--size-2:.125rem;--size-4:.25rem;--size-6:.375rem;--size-8:.5rem;--size-12:.75rem;--size-16:1rem;--size-20:1.25rem;--size-24:1.5rem;--size-28:1.75rem;--size-32:2rem;--size-36:2.25rem;--size-40:2.5rem;--size-44:2.75rem;--size-48:3rem;--size-64:4rem;--size-80:5rem;--size-96:6rem;--size-112:7rem;--size-128:8rem;--transition-fast:.175s ease-in-out;--transition-normal:.23s ease-in-out;--transition-slow:.4s ease-in-out;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:2.625rem;--font-size-6xl:3rem;--font-size-7xl:3.375rem;--font-size-8xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-ultrabold:900;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.05em;--z-index-low:10;--z-index-medium:100;--z-index-high:1000;--z-index-modal:1050;--z-index-toast:1100}}@layer infonomic-functional{:root{--fill-primary-strong:var(--primary-500);--fill-primary-strong-hover:oklch(from var(--primary-500)calc(l.9)c h);--fill-primary-strong-disabled:oklch(from var(--primary-500)calc(l1.1)calc(c.85)h);--fill-primary-weak:oklch(from var(--primary-500)calc(l2.04)calc(c.2)h);--fill-primary-weak-disabled:oklch(from var(--primary-500)calc(l2)calc(c.2)h);--fill-primary-weak-hover:oklch(from var(--canvas-50)calc(l.995)c h);--text-on-primary:white;--text-on-primary-disabled:oklch(90% 5.0664e-8 90);--text-primary-strong:var(--primary-600);--text-primary-weak:oklch(from var(--primary-500)calc(l.7)c h);--text-primary-disabled:oklch(from var(--primary-600)calc(l1.5)calc(c.5)h);--text-primary-weak-disabled:oklch(from var(--primary-600)calc(l1.5)calc(c.5)h);--stroke-primary:var(--primary-600);--stroke-primary-hover:oklch(from var(--primary-600)calc(l.85)c h);--stroke-primary-disabled:oklch(from var(--primary-600)calc(l1.5)calc(c.8)h);--ring-primary:var(--primary-500);--gradient-primary-start:var(--primary-500);--gradient-primary-end:var(--primary-700);--gradient-primary-foreground:white;--gradient-primary-disabled:oklch(from var(--primary-700)calc(l1.2)calc(c.85)h);--fill-secondary-strong:var(--secondary-500);--fill-secondary-strong-hover:oklch(from var(--secondary-500)calc(l.95)c h);--fill-secondary-strong-disabled:oklch(from var(--secondary-500)calc(l1.1)calc(c.85)h);--fill-secondary-weak:oklch(from var(--secondary-500)calc(l1.6)calc(c.2)h);--fill-secondary-weak-hover:oklch(from var(--canvas-50)calc(l.995)c h);--text-on-secondary:black;--text-on-secondary-disabled:oklch(0% 0 0);--text-secondary-strong:var(--secondary-950);--text-secondary-weak:oklch(from var(--secondary-500)calc(l.7)c h);--text-secondary-disabled:oklch(from var(--secondary-950)calc(l1.5)calc(c.5)h);--stroke-secondary:var(--secondary-700);--stroke-secondary-hover:oklch(from var(--secondary-700)calc(l.85)c h);--stroke-secondary-disabled:oklch(from var(--secondary-700)calc(l1.5)calc(c.8)h);--ring-secondary:var(--secondary-500);--gradient-secondary-start:var(--secondary-500);--gradient-secondary-end:var(--secondary-700);--gradient-secondary-foreground:black;--gradient-secondary-disabled:oklch(from var(--secondary-700)calc(l1.2)calc(c.85)h);--fill-noeffect-strong:var(--gray-100);--fill-noeffect-strong-hover:oklch(from var(--gray-100)calc(l.95)c h);--fill-noeffect-strong-disabled:oklch(from var(--gray-100)calc(l1.1)calc(c.85)h);--fill-noeffect-weak:oklch(from var(--gray-100)calc(l2.9)calc(c.2)h);--fill-noeffect-weak-hover:oklch(from var(--canvas-50)calc(l.995)c h);--text-on-noeffect:black;--text-on-noeffect-disabled:oklch(0% 0 0);--text-noeffect-strong:var(--gray-800);--text-noeffect-weak:oklch(from var(--gray-100)calc(l.5)c h);--text-noeffect-disabled:oklch(from var(--gray-800)calc(l1.5)calc(c.5)h);--stroke-noeffect:var(--gray-500);--stroke-noeffect-hover:oklch(from var(--gray-500)calc(l.75)c h);--stroke-noeffect-disabled:oklch(from var(--gray-500)calc(l1.5)calc(c.8)h);--ring-noeffect:var(--gray-200);--gradient-noeffect-start:var(--gray-100);--gradient-noeffect-end:var(--gray-200);--gradient-noeffect-foreground:black;--gradient-noeffect-hover:var(--gray-400);--gradient-noeffect-disabled:oklch(from var(--gray-200)calc(l1.2)calc(c.85)h);--fill-success-strong:var(--green-400);--fill-success-strong-hover:oklch(from var(--green-400)calc(l.9)c h);--fill-success-strong-disabled:oklch(from var(--green-400)calc(l1.1)calc(c.85)h);--fill-success-weak:oklch(from var(--green-400)calc(l1.6)calc(c.2)h);--fill-success-weak-hover:oklch(from var(--canvas-50)calc(l.995)c h);--text-on-success:white;--text-on-success-disabled:oklch(90% 5.0664e-8 90);--text-success-strong:var(--green-600);--text-success-weak:oklch(from var(--green-400)calc(l.7)c h);--text-success-disabled:oklch(from var(--green-600)calc(l1.5)calc(c.5)h);--stroke-success:var(--green-600);--stroke-success-hover:oklch(from var(--green-600)calc(l.85)c h);--stroke-success-disabled:oklch(from var(--green-600)calc(l1.5)calc(c.8)h);--ring-success:var(--green-400);--gradient-success-start:var(--green-500);--gradient-success-end:var(--green-700);--gradient-success-foreground:white;--gradient-success-disabled:oklch(from var(--green-700)calc(l1.2)calc(c.85)h);--fill-info-strong:var(--blue-400);--fill-info-strong-hover:oklch(from var(--blue-400)calc(l.9)c h);--fill-info-strong-disabled:oklch(from var(--blue-400)calc(l1.1)calc(c.85)h);--fill-info-weak:oklch(from var(--blue-400)calc(l1.9)calc(c.2)h);--fill-info-weak-hover:oklch(from var(--canvas-50)calc(l.995)c h);--text-on-info:white;--text-on-info-disabled:oklch(90% 5.0664e-8 90);--text-info-strong:var(--blue-300);--text-info-weak:oklch(from var(--blue-400)calc(l.7)c h);--text-info-disabled:oklch(from var(--blue-300)calc(l1.5)calc(c.5)h);--stroke-info:var(--blue-500);--stroke-info-hover:oklch(from var(--blue-500)calc(l.85)c h);--stroke-info-disabled:oklch(from var(--blue-500)calc(l1.5)calc(c.8)h);--ring-info:var(--blue-400);--gradient-info-start:var(--blue-500);--gradient-info-end:var(--blue-700);--gradient-info-foreground:white;--gradient-info-disabled:oklch(from var(--blue-700)calc(l1.2)calc(c.85)h);--fill-warning-strong:var(--yellow-300);--fill-warning-strong-hover:oklch(from var(--yellow-300)calc(l.95)c h);--fill-warning-strong-disabled:oklch(from var(--yellow-300)calc(l1.1)calc(c.85)h);--fill-warning-weak:oklch(from var(--yellow-300)calc(l1.9)calc(c.2)h);--fill-warning-weak-hover:oklch(from var(--canvas-50)calc(l.995)c h);--text-on-warning:black;--text-on-warning-disabled:oklch(0% 0 0);--text-warning-strong:var(--yellow-700);--text-warning-weak:oklch(from var(--yellow-300)calc(l.6)c h);--text-warning-disabled:oklch(from var(--yellow-700)calc(l1.5)calc(c.5)h);--stroke-warning:var(--yellow-500);--stroke-warning-hover:oklch(from var(--yellow-500)calc(l.85)c h);--stroke-warning-disabled:oklch(from var(--yellow-500)calc(l1.5)calc(c.8)h);--ring-warning:var(--yellow-300);--gradient-warning-start:var(--yellow-300);--gradient-warning-end:var(--yellow-400);--gradient-warning-foreground:black;--gradient-warning-disabled:oklch(from var(--yellow-400)calc(l1.2)calc(c.85)h);--fill-danger-strong:var(--red-400);--fill-danger-strong-hover:oklch(from var(--red-400)calc(l.9)c h);--fill-danger-strong-disabled:oklch(from var(--red-400)calc(l1.1)calc(c.85)h);--fill-danger-weak:oklch(from var(--red-400)calc(l1.8)calc(c.3)h);--fill-danger-weak-hover:oklch(from var(--canvas-50)calc(l.995)c h);--text-on-danger:white;--text-on-danger-disabled:oklch(90% 5.0664e-8 90);--text-danger-strong:var(--red-500);--text-danger-weak:oklch(from var(--red-400)calc(l.7)c h);--text-danger-disabled:oklch(from var(--red-500)calc(l1.5)calc(c.5)h);--stroke-danger:var(--red-500);--stroke-danger-hover:oklch(from var(--red-500)calc(l.85)c h);--stroke-danger-disabled:oklch(from var(--red-500)calc(l1.5)calc(c.8)h);--ring-danger:var(--red-400);--gradient-danger-start:var(--red-500);--gradient-danger-end:var(--red-700);--gradient-danger-foreground:white;--gradient-danger-disabled:oklch(from var(--red-700)calc(l1.2)calc(c.85)h)}.dark,[data-theme=dark],[data-theme=dark] ::backdrop{--fill-primary-strong:var(--primary-500);--fill-primary-strong-hover:oklch(from var(--primary-500)calc(l.9)c h);--fill-primary-strong-disabled:oklch(from var(--primary-500)calc(l.85)calc(c.85)h);--fill-primary-weak:oklch(from var(--primary-400)calc(l.75)c h/.5);--fill-primary-weak-hover:oklch(from var(--primary-400)calc(l.65)c h/.5);--text-on-primary:white;--text-on-primary-disabled:oklch(85% 5.0664e-8 90);--text-primary-strong:var(--primary-50);--text-primary-weak:var(--primary-100);--text-primary-disabled:oklch(from var(--primary-100)calc(l.8)calc(c.8)h);--stroke-primary:var(--primary-300);--stroke-primary-hover:oklch(from var(--primary-300)calc(l1.1)c h);--stroke-primary-disabled:oklch(from var(--primary-300)calc(l.8)calc(c.8)h);--ring-primary:var(--primary-300);--gradient-primary-start:var(--primary-500);--gradient-primary-end:var(--primary-700);--gradient-primary-foreground:white;--gradient-primary-disabled:oklch(from var(--primary-700)calc(l.85)calc(c.85)h);--fill-secondary-strong:var(--secondary-500);--fill-secondary-strong-hover:oklch(from var(--secondary-500)calc(l.95)c h);--fill-secondary-strong-disabled:oklch(from var(--secondary-500)calc(l.85)calc(c.85)h);--fill-secondary-weak:oklch(from var(--secondary-500)calc(l.3)calc(c.1)h);--fill-secondary-weak-hover:var(--canvas-800);--text-on-secondary:black;--text-on-secondary-disabled:oklch(0% 0 0);--text-secondary-strong:var(--secondary-500);--text-secondary-weak:var(--secondary-500);--text-secondary-disabled:oklch(from var(--secondary-500)calc(l.8)calc(c.8)h);--stroke-secondary:var(--secondary-500);--stroke-secondary-hover:oklch(from var(--secondary-500)calc(l1.1)c h);--stroke-secondary-disabled:oklch(from var(--secondary-500)calc(l.8)calc(c.8)h);--ring-secondary:var(--secondary-500);--gradient-secondary-start:var(--secondary-500);--gradient-secondary-end:var(--secondary-700);--gradient-secondary-foreground:black;--gradient-secondary-disabled:oklch(from var(--secondary-700)calc(l.85)calc(c.85)h);--fill-noeffect-strong:var(--gray-900);--fill-noeffect-strong-hover:oklch(from var(--gray-900)calc(l.95)c h);--fill-noeffect-strong-disabled:oklch(from var(--gray-900)calc(l.85)calc(c.85)h);--fill-noeffect-weak:oklch(from var(--gray-900)calc(l.75)calc(c.2)h);--fill-noeffect-weak-hover:var(--canvas-800);--text-on-noeffect:white;--text-on-noeffect-disabled:oklch(85% 5.0664e-8 90);--text-noeffect-strong:var(--gray-300);--text-noeffect-weak:var(--gray-300);--text-noeffect-disabled:oklch(from var(--gray-300)calc(l.85)calc(c.85)h);--stroke-noeffect:var(--gray-500);--stroke-noeffect-hover:oklch(from var(--gray-500)calc(l1.2)c h);--stroke-noeffect-disabled:oklch(from var(--gray-500)calc(l.8)calc(c.8)h);--ring-noeffect:var(--gray-900);--gradient-noeffect-start:var(--gray-950);--gradient-noeffect-end:var(--gray-900);--gradient-noeffect-foreground:white;--gradient-noeffect-hover:var(--gray-900);--gradient-noeffect-disabled:oklch(from var(--gray-900)calc(l.85)calc(c.85)h);--fill-success-strong:var(--green-400);--fill-success-strong-hover:oklch(from var(--green-400)calc(l.9)c h);--fill-success-strong-disabled:oklch(from var(--green-400)calc(l.85)calc(c.85)h);--fill-success-weak:oklch(from var(--green-400)calc(l.35)calc(c.1)h);--fill-success-weak-hover:var(--canvas-800);--text-on-success:white;--text-on-success-disabled:oklch(85% 5.0664e-8 90);--text-success-strong:var(--green-500);--text-success-weak:var(--green-400);--text-success-disabled:oklch(from var(--green-500)calc(l.8)calc(c.8)h);--stroke-success:var(--green-500);--stroke-success-hover:oklch(from var(--green-500)calc(l1.1)c h);--stroke-success-disabled:oklch(from var(--green-500)calc(l.8)calc(c.8)h);--ring-success:var(--green-400);--gradient-success-start:var(--green-500);--gradient-success-end:var(--green-700);--gradient-success-foreground:white;--gradient-success-disabled:oklch(from var(--green-700)calc(l.85)calc(c.85)h);--fill-info-strong:var(--blue-400);--fill-info-strong-hover:oklch(from var(--blue-400)calc(l.9)c h);--fill-info-strong-disabled:oklch(from var(--blue-400)calc(l.85)calc(c.85)h);--fill-info-weak:oklch(from var(--blue-400)calc(l.43)calc(c.1)h);--fill-info-weak-hover:var(--canvas-800);--text-on-info:white;--text-on-info-disabled:oklch(85% 5.0664e-8 90);--text-info-strong:var(--blue-300);--text-info-weak:var(--blue-400);--text-info-disabled:oklch(from var(--blue-300)calc(l.8)calc(c.8)h);--stroke-info:var(--blue-500);--stroke-info-hover:oklch(from var(--blue-500)calc(l1.1)c h);--stroke-info-disabled:oklch(from var(--blue-500)calc(l.8)calc(c.8)h);--ring-info:var(--blue-400);--gradient-info-start:var(--blue-500);--gradient-info-end:var(--blue-700);--gradient-info-foreground:white;--gradient-info-disabled:oklch(from var(--blue-700)calc(l.85)calc(c.85)h);--fill-warning-strong:var(--yellow-300);--fill-warning-strong-hover:oklch(from var(--yellow-300)calc(l.95)c h);--fill-warning-strong-disabled:oklch(from var(--yellow-300)calc(l.85)calc(c.85)h);--fill-warning-weak:oklch(from var(--yellow-300)calc(l.31)calc(c.1)h);--fill-warning-weak-hover:var(--canvas-800);--text-on-warning:black;--text-on-warning-disabled:oklch(0% 0 0);--text-warning-strong:var(--yellow-500);--text-warning-weak:var(--yellow-300);--text-warning-disabled:oklch(from var(--yellow-500)calc(l.8)calc(c.8)h);--stroke-warning:var(--yellow-500);--stroke-warning-hover:oklch(from var(--yellow-500)calc(l1.1)c h);--stroke-warning-disabled:oklch(from var(--yellow-500)calc(l.8)calc(c.8)h);--ring-warning:var(--yellow-300);--gradient-warning-start:var(--yellow-300);--gradient-warning-end:var(--yellow-400);--gradient-warning-foreground:black;--gradient-warning-disabled:oklch(from var(--yellow-400)calc(l.85)calc(c.85)h);--fill-danger-strong:var(--red-400);--fill-danger-strong-hover:oklch(from var(--red-400)calc(l.9)c h);--fill-danger-strong-disabled:oklch(from var(--red-400)calc(l.85)calc(c.85)h);--fill-danger-weak:oklch(from var(--red-400)calc(l.4)calc(c.1)h);--fill-danger-weak-hover:var(--canvas-800);--text-on-danger:white;--text-on-danger-disabled:oklch(85% 5.0664e-8 90);--text-danger-strong:var(--red-500);--text-danger-weak:var(--red-400);--text-danger-disabled:oklch(from var(--red-500)calc(l.8)calc(c.8)h);--stroke-danger:var(--red-500);--stroke-danger-hover:oklch(from var(--red-500)calc(l1.1)c h);--stroke-danger-disabled:oklch(from var(--red-500)calc(l.8)calc(c.8)h);--ring-danger:var(--red-400);--gradient-danger-start:var(--red-500);--gradient-danger-end:var(--red-700);--gradient-danger-foreground:white;--gradient-danger-disabled:oklch(from var(--red-700)calc(l.85)calc(c.85)h)}.not-dark{--fill-primary-strong:var(--primary-500);--fill-primary-strong-hover:oklch(from var(--primary-500)calc(l.9)c h);--fill-primary-strong-disabled:oklch(from var(--primary-500)calc(l1.1)calc(c.85)h);--fill-primary-weak:oklch(from var(--primary-500)calc(l2.04)calc(c.2)h);--fill-primary-weak-hover:oklch(from var(--canvas-50)calc(l.995)c h);--text-on-primary:white;--text-on-primary-disabled:oklch(90% 5.0664e-8 90);--text-primary-strong:var(--primary-600);--text-primary-weak:oklch(from var(--primary-500)calc(l.7)c h);--text-primary-disabled:oklch(from var(--primary-600)calc(l1.5)calc(c.5)h);--stroke-primary:var(--primary-600);--stroke-primary-hover:oklch(from var(--primary-600)calc(l.85)c h);--stroke-primary-disabled:oklch(from var(--primary-600)calc(l1.5)calc(c.8)h);--ring-primary:var(--primary-500);--gradient-primary-start:var(--primary-500);--gradient-primary-end:var(--primary-700);--gradient-primary-foreground:white;--gradient-primary-disabled:oklch(from var(--primary-700)calc(l1.2)calc(c.85)h);--fill-secondary-strong:var(--secondary-500);--fill-secondary-strong-hover:oklch(from var(--secondary-500)calc(l.95)c h);--fill-secondary-strong-disabled:oklch(from var(--secondary-500)calc(l1.1)calc(c.85)h);--fill-secondary-weak:oklch(from var(--secondary-500)calc(l1.6)calc(c.2)h);--fill-secondary-weak-hover:oklch(from var(--canvas-50)calc(l.995)c h);--text-on-secondary:black;--text-on-secondary-disabled:oklch(0% 0 0);--text-secondary-strong:var(--secondary-950);--text-secondary-weak:oklch(from var(--secondary-500)calc(l.7)c h);--text-secondary-disabled:oklch(from var(--secondary-950)calc(l1.5)calc(c.5)h);--stroke-secondary:var(--secondary-700);--stroke-secondary-hover:oklch(from var(--secondary-700)calc(l.85)c h);--stroke-secondary-disabled:oklch(from var(--secondary-700)calc(l1.5)calc(c.8)h);--ring-secondary:var(--secondary-500);--gradient-secondary-start:var(--secondary-500);--gradient-secondary-end:var(--secondary-700);--gradient-secondary-foreground:black;--gradient-secondary-disabled:oklch(from var(--secondary-700)calc(l1.2)calc(c.85)h);--fill-noeffect-strong:var(--gray-100);--fill-noeffect-strong-hover:oklch(from var(--gray-100)calc(l.95)c h);--fill-noeffect-strong-disabled:oklch(from var(--gray-100)calc(l1.1)calc(c.85)h);--fill-noeffect-weak:oklch(from var(--gray-100)calc(l2.9)calc(c.2)h);--fill-noeffect-weak-hover:oklch(from var(--canvas-50)calc(l.995)c h);--text-on-noeffect:black;--text-on-noeffect-disabled:oklch(0% 0 0);--text-noeffect-strong:var(--gray-800);--text-noeffect-weak:oklch(from var(--gray-100)calc(l.5)c h);--text-noeffect-disabled:oklch(from var(--gray-800)calc(l1.5)calc(c.5)h);--stroke-noeffect:var(--gray-500);--stroke-noeffect-hover:oklch(from var(--gray-500)calc(l.75)c h);--stroke-noeffect-disabled:oklch(from var(--gray-500)calc(l1.5)calc(c.8)h);--ring-noeffect:var(--gray-200);--gradient-noeffect-start:var(--gray-100);--gradient-noeffect-end:var(--gray-200);--gradient-noeffect-foreground:black;--gradient-noeffect-hover:var(--gray-400);--gradient-noeffect-disabled:oklch(from var(--gray-200)calc(l1.2)calc(c.85)h);--fill-success-strong:var(--green-400);--fill-success-strong-hover:oklch(from var(--green-400)calc(l.9)c h);--fill-success-strong-disabled:oklch(from var(--green-400)calc(l1.1)calc(c.85)h);--fill-success-weak:oklch(from var(--green-400)calc(l1.6)calc(c.2)h);--fill-success-weak-hover:oklch(from var(--canvas-50)calc(l.995)c h);--text-on-success:white;--text-on-success-disabled:oklch(90% 5.0664e-8 90);--text-success-strong:var(--green-600);--text-success-weak:oklch(from var(--green-400)calc(l.7)c h);--text-success-disabled:oklch(from var(--green-600)calc(l1.5)calc(c.5)h);--stroke-success:var(--green-600);--stroke-success-hover:oklch(from var(--green-600)calc(l.85)c h);--stroke-success-disabled:oklch(from var(--green-600)calc(l1.5)calc(c.8)h);--ring-success:var(--green-400);--gradient-success-start:var(--green-500);--gradient-success-end:var(--green-700);--gradient-success-foreground:white;--gradient-success-disabled:oklch(from var(--green-700)calc(l1.2)calc(c.85)h);--fill-info-strong:var(--blue-400);--fill-info-strong-hover:oklch(from var(--blue-400)calc(l.9)c h);--fill-info-strong-disabled:oklch(from var(--blue-400)calc(l1.1)calc(c.85)h);--fill-info-weak:oklch(from var(--blue-400)calc(l1.9)calc(c.2)h);--fill-info-weak-hover:oklch(from var(--canvas-50)calc(l.995)c h);--text-on-info:white;--text-on-info-disabled:oklch(90% 5.0664e-8 90);--text-info-strong:var(--blue-300);--text-info-weak:oklch(from var(--blue-400)calc(l.7)c h);--text-info-disabled:oklch(from var(--blue-300)calc(l1.5)calc(c.5)h);--stroke-info:var(--blue-500);--stroke-info-hover:oklch(from var(--blue-500)calc(l.85)c h);--stroke-info-disabled:oklch(from var(--blue-500)calc(l1.5)calc(c.8)h);--ring-info:var(--blue-400);--gradient-info-start:var(--blue-500);--gradient-info-end:var(--blue-700);--gradient-info-foreground:white;--gradient-info-disabled:oklch(from var(--blue-700)calc(l1.2)calc(c.85)h);--fill-warning-strong:var(--yellow-300);--fill-warning-strong-hover:oklch(from var(--yellow-300)calc(l.95)c h);--fill-warning-strong-disabled:oklch(from var(--yellow-300)calc(l1.1)calc(c.85)h);--fill-warning-weak:oklch(from var(--yellow-300)calc(l1.9)calc(c.2)h);--fill-warning-weak-hover:oklch(from var(--canvas-50)calc(l.995)c h);--text-on-warning:black;--text-on-warning-disabled:oklch(0% 0 0);--text-warning-strong:var(--yellow-700);--text-warning-weak:oklch(from var(--yellow-300)calc(l.6)c h);--text-warning-disabled:oklch(from var(--yellow-700)calc(l1.5)calc(c.5)h);--stroke-warning:var(--yellow-500);--stroke-warning-hover:oklch(from var(--yellow-500)calc(l.85)c h);--stroke-warning-disabled:oklch(from var(--yellow-500)calc(l1.5)calc(c.8)h);--ring-warning:var(--yellow-300);--gradient-warning-start:var(--yellow-300);--gradient-warning-end:var(--yellow-400);--gradient-warning-foreground:black;--gradient-warning-disabled:oklch(from var(--yellow-400)calc(l1.2)calc(c.85)h);--fill-danger-strong:var(--red-400);--fill-danger-strong-hover:oklch(from var(--red-400)calc(l.9)c h);--fill-danger-strong-disabled:oklch(from var(--red-400)calc(l1.1)calc(c.85)h);--fill-danger-weak:oklch(from var(--red-400)calc(l1.8)calc(c.3)h);--fill-danger-weak-hover:oklch(from var(--canvas-50)calc(l.995)c h);--text-on-danger:white;--text-on-danger-disabled:oklch(90% 5.0664e-8 90);--text-danger-strong:var(--red-500);--text-danger-weak:oklch(from var(--red-400)calc(l.7)c h);--text-danger-disabled:oklch(from var(--red-500)calc(l1.5)calc(c.5)h);--stroke-danger:var(--red-500);--stroke-danger-hover:oklch(from var(--red-500)calc(l.85)c h);--stroke-danger-disabled:oklch(from var(--red-500)calc(l1.5)calc(c.8)h);--ring-danger:var(--red-400);--gradient-danger-start:var(--red-500);--gradient-danger-end:var(--red-700);--gradient-danger-foreground:white;--gradient-danger-disabled:oklch(from var(--red-700)calc(l1.2)calc(c.85)h)}:root{--background:var(--canvas-25);--foreground:var(--gray-900);--shadow:var(--shadow-md);--loader-color:var(--fill-primary-strong);--surface-panel:var(--canvas-25);--surface-panel-elevated:white;--surface-panel-border:var(--border-color);--surface-item:transparent;--surface-item-hover:var(--canvas-50);--surface-item-active:var(--canvas-100);--surface-item-text:var(--text);--surface-item-text-hover:var(--text);--surface-item-text-active:var(--text);--surface-item-text-disabled:var(--gray-400);--surface-panel-scrollbar:var(--gray-50);--surface-panel-scrollbar-thumb:var(--primary-100)}.dark,[data-theme=dark],[data-theme=dark] ::backdrop{--background:var(--canvas-900);--foreground:var(--gray-50);--shadow:var(--shadow-lg);--loader-color:var(--fill-primary-strong);--surface-panel:var(--canvas-800);--surface-panel-elevated:var(--canvas-800);--surface-panel-border:var(--border-color);--surface-item:transparent;--surface-item-hover:var(--canvas-700);--surface-item-active:var(--canvas-600);--surface-item-text:var(--text);--surface-item-text-hover:var(--text);--surface-item-text-active:var(--text);--surface-item-text-disabled:var(--gray-500);--surface-panel-scrollbar:var(--canvas-700);--surface-panel-scrollbar-thumb:var(--primary-400)}.not-dark{--background:var(--canvas-25);--foreground:var(--gray-900);--shadow:var(--shadow-md);--loader-color:var(--fill-primary-strong);--surface-panel:var(--canvas-25);--surface-panel-elevated:white;--surface-panel-border:var(--border-color);--surface-item:transparent;--surface-item-hover:var(--canvas-50);--surface-item-active:var(--canvas-100);--surface-item-text:var(--text);--surface-item-text-hover:var(--text);--surface-item-text-active:var(--text);--surface-item-text-disabled:var(--gray-400);--surface-panel-scrollbar:var(--gray-50);--surface-panel-scrollbar-thumb:var(--primary-100)}:root{--text:var(--gray-900);--headings:var(--primary-700);--muted:oklch(from var(--foreground)calc(l2)c h);--error:var(--red-500)}.dark,[data-theme=dark],[data-theme=dark] ::backdrop{--text:var(--gray-50);--headings:var(--gray-50);--muted:oklch(from var(--foreground)calc(l.75)c h);--error:var(--red-400)}.not-dark{--text:var(--gray-900);--headings:var(--primary-800);--muted:oklch(from var(--foreground)calc(l2)c h);--error:var(--red-500)}:root{--border-color:var(--gray-100)}.dark,[data-theme=dark]{--border-color:var(--canvas-600)}.not-dark{--border-color:var(--gray-100)}:root{--grid-columns-2:2;--grid-columns-3:3;--grid-columns-4:4;--grid-columns-5:5;--grid-columns-6:6;--grid-columns-7:7;--grid-columns-8:8;--grid-columns-9:9;--grid-columns-10:10;--grid-columns-11:11;--grid-columns-12:12;--grid-gap-sm:8px;--grid-gap-md:16px;--grid-gap-lg:24px;--grid-column-size-xs:240px;--grid-column-size-sm:260px;--grid-column-size-md:320px;--grid-column-size-lg:480px;--gap-0:var(--spacing-0);--gap-1:var(--spacing-4);--gap-2:var(--spacing-8);--gap-3:var(--spacing-12);--gap-4:var(--spacing-16);--gap-5:var(--spacing-20);--gap-6:var(--spacing-6);--gap-8:var(--spacing-8);--gap-10:var(--spacing-40);--gap-12:var(--spacing-48);--gap-16:var(--spacing-64);--gap-20:var(--spacing-80);--gap-24:var(--spacing-96);--gap-32:var(--spacing-128);--flex-row:row;--flex-column:column;--flex-wrap:wrap;--flex-nowrap:nowrap;--flex-center:center}}@layer infonomic-utilities{.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.background{background-color:var(--background)}.foreground{color:var(--foreground)}.text{color:var(--text)}.headings{color:var(--headings)}.muted{color:var(--muted);font-size:.925rem}.external-link:after{content:"";background-image:url(/external-link-light.svg);background-position:20%;background-repeat:no-repeat;background-size:65%;width:1.1rem;height:1.1rem;margin-right:-5px;display:inline-block}.dark .external-link:after,[data-theme=dark] .external-link:after{background-image:url(/external-link-dark.svg)}.primary-strong{background-color:var(--fill-primary-strong);color:var(--text-on-primary)}.primary-weak{background-color:var(--fill-primary-weak);color:var(--text-on-primary)}.secondary-strong{background-color:var(--fill-secondary-strong);color:var(--text-on-secondary)}.secondary-weak{background-color:var(--fill-secondary-weak);color:var(--text-on-secondary)}.accent-strong{background-color:var(--fill-accent-strong);color:var(--text-on-accent)}.accent-weak{background-color:var(--fill-accent-weak);color:var(--text-on-accent)}.info-strong{background-color:var(--fill-info-strong);color:var(--text-on-info)}.info-weak{background-color:var(--fill-info-weak);color:var(--text-on-info)}.success-strong{background-color:var(--fill-success-strong);color:var(--text-on-success)}.success-weak{background-color:var(--fill-success-weak);color:var(--text-on-success)}.warning-strong{background-color:var(--fill-warning-strong);color:var(--text-on-warning)}.warning-weak{background-color:var(--fill-warning-weak);color:var(--text-on-warning)}.danger-strong{background-color:var(--fill-danger-strong);color:var(--text-on-danger)}.danger-weak{background-color:var(--fill-danger-weak);color:var(--text-on-danger)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.text-7xl{font-size:var(--font-size-7xl)}.text-8xl{font-size:var(--font-size-8xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-ultrabold{font-weight:var(--font-weight-ultrabold)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}@media (width>=40rem){.sm\:text-xs{font-size:var(--font-size-xs)}.sm\:text-sm{font-size:var(--font-size-sm)}.sm\:text-base{font-size:var(--font-size-base)}.sm\:text-lg{font-size:var(--font-size-lg)}.sm\:text-xl{font-size:var(--font-size-xl)}.sm\:text-2xl{font-size:var(--font-size-2xl)}.sm\:text-3xl{font-size:var(--font-size-3xl)}.sm\:text-4xl{font-size:var(--font-size-4xl)}.sm\:text-5xl{font-size:var(--font-size-5xl)}.sm\:text-6xl{font-size:var(--font-size-6xl)}.sm\:text-7xl{font-size:var(--font-size-7xl)}.sm\:text-8xl{font-size:var(--font-size-8xl)}.sm\:font-light{font-weight:var(--font-weight-light)}.sm\:font-normal{font-weight:var(--font-weight-normal)}.sm\:font-medium{font-weight:var(--font-weight-medium)}.sm\:font-semibold{font-weight:var(--font-weight-semibold)}.sm\:font-bold{font-weight:var(--font-weight-bold)}.sm\:font-extrabold{font-weight:var(--font-weight-extrabold)}.sm\:font-ultrabold{font-weight:var(--font-weight-ultrabold)}.sm\:leading-tight{line-height:var(--line-height-tight)}.sm\:leading-snug{line-height:var(--line-height-snug)}.sm\:leading-normal{line-height:var(--line-height-normal)}.sm\:leading-relaxed{line-height:var(--line-height-relaxed)}.sm\:leading-loose{line-height:var(--line-height-loose)}.sm\:tracking-tight{letter-spacing:var(--letter-spacing-tight)}.sm\:tracking-normal{letter-spacing:var(--letter-spacing-normal)}.sm\:tracking-wide{letter-spacing:var(--letter-spacing-wide)}}@media (width>=48rem){.md\:text-xs{font-size:var(--font-size-xs)}.md\:text-sm{font-size:var(--font-size-sm)}.md\:text-base{font-size:var(--font-size-base)}.md\:text-lg{font-size:var(--font-size-lg)}.md\:text-xl{font-size:var(--font-size-xl)}.md\:text-2xl{font-size:var(--font-size-2xl)}.md\:text-3xl{font-size:var(--font-size-3xl)}.md\:text-4xl{font-size:var(--font-size-4xl)}.md\:text-5xl{font-size:var(--font-size-5xl)}.md\:text-6xl{font-size:var(--font-size-6xl)}.md\:text-7xl{font-size:var(--font-size-7xl)}.md\:text-8xl{font-size:var(--font-size-8xl)}.md\:font-light{font-weight:var(--font-weight-light)}.md\:font-normal{font-weight:var(--font-weight-normal)}.md\:font-medium{font-weight:var(--font-weight-medium)}.md\:font-semibold{font-weight:var(--font-weight-semibold)}.md\:font-bold{font-weight:var(--font-weight-bold)}.md\:font-extrabold{font-weight:var(--font-weight-extrabold)}.md\:font-ultrabold{font-weight:var(--font-weight-ultrabold)}.md\:leading-tight{line-height:var(--line-height-tight)}.md\:leading-snug{line-height:var(--line-height-snug)}.md\:leading-normal{line-height:var(--line-height-normal)}.md\:leading-relaxed{line-height:var(--line-height-relaxed)}.md\:leading-loose{line-height:var(--line-height-loose)}.md\:tracking-tight{letter-spacing:var(--letter-spacing-tight)}.md\:tracking-normal{letter-spacing:var(--letter-spacing-normal)}.md\:tracking-wide{letter-spacing:var(--letter-spacing-wide)}}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-4)}.m-2{margin:var(--spacing-8)}.m-3{margin:var(--spacing-12)}.m-4{margin:var(--spacing-16)}.m-5{margin:var(--spacing-20)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-10{margin:var(--spacing-40)}.m-12{margin:var(--spacing-48)}.m-16{margin:var(--spacing-64)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-4)}.p-2{padding:var(--spacing-8)}.p-3{padding:var(--spacing-12)}.p-4{padding:var(--spacing-16)}.p-5{padding:var(--spacing-20)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-40)}.p-12{padding:var(--spacing-48)}.p-16{padding:var(--spacing-64)}.p-20{padding:var(--spacing-80)}.p-24{padding:var(--spacing-96)}.p-32{padding:var(--spacing-128)}@media (width>=40rem){.sm\:m-0{margin:var(--spacing-0)}.sm\:m-1{margin:var(--spacing-4)}.sm\:m-2{margin:var(--spacing-8)}.sm\:m-3{margin:var(--spacing-12)}.sm\:m-4{margin:var(--spacing-16)}.sm\:m-5{margin:var(--spacing-20)}.sm\:m-6{margin:var(--spacing-6)}.sm\:m-8{margin:var(--spacing-8)}.sm\:m-10{margin:var(--spacing-40)}.sm\:m-12{margin:var(--spacing-48)}.sm\:m-16{margin:var(--spacing-64)}.sm\:p-0{padding:var(--spacing-0)}.sm\:p-1{padding:var(--spacing-4)}.sm\:p-2{padding:var(--spacing-8)}.sm\:p-3{padding:var(--spacing-12)}.sm\:p-4{padding:var(--spacing-16)}.sm\:p-5{padding:var(--spacing-20)}.sm\:p-6{padding:var(--spacing-6)}.sm\:p-8{padding:var(--spacing-8)}.sm\:p-10{padding:var(--spacing-40)}.sm\:p-12{padding:var(--spacing-48)}.sm\:p-16{padding:var(--spacing-64)}.sm\:p-20{padding:var(--spacing-80)}.sm\:p-24{padding:var(--spacing-96)}.sm\:p-32{padding:var(--spacing-128)}}@media (width>=48rem){.md\:m-0{margin:var(--spacing-0)}.md\:m-1{margin:var(--spacing-4)}.md\:m-2{margin:var(--spacing-8)}.md\:m-3{margin:var(--spacing-12)}.md\:m-4{margin:var(--spacing-16)}.md\:m-5{margin:var(--spacing-20)}.md\:m-6{margin:var(--spacing-6)}.md\:m-8{margin:var(--spacing-8)}.md\:m-10{margin:var(--spacing-40)}.md\:m-12{margin:var(--spacing-48)}.md\:m-16{margin:var(--spacing-64)}.md\:p-0{padding:var(--spacing-0)}.md\:p-1{padding:var(--spacing-4)}.md\:p-2{padding:var(--spacing-8)}.md\:p-3{padding:var(--spacing-12)}.md\:p-4{padding:var(--spacing-16)}.md\:p-5{padding:var(--spacing-20)}.md\:p-6{padding:var(--spacing-6)}.md\:p-8{padding:var(--spacing-8)}.md\:p-10{padding:var(--spacing-40)}.md\:p-12{padding:var(--spacing-48)}.md\:p-16{padding:var(--spacing-64)}.md\:p-20{padding:var(--spacing-80)}.md\:p-24{padding:var(--spacing-96)}.md\:p-32{padding:var(--spacing-128)}}.flex{display:flex}.flex-row{flex-direction:var(--flex-row)}.flex-column{flex-direction:var(--flex-column)}.flex-wrap{flex-wrap:var(--flex-wrap)}.flex-nowrap{flex-wrap:var(--flex-nowrap)}.items-center{align-items:var(--flex-center)}.justify-center{justify-content:var(--flex-center)}@media (width>=40rem){.sm\:flex{display:flex}.sm\:flex-row{flex-direction:var(--flex-row)}.sm\:flex-column{flex-direction:var(--flex-column)}.sm\:flex-wrap{flex-wrap:var(--flex-wrap)}.sm\:flex-nowrap{flex-wrap:var(--flex-nowrap)}.sm\:items-center{align-items:var(--flex-center)}.sm\:justify-center{justify-content:var(--flex-center)}}@media (width>=48rem){.md\:flex{display:flex}.md\:flex-row{flex-direction:var(--flex-row)}.md\:flex-column{flex-direction:var(--flex-column)}.md\:flex-wrap{flex-wrap:var(--flex-wrap)}.md\:flex-nowrap{flex-wrap:var(--flex-nowrap)}.md\:items-center{align-items:var(--flex-center)}.md\:justify-center{justify-content:var(--flex-center)}}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(var(--grid-columns-2),minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(var(--grid-columns-3),minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(var(--grid-columns-4),minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(var(--grid-columns-5),minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(var(--grid-columns-6),minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(var(--grid-columns-7),minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(var(--grid-columns-8),minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(var(--grid-columns-9),minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(var(--grid-columns-10),minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(var(--grid-columns-11),minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(var(--grid-columns-12),minmax(0,1fr))}.gap-0{gap:var(--gap-0)}.gap-1{gap:var(--gap-1)}.gap-2{gap:var(--gap-2)}.gap-3{gap:var(--gap-3)}.gap-4{gap:var(--gap-4)}.gap-5{gap:var(--gap-5)}.gap-6{gap:var(--gap-6)}.gap-8{gap:var(--gap-8)}.gap-10{gap:var(--gap-10)}.gap-12{gap:var(--gap-12)}.gap-16{gap:var(--gap-16)}.gap-20{gap:var(--gap-20)}.gap-24{gap:var(--gap-24)}.gap-32{gap:var(--gap-32)}@media (width>=40rem){.sm\:grid{display:grid}.sm\:grid-cols-12{grid-template-columns:repeat(var(--grid-columns),1fr)}.sm\:gap-0{gap:.5rem;gap:var(--gap-0)}.sm\:gap-1{gap:var(--gap-1)}.sm\:gap-2{gap:var(--gap-2)}.sm\:gap-3{gap:var(--gap-3)}.sm\:gap-4{gap:var(--gap-4)}.sm\:gap-5{gap:var(--gap-5)}.sm\:gap-6{gap:var(--gap-6)}.sm\:gap-8{gap:var(--gap-8)}.sm\:gap-10{gap:var(--gap-10)}.sm\:gap-12{gap:var(--gap-12)}.sm\:gap-16{gap:var(--gap-16)}.sm\:gap-20{gap:var(--gap-20)}.sm\:gap-24{gap:var(--gap-24)}.sm\:gap-32{gap:var(--gap-32)}}@media (width>=48rem){.md\:grid{display:grid}.md\:grid-cols-12{grid-template-columns:repeat(var(--grid-columns),1fr)}.md\:gap-0{gap:.5rem;gap:var(--gap-0)}.md\:gap-1{gap:var(--gap-1)}.md\:gap-2{gap:var(--gap-2)}.md\:gap-3{gap:var(--gap-3)}.md\:gap-4{gap:var(--gap-4)}.md\:gap-5{gap:var(--gap-5)}.md\:gap-6{gap:var(--gap-6)}.md\:gap-8{gap:var(--gap-8)}.md\:gap-10{gap:var(--gap-10)}.md\:gap-12{gap:var(--gap-12)}.md\:gap-16{gap:var(--gap-16)}.md\:gap-20{gap:var(--gap-20)}.md\:gap-24{gap:var(--gap-24)}.md\:gap-32{gap:var(--gap-32)}}.border{border-width:var(--border-width-normal);border-style:var(--border-style-solid);border-color:var(--border-color)}.border-thin{border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--border-color)}.border-thick{border-width:var(--border-width-thick);border-style:var(--border-style-solid);border-color:var(--border-color)}.rounded-none{border-radius:var(--border-radius-none)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded,.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-full{border-radius:var(--border-radius-full)}@media (width>=40rem){.sm\:border{border-width:var(--border-width-normal);border-style:var(--border-style-solid);border-color:var(--border-color)}.sm\:border-thin{border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--border-color)}.sm\:border-thick{border-width:var(--border-width-thick);border-style:var(--border-style-solid);border-color:var(--border-color)}.sm\:rounded-none{border-radius:var(--border-radius-none)}.sm\:rounded-sm,.sm\:rounded,.sm\:rounded-md{border-radius:var(--border-radius-sm)}.sm\:rounded-lg{border-radius:var(--border-radius-lg)}.sm\:rounded-xl{border-radius:var(--border-radius-xl)}.sm\:rounded-2xl{border-radius:var(--border-radius-2xl)}.sm\:rounded-full{border-radius:var(--border-radius-full)}}@media (width>=48rem){.md\:border{border-width:var(--border-width-normal);border-style:var(--border-style-solid);border-color:var(--border-color)}.md\:border-thin{border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--border-color)}.md\:border-thick{border-width:var(--border-width-thick);border-style:var(--border-style-solid);border-color:var(--border-color)}.md\:rounded-none{border-radius:var(--border-radius-none)}.md\:rounded-sm{border-radius:var(--border-radius-sm)}.md\:rounded,.md\:rounded-md{border-radius:var(--border-radius-md)}.md\:rounded-lg{border-radius:var(--border-radius-lg)}.md\:rounded-xl{border-radius:var(--border-radius-xl)}.md\:rounded-2xl{border-radius:var(--border-radius-2xl)}.md\:rounded-full{border-radius:var(--border-radius-full)}}.shadow{box-shadow:var(--shadow)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@media (width>=48rem){.md\:shadow{box-shadow:var(--shadow)}.md\:shadow-xs{box-shadow:var(--shadow-xs)}.md\:shadow-sm{box-shadow:var(--shadow-sm)}.md\:shadow-md{box-shadow:var(--shadow-md)}.md\:shadow-lg{box-shadow:var(--shadow-lg)}.md\:shadow-xl{box-shadow:var(--shadow-xl)}}.opacity-0{opacity:var(--opacity-0)}.opacity-25{opacity:var(--opacity-25)}.opacity-50{opacity:var(--opacity-50)}.opacity-75{opacity:var(--opacity-75)}.opacity-100{opacity:var(--opacity-100)}@media (width>=48rem){.md\:opacity-0{opacity:var(--opacity-0)}.md\:opacity-25{opacity:var(--opacity-25)}.md\:opacity-50{opacity:var(--opacity-50)}.md\:opacity-75{opacity:var(--opacity-75)}.md\:opacity-100{opacity:var(--opacity-100)}}.transition-fast{transition:var(--transition-fast)}.transition-normal{transition:var(--transition-normal)}.transition-slow{transition:var(--transition-slow)}.ring-primary-offset-primary:focus:not(.dark ),.ring-primary-offset-primary:active:not(.dark ){--ring-shadow:var(--ring-inset)0 0 0 calc(1px + var(--ring-offset-width))var(--primary-700);--ring-offset-shadow:var(--ring-inset)0 0 0 var(--ring-offset-width)var(--primary-400);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}.ring-secondary-offset-secondary:focus:not(.dark ),.ring-secondary-offset-secondary:active:not(.dark ){--ring-shadow:var(--ring-inset)0 0 0 calc(1px + var(--ring-offset-width))var(--secondary-700);--ring-offset-shadow:var(--ring-inset)0 0 0 var(--ring-offset-width)var(--secondary-400);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}.ring-accent-offset-accent:focus:not(.dark ),.ring-accent-offset-accent:active:not(.dark ){--ring-shadow:var(--ring-inset)0 0 0 calc(1px + var(--ring-offset-width))var(--accent-700);--ring-offset-shadow:var(--ring-inset)0 0 0 var(--ring-offset-width)var(--accent-400);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}.fix-scroll-layout-shift-right{padding-right:var(--removed-body-scroll-bar-size)}.fix-scroll-layout-shift-left{padding-left:var(--removed-body-scroll-bar-size)}}@layer infonomic-theme{input:autofill,input:autofill:hover,input:autofill:focus,textarea:autofill,textarea:autofill:hover,textarea:autofill:focus,select:autofill,select:autofill:hover,select:autofill:focus{-webkit-text-fill-color:black!important;color:#000!important;background-color:#fad9a7!important;border:1px solid #d89d3d!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #fff2dc!important;box-shadow:inset 0 0 0 1000px #fff2dc!important}.dark input:autofill,.dark input:autofill:hover,.dark input:autofill:focus,.dark textarea:autofill,.dark textarea:autofill:hover,.dark textarea:autofill:focus,.dark select:autofill,.dark select:autofill:hover,.dark select:autofill:focus,[data-theme=dark] input:autofill,[data-theme=dark] input:autofill:hover,[data-theme=dark] input:autofill:focus,[data-theme=dark] textarea:autofill,[data-theme=dark] textarea:autofill:hover,[data-theme=dark] textarea:autofill:focus,[data-theme=dark] select:autofill,[data-theme=dark] select:autofill:hover,[data-theme=dark] select:autofill:focus{border:1px solid var(--theme-600)!important;-webkit-text-fill-color:white!important;-webkit-box-shadow:0 0 0px 1000px var(--theme-600)inset!important;box-shadow:0 0 0px 1000px var(--theme-600)inset!important;color:#fff!important;background-color:#64646480!important;transition:background-color 5000s ease-in-out!important}:root{--scroll-bar-thumb:var(--theme-400);--scroll-bar-track:var(--theme-600)}:root.dark,:root[data-theme=dark]{--scroll-bar-thumb:var(--canvas-700);--scroll-bar-track:var(--canvas-900)}::-webkit-scrollbar{width:.6em;height:.6em}::-webkit-scrollbar-thumb{background:var(--scroll-bar-thumb)}::-webkit-scrollbar-track{background:var(--scroll-bar-track)}::-webkit-scrollbar-corner{background:var(--scroll-bar-track)}html{scrollbar-width:thin;scrollbar-color:var(--scroll-bar-thumb)var(--scroll-bar-track)}.component--scroller,.dark .component--scroller,[data-theme=dark] .component--scroller{--scroll-bar-thumb:var(--scroll-bar-thumb);--scroll-bar-track:var(--scroll-bar-track)}.component--scroller{scrollbar-width:thin;scrollbar-color:var(--scroll-bar-thumb)var(--scroll-bar-track);overflow-y:auto}html{color:var(--text);font-size:1rem}html .not-dark{color:var(--text)}::selection{background-color:var(--theme-600);color:#fff}.dark ::selection,[data-theme=dark] ::selection{background-color:var(--theme-200);color:var(--gray-900)}h1{font-size:1.75rem;font-weight:600;line-height:1.125}h2{font-size:1.5rem;font-weight:600;line-height:1.125}h3{font-size:1.25rem;font-weight:600;line-height:1.1}h4{font-size:1rem;font-weight:600;line-height:1.1}.external-link:after{content:"";background-image:url(/external-link-light.svg);background-position:20%;background-repeat:no-repeat;background-size:65%;width:1.1rem;height:1.1rem;margin-right:-5px;display:inline-block}.dark .external-link:after,[data-theme=dark] .external-link:after{background-image:url(/external-link-dark.svg)}}@layer infonomic-typography;@layer infonomic-components{.component--hamburger{z-index:200;cursor:pointer;width:42px;height:34px;font:inherit;color:inherit;text-transform:none;background-color:#0000;border:0;border-radius:4px;justify-content:center;align-items:center;margin:0;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:ease;display:flex;position:relative;overflow:hidden}.component--hamburger:active,.component--hamburger:focus{border:.5px dashed #fff;border-radius:4px;outline:none!important}.component--hamburger .box{width:24px;height:24px;display:block;position:relative}.component--hamburger .inner{margin-top:-1px;transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19);display:block;top:50%}.component--hamburger .inner,.component--hamburger .inner:before,.component--hamburger .inner:after{border-radius:0;width:24px;height:2px;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;position:absolute}.component--hamburger .inner:before,.component--hamburger .inner:after{content:"";display:block}.component--hamburger .inner:before{transition:top 75ms .12s,opacity 75ms;top:-8px}.component--hamburger .inner:after{transition:bottom 75ms .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);bottom:-8px}.component--hamburger.is_active .inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.component--hamburger.is_active .inner:before{opacity:0;transition:top 75ms,opacity 75ms .12s;top:0}.component--hamburger.is_active .inner:after{transition:bottom 75ms,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;bottom:0;transform:rotate(-90deg)}}.lds-ellipsis{display:inline-block;position:relative}.lds-ellipsis div{background:#fff;border-radius:50%;width:16.25%;height:32.25%;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:41.25%}.lds-ellipsis div:first-child{animation:.6s infinite lds-ellipsis1;left:10%}.lds-ellipsis div:nth-child(2){animation:.6s infinite lds-ellipsis2;left:10%}.lds-ellipsis div:nth-child(3){animation:.6s infinite lds-ellipsis2;left:40%}.lds-ellipsis div:nth-child(4){animation:.6s infinite lds-ellipsis3;left:70%}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(184.61%)}}.lds-ring{display:inline-block;position:relative}.lds-ring div{box-sizing:border-box;border:8px solid #0000;border-top-color:#fff;border-radius:50%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;display:block;position:absolute}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lds-spinner{color:official;width:56px;height:56px;display:inline-block;position:relative}.lds-spinner div{transform-origin:28px 32px;animation:1.2s linear infinite lds-spinner}.lds-spinner div .div-after{content:" ";background:#fff;border-radius:20%;width:5px;height:14px;display:block;position:absolute;top:0;left:25px}.lds-spinner div:first-child{animation-delay:-1.1s;transform:rotate(0)}.lds-spinner div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.lds-spinner div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.lds-spinner div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.lds-spinner div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.lds-spinner div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.lds-spinner div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.lds-spinner div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.lds-spinner div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.lds-spinner div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.lds-spinner div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.lds-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.component--fade-in-lift{opacity:0;visibility:hidden;will-change:opacity,visibility;transition:opacity .5s ease-out,transform .7s ease-out;transform:matrix(1,0,0,1,0,18)}.component--fade-in-lift.is-visible{opacity:1;visibility:visible;transform:matrix(1,0,0,1,0,0)}
1	+ @layer infonomic-base{,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@media (prefers-reduced-motion:reduce){,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes enterFromRight{0%{opacity:0;transform:translate(200px)}to{opacity:1;transform:translate(0)}}@keyframes enterFromLeft{0%{opacity:0;transform:translate(-200px)}to{opacity:1;transform:translate(0)}}@keyframes exitToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(200px)}}@keyframes exitToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-200px)}}@keyframes scaleIn{0%{opacity:0;transform:rotateX(-30deg)scale(.9)}to{opacity:1;transform:rotateX(0)scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:rotateX(0)scale(1)}to{opacity:0;transform:rotateX(-10deg)scale(.95)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}:root{--border-width-thin:1px;--border-width-normal:2px;--border-width-thick:4px;--border-style-solid:solid;--border-style-dashed:dashed;--border-style-dotted:dotted;--border-radius-none:0px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-2xl:24px;--border-radius-full:9999px;--ring-offset-width:2px;--ring-inset: ;--ring-shadow:0 0 #0000;--breakpoint-xs:30rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:66rem;--breakpoint-xl:77rem;--breakpoint-2xl:94rem;--theme-base:oklch(43.11% .1 317.53);--theme-25:oklch(from var(--theme-base)calc(l2)c h);--theme-50:oklch(from var(--theme-base)calc(l1.75)c h);--theme-100:oklch(from var(--theme-base)calc(l1.5)c h);--theme-200:oklch(from var(--theme-base)calc(l1.25)c h);--theme-300:oklch(from var(--theme-base)calc(l1.1)c h);--theme-400:var(--theme-base);--theme-500:oklch(from var(--theme-base)calc(l.95)c h);--theme-600:oklch(from var(--theme-base)calc(l.9)c h);--theme-700:oklch(from var(--theme-base)calc(l.85)c h);--theme-800:oklch(from var(--theme-base)calc(l.8)c h);--theme-900:oklch(from var(--theme-base)calc(l.75)c h);--theme-950:oklch(from var(--theme-base)calc(l.7)c h);--primary-base:oklch(49.7% .189 295.76);--primary-25:oklch(from var(--primary-base)calc(l2)c h);--primary-50:oklch(from var(--primary-base)calc(l1.75)c h);--primary-100:oklch(from var(--primary-base)calc(l1.5)c h);--primary-200:oklch(from var(--primary-base)calc(l1.25)c h);--primary-300:oklch(from var(--primary-base)calc(l1.1)c h);--primary-400:var(--primary-base);--primary-500:oklch(from var(--primary-base)calc(l.95)c h);--primary-600:oklch(from var(--primary-base)calc(l.9)c h);--primary-700:oklch(from var(--primary-base)calc(l.85)c h);--primary-800:oklch(from var(--primary-base)calc(l.8)c h);--primary-900:oklch(from var(--primary-base)calc(l.75)c h);--primary-950:oklch(from var(--primary-base)calc(l.7)c h);--secondary-base:oklch(84.61% .15 82.94);--secondary-25:oklch(from var(--secondary-base)calc(l2.25).1 h);--secondary-50:oklch(from var(--secondary-base)calc(l2)c h);--secondary-100:oklch(from var(--secondary-base)calc(l1.75)c h);--secondary-200:oklch(from var(--secondary-base)calc(l1.5)c h);--secondary-300:oklch(from var(--secondary-base)calc(l1.1)c h);--secondary-400:var(--secondary-base);--secondary-500:oklch(from var(--secondary-base)calc(l.95)c h);--secondary-600:oklch(from var(--secondary-base)calc(l.9)c h);--secondary-700:oklch(from var(--secondary-base)calc(l.85)c h);--secondary-800:oklch(from var(--secondary-base)calc(l.8)c h);--secondary-900:oklch(from var(--secondary-base)calc(l.75)c h);--secondary-950:oklch(from var(--secondary-base)calc(l.7)c h);--accent-base:oklch(75.4% .1 324.9);--accent-25:oklch(from var(--accent-base).985 .06 h);--accent-50:oklch(from var(--accent-base).975 .08 h);--accent-100:oklch(from var(--accent-base).9 .07 h);--accent-200:oklch(from var(--accent-base).85 c h);--accent-300:oklch(from var(--accent-base).8 c h);--accent-400:var(--accent-base);--accent-500:oklch(from var(--accent-base).7 c h);--accent-600:oklch(from var(--accent-base).68 c h);--accent-700:oklch(from var(--accent-base).62 .1 h);--accent-800:oklch(from var(--accent-base).6 .1 h);--accent-900:oklch(from var(--accent-base).58 .1 h);--accent-950:oklch(from var(--accent-base).5 .11 h);--canvas-base:oklch(54.2% .0037 275.34);--canvas-25:oklch(from var(--canvas-base)calc(l1.9)c h);--canvas-50:oklch(from var(--canvas-base)calc(l1.75)c h);--canvas-100:oklch(from var(--canvas-base)calc(l1.6)c h);--canvas-200:oklch(from var(--canvas-base)calc(l1.4)c h);--canvas-300:oklch(from var(--canvas-base)calc(l1.2)c h);--canvas-400:var(--canvas-base);--canvas-500:oklch(from var(--canvas-base)calc(l.9)c h);--canvas-600:oklch(from var(--canvas-base)calc(l.7)c h);--canvas-700:oklch(from var(--canvas-base)calc(l.5)c h);--canvas-800:oklch(from var(--canvas-base)calc(l.335)c h);--canvas-900:oklch(from var(--canvas-base)calc(l.3)c h);--canvas-950:oklch(from var(--canvas-base)calc(l.225)c h);--gray-base:oklch(59.84% 0 0);--gray-25:oklch(from var(--gray-base)calc(l1.625)c h);--gray-50:oklch(from var(--gray-base)calc(l1.575)c h);--gray-100:oklch(from var(--gray-base)calc(l1.475)c h);--gray-200:oklch(from var(--gray-base)calc(l1.35)c h);--gray-300:oklch(from var(--gray-base)calc(l1.175)c h);--gray-400:var(--gray-base);--gray-500:oklch(from var(--gray-base)calc(l.85)c h);--gray-600:oklch(from var(--gray-base)calc(l.725)c h);--gray-700:oklch(from var(--gray-base)calc(l.6126)c h);--gray-800:oklch(from var(--gray-base)calc(l.5)c h);--gray-900:oklch(from var(--gray-base)calc(l.4)c h);--gray-950:oklch(from var(--gray-base)calc(l.3)c h);--red-base:oklch(54.27% .18 31.76);--red-25:oklch(from var(--red-base)calc(l2)c h);--red-50:oklch(from var(--red-base)calc(l1.75)c h);--red-100:oklch(from var(--red-base)calc(l1.5)c h);--red-200:oklch(from var(--red-base)calc(l1.25)c h);--red-300:oklch(from var(--red-base)calc(l1.1)c h);--red-400:var(--red-base);--red-500:oklch(from var(--red-base)calc(l.95)c h);--red-600:oklch(from var(--red-base)calc(l.9)c h);--red-700:oklch(from var(--red-base)calc(l.85)c h);--red-800:oklch(from var(--red-base)calc(l.8)c h);--red-900:oklch(from var(--red-base)calc(l.75)c h);--red-950:oklch(from var(--red-base)calc(l.7)c h);--green-base:oklch(65.26% .18 142.58);--green-25:oklch(from var(--green-base)calc(l2)c h);--green-50:oklch(from var(--green-base)calc(l1.75)c h);--green-100:oklch(from var(--green-base)calc(l1.5)c h);--green-200:oklch(from var(--green-base)calc(l1.25)c h);--green-300:oklch(from var(--green-base)calc(l1.1)c h);--green-400:var(--green-base);--green-500:oklch(from var(--green-base)calc(l.95)c h);--green-600:oklch(from var(--green-base)calc(l.9)c h);--green-700:oklch(from var(--green-base)calc(l.85)c h);--green-800:oklch(from var(--green-base)calc(l.8)c h);--green-900:oklch(from var(--green-base)calc(l.75)c h);--green-950:oklch(from var(--green-base)calc(l.7)c h);--blue-base:oklch(53.66% .1942 265.89);--blue-25:oklch(from var(--blue-base)calc(l2)c h);--blue-50:oklch(from var(--blue-base)calc(l1.75)c h);--blue-100:oklch(from var(--blue-base)calc(l1.5)c h);--blue-200:oklch(from var(--blue-base)calc(l1.25)c h);--blue-300:oklch(from var(--blue-base)calc(l1.1)c h);--blue-400:var(--blue-base);--blue-500:oklch(from var(--blue-base)calc(l.95)c h);--blue-600:oklch(from var(--blue-base)calc(l.9)c h);--blue-700:oklch(from var(--blue-base)calc(l.85)c h);--blue-800:oklch(from var(--blue-base)calc(l.8)c h);--blue-900:oklch(from var(--blue-base)calc(l.75)c h);--blue-950:oklch(from var(--blue-base)calc(l.7)c h);--yellow-base:oklch(75% .15 82.94);--yellow-25:oklch(from var(--yellow-base)calc(l2)c h);--yellow-50:oklch(from var(--yellow-base)calc(l1.75)c h);--yellow-100:oklch(from var(--yellow-base)calc(l1.5)c h);--yellow-200:oklch(from var(--yellow-base)calc(l1.25)c h);--yellow-300:oklch(from var(--yellow-base)calc(l1.1)c h);--yellow-400:var(--yellow-base);--yellow-500:oklch(from var(--yellow-base)calc(l.95)c h);--yellow-600:oklch(from var(--yellow-base)calc(l.9)c h);--yellow-700:oklch(from var(--yellow-base)calc(l.85)c h);--yellow-800:oklch(from var(--yellow-base)calc(l.8)c h);--yellow-900:oklch(from var(--yellow-base)calc(l.75)c h);--yellow-950:oklch(from var(--yellow-base)calc(l.7)c h);--opacity-0:0;--opacity-25:.25;--opacity-50:.5;--opacity-75:.75;--opacity-100:1;--shadow:0 0 #0000;--shadow-xs:0px 1px 2px #0000000d;--shadow-sm:0px 2px 4px #0000001a;--shadow-md:0px 4px 6px #0000001a;--shadow-lg:0px 6px 12px #00000026;--shadow-xl:0px 8px 16px #0003;--spacing-0:0;--spacing-2:.125rem;--spacing-4:.25rem;--spacing-6:.375rem;--spacing-8:.5rem;--spacing-12:.75rem;--spacing-16:1rem;--spacing-20:1.25rem;--spacing-24:1.5rem;--spacing-28:1.75rem;--spacing-32:2rem;--spacing-36:2.25rem;--spacing-40:2.5rem;--spacing-44:2.75rem;--spacing-48:3rem;--spacing-64:4rem;--spacing-80:5rem;--spacing-96:6rem;--spacing-112:7rem;--spacing-128:8rem;--size-0:0;--size-2:.125rem;--size-4:.25rem;--size-6:.375rem;--size-8:.5rem;--size-12:.75rem;--size-16:1rem;--size-20:1.25rem;--size-24:1.5rem;--size-28:1.75rem;--size-32:2rem;--size-36:2.25rem;--size-40:2.5rem;--size-44:2.75rem;--size-48:3rem;--size-64:4rem;--size-80:5rem;--size-96:6rem;--size-112:7rem;--size-128:8rem;--transition-fast:.175s ease-in-out;--transition-normal:.23s ease-in-out;--transition-slow:.4s ease-in-out;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:2.625rem;--font-size-6xl:3rem;--font-size-7xl:3.375rem;--font-size-8xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-ultrabold:900;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.05em;--z-index-low:10;--z-index-medium:100;--z-index-high:1000;--z-index-modal:1050;--z-index-toast:1100}}@layer infonomic-functional{:root{--fill-primary-strong:var(--primary-500);--fill-primary-strong-hover:oklch(from var(--primary-500)calc(l.9)c h);--fill-primary-strong-disabled:oklch(from var(--primary-500)calc(l1.1)calc(c.85)h);--fill-primary-weak:oklch(from var(--primary-500)calc(l2.04)calc(c.2)h/.7);--fill-primary-weak-hover:oklch(from var(--primary-500)calc(l2)calc(c.2)h/.7);--fill-primary-weak-disabled:oklch(from var(--primary-500)calc(l2)calc(c.2)h/.7);--fill-primary-transparent:oklch(from var(--primary-500)calc(l2.04)calc(c.2)h/.5);--text-on-primary:white;--text-on-primary-disabled:oklch(90% 5.0664e-8 90);--text-primary-strong:var(--primary-600);--text-primary-weak:oklch(from var(--primary-500)calc(l.7)c h);--text-primary-disabled:oklch(from var(--primary-600)calc(l1.5)calc(c.5)h);--text-primary-weak-disabled:oklch(from var(--primary-600)calc(l1.5)calc(c.5)h);--stroke-primary:var(--primary-600);--stroke-primary-hover:oklch(from var(--primary-600)calc(l.85)c h);--stroke-primary-disabled:oklch(from var(--primary-600)calc(l1.5)calc(c.8)h);--ring-primary:var(--primary-500);--gradient-primary-start:var(--primary-500);--gradient-primary-end:var(--primary-700);--gradient-primary-foreground:white;--gradient-primary-disabled:oklch(from var(--primary-700)calc(l1.2)calc(c.85)h);--fill-secondary-strong:var(--secondary-500);--fill-secondary-strong-hover:oklch(from var(--secondary-500)calc(l.95)c h);--fill-secondary-strong-disabled:oklch(from var(--secondary-500)calc(l1.1)calc(c.85)h);--fill-secondary-weak:oklch(from var(--secondary-500)calc(l1.6)calc(c.4)h/.7);--fill-secondary-weak-hover:oklch(from var(--secondary-500)calc(l2)calc(c.4)h/.7);--fill-secondary-weak-disabled:oklch(from var(--secondary-500)calc(l2)calc(c.4)c h/.7);--text-on-secondary:black;--text-on-secondary-disabled:oklch(0% 0 0);--text-secondary-strong:var(--secondary-950);--text-secondary-weak:oklch(from var(--secondary-500)calc(l.7)c h);--text-secondary-disabled:oklch(from var(--secondary-950)calc(l1.5)calc(c.5)h);--stroke-secondary:var(--secondary-700);--stroke-secondary-hover:oklch(from var(--secondary-700)calc(l.85)c h);--stroke-secondary-disabled:oklch(from var(--secondary-700)calc(l1.5)calc(c.8)h);--ring-secondary:var(--secondary-500);--gradient-secondary-start:var(--secondary-500);--gradient-secondary-end:var(--secondary-700);--gradient-secondary-foreground:black;--gradient-secondary-disabled:oklch(from var(--secondary-700)calc(l1.2)calc(c.85)h);--fill-noeffect-strong:var(--gray-100);--fill-noeffect-strong-hover:oklch(from var(--gray-100)calc(l.95)c h);--fill-noeffect-strong-disabled:oklch(from var(--gray-100)calc(l1.1)calc(c.85)h);--fill-noeffect-weak:oklch(from var(--gray-100)calc(l1.07)c h/.7);--fill-noeffect-weak-hover:oklch(from var(--gray-100)calc(l1.05)c h/.7);--fill-noeffect-weak-disabled:oklch(from var(--gray-100)calc(l1.07)c h/.7);--text-on-noeffect:black;--text-on-noeffect-disabled:oklch(0% 0 0);--text-noeffect-strong:var(--gray-800);--text-noeffect-weak:oklch(from var(--gray-100)calc(l.5)c h);--text-noeffect-disabled:oklch(from var(--gray-800)calc(l1.5)calc(c.5)h);--stroke-noeffect:var(--gray-500);--stroke-noeffect-hover:oklch(from var(--gray-500)calc(l.75)c h);--stroke-noeffect-disabled:oklch(from var(--gray-500)calc(l1.5)calc(c.8)h);--ring-noeffect:var(--gray-200);--gradient-noeffect-start:var(--gray-100);--gradient-noeffect-end:var(--gray-200);--gradient-noeffect-foreground:black;--gradient-noeffect-hover:var(--gray-400);--gradient-noeffect-disabled:oklch(from var(--gray-200)calc(l1.2)calc(c.85)h);--fill-success-strong:var(--green-400);--fill-success-strong-hover:oklch(from var(--green-400)calc(l.9)c h);--fill-success-strong-disabled:oklch(from var(--green-400)calc(l1.1)calc(c.85)h);--fill-success-weak:oklch(from var(--green-100)calc(l1.09)calc(c.85)h/.7);--fill-success-weak-hover:oklch(from var(--green-100)calc(l.975)calc(c.85)h/.7);--fill-success-weak-disabled:oklch(from var(--green-100)calc(l1.07)calc(c.85)h/.7);--text-on-success:white;--text-on-success-disabled:oklch(90% 5.0664e-8 90);--text-success-strong:var(--green-600);--text-success-weak:oklch(from var(--green-400)calc(l.7)c h);--text-success-disabled:oklch(from var(--green-600)calc(l1.5)calc(c.5)h);--stroke-success:var(--green-600);--stroke-success-hover:oklch(from var(--green-600)calc(l.85)c h);--stroke-success-disabled:oklch(from var(--green-600)calc(l1.5)calc(c.8)h);--ring-success:var(--green-400);--gradient-success-start:var(--green-500);--gradient-success-end:var(--green-700);--gradient-success-foreground:white;--gradient-success-disabled:oklch(from var(--green-700)calc(l1.2)calc(c.85)h);--fill-info-strong:var(--blue-400);--fill-info-strong-hover:oklch(from var(--blue-400)calc(l.9)c h);--fill-info-strong-disabled:oklch(from var(--blue-400)calc(l1.1)calc(c.85)h);--fill-info-weak:oklch(from var(--blue-400)calc(l1.75)calc(c.2)h/.7);--fill-info-weak-hover:oklch(from var(--blue-400)calc(l1.7)calc(c.2)h/.7);--fill-info-weak-disabled:oklch(from var(--blue-400)calc(l1.8)calc(c.2)h/.7);--text-on-info:white;--text-on-info-disabled:oklch(90% 5.0664e-8 90);--text-info-strong:var(--blue-300);--text-info-weak:oklch(from var(--blue-400)calc(l.7)c h);--text-info-disabled:oklch(from var(--blue-300)calc(l1.5)calc(c.5)h);--stroke-info:var(--blue-500);--stroke-info-hover:oklch(from var(--blue-500)calc(l.85)c h);--stroke-info-disabled:oklch(from var(--blue-500)calc(l1.5)calc(c.8)h);--ring-info:var(--blue-400);--gradient-info-start:var(--blue-500);--gradient-info-end:var(--blue-700);--gradient-info-foreground:white;--gradient-info-disabled:oklch(from var(--blue-700)calc(l1.2)calc(c.85)h);--fill-warning-strong:var(--yellow-300);--fill-warning-strong-hover:oklch(from var(--yellow-300)calc(l.95)c h);--fill-warning-strong-disabled:oklch(from var(--yellow-300)calc(l1.1)calc(c.85)h);--fill-warning-weak:oklch(from var(--yellow-300)calc(l1.5)calc(c.5)h/.7);--fill-warning-weak-hover:oklch(from var(--yellow-300)calc(l1.15)calc(c.5)h/.7);--fill-warning-weak-disabled:oklch(from var(--yellow-300)calc(l1.8)calc(c.5)h/.7);--text-on-warning:black;--text-on-warning-disabled:oklch(0% 0 0);--text-warning-strong:var(--yellow-700);--text-warning-weak:oklch(from var(--yellow-300)calc(l.6)c h);--text-warning-disabled:oklch(from var(--yellow-700)calc(l1.5)calc(c.5)h);--stroke-warning:var(--yellow-500);--stroke-warning-hover:oklch(from var(--yellow-500)calc(l.85)c h);--stroke-warning-disabled:oklch(from var(--yellow-500)calc(l1.5)calc(c.8)h);--ring-warning:var(--yellow-300);--gradient-warning-start:var(--yellow-300);--gradient-warning-end:var(--yellow-400);--gradient-warning-foreground:black;--gradient-warning-disabled:oklch(from var(--yellow-400)calc(l1.2)calc(c.85)h);--fill-danger-strong:var(--red-400);--fill-danger-strong-hover:oklch(from var(--red-400)calc(l.9)c h);--fill-danger-strong-disabled:oklch(from var(--red-400)calc(l1.1)calc(c.85)h);--fill-danger-weak:oklch(from var(--red-300)calc(l1.75)calc(c.5)h/.7);--fill-danger-weak-hover:oklch(from var(--red-300)calc(l1.65)calc(c.5)h/.7);--fill-danger-weak-disabled:oklch(from var(--red-300)calc(l1.65)calc(c.5)h/.7);--text-on-danger:white;--text-on-danger-disabled:oklch(90% 5.0664e-8 90);--text-danger-strong:var(--red-500);--text-danger-weak:oklch(from var(--red-400)calc(l.7)c h);--text-danger-disabled:oklch(from var(--red-500)calc(l1.5)calc(c.5)h);--stroke-danger:var(--red-500);--stroke-danger-hover:oklch(from var(--red-500)calc(l.85)c h);--stroke-danger-disabled:oklch(from var(--red-500)calc(l1.5)calc(c.8)h);--ring-danger:var(--red-400);--gradient-danger-start:var(--red-500);--gradient-danger-end:var(--red-700);--gradient-danger-foreground:white;--gradient-danger-disabled:oklch(from var(--red-700)calc(l1.2)calc(c.85)h)}.dark,[data-theme=dark],[data-theme=dark] ::backdrop{--fill-primary-strong:var(--primary-500);--fill-primary-strong-hover:oklch(from var(--primary-500)calc(l.9)c h);--fill-primary-strong-disabled:oklch(from var(--primary-500)calc(l.85)calc(c.85)h);--fill-primary-weak:oklch(from var(--primary-500)calc(l1)calc(c.5)h/.5);--fill-primary-weak-hover:oklch(from var(--primary-500)calc(l.9)calc(c.5)h/.5);--fill-primary-weak-disabled:oklch(from var(--primary-500)calc(l1)calc(c.5)h/.5);--text-on-primary:white;--text-on-primary-disabled:oklch(85% 5.0664e-8 90);--text-primary-strong:var(--primary-50);--text-primary-weak:var(--primary-100);--text-primary-disabled:oklch(from var(--primary-100)calc(l.8)calc(c.8)h);--stroke-primary:var(--primary-300);--stroke-primary-hover:oklch(from var(--primary-300)calc(l1.1)c h);--stroke-primary-disabled:oklch(from var(--primary-300)calc(l.8)calc(c.8)h);--ring-primary:var(--primary-300);--gradient-primary-start:var(--primary-500);--gradient-primary-end:var(--primary-700);--gradient-primary-foreground:white;--gradient-primary-disabled:oklch(from var(--primary-700)calc(l.85)calc(c.85)h);--fill-secondary-strong:var(--secondary-500);--fill-secondary-strong-hover:oklch(from var(--secondary-500)calc(l.95)c h);--fill-secondary-strong-disabled:oklch(from var(--secondary-500)calc(l.85)calc(c.85)h);--fill-secondary-weak:oklch(from var(--secondary-500)calc(l.5)calc(c.5)h/.5);--fill-secondary-weak-hover:oklch(from var(--secondary-500)calc(l.4)calc(c.5)h/.5);--fill-secondary-weak-disabled:oklch(from var(--secondary-500)calc(l.4)calc(c.5)h/.5);--text-on-secondary:black;--text-on-secondary-disabled:oklch(0% 0 0);--text-secondary-strong:var(--secondary-500);--text-secondary-weak:var(--secondary-500);--text-secondary-disabled:oklch(from var(--secondary-500)calc(l.8)calc(c.8)h);--stroke-secondary:var(--secondary-500);--stroke-secondary-hover:oklch(from var(--secondary-500)calc(l1.1)c h);--stroke-secondary-disabled:oklch(from var(--secondary-500)calc(l.8)calc(c.8)h);--ring-secondary:var(--secondary-500);--gradient-secondary-start:var(--secondary-500);--gradient-secondary-end:var(--secondary-700);--gradient-secondary-foreground:black;--gradient-secondary-disabled:oklch(from var(--secondary-700)calc(l.85)calc(c.85)h);--fill-noeffect-strong:var(--gray-900);--fill-noeffect-strong-hover:oklch(from var(--gray-900)calc(l.95)c h);--fill-noeffect-strong-disabled:oklch(from var(--gray-900)calc(l.85)calc(c.85)h);--fill-noeffect-weak:oklch(from var(--gray-500)calc(l.55)calc(c.5)h/.5);--fill-noeffect-weak-hover:oklch(from var(--gray-500)calc(l.5)calc(c.5)h/.5);--fill-noeffect-weak-disabled:oklch(from var(--gray-500)calc(l.5)calc(c.5)h/.5);--text-on-noeffect:white;--text-on-noeffect-disabled:oklch(85% 5.0664e-8 90);--text-noeffect-strong:var(--gray-300);--text-noeffect-weak:var(--gray-300);--text-noeffect-disabled:oklch(from var(--gray-300)calc(l.85)calc(c.85)h);--stroke-noeffect:var(--gray-500);--stroke-noeffect-hover:oklch(from var(--gray-500)calc(l1.2)c h);--stroke-noeffect-disabled:oklch(from var(--gray-500)calc(l.8)calc(c.8)h);--ring-noeffect:var(--gray-900);--gradient-noeffect-start:var(--gray-950);--gradient-noeffect-end:var(--gray-900);--gradient-noeffect-foreground:white;--gradient-noeffect-hover:var(--gray-900);--gradient-noeffect-disabled:oklch(from var(--gray-900)calc(l.85)calc(c.85)h);--fill-success-strong:var(--green-400);--fill-success-strong-hover:oklch(from var(--green-400)calc(l.9)c h);--fill-success-strong-disabled:oklch(from var(--green-400)calc(l.85)calc(c.85)h);--fill-success-weak:oklch(from var(--green-400)calc(l.5)calc(c.5)h/.5);--fill-success-weak-hover:oklch(from var(--green-400)calc(l.4)calc(c.5)h/.5);--fill-success-weak-disabled:oklch(from var(--green-400)calc(l.4)calc(c.5)h/.5);--text-on-success:white;--text-on-success-disabled:oklch(85% 5.0664e-8 90);--text-success-strong:var(--green-500);--text-success-weak:var(--green-400);--text-success-disabled:oklch(from var(--green-500)calc(l.8)calc(c.8)h);--stroke-success:var(--green-500);--stroke-success-hover:oklch(from var(--green-500)calc(l1.1)c h);--stroke-success-disabled:oklch(from var(--green-500)calc(l.8)calc(c.8)h);--ring-success:var(--green-400);--gradient-success-start:var(--green-500);--gradient-success-end:var(--green-700);--gradient-success-foreground:white;--gradient-success-disabled:oklch(from var(--green-700)calc(l.85)calc(c.85)h);--fill-info-strong:var(--blue-400);--fill-info-strong-hover:oklch(from var(--blue-400)calc(l.9)c h);--fill-info-strong-disabled:oklch(from var(--blue-400)calc(l.85)calc(c.85)h);--fill-info-weak:oklch(from var(--blue-400)calc(l.55)calc(c.5)h/.5);--fill-info-weak-hover:oklch(from var(--blue-400)calc(l.5)calc(c.5)h/.5);--fill-info-weak-disabled:oklch(from var(--blue-400)calc(l.5)calc(c.5)h/.5);--text-on-info:white;--text-on-info-disabled:oklch(85% 5.0664e-8 90);--text-info-strong:var(--blue-300);--text-info-weak:var(--blue-300);--text-info-disabled:oklch(from var(--blue-300)calc(l.8)calc(c.8)h);--stroke-info:var(--blue-500);--stroke-info-hover:oklch(from var(--blue-500)calc(l1.1)c h);--stroke-info-disabled:oklch(from var(--blue-500)calc(l.8)calc(c.8)h);--ring-info:var(--blue-400);--gradient-info-start:var(--blue-500);--gradient-info-end:var(--blue-700);--gradient-info-foreground:white;--gradient-info-disabled:oklch(from var(--blue-700)calc(l.85)calc(c.85)h);--fill-warning-strong:var(--yellow-300);--fill-warning-strong-hover:oklch(from var(--yellow-300)calc(l.95)c h);--fill-warning-strong-disabled:oklch(from var(--yellow-300)calc(l.85)calc(c.85)h);--fill-warning-weak:oklch(from var(--yellow-300)calc(l.45)calc(c.5)h/.5);--fill-warning-weak-hover:oklch(from var(--yellow-300)calc(l.4)calc(c.5)h/.5);--fill-warning-weak-disabled:oklch(from var(--yellow-300)calc(l.4)calc(c.5)h/.5);--text-on-warning:black;--text-on-warning-disabled:oklch(0% 0 0);--text-warning-strong:var(--yellow-500);--text-warning-weak:var(--yellow-300);--text-warning-disabled:oklch(from var(--yellow-500)calc(l.8)calc(c.8)h);--stroke-warning:var(--yellow-500);--stroke-warning-hover:oklch(from var(--yellow-500)calc(l1.1)c h);--stroke-warning-disabled:oklch(from var(--yellow-500)calc(l.8)calc(c.8)h);--ring-warning:var(--yellow-300);--gradient-warning-start:var(--yellow-300);--gradient-warning-end:var(--yellow-400);--gradient-warning-foreground:black;--gradient-warning-disabled:oklch(from var(--yellow-400)calc(l.85)calc(c.85)h);--fill-danger-strong:var(--red-400);--fill-danger-strong-hover:oklch(from var(--red-400)calc(l.9)c h);--fill-danger-strong-disabled:oklch(from var(--red-400)calc(l.85)calc(c.85)h);--fill-danger-weak:oklch(from var(--red-400)calc(l.45)calc(c.5)h/.5);--fill-danger-weak-hover:oklch(from var(--red-400)calc(l.4)calc(c.5)h/.5);--fill-danger-weak-disabled:oklch(from var(--red-400)calc(l.4)calc(c.5)h/.5);--text-on-danger:white;--text-on-danger-disabled:oklch(85% 5.0664e-8 90);--text-danger-strong:var(--red-500);--text-danger-weak:var(--red-400);--text-danger-disabled:oklch(from var(--red-500)calc(l.8)calc(c.8)h);--stroke-danger:var(--red-500);--stroke-danger-hover:oklch(from var(--red-500)calc(l1.1)c h);--stroke-danger-disabled:oklch(from var(--red-500)calc(l.8)calc(c.8)h);--ring-danger:var(--red-400);--gradient-danger-start:var(--red-500);--gradient-danger-end:var(--red-700);--gradient-danger-foreground:white;--gradient-danger-disabled:oklch(from var(--red-700)calc(l.85)calc(c.85)h)}.not-dark{--fill-primary-strong:var(--primary-500);--fill-primary-strong-hover:oklch(from var(--primary-500)calc(l.9)c h);--fill-primary-strong-disabled:oklch(from var(--primary-500)calc(l1.1)calc(c.85)h);--fill-primary-weak:oklch(from var(--primary-500)calc(l2.04)calc(c.2)h/.7);--fill-primary-weak-hover:oklch(from var(--primary-500)calc(l2)calc(c.2)h/.7);--fill-primary-weak-disabled:oklch(from var(--primary-500)calc(l2)calc(c.2)h/.7);--text-on-primary:white;--text-on-primary-disabled:oklch(90% 5.0664e-8 90);--text-primary-strong:var(--primary-600);--text-primary-weak:oklch(from var(--primary-500)calc(l.7)c h);--text-primary-disabled:oklch(from var(--primary-600)calc(l1.5)calc(c.5)h);--text-primary-weak-disabled:oklch(from var(--primary-600)calc(l1.5)calc(c.5)h);--stroke-primary:var(--primary-600);--stroke-primary-hover:oklch(from var(--primary-600)calc(l.85)c h);--stroke-primary-disabled:oklch(from var(--primary-600)calc(l1.5)calc(c.8)h);--ring-primary:var(--primary-500);--gradient-primary-start:var(--primary-500);--gradient-primary-end:var(--primary-700);--gradient-primary-foreground:white;--gradient-primary-disabled:oklch(from var(--primary-700)calc(l1.2)calc(c.85)h);--fill-secondary-strong:var(--secondary-500);--fill-secondary-strong-hover:oklch(from var(--secondary-500)calc(l.95)c h);--fill-secondary-strong-disabled:oklch(from var(--secondary-500)calc(l1.1)calc(c.85)h);--fill-secondary-weak:oklch(from var(--secondary-500)calc(l1.6)calc(c.4)h/.7);--fill-secondary-weak-hover:oklch(from var(--secondary-500)calc(l2)calc(c.4)h/.7);--fill-secondary-weak-disabled:oklch(from var(--secondary-500)calc(l2)calc(c.4)c h/.7);--text-on-secondary:black;--text-on-secondary-disabled:oklch(0% 0 0);--text-secondary-strong:var(--secondary-950);--text-secondary-weak:oklch(from var(--secondary-500)calc(l.7)c h);--text-secondary-disabled:oklch(from var(--secondary-950)calc(l1.5)calc(c.5)h);--stroke-secondary:var(--secondary-700);--stroke-secondary-hover:oklch(from var(--secondary-700)calc(l.85)c h);--stroke-secondary-disabled:oklch(from var(--secondary-700)calc(l1.5)calc(c.8)h);--ring-secondary:var(--secondary-500);--gradient-secondary-start:var(--secondary-500);--gradient-secondary-end:var(--secondary-700);--gradient-secondary-foreground:black;--gradient-secondary-disabled:oklch(from var(--secondary-700)calc(l1.2)calc(c.85)h);--fill-noeffect-strong:var(--gray-100);--fill-noeffect-strong-hover:oklch(from var(--gray-100)calc(l.95)c h);--fill-noeffect-strong-disabled:oklch(from var(--gray-100)calc(l1.1)calc(c.85)h);--fill-noeffect-weak:oklch(from var(--gray-100)calc(l1.07)c h/.7);--fill-noeffect-weak-hover:oklch(from var(--gray-100)calc(l1.05)c h/.7);--fill-noeffect-weak-disabled:oklch(from var(--gray-100)calc(l1.07)c h/.7);--text-on-noeffect:black;--text-on-noeffect-disabled:oklch(0% 0 0);--text-noeffect-strong:var(--gray-800);--text-noeffect-weak:oklch(from var(--gray-100)calc(l.5)c h);--text-noeffect-disabled:oklch(from var(--gray-800)calc(l1.5)calc(c.5)h);--stroke-noeffect:var(--gray-500);--stroke-noeffect-hover:oklch(from var(--gray-500)calc(l.75)c h);--stroke-noeffect-disabled:oklch(from var(--gray-500)calc(l1.5)calc(c.8)h);--ring-noeffect:var(--gray-200);--gradient-noeffect-start:var(--gray-100);--gradient-noeffect-end:var(--gray-200);--gradient-noeffect-foreground:black;--gradient-noeffect-hover:var(--gray-400);--gradient-noeffect-disabled:oklch(from var(--gray-200)calc(l1.2)calc(c.85)h);--fill-success-strong:var(--green-400);--fill-success-strong-hover:oklch(from var(--green-400)calc(l.9)c h);--fill-success-strong-disabled:oklch(from var(--green-400)calc(l1.1)calc(c.85)h);--fill-success-weak:oklch(from var(--green-100)calc(l1.09)calc(c.85)h/.7);--fill-success-weak-hover:oklch(from var(--green-100)calc(l.975)calc(c.85)h/.7);--fill-success-weak-disabled:oklch(from var(--green-100)calc(l1.07)calc(c.85)h/.7);--text-on-success:white;--text-on-success-disabled:oklch(90% 5.0664e-8 90);--text-success-strong:var(--green-600);--text-success-weak:oklch(from var(--green-400)calc(l.7)c h);--text-success-disabled:oklch(from var(--green-600)calc(l1.5)calc(c.5)h);--stroke-success:var(--green-600);--stroke-success-hover:oklch(from var(--green-600)calc(l.85)c h);--stroke-success-disabled:oklch(from var(--green-600)calc(l1.5)calc(c.8)h);--ring-success:var(--green-400);--gradient-success-start:var(--green-500);--gradient-success-end:var(--green-700);--gradient-success-foreground:white;--gradient-success-disabled:oklch(from var(--green-700)calc(l1.2)calc(c.85)h);--fill-info-strong:var(--blue-400);--fill-info-strong-hover:oklch(from var(--blue-400)calc(l.9)c h);--fill-info-strong-disabled:oklch(from var(--blue-400)calc(l1.1)calc(c.85)h);--fill-info-weak:oklch(from var(--blue-400)calc(l1.75)calc(c.2)h/.7);--fill-info-weak-hover:oklch(from var(--blue-400)calc(l1.7)calc(c.2)h/.7);--fill-info-weak-disabled:oklch(from var(--blue-400)calc(l1.8)calc(c.2)h/.7);--text-on-info:white;--text-on-info-disabled:oklch(90% 5.0664e-8 90);--text-info-strong:var(--blue-300);--text-info-weak:oklch(from var(--blue-400)calc(l.7)c h);--text-info-disabled:oklch(from var(--blue-300)calc(l1.5)calc(c.5)h);--stroke-info:var(--blue-500);--stroke-info-hover:oklch(from var(--blue-500)calc(l.85)c h);--stroke-info-disabled:oklch(from var(--blue-500)calc(l1.5)calc(c.8)h);--ring-info:var(--blue-400);--gradient-info-start:var(--blue-500);--gradient-info-end:var(--blue-700);--gradient-info-foreground:white;--gradient-info-disabled:oklch(from var(--blue-700)calc(l1.2)calc(c.85)h);--fill-warning-strong:var(--yellow-300);--fill-warning-strong-hover:oklch(from var(--yellow-300)calc(l.95)c h);--fill-warning-strong-disabled:oklch(from var(--yellow-300)calc(l1.1)calc(c.85)h);--fill-warning-weak:oklch(from var(--yellow-300)calc(l1.5)calc(c.5)h/.7);--fill-warning-weak-hover:oklch(from var(--yellow-300)calc(l1.15)calc(c.5)h/.7);--fill-warning-weak-disabled:oklch(from var(--yellow-300)calc(l1.8)calc(c.5)h/.7);--text-on-warning:black;--text-on-warning-disabled:oklch(0% 0 0);--text-warning-strong:var(--yellow-700);--text-warning-weak:oklch(from var(--yellow-300)calc(l.6)c h);--text-warning-disabled:oklch(from var(--yellow-700)calc(l1.5)calc(c.5)h);--stroke-warning:var(--yellow-500);--stroke-warning-hover:oklch(from var(--yellow-500)calc(l.85)c h);--stroke-warning-disabled:oklch(from var(--yellow-500)calc(l1.5)calc(c.8)h);--ring-warning:var(--yellow-300);--gradient-warning-start:var(--yellow-300);--gradient-warning-end:var(--yellow-400);--gradient-warning-foreground:black;--gradient-warning-disabled:oklch(from var(--yellow-400)calc(l1.2)calc(c.85)h);--fill-danger-strong:var(--red-400);--fill-danger-strong-hover:oklch(from var(--red-400)calc(l.9)c h);--fill-danger-strong-disabled:oklch(from var(--red-400)calc(l1.1)calc(c.85)h);--fill-danger-weak:oklch(from var(--red-300)calc(l1.75)calc(c.5)h/.7);--fill-danger-weak-hover:oklch(from var(--red-300)calc(l1.65)calc(c.5)h/.7);--fill-danger-weak-disabled:oklch(from var(--red-300)calc(l1.65)calc(c.5)h/.7);--text-on-danger:white;--text-on-danger-disabled:oklch(90% 5.0664e-8 90);--text-danger-strong:var(--red-500);--text-danger-weak:oklch(from var(--red-400)calc(l.7)c h);--text-danger-disabled:oklch(from var(--red-500)calc(l1.5)calc(c.5)h);--stroke-danger:var(--red-500);--stroke-danger-hover:oklch(from var(--red-500)calc(l.85)c h);--stroke-danger-disabled:oklch(from var(--red-500)calc(l1.5)calc(c.8)h);--ring-danger:var(--red-400);--gradient-danger-start:var(--red-500);--gradient-danger-end:var(--red-700);--gradient-danger-foreground:white;--gradient-danger-disabled:oklch(from var(--red-700)calc(l1.2)calc(c.85)h)}:root{--background:var(--canvas-25);--foreground:var(--gray-900);--shadow:var(--shadow-md);--loader-color:var(--fill-primary-strong);--surface-panel:var(--canvas-25);--surface-panel-elevated:white;--surface-panel-border:var(--border-color);--surface-item:transparent;--surface-item-hover:var(--canvas-50);--surface-item-active:var(--canvas-100);--surface-item-text:var(--text);--surface-item-text-hover:var(--text);--surface-item-text-active:var(--text);--surface-item-text-disabled:var(--gray-400);--surface-panel-scrollbar:var(--gray-50);--surface-panel-scrollbar-thumb:var(--primary-100)}.dark,[data-theme=dark],[data-theme=dark] ::backdrop{--background:var(--canvas-900);--foreground:var(--gray-50);--shadow:var(--shadow-lg);--loader-color:var(--fill-primary-strong);--surface-panel:var(--canvas-800);--surface-panel-elevated:var(--canvas-800);--surface-panel-border:var(--border-color);--surface-item:transparent;--surface-item-hover:var(--canvas-700);--surface-item-active:var(--canvas-600);--surface-item-text:var(--text);--surface-item-text-hover:var(--text);--surface-item-text-active:var(--text);--surface-item-text-disabled:var(--gray-500);--surface-panel-scrollbar:var(--canvas-700);--surface-panel-scrollbar-thumb:var(--primary-400)}.not-dark{--background:var(--canvas-25);--foreground:var(--gray-900);--shadow:var(--shadow-md);--loader-color:var(--fill-primary-strong);--surface-panel:var(--canvas-25);--surface-panel-elevated:white;--surface-panel-border:var(--border-color);--surface-item:transparent;--surface-item-hover:var(--canvas-50);--surface-item-active:var(--canvas-100);--surface-item-text:var(--text);--surface-item-text-hover:var(--text);--surface-item-text-active:var(--text);--surface-item-text-disabled:var(--gray-400);--surface-panel-scrollbar:var(--gray-50);--surface-panel-scrollbar-thumb:var(--primary-100)}:root{--text:var(--gray-900);--headings:var(--primary-700);--muted:oklch(from var(--foreground)calc(l2)c h);--error:var(--red-500)}.dark,[data-theme=dark],[data-theme=dark] ::backdrop{--text:var(--gray-50);--headings:var(--gray-50);--muted:oklch(from var(--foreground)calc(l.75)c h);--error:var(--red-400)}.not-dark{--text:var(--gray-900);--headings:var(--primary-800);--muted:oklch(from var(--foreground)calc(l2)c h);--error:var(--red-500)}:root{--border-color:var(--gray-100)}.dark,[data-theme=dark]{--border-color:var(--canvas-600)}.not-dark{--border-color:var(--gray-100)}:root{--grid-columns-2:2;--grid-columns-3:3;--grid-columns-4:4;--grid-columns-5:5;--grid-columns-6:6;--grid-columns-7:7;--grid-columns-8:8;--grid-columns-9:9;--grid-columns-10:10;--grid-columns-11:11;--grid-columns-12:12;--grid-gap-sm:8px;--grid-gap-md:16px;--grid-gap-lg:24px;--grid-column-size-xs:240px;--grid-column-size-sm:260px;--grid-column-size-md:320px;--grid-column-size-lg:480px;--gap-0:var(--spacing-0);--gap-1:var(--spacing-4);--gap-2:var(--spacing-8);--gap-3:var(--spacing-12);--gap-4:var(--spacing-16);--gap-5:var(--spacing-20);--gap-6:var(--spacing-6);--gap-8:var(--spacing-8);--gap-10:var(--spacing-40);--gap-12:var(--spacing-48);--gap-16:var(--spacing-64);--gap-20:var(--spacing-80);--gap-24:var(--spacing-96);--gap-32:var(--spacing-128);--flex-row:row;--flex-column:column;--flex-wrap:wrap;--flex-nowrap:nowrap;--flex-center:center}}@layer infonomic-utilities{.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.background{background-color:var(--background)}.foreground{color:var(--foreground)}.text{color:var(--text)}.headings{color:var(--headings)}.muted{color:var(--muted);font-size:.925rem}.external-link:after{content:"";background-image:url(/external-link-light.svg);background-position:20%;background-repeat:no-repeat;background-size:65%;width:1.1rem;height:1.1rem;margin-right:-5px;display:inline-block}.dark .external-link:after,[data-theme=dark] .external-link:after{background-image:url(/external-link-dark.svg)}.primary-strong{background-color:var(--fill-primary-strong);color:var(--text-on-primary)}.primary-weak{background-color:var(--fill-primary-weak);color:var(--text-on-primary)}.secondary-strong{background-color:var(--fill-secondary-strong);color:var(--text-on-secondary)}.secondary-weak{background-color:var(--fill-secondary-weak);color:var(--text-on-secondary)}.accent-strong{background-color:var(--fill-accent-strong);color:var(--text-on-accent)}.accent-weak{background-color:var(--fill-accent-weak);color:var(--text-on-accent)}.info-strong{background-color:var(--fill-info-strong);color:var(--text-on-info)}.info-weak{background-color:var(--fill-info-weak);color:var(--text-on-info)}.success-strong{background-color:var(--fill-success-strong);color:var(--text-on-success)}.success-weak{background-color:var(--fill-success-weak);color:var(--text-on-success)}.warning-strong{background-color:var(--fill-warning-strong);color:var(--text-on-warning)}.warning-weak{background-color:var(--fill-warning-weak);color:var(--text-on-warning)}.danger-strong{background-color:var(--fill-danger-strong);color:var(--text-on-danger)}.danger-weak{background-color:var(--fill-danger-weak);color:var(--text-on-danger)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.text-7xl{font-size:var(--font-size-7xl)}.text-8xl{font-size:var(--font-size-8xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-ultrabold{font-weight:var(--font-weight-ultrabold)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}@media (width>=40rem){.sm\:text-xs{font-size:var(--font-size-xs)}.sm\:text-sm{font-size:var(--font-size-sm)}.sm\:text-base{font-size:var(--font-size-base)}.sm\:text-lg{font-size:var(--font-size-lg)}.sm\:text-xl{font-size:var(--font-size-xl)}.sm\:text-2xl{font-size:var(--font-size-2xl)}.sm\:text-3xl{font-size:var(--font-size-3xl)}.sm\:text-4xl{font-size:var(--font-size-4xl)}.sm\:text-5xl{font-size:var(--font-size-5xl)}.sm\:text-6xl{font-size:var(--font-size-6xl)}.sm\:text-7xl{font-size:var(--font-size-7xl)}.sm\:text-8xl{font-size:var(--font-size-8xl)}.sm\:font-light{font-weight:var(--font-weight-light)}.sm\:font-normal{font-weight:var(--font-weight-normal)}.sm\:font-medium{font-weight:var(--font-weight-medium)}.sm\:font-semibold{font-weight:var(--font-weight-semibold)}.sm\:font-bold{font-weight:var(--font-weight-bold)}.sm\:font-extrabold{font-weight:var(--font-weight-extrabold)}.sm\:font-ultrabold{font-weight:var(--font-weight-ultrabold)}.sm\:leading-tight{line-height:var(--line-height-tight)}.sm\:leading-snug{line-height:var(--line-height-snug)}.sm\:leading-normal{line-height:var(--line-height-normal)}.sm\:leading-relaxed{line-height:var(--line-height-relaxed)}.sm\:leading-loose{line-height:var(--line-height-loose)}.sm\:tracking-tight{letter-spacing:var(--letter-spacing-tight)}.sm\:tracking-normal{letter-spacing:var(--letter-spacing-normal)}.sm\:tracking-wide{letter-spacing:var(--letter-spacing-wide)}}@media (width>=48rem){.md\:text-xs{font-size:var(--font-size-xs)}.md\:text-sm{font-size:var(--font-size-sm)}.md\:text-base{font-size:var(--font-size-base)}.md\:text-lg{font-size:var(--font-size-lg)}.md\:text-xl{font-size:var(--font-size-xl)}.md\:text-2xl{font-size:var(--font-size-2xl)}.md\:text-3xl{font-size:var(--font-size-3xl)}.md\:text-4xl{font-size:var(--font-size-4xl)}.md\:text-5xl{font-size:var(--font-size-5xl)}.md\:text-6xl{font-size:var(--font-size-6xl)}.md\:text-7xl{font-size:var(--font-size-7xl)}.md\:text-8xl{font-size:var(--font-size-8xl)}.md\:font-light{font-weight:var(--font-weight-light)}.md\:font-normal{font-weight:var(--font-weight-normal)}.md\:font-medium{font-weight:var(--font-weight-medium)}.md\:font-semibold{font-weight:var(--font-weight-semibold)}.md\:font-bold{font-weight:var(--font-weight-bold)}.md\:font-extrabold{font-weight:var(--font-weight-extrabold)}.md\:font-ultrabold{font-weight:var(--font-weight-ultrabold)}.md\:leading-tight{line-height:var(--line-height-tight)}.md\:leading-snug{line-height:var(--line-height-snug)}.md\:leading-normal{line-height:var(--line-height-normal)}.md\:leading-relaxed{line-height:var(--line-height-relaxed)}.md\:leading-loose{line-height:var(--line-height-loose)}.md\:tracking-tight{letter-spacing:var(--letter-spacing-tight)}.md\:tracking-normal{letter-spacing:var(--letter-spacing-normal)}.md\:tracking-wide{letter-spacing:var(--letter-spacing-wide)}}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-4)}.m-2{margin:var(--spacing-8)}.m-3{margin:var(--spacing-12)}.m-4{margin:var(--spacing-16)}.m-5{margin:var(--spacing-20)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-10{margin:var(--spacing-40)}.m-12{margin:var(--spacing-48)}.m-16{margin:var(--spacing-64)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-4)}.p-2{padding:var(--spacing-8)}.p-3{padding:var(--spacing-12)}.p-4{padding:var(--spacing-16)}.p-5{padding:var(--spacing-20)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-40)}.p-12{padding:var(--spacing-48)}.p-16{padding:var(--spacing-64)}.p-20{padding:var(--spacing-80)}.p-24{padding:var(--spacing-96)}.p-32{padding:var(--spacing-128)}@media (width>=40rem){.sm\:m-0{margin:var(--spacing-0)}.sm\:m-1{margin:var(--spacing-4)}.sm\:m-2{margin:var(--spacing-8)}.sm\:m-3{margin:var(--spacing-12)}.sm\:m-4{margin:var(--spacing-16)}.sm\:m-5{margin:var(--spacing-20)}.sm\:m-6{margin:var(--spacing-6)}.sm\:m-8{margin:var(--spacing-8)}.sm\:m-10{margin:var(--spacing-40)}.sm\:m-12{margin:var(--spacing-48)}.sm\:m-16{margin:var(--spacing-64)}.sm\:p-0{padding:var(--spacing-0)}.sm\:p-1{padding:var(--spacing-4)}.sm\:p-2{padding:var(--spacing-8)}.sm\:p-3{padding:var(--spacing-12)}.sm\:p-4{padding:var(--spacing-16)}.sm\:p-5{padding:var(--spacing-20)}.sm\:p-6{padding:var(--spacing-6)}.sm\:p-8{padding:var(--spacing-8)}.sm\:p-10{padding:var(--spacing-40)}.sm\:p-12{padding:var(--spacing-48)}.sm\:p-16{padding:var(--spacing-64)}.sm\:p-20{padding:var(--spacing-80)}.sm\:p-24{padding:var(--spacing-96)}.sm\:p-32{padding:var(--spacing-128)}}@media (width>=48rem){.md\:m-0{margin:var(--spacing-0)}.md\:m-1{margin:var(--spacing-4)}.md\:m-2{margin:var(--spacing-8)}.md\:m-3{margin:var(--spacing-12)}.md\:m-4{margin:var(--spacing-16)}.md\:m-5{margin:var(--spacing-20)}.md\:m-6{margin:var(--spacing-6)}.md\:m-8{margin:var(--spacing-8)}.md\:m-10{margin:var(--spacing-40)}.md\:m-12{margin:var(--spacing-48)}.md\:m-16{margin:var(--spacing-64)}.md\:p-0{padding:var(--spacing-0)}.md\:p-1{padding:var(--spacing-4)}.md\:p-2{padding:var(--spacing-8)}.md\:p-3{padding:var(--spacing-12)}.md\:p-4{padding:var(--spacing-16)}.md\:p-5{padding:var(--spacing-20)}.md\:p-6{padding:var(--spacing-6)}.md\:p-8{padding:var(--spacing-8)}.md\:p-10{padding:var(--spacing-40)}.md\:p-12{padding:var(--spacing-48)}.md\:p-16{padding:var(--spacing-64)}.md\:p-20{padding:var(--spacing-80)}.md\:p-24{padding:var(--spacing-96)}.md\:p-32{padding:var(--spacing-128)}}.flex{display:flex}.flex-row{flex-direction:var(--flex-row)}.flex-column{flex-direction:var(--flex-column)}.flex-wrap{flex-wrap:var(--flex-wrap)}.flex-nowrap{flex-wrap:var(--flex-nowrap)}.items-center{align-items:var(--flex-center)}.justify-center{justify-content:var(--flex-center)}@media (width>=40rem){.sm\:flex{display:flex}.sm\:flex-row{flex-direction:var(--flex-row)}.sm\:flex-column{flex-direction:var(--flex-column)}.sm\:flex-wrap{flex-wrap:var(--flex-wrap)}.sm\:flex-nowrap{flex-wrap:var(--flex-nowrap)}.sm\:items-center{align-items:var(--flex-center)}.sm\:justify-center{justify-content:var(--flex-center)}}@media (width>=48rem){.md\:flex{display:flex}.md\:flex-row{flex-direction:var(--flex-row)}.md\:flex-column{flex-direction:var(--flex-column)}.md\:flex-wrap{flex-wrap:var(--flex-wrap)}.md\:flex-nowrap{flex-wrap:var(--flex-nowrap)}.md\:items-center{align-items:var(--flex-center)}.md\:justify-center{justify-content:var(--flex-center)}}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(var(--grid-columns-2),minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(var(--grid-columns-3),minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(var(--grid-columns-4),minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(var(--grid-columns-5),minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(var(--grid-columns-6),minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(var(--grid-columns-7),minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(var(--grid-columns-8),minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(var(--grid-columns-9),minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(var(--grid-columns-10),minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(var(--grid-columns-11),minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(var(--grid-columns-12),minmax(0,1fr))}.gap-0{gap:var(--gap-0)}.gap-1{gap:var(--gap-1)}.gap-2{gap:var(--gap-2)}.gap-3{gap:var(--gap-3)}.gap-4{gap:var(--gap-4)}.gap-5{gap:var(--gap-5)}.gap-6{gap:var(--gap-6)}.gap-8{gap:var(--gap-8)}.gap-10{gap:var(--gap-10)}.gap-12{gap:var(--gap-12)}.gap-16{gap:var(--gap-16)}.gap-20{gap:var(--gap-20)}.gap-24{gap:var(--gap-24)}.gap-32{gap:var(--gap-32)}@media (width>=40rem){.sm\:grid{display:grid}.sm\:grid-cols-12{grid-template-columns:repeat(var(--grid-columns),1fr)}.sm\:gap-0{gap:.5rem;gap:var(--gap-0)}.sm\:gap-1{gap:var(--gap-1)}.sm\:gap-2{gap:var(--gap-2)}.sm\:gap-3{gap:var(--gap-3)}.sm\:gap-4{gap:var(--gap-4)}.sm\:gap-5{gap:var(--gap-5)}.sm\:gap-6{gap:var(--gap-6)}.sm\:gap-8{gap:var(--gap-8)}.sm\:gap-10{gap:var(--gap-10)}.sm\:gap-12{gap:var(--gap-12)}.sm\:gap-16{gap:var(--gap-16)}.sm\:gap-20{gap:var(--gap-20)}.sm\:gap-24{gap:var(--gap-24)}.sm\:gap-32{gap:var(--gap-32)}}@media (width>=48rem){.md\:grid{display:grid}.md\:grid-cols-12{grid-template-columns:repeat(var(--grid-columns),1fr)}.md\:gap-0{gap:.5rem;gap:var(--gap-0)}.md\:gap-1{gap:var(--gap-1)}.md\:gap-2{gap:var(--gap-2)}.md\:gap-3{gap:var(--gap-3)}.md\:gap-4{gap:var(--gap-4)}.md\:gap-5{gap:var(--gap-5)}.md\:gap-6{gap:var(--gap-6)}.md\:gap-8{gap:var(--gap-8)}.md\:gap-10{gap:var(--gap-10)}.md\:gap-12{gap:var(--gap-12)}.md\:gap-16{gap:var(--gap-16)}.md\:gap-20{gap:var(--gap-20)}.md\:gap-24{gap:var(--gap-24)}.md\:gap-32{gap:var(--gap-32)}}.border{border-width:var(--border-width-normal);border-style:var(--border-style-solid);border-color:var(--border-color)}.border-thin{border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--border-color)}.border-thick{border-width:var(--border-width-thick);border-style:var(--border-style-solid);border-color:var(--border-color)}.rounded-none{border-radius:var(--border-radius-none)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded,.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-full{border-radius:var(--border-radius-full)}@media (width>=40rem){.sm\:border{border-width:var(--border-width-normal);border-style:var(--border-style-solid);border-color:var(--border-color)}.sm\:border-thin{border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--border-color)}.sm\:border-thick{border-width:var(--border-width-thick);border-style:var(--border-style-solid);border-color:var(--border-color)}.sm\:rounded-none{border-radius:var(--border-radius-none)}.sm\:rounded-sm,.sm\:rounded,.sm\:rounded-md{border-radius:var(--border-radius-sm)}.sm\:rounded-lg{border-radius:var(--border-radius-lg)}.sm\:rounded-xl{border-radius:var(--border-radius-xl)}.sm\:rounded-2xl{border-radius:var(--border-radius-2xl)}.sm\:rounded-full{border-radius:var(--border-radius-full)}}@media (width>=48rem){.md\:border{border-width:var(--border-width-normal);border-style:var(--border-style-solid);border-color:var(--border-color)}.md\:border-thin{border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--border-color)}.md\:border-thick{border-width:var(--border-width-thick);border-style:var(--border-style-solid);border-color:var(--border-color)}.md\:rounded-none{border-radius:var(--border-radius-none)}.md\:rounded-sm{border-radius:var(--border-radius-sm)}.md\:rounded,.md\:rounded-md{border-radius:var(--border-radius-md)}.md\:rounded-lg{border-radius:var(--border-radius-lg)}.md\:rounded-xl{border-radius:var(--border-radius-xl)}.md\:rounded-2xl{border-radius:var(--border-radius-2xl)}.md\:rounded-full{border-radius:var(--border-radius-full)}}.shadow{box-shadow:var(--shadow)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@media (width>=48rem){.md\:shadow{box-shadow:var(--shadow)}.md\:shadow-xs{box-shadow:var(--shadow-xs)}.md\:shadow-sm{box-shadow:var(--shadow-sm)}.md\:shadow-md{box-shadow:var(--shadow-md)}.md\:shadow-lg{box-shadow:var(--shadow-lg)}.md\:shadow-xl{box-shadow:var(--shadow-xl)}}.opacity-0{opacity:var(--opacity-0)}.opacity-25{opacity:var(--opacity-25)}.opacity-50{opacity:var(--opacity-50)}.opacity-75{opacity:var(--opacity-75)}.opacity-100{opacity:var(--opacity-100)}@media (width>=48rem){.md\:opacity-0{opacity:var(--opacity-0)}.md\:opacity-25{opacity:var(--opacity-25)}.md\:opacity-50{opacity:var(--opacity-50)}.md\:opacity-75{opacity:var(--opacity-75)}.md\:opacity-100{opacity:var(--opacity-100)}}.transition-fast{transition:var(--transition-fast)}.transition-normal{transition:var(--transition-normal)}.transition-slow{transition:var(--transition-slow)}.ring-primary-offset-primary:focus:not(.dark ),.ring-primary-offset-primary:active:not(.dark ){--ring-shadow:var(--ring-inset)0 0 0 calc(1px + var(--ring-offset-width))var(--primary-700);--ring-offset-shadow:var(--ring-inset)0 0 0 var(--ring-offset-width)var(--primary-400);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}.ring-secondary-offset-secondary:focus:not(.dark ),.ring-secondary-offset-secondary:active:not(.dark ){--ring-shadow:var(--ring-inset)0 0 0 calc(1px + var(--ring-offset-width))var(--secondary-700);--ring-offset-shadow:var(--ring-inset)0 0 0 var(--ring-offset-width)var(--secondary-400);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}.ring-accent-offset-accent:focus:not(.dark ),.ring-accent-offset-accent:active:not(.dark ){--ring-shadow:var(--ring-inset)0 0 0 calc(1px + var(--ring-offset-width))var(--accent-700);--ring-offset-shadow:var(--ring-inset)0 0 0 var(--ring-offset-width)var(--accent-400);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}.fix-scroll-layout-shift-right{padding-right:var(--removed-body-scroll-bar-size)}.fix-scroll-layout-shift-left{padding-left:var(--removed-body-scroll-bar-size)}}@layer infonomic-theme{input:autofill,input:autofill:hover,input:autofill:focus,textarea:autofill,textarea:autofill:hover,textarea:autofill:focus,select:autofill,select:autofill:hover,select:autofill:focus{-webkit-text-fill-color:black!important;color:#000!important;background-color:#fad9a7!important;border:1px solid #d89d3d!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #fff2dc!important;box-shadow:inset 0 0 0 1000px #fff2dc!important}.dark input:autofill,.dark input:autofill:hover,.dark input:autofill:focus,.dark textarea:autofill,.dark textarea:autofill:hover,.dark textarea:autofill:focus,.dark select:autofill,.dark select:autofill:hover,.dark select:autofill:focus,[data-theme=dark] input:autofill,[data-theme=dark] input:autofill:hover,[data-theme=dark] input:autofill:focus,[data-theme=dark] textarea:autofill,[data-theme=dark] textarea:autofill:hover,[data-theme=dark] textarea:autofill:focus,[data-theme=dark] select:autofill,[data-theme=dark] select:autofill:hover,[data-theme=dark] select:autofill:focus{border:1px solid var(--theme-600)!important;-webkit-text-fill-color:white!important;-webkit-box-shadow:0 0 0px 1000px var(--theme-600)inset!important;box-shadow:0 0 0px 1000px var(--theme-600)inset!important;color:#fff!important;background-color:#64646480!important;transition:background-color 5000s ease-in-out!important}:root{--scroll-bar-thumb:var(--theme-400);--scroll-bar-track:var(--theme-600)}:root.dark,:root[data-theme=dark]{--scroll-bar-thumb:var(--canvas-700);--scroll-bar-track:var(--canvas-900)}::-webkit-scrollbar{width:.6em;height:.6em}::-webkit-scrollbar-thumb{background:var(--scroll-bar-thumb)}::-webkit-scrollbar-track{background:var(--scroll-bar-track)}::-webkit-scrollbar-corner{background:var(--scroll-bar-track)}html{scrollbar-width:thin;scrollbar-color:var(--scroll-bar-thumb)var(--scroll-bar-track)}.component--scroller,.dark .component--scroller,[data-theme=dark] .component--scroller{--scroll-bar-thumb:var(--scroll-bar-thumb);--scroll-bar-track:var(--scroll-bar-track)}.component--scroller{scrollbar-width:thin;scrollbar-color:var(--scroll-bar-thumb)var(--scroll-bar-track);overflow-y:auto}html{color:var(--text);font-size:1rem}html .not-dark{color:var(--text)}::selection{background-color:var(--theme-600);color:#fff}.dark ::selection,[data-theme=dark] ::selection{background-color:var(--theme-200);color:var(--gray-900)}h1{font-size:1.75rem;font-weight:600;line-height:1.125}h2{font-size:1.5rem;font-weight:600;line-height:1.125}h3{font-size:1.25rem;font-weight:600;line-height:1.1}h4{font-size:1rem;font-weight:600;line-height:1.1}.external-link:after{content:"";background-image:url(/external-link-light.svg);background-position:20%;background-repeat:no-repeat;background-size:65%;width:1.1rem;height:1.1rem;margin-right:-5px;display:inline-block}.dark .external-link:after,[data-theme=dark] .external-link:after{background-image:url(/external-link-dark.svg)}}@layer infonomic-typography;@layer infonomic-components{.component--hamburger{z-index:200;cursor:pointer;width:42px;height:34px;font:inherit;color:inherit;text-transform:none;background-color:#0000;border:0;border-radius:4px;justify-content:center;align-items:center;margin:0;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:ease;display:flex;position:relative;overflow:hidden}.component--hamburger:active,.component--hamburger:focus{border:.5px dashed #fff;border-radius:4px;outline:none!important}.component--hamburger .box{width:24px;height:24px;display:block;position:relative}.component--hamburger .inner{margin-top:-1px;transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19);display:block;top:50%}.component--hamburger .inner,.component--hamburger .inner:before,.component--hamburger .inner:after{border-radius:0;width:24px;height:2px;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;position:absolute}.component--hamburger .inner:before,.component--hamburger .inner:after{content:"";display:block}.component--hamburger .inner:before{transition:top 75ms .12s,opacity 75ms;top:-8px}.component--hamburger .inner:after{transition:bottom 75ms .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);bottom:-8px}.component--hamburger.is_active .inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.component--hamburger.is_active .inner:before{opacity:0;transition:top 75ms,opacity 75ms .12s;top:0}.component--hamburger.is_active .inner:after{transition:bottom 75ms,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;bottom:0;transform:rotate(-90deg)}}.lds-ellipsis{display:inline-block;position:relative}.lds-ellipsis div{background:#fff;border-radius:50%;width:16.25%;height:32.25%;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:41.25%}.lds-ellipsis div:first-child{animation:.6s infinite lds-ellipsis1;left:10%}.lds-ellipsis div:nth-child(2){animation:.6s infinite lds-ellipsis2;left:10%}.lds-ellipsis div:nth-child(3){animation:.6s infinite lds-ellipsis2;left:40%}.lds-ellipsis div:nth-child(4){animation:.6s infinite lds-ellipsis3;left:70%}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(184.61%)}}.lds-ring{display:inline-block;position:relative}.lds-ring div{box-sizing:border-box;border:8px solid #0000;border-top-color:#fff;border-radius:50%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;display:block;position:absolute}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lds-spinner{color:official;width:56px;height:56px;display:inline-block;position:relative}.lds-spinner div{transform-origin:28px 32px;animation:1.2s linear infinite lds-spinner}.lds-spinner div .div-after{content:" ";background:#fff;border-radius:20%;width:5px;height:14px;display:block;position:absolute;top:0;left:25px}.lds-spinner div:first-child{animation-delay:-1.1s;transform:rotate(0)}.lds-spinner div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.lds-spinner div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.lds-spinner div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.lds-spinner div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.lds-spinner div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.lds-spinner div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.lds-spinner div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.lds-spinner div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.lds-spinner div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.lds-spinner div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.lds-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.component--fade-in-lift{opacity:0;visibility:hidden;will-change:opacity,visibility;transition:opacity .5s ease-out,transform .7s ease-out;transform:matrix(1,0,0,1,0,18)}.component--fade-in-lift.is-visible{opacity:1;visibility:visible;transform:matrix(1,0,0,1,0,0)}

package/package.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "name": "@infonomic/uikit",
   "private": false,
   "license": "MIT",
-  "version": "5.14.0",
+  "version": "5.15.0",
   "type": "module",
   "description": "Infonomic UI kit is a collection of reusable UI components and utilities for React and Astro.",
   "keywords": [

package/src/components/button/button-intents.stories.tsx CHANGED Viewed

@@ -10,27 +10,50 @@ type Story = StoryObj<typeof Button>
 const AllIntents = (): React.JSX.Element => {
   return (
-    <div style={{ maxWidth: '1000px', margin: '2rem auto' }}>
-      {intent.map((i) => {
-        return (
-          <div
-            key={i}
-            style={{
-              display: 'grid',
-              gridTemplateColumns: 'repeat(5, minmax(0, 1fr)',
-              gap: '32px',
-              marginBottom: '32px',
-            }}
-          >
-            {variant.map((v) => {
-              return (
-                <Button key={`${i}-${v}`} intent={i} variant={v}>{`${capitalize(i)} ${v}`}</Button>
-              )
-            })}
-          </div>
-        )
-      })}
-    </div>
+    <>
+      <div style={{ maxWidth: '1100px', margin: '2rem auto', padding: '2rem',  borderRadius: '6px', backgroundColor: 'var(--background)' }}>
+        {intent.map((i) => {
+          return (
+            <div
+              key={i}
+              style={{
+                display: 'grid',
+                gridTemplateColumns: 'repeat(5, minmax(0, 1fr)',
+                gap: '32px',
+                marginBottom: '32px',
+              }}
+            >
+              {variant.map((v) => {
+                return (
+                  <Button key={`${i}-${v}`} intent={i} variant={v}>{`${capitalize(i)} ${v}`}</Button>
+                )
+              })}
+            </div>
+          )
+        })}
+      </div>
+      <div className="dark" style={{ maxWidth: '1100px', margin: '2rem auto', padding: '2rem',  borderRadius: '6px', backgroundColor: 'var(--theme-800)' }}>
+        {intent.map((i) => {
+          return (
+            <div
+              key={i}
+              style={{
+                display: 'grid',
+                gridTemplateColumns: 'repeat(5, minmax(0, 1fr)',
+                gap: '32px',
+                marginBottom: '32px',
+              }}
+            >
+              {variant.map((v) => {
+                return (
+                  <Button key={`${i}-${v}`} intent={i} variant={v}>{`${capitalize(i)} ${v}`}</Button>
+                )
+              })}
+            </div>
+          )
+        })}
+      </div>
+    </>
   )
 }

package/src/components/notifications/alert.module.css CHANGED Viewed

@@ -13,6 +13,7 @@
     transition: all 0.3s ease-in-out;
     border: 1px solid var(--alert-border);
     background-color: var(--alert-background);
+    color: var(--foreground);
     margin-bottom: 1rem;
   }

package/src/components/notifications/alert.stories.tsx CHANGED Viewed

@@ -7,23 +7,42 @@ import { Alert as AlertComponent } from './alert.js'
 export const Alerts = (): React.JSX.Element => {
   return (
-    <div style={{ maxWidth: '600px', margin: '2rem auto' }}>
-      {intent.map((intent: Intent) => {
-        if (intent !== 'noeffect') {
-          return (
-            <div style={{ marginBottom: '1rem' }} key={intent}>
-              <AlertComponent intent={intent}>
-                This is a {intent} alert - with some additional text here.
-              </AlertComponent>
-            </div>
-          )
-        }
-        return null
-      })}
-      <AlertComponent intent="info" title="This is a title">
-        This is an info alert with a title and with some additional text here.
-      </AlertComponent>
-    </div>
+    <>
+      <div style={{ maxWidth: '600px', margin: '2rem auto', borderRadius: '6px', backgroundColor: 'var(--background)', padding: '1rem' }}>
+        {intent.map((intent: Intent) => {
+          if (intent !== 'noeffect') {
+            return (
+              <div style={{ marginBottom: '1rem' }} key={intent}>
+                <AlertComponent intent={intent}>
+                  This is a {intent} alert - with some additional text here.
+                </AlertComponent>
+              </div>
+            )
+          }
+          return null
+        })}
+        <AlertComponent intent="info" title="This is a title">
+          This is an info alert with a title and with some additional text here.
+        </AlertComponent>
+      </div>
+      <div className="dark" style={{ maxWidth: '600px', margin: '2rem auto', borderRadius: '6px', backgroundColor: 'var(--theme-800)', padding: '1rem' }}>
+        {intent.map((intent: Intent) => {
+          if (intent !== 'noeffect') {
+            return (
+              <div style={{ marginBottom: '1rem' }} key={intent}>
+                <AlertComponent intent={intent}>
+                  This is a {intent} alert - with some additional text here.
+                </AlertComponent>
+              </div>
+            )
+          }
+          return null
+        })}
+        <AlertComponent intent="info" title="This is a title">
+          This is an info alert with a title and with some additional text here.
+        </AlertComponent>
+      </div>
+    </>
   )
 }

package/src/styles/functional/colors.css CHANGED Viewed

@@ -30,9 +30,12 @@
     --fill-primary-strong: var(--primary-500);
     --fill-primary-strong-hover: oklch(from var(--primary-500) calc(l * 0.9) c h);
     --fill-primary-strong-disabled: oklch(from var(--primary-500) calc(l * 1.1) calc(c * 0.85) h);
-    --fill-primary-weak: oklch(from var(--primary-500) calc(l * 2.04) calc(c * 0.2) h);
-    --fill-primary-weak-disabled: oklch(from var(--primary-500) calc(l * 2) calc(c * 0.2) h);
-    --fill-primary-weak-hover: oklch(from var(--canvas-50) calc(l * 0.995) c h);
+    --fill-primary-weak: oklch(from var(--primary-500) calc(l * 2.04) calc(c * 0.2) h / 0.7);
+    --fill-primary-weak-hover: oklch(from var(--primary-500) calc(l * 2) calc(c * 0.2) h / 0.7);
+    --fill-primary-weak-disabled: oklch(from var(--primary-500) calc(l * 2) calc(c * 0.2) h / 0.7);
+    /* Based on weak - but with transparency for components that appear on top of a primary or theme background */
+    --fill-primary-transparent: oklch(from var(--primary-500) calc(l * 2.04) calc(c * 0.2) h / 0.5);
     --text-on-primary: white;
     --text-on-primary-disabled: oklch(from white calc(l * 0.9) calc(c * 0.85) h);
@@ -60,8 +63,9 @@
     --fill-secondary-strong: var(--secondary-500);
     --fill-secondary-strong-hover: oklch(from var(--secondary-500) calc(l * 0.95) c h);
     --fill-secondary-strong-disabled: oklch(from var(--secondary-500) calc(l * 1.1) calc(c * 0.85) h);
-    --fill-secondary-weak: oklch(from var(--secondary-500) calc(l * 1.6) calc(c * 0.2) h);
-    --fill-secondary-weak-hover: oklch(from var(--canvas-50) calc(l * 0.995) c h);
+    --fill-secondary-weak: oklch(from var(--secondary-500) calc(l * 1.6) calc(c * 0.4) h / 0.7);
+    --fill-secondary-weak-hover: oklch(from var(--secondary-500) calc(l * 2) calc(c * 0.4) h / 0.7);
+    --fill-secondary-weak-disabled: oklch(from var(--secondary-500) calc(l * 2) calc(c * 0.4) c h / 0.7);
     --text-on-secondary: black;
     --text-on-secondary-disabled: oklch(from black calc(l * 0.9) calc(c * 0.85) h);
@@ -85,8 +89,9 @@
     --fill-noeffect-strong: var(--gray-100);
     --fill-noeffect-strong-hover: oklch(from var(--gray-100) calc(l * 0.95) c h);
     --fill-noeffect-strong-disabled: oklch(from var(--gray-100) calc(l * 1.1) calc(c * 0.85) h);
-    --fill-noeffect-weak: oklch(from var(--gray-100) calc(l * 2.9) calc(c * 0.2) h);
-    --fill-noeffect-weak-hover: oklch(from var(--canvas-50) calc(l * 0.995) c h);
+    --fill-noeffect-weak: oklch(from var(--gray-100) calc(l * 1.07) c h / 0.7);
+    --fill-noeffect-weak-hover: oklch(from var(--gray-100) calc(l * 1.05) c h / 0.7);
+    --fill-noeffect-weak-disabled: oklch(from var(--gray-100) calc(l * 1.07) c h / 0.7);
     --text-on-noeffect: black;
     --text-on-noeffect-disabled: oklch(from black calc(l * 0.9) calc(c * 0.85) h);
@@ -111,8 +116,9 @@
     --fill-success-strong: var(--green-400);
     --fill-success-strong-hover: oklch(from var(--green-400) calc(l * 0.9) c h);
     --fill-success-strong-disabled: oklch(from var(--green-400) calc(l * 1.1) calc(c * 0.85) h);
-    --fill-success-weak: oklch(from var(--green-400) calc(l * 1.6) calc(c * 0.2) h);
-    --fill-success-weak-hover: oklch(from var(--canvas-50) calc(l * 0.995) c h);
+    --fill-success-weak: oklch(from var(--green-100) calc(l * 1.09) calc(c * 0.85) h / 0.7);
+    --fill-success-weak-hover: oklch(from var(--green-100) calc(l * 0.975) calc(c * 0.85) h / 0.7);
+    --fill-success-weak-disabled: oklch(from var(--green-100) calc(l * 1.07) calc(c * 0.85) h / 0.7);
     --text-on-success: white;
     --text-on-success-disabled: oklch(from white calc(l * 0.9) calc(c * 0.85) h);
@@ -136,8 +142,9 @@
     --fill-info-strong: var(--blue-400);
     --fill-info-strong-hover: oklch(from var(--blue-400) calc(l * 0.9) c h);
     --fill-info-strong-disabled: oklch(from var(--blue-400) calc(l * 1.1) calc(c * 0.85) h);
-    --fill-info-weak: oklch(from var(--blue-400) calc(l * 1.9) calc(c * 0.2) h);
-    --fill-info-weak-hover: oklch(from var(--canvas-50) calc(l * 0.995) c h);
+    --fill-info-weak: oklch(from var(--blue-400) calc(l * 1.75) calc(c * 0.2) h / 0.7);
+    --fill-info-weak-hover: oklch(from var(--blue-400) calc(l * 1.7) calc(c * 0.2) h / 0.7);
+    --fill-info-weak-disabled: oklch(from var(--blue-400) calc(l * 1.8) calc(c * 0.2) h / 0.7);
     --text-on-info: white;
     --text-on-info-disabled: oklch(from white calc(l * 0.9) calc(c * 0.85) h);
@@ -161,8 +168,9 @@
     --fill-warning-strong: var(--yellow-300);
     --fill-warning-strong-hover: oklch(from var(--yellow-300) calc(l * 0.95) c h);
     --fill-warning-strong-disabled: oklch(from var(--yellow-300) calc(l * 1.1) calc(c * 0.85) h);
-    --fill-warning-weak: oklch(from var(--yellow-300) calc(l * 1.9) calc(c * 0.2) h);
-    --fill-warning-weak-hover: oklch(from var(--canvas-50) calc(l * 0.995) c h);
+    --fill-warning-weak: oklch(from var(--yellow-300) calc(l * 1.5) calc(c * 0.5) h / 0.7);
+    --fill-warning-weak-hover: oklch(from var(--yellow-300) calc(l * 1.15) calc(c * 0.5) h / 0.7);
+    --fill-warning-weak-disabled: oklch(from var(--yellow-300) calc(l * 1.8) calc(c * 0.5) h / 0.7);
     --text-on-warning: black;
     --text-on-warning-disabled: oklch(from black calc(l * 0.9) calc(c * 0.85) h);
@@ -186,8 +194,9 @@
     --fill-danger-strong: var(--red-400);
     --fill-danger-strong-hover: oklch(from var(--red-400) calc(l * 0.9) c h);
     --fill-danger-strong-disabled: oklch(from var(--red-400) calc(l * 1.1) calc(c * 0.85) h);
-    --fill-danger-weak: oklch(from var(--red-400) calc(l * 1.8) calc(c * 0.3) h);
-    --fill-danger-weak-hover: oklch(from var(--canvas-50) calc(l * 0.995) c h);
+    --fill-danger-weak: oklch(from var(--red-300) calc(l * 1.75) calc(c * 0.5) h / 0.7);
+    --fill-danger-weak-hover: oklch(from var(--red-300) calc(l * 1.65) calc(c * 0.5) h / 0.7);
+    --fill-danger-weak-disabled: oklch(from var(--red-300) calc(l * 1.65) calc(c * 0.5) h / 0.7);
     --text-on-danger: white;
     --text-on-danger-disabled: oklch(from white calc(l * 0.9) calc(c * 0.85) h);
@@ -226,10 +235,9 @@
     --fill-primary-strong: var(--primary-500);
     --fill-primary-strong-hover: oklch(from var(--primary-500) calc(l * 0.9) c h);
     --fill-primary-strong-disabled: oklch(from var(--primary-500) calc(l * 0.85) calc(c * 0.85) h);
-    /* Weak fill - adjusted for dark backgrounds */
-    --fill-primary-weak: oklch(from var(--primary-400) calc(l * 0.75) c h / 0.5);
-    --fill-primary-weak-hover: oklch(from var(--primary-400) calc(l * 0.65) c h / 0.5);
+    --fill-primary-weak: oklch(from var(--primary-500) calc(l * 1) calc(c * 0.5) h / 0.5);
+    --fill-primary-weak-hover: oklch(from var(--primary-500) calc(l * 0.9) calc(c * 0.5) h / 0.5);
+    --fill-primary-weak-disabled: oklch(from var(--primary-500) calc(l * 1) calc(c * 0.5) h / 0.5);
     --text-on-primary: white;
     --text-on-primary-disabled: oklch(from white calc(l * 0.85) calc(c * 0.85) h);
@@ -256,8 +264,9 @@
     --fill-secondary-strong: var(--secondary-500);
     --fill-secondary-strong-hover: oklch(from var(--secondary-500) calc(l * 0.95) c h);
     --fill-secondary-strong-disabled: oklch(from var(--secondary-500) calc(l * 0.85) calc(c * 0.85) h);
-    --fill-secondary-weak: oklch(from var(--secondary-500) calc(l * 0.3) calc(c * 0.1) h);
-    --fill-secondary-weak-hover: var(--canvas-800);
+    --fill-secondary-weak: oklch(from var(--secondary-500) calc(l * 0.5) calc(c * 0.5) h / 0.5);
+    --fill-secondary-weak-hover: oklch(from var(--secondary-500) calc(l * 0.4) calc(c * 0.5) h / 0.5);
+    --fill-secondary-weak-disabled: oklch(from var(--secondary-500) calc(l * 0.4) calc(c * 0.5) h / 0.5);
     --text-on-secondary: black;
     --text-on-secondary-disabled: oklch(from black calc(l * 0.85) calc(c * 0.85) h);
@@ -281,8 +290,9 @@
     --fill-noeffect-strong: var(--gray-900);
     --fill-noeffect-strong-hover: oklch(from var(--gray-900) calc(l * 0.95) c h);
     --fill-noeffect-strong-disabled: oklch(from var(--gray-900) calc(l * 0.85) calc(c * 0.85) h);
-    --fill-noeffect-weak: oklch(from var(--gray-900) calc(l * 0.75) calc(c * 0.2) h);
-    --fill-noeffect-weak-hover: var(--canvas-800);
+    --fill-noeffect-weak: oklch(from var(--gray-500) calc(l * 0.55) calc(c * 0.5) h / 0.5);
+    --fill-noeffect-weak-hover: oklch(from var(--gray-500) calc(l * 0.5) calc(c * 0.5) h / 0.5);
+    --fill-noeffect-weak-disabled: oklch(from var(--gray-500) calc(l * 0.5) calc(c * 0.5) h / 0.5);
     --text-on-noeffect: white;
     --text-on-noeffect-disabled: oklch(from white calc(l * 0.85) calc(c * 0.85) h);
@@ -307,8 +317,9 @@
     --fill-success-strong: var(--green-400);
     --fill-success-strong-hover: oklch(from var(--green-400) calc(l * 0.9) c h);
     --fill-success-strong-disabled: oklch(from var(--green-400) calc(l * 0.85) calc(c * 0.85) h);
-    --fill-success-weak: oklch(from var(--green-400) calc(l * 0.35) calc(c * 0.1) h);
-    --fill-success-weak-hover: var(--canvas-800);
+    --fill-success-weak: oklch(from var(--green-400) calc(l * 0.5) calc(c * 0.5) h / 0.5);
+    --fill-success-weak-hover: oklch(from var(--green-400) calc(l * 0.4) calc(c * 0.5) h / 0.5);
+    --fill-success-weak-disabled: oklch(from var(--green-400) calc(l * 0.4) calc(c * 0.5) h / 0.5);
     --text-on-success: white;
     --text-on-success-disabled: oklch(from white calc(l * 0.85) calc(c * 0.85) h);
@@ -332,13 +343,14 @@
     --fill-info-strong: var(--blue-400);
     --fill-info-strong-hover: oklch(from var(--blue-400) calc(l * 0.9) c h);
     --fill-info-strong-disabled: oklch(from var(--blue-400) calc(l * 0.85) calc(c * 0.85) h);
-    --fill-info-weak: oklch(from var(--blue-400) calc(l * 0.43) calc(c * 0.1) h);
-    --fill-info-weak-hover: var(--canvas-800);
+    --fill-info-weak: oklch(from var(--blue-400) calc(l * 0.55) calc(c * 0.5) h / 0.5);
+    --fill-info-weak-hover: oklch(from var(--blue-400) calc(l * 0.5) calc(c * 0.5) h / 0.5);
+    --fill-info-weak-disabled: oklch(from var(--blue-400) calc(l * 0.5) calc(c * 0.5) h / 0.5);
     --text-on-info: white;
     --text-on-info-disabled: oklch(from white calc(l * 0.85) calc(c * 0.85) h);
     --text-info-strong: var(--blue-300);
-    --text-info-weak: var(--blue-400);
+    --text-info-weak: var(--blue-300);
     --text-info-disabled: oklch(from var(--blue-300) calc(l * 0.8) calc(c * 0.8) h);
     --stroke-info: var(--blue-500);
@@ -357,8 +369,9 @@
     --fill-warning-strong: var(--yellow-300);
     --fill-warning-strong-hover: oklch(from var(--yellow-300) calc(l * 0.95) c h);
     --fill-warning-strong-disabled: oklch(from var(--yellow-300) calc(l * 0.85) calc(c * 0.85) h);
-    --fill-warning-weak: oklch(from var(--yellow-300) calc(l * 0.31) calc(c * 0.1) h);
-    --fill-warning-weak-hover: var(--canvas-800);
+    --fill-warning-weak: oklch(from var(--yellow-300) calc(l * 0.45) calc(c * 0.5) h / 0.5);
+    --fill-warning-weak-hover: oklch(from var(--yellow-300) calc(l * 0.4) calc(c * 0.5) h / 0.5);
+    --fill-warning-weak-disabled: oklch(from var(--yellow-300) calc(l * 0.4) calc(c * 0.5) h / 0.5);
     --text-on-warning: black;
     --text-on-warning-disabled: oklch(from black calc(l * 0.85) calc(c * 0.85) h);
@@ -382,8 +395,9 @@
     --fill-danger-strong: var(--red-400);
     --fill-danger-strong-hover: oklch(from var(--red-400) calc(l * 0.9) c h);
     --fill-danger-strong-disabled: oklch(from var(--red-400) calc(l * 0.85) calc(c * 0.85) h);
-    --fill-danger-weak: oklch(from var(--red-400) calc(l * 0.4) calc(c * 0.1) h);
-    --fill-danger-weak-hover: var(--canvas-800);
+    --fill-danger-weak: oklch(from var(--red-400) calc(l * 0.45) calc(c * 0.5) h / 0.5);
+    --fill-danger-weak-hover: oklch(from var(--red-400) calc(l * 0.4) calc(c * 0.5) h / 0.5);
+    --fill-danger-weak-disabled: oklch(from var(--red-400) calc(l * 0.4) calc(c * 0.5) h / 0.5);
     --text-on-danger: white;
     --text-on-danger-disabled: oklch(from white calc(l * 0.85) calc(c * 0.85) h);
@@ -412,27 +426,23 @@
    * Alternative approaches (revert-layer, :not() patterns) would be more fragile.
   */
   .not-dark {
-    /* PRIMARY INTENT TOKENS (Force Light Mode)
+    /* PRIMARY INTENT TOKENS
        ----------------------------------------------------------------- */
     /* Fill tokens - for solid backgrounds (filled variant) */
     --fill-primary-strong: var(--primary-500);
     --fill-primary-strong-hover: oklch(from var(--primary-500) calc(l * 0.9) c h);
     --fill-primary-strong-disabled: oklch(from var(--primary-500) calc(l * 1.1) calc(c * 0.85) h);
+    --fill-primary-weak: oklch(from var(--primary-500) calc(l * 2.04) calc(c * 0.2) h / 0.7);
+    --fill-primary-weak-hover: oklch(from var(--primary-500) calc(l * 2) calc(c * 0.2) h / 0.7);
+    --fill-primary-weak-disabled: oklch(from var(--primary-500) calc(l * 2) calc(c * 0.2) h / 0.7);
-    /* Weak fill - for subtle backgrounds (outlined hover states) */
-    --fill-primary-weak: oklch(from var(--primary-500) calc(l * 2.04) calc(c * 0.2) h);
-    --fill-primary-weak-hover: oklch(from var(--canvas-50) calc(l * 0.995) c h);
-    /* Text tokens - for foreground colors */
     --text-on-primary: white;
-    /* Text on primary fill */
     --text-on-primary-disabled: oklch(from white calc(l * 0.9) calc(c * 0.85) h);
     --text-primary-strong: var(--primary-600);
-    /* Primary-colored text (outlined, text variants) */
     --text-primary-weak: oklch(from var(--primary-500) calc(l * 0.7) c h);
-    /* Muted primary text */
     --text-primary-disabled: oklch(from var(--primary-600) calc(l * 1.5) calc(c * 0.5) h);
+    --text-primary-weak-disabled: oklch(from var(--primary-600) calc(l * 1.5) calc(c * 0.5) h);
     /* Stroke tokens - for borders */
     --stroke-primary: var(--primary-600);
@@ -448,13 +458,14 @@
     --gradient-primary-foreground: white;
     --gradient-primary-disabled: oklch(from var(--primary-700) calc(l * 1.2) calc(c * 0.85) h);
-    /* SECONDARY INTENT TOKENS (Force Light Mode)
+    /* SECONDARY INTENT TOKENS
        ----------------------------------------------------------------- */
     --fill-secondary-strong: var(--secondary-500);
     --fill-secondary-strong-hover: oklch(from var(--secondary-500) calc(l * 0.95) c h);
     --fill-secondary-strong-disabled: oklch(from var(--secondary-500) calc(l * 1.1) calc(c * 0.85) h);
-    --fill-secondary-weak: oklch(from var(--secondary-500) calc(l * 1.6) calc(c * 0.2) h);
-    --fill-secondary-weak-hover: oklch(from var(--canvas-50) calc(l * 0.995) c h);
+    --fill-secondary-weak: oklch(from var(--secondary-500) calc(l * 1.6) calc(c * 0.4) h / 0.7);
+    --fill-secondary-weak-hover: oklch(from var(--secondary-500) calc(l * 2) calc(c * 0.4) h / 0.7);
+    --fill-secondary-weak-disabled: oklch(from var(--secondary-500) calc(l * 2) calc(c * 0.4) c h / 0.7);
     --text-on-secondary: black;
     --text-on-secondary-disabled: oklch(from black calc(l * 0.9) calc(c * 0.85) h);
@@ -473,13 +484,14 @@
     --gradient-secondary-foreground: black;
     --gradient-secondary-disabled: oklch(from var(--secondary-700) calc(l * 1.2) calc(c * 0.85) h);
-    /* NOEFFECT INTENT TOKENS (Force Light Mode)
+    /* NOEFFECT INTENT TOKENS (neutral/gray)
        ----------------------------------------------------------------- */
     --fill-noeffect-strong: var(--gray-100);
     --fill-noeffect-strong-hover: oklch(from var(--gray-100) calc(l * 0.95) c h);
     --fill-noeffect-strong-disabled: oklch(from var(--gray-100) calc(l * 1.1) calc(c * 0.85) h);
-    --fill-noeffect-weak: oklch(from var(--gray-100) calc(l * 2.9) calc(c * 0.2) h);
-    --fill-noeffect-weak-hover: oklch(from var(--canvas-50) calc(l * 0.995) c h);
+    --fill-noeffect-weak: oklch(from var(--gray-100) calc(l * 1.07) c h / 0.7);
+    --fill-noeffect-weak-hover: oklch(from var(--gray-100) calc(l * 1.05) c h / 0.7);
+    --fill-noeffect-weak-disabled: oklch(from var(--gray-100) calc(l * 1.07) c h / 0.7);
     --text-on-noeffect: black;
     --text-on-noeffect-disabled: oklch(from black calc(l * 0.9) calc(c * 0.85) h);
@@ -499,13 +511,14 @@
     --gradient-noeffect-hover: var(--gray-400);
     --gradient-noeffect-disabled: oklch(from var(--gray-200) calc(l * 1.2) calc(c * 0.85) h);
-    /* SUCCESS INTENT TOKENS (Force Light Mode)
+    /* SUCCESS INTENT TOKENS
        ----------------------------------------------------------------- */
     --fill-success-strong: var(--green-400);
     --fill-success-strong-hover: oklch(from var(--green-400) calc(l * 0.9) c h);
     --fill-success-strong-disabled: oklch(from var(--green-400) calc(l * 1.1) calc(c * 0.85) h);
-    --fill-success-weak: oklch(from var(--green-400) calc(l * 1.6) calc(c * 0.2) h);
-    --fill-success-weak-hover: oklch(from var(--canvas-50) calc(l * 0.995) c h);
+    --fill-success-weak: oklch(from var(--green-100) calc(l * 1.09) calc(c * 0.85) h / 0.7);
+    --fill-success-weak-hover: oklch(from var(--green-100) calc(l * 0.975) calc(c * 0.85) h / 0.7);
+    --fill-success-weak-disabled: oklch(from var(--green-100) calc(l * 1.07) calc(c * 0.85) h / 0.7);
     --text-on-success: white;
     --text-on-success-disabled: oklch(from white calc(l * 0.9) calc(c * 0.85) h);
@@ -524,13 +537,14 @@
     --gradient-success-foreground: white;
     --gradient-success-disabled: oklch(from var(--green-700) calc(l * 1.2) calc(c * 0.85) h);
-    /* INFO INTENT TOKENS (Force Light Mode)
+    /* INFO INTENT TOKENS
        ----------------------------------------------------------------- */
     --fill-info-strong: var(--blue-400);
     --fill-info-strong-hover: oklch(from var(--blue-400) calc(l * 0.9) c h);
     --fill-info-strong-disabled: oklch(from var(--blue-400) calc(l * 1.1) calc(c * 0.85) h);
-    --fill-info-weak: oklch(from var(--blue-400) calc(l * 1.9) calc(c * 0.2) h);
-    --fill-info-weak-hover: oklch(from var(--canvas-50) calc(l * 0.995) c h);
+    --fill-info-weak: oklch(from var(--blue-400) calc(l * 1.75) calc(c * 0.2) h / 0.7);
+    --fill-info-weak-hover: oklch(from var(--blue-400) calc(l * 1.7) calc(c * 0.2) h / 0.7);
+    --fill-info-weak-disabled: oklch(from var(--blue-400) calc(l * 1.8) calc(c * 0.2) h / 0.7);
     --text-on-info: white;
     --text-on-info-disabled: oklch(from white calc(l * 0.9) calc(c * 0.85) h);
@@ -549,13 +563,14 @@
     --gradient-info-foreground: white;
     --gradient-info-disabled: oklch(from var(--blue-700) calc(l * 1.2) calc(c * 0.85) h);
-    /* WARNING INTENT TOKENS (Force Light Mode)
+    /* WARNING INTENT TOKENS
        ----------------------------------------------------------------- */
     --fill-warning-strong: var(--yellow-300);
     --fill-warning-strong-hover: oklch(from var(--yellow-300) calc(l * 0.95) c h);
     --fill-warning-strong-disabled: oklch(from var(--yellow-300) calc(l * 1.1) calc(c * 0.85) h);
-    --fill-warning-weak: oklch(from var(--yellow-300) calc(l * 1.9) calc(c * 0.2) h);
-    --fill-warning-weak-hover: oklch(from var(--canvas-50) calc(l * 0.995) c h);
+    --fill-warning-weak: oklch(from var(--yellow-300) calc(l * 1.5) calc(c * 0.5) h / 0.7);
+    --fill-warning-weak-hover: oklch(from var(--yellow-300) calc(l * 1.15) calc(c * 0.5) h / 0.7);
+    --fill-warning-weak-disabled: oklch(from var(--yellow-300) calc(l * 1.8) calc(c * 0.5) h / 0.7);
     --text-on-warning: black;
     --text-on-warning-disabled: oklch(from black calc(l * 0.9) calc(c * 0.85) h);
@@ -574,13 +589,14 @@
     --gradient-warning-foreground: black;
     --gradient-warning-disabled: oklch(from var(--yellow-400) calc(l * 1.2) calc(c * 0.85) h);
-    /* DANGER INTENT TOKENS (Force Light Mode)
+    /* DANGER INTENT TOKENS
        ----------------------------------------------------------------- */
     --fill-danger-strong: var(--red-400);
     --fill-danger-strong-hover: oklch(from var(--red-400) calc(l * 0.9) c h);
     --fill-danger-strong-disabled: oklch(from var(--red-400) calc(l * 1.1) calc(c * 0.85) h);
-    --fill-danger-weak: oklch(from var(--red-400) calc(l * 1.8) calc(c * 0.3) h);
-    --fill-danger-weak-hover: oklch(from var(--canvas-50) calc(l * 0.995) c h);
+    --fill-danger-weak: oklch(from var(--red-300) calc(l * 1.75) calc(c * 0.5) h / 0.7);
+    --fill-danger-weak-hover: oklch(from var(--red-300) calc(l * 1.65) calc(c * 0.5) h / 0.7);
+    --fill-danger-weak-disabled: oklch(from var(--red-300) calc(l * 1.65) calc(c * 0.5) h / 0.7);
     --text-on-danger: white;
     --text-on-danger-disabled: oklch(from white calc(l * 0.9) calc(c * 0.85) h);