@pibit.ai/cure-design-system 0.3.2 → 0.3.3

package/README.md

@@ -12,24 +12,21 @@ npm install @pibit.ai/cure-design-system
 
 ## Setup
 
-### 1. Configure Tailwind
-
-Add the component library to your `tailwind.config.js`:
-
-```javascript
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: [
-    './src/**/*.{js,ts,jsx,tsx}',
-    './node_modules/@pibit.ai/cure-design-system/**/*.{js,ts,jsx,tsx}',
-  ],
-};
+Simply import the pre-built component styles in your app entry point:
+
+```typescript
+// Import component styles (includes theme + all utilities)
+import '@pibit.ai/cure-design-system/styles';
 ```
 
-### 2. Import Styles
+**That's it!** No Tailwind configuration needed. All component styles are pre-built and ready to use.
+
+### Alternative: Import theme only
+
+If you're using your own Tailwind setup and want just the theme variables:
 
 ```typescript
-import '@pibit.ai/cure-design-system/styles';
+import '@pibit.ai/cure-design-system/styles/theme';
 ```
 
 ## Components

package/dist/styles/components.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,"Roboto Mono",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-orange-50:#fef6ee;--color-orange-100:#fdead7;--color-orange-200:#f9dbaf;--color-orange-300:#f7b27a;--color-orange-400:#f38744;--color-orange-500:#ef6820;--color-orange-600:#e04f16;--color-orange-700:#b93815;--color-orange-800:#932f19;--color-orange-900:#772917;--color-orange-950:#511c10;--color-yellow-50:#fefbe8;--color-yellow-100:#fef7c3;--color-yellow-200:#feee95;--color-yellow-300:#fde272;--color-yellow-400:#fac515;--color-yellow-500:#eaaa08;--color-yellow-600:#ca8504;--color-yellow-700:#a15c07;--color-yellow-800:#854a0e;--color-yellow-900:#713b12;--color-yellow-950:#542c0d;--color-green-50:#edfcf2;--color-green-100:#d3f8df;--color-green-200:#aaf0c4;--color-green-300:#73e2a3;--color-green-400:#3ccb7f;--color-green-500:#16b364;--color-green-600:#099250;--color-green-700:#087443;--color-green-800:#095c37;--color-green-900:#084c2e;--color-green-950:#052e1c;--color-teal-50:#f0fdf9;--color-teal-100:#ccfbef;--color-teal-200:#99f6e0;--color-teal-300:#5fe9d0;--color-teal-400:#2ed3b7;--color-teal-500:#15b79e;--color-teal-600:#0e9384;--color-teal-700:#107569;--color-teal-800:#125d56;--color-teal-900:#134e48;--color-cyan-50:#ecfdff;--color-cyan-100:#cff9fe;--color-cyan-200:#a5f0fc;--color-cyan-300:#67e3f9;--color-cyan-400:#2ce;--color-cyan-500:#06aed4;--color-cyan-600:#088ab2;--color-cyan-700:#0e7090;--color-cyan-800:#155b75;--color-cyan-900:#164c63;--color-blue-50:#eff8ff;--color-blue-100:#d1e9ff;--color-blue-200:#b2ddff;--color-blue-300:#84caff;--color-blue-400:#53b1fd;--color-blue-500:#2e90fa;--color-blue-600:#1570ef;--color-blue-700:#175cd3;--color-blue-800:#1849a9;--color-blue-900:#194185;--color-blue-950:#102a56;--color-indigo-50:#eef4ff;--color-indigo-100:#e0eaff;--color-indigo-200:#c7d7fe;--color-indigo-300:#a4bcfd;--color-indigo-400:#8098f9;--color-indigo-500:#6172f3;--color-indigo-600:#444ce7;--color-indigo-700:#3538cd;--color-indigo-800:#2d31a6;--color-indigo-900:#2d3282;--color-indigo-950:#1f235b;--color-violet-50:#f5f3ff;--color-violet-100:#ece9fe;--color-violet-200:#ddd6fe;--color-violet-300:#c3b5fd;--color-violet-400:#a48afb;--color-violet-500:#875bf7;--color-violet-600:#7839ee;--color-violet-700:#6927da;--color-violet-800:#5720b7;--color-violet-900:#491c96;--color-purple-50:#f4f3ff;--color-purple-100:#ebe9fe;--color-purple-200:#d9d6fe;--color-purple-300:#bdb4fe;--color-purple-400:#9b8afb;--color-purple-500:#7a5af8;--color-purple-600:#6938ef;--color-purple-700:#5925dc;--color-purple-800:#4a1fb8;--color-purple-900:#3e1c96;--color-purple-950:#27115f;--color-fuchsia-50:#fdf4ff;--color-fuchsia-100:#fbe8ff;--color-fuchsia-200:#f6d0fe;--color-fuchsia-300:#eeaafd;--color-fuchsia-400:#e478fa;--color-fuchsia-500:#d444f1;--color-fuchsia-600:#ba24d5;--color-fuchsia-700:#9f1ab1;--color-fuchsia-800:#821890;--color-fuchsia-900:#6f1877;--color-fuchsia-950:#47104c;--color-pink-50:#fdf2fa;--color-pink-100:#fce7f6;--color-pink-200:#fcceee;--color-pink-300:#faa7e0;--color-pink-400:#f670c7;--color-pink-500:#ee46bc;--color-pink-600:#dd2590;--color-pink-700:#c11574;--color-pink-800:#9e165f;--color-pink-900:#851651;--color-pink-950:#4e0d30;--color-rose-50:#fff1f3;--color-rose-100:#ffe4e8;--color-rose-200:#fecdd6;--color-rose-300:#fea3b4;--color-rose-400:#fd6f8e;--color-rose-500:#f63d68;--color-rose-600:#e31b54;--color-rose-700:#c01048;--color-rose-800:#a11043;--color-rose-900:#89123e;--color-gray-50:#f3f4f7;--color-gray-100:#eaebf1;--color-gray-200:#c6ccd7;--color-gray-300:#949ba8;--color-gray-400:#818792;--color-gray-500:#555a63;--color-gray-600:#43474f;--color-gray-700:#31353a;--color-gray-800:#1f2023;--color-gray-900:#141517;--color-gray-950:#06060a;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-7xl:80rem;--text-xs:calc(var(--spacing)*3);--text-xs--line-height:calc(var(--spacing)*4.5);--text-sm:calc(var(--spacing)*3.5);--text-sm--line-height:calc(var(--spacing)*5);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:calc(var(--spacing)*4.5);--text-lg--line-height:calc(var(--spacing)*7);--text-xl:calc(var(--spacing)*5);--text-xl--line-height:calc(var(--spacing)*7.5);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--radius-md:8px;--radius-lg:10px;--shadow-xs:0px 1px 2px #0a0d120d;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-body:var(--font-inter,"Inter"),-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--text-md:calc(var(--spacing)*4);--text-md--line-height:calc(var(--spacing)*6);--radius-none:0px;--radius-full:9999px;--shadow-skeumorphic:0px 0px 0px 1px #0a0d122e inset,0px -2px 0px 0px #0a0d120d inset;--color-transparent:#0000;--color-alpha-black-30:#0000004d;--color-alpha-black-70:#000000b3;--color-brand-25:#f1f8fe;--color-brand-50:#e2f1fd;--color-brand-100:#cee7fc;--color-brand-200:#add7fa;--color-brand-300:#83c3f8;--color-brand-400:#5aaff6;--color-brand-500:#319bf3;--color-brand-600:#0684f0;--color-brand-700:#0770c9;--color-brand-800:#055aa1;--color-brand-900:#044378;--color-brand-950:#032d50;--color-error-25:#fffbfa;--color-error-50:#fef3f2;--color-error-100:#fee4e2;--color-error-200:#fecdca;--color-error-300:#fda29b;--color-error-400:#f97066;--color-error-500:#f04438;--color-error-600:#d92d20;--color-error-700:#b42318;--color-error-800:#912018;--color-error-900:#7a271a;--color-error-950:#55160c;--color-warning-25:#fffcf5;--color-warning-50:#fffaeb;--color-warning-100:#fef0c7;--color-warning-200:#fedf89;--color-warning-300:#fec84b;--color-warning-400:#fdb022;--color-warning-500:#f79009;--color-warning-600:#dc6803;--color-warning-700:#b54708;--color-warning-800:#93370d;--color-warning-900:#7a2e0e;--color-warning-950:#4e1d09;--color-success-25:#f6fef9;--color-success-50:#ecfdf3;--color-success-100:#dcfae6;--color-success-200:#abefc6;--color-success-300:#75e0a7;--color-success-400:#47cd89;--color-success-500:#17b26a;--color-success-600:#079455;--color-success-700:#067647;--color-success-800:#085d3a;--color-success-900:#074d31;--color-success-950:#053321;--color-gray-25:#f7f8fa;--color-gray-dark-alpha-200:#ffffffeb;--color-gray-dark-alpha-300:#fffc;--color-gray-dark-alpha-400:#ffffff8f;--color-gray-dark-alpha-500:#ffffff80;--color-gray-dark-alpha-600:#ffffff59;--color-gray-dark-alpha-700:#ffffff29;--color-gray-dark-alpha-800:#ffffff14;--color-gray-dark-alpha-900:#ffffff0a;--color-gray-blue-50:#f8f9fc;--color-gray-blue-100:#eaecf5;--color-gray-blue-200:#d5d9eb;--color-gray-blue-300:#b3b8db;--color-gray-blue-400:#717bbc;--color-gray-blue-500:#4e5ba6;--color-gray-blue-600:#3e4784;--color-gray-blue-700:#363f72;--color-gray-blue-800:#293056;--color-gray-blue-900:#101323;--color-gray-blue-950:#0d0f1c;--color-label-500:#344054;--color-moss-25:#fafdf7;--color-moss-50:#f5fbee;--color-moss-100:#e6f4d7;--color-moss-200:#ceeab0;--color-moss-300:#acdc79;--color-moss-400:#86cb3c;--color-moss-500:#669f2a;--color-moss-600:#4f7a21;--color-moss-700:#3f621a;--color-moss-800:#335015;--color-moss-900:#2b4212;--color-green-25:#f6fef9;--color-teal-25:#f6fefc;--color-cyan-25:#f5feff;--color-blue-light-50:#f0f9ff;--color-blue-light-100:#e0f2fe;--color-blue-light-200:#b9e6fe;--color-blue-light-300:#7cd4fd;--color-blue-light-400:#36bffa;--color-blue-light-500:#0ba5ec;--color-blue-light-600:#0086c9;--color-blue-light-700:#026aa2;--color-blue-light-800:#065986;--color-blue-light-900:#0b4a6f;--color-blue-light-950:#062c41;--color-blue-25:#f5faff;--color-blue-dark-50:#eff4ff;--color-blue-dark-100:#d1e0ff;--color-blue-dark-200:#b2ccff;--color-blue-dark-300:#84adff;--color-blue-dark-400:#528bff;--color-blue-dark-500:#2970ff;--color-blue-dark-600:#155eef;--color-blue-dark-700:#004eeb;--color-blue-dark-800:#0040c1;--color-blue-dark-900:#00359e;--color-blue-dark-950:#026;--color-indigo-25:#f5f8ff;--color-violet-25:#fbfaff;--color-purple-25:#fafaff;--color-fuchsia-25:#fefaff;--color-pink-25:#fef6fb;--color-rose-25:#fff5f6;--color-orange-dark-50:#fff4ed;--color-orange-dark-100:#ffe6d5;--color-orange-dark-200:#ffd6ae;--color-orange-dark-300:#ff9c66;--color-orange-dark-400:#ff692e;--color-orange-dark-500:#ff4405;--color-orange-dark-600:#e62e05;--color-orange-dark-700:#bc1b06;--color-orange-dark-800:#97180c;--color-orange-dark-900:#771a0d;--color-orange-dark-950:#57130a;--color-orange-25:#fefaf5;--color-yellow-25:#fefdf0;--color-utility-gray-50:var(--color-gray-50);--color-utility-gray-100:var(--color-gray-100);--color-utility-gray-200:var(--color-gray-200);--color-utility-gray-300:var(--color-gray-300);--color-utility-gray-400:var(--color-gray-400);--color-utility-gray-500:var(--color-gray-500);--color-utility-gray-600:var(--color-gray-600);--color-utility-gray-700:var(--color-gray-700);--color-utility-gray-800:var(--color-gray-800);--color-utility-gray-900:var(--color-gray-900);--color-text-primary:var(--color-gray-950);--color-text-tertiary:var(--color-gray-400);--color-text-error-primary:var(--color-error-600);--color-text-warning-primary:var(--color-warning-600);--color-text-success-primary:var(--color-success-600);--color-text-secondary:var(--color-gray-600);--color-text-disabled:var(--color-gray-200);--color-text-secondary_hover:var(--color-gray-800);--color-text-tertiary_hover:var(--color-gray-500);--color-text-brand-secondary:var(--color-brand-700);--color-text-placeholder:var(--color-gray-300);--color-text-placeholder_subtle:var(--color-gray-200);--color-text-brand-tertiary:var(--color-brand-600);--color-text-quaternary:var(--color-gray-300);--color-text-brand-primary:var(--color-brand-900);--color-text-primary_on-brand:var(--color-white);--color-text-secondary_on-brand:var(--color-brand-200);--color-text-tertiary_on-brand:var(--color-brand-200);--color-text-quaternary_on-brand:var(--color-brand-300);--color-text-brand-tertiary_alt:var(--color-brand-600);--color-text-brand-secondary_hover:var(--color-brand-800);--color-text-error-primary_hover:var(--color-error-700);--color-border-secondary:var(--color-gray-100);--color-border-error_subtle:var(--color-error-300);--color-border-primary:var(--color-gray-200);--color-border-brand:var(--color-brand-500);--color-border-disabled:var(--color-gray-200);--color-border-error:var(--color-error-500);--color-border-disabled_subtle:var(--color-gray-100);--color-border-tertiary:var(--color-gray-50);--color-border-brand_alt:var(--color-brand-600);--color-border-secondary_alt:#00000014;--color-fg-white:var(--color-white);--color-fg-disabled:var(--color-gray-300);--color-fg-brand-secondary:var(--color-brand-500);--color-fg-brand-primary:var(--color-brand-600);--color-fg-quaternary:var(--color-gray-400);--color-fg-quaternary_hover:var(--color-gray-500);--color-fg-error-primary:var(--color-error-600);--color-fg-disabled_subtle:var(--color-gray-200);--color-fg-error-secondary:var(--color-error-500);--color-fg-brand-secondary_alt:var(--color-fg-brand-secondary);--color-fg-brand-secondary_hover:var(--color-brand-600);--color-bg-primary:var(--color-white);--color-bg-tertiary:var(--color-gray-100);--color-bg-brand-primary:var(--color-brand-50);--color-bg-error-secondary:var(--color-error-100);--color-bg-warning-primary:var(--color-warning-50);--color-bg-warning-secondary:var(--color-warning-100);--color-bg-success-primary:var(--color-success-50);--color-bg-success-secondary:var(--color-success-100);--color-bg-brand-solid:var(--color-brand-600);--color-bg-secondary-solid:var(--color-gray-600);--color-bg-error-solid:var(--color-error-600);--color-bg-error-solid_hover:var(--color-error-700);--color-bg-warning-solid:var(--color-warning-600);--color-bg-success-solid:var(--color-success-600);--color-bg-secondary_hover:var(--color-gray-100);--color-bg-primary_hover:var(--color-gray-50);--color-bg-disabled:var(--color-gray-100);--color-bg-brand-disabled:var(--color-brand-200);--color-bg-active:var(--color-gray-50);--color-bg-brand-solid_hover:var(--color-brand-700);--color-bg-error-primary:var(--color-error-50);--color-bg-brand-secondary:var(--color-brand-100);--color-bg-secondary:var(--color-gray-50);--color-bg-disabled_subtle:var(--color-gray-50);--color-bg-quaternary:var(--color-gray-200);--color-bg-primary_alt:var(--color-white);--color-bg-brand-primary_alt:var(--color-brand-50);--color-bg-secondary_alt:var(--color-gray-50);--color-bg-overlay:var(--color-gray-950);--color-bg-secondary_subtle:var(--color-gray-25);--color-bg-brand-section:var(--color-brand-800);--color-bg-brand-section_subtle:var(--color-brand-700);--color-bg-primary-solid:var(--color-gray-950);--color-button-destructive-primary-icon:var(--color-error-300);--color-button-destructive-primary-icon_hover:var(--color-error-200);--color-button-primary-icon:var(--color-brand-300);--color-button-primary-icon_hover:var(--color-brand-200);--color-focus-ring:var(--color-brand-100);--color-toggle-button-fg_disabled:var(--color-gray-50);--color-toggle-slim-border_pressed-hover:var(--color-bg-brand-solid_hover);--color-toggle-slim-border_pressed:var(--color-bg-brand-solid);--color-tooltip-supporting-text:var(--color-gray-300);--background-color-brand-solid:var(--color-bg-brand-solid);--background-color-disabled:var(--color-bg-disabled);--background-color-primary:var(--color-bg-primary);--background-color-primary_hover:var(--color-bg-primary_hover);--background-color-secondary:var(--color-bg-secondary);--background-color-secondary_hover:var(--color-bg-secondary_hover);--background-color-secondary_subtle:var(--color-bg-secondary_subtle);--background-color-tertiary:var(--color-bg-tertiary);--background-color-brand-solid_hover:var(--color-bg-brand-solid_hover);--background-color-brand-disabled:var(--color-bg-brand-disabled);--background-color-error-primary:var(--color-bg-error-primary);--background-color-error-solid:var(--color-bg-error-solid);--background-color-border-tertiary:var(--color-border-tertiary);--background-color-fg-white:var(--color-fg-white);--background-color-toggle-button-fg_disabled:var(--color-toggle-button-fg_disabled);--text-color-primary:var(--color-text-primary);--text-color-secondary:var(--color-text-secondary);--text-color-secondary_hover:var(--color-text-secondary_hover);--text-color-tertiary:var(--color-text-tertiary);--text-color-tertiary_hover:var(--color-text-tertiary_hover);--text-color-brand-secondary:var(--color-text-brand-secondary);--text-color-brand-secondary_hover:var(--color-text-brand-secondary_hover);--text-color-error-primary:var(--color-text-error-primary);--text-color-error-primary_hover:var(--color-text-error-primary_hover);--border-color-disabled_subtle:var(--color-border-disabled_subtle);--border-color-toggle-slim-border_pressed:var(--color-toggle-slim-border_pressed);--border-color-toggle-slim-border_pressed-hover:var(--color-toggle-slim-border_pressed-hover);--ring-color-secondary:var(--color-border-secondary);--ring-color-disabled_subtle:var(--color-border-disabled_subtle);--ring-color-error_subtle:var(--color-border-error_subtle);--outline-color-error:var(--color-border-error);--outline-color-focus-ring:var(--color-focus-ring)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.dark-mode{--color-alpha-white:#0c0e12;--color-alpha-black:#fff;--color-alpha-white-10:#0c0e121a;--color-alpha-white-20:#0c0e1233;--color-alpha-white-30:#0c0e124d;--color-alpha-white-40:#0c0e1266;--color-alpha-white-50:#0c0e1280;--color-alpha-white-60:#0c0e1299;--color-alpha-white-70:#0c0e12b3;--color-alpha-white-80:#0c0e12cc;--color-alpha-white-90:#0c0e12e6;--color-alpha-white-100:#0c0e12;--color-alpha-black-10:#ffffff1a;--color-alpha-black-20:#fff3;--color-alpha-black-30:#ffffff4d;--color-alpha-black-40:#fff6;--color-alpha-black-50:#ffffff80;--color-alpha-black-60:#fff9;--color-alpha-black-70:#ffffffb3;--color-alpha-black-80:#fffc;--color-alpha-black-90:#ffffffe6;--color-alpha-black-100:#fff;--color-gray-25:#fafafa;--color-gray-50:#f7f7f7;--color-gray-100:#f0f0f1;--color-gray-200:#ececed;--color-gray-300:#cecfd2;--color-gray-400:#94979c;--color-gray-500:#85888e;--color-gray-600:#61656c;--color-gray-700:#373a41;--color-gray-800:#22262f;--color-gray-900:#13161b;--color-gray-950:#0c0e12;--color-utility-blue-50:var(--color-blue-950);--color-utility-blue-100:var(--color-blue-900);--color-utility-blue-200:var(--color-blue-800);--color-utility-blue-300:var(--color-blue-700);--color-utility-blue-400:var(--color-blue-600);--color-utility-blue-500:var(--color-blue-500);--color-utility-blue-600:var(--color-blue-400);--color-utility-blue-700:var(--color-blue-300);--color-utility-brand-25:var(--color-brand-950);--color-utility-brand-50:var(--color-brand-950);--color-utility-brand-50_alt:var(--color-utility-gray-50);--color-utility-brand-100:var(--color-brand-900);--color-utility-brand-100_alt:var(--color-utility-gray-100);--color-utility-brand-200:var(--color-brand-800);--color-utility-brand-200_alt:var(--color-utility-gray-200);--color-utility-brand-300:var(--color-brand-700);--color-utility-brand-300_alt:var(--color-utility-gray-300);--color-utility-brand-400:var(--color-brand-600);--color-utility-brand-400_alt:var(--color-utility-gray-400);--color-utility-brand-500:var(--color-brand-500);--color-utility-brand-500_alt:var(--color-utility-gray-500);--color-utility-brand-600:var(--color-brand-400);--color-utility-brand-600_alt:var(--color-utility-gray-600);--color-utility-brand-700:var(--color-brand-300);--color-utility-brand-700_alt:var(--color-utility-gray-700);--color-utility-brand-800:var(--color-brand-200);--color-utility-brand-800_alt:var(--color-utility-gray-800);--color-utility-brand-900:var(--color-brand-100);--color-utility-brand-900_alt:var(--color-utility-gray-900);--color-utility-gray-25:var(--color-gray-900);--color-utility-gray-50:var(--color-gray-900);--color-utility-gray-100:var(--color-gray-800);--color-utility-gray-200:var(--color-gray-700);--color-utility-gray-300:var(--color-gray-700);--color-utility-gray-400:var(--color-gray-600);--color-utility-gray-500:var(--color-gray-500);--color-utility-gray-600:var(--color-gray-400);--color-utility-gray-700:var(--color-gray-300);--color-utility-gray-800:var(--color-gray-200);--color-utility-gray-900:var(--color-gray-100);--color-utility-error-50:var(--color-error-950);--color-utility-error-100:var(--color-error-900);--color-utility-error-200:var(--color-error-800);--color-utility-error-300:var(--color-error-700);--color-utility-error-400:var(--color-error-600);--color-utility-error-500:var(--color-error-500);--color-utility-error-600:var(--color-error-400);--color-utility-error-700:var(--color-error-300);--color-utility-warning-50:var(--color-warning-950);--color-utility-warning-100:var(--color-warning-900);--color-utility-warning-200:var(--color-warning-800);--color-utility-warning-300:var(--color-warning-700);--color-utility-warning-400:var(--color-warning-600);--color-utility-warning-500:var(--color-warning-500);--color-utility-warning-600:var(--color-warning-400);--color-utility-warning-700:var(--color-warning-300);--color-utility-success-50:var(--color-success-950);--color-utility-success-100:var(--color-success-900);--color-utility-success-200:var(--color-success-800);--color-utility-success-300:var(--color-success-700);--color-utility-success-400:var(--color-success-600);--color-utility-success-500:var(--color-success-500);--color-utility-success-600:var(--color-success-400);--color-utility-success-700:var(--color-success-300);--color-utility-orange-50:var(--color-orange-950);--color-utility-orange-100:var(--color-orange-900);--color-utility-orange-200:var(--color-orange-800);--color-utility-orange-300:var(--color-orange-700);--color-utility-orange-400:var(--color-orange-600);--color-utility-orange-500:var(--color-orange-500);--color-utility-orange-600:var(--color-orange-400);--color-utility-orange-700:var(--color-orange-300);--color-utility-blue-dark-50:var(--color-blue-dark-950);--color-utility-blue-dark-100:var(--color-blue-dark-900);--color-utility-blue-dark-200:var(--color-blue-dark-800);--color-utility-blue-dark-300:var(--color-blue-dark-700);--color-utility-blue-dark-400:var(--color-blue-dark-600);--color-utility-blue-dark-500:var(--color-blue-dark-500);--color-utility-blue-dark-600:var(--color-blue-dark-400);--color-utility-blue-dark-700:var(--color-blue-dark-300);--color-utility-indigo-50:var(--color-indigo-950);--color-utility-indigo-100:var(--color-indigo-900);--color-utility-indigo-200:var(--color-indigo-800);--color-utility-indigo-300:var(--color-indigo-700);--color-utility-indigo-400:var(--color-indigo-600);--color-utility-indigo-500:var(--color-indigo-500);--color-utility-indigo-600:var(--color-indigo-400);--color-utility-indigo-700:var(--color-indigo-300);--color-utility-fuchsia-50:var(--color-fuchsia-950);--color-utility-fuchsia-100:var(--color-fuchsia-900);--color-utility-fuchsia-200:var(--color-fuchsia-800);--color-utility-fuchsia-300:var(--color-fuchsia-700);--color-utility-fuchsia-400:var(--color-fuchsia-600);--color-utility-fuchsia-500:var(--color-fuchsia-500);--color-utility-fuchsia-600:var(--color-fuchsia-400);--color-utility-fuchsia-700:var(--color-fuchsia-300);--color-utility-pink-50:var(--color-pink-950);--color-utility-pink-100:var(--color-pink-900);--color-utility-pink-200:var(--color-pink-800);--color-utility-pink-300:var(--color-pink-700);--color-utility-pink-400:var(--color-pink-600);--color-utility-pink-500:var(--color-pink-500);--color-utility-pink-600:var(--color-pink-400);--color-utility-pink-700:var(--color-pink-300);--color-utility-purple-50:var(--color-purple-950);--color-utility-purple-100:var(--color-purple-900);--color-utility-purple-200:var(--color-purple-800);--color-utility-purple-300:var(--color-purple-700);--color-utility-purple-400:var(--color-purple-600);--color-utility-purple-500:var(--color-purple-500);--color-utility-purple-600:var(--color-purple-400);--color-utility-purple-700:var(--color-purple-300);--color-utility-orange-dark-50:var(--color-orange-dark-950);--color-utility-orange-dark-100:var(--color-orange-dark-900);--color-utility-orange-dark-200:var(--color-orange-dark-800);--color-utility-orange-dark-300:var(--color-orange-dark-700);--color-utility-orange-dark-400:var(--color-orange-dark-600);--color-utility-orange-dark-500:var(--color-orange-dark-500);--color-utility-orange-dark-600:var(--color-orange-dark-400);--color-utility-orange-dark-700:var(--color-orange-dark-300);--color-utility-blue-light-50:var(--color-blue-light-950);--color-utility-blue-light-100:var(--color-blue-light-900);--color-utility-blue-light-200:var(--color-blue-light-800);--color-utility-blue-light-300:var(--color-blue-light-700);--color-utility-blue-light-400:var(--color-blue-light-600);--color-utility-blue-light-500:var(--color-blue-light-500);--color-utility-blue-light-600:var(--color-blue-light-400);--color-utility-blue-light-700:var(--color-blue-light-300);--color-utility-gray-blue-50:var(--color-gray-blue-950);--color-utility-gray-blue-100:var(--color-gray-blue-900);--color-utility-gray-blue-200:var(--color-gray-blue-800);--color-utility-gray-blue-300:var(--color-gray-blue-700);--color-utility-gray-blue-400:var(--color-gray-blue-600);--color-utility-gray-blue-500:var(--color-gray-blue-500);--color-utility-gray-blue-600:var(--color-gray-blue-400);--color-utility-gray-blue-700:var(--color-gray-blue-300);--color-utility-green-50:var(--color-green-950);--color-utility-green-100:var(--color-green-900);--color-utility-green-200:var(--color-green-800);--color-utility-green-300:var(--color-green-700);--color-utility-green-400:var(--color-green-600);--color-utility-green-500:var(--color-green-500);--color-utility-green-600:var(--color-green-400);--color-utility-green-700:var(--color-green-300);--color-utility-yellow-50:var(--color-yellow-950);--color-utility-yellow-100:var(--color-yellow-900);--color-utility-yellow-200:var(--color-yellow-800);--color-utility-yellow-300:var(--color-yellow-700);--color-utility-yellow-400:var(--color-yellow-600);--color-utility-yellow-500:var(--color-yellow-500);--color-utility-yellow-600:var(--color-yellow-400);--color-utility-yellow-700:var(--color-yellow-300);--color-text-primary:var(--color-white);--color-text-tertiary:var(--color-gray-dark-alpha-400);--color-text-error-primary:var(--color-error-400);--color-text-warning-primary:var(--color-warning-400);--color-text-success-primary:var(--color-success-400);--color-text-white:var(--color-white);--color-text-secondary:var(--color-gray-dark-alpha-300);--color-text-disabled:var(--color-gray-dark-alpha-700);--color-text-secondary_hover:var(--color-gray-dark-alpha-200);--color-text-tertiary_hover:var(--color-gray-dark-alpha-300);--color-text-brand-secondary:var(--color-brand-200);--color-text-placeholder:var(--color-gray-dark-alpha-400);--color-text-placeholder_subtle:var(--color-gray-dark-alpha-600);--color-text-brand-tertiary:var(--color-brand-300);--color-text-quaternary:var(--color-gray-dark-alpha-500);--color-text-brand-primary:var(--color-brand-100);--color-text-primary_on-brand:var(--color-white);--color-text-secondary_on-brand:var(--color-gray-300);--color-text-tertiary_on-brand:var(--color-gray-400);--color-text-quaternary_on-brand:var(--color-gray-400);--color-text-brand-tertiary_alt:var(--color-gray-50);--color-text-brand-secondary_hover:var(--color-gray-200);--color-text-error-primary_hover:var(--color-error-300);--color-border-secondary:var(--color-gray-dark-alpha-600);--color-border-error_subtle:var(--color-error-500);--color-border-primary:var(--color-gray-dark-alpha-400);--color-border-brand:var(--color-brand-400);--color-border-brand-disabled:var(--color-brand-900);--color-border-disabled:var(--color-gray-dark-alpha-700);--color-border-error:var(--color-error-400);--color-border-disabled_subtle:var(--color-gray-dark-alpha-600);--color-border-tertiary:var(--color-gray-dark-alpha-700);--color-border-brand_alt:var(--color-gray-700);--color-border-secondary_alt:var(--color-gray-800);--color-fg-secondary:var(--color-gray-dark-alpha-300);--color-fg-warning-primary:var(--color-warning-500);--color-fg-success-primary:var(--color-success-500);--color-fg-white:var(--color-white);--color-fg-success-secondary:var(--color-success-400);--color-fg-secondary_hover:var(--color-gray-dark-alpha-200);--color-fg-primary:var(--color-white);--color-fg-disabled:var(--color-gray-dark-alpha-500);--color-fg-brand-secondary:var(--color-brand-500);--color-fg-brand-primary:var(--color-brand-500);--color-fg-quaternary:var(--color-gray-dark-alpha-600);--color-fg-quaternary_hover:var(--color-gray-dark-alpha-500);--color-fg-error-primary:var(--color-error-500);--color-fg-disabled_subtle:var(--color-gray-dark-alpha-600);--color-fg-warning-secondary:var(--color-warning-400);--color-fg-error-secondary:var(--color-error-400);--color-fg-tertiary:var(--color-alpha-black-70);--color-fg-tertiary_hover:var(--color-gray-dark-alpha-300);--color-fg-brand-primary_alt:var(--color-gray-300);--color-fg-brand-secondary_alt:var(--color-gray-600);--color-fg-brand-secondary_hover:var(--color-gray-500);--color-bg-primary:var(--color-gray-950);--color-bg-tertiary:var(--color-gray-dark-alpha-800);--color-bg-brand-primary:var(--color-brand-500);--color-bg-error-secondary:var(--color-error-600);--color-bg-warning-primary:var(--color-warning-950);--color-bg-warning-secondary:var(--color-warning-600);--color-bg-success-primary:var(--color-success-950);--color-bg-success-secondary:var(--color-success-600);--color-bg-brand-solid:var(--color-brand-600);--color-bg-secondary-solid:var(--color-gray-dark-alpha-600);--color-bg-error-solid:var(--color-error-600);--color-bg-error-solid_hover:var(--color-error-500);--color-bg-warning-solid:var(--color-warning-600);--color-bg-success-solid:var(--color-success-600);--color-bg-secondary_hover:var(--color-gray-dark-alpha-700);--color-bg-primary_hover:var(--color-gray-dark-alpha-800);--color-bg-disabled:var(--color-gray-dark-alpha-800);--color-bg-brand-disabled:var(--color-brand-900);--color-bg-active:var(--color-alpha-black-30);--color-bg-brand-solid_hover:var(--color-brand-500);--color-bg-error-primary:var(--color-error-950);--color-bg-brand-secondary:var(--color-brand-600);--color-bg-secondary:var(--color-gray-dark-alpha-900);--color-bg-disabled_subtle:var(--color-gray-dark-alpha-900);--color-bg-quaternary:var(--color-gray-dark-alpha-700);--color-bg-primary_alt:var(--color-bg-secondary);--color-bg-brand-primary_alt:var(--color-bg-secondary);--color-bg-secondary_alt:var(--color-bg-primary);--color-bg-overlay:var(--color-gray-800);--color-bg-secondary_subtle:var(--color-gray-dark-alpha-900);--color-bg-brand-section:var(--color-bg-secondary);--color-bg-brand-section_subtle:var(--color-bg-primary);--color-bg-primary-solid:var(--color-gray-25);--color-shadow-3:var(--color-transparent);--color-shadow-4:var(--color-transparent);--color-shadow-5:var(--color-transparent);--color-shadow-6:var(--color-transparent);--color-shadow-8:var(--color-transparent);--color-shadow-10:var(--color-transparent);--color-shadow-12:var(--color-transparent);--color-shadow-14:var(--color-transparent);--color-shadow-16:var(--color-transparent);--color-shadow-18:var(--color-transparent);--color-shadow-skeumorphic-inner:#0c0e120d;--color-shadow-skeumorphic-inner-border:#0c0e122e;--color-mockup-shadow-main-centre-md:var(--color-transparent);--color-mockup-shadow-main-centre-lg:var(--color-transparent);--color-mockup-shadow-overlay-lg:var(--color-transparent);--color-mockup-shadow-grid-md:var(--color-transparent);--color-app-store-badge-border:var(--color-white);--color-avatar-bg:var(--color-gray-800);--color-avatar-contrast-border:#ffffff1f;--color-avatar-profile-photo-border:var(--color-gray-950);--color-avatar-styles-bg-neutral:#e0e0e0;--color-button-destructive-primary-icon:var(--color-error-300);--color-button-destructive-primary-icon_hover:var(--color-error-200);--color-button-primary-icon:var(--color-brand-300);--color-button-primary-icon_hover:var(--color-brand-200);--color-featured-icon-light-fg-brand:var(--color-brand-200);--color-featured-icon-light-fg-error:var(--color-error-200);--color-featured-icon-light-fg-gray:var(--color-gray-200);--color-featured-icon-light-fg-success:var(--color-success-200);--color-featured-icon-light-fg-warning:var(--color-warning-200);--color-focus-ring-error:var(--color-error-500);--color-focus-ring:var(--color-brand-500);--color-footer-button-fg:var(--color-gray-300);--color-footer-button-fg_hover:var(--color-gray-100);--color-icon-fg-brand:var(--color-gray-400);--color-icon-fg-brand_on-brand:var(--color-gray-400);--color-nav-item-button-icon-fg:var(--color-gray-400);--color-nav-item-button-icon-fg_active:var(--color-gray-300);--color-nav-item-icon-fg:var(--color-gray-400);--color-nav-item-icon-fg_active:var(--color-gray-300);--color-screen-mockup-border:var(--color-gray-700);--color-slider-handle-bg:var(--color-fg-brand-primary);--color-slider-handle-border:var(--color-bg-primary);--color-toggle-border:var(--color-transparent);--color-toggle-button-fg_disabled:var(--color-gray-600);--color-toggle-slim-border_pressed-hover:var(--color-transparent);--color-toggle-slim-border_pressed:var(--color-transparent);--color-tooltip-supporting-text:var(--color-gray-300);--color-text-editor-icon-fg:var(--color-gray-400);--color-text-editor-icon-fg_active:var(--color-white);--background-color-quaternary:var(--color-bg-quaternary);--background-color-disabled:var(--color-bg-disabled);--background-color-primary:var(--color-bg-primary);--background-color-primary-solid:var(--color-bg-primary-solid);--background-color-primary_alt:var(--color-bg-primary_alt);--background-color-primary_hover:var(--color-bg-primary_hover);--background-color-secondary:var(--color-bg-secondary);--background-color-secondary-solid:var(--color-bg-secondary-solid);--background-color-secondary_alt:var(--color-bg-secondary_alt);--background-color-secondary_hover:var(--color-bg-secondary_hover);--background-color-secondary_subtle:var(--color-bg-secondary_subtle);--background-color-tertiary:var(--color-bg-tertiary);--background-color-active:var(--color-bg-active);--background-color-disabled_subtle:var(--color-bg-disabled_subtle);--background-color-overlay:var(--color-bg-overlay);--background-color-brand-primary:var(--color-bg-brand-primary);--background-color-brand-primary_alt:var(--color-bg-brand-primary_alt);--background-color-brand-secondary:var(--color-bg-brand-secondary);--background-color-brand-solid:var(--color-bg-brand-solid);--background-color-brand-solid_hover:var(--color-bg-brand-solid_hover);--background-color-brand-section:var(--color-bg-brand-section);--background-color-brand-section_subtle:var(--color-bg-brand-section_subtle);--background-color-error-primary:var(--color-bg-error-primary);--background-color-error-secondary:var(--color-bg-error-secondary);--background-color-error-solid:var(--color-bg-error-solid);--background-color-warning-primary:var(--color-bg-warning-primary);--background-color-warning-secondary:var(--color-bg-warning-secondary);--background-color-warning-solid:var(--color-bg-warning-solid);--background-color-success-primary:var(--color-bg-success-primary);--background-color-success-secondary:var(--color-bg-success-secondary);--background-color-success-solid:var(--color-bg-success-solid);--background-color-border-brand:var(--color-border-brand);--background-color-border-tertiary:var(--color-border-tertiary);--background-color-border-brand_alt:var(--color-border-brand_alt);--background-color-fg-white:var(--color-fg-white);--background-color-toggle-button-fg_disabled:var(--color-toggle-button-fg_disabled);--text-color-primary:var(--color-text-primary);--text-color-primary_on-brand:var(--color-text-primary_on-brand);--text-color-secondary:var(--color-text-secondary);--text-color-secondary_hover:var(--color-text-secondary_hover);--text-color-secondary_on-brand:var(--color-text-secondary_on-brand);--text-color-tertiary:var(--color-text-tertiary);--text-color-tertiary_hover:var(--color-text-tertiary_hover);--text-color-tertiary_on-brand:var(--color-text-tertiary_on-brand);--text-color-quaternary:var(--color-text-quaternary);--text-color-quaternary_on-brand:var(--color-text-quaternary_on-brand);--text-color-disabled:var(--color-text-disabled);--text-color-placeholder:var(--color-text-placeholder);--text-color-placeholder_subtle:var(--color-text-placeholder_subtle);--text-color-brand-primary:var(--color-text-brand-primary);--text-color-brand-secondary:var(--color-text-brand-secondary);--text-color-brand-secondary_hover:var(--color-text-brand-secondary_hover);--text-color-brand-tertiary:var(--color-text-brand-tertiary);--text-color-brand-tertiary_alt:var(--color-text-brand-tertiary_alt);--text-color-error-primary:var(--color-text-error-primary);--text-color-error-primary_hover:var(--color-text-error-primary_hover);--text-color-warning-primary:var(--color-text-warning-primary);--text-color-success-primary:var(--color-text-success-primary);--text-color-tooltip-supporting-text:var(--color-tooltip-supporting-text);--border-color-primary:var(--color-border-primary);--border-color-secondary:var(--color-border-secondary);--border-color-secondary_alt:var(--color-border-secondary_alt);--border-color-tertiary:var(--color-border-tertiary);--border-color-disabled:var(--color-border-disabled);--border-color-brand:var(--color-border-brand);--border-color-brand-solid:var(--color-bg-brand-solid);--border-color-brand-solid_hover:var(--color-bg-brand-solid_hover);--border-color-error:var(--color-border-error);--border-color-disabled_subtle:var(--color-border-disabled_subtle);--border-color-brand_alt:var(--color-border-brand_alt);--border-color-error_subtle:var(--color-border-error_subtle);--border-color-toggle-slim-border_pressed:var(--color-toggle-slim-border_pressed);--border-color-toggle-slim-border_pressed-hover:var(--color-toggle-slim-border_pressed-hover);--ring-color-bg-brand-solid:var(--color-bg-brand-solid);--ring-color-primary:var(--color-border-primary);--ring-color-secondary:var(--color-border-secondary);--ring-color-secondary_alt:var(--color-border-secondary_alt);--ring-color-tertiary:var(--color-border-tertiary);--ring-color-disabled:var(--color-border-disabled);--ring-color-brand:var(--color-border-brand);--ring-color-brand-solid:var(--color-bg-brand-solid);--ring-color-brand-solid_hover:var(--color-bg-brand-solid_hover);--ring-color-error:var(--color-border-error);--ring-color-disabled_subtle:var(--color-border-disabled_subtle);--ring-color-brand_alt:var(--color-border-brand_alt);--ring-color-error_subtle:var(--color-border-error_subtle);--outline-color-primary:var(--color-border-primary);--outline-color-secondary:var(--color-border-secondary);--outline-color-secondary_alt:var(--color-border-secondary_alt);--outline-color-tertiary:var(--color-border-tertiary);--outline-color-disabled:var(--color-border-disabled);--outline-color-brand:var(--color-border-brand);--outline-color-brand-solid:var(--color-bg-brand-solid);--outline-color-brand-solid_hover:var(--color-bg-brand-solid_hover);--outline-color-error:var(--color-border-error);--outline-color-disabled_subtle:var(--color-border-disabled_subtle);--outline-color-brand_alt:var(--color-border-brand_alt);--outline-color-error_subtle:var(--color-border-error_subtle);--outline-color-focus-ring:var(--color-focus-ring)}[data-focus-visible]{outline:2px solid var(--color-focus-ring);outline-offset:2px}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-\[-6px\]{top:-6px}.-right-1{right:calc(var(--spacing)*-1)}.right-0{right:calc(var(--spacing)*0)}.right-3{right:calc(var(--spacing)*3)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-\[-17px\]{left:-17px}.z-10{z-index:10}.z-30{z-index:30}.z-\[2000\]{z-index:2000}.order-1{order:1}.container{width:100%}@media(min-width:320px){.container{max-width:320px}}@media(min-width:600px){.container{max-width:600px}}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-6{margin-left:calc(var(--spacing)*6)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-18{height:calc(var(--spacing)*18)}.h-full{height:100%}.h-max{height:max-content}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-64{width:calc(var(--spacing)*64)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-\[600px\]{width:600px}.w-\[700px\]{width:700px}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-md{max-width:var(--container-md)}.min-w-\[20px\]{min-width:20px}.min-w-\[32px\]{min-width:32px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-center{transform-origin:50%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing)*5);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-normal{justify-content:normal}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--color-border-brand\)\]{border-color:var(--color-border-brand)}.border-\[var\(--color-border-primary\)\]{border-color:var(--color-border-primary)}.border-\[var\(--color-border-secondary\)\],.border-border-secondary{border-color:var(--color-border-secondary)}.border-disabled_subtle{border-color:var(--border-color-disabled_subtle)}.border-error-200{border-color:var(--color-error-200)}.border-error-300{border-color:var(--color-error-300)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-success-200{border-color:var(--color-success-200)}.border-success-500{border-color:var(--color-success-500)}.border-toggle-slim-border_pressed{border-color:var(--border-color-toggle-slim-border_pressed)}.border-toggle-slim-border_pressed-hover{border-color:var(--border-color-toggle-slim-border_pressed-hover)}.border-transparent{border-color:#0000}.border-warning-200{border-color:var(--color-warning-200)}.bg-\[var\(--color-bg-brand-primary\)\]{background-color:var(--color-bg-brand-primary)}.bg-\[var\(--color-bg-primary\)\]{background-color:var(--color-bg-primary)}.bg-\[var\(--color-bg-secondary\)\]{background-color:var(--color-bg-secondary)}.bg-\[var\(--color-bg-tertiary\)\]{background-color:var(--color-bg-tertiary)}.bg-\[var\(--color-gray-200\)\]{background-color:var(--color-gray-200)}.bg-blue-25{background-color:var(--color-blue-25)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-300{background-color:var(--color-blue-300)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-blue-800{background-color:var(--color-blue-800)}.bg-blue-900{background-color:var(--color-blue-900)}.bg-brand-25{background-color:var(--color-brand-25)}.bg-brand-50{background-color:var(--color-brand-50)}.bg-brand-100{background-color:var(--color-brand-100)}.bg-brand-200{background-color:var(--color-brand-200)}.bg-brand-300{background-color:var(--color-brand-300)}.bg-brand-400{background-color:var(--color-brand-400)}.bg-brand-500{background-color:var(--color-brand-500)}.bg-brand-600{background-color:var(--color-brand-600)}.bg-brand-700{background-color:var(--color-brand-700)}.bg-brand-800{background-color:var(--color-brand-800)}.bg-brand-900{background-color:var(--color-brand-900)}.bg-brand-solid{background-color:var(--background-color-brand-solid)}.bg-brand-solid_hover{background-color:var(--background-color-brand-solid_hover)}.bg-cyan-25{background-color:var(--color-cyan-25)}.bg-cyan-50{background-color:var(--color-cyan-50)}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-cyan-200{background-color:var(--color-cyan-200)}.bg-cyan-300{background-color:var(--color-cyan-300)}.bg-cyan-400{background-color:var(--color-cyan-400)}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-cyan-600{background-color:var(--color-cyan-600)}.bg-cyan-700{background-color:var(--color-cyan-700)}.bg-cyan-800{background-color:var(--color-cyan-800)}.bg-cyan-900{background-color:var(--color-cyan-900)}.bg-disabled{background-color:var(--background-color-disabled)}.bg-error-25{background-color:var(--color-error-25)}.bg-error-50{background-color:var(--color-error-50)}.bg-error-100{background-color:var(--color-error-100)}.bg-error-200{background-color:var(--color-error-200)}.bg-error-300{background-color:var(--color-error-300)}.bg-error-400{background-color:var(--color-error-400)}.bg-error-500{background-color:var(--color-error-500)}.bg-error-600{background-color:var(--color-error-600)}.bg-error-700{background-color:var(--color-error-700)}.bg-error-800{background-color:var(--color-error-800)}.bg-error-900{background-color:var(--color-error-900)}.bg-error-solid{background-color:var(--background-color-error-solid)}.bg-fg-white{background-color:var(--background-color-fg-white)}.bg-fuchsia-25{background-color:var(--color-fuchsia-25)}.bg-fuchsia-50{background-color:var(--color-fuchsia-50)}.bg-fuchsia-100{background-color:var(--color-fuchsia-100)}.bg-fuchsia-200{background-color:var(--color-fuchsia-200)}.bg-fuchsia-300{background-color:var(--color-fuchsia-300)}.bg-fuchsia-400{background-color:var(--color-fuchsia-400)}.bg-fuchsia-500{background-color:var(--color-fuchsia-500)}.bg-fuchsia-600{background-color:var(--color-fuchsia-600)}.bg-fuchsia-700{background-color:var(--color-fuchsia-700)}.bg-fuchsia-800{background-color:var(--color-fuchsia-800)}.bg-fuchsia-900{background-color:var(--color-fuchsia-900)}.bg-gray-25{background-color:var(--color-gray-25)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-25{background-color:var(--color-green-25)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-300{background-color:var(--color-green-300)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-green-700{background-color:var(--color-green-700)}.bg-green-800{background-color:var(--color-green-800)}.bg-green-900{background-color:var(--color-green-900)}.bg-indigo-25{background-color:var(--color-indigo-25)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-200{background-color:var(--color-indigo-200)}.bg-indigo-300{background-color:var(--color-indigo-300)}.bg-indigo-400{background-color:var(--color-indigo-400)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-indigo-700{background-color:var(--color-indigo-700)}.bg-indigo-800{background-color:var(--color-indigo-800)}.bg-indigo-900{background-color:var(--color-indigo-900)}.bg-moss-25{background-color:var(--color-moss-25)}.bg-moss-50{background-color:var(--color-moss-50)}.bg-moss-100{background-color:var(--color-moss-100)}.bg-moss-200{background-color:var(--color-moss-200)}.bg-moss-300{background-color:var(--color-moss-300)}.bg-moss-400{background-color:var(--color-moss-400)}.bg-moss-500{background-color:var(--color-moss-500)}.bg-moss-600{background-color:var(--color-moss-600)}.bg-moss-700{background-color:var(--color-moss-700)}.bg-moss-800{background-color:var(--color-moss-800)}.bg-moss-900{background-color:var(--color-moss-900)}.bg-orange-25{background-color:var(--color-orange-25)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-200{background-color:var(--color-orange-200)}.bg-orange-300{background-color:var(--color-orange-300)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-orange-700{background-color:var(--color-orange-700)}.bg-orange-800{background-color:var(--color-orange-800)}.bg-orange-900{background-color:var(--color-orange-900)}.bg-pink-25{background-color:var(--color-pink-25)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-pink-200{background-color:var(--color-pink-200)}.bg-pink-300{background-color:var(--color-pink-300)}.bg-pink-400{background-color:var(--color-pink-400)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-pink-600{background-color:var(--color-pink-600)}.bg-pink-700{background-color:var(--color-pink-700)}.bg-pink-800{background-color:var(--color-pink-800)}.bg-pink-900{background-color:var(--color-pink-900)}.bg-primary{background-color:var(--background-color-primary)}.bg-purple-25{background-color:var(--color-purple-25)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-200{background-color:var(--color-purple-200)}.bg-purple-300{background-color:var(--color-purple-300)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-purple-700{background-color:var(--color-purple-700)}.bg-purple-800{background-color:var(--color-purple-800)}.bg-purple-900{background-color:var(--color-purple-900)}.bg-rose-25{background-color:var(--color-rose-25)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-100{background-color:var(--color-rose-100)}.bg-rose-200{background-color:var(--color-rose-200)}.bg-rose-300{background-color:var(--color-rose-300)}.bg-rose-400{background-color:var(--color-rose-400)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-600{background-color:var(--color-rose-600)}.bg-rose-700{background-color:var(--color-rose-700)}.bg-rose-800{background-color:var(--color-rose-800)}.bg-rose-900{background-color:var(--color-rose-900)}.bg-secondary_hover{background-color:var(--background-color-secondary_hover)}.bg-secondary_subtle{background-color:var(--background-color-secondary_subtle)}.bg-success-25{background-color:var(--color-success-25)}.bg-success-50{background-color:var(--color-success-50)}.bg-success-100{background-color:var(--color-success-100)}.bg-success-200{background-color:var(--color-success-200)}.bg-success-300{background-color:var(--color-success-300)}.bg-success-400{background-color:var(--color-success-400)}.bg-success-500{background-color:var(--color-success-500)}.bg-success-600{background-color:var(--color-success-600)}.bg-success-700{background-color:var(--color-success-700)}.bg-success-800{background-color:var(--color-success-800)}.bg-success-900{background-color:var(--color-success-900)}.bg-teal-25{background-color:var(--color-teal-25)}.bg-teal-50{background-color:var(--color-teal-50)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-teal-200{background-color:var(--color-teal-200)}.bg-teal-300{background-color:var(--color-teal-300)}.bg-teal-400{background-color:var(--color-teal-400)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-teal-600{background-color:var(--color-teal-600)}.bg-teal-700{background-color:var(--color-teal-700)}.bg-teal-800{background-color:var(--color-teal-800)}.bg-teal-900{background-color:var(--color-teal-900)}.bg-tertiary{background-color:var(--background-color-tertiary)}.bg-toggle-button-fg_disabled{background-color:var(--background-color-toggle-button-fg_disabled)}.bg-utility-gray-50{background-color:var(--color-utility-gray-50)}.bg-violet-25{background-color:var(--color-violet-25)}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-100{background-color:var(--color-violet-100)}.bg-violet-200{background-color:var(--color-violet-200)}.bg-violet-300{background-color:var(--color-violet-300)}.bg-violet-400{background-color:var(--color-violet-400)}.bg-violet-500{background-color:var(--color-violet-500)}.bg-violet-600{background-color:var(--color-violet-600)}.bg-violet-700{background-color:var(--color-violet-700)}.bg-violet-800{background-color:var(--color-violet-800)}.bg-violet-900{background-color:var(--color-violet-900)}.bg-warning-25{background-color:var(--color-warning-25)}.bg-warning-50{background-color:var(--color-warning-50)}.bg-warning-100{background-color:var(--color-warning-100)}.bg-warning-200{background-color:var(--color-warning-200)}.bg-warning-300{background-color:var(--color-warning-300)}.bg-warning-400{background-color:var(--color-warning-400)}.bg-warning-500{background-color:var(--color-warning-500)}.bg-warning-600{background-color:var(--color-warning-600)}.bg-warning-700{background-color:var(--color-warning-700)}.bg-warning-800{background-color:var(--color-warning-800)}.bg-warning-900{background-color:var(--color-warning-900)}.bg-white{background-color:var(--color-white)}.bg-yellow-25{background-color:var(--color-yellow-25)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-200{background-color:var(--color-yellow-200)}.bg-yellow-300{background-color:var(--color-yellow-300)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-600{background-color:var(--color-yellow-600)}.bg-yellow-700{background-color:var(--color-yellow-700)}.bg-yellow-800{background-color:var(--color-yellow-800)}.bg-yellow-900{background-color:var(--color-yellow-900)}.stroke-current{stroke:currentColor}.stroke-\[3px\]{stroke-width:3px}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-0\!{padding:calc(var(--spacing)*0)!important}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-4\.5{padding-inline:calc(var(--spacing)*4.5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-8{padding-top:calc(var(--spacing)*8)}.pr-10{padding-right:calc(var(--spacing)*10)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-md{font-size:var(--text-md);line-height:var(--tw-leading,var(--text-md--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.\!text-white{color:var(--color-white)!important}.text-\[var\(--color-fg-brand-primary\)\]{color:var(--color-fg-brand-primary)}.text-\[var\(--color-gray-300\)\]{color:var(--color-gray-300)}.text-\[var\(--color-gray-400\)\]{color:var(--color-gray-400)}.text-\[var\(--color-gray-600\)\]{color:var(--color-gray-600)}.text-\[var\(--color-text-placeholder_subtle\)\]{color:var(--color-text-placeholder_subtle)}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[var\(--color-text-quaternary\)\]{color:var(--color-text-quaternary)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-\[var\(--color-text-tertiary\)\]{color:var(--color-text-tertiary)}.text-brand-600{color:var(--color-brand-600)}.text-brand-700{color:var(--color-brand-700)}.text-brand-800{color:var(--color-brand-800)}.text-brand-secondary{color:var(--text-color-brand-secondary)}.text-error-600{color:var(--color-error-600)}.text-error-800{color:var(--color-error-800)}.text-error-primary{color:var(--text-color-error-primary)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-primary{color:var(--text-color-primary)}.text-purple-700{color:var(--color-purple-700)}.text-secondary{color:var(--text-color-secondary)}.text-success-600{color:var(--color-success-600)}.text-success-700{color:var(--color-success-700)}.text-success-800{color:var(--color-success-800)}.text-teal-700{color:var(--color-teal-700)}.text-tertiary{color:var(--text-color-tertiary)}.text-warning-600{color:var(--color-warning-600)}.text-warning-800{color:var(--color-warning-800)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-30{opacity:.3}.shadow-sm{--tw-shadow:0px 1px 3px var(--tw-shadow-color,#0a0d121a),0px 1px 2px -1px var(--tw-shadow-color,#0a0d121a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-error_subtle{--tw-ring-color:var(--ring-color-error_subtle)}.ring-secondary{--tw-ring-color:var(--ring-color-secondary)}.ring-transparent{--tw-ring-color:transparent}.ring-white{--tw-ring-color:var(--color-white)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-error{outline-color:var(--outline-color-error)}.outline-focus-ring{outline-color:var(--outline-color-focus-ring)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}.group-hover\:text-gray-600:is(:where(.group):where([data-rac])[data-hovered] *){color:var(--color-gray-600)}@media(hover:hover){.group-hover\:text-gray-600:is(:where(.group):where(:not([data-rac])):hover *){color:var(--color-gray-600)}}.group-hover\:text-gray-900:is(:where(.group):where([data-rac])[data-hovered] *){color:var(--color-gray-900)}@media(hover:hover){.group-hover\:text-gray-900:is(:where(.group):where(:not([data-rac])):hover *){color:var(--color-gray-900)}}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing)*0)}.before\:right-0:before{content:var(--tw-content);right:calc(var(--spacing)*0)}.before\:left-0:before{content:var(--tw-content);left:calc(var(--spacing)*0)}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:rounded-\[7px\]:before{content:var(--tw-content);border-radius:7px}.before\:shadow-\[-4px_0_8px_2px_rgba\(0\,0\,0\,0\.15\)\]:before{content:var(--tw-content);--tw-shadow:-4px 0 8px 2px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.before\:shadow-\[4px_0_8px_2px_rgba\(0\,0\,0\,0\.15\)\]:before{content:var(--tw-content);--tw-shadow:4px 0 8px 2px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.hover\:border-gray-300:where([data-rac])[data-hovered]{border-color:var(--color-gray-300)}@media(hover:hover){.hover\:border-gray-300:where(:not([data-rac])):hover{border-color:var(--color-gray-300)}}.hover\:bg-\[var\(--color-bg-brand-secondary\)\]:where([data-rac])[data-hovered]{background-color:var(--color-bg-brand-secondary)}@media(hover:hover){.hover\:bg-\[var\(--color-bg-brand-secondary\)\]:where(:not([data-rac])):hover{background-color:var(--color-bg-brand-secondary)}}.hover\:bg-\[var\(--color-bg-primary_hover\)\]:where([data-rac])[data-hovered]{background-color:var(--color-bg-primary_hover)}@media(hover:hover){.hover\:bg-\[var\(--color-bg-primary_hover\)\]:where(:not([data-rac])):hover{background-color:var(--color-bg-primary_hover)}}.hover\:bg-\[var\(--color-bg-quaternary\)\]:where([data-rac])[data-hovered]{background-color:var(--color-bg-quaternary)}@media(hover:hover){.hover\:bg-\[var\(--color-bg-quaternary\)\]:where(:not([data-rac])):hover{background-color:var(--color-bg-quaternary)}}.hover\:bg-\[var\(--color-bg-secondary_hover\)\]:where([data-rac])[data-hovered]{background-color:var(--color-bg-secondary_hover)}@media(hover:hover){.hover\:bg-\[var\(--color-bg-secondary_hover\)\]:where(:not([data-rac])):hover{background-color:var(--color-bg-secondary_hover)}}.hover\:bg-brand-700:where([data-rac])[data-hovered]{background-color:var(--color-brand-700)}@media(hover:hover){.hover\:bg-brand-700:where(:not([data-rac])):hover{background-color:var(--color-brand-700)}}.hover\:bg-brand-solid_hover:where([data-rac])[data-hovered]{background-color:var(--background-color-brand-solid_hover)}@media(hover:hover){.hover\:bg-brand-solid_hover:where(:not([data-rac])):hover{background-color:var(--background-color-brand-solid_hover)}}.hover\:bg-error-700:where([data-rac])[data-hovered]{background-color:var(--color-error-700)}@media(hover:hover){.hover\:bg-error-700:where(:not([data-rac])):hover{background-color:var(--color-error-700)}}.hover\:bg-error-primary:where([data-rac])[data-hovered]{background-color:var(--background-color-error-primary)}@media(hover:hover){.hover\:bg-error-primary:where(:not([data-rac])):hover{background-color:var(--background-color-error-primary)}}.hover\:bg-gray-50:where([data-rac])[data-hovered]{background-color:var(--color-gray-50)}@media(hover:hover){.hover\:bg-gray-50:where(:not([data-rac])):hover{background-color:var(--color-gray-50)}}.hover\:bg-gray-100:where([data-rac])[data-hovered]{background-color:var(--color-gray-100)}@media(hover:hover){.hover\:bg-gray-100:where(:not([data-rac])):hover{background-color:var(--color-gray-100)}}.hover\:bg-indigo-700:where([data-rac])[data-hovered]{background-color:var(--color-indigo-700)}@media(hover:hover){.hover\:bg-indigo-700:where(:not([data-rac])):hover{background-color:var(--color-indigo-700)}}.hover\:bg-inherit:where([data-rac])[data-hovered]{background-color:inherit}@media(hover:hover){.hover\:bg-inherit:where(:not([data-rac])):hover{background-color:inherit}}.hover\:bg-pink-700:where([data-rac])[data-hovered]{background-color:var(--color-pink-700)}@media(hover:hover){.hover\:bg-pink-700:where(:not([data-rac])):hover{background-color:var(--color-pink-700)}}.hover\:bg-primary_hover:where([data-rac])[data-hovered]{background-color:var(--background-color-primary_hover)}@media(hover:hover){.hover\:bg-primary_hover:where(:not([data-rac])):hover{background-color:var(--background-color-primary_hover)}}.hover\:bg-purple-700:where([data-rac])[data-hovered]{background-color:var(--color-purple-700)}@media(hover:hover){.hover\:bg-purple-700:where(:not([data-rac])):hover{background-color:var(--color-purple-700)}}.hover\:bg-secondary_hover:where([data-rac])[data-hovered]{background-color:var(--background-color-secondary_hover)}@media(hover:hover){.hover\:bg-secondary_hover:where(:not([data-rac])):hover{background-color:var(--background-color-secondary_hover)}}.hover\:bg-success-700:where([data-rac])[data-hovered]{background-color:var(--color-success-700)}@media(hover:hover){.hover\:bg-success-700:where(:not([data-rac])):hover{background-color:var(--color-success-700)}}.hover\:text-brand-secondary_hover:where([data-rac])[data-hovered]{color:var(--text-color-brand-secondary_hover)}@media(hover:hover){.hover\:text-brand-secondary_hover:where(:not([data-rac])):hover{color:var(--text-color-brand-secondary_hover)}}.hover\:text-error-primary_hover:where([data-rac])[data-hovered]{color:var(--text-color-error-primary_hover)}@media(hover:hover){.hover\:text-error-primary_hover:where(:not([data-rac])):hover{color:var(--text-color-error-primary_hover)}}.hover\:text-secondary_hover:where([data-rac])[data-hovered]{color:var(--text-color-secondary_hover)}@media(hover:hover){.hover\:text-secondary_hover:where(:not([data-rac])):hover{color:var(--text-color-secondary_hover)}}.hover\:text-tertiary_hover:where([data-rac])[data-hovered]{color:var(--text-color-tertiary_hover)}@media(hover:hover){.hover\:text-tertiary_hover:where(:not([data-rac])):hover{color:var(--text-color-tertiary_hover)}}.hover\:underline:where([data-rac])[data-hovered]{text-decoration-line:underline}@media(hover:hover){.hover\:underline:where(:not([data-rac])):hover{text-decoration-line:underline}}.focus\:border-brand-600:where([data-rac])[data-focused],.focus\:border-brand-600:where(:not([data-rac])):focus{border-color:var(--color-brand-600)}.focus\:border-error-600:where([data-rac])[data-focused],.focus\:border-error-600:where(:not([data-rac])):focus{border-color:var(--color-error-600)}.focus\:ring-2:where([data-rac])[data-focused],.focus\:ring-2:where(:not([data-rac])):focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[var\(--color-focus-ring\)\]:where([data-rac])[data-focused],.focus\:ring-\[var\(--color-focus-ring\)\]:where(:not([data-rac])):focus{--tw-ring-color:var(--color-focus-ring)}.focus\:ring-brand-600:where([data-rac])[data-focused],.focus\:ring-brand-600:where(:not([data-rac])):focus{--tw-ring-color:var(--color-brand-600)}.focus\:ring-error-600:where([data-rac])[data-focused],.focus\:ring-error-600:where(:not([data-rac])):focus{--tw-ring-color:var(--color-error-600)}.focus\:ring-offset-0:where([data-rac])[data-focused],.focus\:ring-offset-0:where(:not([data-rac])):focus{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:where([data-rac])[data-focused],.focus\:outline-none:where(:not([data-rac])):focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-1:where([data-rac])[data-focus-visible],.focus-visible\:z-1:where(:not([data-rac])):focus-visible{z-index:1}.focus-visible\:ring-2:where([data-rac])[data-focus-visible],.focus-visible\:ring-2:where(:not([data-rac])):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-brand-600:where([data-rac])[data-focus-visible],.focus-visible\:ring-brand-600:where(:not([data-rac])):focus-visible{--tw-ring-color:var(--color-brand-600)}.focus-visible\:ring-focus-ring:where([data-rac])[data-focus-visible],.focus-visible\:ring-focus-ring:where(:not([data-rac])):focus-visible{--tw-ring-color:var(--color-focus-ring)}.focus-visible\:ring-offset-2:where([data-rac])[data-focus-visible],.focus-visible\:ring-offset-2:where(:not([data-rac])):focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-bg-primary:where([data-rac])[data-focus-visible],.focus-visible\:ring-offset-bg-primary:where(:not([data-rac])):focus-visible{--tw-ring-offset-color:var(--color-bg-primary)}.focus-visible\:outline-2:where([data-rac])[data-focus-visible],.focus-visible\:outline-2:where(:not([data-rac])):focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:-outline-offset-2:where([data-rac])[data-focus-visible],.focus-visible\:-outline-offset-2:where(:not([data-rac])):focus-visible{outline-offset:-2px}.focus-visible\:outline-none:where([data-rac])[data-focus-visible],.focus-visible\:outline-none:where(:not([data-rac])):focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-inset:where([data-rac])[data-focus-visible],.focus-visible\:ring-inset:where(:not([data-rac])):focus-visible{--tw-ring-inset:inset}.disabled\:cursor-not-allowed:where([data-rac])[data-disabled],.disabled\:cursor-not-allowed:where(:not([data-rac])):disabled{cursor:not-allowed}.disabled\:bg-brand-disabled:where([data-rac])[data-disabled],.disabled\:bg-brand-disabled:where(:not([data-rac])):disabled{background-color:var(--background-color-brand-disabled)}.disabled\:bg-disabled:where([data-rac])[data-disabled],.disabled\:bg-disabled:where(:not([data-rac])):disabled{background-color:var(--background-color-disabled)}.disabled\:bg-primary:where([data-rac])[data-disabled],.disabled\:bg-primary:where(:not([data-rac])):disabled{background-color:var(--background-color-primary)}.disabled\:text-fg-disabled:where([data-rac])[data-disabled],.disabled\:text-fg-disabled:where(:not([data-rac])):disabled{color:var(--color-fg-disabled)}.disabled\:opacity-50:where([data-rac])[data-disabled],.disabled\:opacity-50:where(:not([data-rac])):disabled{opacity:.5}.disabled\:ring-disabled_subtle:where([data-rac])[data-disabled],.disabled\:ring-disabled_subtle:where(:not([data-rac])):disabled{--tw-ring-color:var(--ring-color-disabled_subtle)}:where([data-input-wrapper]) .in-data-input-wrapper\:gap-1\.5{gap:calc(var(--spacing)*1.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:px-2\.5{padding-inline:calc(var(--spacing)*2.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:px-3\.5{padding-inline:calc(var(--spacing)*3.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:px-4{padding-inline:calc(var(--spacing)*4)}:where([data-input-wrapper]) .in-data-input-wrapper\:py-1\.5{padding-block:calc(var(--spacing)*1.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:py-2\.5{padding-block:calc(var(--spacing)*2.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:text-md{font-size:var(--text-md);line-height:var(--tw-leading,var(--text-md--line-height))}:where([data-input-wrapper]) .in-data-input-wrapper\:focus\:\!z-50:where([data-rac])[data-focused],:where([data-input-wrapper]) .in-data-input-wrapper\:focus\:\!z-50:where(:not([data-rac])):focus{z-index:50!important}:where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:-mr-px){margin-right:-1px}:where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:rounded-r-none){border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}:where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:before\:rounded-r-none):before{content:var(--tw-content);border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}:where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:-ml-px){margin-left:-1px}:where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:rounded-l-none){border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}:where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:before\:rounded-l-none):before{content:var(--tw-content);border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}:is(.\*\:data-icon\:pointer-events-none>*)[data-icon]{pointer-events:none}:is(.\*\:data-icon\:size-5>*)[data-icon]{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}:is(.\*\:data-icon\:shrink-0>*)[data-icon]{flex-shrink:0}:is(.\*\:data-icon\:text-button-destructive-primary-icon>*)[data-icon]{color:var(--color-button-destructive-primary-icon)}:is(.\*\:data-icon\:text-button-primary-icon>*)[data-icon]{color:var(--color-button-primary-icon)}:is(.\*\:data-icon\:text-fg-brand-secondary_alt>*)[data-icon]{color:var(--color-fg-brand-secondary_alt)}:is(.\*\:data-icon\:text-fg-error-secondary>*)[data-icon]{color:var(--color-fg-error-secondary)}:is(.\*\:data-icon\:text-fg-quaternary>*)[data-icon]{color:var(--color-fg-quaternary)}:is(.hover\:\*\:data-icon\:text-button-destructive-primary-icon_hover:where([data-rac])[data-hovered]>*)[data-icon]{color:var(--color-button-destructive-primary-icon_hover)}@media(hover:hover){:is(.hover\:\*\:data-icon\:text-button-destructive-primary-icon_hover:where(:not([data-rac])):hover>*)[data-icon]{color:var(--color-button-destructive-primary-icon_hover)}}:is(.hover\:\*\:data-icon\:text-button-primary-icon_hover:where([data-rac])[data-hovered]>*)[data-icon]{color:var(--color-button-primary-icon_hover)}@media(hover:hover){:is(.hover\:\*\:data-icon\:text-button-primary-icon_hover:where(:not([data-rac])):hover>*)[data-icon]{color:var(--color-button-primary-icon_hover)}}:is(.hover\:\*\:data-icon\:text-fg-brand-secondary_hover:where([data-rac])[data-hovered]>*)[data-icon]{color:var(--color-fg-brand-secondary_hover)}@media(hover:hover){:is(.hover\:\*\:data-icon\:text-fg-brand-secondary_hover:where(:not([data-rac])):hover>*)[data-icon]{color:var(--color-fg-brand-secondary_hover)}}:is(.hover\:\*\:data-icon\:text-fg-error-primary:where([data-rac])[data-hovered]>*)[data-icon]{color:var(--color-fg-error-primary)}@media(hover:hover){:is(.hover\:\*\:data-icon\:text-fg-error-primary:where(:not([data-rac])):hover>*)[data-icon]{color:var(--color-fg-error-primary)}}:is(.hover\:\*\:data-icon\:text-fg-quaternary_hover:where([data-rac])[data-hovered]>*)[data-icon]{color:var(--color-fg-quaternary_hover)}@media(hover:hover){:is(.hover\:\*\:data-icon\:text-fg-quaternary_hover:where(:not([data-rac])):hover>*)[data-icon]{color:var(--color-fg-quaternary_hover)}}:is(.disabled\:\*\:data-icon\:text-fg-disabled_subtle:where([data-rac])[data-disabled]>*)[data-icon],:is(.disabled\:\*\:data-icon\:text-fg-disabled_subtle:where(:not([data-rac])):disabled>*)[data-icon]{color:var(--color-fg-disabled_subtle)}.data-icon-only\:p-1\.5[data-icon-only]{padding:calc(var(--spacing)*1.5)}.data-icon-only\:p-2[data-icon-only]{padding:calc(var(--spacing)*2)}.data-icon-only\:p-2\.5[data-icon-only]{padding:calc(var(--spacing)*2.5)}.data-icon-only\:p-3[data-icon-only]{padding:calc(var(--spacing)*3)}.data-icon-only\:p-3\.5[data-icon-only]{padding:calc(var(--spacing)*3.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:data-icon-only\:p-2[data-icon-only]{padding:calc(var(--spacing)*2)}:where([data-input-wrapper]) .in-data-input-wrapper\:data-icon-only\:p-2\.5[data-icon-only]{padding:calc(var(--spacing)*2.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:data-icon-only\:p-3[data-icon-only]{padding:calc(var(--spacing)*3)}.data-loading\:bg-brand-solid_hover[data-loading]{background-color:var(--background-color-brand-solid_hover)}.data-loading\:bg-error-primary[data-loading]{background-color:var(--background-color-error-primary)}.data-loading\:bg-primary_hover[data-loading]{background-color:var(--background-color-primary_hover)}:is(.\*\:data-text\:underline>*)[data-text]{text-decoration-line:underline}:is(.\*\:data-text\:decoration-transparent>*)[data-text]{text-decoration-color:#0000}:is(.\*\:data-text\:underline-offset-2>*)[data-text]{text-underline-offset:2px}:is(.hover\:\*\:data-text\:decoration-current:where([data-rac])[data-hovered]>*)[data-text]{text-decoration-color:currentColor}@media(hover:hover){:is(.hover\:\*\:data-text\:decoration-current:where(:not([data-rac])):hover>*)[data-text]{text-decoration-color:currentColor}}.data-\[state\=checked\]\:border-brand-600[data-state=checked]{border-color:var(--color-brand-600)}.data-\[state\=checked\]\:bg-brand-600[data-state=checked]{background-color:var(--color-brand-600)}.data-\[state\=indeterminate\]\:border-brand-600[data-state=indeterminate]{border-color:var(--color-brand-600)}.data-\[state\=indeterminate\]\:bg-brand-600[data-state=indeterminate]{background-color:var(--color-brand-600)}.nth-2\:pl-3:nth-child(2){padding-left:calc(var(--spacing)*3)}@media(min-width:48rem){.md\:flex-row{flex-direction:row}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}}.selected\:bg-secondary[data-selected]{background-color:var(--background-color-secondary)}.\[\&\>\*\:not\(\[data-icon\=loading\]\)\]\:invisible>:not([data-icon=loading]){visibility:hidden}.\[\&\>\*\:not\(\[data-icon\=loading\]\)\:not\(\[data-text\]\)\]\:hidden>:not([data-icon=loading]):not([data-text]){display:none}.\[\&\>td\]\:after\:absolute>td:after{content:var(--tw-content);position:absolute}.\[\&\>td\]\:after\:inset-x-0>td:after{content:var(--tw-content);inset-inline:calc(var(--spacing)*0)}.\[\&\>td\]\:after\:bottom-0>td:after{content:var(--tw-content);bottom:calc(var(--spacing)*0)}.\[\&\>td\]\:after\:h-px>td:after{content:var(--tw-content);height:1px}.\[\&\>td\]\:after\:w-full>td:after{content:var(--tw-content);width:100%}.\[\&\>td\]\:after\:bg-border-tertiary>td:after{content:var(--tw-content);background-color:var(--background-color-border-tertiary)}.last\:\[\&\>td\]\:after\:hidden:last-child>td:after{content:var(--tw-content);display:none}.\[\&\>td\]\:focus-visible\:after\:opacity-0>td:where([data-rac])[data-focus-visible]:after,.\[\&\>td\]\:focus-visible\:after\:opacity-0>td:where(:not([data-rac])):focus-visible:after,.focus-visible\:\[\&\>td\]\:after\:opacity-0:where([data-rac])[data-focus-visible]>td:after,.focus-visible\:\[\&\>td\]\:after\:opacity-0:where(:not([data-rac])):focus-visible>td:after{content:var(--tw-content);opacity:0}.\[\&\>tr\>th\]\:after\:pointer-events-none>tr>th:after{content:var(--tw-content);pointer-events:none}.\[\&\>tr\>th\]\:after\:absolute>tr>th:after{content:var(--tw-content);position:absolute}.\[\&\>tr\>th\]\:after\:inset-x-0>tr>th:after{content:var(--tw-content);inset-inline:calc(var(--spacing)*0)}.\[\&\>tr\>th\]\:after\:bottom-0>tr>th:after{content:var(--tw-content);bottom:calc(var(--spacing)*0)}.\[\&\>tr\>th\]\:after\:h-px>tr>th:after{content:var(--tw-content);height:1px}.\[\&\>tr\>th\]\:after\:bg-border-tertiary>tr>th:after{content:var(--tw-content);background-color:var(--background-color-border-tertiary)}.\[\&\>tr\>th\]\:focus-visible\:after\:bg-transparent>tr>th:where([data-rac])[data-focus-visible]:after,.\[\&\>tr\>th\]\:focus-visible\:after\:bg-transparent>tr>th:where(:not([data-rac])):focus-visible:after{content:var(--tw-content);background-color:#0000}}:root{--font-body:var(--font-inter,"Inter"),-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-display:var(--font-inter,"Inter"),-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-mono:ui-monospace,"Roboto Mono",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-transparent:#0000;--color-white:#fff;--color-black:#000;--color-alpha-white:#fff;--color-alpha-black:#000;--color-brand-25:#f1f8fe;--color-brand-50:#e2f1fd;--color-brand-100:#cee7fc;--color-brand-200:#add7fa;--color-brand-300:#83c3f8;--color-brand-400:#5aaff6;--color-brand-500:#319bf3;--color-brand-600:#0684f0;--color-brand-700:#0770c9;--color-brand-800:#055aa1;--color-brand-900:#044378;--color-brand-950:#032d50;--color-error-25:#fffbfa;--color-error-50:#fef3f2;--color-error-100:#fee4e2;--color-error-200:#fecdca;--color-error-300:#fda29b;--color-error-400:#f97066;--color-error-500:#f04438;--color-error-600:#d92d20;--color-error-700:#b42318;--color-error-800:#912018;--color-error-900:#7a271a;--color-error-950:#55160c;--color-warning-25:#fffcf5;--color-warning-50:#fffaeb;--color-warning-100:#fef0c7;--color-warning-200:#fedf89;--color-warning-300:#fec84b;--color-warning-400:#fdb022;--color-warning-500:#f79009;--color-warning-600:#dc6803;--color-warning-700:#b54708;--color-warning-800:#93370d;--color-warning-900:#7a2e0e;--color-warning-950:#4e1d09;--color-success-25:#f6fef9;--color-success-50:#ecfdf3;--color-success-100:#dcfae6;--color-success-200:#abefc6;--color-success-300:#75e0a7;--color-success-400:#47cd89;--color-success-500:#17b26a;--color-success-600:#079455;--color-success-700:#067647;--color-success-800:#085d3a;--color-success-900:#074d31;--color-success-950:#053321;--color-gray-25:#f7f8fa;--color-gray-50:#f3f4f7;--color-gray-100:#eaebf1;--color-gray-200:#c6ccd7;--color-gray-300:#949ba8;--color-gray-400:#818792;--color-gray-500:#555a63;--color-gray-600:#43474f;--color-gray-700:#31353a;--color-gray-800:#1f2023;--color-gray-900:#141517;--color-gray-950:#06060a;--color-bg-primary:var(--color-white);--color-bg-tertiary:var(--color-gray-100);--color-bg-brand-primary:var(--color-brand-50);--color-bg-error-secondary:var(--color-error-100);--color-bg-warning-primary:var(--color-warning-50);--color-bg-warning-secondary:var(--color-warning-100);--color-bg-success-primary:var(--color-success-50);--color-bg-success-secondary:var(--color-success-100);--color-bg-brand-solid:var(--color-brand-600);--color-bg-secondary-solid:var(--color-gray-600);--color-bg-error-solid:var(--color-error-600);--color-bg-error-solid_hover:var(--color-error-700);--color-bg-warning-solid:var(--color-warning-600);--color-bg-success-solid:var(--color-success-600);--color-bg-secondary_hover:var(--color-gray-100);--color-bg-primary_hover:var(--color-gray-50);--color-bg-disabled:var(--color-gray-100);--color-bg-brand-disabled:var(--color-brand-200);--color-bg-active:var(--color-gray-50);--color-bg-brand-solid_hover:var(--color-brand-700);--color-bg-error-primary:var(--color-error-50);--color-bg-brand-secondary:var(--color-brand-100);--color-bg-secondary:var(--color-gray-50);--color-bg-disabled_subtle:var(--color-gray-50);--color-bg-quaternary:var(--color-gray-200);--color-bg-primary_alt:var(--color-white);--color-bg-brand-primary_alt:var(--color-brand-50);--color-bg-secondary_alt:var(--color-gray-50);--color-bg-overlay:var(--color-gray-950);--color-bg-secondary_subtle:var(--color-gray-25);--color-bg-brand-section:var(--color-brand-800);--color-bg-brand-section_subtle:var(--color-brand-700);--color-bg-primary-solid:var(--color-gray-950);--color-text-primary:var(--color-gray-950);--color-text-tertiary:var(--color-gray-400);--color-text-error-primary:var(--color-error-600);--color-text-warning-primary:var(--color-warning-600);--color-text-success-primary:var(--color-success-600);--color-text-white:var(--color-white);--color-text-secondary:var(--color-gray-600);--color-text-disabled:var(--color-gray-200);--color-text-secondary_hover:var(--color-gray-800);--color-text-tertiary_hover:var(--color-gray-500);--color-text-brand-secondary:var(--color-brand-700);--color-text-placeholder:var(--color-gray-300);--color-text-placeholder_subtle:var(--color-gray-200);--color-text-brand-tertiary:var(--color-brand-600);--color-text-quaternary:var(--color-gray-300);--color-text-brand-primary:var(--color-brand-900);--color-text-primary_on-brand:var(--color-white);--color-text-secondary_on-brand:var(--color-brand-200);--color-text-tertiary_on-brand:var(--color-brand-200);--color-text-quaternary_on-brand:var(--color-brand-300);--color-text-brand-tertiary_alt:var(--color-brand-600);--color-text-brand-secondary_hover:var(--color-brand-800);--color-text-error-primary_hover:var(--color-error-700);--color-border-secondary:var(--color-gray-100);--color-border-error_subtle:var(--color-error-300);--color-border-primary:var(--color-gray-200);--color-border-brand:var(--color-brand-500);--color-border-disabled:var(--color-gray-200);--color-border-error:var(--color-error-500);--color-border-disabled_subtle:var(--color-gray-100);--color-border-tertiary:var(--color-gray-50);--color-border-brand-disabled:var(--color-brand-50);--color-border-brand_alt:var(--color-brand-600);--color-border-secondary_alt:#00000014;--color-fg-secondary:var(--color-gray-700);--color-fg-warning-primary:var(--color-warning-600);--color-fg-success-primary:var(--color-success-600);--color-fg-white:var(--color-white);--color-fg-success-secondary:var(--color-success-500);--color-fg-secondary_hover:var(--color-gray-800);--color-fg-primary:var(--color-gray-900);--color-fg-disabled:var(--color-gray-300);--color-fg-brand-secondary:var(--color-brand-500);--color-fg-brand-primary:var(--color-brand-600);--color-fg-quaternary:var(--color-gray-400);--color-fg-quaternary_hover:var(--color-gray-500);--color-fg-error-primary:var(--color-error-600);--color-fg-disabled_subtle:var(--color-gray-200);--color-fg-warning-secondary:var(--color-warning-500);--color-fg-error-secondary:var(--color-error-500);--color-fg-tertiary:var(--color-gray-600);--color-fg-tertiary_hover:var(--color-gray-700);--color-fg-brand-primary_alt:var(--color-fg-brand-primary);--color-fg-brand-secondary_alt:var(--color-fg-brand-secondary);--color-fg-brand-secondary_hover:var(--color-brand-600);--color-button-destructive-primary-icon:var(--color-error-300);--color-button-destructive-primary-icon_hover:var(--color-error-200);--color-button-primary-icon:var(--color-brand-300);--color-button-primary-icon_hover:var(--color-brand-200);--color-focus-ring-error:var(--color-error-200);--color-focus-ring:var(--color-brand-100)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pibit.ai/cure-design-system",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "CURE Design System - React component library",
   "author": "Pibit",
   "license": "MIT",
@@ -55,14 +55,18 @@
       "import": "./dist/domain/*/index.js",
       "types": "./dist/domain/*/index.d.ts"
     },
-    "./styles": "./dist/styles/theme.css"
+    "./styles": "./dist/styles/components.css",
+    "./styles/theme": "./dist/styles/theme.css",
+    "./styles/components": "./dist/styles/components.css"
   },
   "sideEffects": [
     "*.css"
   ],
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build",
+    "build": "npm run build:lib && npm run build:css",
+    "build:lib": "tsc && vite build",
+    "build:css": "node scripts/build-css.js",
     "build:watch": "vite build --watch",
     "lint": "eslint . --ext ts,tsx",
     "storybook": "storybook dev -p 6006",