@platned/ui 0.3.0 → 0.6.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.
- package/README.md +116 -16
- package/dist/index.cjs +7302 -1633
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2211 -219
- package/dist/index.d.ts +2211 -219
- package/dist/index.js +7232 -1539
- package/dist/index.js.map +1 -1
- package/dist/sidebar.cjs +1380 -197
- package/dist/sidebar.cjs.map +1 -1
- package/dist/sidebar.d.cts +106 -7
- package/dist/sidebar.d.ts +106 -7
- package/dist/sidebar.js +1410 -211
- package/dist/sidebar.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +27 -4
- package/tailwind-preset.cjs +109 -0
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%);--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}
|
|
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}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.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}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-inset-x-1\.5{left:-.375rem;right:-.375rem}.-inset-y-1\.5{top:-.375rem;bottom:-.375rem}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom: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-4{bottom:1rem}.bottom-\[-10\%\]{bottom:-10%}.bottom-\[-6\%\]{bottom:-6%}.left-0{left:0}.left-0\.5{left:.125rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-\[20\%\]{left:20%}.left-\[4\%\]{left:4%}.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{top:0}.top-0\.5{top:.125rem}.top-4{top:1rem}.top-5{top:1.25rem}.top-\[30\%\]{top:30%}.top-full{top:100%}.isolate{isolation:isolate}.z-50{z-index:50}.z-dropdown{z-index:30}.z-overlay{z-index:40}.z-popover{z-index:60}.z-raised{z-index:10}.z-toast{z-index:80}.z-tooltip{z-index:70}.order-last{order:9999}.col-span-full{grid-column:1/-1}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-mr-1{margin-right:-.25rem}.-mt-1{margin-top:-.25rem}.mb-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-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-px{margin-top:1px}.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}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.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-2\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[220px\]{height:220px}.h-\[364px\]{height:364px}.h-\[520px\]{height:520px}.h-\[752px\]{height:752px}.h-full{height:100%}.h-px{height:1px}.max-h-80{max-height:20rem}.max-h-\[92dvh\]{max-height:92dvh}.max-h-\[min\(16rem\2c var\(--panel-available-height\2c 16rem\)\)\]{max-height:min(16rem,var(--panel-available-height,16rem))}.min-h-0{min-height:0}.min-h-10{min-height:2.5rem}.min-h-20{min-height:5rem}.min-h-8{min-height:2rem}.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-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\/5{width:60%}.w-32{width:8rem}.w-4{width:1rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[14px\]{width:14px}.w-\[440px\]{width:440px}.w-fit{width:-moz-fit-content;width:fit-content}.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-11{min-width:2.75rem}.min-w-4{min-width:1rem}.min-w-5{min-width:1.25rem}.min-w-6{min-width:1.5rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[168px\]{min-width:168px}.min-w-\[96px\]{min-width:96px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-\[140px\]{max-width:140px}.max-w-\[260px\]{max-width:260px}.max-w-\[380px\]{max-width:380px}.max-w-\[540px\]{max-width:540px}.max-w-\[90vw\]{max-width:90vw}.max-w-\[min\(20rem\2c calc\(100vw-2rem\)\)\]{max-width:min(20rem,calc(100vw - 2rem))}.max-w-\[min\(22rem\2c calc\(100vw-2rem\)\)\]{max-width:min(22rem,calc(100vw - 2rem))}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.translate-x-0{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-0{--tw-translate-x:0px}.translate-x-4{--tw-translate-x:1rem}.translate-x-4,.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))}.translate-x-5{--tw-translate-x:1.25rem}.-rotate-90{--tw-rotate:-90deg}.-rotate-90,.rotate-180{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-180{--tw-rotate:180deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.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}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-row-resize{cursor:row-resize}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.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-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[repeat\(auto-fit\2c minmax\(180px\2c 1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(180px,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-8{gap:2rem}.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-4{row-gap:1rem}.-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-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-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-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*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-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-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.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-none{border-radius:0}.rounded-xl{border-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.border{border-width:1px}.border-0{border-width:0}.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-current{border-color:currentColor}.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-secondary{background-color:var(--color-background-brand-secondary)}.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{background-color:var(--color-background-neutral-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))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-0{padding-left:0;padding-right:0}.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-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pl-0{padding-left:0}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pl-\[26px\]{padding-left:26px}.pl-\[44px\]{padding-left:44px}.pl-\[52px\]{padding-left:52px}.pr-12{padding-right:3rem}.pr-14{padding-right:3.5rem}.pr-2{padding-right:.5rem}.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-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}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.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-micro{font-size:8px;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-scale-07{font-size:var(--typo-scale-07)}.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}.text-title-hero{font-size:72px;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}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal}.ordinal,.tabular-nums{font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing:tabular-nums}.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-disabled-on-disabled{color:var(--color-text-disabled-on-disabled)}.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-neutral-tertiary{color:var(--color-text-neutral-tertiary)}.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-transparent{color:transparent}.text-warning{color:var(--color-text-warning-default)}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.decoration-1{text-decoration-thickness:1px}.underline-offset-2{text-underline-offset:2px}.caret-transparent{caret-color:transparent}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-100{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-100{--tw-shadow:var(--effect-shadow-100);--tw-shadow-colored:var(--effect-shadow-100)}.shadow-300{--tw-shadow:var(--effect-shadow-300);--tw-shadow-colored:var(--effect-shadow-300)}.shadow-300,.shadow-400{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-400{--tw-shadow:var(--effect-shadow-400);--tw-shadow-colored:var(--effect-shadow-400)}.shadow-500{--tw-shadow:var(--effect-shadow-500);--tw-shadow-colored:var(--effect-shadow-500)}.shadow-500,.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)}.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)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--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)}.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)}.ring-inset{--tw-ring-inset:inset}.ring-brand{--tw-ring-color:var(--color-border-brand-default)}.ring-brand-secondary{--tw-ring-color:var(--color-border-brand-secondary)}.ring-brand-tertiary{--tw-ring-color:var(--color-border-brand-tertiary)}.ring-offset-1{--tw-ring-offset-width:1px}.ring-offset-default{--tw-ring-offset-color:var(--color-background-default-default)}.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-filter{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{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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}.\[scrollbar-color\:var\(--color-background-default-tertiary\)_transparent\]{scrollbar-color:var(--color-background-default-tertiary) transparent}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.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)}.after\:ml-0\.5:after{content:var(--tw-content);margin-left:.125rem}.after\:text-danger:after{content:var(--tw-content);color:var(--color-text-danger-default)}.after\:content-\[\'\*\'\]:after{--tw-content:"*";content:var(--tw-content)}.last\:mb-0:last-child{margin-bottom:0}.last\:border-b-0:last-child{border-bottom-width:0}.read-only\:cursor-default:-moz-read-only{cursor:default}.read-only\:cursor-default:read-only{cursor:default}.read-only\:resize-none:-moz-read-only{resize:none}.read-only\:resize-none:read-only{resize:none}.read-only\:bg-default-secondary:-moz-read-only{background-color:var(--color-background-default-secondary)}.read-only\:bg-default-secondary:read-only{background-color:var(--color-background-default-secondary)}.focus-within\:border-brand:focus-within{border-color:var(--color-border-brand-default)}.focus-within\:border-danger:focus-within{border-color:var(--color-border-danger-default)}.focus-within\:ring-2:focus-within{--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-within\:ring-brand:focus-within{--tw-ring-color:var(--color-border-brand-default)}.focus-within\:ring-danger:focus-within{--tw-ring-color:var(--color-border-danger-default)}.focus-within\:ring-offset-1:focus-within{--tw-ring-offset-width:1px}.focus-within\:ring-offset-default:focus-within{--tw-ring-offset-color:var(--color-background-default-default)}.hover\:border-brand:hover{border-color:var(--color-border-brand-default)}.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-default-tertiary:hover{background-color:var(--color-background-default-tertiary)}.hover\:bg-neutral-secondary:hover{background-color:var(--color-background-neutral-secondary)}.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\:bg-danger-tertiary:focus{background-color:var(--color-background-danger-tertiary)}.focus\:bg-default-secondary:focus{background-color:var(--color-background-default-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-visible\:border-brand:focus-visible{border-color:var(--color-border-brand-default)}.focus-visible\:border-danger:focus-visible{border-color:var(--color-border-danger-default)}.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-danger:focus-visible{--tw-ring-color:var(--color-border-danger-default)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-default:focus-visible{--tw-ring-offset-color:var(--color-background-default-default)}.focus-visible\:ring-offset-default-secondary:focus-visible{--tw-ring-offset-color:var(--color-background-default-secondary)}.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)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:placeholder\:text-disabled:disabled::-moz-placeholder{color:var(--color-text-disabled-default)}.disabled\:placeholder\:text-disabled:disabled::placeholder{color:var(--color-text-disabled-default)}.disabled\:hover\:bg-transparent:hover:disabled{background-color:transparent}.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)}.group:hover .group-hover\:opacity-100{opacity:1}.group:focus-visible .group-focus-visible\:opacity-100{opacity:1}.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}.peer:focus-visible~.peer-focus-visible\:ring-offset-default{--tw-ring-offset-color:var(--color-background-default-default)}.has-\[\[data-slot\=card-action\]\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.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))}}.\[\&\:\:-moz-range-progress\]\:h-1\.5::-moz-range-progress{height:.375rem}.\[\&\:\:-moz-range-progress\]\:rounded-full::-moz-range-progress{border-radius:9999px}.\[\&\:\:-moz-range-progress\]\:bg-brand::-moz-range-progress{background-color:var(--color-background-brand-default)}.\[\&\:\:-moz-range-thumb\]\:size-4::-moz-range-thumb{width:1rem;height:1rem}.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb{border-radius:9999px}.\[\&\:\:-moz-range-thumb\]\:border-2::-moz-range-thumb{border-width:2px}.\[\&\:\:-moz-range-thumb\]\:border-brand::-moz-range-thumb{border-color:var(--color-border-brand-default)}.\[\&\:\:-moz-range-thumb\]\:bg-default::-moz-range-thumb{background-color:var(--color-background-default-default)}.focus-visible\:\[\&\:\:-moz-range-thumb\]\:ring-2::-moz-range-thumb: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\:\[\&\:\:-moz-range-thumb\]\:ring-brand::-moz-range-thumb:focus-visible{--tw-ring-color:var(--color-border-brand-default)}.\[\&\:\:-moz-range-track\]\:h-1\.5::-moz-range-track{height:.375rem}.\[\&\:\:-moz-range-track\]\:rounded-full::-moz-range-track{border-radius:9999px}.\[\&\:\:-moz-range-track\]\:bg-default-tertiary::-moz-range-track{background-color:var(--color-background-default-tertiary)}.\[\&\:\:-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}.\[\&\:\:-webkit-scrollbar-corner\]\:bg-transparent::-webkit-scrollbar-corner{background-color:transparent}.\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:bg-neutral-secondary::-webkit-scrollbar-thumb:hover{background-color:var(--color-background-neutral-secondary)}.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb{border-radius:9999px}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-default-tertiary::-webkit-scrollbar-thumb{background-color:var(--color-background-default-tertiary)}.\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track{background-color:transparent}.\[\&\:\:-webkit-scrollbar\]\:size-2::-webkit-scrollbar{width:.5rem;height:.5rem}.\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.\[\&\:\:-webkit-slider-runnable-track\]\:h-1\.5::-webkit-slider-runnable-track{height:.375rem}.\[\&\:\:-webkit-slider-runnable-track\]\:rounded-full::-webkit-slider-runnable-track{border-radius:9999px}.\[\&\:\:-webkit-slider-runnable-track\]\:bg-default-tertiary::-webkit-slider-runnable-track{background-color:var(--color-background-default-tertiary)}.\[\&\:\:-webkit-slider-thumb\]\:-mt-\[7px\]::-webkit-slider-thumb{margin-top:-7px}.\[\&\:\:-webkit-slider-thumb\]\:size-4::-webkit-slider-thumb{width:1rem;height:1rem}.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb{border-radius:9999px}.\[\&\:\:-webkit-slider-thumb\]\:border-2::-webkit-slider-thumb{border-width:2px}.\[\&\:\:-webkit-slider-thumb\]\:border-brand::-webkit-slider-thumb{border-color:var(--color-border-brand-default)}.\[\&\:\:-webkit-slider-thumb\]\:bg-default::-webkit-slider-thumb{background-color:var(--color-background-default-default)}.\[\&\:\:-webkit-slider-thumb\]\:shadow-100::-webkit-slider-thumb{--tw-shadow:var(--effect-shadow-100);--tw-shadow-colored:var(--effect-shadow-100);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:ring-2::-webkit-slider-thumb: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\:\[\&\:\:-webkit-slider-thumb\]\:ring-brand::-webkit-slider-thumb:focus-visible{--tw-ring-color:var(--color-border-brand-default)}.focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:ring-offset-1::-webkit-slider-thumb:focus-visible{--tw-ring-offset-width:1px}.\[\&\:focus-visible\>div\]\:ring-2:focus-visible>div{--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\>div\]\:ring-inset:focus-visible>div{--tw-ring-inset:inset}.\[\&\:focus-visible\>div\]\:ring-brand:focus-visible>div{--tw-ring-color:var(--color-border-brand-default)}.\[\&\>\*\]\:size-full>*{width:100%;height:100%}.\[\&\>img\]\:object-cover>img{-o-object-fit:cover;object-fit:cover}.\[\&_\*\]\:pointer-events-none *{pointer-events:none}.\[\&_svg\]\:size-3\.5 svg{width:.875rem;height:.875rem}.\[\&_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,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@platned/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.0",
|
|
4
|
+
"repository": {
|
|
5
|
+
"type": "git",
|
|
6
|
+
"url": "git+https://github.com/Platned-Innovations/Platned-Design-System.git"
|
|
7
|
+
},
|
|
4
8
|
"description": "Platned Design System — React component library",
|
|
5
9
|
"license": "UNLICENSED",
|
|
6
10
|
"author": "Platned",
|
|
@@ -37,10 +41,15 @@
|
|
|
37
41
|
"build": "tsup && node scripts/build-css.mjs",
|
|
38
42
|
"build:watch": "tsup --watch",
|
|
39
43
|
"typecheck": "tsc --noEmit",
|
|
44
|
+
"test": "vitest run",
|
|
45
|
+
"test:watch": "vitest",
|
|
46
|
+
"lint": "eslint src --ext .ts,.tsx --max-warnings 0",
|
|
40
47
|
"preversion": "node -e \"console.log('\\n Reminder: update CHANGELOG.md before this release runs.\\n')\"",
|
|
41
|
-
"prepublishOnly": "npm run build && npm run typecheck",
|
|
48
|
+
"prepublishOnly": "npm run build && npm run typecheck && npm run lint && npm test",
|
|
42
49
|
"docs": "npm run dev --prefix docs",
|
|
43
|
-
"docs:build": "npm run build --prefix docs"
|
|
50
|
+
"docs:build": "npm run build --prefix docs",
|
|
51
|
+
"site:build": "npm run docs:build && node scripts/build-site.mjs",
|
|
52
|
+
"site:serve": "node site/server.js"
|
|
44
53
|
},
|
|
45
54
|
"peerDependencies": {
|
|
46
55
|
"react": ">=18.0.0",
|
|
@@ -54,19 +63,33 @@
|
|
|
54
63
|
}
|
|
55
64
|
},
|
|
56
65
|
"dependencies": {
|
|
66
|
+
"@floating-ui/react": "^0.27.20",
|
|
57
67
|
"clsx": "^2.1.0",
|
|
68
|
+
"tabbable": "^6.5.0",
|
|
58
69
|
"tailwind-merge": "^3.6.0"
|
|
59
70
|
},
|
|
60
71
|
"devDependencies": {
|
|
72
|
+
"@testing-library/jest-dom": "^6.9.1",
|
|
73
|
+
"@testing-library/react": "^16.3.2",
|
|
74
|
+
"@testing-library/user-event": "^14.6.1",
|
|
61
75
|
"@types/react": "^18.0.0",
|
|
62
76
|
"@types/react-dom": "^18.0.0",
|
|
77
|
+
"@typescript-eslint/eslint-plugin": "^7.18.0",
|
|
78
|
+
"@typescript-eslint/parser": "^7.18.0",
|
|
63
79
|
"autoprefixer": "^10.4.0",
|
|
80
|
+
"axe-core": "^4.12.1",
|
|
81
|
+
"eslint": "^8.57.1",
|
|
82
|
+
"eslint-plugin-jsx-a11y": "^6.10.2",
|
|
83
|
+
"eslint-plugin-react-hooks": "^4.6.2",
|
|
84
|
+
"jsdom": "^25.0.1",
|
|
64
85
|
"react": "^18.0.0",
|
|
65
86
|
"react-dom": "^18.0.0",
|
|
66
87
|
"react-icons": "^5.6.0",
|
|
67
88
|
"react-router-dom": "^6.0.0",
|
|
68
89
|
"tailwindcss": "^3.4.0",
|
|
69
90
|
"tsup": "^8.0.0",
|
|
70
|
-
"typescript": "^5.4.0"
|
|
91
|
+
"typescript": "^5.4.0",
|
|
92
|
+
"vitest": "^2.1.9",
|
|
93
|
+
"vitest-axe": "^0.1.0"
|
|
71
94
|
}
|
|
72
95
|
}
|
package/tailwind-preset.cjs
CHANGED
|
@@ -16,6 +16,12 @@ module.exports = {
|
|
|
16
16
|
'default-secondary': 'var(--color-background-default-secondary)',
|
|
17
17
|
'default-secondary-hover': 'var(--color-background-default-secondary-hover)',
|
|
18
18
|
'default-tertiary': 'var(--color-background-default-tertiary)',
|
|
19
|
+
// `neutral` was missing through 0.4.0 while `text-neutral` existed, so
|
|
20
|
+
// `StatusDot tone="neutral"` and `ProgressBar tone="neutral"` referenced an
|
|
21
|
+
// undefined class, emitted no CSS, and rendered as invisible elements.
|
|
22
|
+
'neutral': 'var(--color-background-neutral-default)',
|
|
23
|
+
'neutral-hover': 'var(--color-background-neutral-hover)',
|
|
24
|
+
'neutral-secondary': 'var(--color-background-neutral-secondary)',
|
|
19
25
|
'neutral-tertiary': 'var(--color-background-neutral-tertiary)',
|
|
20
26
|
'neutral-tertiary-hover': 'var(--color-background-neutral-tertiary-hover)',
|
|
21
27
|
// ── Danger ───────────────────────────────────────────────────────────
|
|
@@ -103,6 +109,16 @@ module.exports = {
|
|
|
103
109
|
'status-check-pending': 'var(--status-check-pending-ring)',
|
|
104
110
|
},
|
|
105
111
|
|
|
112
|
+
// divideColor is its own Tailwind namespace — extending borderColor does NOT
|
|
113
|
+
// populate it, so `divide-default` emitted no CSS and every divided list had to
|
|
114
|
+
// escape to `divide-[color:var(--color-border-default-default)]`.
|
|
115
|
+
divideColor: {
|
|
116
|
+
'default': 'var(--color-border-default-default)',
|
|
117
|
+
'default-secondary': 'var(--color-border-default-secondary)',
|
|
118
|
+
'brand-tertiary': 'var(--color-border-brand-tertiary)',
|
|
119
|
+
'danger-tertiary': 'var(--color-border-danger-tertiary)',
|
|
120
|
+
},
|
|
121
|
+
|
|
106
122
|
// ringColor mirrors borderColor — focus rings use the same border token values
|
|
107
123
|
ringColor: {
|
|
108
124
|
'default': 'var(--color-border-default-default)',
|
|
@@ -134,6 +150,11 @@ module.exports = {
|
|
|
134
150
|
// Matches a bg-brand fill — see border-brand-emphasis for the rationale.
|
|
135
151
|
'brand-emphasis': 'var(--color-background-brand-default)',
|
|
136
152
|
'neutral': 'var(--color-text-neutral-default)',
|
|
153
|
+
// The neutral ramp's quieter steps, for the sidebar's group headings. Note
|
|
154
|
+
// `text-default-tertiary` is #B3B3B3 — 1.9:1 on the #F5F5F5 rail, a WCAG failure at
|
|
155
|
+
// any size. These are #5A5A5A / 6.3:1 and #767676 / 4.2:1.
|
|
156
|
+
'neutral-secondary': 'var(--color-text-neutral-secondary)',
|
|
157
|
+
'neutral-tertiary': 'var(--color-text-neutral-tertiary)',
|
|
137
158
|
'positive': 'var(--color-text-positive-default)',
|
|
138
159
|
'warning': 'var(--color-text-warning-default)',
|
|
139
160
|
'danger': 'var(--color-text-danger-default)',
|
|
@@ -177,6 +198,10 @@ module.exports = {
|
|
|
177
198
|
|
|
178
199
|
fontSize: {
|
|
179
200
|
// ── Body ─────────────────────────────────────────────────────────────
|
|
201
|
+
// Below `--typo-scale-01` (11px), which is the smallest step the Figma type scale
|
|
202
|
+
// defines. For uppercase labels that need to sit well under the content they label —
|
|
203
|
+
// the sidebar's group headings — and for nothing that has to be read as prose.
|
|
204
|
+
'body-micro': ['8px', { lineHeight: '1.4' }],
|
|
180
205
|
'body-tiny': ['11px', { lineHeight: '1.4' }],
|
|
181
206
|
'body-xs': ['13px', { lineHeight: '1.4' }],
|
|
182
207
|
'body-sm': ['14px', { lineHeight: '1.4' }],
|
|
@@ -199,6 +224,29 @@ module.exports = {
|
|
|
199
224
|
'title': ['48px', { lineHeight: '1.2' }],
|
|
200
225
|
'title-lg': ['64px', { lineHeight: '1.2' }],
|
|
201
226
|
'title-hero': ['72px', { lineHeight: '1.2' }],
|
|
227
|
+
|
|
228
|
+
// ── Raw scale ────────────────────────────────────────────────────────
|
|
229
|
+
// The unopinionated size ramp, matching Figma's `Typography Primitives`
|
|
230
|
+
// (`Scale 02`…`Scale 12`) and `--typo-scale-*` in styles/tokens/typography.css.
|
|
231
|
+
// These carry no line-height, so `leading-*` stays the caller's decision.
|
|
232
|
+
//
|
|
233
|
+
// Their absence was a real bug, not a gap: `StatNumber` referenced
|
|
234
|
+
// `text-scale-07/08/09` at every size and the preset defined none of them, so an
|
|
235
|
+
// undefined class emitted no CSS and the component shipped with no font-size at
|
|
236
|
+
// all. Same for `RiskScore size="2xl"` and `WidgetTitle size="lg"` (0.3.0
|
|
237
|
+
// CHANGELOG). Prefer the semantic names above; use these when a one-off needs a
|
|
238
|
+
// step off the semantic ladder.
|
|
239
|
+
'scale-01': 'var(--typo-scale-01)', // 11px
|
|
240
|
+
'scale-02': 'var(--typo-scale-02)', // 13px
|
|
241
|
+
'scale-03': 'var(--typo-scale-03)', // 14px
|
|
242
|
+
'scale-04': 'var(--typo-scale-04)', // 16px
|
|
243
|
+
'scale-05': 'var(--typo-scale-05)', // 20px
|
|
244
|
+
'scale-06': 'var(--typo-scale-06)', // 24px
|
|
245
|
+
'scale-07': 'var(--typo-scale-07)', // 32px
|
|
246
|
+
'scale-08': 'var(--typo-scale-08)', // 40px
|
|
247
|
+
'scale-09': 'var(--typo-scale-09)', // 48px
|
|
248
|
+
'scale-10': 'var(--typo-scale-10)', // 64px
|
|
249
|
+
'scale-12': 'var(--typo-scale-12)', // 72px
|
|
202
250
|
},
|
|
203
251
|
fontWeight: {
|
|
204
252
|
regular: '400',
|
|
@@ -232,9 +280,70 @@ module.exports = {
|
|
|
232
280
|
'positive-tertiary': 'var(--color-background-positive-tertiary)',
|
|
233
281
|
'warning-tertiary': 'var(--color-background-warning-tertiary)',
|
|
234
282
|
},
|
|
283
|
+
// The elevation ramp from styles/tokens/effects.css, which matches the 15 effect
|
|
284
|
+
// styles in Figma one-for-one. Until 0.4.0 only `panel` was exposed here, so the
|
|
285
|
+
// twelve shadow tokens were unreachable and components reached for stock Tailwind
|
|
286
|
+
// (`shadow-lg`/`xl`/`2xl`) instead — untokenised, and invisible to a theme change.
|
|
235
287
|
boxShadow: {
|
|
236
288
|
panel: '0 2px 16px 0 rgba(0,0,0,0.08)',
|
|
289
|
+
100: 'var(--effect-shadow-100)',
|
|
290
|
+
200: 'var(--effect-shadow-200)',
|
|
291
|
+
300: 'var(--effect-shadow-300)',
|
|
292
|
+
400: 'var(--effect-shadow-400)',
|
|
293
|
+
500: 'var(--effect-shadow-500)',
|
|
294
|
+
600: 'var(--effect-shadow-600)',
|
|
295
|
+
'inner-100': 'var(--effect-inner-shadow-100)',
|
|
296
|
+
'inner-200': 'var(--effect-inner-shadow-200)',
|
|
297
|
+
'inner-300': 'var(--effect-inner-shadow-300)',
|
|
298
|
+
'inner-400': 'var(--effect-inner-shadow-400)',
|
|
299
|
+
'inner-500': 'var(--effect-inner-shadow-500)',
|
|
300
|
+
'inner-600': 'var(--effect-inner-shadow-600)',
|
|
301
|
+
},
|
|
302
|
+
|
|
303
|
+
// `ring-offset-*` reads this namespace, and nothing else does. Without it the
|
|
304
|
+
// offset falls back to Tailwind's `#fff`, so the six components using
|
|
305
|
+
// `ring-offset-1` drew a white halo on every non-white surface — the sidebar, a
|
|
306
|
+
// toned Card, a secondary-background filter bar.
|
|
307
|
+
ringOffsetColor: {
|
|
308
|
+
'default': 'var(--color-background-default-default)',
|
|
309
|
+
'default-secondary': 'var(--color-background-default-secondary)',
|
|
310
|
+
'default-tertiary': 'var(--color-background-default-tertiary)',
|
|
311
|
+
'brand': 'var(--color-background-brand-default)',
|
|
312
|
+
'danger': 'var(--color-background-danger-default)',
|
|
313
|
+
},
|
|
314
|
+
|
|
315
|
+
// Named layers, so a consumer's own z-index cannot land between a Modal and its
|
|
316
|
+
// close button. Overlays previously used bare z-50/z-20/z-10 with no scale.
|
|
317
|
+
zIndex: {
|
|
318
|
+
base: '0',
|
|
319
|
+
raised: '10',
|
|
320
|
+
sticky: '20',
|
|
321
|
+
dropdown: '30',
|
|
322
|
+
overlay: '40',
|
|
323
|
+
modal: '50',
|
|
324
|
+
popover: '60',
|
|
325
|
+
tooltip: '70',
|
|
326
|
+
toast: '80',
|
|
237
327
|
},
|
|
238
328
|
},
|
|
239
329
|
},
|
|
330
|
+
plugins: [
|
|
331
|
+
// `motion-reduce:` ships with Tailwind, but nothing in the library used it — there
|
|
332
|
+
// was no `prefers-reduced-motion` handling anywhere, including an infinite
|
|
333
|
+
// `animate-pulse`. This adds the inverse-of-inverse escape hatch components need:
|
|
334
|
+
// `motion-safe:animate-pulse` for opt-in motion, and `animate-none` under
|
|
335
|
+
// `motion-reduce` for anything already animating.
|
|
336
|
+
function reducedMotion({ addBase }) {
|
|
337
|
+
addBase({
|
|
338
|
+
'@media (prefers-reduced-motion: reduce)': {
|
|
339
|
+
'*, *::before, *::after': {
|
|
340
|
+
animationDuration: '0.01ms !important',
|
|
341
|
+
animationIterationCount: '1 !important',
|
|
342
|
+
transitionDuration: '0.01ms !important',
|
|
343
|
+
scrollBehavior: 'auto !important',
|
|
344
|
+
},
|
|
345
|
+
},
|
|
346
|
+
});
|
|
347
|
+
},
|
|
348
|
+
],
|
|
240
349
|
}
|