@platned/ui 0.1.3 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/README.md +2 -19
  2. package/dist/index.cjs +312 -291
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +10 -3
  5. package/dist/index.d.ts +10 -3
  6. package/dist/index.js +311 -291
  7. package/dist/index.js.map +1 -1
  8. package/dist/sidebar.cjs +22 -22
  9. package/dist/sidebar.cjs.map +1 -1
  10. package/dist/sidebar.js +22 -22
  11. package/dist/sidebar.js.map +1 -1
  12. package/dist/styles.css +1 -1
  13. package/package.json +2 -1
  14. package/tailwind-preset.js +99 -52
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Mono:ital,wght@0,400;0,500;0,700;1,400&display=swap");:root{--prim-white-100:hsla(0,0%,100%,.05);--prim-white-200:hsla(0,0%,100%,.1);--prim-white-300:hsla(0,0%,100%,.2);--prim-white-400:hsla(0,0%,100%,.4);--prim-white-500:hsla(0,0%,100%,.7);--prim-white-600:hsla(0,0%,100%,.8);--prim-white-700:hsla(0,0%,100%,.85);--prim-white-800:hsla(0,0%,100%,.9);--prim-white-900:hsla(0,0%,100%,.95);--prim-white-1000:#fff;--prim-black-100:rgba(12,12,13,.05);--prim-black-200:rgba(12,12,13,.1);--prim-black-300:rgba(12,12,13,.2);--prim-black-400:rgba(12,12,13,.4);--prim-black-500:rgba(12,12,13,.7);--prim-black-600:rgba(12,12,13,.8);--prim-black-700:rgba(12,12,13,.85);--prim-black-800:rgba(12,12,13,.9);--prim-black-900:rgba(12,12,13,.95);--prim-black-1000:#0c0c0d;--prim-gray-100:#f5f5f5;--prim-gray-200:#e6e6e6;--prim-gray-300:#d9d9d9;--prim-gray-400:#b3b3b3;--prim-gray-500:#757575;--prim-gray-600:#444;--prim-gray-700:#383838;--prim-gray-800:#2c2c2c;--prim-gray-900:#1e1e1e;--prim-gray-1000:#111;--prim-stone-100:#f3f3f3;--prim-stone-200:#e3e3e3;--prim-stone-300:#cdcdcd;--prim-stone-400:#b2b2b2;--prim-stone-500:#949494;--prim-stone-600:#767676;--prim-stone-700:#5a5a5a;--prim-stone-800:#434343;--prim-stone-900:#303030;--prim-stone-1000:#242424;--prim-slate-100:#f1f1f5;--prim-slate-200:#e8e8ed;--prim-slate-300:#d4d6df;--prim-slate-400:#b3b6c5;--prim-slate-500:#8b8e9d;--prim-slate-600:#6e707e;--prim-slate-700:#5c5f6d;--prim-slate-800:#3a3d4c;--prim-slate-900:#262a3a;--prim-slate-1000:#1f2541;--prim-blue-100:#f1f7fd;--prim-blue-200:#e1ecfa;--prim-blue-300:#c0d7f5;--prim-blue-400:#9ec2f1;--prim-blue-500:#3f89ea;--prim-blue-600:#327ad7;--prim-blue-700:#2a68ba;--prim-blue-800:#224f8a;--prim-blue-900:#0c2d58;--prim-blue-1000:#15273f;--prim-brand-100:#f1f7fd;--prim-brand-200:#e1ecfa;--prim-brand-300:#c0d7f5;--prim-brand-400:#9ec2f1;--prim-brand-500:#3f89ea;--prim-brand-600:#327ad7;--prim-brand-700:#2a68ba;--prim-brand-800:#224f8a;--prim-brand-900:#0c2d58;--prim-brand-1000:#15273f;--prim-green-100:#ebffee;--prim-green-200:#cff7d3;--prim-green-300:#aff4c6;--prim-green-400:#85e0a3;--prim-green-500:#14ae5c;--prim-green-600:#009951;--prim-green-700:#008043;--prim-green-800:#02542d;--prim-green-900:#024023;--prim-green-1000:#062d1b;--prim-lime-100:#f5ffeb;--prim-lime-200:#e4f7cf;--prim-lime-300:#d3f4af;--prim-lime-400:#b4e085;--prim-lime-500:#82cc33;--prim-lime-600:#5cb200;--prim-lime-700:#428000;--prim-lime-800:#2c5402;--prim-lime-900:#224002;--prim-lime-1000:#1a2d06;--prim-yellow-100:#fef6e7;--prim-yellow-200:#feedcf;--prim-yellow-300:#fddfac;--prim-yellow-400:#fcc362;--prim-yellow-500:#faa000;--prim-yellow-600:#db8b02;--prim-yellow-700:#996100;--prim-yellow-800:#704700;--prim-yellow-900:#543603;--prim-yellow-1000:#2c070b;--prim-red-100:#fce9eb;--prim-red-200:#f9d4d8;--prim-red-300:#f5b4ba;--prim-red-400:#e6787f;--prim-red-500:#d7344d;--prim-red-600:#bb223a;--prim-red-700:#831626;--prim-red-800:#60101c;--prim-red-900:#461119;--prim-red-1000:#2c070b;--prim-pink-100:#fcf1fd;--prim-pink-200:#fae1fa;--prim-pink-300:#f5c0ef;--prim-pink-400:#f19edc;--prim-pink-500:#ea3fb8;--prim-pink-600:#d732a8;--prim-pink-700:#ba2a92;--prim-pink-800:#8a226f;--prim-pink-900:#57184a;--prim-pink-1000:#3f1536;--prim-teal-100:#f2f9fc;--prim-teal-200:#e5f1f6;--prim-teal-300:#c5e2f0;--prim-teal-400:#a8d3e7;--prim-teal-500:#5aaacf;--prim-teal-600:#4b9abe;--prim-teal-700:#4189ab;--prim-teal-800:#2e657e;--prim-teal-900:#103e54;--prim-teal-1000:#1b2f39;--color-background-default-default:var(--prim-white-1000);--color-background-default-default-hover:var(--prim-gray-100);--color-background-default-secondary:var(--prim-gray-100);--color-background-default-secondary-hover:var(--prim-slate-200);--color-background-default-tertiary:var(--prim-gray-300);--color-background-default-tertiary-hover:var(--prim-slate-400);--color-background-neutral-default:var(--prim-slate-700);--color-background-neutral-hover:var(--prim-slate-800);--color-background-neutral-secondary:var(--prim-slate-300);--color-background-neutral-secondary-hover:var(--prim-slate-400);--color-background-neutral-tertiary:var(--prim-slate-100);--color-background-neutral-tertiary-hover:var(--prim-slate-200);--color-background-brand-default:var(--prim-brand-900);--color-background-brand-hover:var(--prim-brand-1000);--color-background-brand-secondary:var(--prim-brand-200);--color-background-brand-secondary-hover:var(--prim-brand-300);--color-background-brand-tertiary:var(--prim-brand-100);--color-background-brand-tertiary-hover:var(--prim-brand-200);--color-background-positive-default:var(--prim-green-500);--color-background-positive-hover:var(--prim-green-600);--color-background-positive-secondary:var(--prim-green-200);--color-background-positive-secondary-hover:var(--prim-green-300);--color-background-positive-tertiary:var(--prim-green-100);--color-background-positive-tertiary-hover:var(--prim-green-200);--color-background-warning-default:var(--prim-yellow-400);--color-background-warning-hover:var(--prim-yellow-500);--color-background-warning-secondary:var(--prim-yellow-200);--color-background-warning-secondary-hover:var(--prim-yellow-300);--color-background-warning-tertiary:var(--prim-yellow-100);--color-background-warning-tertiary-hover:var(--prim-yellow-200);--color-background-danger-default:var(--prim-red-500);--color-background-danger-hover:var(--prim-red-600);--color-background-danger-secondary:var(--prim-red-200);--color-background-danger-secondary-hover:var(--prim-red-300);--color-background-danger-tertiary:var(--prim-red-100);--color-background-danger-tertiary-hover:var(--prim-red-200);--color-background-disabled-default:var(--prim-gray-300);--color-background-utilities-scrim:hsla(0,0%,100%,.8);--color-background-utilities-blanket:rgba(0,0,0,.7);--color-background-utilities-overlay:rgba(0,0,0,.5);--color-background-utilities-measurement:var(--prim-pink-200);--color-text-default-default:var(--prim-gray-900);--color-text-default-secondary:var(--prim-gray-500);--color-text-default-tertiary:var(--prim-gray-400);--color-text-neutral-default:var(--prim-stone-900);--color-text-neutral-secondary:var(--prim-stone-700);--color-text-neutral-tertiary:var(--prim-stone-600);--color-text-neutral-on-neutral:var(--prim-stone-100);--color-text-neutral-on-neutral-secondary:var(--prim-stone-900);--color-text-neutral-on-neutral-tertiary:var(--prim-stone-800);--color-text-brand-default:var(--prim-brand-800);--color-text-brand-secondary:var(--prim-brand-600);--color-text-brand-tertiary:var(--prim-brand-500);--color-text-brand-on-brand:var(--prim-brand-100);--color-text-brand-on-brand-secondary:var(--prim-brand-900);--color-text-brand-on-brand-tertiary:var(--prim-brand-800);--color-text-positive-default:var(--prim-green-800);--color-text-positive-secondary:var(--prim-green-600);--color-text-positive-tertiary:var(--prim-green-500);--color-text-positive-on-positive:var(--prim-green-100);--color-text-positive-on-positive-secondary:var(--prim-green-800);--color-text-positive-on-positive-tertiary:var(--prim-green-800);--color-text-warning-default:var(--prim-yellow-900);--color-text-warning-secondary:var(--prim-yellow-700);--color-text-warning-tertiary:var(--prim-yellow-600);--color-text-warning-on-warning:var(--prim-yellow-1000);--color-text-warning-on-warning-secondary:var(--prim-yellow-800);--color-text-warning-on-warning-tertiary:var(--prim-yellow-900);--color-text-danger-default:var(--prim-red-700);--color-text-danger-secondary:var(--prim-red-600);--color-text-danger-tertiary:var(--prim-red-500);--color-text-danger-on-danger:var(--prim-red-100);--color-text-danger-on-danger-secondary:var(--prim-red-700);--color-text-danger-on-danger-tertiary:var(--prim-red-700);--color-text-disabled-default:var(--prim-gray-400);--color-text-disabled-on-disabled:var(--prim-gray-400);--color-text-utilities-text-on-overlay:var(--prim-black-1000);--color-text-utilities-text-on-measurement:var(--prim-pink-800);--color-border-default-default:var(--prim-gray-300);--color-border-default-secondary:var(--prim-gray-500);--color-border-default-tertiary:var(--prim-gray-700);--color-border-neutral-default:var(--prim-stone-900);--color-border-neutral-secondary:var(--prim-stone-600);--color-border-neutral-tertiary:var(--prim-stone-400);--color-border-brand-default:var(--prim-brand-800);--color-border-brand-secondary:var(--prim-brand-600);--color-border-brand-tertiary:var(--prim-brand-500);--color-border-positive-default:var(--prim-green-800);--color-border-positive-secondary:var(--prim-green-600);--color-border-positive-tertiary:var(--prim-green-500);--color-border-warning-default:var(--prim-yellow-900);--color-border-warning-secondary:var(--prim-yellow-700);--color-border-warning-tertiary:var(--prim-yellow-600);--color-border-danger-default:var(--prim-red-700);--color-border-danger-secondary:var(--prim-red-600);--color-border-danger-tertiary:var(--prim-red-500);--color-border-disabled-default:var(--prim-gray-400);--color-border-utilities-measurement:var(--prim-pink-400);--color-border-utilities-swatch:rgba(0,0,0,.24);--color-icon-default-default:var(--prim-gray-900);--color-icon-default-secondary:var(--prim-gray-500);--color-icon-default-tertiary:var(--prim-gray-400);--color-icon-neutral-default:var(--prim-stone-900);--color-icon-neutral-secondary:var(--prim-stone-700);--color-icon-neutral-tertiary:var(--prim-stone-600);--color-icon-neutral-on-neutral:var(--prim-stone-100);--color-icon-neutral-on-neutral-secondary:var(--prim-stone-900);--color-icon-neutral-on-neutral-tertiary:var(--prim-stone-800);--color-icon-brand-default:var(--prim-brand-800);--color-icon-brand-secondary:var(--prim-brand-600);--color-icon-brand-tertiary:var(--prim-brand-500);--color-icon-brand-on-brand:var(--prim-brand-100);--color-icon-brand-on-brand-secondary:var(--prim-brand-900);--color-icon-brand-on-brand-tertiary:var(--prim-brand-800);--color-icon-positive-default:var(--prim-green-800);--color-icon-positive-secondary:var(--prim-green-600);--color-icon-positive-tertiary:var(--prim-green-500);--color-icon-positive-on-positive:var(--prim-green-100);--color-icon-positive-on-positive-secondary:var(--prim-green-800);--color-icon-positive-on-positive-tertiary:var(--prim-green-900);--color-icon-warning-default:var(--prim-yellow-900);--color-icon-warning-secondary:var(--prim-yellow-700);--color-icon-warning-tertiary:var(--prim-yellow-600);--color-icon-warning-on-warning:var(--prim-yellow-1000);--color-icon-warning-on-warning-secondary:var(--prim-yellow-800);--color-icon-warning-on-warning-tertiary:var(--prim-yellow-900);--color-icon-danger-default:var(--prim-red-700);--color-icon-danger-secondary:var(--prim-red-600);--color-icon-danger-tertiary:var(--prim-red-500);--color-icon-danger-on-danger:var(--prim-red-100);--color-icon-danger-on-danger-secondary:var(--prim-red-700);--color-icon-danger-on-danger-tertiary:var(--prim-red-700);--color-icon-disabled-default:var(--prim-gray-400);--color-icon-disabled-on-disabled:var(--prim-gray-400);--color-icon-utilities-icon:var(--prim-pink-600);--color-icon-utilities-icon-on-measurement:var(--prim-pink-800);--color-graphic-blue:var(--prim-brand-900);--color-graphic-red:var(--prim-red-600)}.dark{--color-background-default-default:var(--prim-gray-900);--color-background-default-default-hover:var(--prim-gray-700);--color-background-default-secondary:var(--prim-gray-800);--color-background-default-secondary-hover:var(--prim-slate-900);--color-background-default-tertiary:var(--prim-gray-600);--color-background-default-tertiary-hover:var(--prim-slate-700);--color-background-neutral-default:var(--prim-slate-400);--color-background-neutral-hover:var(--prim-slate-500);--color-background-neutral-secondary:var(--prim-slate-700);--color-background-neutral-secondary-hover:var(--prim-slate-800);--color-background-neutral-tertiary:var(--prim-slate-900);--color-background-neutral-tertiary-hover:var(--prim-slate-1000);--color-background-brand-default:var(--prim-brand-100);--color-background-brand-hover:var(--prim-brand-300);--color-background-brand-secondary:var(--prim-brand-600);--color-background-brand-secondary-hover:var(--prim-brand-500);--color-background-brand-tertiary:var(--prim-brand-600);--color-background-brand-tertiary-hover:var(--prim-brand-800);--color-background-positive-default:var(--prim-green-700);--color-background-positive-hover:var(--prim-green-800);--color-background-positive-secondary:var(--prim-green-800);--color-background-positive-secondary-hover:var(--prim-green-900);--color-background-positive-tertiary:var(--prim-green-900);--color-background-positive-tertiary-hover:var(--prim-green-1000);--color-background-warning-secondary:var(--prim-yellow-800);--color-background-warning-secondary-hover:var(--prim-yellow-900);--color-background-warning-tertiary:var(--prim-yellow-900);--color-background-warning-tertiary-hover:var(--prim-yellow-1000);--color-background-danger-default:var(--prim-red-600);--color-background-danger-hover:var(--prim-red-700);--color-background-danger-secondary:var(--prim-red-800);--color-background-danger-secondary-hover:var(--prim-red-900);--color-background-danger-tertiary:var(--prim-red-900);--color-background-danger-tertiary-hover:var(--prim-red-1000);--color-background-disabled-default:var(--prim-gray-700);--color-background-utilities-scrim:rgba(0,0,0,.8);--color-background-utilities-measurement:var(--prim-pink-800);--color-text-default-default:var(--prim-white-1000);--color-text-default-secondary:var(--prim-white-500);--color-text-default-tertiary:var(--prim-white-400);--color-text-neutral-default:var(--prim-stone-200);--color-text-neutral-secondary:var(--prim-stone-300);--color-text-neutral-tertiary:var(--prim-stone-400);--color-text-neutral-on-neutral:var(--prim-stone-1000);--color-text-neutral-on-neutral-secondary:var(--prim-stone-100);--color-text-neutral-on-neutral-tertiary:var(--prim-stone-100);--color-text-brand-default:var(--prim-brand-100);--color-text-brand-secondary:var(--prim-brand-300);--color-text-brand-tertiary:var(--prim-brand-400);--color-text-brand-on-brand:var(--prim-brand-900);--color-text-brand-on-brand-secondary:var(--prim-brand-100);--color-text-brand-on-brand-tertiary:var(--prim-brand-100);--color-text-positive-default:var(--prim-green-200);--color-text-positive-secondary:var(--prim-green-400);--color-text-positive-tertiary:var(--prim-green-600);--color-text-positive-on-positive-secondary:var(--prim-green-100);--color-text-positive-on-positive-tertiary:var(--prim-green-100);--color-text-warning-default:var(--prim-yellow-200);--color-text-warning-secondary:var(--prim-yellow-400);--color-text-warning-on-warning-secondary:var(--prim-yellow-100);--color-text-warning-on-warning-tertiary:var(--prim-yellow-100);--color-text-danger-default:var(--prim-red-200);--color-text-danger-secondary:var(--prim-red-400);--color-text-danger-on-danger-secondary:var(--prim-red-100);--color-text-danger-on-danger-tertiary:var(--prim-red-100);--color-text-disabled-default:var(--prim-gray-500);--color-text-utilities-text-on-overlay:var(--prim-white-1000);--color-text-utilities-text-on-measurement:var(--prim-pink-200);--color-border-default-default:var(--prim-gray-600);--color-border-default-tertiary:var(--prim-gray-400);--color-border-neutral-default:var(--prim-stone-100);--color-border-neutral-secondary:var(--prim-stone-500);--color-border-neutral-tertiary:var(--prim-stone-600);--color-border-brand-default:var(--prim-brand-100);--color-border-brand-secondary:var(--prim-brand-300);--color-border-brand-tertiary:var(--prim-brand-400);--color-border-positive-default:var(--prim-green-200);--color-border-positive-secondary:var(--prim-green-400);--color-border-positive-tertiary:var(--prim-green-600);--color-border-warning-default:var(--prim-yellow-200);--color-border-warning-secondary:var(--prim-yellow-400);--color-border-danger-default:var(--prim-red-200);--color-border-danger-secondary:var(--prim-red-400);--color-border-disabled-default:var(--prim-gray-600);--color-border-utilities-measurement:var(--prim-pink-600);--color-border-utilities-swatch:hsla(0,0%,100%,.24);--color-icon-default-default:var(--prim-white-1000);--color-icon-default-secondary:var(--prim-white-500);--color-icon-default-tertiary:var(--prim-white-400);--color-icon-neutral-default:var(--prim-stone-200);--color-icon-neutral-secondary:var(--prim-stone-300);--color-icon-neutral-tertiary:var(--prim-stone-400);--color-icon-neutral-on-neutral:var(--prim-stone-1000);--color-icon-neutral-on-neutral-secondary:var(--prim-stone-100);--color-icon-neutral-on-neutral-tertiary:var(--prim-stone-100);--color-icon-brand-default:var(--prim-brand-100);--color-icon-brand-secondary:var(--prim-brand-300);--color-icon-brand-tertiary:var(--prim-brand-400);--color-icon-brand-on-brand:var(--prim-brand-900);--color-icon-brand-on-brand-secondary:var(--prim-brand-100);--color-icon-brand-on-brand-tertiary:var(--prim-brand-100);--color-icon-positive-default:var(--prim-green-200);--color-icon-positive-secondary:var(--prim-green-400);--color-icon-positive-tertiary:var(--prim-green-600);--color-icon-positive-on-positive-secondary:var(--prim-green-100);--color-icon-positive-on-positive-tertiary:var(--prim-green-100);--color-icon-warning-default:var(--prim-yellow-200);--color-icon-warning-secondary:var(--prim-yellow-400);--color-icon-warning-on-warning-secondary:var(--prim-yellow-100);--color-icon-warning-on-warning-tertiary:var(--prim-yellow-100);--color-icon-danger-default:var(--prim-red-200);--color-icon-danger-secondary:var(--prim-red-400);--color-icon-danger-on-danger-secondary:var(--prim-red-100);--color-icon-danger-on-danger-tertiary:var(--prim-red-100);--color-icon-disabled-default:var(--prim-gray-500);--color-icon-utilities-icon:var(--prim-pink-400);--color-icon-utilities-icon-on-measurement:var(--prim-pink-200);--color-graphic-blue:var(--prim-brand-100);--color-graphic-red:var(--prim-red-400)}:root{--typo-family-sans:Roboto;--typo-family-serif:"Noto Serif";--typo-family-mono:"Roboto Mono";--typo-scale-01:11px;--typo-scale-02:13px;--typo-scale-03:14px;--typo-scale-04:16px;--typo-scale-05:20px;--typo-scale-06:24px;--typo-scale-07:32px;--typo-scale-08:40px;--typo-scale-09:48px;--typo-scale-10:64px;--typo-scale-12:72px;--typo-weight-thin:100;--typo-weight-thin-italic:italic;--typo-weight-extra-light:200;--typo-weight-extralight-italic:italic;--typo-weight-light:300;--typo-weight-light-italic:italic;--typo-weight-regular:400;--typo-weight-regular-italic:italic;--typo-weight-medium:500;--typo-weight-medium-italic:italic;--typo-weight-semibold:600;--typo-weight-semibold-italic:italic;--typo-weight-bold:700;--typo-weight-bold-italic:italic;--typo-weight-extra-bold:800;--typo-weight-extra-bold-italic:italic;--typo-weight-black:900;--typo-weight-black-italic:italic;--typography-title-hero-font-family:var(--typo-family-sans);--typography-title-hero-size:var(--typo-scale-12);--typography-title-hero-font-weight:var(--typo-weight-bold);--typography-title-page-font-family:var(--typo-family-sans);--typography-title-page-size-small:var(--typo-scale-08);--typography-title-page-size-base:var(--typo-scale-09);--typography-title-page-size-large:var(--typo-scale-10);--typography-title-page-font-weight:var(--typo-weight-bold);--typography-subtitle-font-family:var(--typo-family-sans);--typography-subtitle-size-small:var(--typo-scale-06);--typography-subtitle-size-base:var(--typo-scale-07);--typography-subtitle-size-large:var(--typo-scale-08);--typography-subtitle-font-weight:var(--typo-weight-regular);--typography-heading-font-family:var(--typo-family-sans);--typography-heading-size-small:var(--typo-scale-05);--typography-heading-size-base:var(--typo-scale-06);--typography-heading-size-large:var(--typo-scale-07);--typography-heading-font-weight:var(--typo-weight-semibold);--typography-subheading-font-family:var(--typo-family-sans);--typography-subheading-size-small:var(--typo-scale-04);--typography-subheading-size-medium:var(--typo-scale-05);--typography-subheading-size-large:var(--typo-scale-06);--typography-subheading-font-weight:var(--typo-weight-regular);--typography-body-font-family:var(--typo-family-sans);--typography-body-size-tiny:var(--typo-scale-01);--typography-body-size-extra-small:var(--typo-scale-02);--typography-body-size-small:var(--typo-scale-03);--typography-body-size-medium:var(--typo-scale-04);--typography-body-size-large:var(--typo-scale-05);--typography-body-font-weight-regular:var(--typo-weight-regular);--typography-body-font-weight-strong:var(--typo-weight-semibold);--typography-body-font-style-italic:var(--typo-weight-regular-italic);--typography-code-font-family:var(--typo-family-mono);--typography-code-size-small:var(--typography-body-size-small);--typography-code-size-base:var(--typography-body-size-medium);--typography-code-size-large:var(--typography-body-size-large);--typography-code-font-weight:var(--typography-body-font-weight-regular);--size-space-100:4px;--size-space-200:8px;--size-space-300:12px;--size-space-400:16px;--size-space-500:20px;--size-space-600:24px;--size-space-700:28px;--size-space-800:32px;--size-space-1000:40px;--size-space-1200:48px;--size-space-1600:64px;--size-space-2400:96px;--size-space-4000:160px;--size-space-negative-100:-4px;--size-space-negative-200:-8px;--size-space-negative-300:-12px;--size-space-negative-400:-16px;--size-space-negative-600:-24px;--size-radius-100:4px;--size-radius-200:8px;--size-radius-300:12px;--size-radius-400:16px;--size-radius-xl:24px;--size-radius-full:9999px;--size-depth-0:0px;--size-depth-025:1px;--size-depth-100:4px;--size-depth-400:16px;--size-depth-800:32px;--size-depth-negative-025:-1px;--size-depth-negative-100:-4px;--size-depth-negative-200:-8px;--size-blur-100:4px;--size-stroke-border:1px;--effect-shadow-100:0 var(--size-depth-025) var(--size-depth-100) 0 var(--prim-black-100);--effect-shadow-200:0 var(--size-depth-025) var(--size-depth-100) 0 var(--prim-black-100),0 var(--size-depth-025) var(--size-depth-100) 0 var(--prim-black-200);--effect-shadow-300:0 var(--size-depth-100) var(--size-depth-100) var(--size-depth-negative-025) var(--prim-black-100),0 var(--size-depth-100) var(--size-depth-100) var(--size-depth-negative-025) var(--prim-black-200);--effect-shadow-400:0 var(--size-depth-100) var(--size-depth-100) var(--size-depth-negative-100) var(--prim-black-100),0 var(--size-depth-400) var(--size-depth-800) var(--size-depth-negative-100) var(--prim-black-200);--effect-shadow-500:0 var(--size-depth-100) var(--size-depth-100) var(--size-depth-negative-100) var(--prim-black-100),0 var(--size-depth-400) var(--size-depth-400) var(--size-depth-negative-200) var(--prim-black-200);--effect-shadow-600:0 var(--size-depth-400) var(--size-depth-800) var(--size-depth-negative-200) var(--prim-black-400);--effect-inner-shadow-100:inset 0 var(--size-depth-025) var(--size-blur-100) 0 var(--prim-black-100);--effect-inner-shadow-200:inset 0 var(--size-depth-025) var(--size-depth-100) 0 var(--prim-black-100);--effect-inner-shadow-300:inset 0 var(--size-depth-100) var(--size-depth-100) var(--size-depth-negative-025) var(--prim-black-100);--effect-inner-shadow-400:inset 0 var(--size-depth-400) var(--size-depth-800) var(--size-depth-negative-100) var(--prim-black-200);--effect-inner-shadow-500:inset 0 var(--size-depth-400) var(--size-depth-400) var(--size-depth-negative-200) var(--prim-black-200);--effect-inner-shadow-600:inset 0 var(--size-depth-400) var(--size-depth-800) var(--size-depth-negative-200) var(--prim-black-400);--effect-blur-overlay:blur(var(--size-blur-100));--effect-blur-glass:blur(var(--size-blur-100));--effect-blur-layer:blur(var(--size-blur-100))}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-right-3{right:-.75rem}.-right-px{right:-1px}.-top-px{top:-1px}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-0{left:0}.left-0\.5{left:.125rem}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-full{left:100%}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0\.5{top:.125rem}.top-5{top:1.25rem}.top-full{top:100%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mb-1{margin-bottom:.25rem}.ml-2{margin-left:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-1\.5{width:.375rem;height:.375rem}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-2{width:.5rem;height:.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-full{width:100%;height:100%}.h-1\.5{height:.375rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[34px\]{height:34px}.h-full{height:100%}.h-px{height:1px}.max-h-64{max-height:16rem}.min-h-0{min-height:0}.min-h-20{min-height:5rem}.min-h-\[52px\]{min-height:52px}.min-h-\[68px\]{min-height:68px}.w-10{width:2.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-36{width:9rem}.w-80{width:20rem}.w-\[34px\]{width:34px}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-6{min-width:1.5rem}.max-w-2xl{max-width:42rem}.max-w-\[540px\]{max-width:540px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x:1rem}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-\[3px\]{gap:3px}.-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.5rem*var(--tw-space-x-reverse));margin-left:calc(-.5rem*(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#ececec\]{--tw-border-opacity:1;border-color:rgb(236 236 236/var(--tw-border-opacity,1))}.border-background-brand{border-color:var(--color-background-brand-default)}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-border-brand{border-color:var(--color-border-brand-default)}.border-border-danger-secondary{border-color:var(--color-border-danger-secondary)}.border-border-default{border-color:var(--color-border-default-default)}.border-border-disabled{border-color:var(--color-border-disabled-default)}.border-white\/70{border-color:hsla(0,0%,100%,.7)}.bg-\[\#e6f4ea\]{--tw-bg-opacity:1;background-color:rgb(230 244 234/var(--tw-bg-opacity,1))}.bg-\[\#e9eff7\]{--tw-bg-opacity:1;background-color:rgb(233 239 247/var(--tw-bg-opacity,1))}.bg-\[\#fbe6cf\]{--tw-bg-opacity:1;background-color:rgb(251 230 207/var(--tw-bg-opacity,1))}.bg-\[\#fee2e2\]{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-background-brand{background-color:var(--color-background-brand-default)}.bg-background-brand-hover{background-color:var(--color-background-brand-hover)}.bg-background-brand-tertiary{background-color:var(--color-background-brand-tertiary)}.bg-background-danger{background-color:var(--color-background-danger-default)}.bg-background-default{background-color:var(--color-background-default-default)}.bg-background-default-secondary{background-color:var(--color-background-default-secondary)}.bg-background-disabled{background-color:var(--color-background-disabled-default)}.bg-background-neutral-tertiary{background-color:var(--color-background-neutral-tertiary)}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-border-default{background-color:var(--color-border-default-default)}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-text-default{background-color:var(--color-text-default-default)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/50{background-color:hsla(0,0%,100%,.5)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-amber-50{--tw-gradient-from:#fffbeb var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,251,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-background-brand-tertiary{--tw-gradient-from:var(--color-background-brand-tertiary) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-50{--tw-gradient-from:#ecfdf5 var(--tw-gradient-from-position);--tw-gradient-to:rgba(236,253,245,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-cyan-50{--tw-gradient-to:#ecfeff var(--tw-gradient-to-position)}.to-lime-50{--tw-gradient-to:#f7fee7 var(--tw-gradient-to-position)}.to-orange-50{--tw-gradient-to:#fff7ed var(--tw-gradient-to-position)}.to-slate-50{--tw-gradient-to:#f8fafc var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[14px\]{padding-top:14px;padding-bottom:14px}.py-\[5px\]{padding-top:5px;padding-bottom:5px}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pr-10{padding-right:2.5rem}.pr-3{padding-right:.75rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-7{padding-right:1.75rem}.pr-8{padding-right:2rem}.pr-9{padding-right:2.25rem}.pt-0\.5{padding-top:.125rem}.pt-1\.5{padding-top:.375rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-body{font-size:16px;line-height:1.5}.text-body-sm{font-size:14px;line-height:1.5}.text-body-tiny{font-size:11px;line-height:1.4}.text-body-xs{font-size:13px;line-height:1.4}.text-heading{font-size:24px;line-height:1.3}.text-heading-sm{font-size:20px;line-height:1.3}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal,.font-regular{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-\[\#0c2d58\]{--tw-text-opacity:1;color:rgb(12 45 88/var(--tw-text-opacity,1))}.text-\[\#1f7a3d\]{--tw-text-opacity:1;color:rgb(31 122 61/var(--tw-text-opacity,1))}.text-\[\#9a6206\]{--tw-text-opacity:1;color:rgb(154 98 6/var(--tw-text-opacity,1))}.text-\[\#b91c1c\]{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-icon-brand{color:var(--color-icon-brand-default)}.text-icon-brand-on-brand{color:var(--color-icon-brand-on-brand)}.text-icon-default-secondary{color:var(--color-icon-default-secondary)}.text-icon-disabled{color:var(--color-icon-disabled-default)}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-text-brand{color:var(--color-text-brand-default)}.text-text-brand-on-brand{color:var(--color-text-brand-on-brand)}.text-text-danger{color:var(--color-text-danger-default)}.text-text-danger-on-danger{color:var(--color-text-danger-on-danger)}.text-text-default{color:var(--color-text-default-default)}.text-text-default-secondary{color:var(--color-text-default-secondary)}.text-text-default-tertiary{color:var(--color-text-default-tertiary)}.text-text-disabled{color:var(--color-text-disabled-default)}.text-text-neutral{color:var(--color-text-neutral-default)}.text-text-positive{color:var(--color-text-positive-default)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-panel{--tw-shadow:0 2px 16px 0 rgba(0,0,0,.08);--tw-shadow-colored:0 2px 16px 0 var(--tw-shadow-color)}.shadow-panel,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.drop-shadow-sm,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.placeholder\:text-text-default-tertiary::-moz-placeholder{color:var(--color-text-default-tertiary)}.placeholder\:text-text-default-tertiary::placeholder{color:var(--color-text-default-tertiary)}.placeholder\:text-text-disabled::-moz-placeholder{color:var(--color-text-disabled-default)}.placeholder\:text-text-disabled::placeholder{color:var(--color-text-disabled-default)}.hover\:border-border-brand:hover{border-color:var(--color-border-brand-default)}.hover\:border-border-brand-tertiary:hover{border-color:var(--color-border-brand-tertiary)}.hover\:border-border-default-secondary:hover{border-color:var(--color-border-default-secondary)}.hover\:bg-background-brand-hover:hover{background-color:var(--color-background-brand-hover)}.hover\:bg-background-brand-tertiary:hover{background-color:var(--color-background-brand-tertiary)}.hover\:bg-background-brand-tertiary-hover:hover{background-color:var(--color-background-brand-tertiary-hover)}.hover\:bg-background-danger-hover:hover{background-color:var(--color-background-danger-hover)}.hover\:bg-background-danger-tertiary:hover{background-color:var(--color-background-danger-tertiary)}.hover\:bg-background-default-hover:hover{background-color:var(--color-background-default-default-hover)}.hover\:bg-background-default-secondary:hover{background-color:var(--color-background-default-secondary)}.hover\:bg-background-default-secondary-hover:hover{background-color:var(--color-background-default-secondary-hover)}.hover\:bg-background-neutral-tertiary:hover{background-color:var(--color-background-neutral-tertiary)}.hover\:bg-background-neutral-tertiary-hover:hover{background-color:var(--color-background-neutral-tertiary-hover)}.hover\:text-text-brand:hover{color:var(--color-text-brand-default)}.hover\:text-text-default:hover{color:var(--color-text-default-default)}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-border-brand-tertiary:focus{border-color:var(--color-border-brand-tertiary)}.focus\:border-border-danger-secondary:focus{border-color:var(--color-border-danger-secondary)}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-border-brand-tertiary:focus{--tw-ring-color:var(--color-border-brand-tertiary)}.focus\:ring-border-danger-secondary:focus{--tw-ring-color:var(--color-border-danger-secondary)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-border-brand:focus-visible{--tw-ring-color:var(--color-border-brand-default)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border:disabled{border-width:1px}.disabled\:border-border-disabled:disabled{border-color:var(--color-border-disabled-default)}.disabled\:bg-background-disabled:disabled{background-color:var(--color-background-disabled-default)}.disabled\:text-text-disabled:disabled{color:var(--color-text-disabled-default)}.disabled\:text-text-disabled-on-disabled:disabled{color:var(--color-text-disabled-on-disabled)}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:size-5 svg{width:1.25rem;height:1.25rem}
1
+ @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Mono:ital,wght@0,400;0,500;0,700;1,400&display=swap");:root{--prim-white-100:hsla(0,0%,100%,.05);--prim-white-200:hsla(0,0%,100%,.1);--prim-white-300:hsla(0,0%,100%,.2);--prim-white-400:hsla(0,0%,100%,.4);--prim-white-500:hsla(0,0%,100%,.7);--prim-white-600:hsla(0,0%,100%,.8);--prim-white-700:hsla(0,0%,100%,.85);--prim-white-800:hsla(0,0%,100%,.9);--prim-white-900:hsla(0,0%,100%,.95);--prim-white-1000:#fff;--prim-black-100:rgba(12,12,13,.05);--prim-black-200:rgba(12,12,13,.1);--prim-black-300:rgba(12,12,13,.2);--prim-black-400:rgba(12,12,13,.4);--prim-black-500:rgba(12,12,13,.7);--prim-black-600:rgba(12,12,13,.8);--prim-black-700:rgba(12,12,13,.85);--prim-black-800:rgba(12,12,13,.9);--prim-black-900:rgba(12,12,13,.95);--prim-black-1000:#0c0c0d;--prim-gray-100:#f5f5f5;--prim-gray-200:#e6e6e6;--prim-gray-300:#d9d9d9;--prim-gray-400:#b3b3b3;--prim-gray-500:#757575;--prim-gray-600:#444;--prim-gray-700:#383838;--prim-gray-800:#2c2c2c;--prim-gray-900:#1e1e1e;--prim-gray-1000:#111;--prim-stone-100:#f3f3f3;--prim-stone-200:#e3e3e3;--prim-stone-300:#cdcdcd;--prim-stone-400:#b2b2b2;--prim-stone-500:#949494;--prim-stone-600:#767676;--prim-stone-700:#5a5a5a;--prim-stone-800:#434343;--prim-stone-900:#303030;--prim-stone-1000:#242424;--prim-slate-100:#f1f1f5;--prim-slate-200:#e8e8ed;--prim-slate-300:#d4d6df;--prim-slate-400:#b3b6c5;--prim-slate-500:#8b8e9d;--prim-slate-600:#6e707e;--prim-slate-700:#5c5f6d;--prim-slate-800:#3a3d4c;--prim-slate-900:#262a3a;--prim-slate-1000:#1f2541;--prim-blue-100:#f1f7fd;--prim-blue-200:#e1ecfa;--prim-blue-300:#c0d7f5;--prim-blue-400:#9ec2f1;--prim-blue-500:#3f89ea;--prim-blue-600:#327ad7;--prim-blue-700:#2a68ba;--prim-blue-800:#224f8a;--prim-blue-900:#0c2d58;--prim-blue-1000:#15273f;--prim-brand-100:#f1f7fd;--prim-brand-200:#e1ecfa;--prim-brand-300:#c0d7f5;--prim-brand-400:#9ec2f1;--prim-brand-500:#3f89ea;--prim-brand-600:#327ad7;--prim-brand-700:#2a68ba;--prim-brand-800:#224f8a;--prim-brand-900:#0c2d58;--prim-brand-1000:#15273f;--prim-green-100:#ebffee;--prim-green-200:#cff7d3;--prim-green-300:#aff4c6;--prim-green-400:#85e0a3;--prim-green-500:#14ae5c;--prim-green-600:#009951;--prim-green-700:#008043;--prim-green-800:#02542d;--prim-green-900:#024023;--prim-green-1000:#062d1b;--prim-lime-100:#f5ffeb;--prim-lime-200:#e4f7cf;--prim-lime-300:#d3f4af;--prim-lime-400:#b4e085;--prim-lime-500:#82cc33;--prim-lime-600:#5cb200;--prim-lime-700:#428000;--prim-lime-800:#2c5402;--prim-lime-900:#224002;--prim-lime-1000:#1a2d06;--prim-yellow-100:#fef6e7;--prim-yellow-200:#feedcf;--prim-yellow-300:#fddfac;--prim-yellow-400:#fcc362;--prim-yellow-500:#faa000;--prim-yellow-600:#db8b02;--prim-yellow-700:#996100;--prim-yellow-800:#704700;--prim-yellow-900:#543603;--prim-yellow-1000:#2c070b;--prim-red-100:#fce9eb;--prim-red-200:#f9d4d8;--prim-red-300:#f5b4ba;--prim-red-400:#e6787f;--prim-red-500:#d7344d;--prim-red-600:#bb223a;--prim-red-700:#831626;--prim-red-800:#60101c;--prim-red-900:#461119;--prim-red-1000:#2c070b;--prim-pink-100:#fcf1fd;--prim-pink-200:#fae1fa;--prim-pink-300:#f5c0ef;--prim-pink-400:#f19edc;--prim-pink-500:#ea3fb8;--prim-pink-600:#d732a8;--prim-pink-700:#ba2a92;--prim-pink-800:#8a226f;--prim-pink-900:#57184a;--prim-pink-1000:#3f1536;--prim-teal-100:#f2f9fc;--prim-teal-200:#e5f1f6;--prim-teal-300:#c5e2f0;--prim-teal-400:#a8d3e7;--prim-teal-500:#5aaacf;--prim-teal-600:#4b9abe;--prim-teal-700:#4189ab;--prim-teal-800:#2e657e;--prim-teal-900:#103e54;--prim-teal-1000:#1b2f39;--color-background-default-default:var(--prim-white-1000);--color-background-default-default-hover:var(--prim-gray-100);--color-background-default-secondary:var(--prim-gray-100);--color-background-default-secondary-hover:var(--prim-slate-200);--color-background-default-tertiary:var(--prim-gray-300);--color-background-default-tertiary-hover:var(--prim-slate-400);--color-background-neutral-default:var(--prim-slate-700);--color-background-neutral-hover:var(--prim-slate-800);--color-background-neutral-secondary:var(--prim-slate-300);--color-background-neutral-secondary-hover:var(--prim-slate-400);--color-background-neutral-tertiary:var(--prim-slate-100);--color-background-neutral-tertiary-hover:var(--prim-slate-200);--color-background-brand-default:var(--prim-brand-900);--color-background-brand-hover:var(--prim-brand-1000);--color-background-brand-secondary:var(--prim-brand-200);--color-background-brand-secondary-hover:var(--prim-brand-300);--color-background-brand-tertiary:var(--prim-brand-100);--color-background-brand-tertiary-hover:var(--prim-brand-200);--color-background-positive-default:var(--prim-green-500);--color-background-positive-hover:var(--prim-green-600);--color-background-positive-secondary:var(--prim-green-200);--color-background-positive-secondary-hover:var(--prim-green-300);--color-background-positive-tertiary:var(--prim-green-100);--color-background-positive-tertiary-hover:var(--prim-green-200);--color-background-warning-default:var(--prim-yellow-400);--color-background-warning-hover:var(--prim-yellow-500);--color-background-warning-secondary:var(--prim-yellow-200);--color-background-warning-secondary-hover:var(--prim-yellow-300);--color-background-warning-tertiary:var(--prim-yellow-100);--color-background-warning-tertiary-hover:var(--prim-yellow-200);--color-background-danger-default:var(--prim-red-500);--color-background-danger-hover:var(--prim-red-600);--color-background-danger-secondary:var(--prim-red-200);--color-background-danger-secondary-hover:var(--prim-red-300);--color-background-danger-tertiary:var(--prim-red-100);--color-background-danger-tertiary-hover:var(--prim-red-200);--color-background-disabled-default:var(--prim-gray-300);--color-background-utilities-scrim:hsla(0,0%,100%,.8);--color-background-utilities-blanket:rgba(0,0,0,.7);--color-background-utilities-overlay:rgba(0,0,0,.5);--color-background-utilities-measurement:var(--prim-pink-200);--color-text-default-default:var(--prim-gray-900);--color-text-default-secondary:var(--prim-gray-500);--color-text-default-tertiary:var(--prim-gray-400);--color-text-neutral-default:var(--prim-stone-900);--color-text-neutral-secondary:var(--prim-stone-700);--color-text-neutral-tertiary:var(--prim-stone-600);--color-text-neutral-on-neutral:var(--prim-stone-100);--color-text-neutral-on-neutral-secondary:var(--prim-stone-900);--color-text-neutral-on-neutral-tertiary:var(--prim-stone-800);--color-text-brand-default:var(--prim-brand-800);--color-text-brand-secondary:var(--prim-brand-600);--color-text-brand-tertiary:var(--prim-brand-500);--color-text-brand-on-brand:var(--prim-brand-100);--color-text-brand-on-brand-secondary:var(--prim-brand-900);--color-text-brand-on-brand-tertiary:var(--prim-brand-800);--color-text-positive-default:var(--prim-green-800);--color-text-positive-secondary:var(--prim-green-600);--color-text-positive-tertiary:var(--prim-green-500);--color-text-positive-on-positive:var(--prim-green-100);--color-text-positive-on-positive-secondary:var(--prim-green-800);--color-text-positive-on-positive-tertiary:var(--prim-green-800);--color-text-warning-default:var(--prim-yellow-900);--color-text-warning-secondary:var(--prim-yellow-700);--color-text-warning-tertiary:var(--prim-yellow-600);--color-text-warning-on-warning:var(--prim-yellow-1000);--color-text-warning-on-warning-secondary:var(--prim-yellow-800);--color-text-warning-on-warning-tertiary:var(--prim-yellow-900);--color-text-danger-default:var(--prim-red-700);--color-text-danger-secondary:var(--prim-red-600);--color-text-danger-tertiary:var(--prim-red-500);--color-text-danger-on-danger:var(--prim-red-100);--color-text-danger-on-danger-secondary:var(--prim-red-700);--color-text-danger-on-danger-tertiary:var(--prim-red-700);--color-text-disabled-default:var(--prim-gray-400);--color-text-disabled-on-disabled:var(--prim-gray-400);--color-text-utilities-text-on-overlay:var(--prim-black-1000);--color-text-utilities-text-on-measurement:var(--prim-pink-800);--color-border-default-default:var(--prim-gray-300);--color-border-default-secondary:var(--prim-gray-500);--color-border-default-tertiary:var(--prim-gray-700);--color-border-neutral-default:var(--prim-stone-900);--color-border-neutral-secondary:var(--prim-stone-600);--color-border-neutral-tertiary:var(--prim-stone-400);--color-border-brand-default:var(--prim-brand-800);--color-border-brand-secondary:var(--prim-brand-600);--color-border-brand-tertiary:var(--prim-brand-500);--color-border-positive-default:var(--prim-green-800);--color-border-positive-secondary:var(--prim-green-600);--color-border-positive-tertiary:var(--prim-green-500);--color-border-warning-default:var(--prim-yellow-900);--color-border-warning-secondary:var(--prim-yellow-700);--color-border-warning-tertiary:var(--prim-yellow-600);--color-border-danger-default:var(--prim-red-700);--color-border-danger-secondary:var(--prim-red-600);--color-border-danger-tertiary:var(--prim-red-500);--color-border-disabled-default:var(--prim-gray-400);--color-border-utilities-measurement:var(--prim-pink-400);--color-border-utilities-swatch:rgba(0,0,0,.24);--color-icon-default-default:var(--prim-gray-900);--color-icon-default-secondary:var(--prim-gray-500);--color-icon-default-tertiary:var(--prim-gray-400);--color-icon-neutral-default:var(--prim-stone-900);--color-icon-neutral-secondary:var(--prim-stone-700);--color-icon-neutral-tertiary:var(--prim-stone-600);--color-icon-neutral-on-neutral:var(--prim-stone-100);--color-icon-neutral-on-neutral-secondary:var(--prim-stone-900);--color-icon-neutral-on-neutral-tertiary:var(--prim-stone-800);--color-icon-brand-default:var(--prim-brand-800);--color-icon-brand-secondary:var(--prim-brand-600);--color-icon-brand-tertiary:var(--prim-brand-500);--color-icon-brand-on-brand:var(--prim-brand-100);--color-icon-brand-on-brand-secondary:var(--prim-brand-900);--color-icon-brand-on-brand-tertiary:var(--prim-brand-800);--color-icon-positive-default:var(--prim-green-800);--color-icon-positive-secondary:var(--prim-green-600);--color-icon-positive-tertiary:var(--prim-green-500);--color-icon-positive-on-positive:var(--prim-green-100);--color-icon-positive-on-positive-secondary:var(--prim-green-800);--color-icon-positive-on-positive-tertiary:var(--prim-green-900);--color-icon-warning-default:var(--prim-yellow-900);--color-icon-warning-secondary:var(--prim-yellow-700);--color-icon-warning-tertiary:var(--prim-yellow-600);--color-icon-warning-on-warning:var(--prim-yellow-1000);--color-icon-warning-on-warning-secondary:var(--prim-yellow-800);--color-icon-warning-on-warning-tertiary:var(--prim-yellow-900);--color-icon-danger-default:var(--prim-red-700);--color-icon-danger-secondary:var(--prim-red-600);--color-icon-danger-tertiary:var(--prim-red-500);--color-icon-danger-on-danger:var(--prim-red-100);--color-icon-danger-on-danger-secondary:var(--prim-red-700);--color-icon-danger-on-danger-tertiary:var(--prim-red-700);--color-icon-disabled-default:var(--prim-gray-400);--color-icon-disabled-on-disabled:var(--prim-gray-400);--color-icon-utilities-icon:var(--prim-pink-600);--color-icon-utilities-icon-on-measurement:var(--prim-pink-800);--color-graphic-blue:var(--prim-brand-900);--color-graphic-red:var(--prim-red-600)}.dark{--color-background-default-default:var(--prim-gray-900);--color-background-default-default-hover:var(--prim-gray-700);--color-background-default-secondary:var(--prim-gray-800);--color-background-default-secondary-hover:var(--prim-slate-900);--color-background-default-tertiary:var(--prim-gray-600);--color-background-default-tertiary-hover:var(--prim-slate-700);--color-background-neutral-default:var(--prim-slate-400);--color-background-neutral-hover:var(--prim-slate-500);--color-background-neutral-secondary:var(--prim-slate-700);--color-background-neutral-secondary-hover:var(--prim-slate-800);--color-background-neutral-tertiary:var(--prim-slate-900);--color-background-neutral-tertiary-hover:var(--prim-slate-1000);--color-background-brand-default:var(--prim-brand-100);--color-background-brand-hover:var(--prim-brand-300);--color-background-brand-secondary:var(--prim-brand-600);--color-background-brand-secondary-hover:var(--prim-brand-500);--color-background-brand-tertiary:var(--prim-brand-600);--color-background-brand-tertiary-hover:var(--prim-brand-800);--color-background-positive-default:var(--prim-green-700);--color-background-positive-hover:var(--prim-green-800);--color-background-positive-secondary:var(--prim-green-800);--color-background-positive-secondary-hover:var(--prim-green-900);--color-background-positive-tertiary:var(--prim-green-900);--color-background-positive-tertiary-hover:var(--prim-green-1000);--color-background-warning-secondary:var(--prim-yellow-800);--color-background-warning-secondary-hover:var(--prim-yellow-900);--color-background-warning-tertiary:var(--prim-yellow-900);--color-background-warning-tertiary-hover:var(--prim-yellow-1000);--color-background-danger-default:var(--prim-red-600);--color-background-danger-hover:var(--prim-red-700);--color-background-danger-secondary:var(--prim-red-800);--color-background-danger-secondary-hover:var(--prim-red-900);--color-background-danger-tertiary:var(--prim-red-900);--color-background-danger-tertiary-hover:var(--prim-red-1000);--color-background-disabled-default:var(--prim-gray-700);--color-background-utilities-scrim:rgba(0,0,0,.8);--color-background-utilities-measurement:var(--prim-pink-800);--color-text-default-default:var(--prim-white-1000);--color-text-default-secondary:var(--prim-white-500);--color-text-default-tertiary:var(--prim-white-400);--color-text-neutral-default:var(--prim-stone-200);--color-text-neutral-secondary:var(--prim-stone-300);--color-text-neutral-tertiary:var(--prim-stone-400);--color-text-neutral-on-neutral:var(--prim-stone-1000);--color-text-neutral-on-neutral-secondary:var(--prim-stone-100);--color-text-neutral-on-neutral-tertiary:var(--prim-stone-100);--color-text-brand-default:var(--prim-brand-100);--color-text-brand-secondary:var(--prim-brand-300);--color-text-brand-tertiary:var(--prim-brand-400);--color-text-brand-on-brand:var(--prim-brand-900);--color-text-brand-on-brand-secondary:var(--prim-brand-100);--color-text-brand-on-brand-tertiary:var(--prim-brand-100);--color-text-positive-default:var(--prim-green-200);--color-text-positive-secondary:var(--prim-green-400);--color-text-positive-tertiary:var(--prim-green-600);--color-text-positive-on-positive-secondary:var(--prim-green-100);--color-text-positive-on-positive-tertiary:var(--prim-green-100);--color-text-warning-default:var(--prim-yellow-200);--color-text-warning-secondary:var(--prim-yellow-400);--color-text-warning-on-warning-secondary:var(--prim-yellow-100);--color-text-warning-on-warning-tertiary:var(--prim-yellow-100);--color-text-danger-default:var(--prim-red-200);--color-text-danger-secondary:var(--prim-red-400);--color-text-danger-on-danger-secondary:var(--prim-red-100);--color-text-danger-on-danger-tertiary:var(--prim-red-100);--color-text-disabled-default:var(--prim-gray-500);--color-text-utilities-text-on-overlay:var(--prim-white-1000);--color-text-utilities-text-on-measurement:var(--prim-pink-200);--color-border-default-default:var(--prim-gray-600);--color-border-default-tertiary:var(--prim-gray-400);--color-border-neutral-default:var(--prim-stone-100);--color-border-neutral-secondary:var(--prim-stone-500);--color-border-neutral-tertiary:var(--prim-stone-600);--color-border-brand-default:var(--prim-brand-100);--color-border-brand-secondary:var(--prim-brand-300);--color-border-brand-tertiary:var(--prim-brand-400);--color-border-positive-default:var(--prim-green-200);--color-border-positive-secondary:var(--prim-green-400);--color-border-positive-tertiary:var(--prim-green-600);--color-border-warning-default:var(--prim-yellow-200);--color-border-warning-secondary:var(--prim-yellow-400);--color-border-danger-default:var(--prim-red-200);--color-border-danger-secondary:var(--prim-red-400);--color-border-disabled-default:var(--prim-gray-600);--color-border-utilities-measurement:var(--prim-pink-600);--color-border-utilities-swatch:hsla(0,0%,100%,.24);--color-icon-default-default:var(--prim-white-1000);--color-icon-default-secondary:var(--prim-white-500);--color-icon-default-tertiary:var(--prim-white-400);--color-icon-neutral-default:var(--prim-stone-200);--color-icon-neutral-secondary:var(--prim-stone-300);--color-icon-neutral-tertiary:var(--prim-stone-400);--color-icon-neutral-on-neutral:var(--prim-stone-1000);--color-icon-neutral-on-neutral-secondary:var(--prim-stone-100);--color-icon-neutral-on-neutral-tertiary:var(--prim-stone-100);--color-icon-brand-default:var(--prim-brand-100);--color-icon-brand-secondary:var(--prim-brand-300);--color-icon-brand-tertiary:var(--prim-brand-400);--color-icon-brand-on-brand:var(--prim-brand-900);--color-icon-brand-on-brand-secondary:var(--prim-brand-100);--color-icon-brand-on-brand-tertiary:var(--prim-brand-100);--color-icon-positive-default:var(--prim-green-200);--color-icon-positive-secondary:var(--prim-green-400);--color-icon-positive-tertiary:var(--prim-green-600);--color-icon-positive-on-positive-secondary:var(--prim-green-100);--color-icon-positive-on-positive-tertiary:var(--prim-green-100);--color-icon-warning-default:var(--prim-yellow-200);--color-icon-warning-secondary:var(--prim-yellow-400);--color-icon-warning-on-warning-secondary:var(--prim-yellow-100);--color-icon-warning-on-warning-tertiary:var(--prim-yellow-100);--color-icon-danger-default:var(--prim-red-200);--color-icon-danger-secondary:var(--prim-red-400);--color-icon-danger-on-danger-secondary:var(--prim-red-100);--color-icon-danger-on-danger-tertiary:var(--prim-red-100);--color-icon-disabled-default:var(--prim-gray-500);--color-icon-utilities-icon:var(--prim-pink-400);--color-icon-utilities-icon-on-measurement:var(--prim-pink-200);--color-graphic-blue:var(--prim-brand-100);--color-graphic-red:var(--prim-red-400)}:root{--typo-family-sans:Roboto;--typo-family-serif:"Noto Serif";--typo-family-mono:"Roboto Mono";--typo-scale-01:11px;--typo-scale-02:13px;--typo-scale-03:14px;--typo-scale-04:16px;--typo-scale-05:20px;--typo-scale-06:24px;--typo-scale-07:32px;--typo-scale-08:40px;--typo-scale-09:48px;--typo-scale-10:64px;--typo-scale-12:72px;--typo-weight-thin:100;--typo-weight-thin-italic:italic;--typo-weight-extra-light:200;--typo-weight-extralight-italic:italic;--typo-weight-light:300;--typo-weight-light-italic:italic;--typo-weight-regular:400;--typo-weight-regular-italic:italic;--typo-weight-medium:500;--typo-weight-medium-italic:italic;--typo-weight-semibold:600;--typo-weight-semibold-italic:italic;--typo-weight-bold:700;--typo-weight-bold-italic:italic;--typo-weight-extra-bold:800;--typo-weight-extra-bold-italic:italic;--typo-weight-black:900;--typo-weight-black-italic:italic;--typography-title-hero-font-family:var(--typo-family-sans);--typography-title-hero-size:var(--typo-scale-12);--typography-title-hero-font-weight:var(--typo-weight-bold);--typography-title-page-font-family:var(--typo-family-sans);--typography-title-page-size-small:var(--typo-scale-08);--typography-title-page-size-base:var(--typo-scale-09);--typography-title-page-size-large:var(--typo-scale-10);--typography-title-page-font-weight:var(--typo-weight-bold);--typography-subtitle-font-family:var(--typo-family-sans);--typography-subtitle-size-small:var(--typo-scale-06);--typography-subtitle-size-base:var(--typo-scale-07);--typography-subtitle-size-large:var(--typo-scale-08);--typography-subtitle-font-weight:var(--typo-weight-regular);--typography-heading-font-family:var(--typo-family-sans);--typography-heading-size-small:var(--typo-scale-05);--typography-heading-size-base:var(--typo-scale-06);--typography-heading-size-large:var(--typo-scale-07);--typography-heading-font-weight:var(--typo-weight-semibold);--typography-subheading-font-family:var(--typo-family-sans);--typography-subheading-size-small:var(--typo-scale-04);--typography-subheading-size-medium:var(--typo-scale-05);--typography-subheading-size-large:var(--typo-scale-06);--typography-subheading-font-weight:var(--typo-weight-regular);--typography-body-font-family:var(--typo-family-sans);--typography-body-size-tiny:var(--typo-scale-01);--typography-body-size-extra-small:var(--typo-scale-02);--typography-body-size-small:var(--typo-scale-03);--typography-body-size-medium:var(--typo-scale-04);--typography-body-size-large:var(--typo-scale-05);--typography-body-font-weight-regular:var(--typo-weight-regular);--typography-body-font-weight-strong:var(--typo-weight-semibold);--typography-body-font-style-italic:var(--typo-weight-regular-italic);--typography-code-font-family:var(--typo-family-mono);--typography-code-size-small:var(--typography-body-size-small);--typography-code-size-base:var(--typography-body-size-medium);--typography-code-size-large:var(--typography-body-size-large);--typography-code-font-weight:var(--typography-body-font-weight-regular);--size-space-100:4px;--size-space-200:8px;--size-space-300:12px;--size-space-400:16px;--size-space-500:20px;--size-space-600:24px;--size-space-700:28px;--size-space-800:32px;--size-space-1000:40px;--size-space-1200:48px;--size-space-1600:64px;--size-space-2400:96px;--size-space-4000:160px;--size-space-negative-100:-4px;--size-space-negative-200:-8px;--size-space-negative-300:-12px;--size-space-negative-400:-16px;--size-space-negative-600:-24px;--size-radius-100:4px;--size-radius-200:8px;--size-radius-300:12px;--size-radius-400:16px;--size-radius-xl:24px;--size-radius-full:9999px;--size-depth-0:0px;--size-depth-025:1px;--size-depth-100:4px;--size-depth-400:16px;--size-depth-800:32px;--size-depth-negative-025:-1px;--size-depth-negative-100:-4px;--size-depth-negative-200:-8px;--size-blur-100:4px;--size-stroke-border:1px;--effect-shadow-100:0 var(--size-depth-025) var(--size-depth-100) 0 var(--prim-black-100);--effect-shadow-200:0 var(--size-depth-025) var(--size-depth-100) 0 var(--prim-black-100),0 var(--size-depth-025) var(--size-depth-100) 0 var(--prim-black-200);--effect-shadow-300:0 var(--size-depth-100) var(--size-depth-100) var(--size-depth-negative-025) var(--prim-black-100),0 var(--size-depth-100) var(--size-depth-100) var(--size-depth-negative-025) var(--prim-black-200);--effect-shadow-400:0 var(--size-depth-100) var(--size-depth-100) var(--size-depth-negative-100) var(--prim-black-100),0 var(--size-depth-400) var(--size-depth-800) var(--size-depth-negative-100) var(--prim-black-200);--effect-shadow-500:0 var(--size-depth-100) var(--size-depth-100) var(--size-depth-negative-100) var(--prim-black-100),0 var(--size-depth-400) var(--size-depth-400) var(--size-depth-negative-200) var(--prim-black-200);--effect-shadow-600:0 var(--size-depth-400) var(--size-depth-800) var(--size-depth-negative-200) var(--prim-black-400);--effect-inner-shadow-100:inset 0 var(--size-depth-025) var(--size-blur-100) 0 var(--prim-black-100);--effect-inner-shadow-200:inset 0 var(--size-depth-025) var(--size-depth-100) 0 var(--prim-black-100);--effect-inner-shadow-300:inset 0 var(--size-depth-100) var(--size-depth-100) var(--size-depth-negative-025) var(--prim-black-100);--effect-inner-shadow-400:inset 0 var(--size-depth-400) var(--size-depth-800) var(--size-depth-negative-100) var(--prim-black-200);--effect-inner-shadow-500:inset 0 var(--size-depth-400) var(--size-depth-400) var(--size-depth-negative-200) var(--prim-black-200);--effect-inner-shadow-600:inset 0 var(--size-depth-400) var(--size-depth-800) var(--size-depth-negative-200) var(--prim-black-400);--effect-blur-overlay:blur(var(--size-blur-100));--effect-blur-glass:blur(var(--size-blur-100));--effect-blur-layer:blur(var(--size-blur-100));--gradient-brand-n-s:linear-gradient(to bottom,var(--color-graphic-blue) 30%,var(--color-graphic-red) 100%);--gradient-brand-ne-sw:linear-gradient(225deg,var(--color-graphic-blue) 30%,var(--color-graphic-red) 100%);--gradient-brand-e-w:linear-gradient(to left,var(--color-graphic-blue) 30%,var(--color-graphic-red) 100%);--gradient-brand-se-nw:linear-gradient(315deg,var(--color-graphic-blue) 30%,var(--color-graphic-red) 100%);--gradient-brand-s-n:linear-gradient(to top,var(--color-graphic-blue) 30%,var(--color-graphic-red) 100%);--gradient-brand-sw-ne:linear-gradient(45deg,var(--color-graphic-blue) 30%,var(--color-graphic-red) 100%);--gradient-brand-w-e:linear-gradient(to right,var(--color-graphic-blue) 30%,var(--color-graphic-red) 100%);--gradient-brand-nw-se:linear-gradient(135deg,var(--color-graphic-blue) 30%,var(--color-graphic-red) 100%)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-right-3{right:-.75rem}.-right-px{right:-1px}.-top-px{top:-1px}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-0{left:0}.left-0\.5{left:.125rem}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-full{left:100%}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0\.5{top:.125rem}.top-5{top:1.25rem}.top-full{top:100%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mb-1{margin-bottom:.25rem}.ml-2{margin-left:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-1\.5{width:.375rem;height:.375rem}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-2{width:.5rem;height:.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-full{width:100%;height:100%}.h-1\.5{height:.375rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[34px\]{height:34px}.h-full{height:100%}.h-px{height:1px}.max-h-64{max-height:16rem}.min-h-0{min-height:0}.min-h-20{min-height:5rem}.min-h-\[52px\]{min-height:52px}.min-h-\[68px\]{min-height:68px}.w-10{width:2.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-36{width:9rem}.w-80{width:20rem}.w-\[34px\]{width:34px}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-6{min-width:1.5rem}.max-w-2xl{max-width:42rem}.max-w-\[540px\]{max-width:540px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x:1rem}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-\[3px\]{gap:3px}.-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.5rem*var(--tw-space-x-reverse));margin-left:calc(-.5rem*(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#ececec\]{--tw-border-opacity:1;border-color:rgb(236 236 236/var(--tw-border-opacity,1))}.border-background-brand{border-color:var(--color-background-brand-default)}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white\/70{border-color:hsla(0,0%,100%,.7)}.bg-\[\#e6f4ea\]{--tw-bg-opacity:1;background-color:rgb(230 244 234/var(--tw-bg-opacity,1))}.bg-\[\#e9eff7\]{--tw-bg-opacity:1;background-color:rgb(233 239 247/var(--tw-bg-opacity,1))}.bg-\[\#fbe6cf\]{--tw-bg-opacity:1;background-color:rgb(251 230 207/var(--tw-bg-opacity,1))}.bg-\[\#fee2e2\]{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-border-default{background-color:var(--color-border-default-default)}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-text-default{background-color:var(--color-text-default-default)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/50{background-color:hsla(0,0%,100%,.5)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-amber-50{--tw-gradient-from:#fffbeb var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,251,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-50{--tw-gradient-from:#ecfdf5 var(--tw-gradient-from-position);--tw-gradient-to:rgba(236,253,245,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-cyan-50{--tw-gradient-to:#ecfeff var(--tw-gradient-to-position)}.to-lime-50{--tw-gradient-to:#f7fee7 var(--tw-gradient-to-position)}.to-orange-50{--tw-gradient-to:#fff7ed var(--tw-gradient-to-position)}.to-slate-50{--tw-gradient-to:#f8fafc var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[14px\]{padding-top:14px;padding-bottom:14px}.py-\[5px\]{padding-top:5px;padding-bottom:5px}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pr-10{padding-right:2.5rem}.pr-3{padding-right:.75rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-7{padding-right:1.75rem}.pr-8{padding-right:2rem}.pr-9{padding-right:2.25rem}.pt-0\.5{padding-top:.125rem}.pt-1\.5{padding-top:.375rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-body{font-size:16px;line-height:1.5}.text-body-sm{font-size:14px;line-height:1.5}.text-body-tiny{font-size:11px;line-height:1.4}.text-body-xs{font-size:13px;line-height:1.4}.text-heading{font-size:24px;line-height:1.3}.text-heading-sm{font-size:20px;line-height:1.3}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal,.font-regular{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-\[1\.4\]{line-height:1.4}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-\[\#0c2d58\]{--tw-text-opacity:1;color:rgb(12 45 88/var(--tw-text-opacity,1))}.text-\[\#1f7a3d\]{--tw-text-opacity:1;color:rgb(31 122 61/var(--tw-text-opacity,1))}.text-\[\#9a6206\]{--tw-text-opacity:1;color:rgb(154 98 6/var(--tw-text-opacity,1))}.text-\[\#b91c1c\]{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-icon-brand{color:var(--color-icon-brand-default)}.text-icon-brand-on-brand{color:var(--color-icon-brand-on-brand)}.text-icon-default-secondary{color:var(--color-icon-default-secondary)}.text-icon-disabled{color:var(--color-icon-disabled-default)}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-panel{--tw-shadow:0 2px 16px 0 rgba(0,0,0,.08);--tw-shadow-colored:0 2px 16px 0 var(--tw-shadow-color)}.shadow-panel,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.drop-shadow-sm,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.hover\:underline:hover{text-decoration-line:underline}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border:disabled{border-width:1px}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:size-5 svg{width:1.25rem;height:1.25rem}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@platned/ui",
3
- "version": "0.1.3",
3
+ "version": "0.1.4",
4
4
  "description": "Platned Design System — React component library",
