@platned/ui 0.1.4 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/index.cjs +3211 -480
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +1516 -105
  4. package/dist/index.d.ts +1516 -105
  5. package/dist/index.js +3109 -457
  6. package/dist/index.js.map +1 -1
  7. package/dist/sidebar.cjs +51 -125
  8. package/dist/sidebar.cjs.map +1 -1
  9. package/dist/sidebar.d.cts +20 -1
  10. package/dist/sidebar.d.ts +20 -1
  11. package/dist/sidebar.js +78 -137
  12. package/dist/sidebar.js.map +1 -1
  13. package/dist/styles.css +1 -1
  14. package/package.json +7 -5
  15. package/tailwind-preset.cjs +240 -0
  16. package/tailwind-preset.js +0 -124
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));--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}
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%);--badge-gray-bg:var(--prim-gray-100);--badge-red-bg:var(--prim-red-100);--badge-yellow-bg:var(--prim-yellow-200);--badge-lime-bg:var(--prim-lime-200);--badge-green-bg:var(--prim-green-200);--badge-teal-bg:var(--prim-teal-200);--badge-blue-bg:var(--prim-blue-200);--badge-pink-bg:var(--prim-pink-100);--badge-slate-bg:var(--prim-slate-100);--badge-gray-text:var(--prim-gray-500);--badge-red-text:var(--prim-red-600);--badge-yellow-text:var(--prim-yellow-700);--badge-lime-text:var(--prim-lime-700);--badge-green-text:var(--prim-green-700);--badge-teal-text:var(--prim-teal-800);--badge-blue-text:var(--prim-blue-700);--badge-pink-text:var(--prim-pink-700);--badge-slate-text:var(--prim-blue-900);--status-neutral-bg:var(--prim-gray-100);--status-info-bg:var(--prim-blue-200);--status-warning-bg:var(--prim-yellow-200);--status-caution-bg:var(--prim-yellow-100);--status-accent-bg:var(--prim-pink-200);--status-positive-bg:var(--prim-green-200);--status-danger-bg:var(--prim-red-100);--status-neutral-text:var(--prim-gray-500);--status-info-text:var(--prim-blue-900);--status-warning-text:var(--prim-yellow-700);--status-caution-text:var(--prim-yellow-800);--status-accent-text:var(--prim-pink-800);--status-positive-text:var(--prim-green-700);--status-danger-text:var(--prim-red-700);--status-neutral-dot:var(--prim-gray-500);--status-info-dot:var(--prim-blue-500);--status-warning-dot:var(--prim-yellow-500);--status-caution-dot:var(--prim-yellow-600);--status-accent-dot:var(--prim-pink-500);--status-positive-dot:var(--prim-green-500);--status-danger-dot:var(--prim-red-500);--status-check-passed-bg:var(--prim-green-200);--status-check-passed-ring:var(--prim-green-700);--status-check-progress-bg:var(--prim-yellow-200);--status-check-progress-ring:var(--prim-yellow-700);--status-check-failed-bg:var(--prim-red-200);--status-check-failed-ring:var(--prim-red-600);--status-check-pending-bg:var(--prim-gray-200);--status-check-pending-ring:var(--prim-gray-500)}*,: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}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-left-24{left:-6rem}.-right-3{right:-.75rem}.-right-px{right:-1px}.-top-24{top:-6rem}.-top-28{top:-7rem}.-top-px{top:-1px}.bottom-0{bottom:0}.bottom-\[-10\%\]{bottom:-10%}.bottom-\[-6\%\]{bottom:-6%}.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-\[20\%\]{left:20%}.left-\[4\%\]{left:4%}.left-full{left:100%}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.right-\[-4\%\]{right:-4%}.right-\[14\%\]{right:14%}.top-0\.5{top:.125rem}.top-5{top:1.25rem}.top-\[30\%\]{top:30%}.top-full{top:100%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-top:.25rem}.mb-1,.my-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-px{margin-top:1px}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.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-3\.5{width:.875rem;height:.875rem}.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-\[18px\]{width:18px;height:18px}.size-\[22px\]{width:22px;height:22px}.size-\[34px\]{width:34px;height:34px}.size-full{width:100%;height:100%}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-full{height:100%}.h-px{height:1px}.max-h-64{max-height:16rem}.max-h-\[92dvh\]{max-height:92dvh}.min-h-0{min-height:0}.min-h-20{min-height:5rem}.min-h-\[52px\]{min-height:52px}.min-h-\[56px\]{min-height:56px}.min-h-\[68px\]{min-height:68px}.min-h-\[72px\]{min-height:72px}.w-0\.5{width:.125rem}.w-1\.5{width:.375rem}.w-11{width:2.75rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-36{width:9rem}.w-4{width:1rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[106px\]{width:106px}.w-\[120px\]{width:120px}.w-\[14px\]{width:14px}.w-\[440px\]{width:440px}.w-\[96px\]{width:96px}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-6{min-width:1.5rem}.min-w-\[148px\]{min-width:148px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-\[540px\]{max-width:540px}.max-w-\[90vw\]{max-width:90vw}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.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}.translate-x-5{--tw-translate-x:1.25rem}.-rotate-90,.translate-x-5{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))}.-rotate-90{--tw-rotate:-90deg}.transform{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))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.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}.columns-1{-moz-columns:1;column-count:1}.columns-2{-moz-columns:2;column-count:2}.columns-3{-moz-columns:3;column-count:3}.break-inside-avoid{-moz-column-break-inside:avoid;break-inside:avoid}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.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-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\[3px\]{gap:3px}.gap-px{gap:1px}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-0\.5{row-gap:.125rem}.gap-y-2{row-gap:.5rem}.gap-y-3\.5{row-gap:.875rem}.-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)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-\[color\:var\(--color-border-default-default\)\]>:not([hidden])~:not([hidden]){border-color:var(--color-border-default-default)}.self-center{align-self:center}.self-stretch{align-self:stretch}.justify-self-end{justify-self:end}.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-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-badge-blue{border-color:var(--badge-blue-bg)}.border-badge-gray{border-color:var(--color-border-default-default)}.border-badge-green{border-color:var(--badge-green-bg)}.border-badge-lime{border-color:var(--badge-lime-bg)}.border-badge-pink{border-color:var(--badge-pink-bg)}.border-badge-red{border-color:var(--badge-red-bg)}.border-badge-slate{border-color:var(--badge-slate-bg)}.border-badge-teal{border-color:var(--badge-teal-bg)}.border-badge-yellow{border-color:var(--badge-yellow-bg)}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-brand{border-color:var(--color-border-brand-default)}.border-brand-emphasis{border-color:var(--color-background-brand-default)}.border-brand-tertiary{border-color:var(--color-border-brand-tertiary)}.border-danger{border-color:var(--color-border-danger-default)}.border-danger-secondary{border-color:var(--color-border-danger-secondary)}.border-danger-tertiary{border-color:var(--color-border-danger-tertiary)}.border-default{border-color:var(--color-border-default-default)}.border-default-secondary{border-color:var(--color-border-default-secondary)}.border-disabled{border-color:var(--color-border-disabled-default)}.border-positive-tertiary{border-color:var(--color-border-positive-tertiary)}.border-status-check-failed{border-color:var(--status-check-failed-ring)}.border-status-check-passed{border-color:var(--status-check-passed-ring)}.border-status-check-pending{border-color:var(--status-check-pending-ring)}.border-status-check-progress{border-color:var(--status-check-progress-ring)}.border-transparent{border-color:transparent}.border-warning-tertiary{border-color:var(--color-border-warning-tertiary)}.border-t-transparent{border-top-color:transparent}.bg-\[\#e7edfb\]{--tw-bg-opacity:1;background-color:rgb(231 237 251/var(--tw-bg-opacity,1))}.bg-badge-blue{background-color:var(--badge-blue-bg)}.bg-badge-gray{background-color:var(--badge-gray-bg)}.bg-badge-green{background-color:var(--badge-green-bg)}.bg-badge-lime{background-color:var(--badge-lime-bg)}.bg-badge-pink{background-color:var(--badge-pink-bg)}.bg-badge-red{background-color:var(--badge-red-bg)}.bg-badge-slate{background-color:var(--badge-slate-bg)}.bg-badge-teal{background-color:var(--badge-teal-bg)}.bg-badge-yellow{background-color:var(--badge-yellow-bg)}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-brand{background-color:var(--color-background-brand-default)}.bg-brand-hover{background-color:var(--color-background-brand-hover)}.bg-brand-tertiary{background-color:var(--color-background-brand-tertiary)}.bg-current{background-color:currentColor}.bg-danger{background-color:var(--color-background-danger-default)}.bg-danger-tertiary{background-color:var(--color-background-danger-tertiary)}.bg-default{background-color:var(--color-background-default-default)}.bg-default-secondary{background-color:var(--color-background-default-secondary)}.bg-default-tertiary{background-color:var(--color-background-default-tertiary)}.bg-disabled{background-color:var(--color-background-disabled-default)}.bg-divider{background-color:var(--color-border-default-default)}.bg-neutral-tertiary{background-color:var(--color-background-neutral-tertiary)}.bg-overlay{background-color:var(--color-background-utilities-overlay)}.bg-positive{background-color:var(--color-background-positive-default)}.bg-positive-tertiary{background-color:var(--color-background-positive-tertiary)}.bg-status-accent{background-color:var(--status-accent-bg)}.bg-status-caution{background-color:var(--status-caution-bg)}.bg-status-check-failed{background-color:var(--status-check-failed-bg)}.bg-status-check-passed{background-color:var(--status-check-passed-bg)}.bg-status-check-pending{background-color:var(--status-check-pending-bg)}.bg-status-check-progress{background-color:var(--status-check-progress-bg)}.bg-status-danger{background-color:var(--status-danger-bg)}.bg-status-dot-accent{background-color:var(--status-accent-dot)}.bg-status-dot-caution{background-color:var(--status-caution-dot)}.bg-status-dot-danger{background-color:var(--status-danger-dot)}.bg-status-dot-info{background-color:var(--status-info-dot)}.bg-status-dot-neutral{background-color:var(--status-neutral-dot)}.bg-status-dot-positive{background-color:var(--status-positive-dot)}.bg-status-dot-warning{background-color:var(--status-warning-dot)}.bg-status-info{background-color:var(--status-info-bg)}.bg-status-neutral{background-color:var(--status-neutral-bg)}.bg-status-positive{background-color:var(--status-positive-bg)}.bg-status-warning{background-color:var(--status-warning-bg)}.bg-transparent{background-color:transparent}.bg-warning{background-color:var(--color-background-warning-default)}.bg-warning-tertiary{background-color:var(--color-background-warning-tertiary)}.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)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.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-5{padding-left:1.25rem;padding-right:1.25rem}.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-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.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-8{padding-top:2rem;padding-bottom:2rem}.py-\[14px\]{padding-top:14px;padding-bottom:14px}.py-\[5px\]{padding-top:5px;padding-bottom:5px}.py-px{padding-top:1px;padding-bottom:1px}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pl-12{padding-left:3rem}.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-12{padding-right:3rem}.pr-14{padding-right:3.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-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[18px\]{font-size:18px}.text-\[9px\]{font-size:9px}.text-body{font-size:16px;line-height:1.4}.text-body-sm{font-size:14px;line-height:1.4}.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-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-subheading{font-size:20px;line-height:1.4}.text-subheading-sm{font-size:16px;line-height:1.4}.text-subtitle{font-size:32px;line-height:1.2}.text-subtitle-lg{font-size:40px;line-height:1.2}.text-title{font-size:48px;line-height:1.2}.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}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\.4\]{line-height:1.4}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.4px\]{letter-spacing:.4px}.tracking-\[0\.66px\]{letter-spacing:.66px}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#1d4ed8\]{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-badge-blue{color:var(--badge-blue-text)}.text-badge-gray{color:var(--badge-gray-text)}.text-badge-green{color:var(--badge-green-text)}.text-badge-lime{color:var(--badge-lime-text)}.text-badge-pink{color:var(--badge-pink-text)}.text-badge-red{color:var(--badge-red-text)}.text-badge-slate{color:var(--badge-slate-text)}.text-badge-teal{color:var(--badge-teal-text)}.text-badge-yellow{color:var(--badge-yellow-text)}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-brand{color:var(--color-text-brand-default)}.text-brand-emphasis{color:var(--color-background-brand-default)}.text-brand-on-brand{color:var(--color-text-brand-on-brand)}.text-danger{color:var(--color-text-danger-default)}.text-danger-on-danger{color:var(--color-text-danger-on-danger)}.text-default{color:var(--color-text-default-default)}.text-default-secondary{color:var(--color-text-default-secondary)}.text-default-tertiary{color:var(--color-text-default-tertiary)}.text-disabled{color:var(--color-text-disabled-default)}.text-icon-brand{color:var(--color-icon-brand-default)}.text-icon-brand-on-brand{color:var(--color-icon-brand-on-brand)}.text-icon-danger{color:var(--color-icon-danger-default)}.text-icon-default{color:var(--color-icon-default-default)}.text-icon-default-secondary{color:var(--color-icon-default-secondary)}.text-icon-disabled{color:var(--color-icon-disabled-default)}.text-icon-neutral{color:var(--color-icon-neutral-default)}.text-icon-positive{color:var(--color-icon-positive-default)}.text-icon-warning{color:var(--color-icon-warning-default)}.text-neutral{color:var(--color-text-neutral-default)}.text-positive{color:var(--color-text-positive-default)}.text-status-accent{color:var(--status-accent-text)}.text-status-caution{color:var(--status-caution-text)}.text-status-check-failed{color:var(--status-check-failed-ring)}.text-status-check-passed{color:var(--status-check-passed-ring)}.text-status-check-pending{color:var(--status-check-pending-ring)}.text-status-check-progress{color:var(--status-check-progress-ring)}.text-status-danger{color:var(--status-danger-text)}.text-status-info{color:var(--status-info-text)}.text-status-neutral{color:var(--status-neutral-text)}.text-status-positive{color:var(--status-positive-text)}.text-status-warning{color:var(--status-warning-text)}.text-warning{color:var(--color-text-warning-default)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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-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-md,.shadow-panel{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--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(3px + 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)}.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)}.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-opacity{transition-property:opacity;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-default-tertiary::-moz-placeholder{color:var(--color-text-default-tertiary)}.placeholder\:text-default-tertiary::placeholder{color:var(--color-text-default-tertiary)}.placeholder\:text-disabled::-moz-placeholder{color:var(--color-text-disabled-default)}.placeholder\:text-disabled::placeholder{color:var(--color-text-disabled-default)}.last\:mb-0:last-child{margin-bottom:0}.hover\:border-brand:hover{border-color:var(--color-border-brand-default)}.hover\:border-brand-tertiary:hover{border-color:var(--color-border-brand-tertiary)}.hover\:border-danger:hover{border-color:var(--color-border-danger-default)}.hover\:border-default:hover{border-color:var(--color-border-default-default)}.hover\:border-default-secondary:hover{border-color:var(--color-border-default-secondary)}.hover\:bg-brand-hover:hover{background-color:var(--color-background-brand-hover)}.hover\:bg-brand-tertiary:hover{background-color:var(--color-background-brand-tertiary)}.hover\:bg-brand-tertiary-hover:hover{background-color:var(--color-background-brand-tertiary-hover)}.hover\:bg-danger-hover:hover{background-color:var(--color-background-danger-hover)}.hover\:bg-danger-tertiary:hover{background-color:var(--color-background-danger-tertiary)}.hover\:bg-danger-tertiary-hover:hover{background-color:var(--color-background-danger-tertiary-hover)}.hover\:bg-default-hover:hover{background-color:var(--color-background-default-default-hover)}.hover\:bg-default-secondary:hover{background-color:var(--color-background-default-secondary)}.hover\:bg-default-secondary-hover:hover{background-color:var(--color-background-default-secondary-hover)}.hover\:bg-neutral-tertiary-hover:hover{background-color:var(--color-background-neutral-tertiary-hover)}.hover\:text-brand:hover{color:var(--color-text-brand-default)}.hover\:text-default:hover{color:var(--color-text-default-default)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:border-brand-secondary:focus{border-color:var(--color-border-brand-secondary)}.focus\:border-danger-secondary:focus{border-color:var(--color-border-danger-secondary)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.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-brand-secondary:focus{--tw-ring-color:var(--color-border-brand-secondary)}.focus\:ring-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\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:-outline-offset-2:focus-visible{outline-offset:-2px}.focus-visible\:outline-brand:focus-visible{outline-color:var(--color-border-brand-default)}.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-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-disabled:disabled{border-color:var(--color-border-disabled-default)}.disabled\:bg-disabled:disabled{background-color:var(--color-background-disabled-default)}.disabled\:text-disabled:disabled{color:var(--color-text-disabled-default)}.disabled\:text-disabled-on-disabled:disabled{color:var(--color-text-disabled-on-disabled)}.group:hover .group-hover\:bg-brand-hover{background-color:var(--color-background-brand-hover)}.group:hover .group-hover\:bg-default-secondary-hover{background-color:var(--color-background-default-secondary-hover)}.peer:focus-visible~.peer-focus-visible\:ring-2{--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)}.peer:focus-visible~.peer-focus-visible\:ring-brand{--tw-ring-color:var(--color-border-brand-default)}.peer:focus-visible~.peer-focus-visible\:ring-offset-1{--tw-ring-offset-width:1px}.has-\[\[data-slot\=card-action\]\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}@media (min-width:640px){.sm\:mx-4{margin-left:1rem;margin-right:1rem}.sm\:w-\[262px\]{width:262px}.sm\:max-w-\[420px\]{max-width:420px}.sm\:max-w-\[540px\]{max-width:540px}.sm\:max-w-\[560px\]{max-width:560px}.sm\:max-w-\[640px\]{max-width:640px}.sm\:max-w-\[800px\]{max-width:800px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:items-center{align-items:center}.sm\:rounded-2xl{border-radius:1rem}.sm\:pb-0{padding-bottom:0}}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:px-7{padding-left:1.75rem;padding-right:1.75rem}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.\[\&\:\:-webkit-calendar-picker-indicator\]\:absolute::-webkit-calendar-picker-indicator{position:absolute}.\[\&\:\:-webkit-calendar-picker-indicator\]\:right-0::-webkit-calendar-picker-indicator{right:0}.\[\&\:\:-webkit-calendar-picker-indicator\]\:h-full::-webkit-calendar-picker-indicator{height:100%}.\[\&\:\:-webkit-calendar-picker-indicator\]\:w-10::-webkit-calendar-picker-indicator{width:2.5rem}.\[\&\:\:-webkit-calendar-picker-indicator\]\:cursor-pointer::-webkit-calendar-picker-indicator{cursor:pointer}.\[\&\:\:-webkit-calendar-picker-indicator\]\:opacity-0::-webkit-calendar-picker-indicator{opacity:0}.\[\&_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.4",
3
+ "version": "0.3.0",
4
4
  "description": "Platned Design System — React component library",
5
5
  "license": "UNLICENSED",
6
6
  "author": "Platned",
@@ -17,14 +17,14 @@
17
17
  "require": "./dist/sidebar.cjs"
18
18
  },