5
5
  "license": "UNLICENSED",
6
6
  "author": "Platned",
@@ -37,6 +37,7 @@
37
37
  "build": "tsup && node scripts/build-css.mjs",
38
38
  "build:watch": "tsup --watch",
39
39
  "typecheck": "tsc --noEmit",
40
+ "preversion": "node -e \"console.log('\\n Reminder: update CHANGELOG.md before this release runs.\\n')\"",
40
41
  "prepublishOnly": "npm run build && npm run typecheck",
41
42
  "docs": "npm run dev --prefix docs",
42
43
  "docs:build": "npm run build --prefix docs"
package/tailwind-preset.js CHANGED
@@ -2,62 +2,80 @@
2
2
  module.exports = {
3
3
  theme: {
4
4
  extend: {
5
- colors: {
6
- // ── Background ──────────────────────────────────────────────────────
7
- 'background-brand': 'var(--color-background-brand-default)',
8
- 'background-brand-hover': 'var(--color-background-brand-hover)',
9
- 'background-brand-secondary': 'var(--color-background-brand-secondary)',
10
- 'background-brand-secondary-hover': 'var(--color-background-brand-secondary-hover)',
11
- 'background-brand-tertiary': 'var(--color-background-brand-tertiary)',
12
- 'background-brand-tertiary-hover': 'var(--color-background-brand-tertiary-hover)',
13
- 'background-default': 'var(--color-background-default-default)',
14
- 'background-default-hover': 'var(--color-background-default-default-hover)',
15
- 'background-default-secondary': 'var(--color-background-default-secondary)',
16
- 'background-default-secondary-hover': 'var(--color-background-default-secondary-hover)',
17
- 'background-default-tertiary': 'var(--color-background-default-tertiary)',
18
- 'background-neutral-tertiary': 'var(--color-background-neutral-tertiary)',
19
- 'background-neutral-tertiary-hover': 'var(--color-background-neutral-tertiary-hover)',
20
- 'background-danger': 'var(--color-background-danger-default)',
21
- 'background-danger-hover': 'var(--color-background-danger-hover)',
22
- 'background-danger-secondary': 'var(--color-background-danger-secondary)',
23
- 'background-danger-tertiary': 'var(--color-background-danger-tertiary)',
24
- 'background-danger-tertiary-hover': 'var(--color-background-danger-tertiary-hover)',
25
- 'background-positive-tertiary': 'var(--color-background-positive-tertiary)',
26
- 'background-warning-tertiary': 'var(--color-background-warning-tertiary)',
27
- 'background-disabled': 'var(--color-background-disabled-default)',
5
+ backgroundColor: {
6
+ // ── Brand ────────────────────────────────────────────────────────────
7
+ 'brand': 'var(--color-background-brand-default)',
8
+ 'brand-hover': 'var(--color-background-brand-hover)',
9
+ 'brand-secondary': 'var(--color-background-brand-secondary)',
10
+ 'brand-secondary-hover': 'var(--color-background-brand-secondary-hover)',
11
+ 'brand-tertiary': 'var(--color-background-brand-tertiary)',
12
+ 'brand-tertiary-hover': 'var(--color-background-brand-tertiary-hover)',
13
+ // ── Default / Neutral ─────────────────────────────────────────────────
14
+ 'default': 'var(--color-background-default-default)',
15
+ 'default-hover': 'var(--color-background-default-default-hover)',
16
+ 'default-secondary': 'var(--color-background-default-secondary)',
17
+ 'default-secondary-hover': 'var(--color-background-default-secondary-hover)',
18
+ 'default-tertiary': 'var(--color-background-default-tertiary)',
19
+ 'neutral-tertiary': 'var(--color-background-neutral-tertiary)',
20
+ 'neutral-tertiary-hover': 'var(--color-background-neutral-tertiary-hover)',
21
+ // ── Danger ───────────────────────────────────────────────────────────
22
+ 'danger': 'var(--color-background-danger-default)',
23
+ 'danger-hover': 'var(--color-background-danger-hover)',
24
+ 'danger-secondary': 'var(--color-background-danger-secondary)',
25
+ 'danger-tertiary': 'var(--color-background-danger-tertiary)',
26
+ 'danger-tertiary-hover': 'var(--color-background-danger-tertiary-hover)',
27
+ // ── Positive / Warning ────────────────────────────────────────────────
28
+ 'positive-tertiary': 'var(--color-background-positive-tertiary)',
29
+ 'warning-tertiary': 'var(--color-background-warning-tertiary)',
30
+ // ── Disabled ──────────────────────────────────────────────────────────
31
+ 'disabled': 'var(--color-background-disabled-default)',
32
+ },
28
33
 
29
- // ── Border ──────────────────────────────────────────────────────────
30
- 'border-default': 'var(--color-border-default-default)',
31
- 'border-default-secondary': 'var(--color-border-default-secondary)',
32
- 'border-brand': 'var(--color-border-brand-default)',
33
- 'border-brand-secondary': 'var(--color-border-brand-secondary)',
34
- 'border-brand-tertiary': 'var(--color-border-brand-tertiary)',
35
- 'border-danger': 'var(--color-border-danger-default)',
36
- 'border-danger-secondary': 'var(--color-border-danger-secondary)',
37
- 'border-disabled': 'var(--color-border-disabled-default)',
34
+ borderColor: {
35
+ 'default': 'var(--color-border-default-default)',
36
+ 'default-secondary': 'var(--color-border-default-secondary)',
37
+ 'brand': 'var(--color-border-brand-default)',
38
+ 'brand-secondary': 'var(--color-border-brand-secondary)',
39
+ 'brand-tertiary': 'var(--color-border-brand-tertiary)',
40
+ 'danger': 'var(--color-border-danger-default)',
41
+ 'danger-secondary': 'var(--color-border-danger-secondary)',
42
+ 'disabled': 'var(--color-border-disabled-default)',
43
+ },
38
44
 
39
- // ── Text ────────────────────────────────────────────────────────────
40
- 'text-default': 'var(--color-text-default-default)',
41
- 'text-default-secondary': 'var(--color-text-default-secondary)',
42
- 'text-default-tertiary': 'var(--color-text-default-tertiary)',
43
- 'text-brand': 'var(--color-text-brand-default)',
44
- 'text-brand-on-brand': 'var(--color-text-brand-on-brand)',
45
- 'text-neutral': 'var(--color-text-neutral-default)',
46
- 'text-positive': 'var(--color-text-positive-default)',
47
- 'text-danger': 'var(--color-text-danger-default)',
48
- 'text-danger-on-danger': 'var(--color-text-danger-on-danger)',
49
- 'text-disabled': 'var(--color-text-disabled-default)',
50
- 'text-disabled-on-disabled': 'var(--color-text-disabled-on-disabled)',
45
+ // ringColor mirrors borderColor — focus rings use the same border token values
46
+ ringColor: {
47
+ 'default': 'var(--color-border-default-default)',
48
+ 'default-secondary': 'var(--color-border-default-secondary)',
49
+ 'brand': 'var(--color-border-brand-default)',
50
+ 'brand-secondary': 'var(--color-border-brand-secondary)',
51
+ 'brand-tertiary': 'var(--color-border-brand-tertiary)',
52
+ 'danger': 'var(--color-border-danger-default)',
53
+ 'danger-secondary': 'var(--color-border-danger-secondary)',
54
+ 'disabled': 'var(--color-border-disabled-default)',
55
+ },
51
56
 
52
- // ── Icon ────────────────────────────────────────────────────────────
53
- 'icon-default': 'var(--color-icon-default-default)',
54
- 'icon-default-secondary': 'var(--color-icon-default-secondary)',
55
- 'icon-brand': 'var(--color-icon-brand-default)',
56
- 'icon-brand-on-brand': 'var(--color-icon-brand-on-brand)',
57
- 'icon-disabled': 'var(--color-icon-disabled-default)',
58
- 'icon-danger': 'var(--color-icon-danger-default)',
59
- 'icon-positive': 'var(--color-icon-positive-default)',
57
+ textColor: {
58
+ 'default': 'var(--color-text-default-default)',
59
+ 'default-secondary': 'var(--color-text-default-secondary)',
60
+ 'default-tertiary': 'var(--color-text-default-tertiary)',
61
+ 'brand': 'var(--color-text-brand-default)',
62
+ 'brand-on-brand': 'var(--color-text-brand-on-brand)',
63
+ 'neutral': 'var(--color-text-neutral-default)',
64
+ 'positive': 'var(--color-text-positive-default)',
65
+ 'danger': 'var(--color-text-danger-default)',
66
+ 'danger-on-danger': 'var(--color-text-danger-on-danger)',
67
+ 'disabled': 'var(--color-text-disabled-default)',
68
+ 'disabled-on-disabled': 'var(--color-text-disabled-on-disabled)',
69
+ // ── Icon (SVG currentColor) ───────────────────────────────────────────
70
+ 'icon-default': 'var(--color-icon-default-default)',
71
+ 'icon-default-secondary': 'var(--color-icon-default-secondary)',
72
+ 'icon-brand': 'var(--color-icon-brand-default)',
73
+ 'icon-brand-on-brand': 'var(--color-icon-brand-on-brand)',
74
+ 'icon-disabled': 'var(--color-icon-disabled-default)',
75
+ 'icon-danger': 'var(--color-icon-danger-default)',
76
+ 'icon-positive': 'var(--color-icon-positive-default)',
60
77
  },
78
+
61
79
  fontSize: {
62
80
  'body-tiny': ['11px', { lineHeight: '1.4' }],
63
81
  'body-xs': ['13px', { lineHeight: '1.4' }],
@@ -69,6 +87,35 @@ module.exports = {
69
87
  fontWeight: {
70
88
  regular: '400',
71
89
  },
90
+ // Brand directional gradients — bg-gradient-brand-{direction}
91
+ backgroundImage: {
92
+ 'gradient-brand-n-s': 'var(--gradient-brand-n-s)',
93
+ 'gradient-brand-ne-sw': 'var(--gradient-brand-ne-sw)',
94
+ 'gradient-brand-e-w': 'var(--gradient-brand-e-w)',
95
+ 'gradient-brand-se-nw': 'var(--gradient-brand-se-nw)',
96
+ 'gradient-brand-s-n': 'var(--gradient-brand-s-n)',
97
+ 'gradient-brand-sw-ne': 'var(--gradient-brand-sw-ne)',
98
+ 'gradient-brand-w-e': 'var(--gradient-brand-w-e)',
99
+ 'gradient-brand-nw-se': 'var(--gradient-brand-nw-se)',
100
+ },
101
+
102
+ // gradientColorStops mirrors backgroundColor — from-*/to-*/via-* utilities use `colors`, not backgroundColor
103
+ gradientColorStops: {
104
+ 'brand': 'var(--color-background-brand-default)',
105
+ 'brand-hover': 'var(--color-background-brand-hover)',
106
+ 'brand-secondary': 'var(--color-background-brand-secondary)',
107
+ 'brand-tertiary': 'var(--color-background-brand-tertiary)',
108
+ 'brand-tertiary-hover': 'var(--color-background-brand-tertiary-hover)',
109
+ 'default': 'var(--color-background-default-default)',
110
+ 'default-hover': 'var(--color-background-default-default-hover)',
111
+ 'default-secondary': 'var(--color-background-default-secondary)',
112
+ 'default-tertiary': 'var(--color-background-default-tertiary)',
113
+ 'danger': 'var(--color-background-danger-default)',
114
+ 'danger-secondary': 'var(--color-background-danger-secondary)',
115
+ 'danger-tertiary': 'var(--color-background-danger-tertiary)',
116
+ 'positive-tertiary': 'var(--color-background-positive-tertiary)',
117
+ 'warning-tertiary': 'var(--color-background-warning-tertiary)',
118
+ },
72
119
  boxShadow: {
73
120
  panel: '0 2px 16px 0 rgba(0,0,0,0.08)',
74
121
  },