19
19
  "./styles": "./dist/styles.css",
20
- "./tailwind-preset": "./tailwind-preset.js"
20
+ "./tailwind-preset": "./tailwind-preset.cjs"
21
21
  },
22
22
  "main": "./dist/index.cjs",
23
23
  "module": "./dist/index.js",
24
24
  "types": "./dist/index.d.ts",
25
25
  "files": [
26
26
  "dist",
27
- "tailwind-preset.js"
27
+ "tailwind-preset.cjs"
28
28
  ],
29
29
  "sideEffects": [
30
30
  "dist/styles.css"
@@ -45,7 +45,8 @@
45
45
  "peerDependencies": {
46
46
  "react": ">=18.0.0",
47
47
  "react-dom": ">=18.0.0",
48
- "react-icons": ">=5.0.0"
48
+ "react-icons": ">=5.4.0",
49
+ "react-router-dom": ">=6.0.0"
49
50
  },
50
51
  "peerDependenciesMeta": {
51
52
  "react-router-dom": {
@@ -53,7 +54,8 @@
53
54
  }
54
55
  },
55
56
  "dependencies": {
56
- "clsx": "^2.1.0"
57
+ "clsx": "^2.1.0",
58
+ "tailwind-merge": "^3.6.0"
57
59
  },
58
60
  "devDependencies": {
59
61
  "@types/react": "^18.0.0",
package/tailwind-preset.cjs ADDED
@@ -0,0 +1,240 @@
1
+ /** @type {import('tailwindcss').Config} */
2
+ module.exports = {
3
+ theme: {
4
+ extend: {
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': 'var(--color-background-positive-default)',
29
+ 'positive-tertiary': 'var(--color-background-positive-tertiary)',
30
+ 'warning': 'var(--color-background-warning-default)',
31
+ 'warning-tertiary': 'var(--color-background-warning-tertiary)',
32
+ // ── Disabled ──────────────────────────────────────────────────────────
33
+ 'disabled': 'var(--color-background-disabled-default)',
34
+ // ── Overlay utilities (scrims behind modals / drawers) ─────────────────
35
+ 'scrim': 'var(--color-background-utilities-scrim)',
36
+ 'blanket': 'var(--color-background-utilities-blanket)',
37
+ 'overlay': 'var(--color-background-utilities-overlay)',
38
+ // Hairline dividers drawn as a filled element rather than a border
39
+ 'divider': 'var(--color-border-default-default)',
40
+ // ── Status tones ──────────────────────────────────────────────────────
41
+ 'status-neutral': 'var(--status-neutral-bg)',
42
+ 'status-info': 'var(--status-info-bg)',
43
+ 'status-warning': 'var(--status-warning-bg)',
44
+ 'status-caution': 'var(--status-caution-bg)',
45
+ 'status-accent': 'var(--status-accent-bg)',
46
+ 'status-positive': 'var(--status-positive-bg)',
47
+ 'status-danger': 'var(--status-danger-bg)',
48
+ // ── Status tone leading dots ───────────────────────────────────────────
49
+ 'status-dot-neutral': 'var(--status-neutral-dot)',
50
+ 'status-dot-info': 'var(--status-info-dot)',
51
+ 'status-dot-warning': 'var(--status-warning-dot)',
52
+ 'status-dot-caution': 'var(--status-caution-dot)',
53
+ 'status-dot-accent': 'var(--status-accent-dot)',
54
+ 'status-dot-positive': 'var(--status-positive-dot)',
55
+ 'status-dot-danger': 'var(--status-danger-dot)',
56
+ // ── Compliance check indicator ─────────────────────────────────────────
57
+ 'status-check-passed': 'var(--status-check-passed-bg)',
58
+ 'status-check-progress': 'var(--status-check-progress-bg)',
59
+ 'status-check-failed': 'var(--status-check-failed-bg)',
60
+ 'status-check-pending': 'var(--status-check-pending-bg)',
61
+ // ── Badge ─────────────────────────────────────────────────────────────
62
+ 'badge-gray': 'var(--badge-gray-bg)',
63
+ 'badge-red': 'var(--badge-red-bg)',
64
+ 'badge-yellow': 'var(--badge-yellow-bg)',
65
+ 'badge-lime': 'var(--badge-lime-bg)',
66
+ 'badge-green': 'var(--badge-green-bg)',
67
+ 'badge-teal': 'var(--badge-teal-bg)',
68
+ 'badge-blue': 'var(--badge-blue-bg)',
69
+ 'badge-pink': 'var(--badge-pink-bg)',
70
+ 'badge-slate': 'var(--badge-slate-bg)',
71
+ },
72
+
73
+ borderColor: {
74
+ // ── Badge (subtle variant uses the badge bg color as its border) ──────
75
+ 'badge-gray': 'var(--color-border-default-default)',
76
+ 'badge-red': 'var(--badge-red-bg)',
77
+ 'badge-yellow': 'var(--badge-yellow-bg)',
78
+ 'badge-lime': 'var(--badge-lime-bg)',
79
+ 'badge-green': 'var(--badge-green-bg)',
80
+ 'badge-teal': 'var(--badge-teal-bg)',
81
+ 'badge-blue': 'var(--badge-blue-bg)',
82
+ 'badge-pink': 'var(--badge-pink-bg)',
83
+ 'badge-slate': 'var(--badge-slate-bg)',
84
+ 'default': 'var(--color-border-default-default)',
85
+ 'default-secondary': 'var(--color-border-default-secondary)',
86
+ 'brand': 'var(--color-border-brand-default)',
87
+ 'brand-secondary': 'var(--color-border-brand-secondary)',
88
+ 'brand-tertiary': 'var(--color-border-brand-tertiary)',
89
+ // The brand *fill* colour, one step darker than border-brand. For edges that
90
+ // must match a bg-brand surface exactly (checked checkbox, active tab rule) —
91
+ // border-brand would leave a visibly lighter 1px halo against the fill.
92
+ 'brand-emphasis': 'var(--color-background-brand-default)',
93
+ 'danger': 'var(--color-border-danger-default)',
94
+ 'danger-secondary': 'var(--color-border-danger-secondary)',
95
+ 'danger-tertiary': 'var(--color-border-danger-tertiary)',
96
+ 'positive-tertiary': 'var(--color-border-positive-tertiary)',
97
+ 'warning-tertiary': 'var(--color-border-warning-tertiary)',
98
+ 'disabled': 'var(--color-border-disabled-default)',
99
+ // ── Compliance check indicator rings ───────────────────────────────────
100
+ 'status-check-passed': 'var(--status-check-passed-ring)',
101
+ 'status-check-progress': 'var(--status-check-progress-ring)',
102
+ 'status-check-failed': 'var(--status-check-failed-ring)',
103
+ 'status-check-pending': 'var(--status-check-pending-ring)',
104
+ },
105
+
106
+ // ringColor mirrors borderColor — focus rings use the same border token values
107
+ ringColor: {
108
+ 'default': 'var(--color-border-default-default)',
109
+ 'default-secondary': 'var(--color-border-default-secondary)',
110
+ 'brand': 'var(--color-border-brand-default)',
111
+ 'brand-secondary': 'var(--color-border-brand-secondary)',
112
+ 'brand-tertiary': 'var(--color-border-brand-tertiary)',
113
+ 'danger': 'var(--color-border-danger-default)',
114
+ 'danger-secondary': 'var(--color-border-danger-secondary)',
115
+ 'danger-tertiary': 'var(--color-border-danger-tertiary)',
116
+ 'disabled': 'var(--color-border-disabled-default)',
117
+ },
118
+
119
+ // outlineColor is its own Tailwind namespace — it does NOT read borderColor or
120
+ // ringColor. Table rows need it because `ring-*` compiles to box-shadow, which
121
+ // browsers do not paint on a <tr> under `border-collapse: collapse`.
122
+ outlineColor: {
123
+ 'default': 'var(--color-border-default-default)',
124
+ 'brand': 'var(--color-border-brand-default)',
125
+ 'danger': 'var(--color-border-danger-default)',
126
+ },
127
+
128
+ textColor: {
129
+ 'default': 'var(--color-text-default-default)',
130
+ 'default-secondary': 'var(--color-text-default-secondary)',
131
+ 'default-tertiary': 'var(--color-text-default-tertiary)',
132
+ 'brand': 'var(--color-text-brand-default)',
133
+ 'brand-on-brand': 'var(--color-text-brand-on-brand)',
134
+ // Matches a bg-brand fill — see border-brand-emphasis for the rationale.
135
+ 'brand-emphasis': 'var(--color-background-brand-default)',
136
+ 'neutral': 'var(--color-text-neutral-default)',
137
+ 'positive': 'var(--color-text-positive-default)',
138
+ 'warning': 'var(--color-text-warning-default)',
139
+ 'danger': 'var(--color-text-danger-default)',
140
+ 'danger-on-danger': 'var(--color-text-danger-on-danger)',
141
+ 'disabled': 'var(--color-text-disabled-default)',
142
+ 'disabled-on-disabled': 'var(--color-text-disabled-on-disabled)',
143
+ // ── Icon (SVG currentColor) ───────────────────────────────────────────
144
+ 'icon-default': 'var(--color-icon-default-default)',
145
+ 'icon-default-secondary': 'var(--color-icon-default-secondary)',
146
+ 'icon-brand': 'var(--color-icon-brand-default)',
147
+ 'icon-brand-on-brand': 'var(--color-icon-brand-on-brand)',
148
+ 'icon-disabled': 'var(--color-icon-disabled-default)',
149
+ 'icon-danger': 'var(--color-icon-danger-default)',
150
+ 'icon-positive': 'var(--color-icon-positive-default)',
151
+ 'icon-neutral': 'var(--color-icon-neutral-default)',
152
+ 'icon-warning': 'var(--color-icon-warning-default)',
153
+ // ── Status tones ──────────────────────────────────────────────────────
154
+ 'status-neutral': 'var(--status-neutral-text)',
155
+ 'status-info': 'var(--status-info-text)',
156
+ 'status-warning': 'var(--status-warning-text)',
157
+ 'status-caution': 'var(--status-caution-text)',
158
+ 'status-accent': 'var(--status-accent-text)',
159
+ 'status-positive': 'var(--status-positive-text)',
160
+ 'status-danger': 'var(--status-danger-text)',
161
+ // ── Compliance check indicator (glyph shares the ring colour) ──────────
162
+ 'status-check-passed': 'var(--status-check-passed-ring)',
163
+ 'status-check-progress': 'var(--status-check-progress-ring)',
164
+ 'status-check-failed': 'var(--status-check-failed-ring)',
165
+ 'status-check-pending': 'var(--status-check-pending-ring)',
166
+ // ── Badge ─────────────────────────────────────────────────────────────
167
+ 'badge-gray': 'var(--badge-gray-text)',
168
+ 'badge-red': 'var(--badge-red-text)',
169
+ 'badge-yellow': 'var(--badge-yellow-text)',
170
+ 'badge-lime': 'var(--badge-lime-text)',
171
+ 'badge-green': 'var(--badge-green-text)',
172
+ 'badge-teal': 'var(--badge-teal-text)',
173
+ 'badge-blue': 'var(--badge-blue-text)',
174
+ 'badge-pink': 'var(--badge-pink-text)',
175
+ 'badge-slate': 'var(--badge-slate-text)',
176
+ },
177
+
178
+ fontSize: {
179
+ // ── Body ─────────────────────────────────────────────────────────────
180
+ 'body-tiny': ['11px', { lineHeight: '1.4' }],
181
+ 'body-xs': ['13px', { lineHeight: '1.4' }],
182
+ 'body-sm': ['14px', { lineHeight: '1.4' }],
183
+ 'body': ['16px', { lineHeight: '1.4' }],
184
+ 'body-lg': ['20px', { lineHeight: '1.4' }],
185
+ // ── Heading ──────────────────────────────────────────────────────────
186
+ 'heading-sm': ['20px', { lineHeight: '1.3' }],
187
+ 'heading': ['24px', { lineHeight: '1.3' }],
188
+ 'heading-lg': ['32px', { lineHeight: '1.3' }],
189
+ // ── Subheading ───────────────────────────────────────────────────────
190
+ 'subheading-sm': ['16px', { lineHeight: '1.4' }],
191
+ 'subheading': ['20px', { lineHeight: '1.4' }],
192
+ 'subheading-lg': ['24px', { lineHeight: '1.4' }],
193
+ // ── Subtitle ─────────────────────────────────────────────────────────
194
+ 'subtitle-sm': ['24px', { lineHeight: '1.2' }],
195
+ 'subtitle': ['32px', { lineHeight: '1.2' }],
196
+ 'subtitle-lg': ['40px', { lineHeight: '1.2' }],
197
+ // ── Title ────────────────────────────────────────────────────────────
198
+ 'title-sm': ['40px', { lineHeight: '1.2' }],
199
+ 'title': ['48px', { lineHeight: '1.2' }],
200
+ 'title-lg': ['64px', { lineHeight: '1.2' }],
201
+ 'title-hero': ['72px', { lineHeight: '1.2' }],
202
+ },
203
+ fontWeight: {
204
+ regular: '400',
205
+ },
206
+ // Brand directional gradients — bg-gradient-brand-{direction}
207
+ backgroundImage: {
208
+ 'gradient-brand-n-s': 'var(--gradient-brand-n-s)',
209
+ 'gradient-brand-ne-sw': 'var(--gradient-brand-ne-sw)',
210
+ 'gradient-brand-e-w': 'var(--gradient-brand-e-w)',
211
+ 'gradient-brand-se-nw': 'var(--gradient-brand-se-nw)',
212
+ 'gradient-brand-s-n': 'var(--gradient-brand-s-n)',
213
+ 'gradient-brand-sw-ne': 'var(--gradient-brand-sw-ne)',
214
+ 'gradient-brand-w-e': 'var(--gradient-brand-w-e)',
215
+ 'gradient-brand-nw-se': 'var(--gradient-brand-nw-se)',
216
+ },
217
+
218
+ // gradientColorStops mirrors backgroundColor — from-*/to-*/via-* utilities use `colors`, not backgroundColor
219
+ gradientColorStops: {
220
+ 'brand': 'var(--color-background-brand-default)',
221
+ 'brand-hover': 'var(--color-background-brand-hover)',
222
+ 'brand-secondary': 'var(--color-background-brand-secondary)',
223
+ 'brand-tertiary': 'var(--color-background-brand-tertiary)',
224
+ 'brand-tertiary-hover': 'var(--color-background-brand-tertiary-hover)',
225
+ 'default': 'var(--color-background-default-default)',
226
+ 'default-hover': 'var(--color-background-default-default-hover)',
227
+ 'default-secondary': 'var(--color-background-default-secondary)',
228
+ 'default-tertiary': 'var(--color-background-default-tertiary)',
229
+ 'danger': 'var(--color-background-danger-default)',
230
+ 'danger-secondary': 'var(--color-background-danger-secondary)',
231
+ 'danger-tertiary': 'var(--color-background-danger-tertiary)',
232
+ 'positive-tertiary': 'var(--color-background-positive-tertiary)',
233
+ 'warning-tertiary': 'var(--color-background-warning-tertiary)',
234
+ },
235
+ boxShadow: {
236
+ panel: '0 2px 16px 0 rgba(0,0,0,0.08)',
237
+ },
238
+ },
239
+ },
240
+ }