@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--uxdsl__palette__primary-main:var(--uxdsl__color__purple-700);--uxdsl__palette__primary-light:var(--uxdsl__color__purple-500);--uxdsl__palette__primary-dark:var(--uxdsl__color__purple-900);--uxdsl__palette__primary-contrast:var(--uxdsl__color__white);--uxdsl__palette__secondary-main:var(--uxdsl__color__pink-600);--uxdsl__palette__secondary-light:var(--uxdsl__color__pink-400);--uxdsl__palette__secondary-dark:var(--uxdsl__color__pink-700);--uxdsl__palette__secondary-contrast:var(--uxdsl__color__white);--uxdsl__palette__surface-main:var(--uxdsl__color__white);--uxdsl__palette__surface-light:var(--uxdsl__color__gray-50);--uxdsl__palette__surface-dark:var(--uxdsl__color__gray-450);--uxdsl__palette__surface-contrast:var(--uxdsl__color__gray-900);--uxdsl__palette__surface-paper:var(--uxdsl__palette__surface-light);--uxdsl__palette__surface-subtle:var(--uxdsl__palette__surface-dark);--uxdsl__palette__tertiary-main:var(--uxdsl__color__gray-490);--uxdsl__palette__tertiary-light:var(--uxdsl__color__gray-300);--uxdsl__palette__tertiary-dark:var(--uxdsl__color__gray-480);--uxdsl__palette__tertiary-contrast:var(--uxdsl__color__black);--uxdsl__palette__success-main:var(--uxdsl__color__green-700);--uxdsl__palette__success-light:var(--uxdsl__color__green-600);--uxdsl__palette__success-dark:var(--uxdsl__color__green-900);--uxdsl__palette__success-contrast:var(--uxdsl__color__white);--uxdsl__palette__info-main:var(--uxdsl__color__sky-700);--uxdsl__palette__info-light:var(--uxdsl__color__sky-600);--uxdsl__palette__info-dark:var(--uxdsl__color__sky-800);--uxdsl__palette__info-contrast:var(--uxdsl__color__white);--uxdsl__palette__warning-main:var(--uxdsl__color__amber-700);--uxdsl__palette__warning-light:var(--uxdsl__color__amber-400);--uxdsl__palette__warning-dark:var(--uxdsl__color__amber-800);--uxdsl__palette__warning-contrast:var(--uxdsl__color__white);--uxdsl__palette__error-main:var(--uxdsl__color__red-600);--uxdsl__palette__error-light:var(--uxdsl__color__red-500);--uxdsl__palette__error-dark:var(--uxdsl__color__red-700);--uxdsl__palette__error-contrast:var(--uxdsl__color__white);--uxdsl__palette__dark-main:var(--uxdsl__color__gray-900);--uxdsl__palette__dark-light:var(--uxdsl__color__gray-800);--uxdsl__palette__dark-dark:var(--uxdsl__color__gray-950);--uxdsl__palette__dark-contrast:var(--uxdsl__color__white);--uxdsl__palette__neutral-main:var(--uxdsl__color__gray-500);--uxdsl__palette__neutral-light:var(--uxdsl__color__gray-300);--uxdsl__palette__neutral-dark:var(--uxdsl__color__gray-700);--uxdsl__palette__neutral-contrast:var(--uxdsl__color__white);--uxdsl__palette__light-main:var(--uxdsl__color__gray-100);--uxdsl__palette__light-light:var(--uxdsl__color__white);--uxdsl__palette__light-dark:var(--uxdsl__color__gray-200);--uxdsl__palette__light-contrast:var(--uxdsl__color__gray-900);--uxdsl__palette__text-main:var(--uxdsl__palette__text-primary);--uxdsl__palette__text-primary:var(--uxdsl__palette__surface-contrast);--uxdsl__palette__text-secondary:var(--uxdsl__palette__neutral-dark);--uxdsl__palette__text-disabled:var(--uxdsl__palette__tertiary-main);--uxdsl__palette__divider-main:var(--uxdsl__palette__surface-dark);--uxdsl__palette__action-disabled:var(--uxdsl__palette__text-disabled);--uxdsl__color__white:#fff;--uxdsl__color__black:#000;--uxdsl__color__gray-50:#f8fafc;--uxdsl__color__gray-100:#f1f5f9;--uxdsl__color__gray-200:#e2e8f0;--uxdsl__color__gray-300:#cbd5e1;--uxdsl__color__gray-320:#c0cfe5;--uxdsl__color__gray-340:#bccce2;--uxdsl__color__gray-400:#94a3b8;--uxdsl__color__gray-450:#8d929a;--uxdsl__color__gray-470:#6b7a8f;--uxdsl__color__gray-480:#68778c;--uxdsl__color__gray-490:#68768a;--uxdsl__color__gray-500:#64748b;--uxdsl__color__gray-550:#606060;--uxdsl__color__gray-600:#475569;--uxdsl__color__gray-700:#334155;--uxdsl__color__gray-800:#1e293b;--uxdsl__color__gray-900:#0f172a;--uxdsl__color__gray-950:#020617;--uxdsl__color__gray-contrast:#000;--uxdsl__color__purple-50:#faf5ff;--uxdsl__color__purple-100:#f3e8ff;--uxdsl__color__purple-200:#ddbfff;--uxdsl__color__purple-300:#d8b4fe;--uxdsl__color__purple-400:#a855f7;--uxdsl__color__purple-500:#a855f7;--uxdsl__color__purple-600:#7e22ce;--uxdsl__color__purple-700:#7e22ce;--uxdsl__color__purple-800:#581c87;--uxdsl__color__purple-900:#581c87;--uxdsl__color__purple-contrast:#fff;--uxdsl__color__pink-50:#fce4ec;--uxdsl__color__pink-100:#f8bbd0;--uxdsl__color__pink-200:#ffb7d8;--uxdsl__color__pink-300:#f06292;--uxdsl__color__pink-400:#f472b6;--uxdsl__color__pink-500:#db3b74;--uxdsl__color__pink-600:#db2777;--uxdsl__color__pink-700:#be185d;--uxdsl__color__pink-800:#ad1457;--uxdsl__color__pink-900:#880e4f;--uxdsl__color__pink-contrast:#fff;--uxdsl__color__red-50:#ffebee;--uxdsl__color__red-100:#ffcdd2;--uxdsl__color__red-200:#ffb9b6;--uxdsl__color__red-300:#e57373;--uxdsl__color__red-400:#ef5350;--uxdsl__color__red-500:#ef4444;--uxdsl__color__red-550:#dd443c;--uxdsl__color__red-600:#dc2626;--uxdsl__color__red-700:#b91c1c;--uxdsl__color__red-800:#c62828;--uxdsl__color__red-900:#771010;--uxdsl__color__red-contrast:#fff;--uxdsl__color__amber-400:#fbbf24;--uxdsl__color__amber-500:#f59e0b;--uxdsl__color__amber-700:#b45309;--uxdsl__color__amber-800:#92400e;--uxdsl__color__green-50:#e8f5e9;--uxdsl__color__green-100:#c8e6c9;--uxdsl__color__green-200:#a5d6a7;--uxdsl__color__green-300:#81c784;--uxdsl__color__green-400:#52e586;--uxdsl__color__green-500:#4caf50;--uxdsl__color__green-600:#16a34a;--uxdsl__color__green-650:#4c875e;--uxdsl__color__green-700:#15803d;--uxdsl__color__green-800:#2e7d32;--uxdsl__color__green-900:#14532d;--uxdsl__color__green-contrast:#fff;--uxdsl__color__sky-300:#82d4ff;--uxdsl__color__sky-600:#0284c7;--uxdsl__color__sky-650:#3a7fae;--uxdsl__color__sky-700:#0369a1;--uxdsl__color__sky-800:#075985;--uxdsl__color__blue-50:#e3f2fd;--uxdsl__color__blue-100:#bbdefb;--uxdsl__color__blue-200:#90caf9;--uxdsl__color__blue-300:#64b5f6;--uxdsl__color__blue-400:#3b82f6;--uxdsl__color__blue-500:#2563eb;--uxdsl__color__blue-600:#2e86c1;--uxdsl__color__blue-700:#1976d2;--uxdsl__color__blue-800:#1565c0;--uxdsl__color__blue-900:#0d47a1;--uxdsl__color__blue-contrast:#fff;--uxdsl__color__indigo-50:#e8eaf6;--uxdsl__color__indigo-100:#c5cae9;--uxdsl__color__indigo-200:#9fa8da;--uxdsl__color__indigo-300:#7986cb;--uxdsl__color__indigo-400:#5c6bc0;--uxdsl__color__indigo-500:#3f51b5;--uxdsl__color__indigo-600:#3949ab;--uxdsl__color__indigo-700:#303f9f;--uxdsl__color__indigo-800:#283593;--uxdsl__color__indigo-900:#1a237e;--uxdsl__color__indigo-contrast:#fff;--uxdsl__color__orange-50:#fff3e0;--uxdsl__color__orange-100:#ffe0b2;--uxdsl__color__orange-200:#ffcc80;--uxdsl__color__orange-300:#ffb74d;--uxdsl__color__orange-400:#ffa726;--uxdsl__color__orange-500:#f59e0b;--uxdsl__color__orange-600:#d97706;--uxdsl__color__orange-700:#f57c00;--uxdsl__color__orange-800:#ef6c00;--uxdsl__color__orange-900:#bb4600;--uxdsl__color__orange-contrast:#000;--uxdsl__color__yellow-50:#fffde7;--uxdsl__color__yellow-100:#fff9c4;--uxdsl__color__yellow-200:#fff59d;--uxdsl__color__yellow-300:#fff176;--uxdsl__color__yellow-400:#ffee58;--uxdsl__color__yellow-500:#ffeb3b;--uxdsl__color__yellow-600:#fdd835;--uxdsl__color__yellow-700:#fbc02d;--uxdsl__color__yellow-800:#f9a825;--uxdsl__color__yellow-900:#f57f17;--uxdsl__color__yellow-contrast:#000;--uxdsl__color__teal-50:#f0fdfa;--uxdsl__color__teal-100:#ccfbf1;--uxdsl__color__teal-200:#99f6e4;--uxdsl__color__teal-300:#5eead4;--uxdsl__color__teal-400:#2dd4bf;--uxdsl__color__teal-500:#14b8a6;--uxdsl__color__teal-600:#0d9488;--uxdsl__color__teal-700:#0f766e;--uxdsl__color__teal-800:#115e59;--uxdsl__color__teal-900:#134e4a;--uxdsl__color__teal-contrast:#fff;--uxdsl__color__cyan-50:#e0f7fa;--uxdsl__color__cyan-100:#b2ebf2;--uxdsl__color__cyan-200:#80deea;--uxdsl__color__cyan-300:#4dd0e1;--uxdsl__color__cyan-400:#26c6da;--uxdsl__color__cyan-500:#00bcd4;--uxdsl__color__cyan-600:#00acc1;--uxdsl__color__cyan-700:#0097a7;--uxdsl__color__cyan-800:#00838f;--uxdsl__color__cyan-900:#006064;--uxdsl__color__cyan-contrast:#000;--uxdsl__color__slate-50:#f5f8fa;--uxdsl__color__slate-100:#dde5eb;--uxdsl__color__slate-200:#bcccdc;--uxdsl__color__slate-300:#9fb3c8;--uxdsl__color__slate-400:#829ab1;--uxdsl__color__slate-500:#627d98;--uxdsl__color__slate-600:#486581;--uxdsl__color__slate-700:#334e68;--uxdsl__color__slate-800:#2c415c;--uxdsl__color__slate-900:#102a43;--uxdsl__color__slate-contrast:#fff;--uxdsl__space__0:0;--uxdsl__space__1:0.125rem;--uxdsl__space__2:0.25rem;--uxdsl__space__3:0.5rem;--uxdsl__space__4:0.75rem;--uxdsl__space__5:1rem;--uxdsl__space__6:1.5rem;--uxdsl__space__7:2rem;--uxdsl__space__8:2.5rem;--uxdsl__space__9:3.125rem;--uxdsl__space__10:3.875rem;--uxdsl__space__11:4.875rem;--uxdsl__space__12:6.125rem;--uxdsl__space__13:7.75rem;--uxdsl__space__14:9.75rem;--uxdsl__space__15:12.25rem;--uxdsl__space__16:15.375rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--uxdsl__palette__primary-main:var(--uxdsl__color__purple-200);--uxdsl__palette__primary-light:var(--uxdsl__color__purple-300);--uxdsl__palette__primary-dark:var(--uxdsl__color__purple-500);--uxdsl__palette__primary-contrast:var(--uxdsl__color__black);--uxdsl__palette__secondary-main:var(--uxdsl__color__pink-200);--uxdsl__palette__secondary-dark:var(--uxdsl__color__pink-500);--uxdsl__palette__secondary-contrast:var(--uxdsl__color__black);--uxdsl__palette__surface-main:var(--uxdsl__color__gray-950);--uxdsl__palette__surface-light:var(--uxdsl__color__gray-900);--uxdsl__palette__surface-dark:var(--uxdsl__color__gray-550);--uxdsl__palette__surface-contrast:var(--uxdsl__color__gray-50);--uxdsl__palette__neutral-main:var(--uxdsl__color__gray-320);--uxdsl__palette__neutral-light:var(--uxdsl__color__gray-300);--uxdsl__palette__neutral-dark:var(--uxdsl__color__gray-400);--uxdsl__palette__neutral-contrast:var(--uxdsl__color__black);--uxdsl__palette__tertiary-main:var(--uxdsl__color__gray-340);--uxdsl__palette__tertiary-dark:var(--uxdsl__color__gray-470);--uxdsl__palette__tertiary-contrast:var(--uxdsl__color__black);--uxdsl__palette__success-main:var(--uxdsl__color__green-400);--uxdsl__palette__success-dark:var(--uxdsl__color__green-650);--uxdsl__palette__success-contrast:var(--uxdsl__color__black);--uxdsl__palette__info-main:var(--uxdsl__color__sky-300);--uxdsl__palette__info-dark:var(--uxdsl__color__sky-650);--uxdsl__palette__info-contrast:var(--uxdsl__color__black);--uxdsl__palette__warning-main:var(--uxdsl__color__amber-400);--uxdsl__palette__warning-dark:var(--uxdsl__color__amber-500);--uxdsl__palette__warning-contrast:var(--uxdsl__color__black);--uxdsl__palette__error-main:var(--uxdsl__color__red-200);--uxdsl__palette__error-dark:var(--uxdsl__color__red-550);--uxdsl__palette__error-contrast:var(--uxdsl__color__black);--uxdsl__palette__light-main:var(--uxdsl__color__gray-800);--uxdsl__palette__light-dark:var(--uxdsl__color__gray-700);--uxdsl__palette__light-contrast:var(--uxdsl__color__gray-50);--uxdsl__palette__dark-main:var(--uxdsl__color__black);--uxdsl__palette__dark-contrast:var(--uxdsl__color__gray-50)}}:root[data-theme=dark]{--uxdsl__palette__primary-main:var(--uxdsl__color__purple-200);--uxdsl__palette__primary-light:var(--uxdsl__color__purple-300);--uxdsl__palette__primary-dark:var(--uxdsl__color__purple-500);--uxdsl__palette__primary-contrast:var(--uxdsl__color__black);--uxdsl__palette__secondary-main:var(--uxdsl__color__pink-200);--uxdsl__palette__secondary-dark:var(--uxdsl__color__pink-500);--uxdsl__palette__secondary-contrast:var(--uxdsl__color__black);--uxdsl__palette__surface-main:var(--uxdsl__color__gray-950);--uxdsl__palette__surface-light:var(--uxdsl__color__gray-900);--uxdsl__palette__surface-dark:var(--uxdsl__color__gray-550);--uxdsl__palette__surface-contrast:var(--uxdsl__color__gray-50);--uxdsl__palette__neutral-main:var(--uxdsl__color__gray-320);--uxdsl__palette__neutral-light:var(--uxdsl__color__gray-300);--uxdsl__palette__neutral-dark:var(--uxdsl__color__gray-400);--uxdsl__palette__neutral-contrast:var(--uxdsl__color__black);--uxdsl__palette__tertiary-main:var(--uxdsl__color__gray-340);--uxdsl__palette__tertiary-dark:var(--uxdsl__color__gray-470);--uxdsl__palette__tertiary-contrast:var(--uxdsl__color__black);--uxdsl__palette__success-main:var(--uxdsl__color__green-400);--uxdsl__palette__success-dark:var(--uxdsl__color__green-650);--uxdsl__palette__success-contrast:var(--uxdsl__color__black);--uxdsl__palette__info-main:var(--uxdsl__color__sky-300);--uxdsl__palette__info-dark:var(--uxdsl__color__sky-650);--uxdsl__palette__info-contrast:var(--uxdsl__color__black);--uxdsl__palette__warning-main:var(--uxdsl__color__amber-400);--uxdsl__palette__warning-dark:var(--uxdsl__color__amber-500);--uxdsl__palette__warning-contrast:var(--uxdsl__color__black);--uxdsl__palette__error-main:var(--uxdsl__color__red-200);--uxdsl__palette__error-dark:var(--uxdsl__color__red-550);--uxdsl__palette__error-contrast:var(--uxdsl__color__black);--uxdsl__palette__light-main:var(--uxdsl__color__gray-800);--uxdsl__palette__light-dark:var(--uxdsl__color__gray-700);--uxdsl__palette__light-contrast:var(--uxdsl__color__gray-50);--uxdsl__palette__dark-main:var(--uxdsl__color__black);--uxdsl__palette__dark-contrast:var(--uxdsl__color__gray-50)}:root{--uxdsl__font__ui:Inter,sans-serif;--uxdsl__font__code:monospace;--uxdsl__typography__default-font-family:var(--uxdsl__font__ui);--uxdsl__typography__default-font-size:var(--uxdsl__space__5);--uxdsl__typography__default-font-weight:400;--uxdsl__typography__default-line-height:1.6;--uxdsl__typography__default-letter-spacing:normal;--uxdsl__typography__default-margin-block-start:0;--uxdsl__typography__default-margin-block-end:0;--uxdsl__typography__tag-font-family:var(--uxdsl__font__ui);--uxdsl__typography__tag-font-size:var(--uxdsl__space__4);--uxdsl__typography__tag-font-weight:400;--uxdsl__typography__tag-line-height:1.4;--uxdsl__typography__tag-letter-spacing:0.01em;--uxdsl__typography__tag-margin-block-start:0;--uxdsl__typography__tag-margin-block-end:0;--uxdsl__typography__h1-font-family:var(--uxdsl__font__ui);--uxdsl__typography__h1-font-size:var(--uxdsl__space__7);--uxdsl__typography__h1-font-weight:700;--uxdsl__typography__h1-line-height:1.2;--uxdsl__typography__h1-letter-spacing:-0.02em;--uxdsl__typography__h1-margin-block-start:0;--uxdsl__typography__h1-margin-block-end:0.2em;--uxdsl__typography__h2-font-family:var(--uxdsl__font__ui);--uxdsl__typography__h2-font-size:var(--uxdsl__space__6);--uxdsl__typography__h2-font-weight:700;--uxdsl__typography__h2-line-height:1.2;--uxdsl__typography__h2-letter-spacing:-0.01em;--uxdsl__typography__h2-margin-block-start:0;--uxdsl__typography__h2-margin-block-end:0;--uxdsl__typography__h3-font-family:var(--uxdsl__font__ui);--uxdsl__typography__h3-font-size:var(--uxdsl__space__6);--uxdsl__typography__h3-font-weight:600;--uxdsl__typography__h3-line-height:1.3;--uxdsl__typography__h3-letter-spacing:normal;--uxdsl__typography__h3-margin-block-start:0;--uxdsl__typography__h3-margin-block-end:0;--uxdsl__typography__h4-font-family:var(--uxdsl__font__ui);--uxdsl__typography__h4-font-size:var(--uxdsl__space__5);--uxdsl__typography__h4-font-weight:600;--uxdsl__typography__h4-line-height:1.4;--uxdsl__typography__h4-letter-spacing:normal;--uxdsl__typography__h4-margin-block-start:0;--uxdsl__typography__h4-margin-block-end:0;--uxdsl__typography__h5-font-family:var(--uxdsl__font__ui-2,var(--uxdsl__font__ui));--uxdsl__typography__h5-font-size:var(--uxdsl__space__5);--uxdsl__typography__h5-font-weight:600;--uxdsl__typography__h5-line-height:1.4;--uxdsl__typography__h5-letter-spacing:normal;--uxdsl__typography__h5-margin-block-start:0;--uxdsl__typography__h5-margin-block-end:0;--uxdsl__typography__h6-font-family:var(--uxdsl__font__ui-2,var(--uxdsl__font__ui));--uxdsl__typography__h6-font-size:var(--uxdsl__space__5);--uxdsl__typography__h6-font-weight:600;--uxdsl__typography__h6-line-height:1.4;--uxdsl__typography__h6-letter-spacing:normal;--uxdsl__typography__h6-margin-block-start:0;--uxdsl__typography__h6-margin-block-end:0;--uxdsl__typography__p-font-family:var(--uxdsl__font__ui);--uxdsl__typography__p-font-size:var(--uxdsl__space__5);--uxdsl__typography__p-font-weight:400;--uxdsl__typography__p-line-height:1.6;--uxdsl__typography__p-letter-spacing:normal;--uxdsl__typography__p-margin-block-start:0;--uxdsl__typography__p-margin-block-end:0;--uxdsl__typography__body-font-family:var(--uxdsl__font__ui);--uxdsl__typography__body-font-size:var(--uxdsl__space__5);--uxdsl__typography__body-font-weight:400;--uxdsl__typography__body-line-height:1.6;--uxdsl__typography__body-letter-spacing:normal;--uxdsl__typography__body-margin-block-start:0;--uxdsl__typography__body-margin-block-end:0;--uxdsl__typography__span-font-family:var(--uxdsl__font__ui);--uxdsl__typography__span-font-size:var(--uxdsl__space__5);--uxdsl__typography__span-font-weight:400;--uxdsl__typography__span-line-height:1.6;--uxdsl__typography__span-letter-spacing:normal;--uxdsl__typography__span-margin-block-start:0;--uxdsl__typography__span-margin-block-end:0;--uxdsl__typography__small-font-family:var(--uxdsl__font__ui-2,var(--uxdsl__font__ui));--uxdsl__typography__small-font-size:var(--uxdsl__space__4);--uxdsl__typography__small-font-weight:400;--uxdsl__typography__small-line-height:1.4;--uxdsl__typography__small-letter-spacing:0.01em;--uxdsl__typography__small-margin-block-start:0;--uxdsl__typography__small-margin-block-end:0;--uxdsl__typography__code-font-family:var(--uxdsl__font__code),monospace;--uxdsl__typography__code-font-size:var(--uxdsl__space__4);--uxdsl__typography__code-font-weight:400;--uxdsl__typography__code-line-height:1.55;--uxdsl__typography__code-letter-spacing:normal;--uxdsl__typography__code-margin-block-start:0;--uxdsl__typography__code-margin-block-end:0;--uxdsl__typography__pre-font-family:var(--uxdsl__font__code),monospace;--uxdsl__typography__pre-font-size:var(--uxdsl__space__4);--uxdsl__typography__pre-font-weight:400;--uxdsl__typography__pre-line-height:1.55;--uxdsl__typography__pre-letter-spacing:normal;--uxdsl__typography__pre-margin-block-start:0;--uxdsl__typography__pre-margin-block-end:0;--uxdsl__typography__caption-font-family:var(--uxdsl__font__ui-2,var(--uxdsl__font__ui));--uxdsl__typography__caption-font-size:var(--uxdsl__space__4);--uxdsl__typography__caption-font-weight:400;--uxdsl__typography__caption-line-height:1.4;--uxdsl__typography__caption-letter-spacing:0.01em;--uxdsl__typography__caption-margin-block-start:0;--uxdsl__typography__caption-margin-block-end:0;--uxdsl__typography__body-sm-font-family:var(--uxdsl__font__ui);--uxdsl__typography__body-sm-font-size:var(--uxdsl__space__4);--uxdsl__typography__body-sm-font-weight:400;--uxdsl__typography__body-sm-line-height:1.4;--uxdsl__typography__body-sm-letter-spacing:0.01em;--uxdsl__typography__body-sm-margin-block-start:0;--uxdsl__typography__body-sm-margin-block-end:0;--uxdsl__typography__subtitle2-font-family:var(--uxdsl__font__ui);--uxdsl__typography__subtitle2-font-size:var(--uxdsl__space__4);--uxdsl__typography__subtitle2-font-weight:500;--uxdsl__typography__subtitle2-line-height:1.4;--uxdsl__typography__subtitle2-letter-spacing:0.01em;--uxdsl__typography__subtitle2-margin-block-start:0;--uxdsl__typography__subtitle2-margin-block-end:0}@media (min-width:480px){:root{--uxdsl__typography__h2-font-size:var(--uxdsl__space__7)}}@media (min-width:768px){:root{--uxdsl__typography__default-line-height:1.7;--uxdsl__typography__tag-line-height:1.5;--uxdsl__typography__h1-font-size:var(--uxdsl__space__8);--uxdsl__typography__h1-line-height:1.3;--uxdsl__typography__h2-line-height:1.3;--uxdsl__typography__h3-font-size:var(--uxdsl__space__7);--uxdsl__typography__h3-line-height:1.4;--uxdsl__typography__h4-font-size:var(--uxdsl__space__6);--uxdsl__typography__h4-line-height:1.5;--uxdsl__typography__h5-line-height:1.5;--uxdsl__typography__h6-line-height:1.5;--uxdsl__typography__p-line-height:1.7;--uxdsl__typography__body-line-height:1.7;--uxdsl__typography__span-line-height:1.7;--uxdsl__typography__small-line-height:1.5;--uxdsl__typography__code-line-height:1.6;--uxdsl__typography__pre-line-height:1.6;--uxdsl__typography__caption-line-height:1.5;--uxdsl__typography__body-sm-line-height:1.5;--uxdsl__typography__subtitle2-line-height:1.5}}@media (min-width:1024px){:root{--uxdsl__typography__h1-font-size:var(--uxdsl__space__9);--uxdsl__typography__h2-font-size:var(--uxdsl__space__8)}}@media (min-width:1280px){:root{--uxdsl__typography__h1-font-size:var(--uxdsl__space__10);--uxdsl__typography__h2-font-size:var(--uxdsl__space__9);--uxdsl__typography__h3-font-size:var(--uxdsl__space__8);--uxdsl__typography__h4-font-size:var(--uxdsl__space__7);--uxdsl__typography__h5-font-size:var(--uxdsl__space__6)}}:root{--uxdsl__border__0:none;--uxdsl__border__1:1px solid var(--uxdsl__color__gray-300);--uxdsl__border__2:var(--uxdsl__space__1) solid var(--uxdsl__color__gray-300);--uxdsl__border__3:var(--uxdsl__space__2) solid var(--uxdsl__color__gray-400);--uxdsl__border__4:var(--uxdsl__space__3) solid var(--uxdsl__color__gray-500);--uxdsl__border__5:var(--uxdsl__space__4) solid var(--uxdsl__color__gray-600);--uxdsl__radius__0:0;--uxdsl__radius__1:var(--uxdsl__space__1);--uxdsl__radius__2:var(--uxdsl__space__2);--uxdsl__radius__3:var(--uxdsl__space__3);--uxdsl__radius__4:var(--uxdsl__space__4);--uxdsl__radius__5:var(--uxdsl__space__6)}@media (min-width:1024px){:root{--uxdsl__radius__1:var(--uxdsl__space__2);--uxdsl__radius__2:var(--uxdsl__space__3);--uxdsl__radius__3:var(--uxdsl__space__4);--uxdsl__radius__4:var(--uxdsl__space__6);--uxdsl__radius__5:var(--uxdsl__space__8)}}:root{--uxdsl__shadow__0:none;--uxdsl__shadow__1:0 1px 2px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1);--uxdsl__shadow__2:0 1px 2px rgba(0,0,0,.05),0 2px 6px rgba(0,0,0,.12);--uxdsl__shadow__3:0 2px 4px rgba(0,0,0,.06),0 4px 10px rgba(0,0,0,.14);--uxdsl__shadow__4:0 4px 6px rgba(0,0,0,.08),0 10px 15px rgba(0,0,0,.16);--uxdsl__shadow__5:0 10px 15px rgba(0,0,0,.1),0 20px 25px rgba(0,0,0,.2);--uxdsl__surface__contained-padding:var(--uxdsl__density__2);--uxdsl__surface__contained-radius:var(--uxdsl__radius__2);--uxdsl__surface__contained-bg:var(--uxdsl__palette__surface-main);--uxdsl__surface__contained-color:var(--uxdsl__palette__surface-contrast);--uxdsl__surface__contained-border:1px solid var(--uxdsl__palette__surface-dark);--uxdsl__surface__contained-shadow:var(--uxdsl__shadow__1);--uxdsl__surface__outlined-padding:var(--uxdsl__density__2);--uxdsl__surface__outlined-radius:var(--uxdsl__radius__2);--uxdsl__surface__outlined-bg:transparent;--uxdsl__surface__outlined-color:var(--uxdsl__palette__surface-contrast);--uxdsl__surface__outlined-border:1px solid var(--uxdsl__palette__neutral-main);--uxdsl__surface__outlined-shadow:none;--uxdsl__surface__flat-padding:var(--uxdsl__density__2);--uxdsl__surface__flat-radius:var(--uxdsl__radius__2);--uxdsl__surface__flat-bg:transparent;--uxdsl__surface__flat-color:var(--uxdsl__palette__surface-contrast);--uxdsl__surface__flat-border:none;--uxdsl__surface__flat-shadow:none;--uxdsl__button__contained-hover-bg:var(--uxdsl__button__tone-dark,var(--uxdsl__palette__primary-dark));--uxdsl__button__contained-hover-color:var(--uxdsl__button__tone-contrast,var(--uxdsl__palette__primary-contrast));--uxdsl__button__contained-tone-primary-hover-bg:var(--uxdsl__palette__primary-dark);--uxdsl__button__contained-tone-primary-hover-color:var(--uxdsl__palette__primary-contrast);--uxdsl__button__contained-tone-secondary-hover-bg:var(--uxdsl__palette__secondary-dark);--uxdsl__button__contained-tone-secondary-hover-color:var(--uxdsl__palette__secondary-contrast);--uxdsl__button__contained-tone-surface-hover-bg:var(--uxdsl__palette__surface-dark);--uxdsl__button__contained-tone-surface-hover-color:var(--uxdsl__palette__surface-contrast);--uxdsl__button__contained-tone-tertiary-hover-bg:var(--uxdsl__palette__tertiary-dark);--uxdsl__button__contained-tone-tertiary-hover-color:var(--uxdsl__palette__tertiary-contrast);--uxdsl__button__contained-tone-success-hover-bg:var(--uxdsl__palette__success-dark);--uxdsl__button__contained-tone-success-hover-color:var(--uxdsl__palette__success-contrast);--uxdsl__button__contained-tone-info-hover-bg:var(--uxdsl__palette__info-dark);--uxdsl__button__contained-tone-info-hover-color:var(--uxdsl__palette__info-contrast);--uxdsl__button__contained-tone-warning-hover-bg:var(--uxdsl__palette__warning-dark);--uxdsl__button__contained-tone-warning-hover-color:var(--uxdsl__palette__warning-contrast);--uxdsl__button__contained-tone-error-hover-bg:var(--uxdsl__palette__error-dark);--uxdsl__button__contained-tone-error-hover-color:var(--uxdsl__palette__error-contrast);--uxdsl__button__contained-tone-dark-hover-bg:var(--uxdsl__palette__dark-dark);--uxdsl__button__contained-tone-dark-hover-color:var(--uxdsl__palette__dark-contrast);--uxdsl__button__contained-tone-neutral-hover-bg:var(--uxdsl__palette__neutral-dark);--uxdsl__button__contained-tone-neutral-hover-color:var(--uxdsl__palette__neutral-contrast);--uxdsl__button__contained-tone-light-hover-bg:var(--uxdsl__palette__light-dark);--uxdsl__button__contained-tone-light-hover-color:var(--uxdsl__palette__light-contrast);--uxdsl__button__contained-focusvisible-outline:2px solid var(--uxdsl__button__tone-main,var(--uxdsl__palette__primary-main));--uxdsl__button__contained-focusvisible-outline-offset:2px;--uxdsl__button__contained-tone-primary-focusvisible-outline:2px solid var(--uxdsl__palette__primary-main);--uxdsl__button__contained-tone-secondary-focusvisible-outline:2px solid var(--uxdsl__palette__secondary-main);--uxdsl__button__contained-tone-surface-focusvisible-outline:2px solid var(--uxdsl__palette__surface-main);--uxdsl__button__contained-tone-tertiary-focusvisible-outline:2px solid var(--uxdsl__palette__tertiary-main);--uxdsl__button__contained-tone-success-focusvisible-outline:2px solid var(--uxdsl__palette__success-main);--uxdsl__button__contained-tone-info-focusvisible-outline:2px solid var(--uxdsl__palette__info-main);--uxdsl__button__contained-tone-warning-focusvisible-outline:2px solid var(--uxdsl__palette__warning-main);--uxdsl__button__contained-tone-error-focusvisible-outline:2px solid var(--uxdsl__palette__error-main);--uxdsl__button__contained-tone-dark-focusvisible-outline:2px solid var(--uxdsl__palette__dark-main);--uxdsl__button__contained-tone-neutral-focusvisible-outline:2px solid var(--uxdsl__palette__neutral-main);--uxdsl__button__contained-tone-light-focusvisible-outline:2px solid var(--uxdsl__palette__light-main);--uxdsl__button__contained-selected-bg:var(--uxdsl__button__tone-dark,var(--uxdsl__palette__primary-dark));--uxdsl__button__contained-selected-color:var(--uxdsl__button__tone-contrast,var(--uxdsl__palette__primary-contrast));--uxdsl__button__contained-tone-primary-selected-bg:var(--uxdsl__palette__primary-dark);--uxdsl__button__contained-tone-primary-selected-color:var(--uxdsl__palette__primary-contrast);--uxdsl__button__contained-tone-secondary-selected-bg:var(--uxdsl__palette__secondary-dark);--uxdsl__button__contained-tone-secondary-selected-color:var(--uxdsl__palette__secondary-contrast);--uxdsl__button__contained-tone-surface-selected-bg:var(--uxdsl__palette__surface-dark);--uxdsl__button__contained-tone-surface-selected-color:var(--uxdsl__palette__surface-contrast);--uxdsl__button__contained-tone-tertiary-selected-bg:var(--uxdsl__palette__tertiary-dark);--uxdsl__button__contained-tone-tertiary-selected-color:var(--uxdsl__palette__tertiary-contrast);--uxdsl__button__contained-tone-success-selected-bg:var(--uxdsl__palette__success-dark);--uxdsl__button__contained-tone-success-selected-color:var(--uxdsl__palette__success-contrast);--uxdsl__button__contained-tone-info-selected-bg:var(--uxdsl__palette__info-dark);--uxdsl__button__contained-tone-info-selected-color:var(--uxdsl__palette__info-contrast);--uxdsl__button__contained-tone-warning-selected-bg:var(--uxdsl__palette__warning-dark);--uxdsl__button__contained-tone-warning-selected-color:var(--uxdsl__palette__warning-contrast);--uxdsl__button__contained-tone-error-selected-bg:var(--uxdsl__palette__error-dark);--uxdsl__button__contained-tone-error-selected-color:var(--uxdsl__palette__error-contrast);--uxdsl__button__contained-tone-dark-selected-bg:var(--uxdsl__palette__dark-dark);--uxdsl__button__contained-tone-dark-selected-color:var(--uxdsl__palette__dark-contrast);--uxdsl__button__contained-tone-neutral-selected-bg:var(--uxdsl__palette__neutral-dark);--uxdsl__button__contained-tone-neutral-selected-color:var(--uxdsl__palette__neutral-contrast);--uxdsl__button__contained-tone-light-selected-bg:var(--uxdsl__palette__light-dark);--uxdsl__button__contained-tone-light-selected-color:var(--uxdsl__palette__light-contrast);--uxdsl__button__contained-disabled-opacity:0.6;--uxdsl__button__contained-disabled-cursor:not-allowed;--uxdsl__button__outlined-hover-color:var(--uxdsl__button__tone-dark,var(--uxdsl__palette__primary-dark));--uxdsl__button__outlined-hover-border:1px solid var(--uxdsl__button__tone-dark,var(--uxdsl__palette__primary-dark));--uxdsl__button__outlined-tone-primary-hover-color:var(--uxdsl__palette__primary-dark);--uxdsl__button__outlined-tone-primary-hover-border:1px solid var(--uxdsl__palette__primary-dark);--uxdsl__button__outlined-tone-secondary-hover-color:var(--uxdsl__palette__secondary-dark);--uxdsl__button__outlined-tone-secondary-hover-border:1px solid var(--uxdsl__palette__secondary-dark);--uxdsl__button__outlined-tone-surface-hover-color:var(--uxdsl__palette__surface-dark);--uxdsl__button__outlined-tone-surface-hover-border:1px solid var(--uxdsl__palette__surface-dark);--uxdsl__button__outlined-tone-tertiary-hover-color:var(--uxdsl__palette__tertiary-dark);--uxdsl__button__outlined-tone-tertiary-hover-border:1px solid var(--uxdsl__palette__tertiary-dark);--uxdsl__button__outlined-tone-success-hover-color:var(--uxdsl__palette__success-dark);--uxdsl__button__outlined-tone-success-hover-border:1px solid var(--uxdsl__palette__success-dark);--uxdsl__button__outlined-tone-info-hover-color:var(--uxdsl__palette__info-dark);--uxdsl__button__outlined-tone-info-hover-border:1px solid var(--uxdsl__palette__info-dark);--uxdsl__button__outlined-tone-warning-hover-color:var(--uxdsl__palette__warning-dark);--uxdsl__button__outlined-tone-warning-hover-border:1px solid var(--uxdsl__palette__warning-dark);--uxdsl__button__outlined-tone-error-hover-color:var(--uxdsl__palette__error-dark);--uxdsl__button__outlined-tone-error-hover-border:1px solid var(--uxdsl__palette__error-dark);--uxdsl__button__outlined-tone-dark-hover-color:var(--uxdsl__palette__dark-dark);--uxdsl__button__outlined-tone-dark-hover-border:1px solid var(--uxdsl__palette__dark-dark);--uxdsl__button__outlined-tone-neutral-hover-color:var(--uxdsl__palette__neutral-dark);--uxdsl__button__outlined-tone-neutral-hover-border:1px solid var(--uxdsl__palette__neutral-dark);--uxdsl__button__outlined-tone-light-hover-color:var(--uxdsl__palette__light-dark);--uxdsl__button__outlined-tone-light-hover-border:1px solid var(--uxdsl__palette__light-dark);--uxdsl__button__outlined-focusvisible-outline:2px solid var(--uxdsl__button__tone-main,var(--uxdsl__palette__primary-main));--uxdsl__button__outlined-focusvisible-outline-offset:2px;--uxdsl__button__outlined-tone-primary-focusvisible-outline:2px solid var(--uxdsl__palette__primary-main);--uxdsl__button__outlined-tone-secondary-focusvisible-outline:2px solid var(--uxdsl__palette__secondary-main);--uxdsl__button__outlined-tone-surface-focusvisible-outline:2px solid var(--uxdsl__palette__surface-main);--uxdsl__button__outlined-tone-tertiary-focusvisible-outline:2px solid var(--uxdsl__palette__tertiary-main);--uxdsl__button__outlined-tone-success-focusvisible-outline:2px solid var(--uxdsl__palette__success-main);--uxdsl__button__outlined-tone-info-focusvisible-outline:2px solid var(--uxdsl__palette__info-main);--uxdsl__button__outlined-tone-warning-focusvisible-outline:2px solid var(--uxdsl__palette__warning-main);--uxdsl__button__outlined-tone-error-focusvisible-outline:2px solid var(--uxdsl__palette__error-main);--uxdsl__button__outlined-tone-dark-focusvisible-outline:2px solid var(--uxdsl__palette__dark-main);--uxdsl__button__outlined-tone-neutral-focusvisible-outline:2px solid var(--uxdsl__palette__neutral-main);--uxdsl__button__outlined-tone-light-focusvisible-outline:2px solid var(--uxdsl__palette__light-main);--uxdsl__button__outlined-selected-bg:var(--uxdsl__button__tone-main,var(--uxdsl__palette__primary-main));--uxdsl__button__outlined-selected-color:var(--uxdsl__button__tone-contrast,var(--uxdsl__palette__primary-contrast));--uxdsl__button__outlined-selected-border:1px solid var(--uxdsl__button__tone-main,var(--uxdsl__palette__primary-main));--uxdsl__button__outlined-tone-primary-selected-bg:var(--uxdsl__palette__primary-main);--uxdsl__button__outlined-tone-primary-selected-color:var(--uxdsl__palette__primary-contrast);--uxdsl__button__outlined-tone-primary-selected-border:1px solid var(--uxdsl__palette__primary-main);--uxdsl__button__outlined-tone-secondary-selected-bg:var(--uxdsl__palette__secondary-main);--uxdsl__button__outlined-tone-secondary-selected-color:var(--uxdsl__palette__secondary-contrast);--uxdsl__button__outlined-tone-secondary-selected-border:1px solid var(--uxdsl__palette__secondary-main);--uxdsl__button__outlined-tone-surface-selected-bg:var(--uxdsl__palette__surface-main);--uxdsl__button__outlined-tone-surface-selected-color:var(--uxdsl__palette__surface-contrast);--uxdsl__button__outlined-tone-surface-selected-border:1px solid var(--uxdsl__palette__surface-main);--uxdsl__button__outlined-tone-tertiary-selected-bg:var(--uxdsl__palette__tertiary-main);--uxdsl__button__outlined-tone-tertiary-selected-color:var(--uxdsl__palette__tertiary-contrast);--uxdsl__button__outlined-tone-tertiary-selected-border:1px solid var(--uxdsl__palette__tertiary-main);--uxdsl__button__outlined-tone-success-selected-bg:var(--uxdsl__palette__success-main);--uxdsl__button__outlined-tone-success-selected-color:var(--uxdsl__palette__success-contrast);--uxdsl__button__outlined-tone-success-selected-border:1px solid var(--uxdsl__palette__success-main);--uxdsl__button__outlined-tone-info-selected-bg:var(--uxdsl__palette__info-main);--uxdsl__button__outlined-tone-info-selected-color:var(--uxdsl__palette__info-contrast);--uxdsl__button__outlined-tone-info-selected-border:1px solid var(--uxdsl__palette__info-main);--uxdsl__button__outlined-tone-warning-selected-bg:var(--uxdsl__palette__warning-main);--uxdsl__button__outlined-tone-warning-selected-color:var(--uxdsl__palette__warning-contrast);--uxdsl__button__outlined-tone-warning-selected-border:1px solid var(--uxdsl__palette__warning-main);--uxdsl__button__outlined-tone-error-selected-bg:var(--uxdsl__palette__error-main);--uxdsl__button__outlined-tone-error-selected-color:var(--uxdsl__palette__error-contrast);--uxdsl__button__outlined-tone-error-selected-border:1px solid var(--uxdsl__palette__error-main);--uxdsl__button__outlined-tone-dark-selected-bg:var(--uxdsl__palette__dark-main);--uxdsl__button__outlined-tone-dark-selected-color:var(--uxdsl__palette__dark-contrast);--uxdsl__button__outlined-tone-dark-selected-border:1px solid var(--uxdsl__palette__dark-main);--uxdsl__button__outlined-tone-neutral-selected-bg:var(--uxdsl__palette__neutral-main);--uxdsl__button__outlined-tone-neutral-selected-color:var(--uxdsl__palette__neutral-contrast);--uxdsl__button__outlined-tone-neutral-selected-border:1px solid var(--uxdsl__palette__neutral-main);--uxdsl__button__outlined-tone-light-selected-bg:var(--uxdsl__palette__light-main);--uxdsl__button__outlined-tone-light-selected-color:var(--uxdsl__palette__light-contrast);--uxdsl__button__outlined-tone-light-selected-border:1px solid var(--uxdsl__palette__light-main);--uxdsl__button__outlined-disabled-opacity:0.6;--uxdsl__button__outlined-disabled-cursor:not-allowed;--uxdsl__button__flat-hover-color:var(--uxdsl__button__tone-dark,var(--uxdsl__palette__primary-dark));--uxdsl__button__flat-tone-primary-hover-color:var(--uxdsl__palette__primary-dark);--uxdsl__button__flat-tone-secondary-hover-color:var(--uxdsl__palette__secondary-dark);--uxdsl__button__flat-tone-surface-hover-color:var(--uxdsl__palette__surface-dark);--uxdsl__button__flat-tone-tertiary-hover-color:var(--uxdsl__palette__tertiary-dark);--uxdsl__button__flat-tone-success-hover-color:var(--uxdsl__palette__success-dark);--uxdsl__button__flat-tone-info-hover-color:var(--uxdsl__palette__info-dark);--uxdsl__button__flat-tone-warning-hover-color:var(--uxdsl__palette__warning-dark);--uxdsl__button__flat-tone-error-hover-color:var(--uxdsl__palette__error-dark);--uxdsl__button__flat-tone-dark-hover-color:var(--uxdsl__palette__dark-dark);--uxdsl__button__flat-tone-neutral-hover-color:var(--uxdsl__palette__neutral-dark);--uxdsl__button__flat-tone-light-hover-color:var(--uxdsl__palette__light-dark);--uxdsl__button__flat-focusvisible-outline:2px solid var(--uxdsl__button__tone-main,var(--uxdsl__palette__primary-main));--uxdsl__button__flat-focusvisible-outline-offset:2px;--uxdsl__button__flat-tone-primary-focusvisible-outline:2px solid var(--uxdsl__palette__primary-main);--uxdsl__button__flat-tone-secondary-focusvisible-outline:2px solid var(--uxdsl__palette__secondary-main);--uxdsl__button__flat-tone-surface-focusvisible-outline:2px solid var(--uxdsl__palette__surface-main);--uxdsl__button__flat-tone-tertiary-focusvisible-outline:2px solid var(--uxdsl__palette__tertiary-main);--uxdsl__button__flat-tone-success-focusvisible-outline:2px solid var(--uxdsl__palette__success-main);--uxdsl__button__flat-tone-info-focusvisible-outline:2px solid var(--uxdsl__palette__info-main);--uxdsl__button__flat-tone-warning-focusvisible-outline:2px solid var(--uxdsl__palette__warning-main);--uxdsl__button__flat-tone-error-focusvisible-outline:2px solid var(--uxdsl__palette__error-main);--uxdsl__button__flat-tone-dark-focusvisible-outline:2px solid var(--uxdsl__palette__dark-main);--uxdsl__button__flat-tone-neutral-focusvisible-outline:2px solid var(--uxdsl__palette__neutral-main);--uxdsl__button__flat-tone-light-focusvisible-outline:2px solid var(--uxdsl__palette__light-main);--uxdsl__button__flat-selected-color:var(--uxdsl__button__tone-dark,var(--uxdsl__palette__primary-dark));--uxdsl__button__flat-tone-primary-selected-color:var(--uxdsl__palette__primary-dark);--uxdsl__button__flat-tone-secondary-selected-color:var(--uxdsl__palette__secondary-dark);--uxdsl__button__flat-tone-surface-selected-color:var(--uxdsl__palette__surface-dark);--uxdsl__button__flat-tone-tertiary-selected-color:var(--uxdsl__palette__tertiary-dark);--uxdsl__button__flat-tone-success-selected-color:var(--uxdsl__palette__success-dark);--uxdsl__button__flat-tone-info-selected-color:var(--uxdsl__palette__info-dark);--uxdsl__button__flat-tone-warning-selected-color:var(--uxdsl__palette__warning-dark);--uxdsl__button__flat-tone-error-selected-color:var(--uxdsl__palette__error-dark);--uxdsl__button__flat-tone-dark-selected-color:var(--uxdsl__palette__dark-dark);--uxdsl__button__flat-tone-neutral-selected-color:var(--uxdsl__palette__neutral-dark);--uxdsl__button__flat-tone-light-selected-color:var(--uxdsl__palette__light-dark);--uxdsl__button__flat-disabled-opacity:0.6;--uxdsl__button__flat-disabled-cursor:not-allowed;--uxdsl__input__contained-base-caret:var(--uxdsl__input__tone-main,var(--uxdsl__palette__primary-main));--uxdsl__input__contained-base-placeholder:var(--uxdsl__palette__neutral-dark);--uxdsl__input__contained-tone-primary-base-caret:var(--uxdsl__palette__primary-main);--uxdsl__input__contained-tone-secondary-base-caret:var(--uxdsl__palette__secondary-main);--uxdsl__input__contained-tone-surface-base-caret:var(--uxdsl__palette__surface-main);--uxdsl__input__contained-tone-tertiary-base-caret:var(--uxdsl__palette__tertiary-main);--uxdsl__input__contained-tone-success-base-caret:var(--uxdsl__palette__success-main);--uxdsl__input__contained-tone-info-base-caret:var(--uxdsl__palette__info-main);--uxdsl__input__contained-tone-warning-base-caret:var(--uxdsl__palette__warning-main);--uxdsl__input__contained-tone-error-base-caret:var(--uxdsl__palette__error-main);--uxdsl__input__contained-tone-dark-base-caret:var(--uxdsl__palette__dark-main);--uxdsl__input__contained-tone-neutral-base-caret:var(--uxdsl__palette__neutral-main);--uxdsl__input__contained-tone-light-base-caret:var(--uxdsl__palette__light-main);--uxdsl__input__contained-focus-border:1px solid var(--uxdsl__input__tone-main,var(--uxdsl__palette__primary-main));--uxdsl__input__contained-focus-shadow:var(--uxdsl__shadow__2);--uxdsl__input__contained-tone-primary-focus-border:1px solid var(--uxdsl__palette__primary-main);--uxdsl__input__contained-tone-secondary-focus-border:1px solid var(--uxdsl__palette__secondary-main);--uxdsl__input__contained-tone-surface-focus-border:1px solid var(--uxdsl__palette__surface-main);--uxdsl__input__contained-tone-tertiary-focus-border:1px solid var(--uxdsl__palette__tertiary-main);--uxdsl__input__contained-tone-success-focus-border:1px solid var(--uxdsl__palette__success-main);--uxdsl__input__contained-tone-info-focus-border:1px solid var(--uxdsl__palette__info-main);--uxdsl__input__contained-tone-warning-focus-border:1px solid var(--uxdsl__palette__warning-main);--uxdsl__input__contained-tone-error-focus-border:1px solid var(--uxdsl__palette__error-main);--uxdsl__input__contained-tone-dark-focus-border:1px solid var(--uxdsl__palette__dark-main);--uxdsl__input__contained-tone-neutral-focus-border:1px solid var(--uxdsl__palette__neutral-main);--uxdsl__input__contained-tone-light-focus-border:1px solid var(--uxdsl__palette__light-main);--uxdsl__input__contained-invalid-border:1px solid var(--uxdsl__palette__error-main);--uxdsl__input__contained-disabled-color:var(--uxdsl__palette__neutral-dark);--uxdsl__input__contained-disabled-opacity:0.6;--uxdsl__input__contained-disabled-cursor:not-allowed;--uxdsl__input__outlined-base-caret:var(--uxdsl__input__tone-main,var(--uxdsl__palette__primary-main));--uxdsl__input__outlined-base-placeholder:var(--uxdsl__palette__neutral-dark);--uxdsl__input__outlined-tone-primary-base-caret:var(--uxdsl__palette__primary-main);--uxdsl__input__outlined-tone-secondary-base-caret:var(--uxdsl__palette__secondary-main);--uxdsl__input__outlined-tone-surface-base-caret:var(--uxdsl__palette__surface-main);--uxdsl__input__outlined-tone-tertiary-base-caret:var(--uxdsl__palette__tertiary-main);--uxdsl__input__outlined-tone-success-base-caret:var(--uxdsl__palette__success-main);--uxdsl__input__outlined-tone-info-base-caret:var(--uxdsl__palette__info-main);--uxdsl__input__outlined-tone-warning-base-caret:var(--uxdsl__palette__warning-main);--uxdsl__input__outlined-tone-error-base-caret:var(--uxdsl__palette__error-main);--uxdsl__input__outlined-tone-dark-base-caret:var(--uxdsl__palette__dark-main);--uxdsl__input__outlined-tone-neutral-base-caret:var(--uxdsl__palette__neutral-main);--uxdsl__input__outlined-tone-light-base-caret:var(--uxdsl__palette__light-main);--uxdsl__input__outlined-focus-border:1px solid var(--uxdsl__input__tone-main,var(--uxdsl__palette__primary-main));--uxdsl__input__outlined-tone-primary-focus-border:1px solid var(--uxdsl__palette__primary-main);--uxdsl__input__outlined-tone-secondary-focus-border:1px solid var(--uxdsl__palette__secondary-main);--uxdsl__input__outlined-tone-surface-focus-border:1px solid var(--uxdsl__palette__surface-main);--uxdsl__input__outlined-tone-tertiary-focus-border:1px solid var(--uxdsl__palette__tertiary-main);--uxdsl__input__outlined-tone-success-focus-border:1px solid var(--uxdsl__palette__success-main);--uxdsl__input__outlined-tone-info-focus-border:1px solid var(--uxdsl__palette__info-main);--uxdsl__input__outlined-tone-warning-focus-border:1px solid var(--uxdsl__palette__warning-main);--uxdsl__input__outlined-tone-error-focus-border:1px solid var(--uxdsl__palette__error-main);--uxdsl__input__outlined-tone-dark-focus-border:1px solid var(--uxdsl__palette__dark-main);--uxdsl__input__outlined-tone-neutral-focus-border:1px solid var(--uxdsl__palette__neutral-main);--uxdsl__input__outlined-tone-light-focus-border:1px solid var(--uxdsl__palette__light-main);--uxdsl__input__outlined-invalid-border:1px solid var(--uxdsl__palette__error-main);--uxdsl__input__outlined-disabled-opacity:0.6;--uxdsl__input__outlined-disabled-cursor:not-allowed;--uxdsl__input__underline-base-border:none;--uxdsl__input__underline-base-shadow:none;--uxdsl__input__underline-base-underline:1px solid var(--uxdsl__palette__neutral-dark);--uxdsl__input__underline-base-caret:var(--uxdsl__input__tone-main,var(--uxdsl__palette__primary-main));--uxdsl__input__underline-base-placeholder:var(--uxdsl__palette__neutral-dark);--uxdsl__input__underline-tone-primary-base-caret:var(--uxdsl__palette__primary-main);--uxdsl__input__underline-tone-secondary-base-caret:var(--uxdsl__palette__secondary-main);--uxdsl__input__underline-tone-surface-base-caret:var(--uxdsl__palette__surface-main);--uxdsl__input__underline-tone-tertiary-base-caret:var(--uxdsl__palette__tertiary-main);--uxdsl__input__underline-tone-success-base-caret:var(--uxdsl__palette__success-main);--uxdsl__input__underline-tone-info-base-caret:var(--uxdsl__palette__info-main);--uxdsl__input__underline-tone-warning-base-caret:var(--uxdsl__palette__warning-main);--uxdsl__input__underline-tone-error-base-caret:var(--uxdsl__palette__error-main);--uxdsl__input__underline-tone-dark-base-caret:var(--uxdsl__palette__dark-main);--uxdsl__input__underline-tone-neutral-base-caret:var(--uxdsl__palette__neutral-main);--uxdsl__input__underline-tone-light-base-caret:var(--uxdsl__palette__light-main);--uxdsl__input__underline-focus-underline:1px solid var(--uxdsl__input__tone-main,var(--uxdsl__palette__primary-main));--uxdsl__input__underline-tone-primary-focus-underline:1px solid var(--uxdsl__palette__primary-main);--uxdsl__input__underline-tone-secondary-focus-underline:1px solid var(--uxdsl__palette__secondary-main);--uxdsl__input__underline-tone-surface-focus-underline:1px solid var(--uxdsl__palette__surface-main);--uxdsl__input__underline-tone-tertiary-focus-underline:1px solid var(--uxdsl__palette__tertiary-main);--uxdsl__input__underline-tone-success-focus-underline:1px solid var(--uxdsl__palette__success-main);--uxdsl__input__underline-tone-info-focus-underline:1px solid var(--uxdsl__palette__info-main);--uxdsl__input__underline-tone-warning-focus-underline:1px solid var(--uxdsl__palette__warning-main);--uxdsl__input__underline-tone-error-focus-underline:1px solid var(--uxdsl__palette__error-main);--uxdsl__input__underline-tone-dark-focus-underline:1px solid var(--uxdsl__palette__dark-main);--uxdsl__input__underline-tone-neutral-focus-underline:1px solid var(--uxdsl__palette__neutral-main);--uxdsl__input__underline-tone-light-focus-underline:1px solid var(--uxdsl__palette__light-main);--uxdsl__input__underline-invalid-underline:1px solid var(--uxdsl__palette__error-main);--uxdsl__input__underline-disabled-opacity:0.6;--uxdsl__input__underline-disabled-cursor:not-allowed;--uxdsl__density__0:0;--uxdsl__density__1:var(--uxdsl__space__1);--uxdsl__density__2:var(--uxdsl__space__2);--uxdsl__density__3:var(--uxdsl__space__3);--uxdsl__density__4:var(--uxdsl__space__4);--uxdsl__density__5:var(--uxdsl__space__5);--uxdsl__density__6:var(--uxdsl__space__6);--uxdsl__density__7:var(--uxdsl__space__7);--uxdsl__density__8:var(--uxdsl__space__8);--uxdsl__density__9:var(--uxdsl__space__9);--uxdsl__density__10:var(--uxdsl__space__10);--uxdsl__density__11:var(--uxdsl__space__11);--uxdsl__density__12:var(--uxdsl__space__12);--uxdsl__density__13:var(--uxdsl__space__13);--uxdsl__density__14:var(--uxdsl__space__14);--uxdsl__density__15:var(--uxdsl__space__15)}@media (min-width:768px){:root{--uxdsl__density__1:var(--uxdsl__space__2);--uxdsl__density__2:var(--uxdsl__space__3);--uxdsl__density__3:var(--uxdsl__space__4);--uxdsl__density__4:var(--uxdsl__space__5);--uxdsl__density__5:var(--uxdsl__space__6);--uxdsl__density__6:var(--uxdsl__space__7);--uxdsl__density__7:var(--uxdsl__space__8);--uxdsl__density__8:var(--uxdsl__space__9);--uxdsl__density__9:var(--uxdsl__space__10);--uxdsl__density__10:var(--uxdsl__space__11);--uxdsl__density__11:var(--uxdsl__space__12);--uxdsl__density__12:var(--uxdsl__space__13);--uxdsl__density__13:var(--uxdsl__space__14);--uxdsl__density__14:var(--uxdsl__space__15);--uxdsl__density__15:var(--uxdsl__space__16)}}@media (min-width:1280px){:root{--uxdsl__density__1:var(--uxdsl__space__3);--uxdsl__density__2:var(--uxdsl__space__4);--uxdsl__density__3:var(--uxdsl__space__5);--uxdsl__density__4:var(--uxdsl__space__6);--uxdsl__density__5:var(--uxdsl__space__7);--uxdsl__density__6:var(--uxdsl__space__8);--uxdsl__density__7:var(--uxdsl__space__9);--uxdsl__density__8:var(--uxdsl__space__10);--uxdsl__density__9:var(--uxdsl__space__11);--uxdsl__density__10:var(--uxdsl__space__12);--uxdsl__density__11:var(--uxdsl__space__13);--uxdsl__density__12:var(--uxdsl__space__14);--uxdsl__density__13:var(--uxdsl__space__15);--uxdsl__density__14:var(--uxdsl__space__16)}}.ds-typo{font-family:var(--uxdsl__font__ui),sans-serif;color:inherit;margin-block-start:auto;margin-block-end:auto}:where(h1).ds-typo{font-size:var(--uxdsl__typography__h1-font-size);font-weight:var(--uxdsl__typography__h1-font-weight,700);font-family:var(--uxdsl__typography__h1-font-family,var(--uxdsl__font__ui));line-height:var(--uxdsl__typography__h1-line-height);letter-spacing:var(--uxdsl__typography__h1-letter-spacing);text-transform:var(--uxdsl__typography__h1-text-transform,none);text-decoration:var(--uxdsl__typography__h1-text-decoration,none);font-style:var(--uxdsl__typography__h1-font-style,normal);margin-block-start:var(--uxdsl__typography__h1-margin-block-start,auto);margin-block-end:var(--uxdsl__typography__h1-margin-block-end,auto)}:where(h2).ds-typo{font-size:var(--uxdsl__typography__h2-font-size);font-weight:var(--uxdsl__typography__h2-font-weight,700);font-family:var(--uxdsl__typography__h2-font-family,var(--uxdsl__font__ui));line-height:var(--uxdsl__typography__h2-line-height);letter-spacing:var(--uxdsl__typography__h2-letter-spacing);text-transform:var(--uxdsl__typography__h2-text-transform,none);text-decoration:var(--uxdsl__typography__h2-text-decoration,none);font-style:var(--uxdsl__typography__h2-font-style,normal);margin-block-start:var(--uxdsl__typography__h2-margin-block-start,auto);margin-block-end:var(--uxdsl__typography__h2-margin-block-end,auto)}:where(h3).ds-typo{font-size:var(--uxdsl__typography__h3-font-size);font-weight:var(--uxdsl__typography__h3-font-weight,600);font-family:var(--uxdsl__typography__h3-font-family,var(--uxdsl__font__ui));line-height:var(--uxdsl__typography__h3-line-height);letter-spacing:var(--uxdsl__typography__h3-letter-spacing);text-transform:var(--uxdsl__typography__h3-text-transform,none);text-decoration:var(--uxdsl__typography__h3-text-decoration,none);font-style:var(--uxdsl__typography__h3-font-style,normal);margin-block-start:var(--uxdsl__typography__h3-margin-block-start,auto);margin-block-end:var(--uxdsl__typography__h3-margin-block-end,auto)}:where(h4).ds-typo{font-size:var(--uxdsl__typography__h4-font-size);font-weight:var(--uxdsl__typography__h4-font-weight,600);font-family:var(--uxdsl__typography__h4-font-family,var(--uxdsl__font__ui));line-height:var(--uxdsl__typography__h4-line-height);letter-spacing:var(--uxdsl__typography__h4-letter-spacing);text-transform:var(--uxdsl__typography__h4-text-transform,none);text-decoration:var(--uxdsl__typography__h4-text-decoration,none);font-style:var(--uxdsl__typography__h4-font-style,normal);margin-block-start:var(--uxdsl__typography__h4-margin-block-start,auto);margin-block-end:var(--uxdsl__typography__h4-margin-block-end,auto)}:where(h5).ds-typo{font-size:var(--uxdsl__typography__h5-font-size);font-weight:var(--uxdsl__typography__h5-font-weight,600);font-family:var(--uxdsl__typography__h5-font-family,var(--uxdsl__font__ui-2,var(--uxdsl__font__ui)));line-height:var(--uxdsl__typography__h5-line-height);letter-spacing:var(--uxdsl__typography__h5-letter-spacing);text-transform:var(--uxdsl__typography__h5-text-transform,none);text-decoration:var(--uxdsl__typography__h5-text-decoration,none);font-style:var(--uxdsl__typography__h5-font-style,normal);margin-block-start:var(--uxdsl__typography__h5-margin-block-start,auto);margin-block-end:var(--uxdsl__typography__h5-margin-block-end,auto)}:where(h6).ds-typo{font-size:var(--uxdsl__typography__h6-font-size);font-weight:var(--uxdsl__typography__h6-font-weight,600);font-family:var(--uxdsl__typography__h6-font-family,var(--uxdsl__font__ui-2,var(--uxdsl__font__ui)));line-height:var(--uxdsl__typography__h6-line-height);letter-spacing:var(--uxdsl__typography__h6-letter-spacing);text-transform:var(--uxdsl__typography__h6-text-transform,none);text-decoration:var(--uxdsl__typography__h6-text-decoration,none);font-style:var(--uxdsl__typography__h6-font-style,normal);margin-block-start:var(--uxdsl__typography__h6-margin-block-start,auto);margin-block-end:var(--uxdsl__typography__h6-margin-block-end,auto)}:where(p).ds-typo{font-size:var(--uxdsl__typography__p-font-size);line-height:var(--uxdsl__typography__p-line-height,normal);font-weight:var(--uxdsl__typography__p-font-weight,400);font-family:var(--uxdsl__typography__p-font-family,var(--uxdsl__font__ui));letter-spacing:var(--uxdsl__typography__p-letter-spacing);text-transform:var(--uxdsl__typography__p-text-transform,none);text-decoration:var(--uxdsl__typography__p-text-decoration,none);font-style:var(--uxdsl__typography__p-font-style,normal);margin-block-start:var(--uxdsl__typography__p-margin-block-start,auto);margin-block-end:var(--uxdsl__typography__p-margin-block-end,auto)}:where(span).ds-typo{font-size:var(--uxdsl__typography__span-font-size);font-weight:var(--uxdsl__typography__span-font-weight,400);font-family:var(--uxdsl__typography__span-font-family,var(--uxdsl__font__ui));line-height:var(--uxdsl__typography__span-line-height);letter-spacing:var(--uxdsl__typography__span-letter-spacing);text-transform:var(--uxdsl__typography__span-text-transform,none);text-decoration:var(--uxdsl__typography__span-text-decoration,none);font-style:var(--uxdsl__typography__span-font-style,normal);margin-block-start:var(--uxdsl__typography__span-margin-block-start,auto);margin-block-end:var(--uxdsl__typography__span-margin-block-end,auto)}:where(small).ds-typo{font-size:var(--uxdsl__typography__small-font-size);opacity:var(--uxdsl__typography__caption-opacity,1);font-family:var(--uxdsl__typography__small-font-family,var(--uxdsl__font__ui-2,var(--uxdsl__font__ui)));line-height:var(--uxdsl__typography__small-line-height);letter-spacing:var(--uxdsl__typography__small-letter-spacing);text-transform:var(--uxdsl__typography__small-text-transform,none);text-decoration:var(--uxdsl__typography__small-text-decoration,none);font-style:var(--uxdsl__typography__small-font-style,normal);margin-block-start:var(--uxdsl__typography__small-margin-block-start,auto);margin-block-end:var(--uxdsl__typography__small-margin-block-end,auto)}:where(.caption).ds-typo,:where(caption).ds-typo{font-size:var(--uxdsl__typography__caption-font-size);opacity:var(--uxdsl__typography__caption-opacity,.8);font-family:var(--uxdsl__typography__caption-font-family,var(--uxdsl__font__ui-2,var(--uxdsl__font__ui)));line-height:var(--uxdsl__typography__caption-line-height);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);text-transform:var(--uxdsl__typography__caption-text-transform,none);text-decoration:var(--uxdsl__typography__caption-text-decoration,none);font-style:var(--uxdsl__typography__caption-font-style,normal);margin-block-start:var(--uxdsl__typography__caption-margin-block-start,auto);margin-block-end:var(--uxdsl__typography__caption-margin-block-end,auto)}:where(code).ds-typo,:where(pre).ds-typo{font-family:var(--uxdsl__typography__pre-font-family,var(--uxdsl__font__code)),monospace;font-size:var(--uxdsl__typography__pre-font-size);line-height:var(--uxdsl__typography__pre-line-height)}.ds-typo[data-typo=h1]{font-family:var(--uxdsl__typography__h1-font-family);font-size:var(--uxdsl__typography__h1-font-size);line-height:var(--uxdsl__typography__h1-line-height);font-weight:var(--uxdsl__typography__h1-font-weight);letter-spacing:var(--uxdsl__typography__h1-letter-spacing);margin-block-start:var(--uxdsl__typography__h1-margin-block-start);margin-block-end:var(--uxdsl__typography__h1-margin-block-end)}.ds-typo[data-typo=h2]{font-family:var(--uxdsl__typography__h2-font-family);font-size:var(--uxdsl__typography__h2-font-size);line-height:var(--uxdsl__typography__h2-line-height);font-weight:var(--uxdsl__typography__h2-font-weight);letter-spacing:var(--uxdsl__typography__h2-letter-spacing);margin-block-start:var(--uxdsl__typography__h2-margin-block-start);margin-block-end:var(--uxdsl__typography__h2-margin-block-end)}.ds-typo[data-typo=h3]{font-family:var(--uxdsl__typography__h3-font-family);font-size:var(--uxdsl__typography__h3-font-size);line-height:var(--uxdsl__typography__h3-line-height);font-weight:var(--uxdsl__typography__h3-font-weight);letter-spacing:var(--uxdsl__typography__h3-letter-spacing);margin-block-start:var(--uxdsl__typography__h3-margin-block-start);margin-block-end:var(--uxdsl__typography__h3-margin-block-end)}.ds-typo[data-typo=h4]{font-family:var(--uxdsl__typography__h4-font-family);font-size:var(--uxdsl__typography__h4-font-size);line-height:var(--uxdsl__typography__h4-line-height);font-weight:var(--uxdsl__typography__h4-font-weight);letter-spacing:var(--uxdsl__typography__h4-letter-spacing);margin-block-start:var(--uxdsl__typography__h4-margin-block-start);margin-block-end:var(--uxdsl__typography__h4-margin-block-end)}.ds-typo[data-typo=h5]{font-family:var(--uxdsl__typography__h5-font-family);font-size:var(--uxdsl__typography__h5-font-size);line-height:var(--uxdsl__typography__h5-line-height);font-weight:var(--uxdsl__typography__h5-font-weight);letter-spacing:var(--uxdsl__typography__h5-letter-spacing);margin-block-start:var(--uxdsl__typography__h5-margin-block-start);margin-block-end:var(--uxdsl__typography__h5-margin-block-end)}.ds-typo[data-typo=h6]{font-family:var(--uxdsl__typography__h6-font-family);font-size:var(--uxdsl__typography__h6-font-size);line-height:var(--uxdsl__typography__h6-line-height);font-weight:var(--uxdsl__typography__h6-font-weight);letter-spacing:var(--uxdsl__typography__h6-letter-spacing);margin-block-start:var(--uxdsl__typography__h6-margin-block-start);margin-block-end:var(--uxdsl__typography__h6-margin-block-end)}.ds-typo[data-typo=p]{font-family:var(--uxdsl__typography__p-font-family);font-size:var(--uxdsl__typography__p-font-size);line-height:var(--uxdsl__typography__p-line-height);font-weight:var(--uxdsl__typography__p-font-weight);letter-spacing:var(--uxdsl__typography__p-letter-spacing);margin-block-start:var(--uxdsl__typography__p-margin-block-start);margin-block-end:var(--uxdsl__typography__p-margin-block-end)}.ds-typo[data-typo=body]{font-family:var(--uxdsl__typography__body-font-family);font-size:var(--uxdsl__typography__body-font-size);line-height:var(--uxdsl__typography__body-line-height);font-weight:var(--uxdsl__typography__body-font-weight);letter-spacing:var(--uxdsl__typography__body-letter-spacing);margin-block-start:var(--uxdsl__typography__body-margin-block-start);margin-block-end:var(--uxdsl__typography__body-margin-block-end)}.ds-typo[data-typo=span]{font-family:var(--uxdsl__typography__span-font-family);font-size:var(--uxdsl__typography__span-font-size);line-height:var(--uxdsl__typography__span-line-height);font-weight:var(--uxdsl__typography__span-font-weight);letter-spacing:var(--uxdsl__typography__span-letter-spacing);margin-block-start:var(--uxdsl__typography__span-margin-block-start);margin-block-end:var(--uxdsl__typography__span-margin-block-end)}.ds-typo[data-typo=small]{font-family:var(--uxdsl__typography__small-font-family);font-size:var(--uxdsl__typography__small-font-size);line-height:var(--uxdsl__typography__small-line-height);font-weight:var(--uxdsl__typography__small-font-weight);letter-spacing:var(--uxdsl__typography__small-letter-spacing);margin-block-start:var(--uxdsl__typography__small-margin-block-start);margin-block-end:var(--uxdsl__typography__small-margin-block-end)}.ds-typo[data-typo=caption]{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end)}.ds-typo[data-typo=pre]{font-family:var(--uxdsl__typography__pre-font-family);font-size:var(--uxdsl__typography__pre-font-size);line-height:var(--uxdsl__typography__pre-line-height);font-weight:var(--uxdsl__typography__pre-font-weight);letter-spacing:var(--uxdsl__typography__pre-letter-spacing);margin-block-start:var(--uxdsl__typography__pre-margin-block-start);margin-block-end:var(--uxdsl__typography__pre-margin-block-end)}.ds-typo[data-typo=code]{font-family:var(--uxdsl__typography__code-font-family);font-size:var(--uxdsl__typography__code-font-size);line-height:var(--uxdsl__typography__code-line-height);font-weight:var(--uxdsl__typography__code-font-weight);letter-spacing:var(--uxdsl__typography__code-letter-spacing);margin-block-start:var(--uxdsl__typography__code-margin-block-start);margin-block-end:var(--uxdsl__typography__code-margin-block-end)}.ds-typo[data-typo=default]{font-family:var(--uxdsl__typography__default-font-family);font-size:var(--uxdsl__typography__default-font-size);line-height:var(--uxdsl__typography__default-line-height);font-weight:var(--uxdsl__typography__default-font-weight);letter-spacing:var(--uxdsl__typography__default-letter-spacing);margin-block-start:var(--uxdsl__typography__default-margin-block-start);margin-block-end:var(--uxdsl__typography__default-margin-block-end)}*,:after,:before{box-sizing:border-box}body,html{min-height:100%;margin:0!important;padding:0!important;width:100%;font-family:var(--uxdsl__font__ui,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);background:var(--uxdsl__palette__surface-main);color:var(--uxdsl__palette__surface-contrast)}.main{display:block;min-height:100vh;padding:var(--uxdsl__space__6) var(--uxdsl__space__4);background:var(--uxdsl__palette__surface-light)}.container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--uxdsl__space__3)}.layout{display:grid;grid-template-columns:100%;gap:var(--uxdsl__space__4);padding:var(--uxdsl__space__2);margin:0 auto;max-width:1400px;align-items:start}@media (min-width:1024px){.layout{grid-template-columns:max-content 1fr}}@media (min-width:768px){.layout{gap:var(--uxdsl__space__6);padding:var(--uxdsl__space__4)}}.layout__nav{position:absolute;width:0;height:0;min-width:auto}@media (min-width:1024px){.layout__nav{position:static;width:auto;height:auto;min-width:0}}.layout__content{min-width:0}pre{max-width:100%;overflow-x:auto}:not(pre)>code{overflow-wrap:anywhere}img,table,video{max-width:100%}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--uxdsl__palette__neutral-light);border-radius:9999px;outline:none;opacity:.8;transition:opacity .2s;cursor:pointer;margin:var(--uxdsl__density__1) 0}input[type=range]:hover{opacity:1}input[type=range]:focus-visible{opacity:1;outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:9999px;background:var(--uxdsl__palette__primary-main);cursor:pointer;transition:background .15s ease-in-out,transform .1s;border:2px solid var(--uxdsl__palette__surface-main);box-shadow:var(--uxdsl__shadow__1)}input[type=range]::-webkit-slider-thumb:hover{background:var(--uxdsl__palette__primary-light);transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:9999px;background:var(--uxdsl__palette__primary-main);cursor:pointer;transition:background .15s ease-in-out,transform .1s;border:2px solid var(--uxdsl__palette__surface-main);box-shadow:var(--uxdsl__shadow__1)}input[type=range]::-moz-range-thumb:hover{background:var(--uxdsl__palette__primary-light);transform:scale(1.1)}.code-textarea{width:100%;font-family:monospace}.agent-guidance{margin-block:var(--uxdsl__space__4);border:var(--uxdsl__border__1);border-radius:var(--uxdsl__radius__2);background:var(--uxdsl__palette__surface-main);min-width:0;line-height:1.7;scroll-margin-top:var(--uxdsl__space__11)}.agent-guidance[open]{box-shadow:var(--uxdsl__shadow__1)}.agent-guidance__summary{cursor:pointer;padding:var(--uxdsl__density__3) var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__2);list-style-position:inside}.agent-guidance__summary:hover{background:color-mix(in srgb,var(--uxdsl__palette__primary-main) 6%,transparent)}.agent-guidance__summary:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:2px}.agent-guidance__title{font-family:var(--uxdsl__typography__h5-font-family);font-size:var(--uxdsl__typography__h5-font-size);line-height:var(--uxdsl__typography__h5-line-height);font-weight:var(--uxdsl__typography__h5-font-weight);letter-spacing:var(--uxdsl__typography__h5-letter-spacing);margin-block-start:var(--uxdsl__typography__h5-margin-block-start);margin-block-end:var(--uxdsl__typography__h5-margin-block-end);margin:0}.agent-guidance__body{padding:0 var(--uxdsl__density__4) var(--uxdsl__density__4);border-top:var(--uxdsl__border__1)}.agent-guidance h3{font-family:var(--uxdsl__typography__h6-font-family);font-size:var(--uxdsl__typography__h6-font-size);line-height:var(--uxdsl__typography__h6-line-height);font-weight:var(--uxdsl__typography__h6-font-weight);letter-spacing:var(--uxdsl__typography__h6-letter-spacing);margin-block-start:var(--uxdsl__typography__h6-margin-block-start);margin-block-end:var(--uxdsl__typography__h6-margin-block-end);margin-block:var(--uxdsl__space__6) var(--uxdsl__space__3)}.agent-guidance p{margin-block:var(--uxdsl__space__4)}.agent-guidance ol,.agent-guidance ul{padding-inline-start:var(--uxdsl__space__6);margin-block:var(--uxdsl__space__4)}.agent-guidance ul{list-style:disc}.agent-guidance ol{list-style:decimal}.agent-guidance li{margin-block:var(--uxdsl__space__2)}.agent-guidance pre{overflow-x:auto;padding:var(--uxdsl__space__5);background:var(--uxdsl__color__gray-900);color:var(--uxdsl__color__gray-200);border-radius:var(--uxdsl__radius__2);font-size:.85rem}.agent-guidance blockquote{border-inline-start:3px solid var(--uxdsl__palette__divider-main);padding-inline-start:var(--uxdsl__space__5);margin-block:var(--uxdsl__space__4)}.ai-prompt-container{margin-top:var(--uxdsl__space__4);width:100%;max-width:600px;background:transparent;position:relative;z-index:10}.ai-prompt-form{width:100%}.input-wrapper{display:flex;align-items:center;padding:var(--uxdsl__space__2);border-radius:9999px;background:var(--uxdsl__palette__surface-paper);border:1px solid var(--uxdsl__palette__divider-main);transition:border-color .2s ease;position:relative;z-index:1}.input-wrapper:focus-within{border-color:var(--uxdsl__palette__primary-main);box-shadow:0 0 0 2px var(--uxdsl__palette__primary-light)}.ai-icon{color:var(--uxdsl__palette__primary-main);margin-right:var(--uxdsl__space__2)}.ai-input{flex:1;border:none;background:transparent;color:var(--uxdsl__palette__text-primary);font-size:1rem;outline:none}.ai-input::placeholder{color:var(--uxdsl__palette__text-secondary)}.ai-input:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:2px}.ai-submit-btn{padding:var(--uxdsl__surface__flat-padding);border-radius:var(--uxdsl__surface__flat-radius);background:transparent;color:var(--uxdsl__palette__primary-main);border:var(--uxdsl__surface__flat-border);box-shadow:var(--uxdsl__surface__flat-shadow);--uxdsl__button__tone-main:var(--uxdsl__palette__primary-main);--uxdsl__button__tone-dark:var(--uxdsl__palette__primary-dark);--uxdsl__button__tone-contrast:var(--uxdsl__palette__primary-contrast)}.ai-submit-btn:hover:not(:where(:disabled,[aria-disabled=true])){color:var(--uxdsl__button__flat-tone-primary-hover-color,var(--uxdsl__button__flat-hover-color))}.ai-submit-btn:focus-visible{outline:var(--uxdsl__button__flat-tone-primary-focusvisible-outline,var(--uxdsl__button__flat-focusvisible-outline));outline-offset:var(--uxdsl__button__flat-tone-primary-focusvisible-outline-offset,var(--uxdsl__button__flat-focusvisible-outline-offset))}.ai-submit-btn.is-selected,.ai-submit-btn[aria-pressed=true],.ai-submit-btn[aria-selected=true]{color:var(--uxdsl__button__flat-tone-primary-selected-color,var(--uxdsl__button__flat-selected-color))}.ai-submit-btn:disabled,.ai-submit-btn[aria-disabled=true]{opacity:var(--uxdsl__button__flat-tone-primary-disabled-opacity,var(--uxdsl__button__flat-disabled-opacity));cursor:var(--uxdsl__button__flat-tone-primary-disabled-cursor,var(--uxdsl__button__flat-disabled-cursor))}.ai-submit-btn:disabled{color:var(--uxdsl__palette__action-disabled);border-color:var(--uxdsl__palette__action-disabled)}.ai-response{margin-top:var(--uxdsl__space__4);padding:var(--uxdsl__space__4);border-radius:var(--uxdsl__radius__3);background:var(--uxdsl__palette__surface-paper);border:1px solid var(--uxdsl__palette__divider-main);color:var(--uxdsl__palette__text-primary);font-size:.95rem;line-height:1.6}.theme-loading-overlay{position:fixed;inset:0;z-index:9999;background:color-mix(in srgb,var(--uxdsl__color__black) 70%,transparent);backdrop-filter:blur(4px);display:grid;place-items:center;animation:fadeIn .2s ease-out}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--uxdsl__space__4);color:var(--uxdsl__color__white)}.loading-spinner{animation:spin 1s linear infinite;color:var(--uxdsl__palette__primary-light)}.loading-text{font-size:1.25rem;font-weight:500;color:var(--uxdsl__color__white);text-align:center}.loading-theme-name{font-family:monospace;background:color-mix(in srgb,var(--uxdsl__color__white) 10%,transparent);padding:var(--uxdsl__space__1) var(--uxdsl__space__2);border-radius:var(--uxdsl__radius__2);color:var(--uxdsl__palette__primary-light)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-header{width:100%;position:relative;z-index:1000;background:var(--uxdsl__palette__surface-light);color:var(--uxdsl__palette__surface-contrast);border-bottom:var(--uxdsl__border__1);box-shadow:var(--uxdsl__shadow__1)}.app-header__container{max-width:1400px;margin:0 auto;padding:var(--uxdsl__space__3) var(--uxdsl__space__4);display:flex;align-items:center;gap:var(--uxdsl__space__3)}@media (min-width:768px){.app-header__container{padding:var(--uxdsl__space__3) var(--uxdsl__space__6);gap:var(--uxdsl__space__6)}}.app-header__brand{min-width:0}.app-header__brand,.app-header__home{display:flex;align-items:center;gap:var(--uxdsl__space__3)}.app-header__home{text-decoration:none;color:inherit;border-radius:var(--uxdsl__radius__1)}.app-header__home:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:3px}.app-header__logo-img{display:block;width:32px;height:32px}@media (min-width:768px){.app-header__logo-img{width:40px;height:40px}}.app-header__title-text{font-family:var(--uxdsl__typography__h6-font-family);font-size:var(--uxdsl__typography__h6-font-size);line-height:var(--uxdsl__typography__h6-line-height);font-weight:var(--uxdsl__typography__h6-font-weight);letter-spacing:var(--uxdsl__typography__h6-letter-spacing);margin-block-start:var(--uxdsl__typography__h6-margin-block-start);margin-block-end:var(--uxdsl__typography__h6-margin-block-end);margin:0;color:var(--uxdsl__palette__primary-main);font-weight:800;line-height:1;letter-spacing:-.02em}.app-header__version{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);display:none;margin:0;padding:var(--uxdsl__space__1) var(--uxdsl__space__3);border:1px solid var(--uxdsl__palette__divider-main);border-radius:9999px;color:var(--uxdsl__palette__text-secondary);text-decoration:none;white-space:nowrap;font-family:var(--uxdsl__font__code),monospace}@media (min-width:480px){.app-header__version{display:inline-block}}.app-header__version:hover{color:var(--uxdsl__palette__primary-main)}.app-header__version:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:2px}.app-header__links{display:flex;align-items:center;gap:var(--uxdsl__space__1);margin-left:auto}@media (min-width:768px){.app-header__links{gap:var(--uxdsl__space__3)}}.app-header__link{font-family:var(--uxdsl__typography__span-font-family);font-size:var(--uxdsl__typography__span-font-size);line-height:var(--uxdsl__typography__span-line-height);font-weight:var(--uxdsl__typography__span-font-weight);letter-spacing:var(--uxdsl__typography__span-letter-spacing);margin-block-start:var(--uxdsl__typography__span-margin-block-start);margin-block-end:var(--uxdsl__typography__span-margin-block-end);display:inline-flex;align-items:center;gap:var(--uxdsl__space__2);margin:0;padding:var(--uxdsl__space__2) var(--uxdsl__space__2);border-radius:var(--uxdsl__radius__1);color:var(--uxdsl__palette__surface-contrast);text-decoration:none;font-weight:600;white-space:nowrap}@media (min-width:768px){.app-header__link{padding:var(--uxdsl__space__2) var(--uxdsl__space__3)}}.app-header__link:hover{background:color-mix(in srgb,var(--uxdsl__palette__primary-main) 10%,transparent);color:var(--uxdsl__palette__primary-main)}.app-header__link:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:2px}.app-header__link-label{display:none}@media (min-width:768px){.app-header__link-label{display:inline}}.app-header__settings{display:flex;align-items:center;gap:var(--uxdsl__space__3)}.app-header__themes{display:none;align-items:center;gap:var(--uxdsl__space__2)}@media (min-width:480px){.app-header__themes{display:flex}}.theme-color-btn{width:24px;height:24px;border-radius:50%;border:2px solid var(--uxdsl__palette__surface-main);box-shadow:0 0 0 1px var(--uxdsl__palette__divider-main);background:var(--theme-color);cursor:pointer;padding:0;transition:transform .15s ease}.theme-color-btn:hover{transform:scale(1.1)}.theme-color-btn.is-active{box-shadow:0 0 0 2px var(--uxdsl__palette__surface-light),0 0 0 4px var(--uxdsl__palette__primary-main)}.theme-color-btn:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:4px}.theme-color-btn--default{--theme-color:var(--uxdsl__color__purple-600)}.theme-color-btn--green{--theme-color:var(--uxdsl__color__green-600)}.theme-color-btn--slate{--theme-color:var(--uxdsl__color__slate-800)}.theme-color-btn--custom{--theme-color:var(--uxdsl__color__pink-300)}.theme-toggle{width:32px;height:32px;border-radius:50%;background:var(--uxdsl__palette__surface-main);border:var(--uxdsl__border__1);color:var(--uxdsl__palette__surface-contrast);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.theme-toggle:hover{color:var(--uxdsl__palette__primary-main)}.theme-toggle:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:2px}.editor-content{padding:var(--uxdsl__density__6);display:grid;gap:var(--uxdsl__density__4);max-height:60vh;overflow-y:auto}.font-selector{display:flex;flex-direction:column;gap:var(--uxdsl__density__2)}.breakpoint-editor__backdrop{position:fixed;inset:0;background:color-mix(in srgb,var(--uxdsl__color__black) 50%,transparent);z-index:100;display:grid;place-items:center}.breakpoint-editor__dialog{background:var(--uxdsl__palette__surface-main);padding:var(--uxdsl__space__7);border-radius:1rem;width:min(560px,90vw)}.breakpoint-editor__actions{display:flex;justify-content:flex-end;gap:var(--uxdsl__space__5)}.cap-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--uxdsl__density__3);margin-block:var(--uxdsl__density__4)}@media (min-width:1024px){.cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cap-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--uxdsl__density__3);margin-block:var(--uxdsl__density__4)}@media (min-width:1280px){.cap-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.cap-card{padding:var(--uxdsl__surface__outlined-padding);border-radius:var(--uxdsl__surface__outlined-radius);background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);border:var(--uxdsl__surface__outlined-border);box-shadow:var(--uxdsl__surface__outlined-shadow);display:grid;align-content:start;gap:var(--uxdsl__density__2);min-width:0;margin-block:var(--uxdsl__density__4)}.cap-card__title{font-family:var(--uxdsl__typography__h5-font-family);font-size:var(--uxdsl__typography__h5-font-size);line-height:var(--uxdsl__typography__h5-line-height);font-weight:var(--uxdsl__typography__h5-font-weight);letter-spacing:var(--uxdsl__typography__h5-letter-spacing);margin-block-start:var(--uxdsl__typography__h5-margin-block-start);margin-block-end:var(--uxdsl__typography__h5-margin-block-end);margin:0}.cap-card__subtitle{font-family:var(--uxdsl__typography__h6-font-family);font-size:var(--uxdsl__typography__h6-font-size);line-height:var(--uxdsl__typography__h6-line-height);font-weight:var(--uxdsl__typography__h6-font-weight);letter-spacing:var(--uxdsl__typography__h6-letter-spacing);margin-block-start:var(--uxdsl__typography__h6-margin-block-start);margin-block-end:var(--uxdsl__typography__h6-margin-block-end);margin:0}.cap-note{font-family:var(--uxdsl__typography__small-font-family);font-size:var(--uxdsl__typography__small-font-size);line-height:var(--uxdsl__typography__small-line-height);font-weight:var(--uxdsl__typography__small-font-weight);letter-spacing:var(--uxdsl__typography__small-letter-spacing);margin-block-start:var(--uxdsl__typography__small-margin-block-start);margin-block-end:var(--uxdsl__typography__small-margin-block-end);color:var(--uxdsl__palette__text-secondary);margin:0}.cap-facts{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--uxdsl__space__2) var(--uxdsl__density__3);margin:0}@media (min-width:768px){.cap-facts{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.cap-facts dt{font-family:var(--uxdsl__typography__small-font-family);font-size:var(--uxdsl__typography__small-font-size);line-height:var(--uxdsl__typography__small-line-height);font-weight:var(--uxdsl__typography__small-font-weight);letter-spacing:var(--uxdsl__typography__small-letter-spacing);margin-block-start:var(--uxdsl__typography__small-margin-block-start);margin-block-end:var(--uxdsl__typography__small-margin-block-end);color:var(--uxdsl__palette__text-secondary)}.cap-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}.cap-facts__row{display:contents}.cap-block{display:block;overflow-wrap:anywhere}.cap-label{font-family:var(--uxdsl__typography__small-font-family);font-size:var(--uxdsl__typography__small-font-size);line-height:var(--uxdsl__typography__small-line-height);font-weight:var(--uxdsl__typography__small-font-weight);letter-spacing:var(--uxdsl__typography__small-letter-spacing);margin-block-start:var(--uxdsl__typography__small-margin-block-start);margin-block-end:var(--uxdsl__typography__small-margin-block-end);display:grid;gap:var(--uxdsl__space__1)}.cap-field{box-sizing:border-box;font:inherit;width:100%;padding:var(--uxdsl__surface__outlined-padding);border-radius:var(--uxdsl__surface__outlined-radius);background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);border:var(--uxdsl__surface__outlined-border);box-shadow:var(--uxdsl__surface__outlined-shadow);caret-color:var(--uxdsl__input__outlined-base-caret)}.cap-field::placeholder{color:var(--uxdsl__input__outlined-base-placeholder)}.cap-field:focus{border:var(--uxdsl__input__outlined-focus-border)}.cap-field:invalid,.cap-field[aria-invalid=true]{border:var(--uxdsl__input__outlined-invalid-border)}.cap-field:disabled,.cap-field[aria-disabled=true]{opacity:var(--uxdsl__input__outlined-disabled-opacity);cursor:var(--uxdsl__input__outlined-disabled-cursor)}.cap-field--code{font-family:var(--uxdsl__font__code,monospace);resize:vertical}.cap-controls{display:flex;flex-wrap:wrap;gap:var(--uxdsl__density__2)}.cap-button{padding:var(--uxdsl__surface__outlined-padding);border-radius:var(--uxdsl__surface__outlined-radius);background:transparent;color:var(--uxdsl__palette__primary-main);border:1px solid var(--uxdsl__palette__primary-main);box-shadow:var(--uxdsl__surface__outlined-shadow);--uxdsl__button__tone-main:var(--uxdsl__palette__primary-main);--uxdsl__button__tone-dark:var(--uxdsl__palette__primary-dark);--uxdsl__button__tone-contrast:var(--uxdsl__palette__primary-contrast);text-align:left;justify-self:start;max-width:100%;overflow-wrap:anywhere}.cap-button:hover:not(:where(:disabled,[aria-disabled=true])){color:var(--uxdsl__button__outlined-tone-primary-hover-color,var(--uxdsl__button__outlined-hover-color));border:var(--uxdsl__button__outlined-tone-primary-hover-border,var(--uxdsl__button__outlined-hover-border))}.cap-button:focus-visible{outline:var(--uxdsl__button__outlined-tone-primary-focusvisible-outline,var(--uxdsl__button__outlined-focusvisible-outline));outline-offset:var(--uxdsl__button__outlined-tone-primary-focusvisible-outline-offset,var(--uxdsl__button__outlined-focusvisible-outline-offset))}.cap-button.is-selected,.cap-button[aria-pressed=true],.cap-button[aria-selected=true]{background:var(--uxdsl__button__outlined-tone-primary-selected-bg,var(--uxdsl__button__outlined-selected-bg));color:var(--uxdsl__button__outlined-tone-primary-selected-color,var(--uxdsl__button__outlined-selected-color));border:var(--uxdsl__button__outlined-tone-primary-selected-border,var(--uxdsl__button__outlined-selected-border))}.cap-button:disabled,.cap-button[aria-disabled=true]{opacity:var(--uxdsl__button__outlined-tone-primary-disabled-opacity,var(--uxdsl__button__outlined-disabled-opacity));cursor:var(--uxdsl__button__outlined-tone-primary-disabled-cursor,var(--uxdsl__button__outlined-disabled-cursor))}.cap-button--reset{padding:var(--uxdsl__surface__contained-padding);border-radius:var(--uxdsl__surface__contained-radius);background:var(--uxdsl__palette__secondary-main);color:var(--uxdsl__palette__secondary-contrast);border:var(--uxdsl__surface__contained-border);box-shadow:var(--uxdsl__surface__contained-shadow);--uxdsl__button__tone-main:var(--uxdsl__palette__secondary-main);--uxdsl__button__tone-dark:var(--uxdsl__palette__secondary-dark);--uxdsl__button__tone-contrast:var(--uxdsl__palette__secondary-contrast)}.cap-button--reset:hover:not(:where(:disabled,[aria-disabled=true])){background:var(--uxdsl__button__contained-tone-secondary-hover-bg,var(--uxdsl__button__contained-hover-bg));color:var(--uxdsl__button__contained-tone-secondary-hover-color,var(--uxdsl__button__contained-hover-color))}.cap-button--reset:focus-visible{outline:var(--uxdsl__button__contained-tone-secondary-focusvisible-outline,var(--uxdsl__button__contained-focusvisible-outline));outline-offset:var(--uxdsl__button__contained-tone-secondary-focusvisible-outline-offset,var(--uxdsl__button__contained-focusvisible-outline-offset))}.cap-button--reset.is-selected,.cap-button--reset[aria-pressed=true],.cap-button--reset[aria-selected=true]{background:var(--uxdsl__button__contained-tone-secondary-selected-bg,var(--uxdsl__button__contained-selected-bg));color:var(--uxdsl__button__contained-tone-secondary-selected-color,var(--uxdsl__button__contained-selected-color))}.cap-button--reset:disabled,.cap-button--reset[aria-disabled=true]{opacity:var(--uxdsl__button__contained-tone-secondary-disabled-opacity,var(--uxdsl__button__contained-disabled-opacity));cursor:var(--uxdsl__button__contained-tone-secondary-disabled-cursor,var(--uxdsl__button__contained-disabled-cursor))}.cap-steps{display:grid;gap:var(--uxdsl__density__2);margin:0;padding-inline-start:var(--uxdsl__space__6)}.cap-steps li{display:grid;gap:var(--uxdsl__space__1)}.cap-log{display:grid;gap:var(--uxdsl__space__2);margin:0;padding-inline-start:var(--uxdsl__space__6);overflow-wrap:anywhere}.cap-log li.is-invalid{color:var(--uxdsl__palette__error-main)}.cap-event{font-family:var(--uxdsl__typography__small-font-family);font-size:var(--uxdsl__typography__small-font-size);line-height:var(--uxdsl__typography__small-line-height);font-weight:var(--uxdsl__typography__small-font-weight);letter-spacing:var(--uxdsl__typography__small-letter-spacing);margin-block-start:var(--uxdsl__typography__small-margin-block-start);margin-block-end:var(--uxdsl__typography__small-margin-block-end);color:var(--uxdsl__palette__text-secondary)}.cap-result{color:var(--uxdsl__palette__success-main);font-weight:600}.cap-result--error{color:var(--uxdsl__palette__error-main)}.cap-sandbox,.cap-sandbox__controls{display:grid;gap:var(--uxdsl__density__3)}.cap-sandbox__controls{grid-template-columns:minmax(0,1fr);align-items:start}@media (min-width:1024px){.cap-sandbox__controls{grid-template-columns:repeat(2,minmax(0,1fr))}}.cap-frame-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--uxdsl__palette__neutral-light);border-radius:var(--uxdsl__radius__2);box-shadow:var(--uxdsl__shadow__1)}.cap-frame{display:block;width:820px;height:340px;border:0}.cap-stat{padding:var(--uxdsl__surface__contained-padding);border-radius:var(--uxdsl__surface__contained-radius);background:var(--uxdsl__surface__contained-bg);color:var(--uxdsl__surface__contained-color);border:var(--uxdsl__surface__contained-border);box-shadow:var(--uxdsl__surface__contained-shadow);display:grid;gap:var(--uxdsl__space__1)}.cap-stat__label{font-family:var(--uxdsl__typography__small-font-family);font-size:var(--uxdsl__typography__small-font-size);line-height:var(--uxdsl__typography__small-line-height);font-weight:var(--uxdsl__typography__small-font-weight);letter-spacing:var(--uxdsl__typography__small-letter-spacing);margin-block-start:var(--uxdsl__typography__small-margin-block-start);margin-block-end:var(--uxdsl__typography__small-margin-block-end)}.cap-stat__value{font-family:var(--uxdsl__typography__h4-font-family);font-size:var(--uxdsl__typography__h4-font-size);line-height:var(--uxdsl__typography__h4-line-height);font-weight:var(--uxdsl__typography__h4-font-weight);letter-spacing:var(--uxdsl__typography__h4-letter-spacing);margin-block-start:var(--uxdsl__typography__h4-margin-block-start);margin-block-end:var(--uxdsl__typography__h4-margin-block-end);margin:0}.cap-table-wrap{overflow-x:auto;min-width:0}.cap-table-wrap table{width:100%;border-collapse:collapse;text-align:left}.cap-table-wrap caption{font-family:var(--uxdsl__typography__small-font-family);font-size:var(--uxdsl__typography__small-font-size);line-height:var(--uxdsl__typography__small-line-height);font-weight:var(--uxdsl__typography__small-font-weight);letter-spacing:var(--uxdsl__typography__small-letter-spacing);margin-block-start:var(--uxdsl__typography__small-margin-block-start);margin-block-end:var(--uxdsl__typography__small-margin-block-end);text-align:left;font-weight:600;padding-block:var(--uxdsl__space__2)}.cap-table-wrap td,.cap-table-wrap th{padding:var(--uxdsl__space__2) var(--uxdsl__space__3);border-bottom:1px solid var(--uxdsl__palette__neutral-light);vertical-align:top}.cap-filter{display:flex;flex-wrap:wrap;gap:var(--uxdsl__density__3);border:1px solid var(--uxdsl__palette__neutral-light);border-radius:var(--uxdsl__radius__1);padding:var(--uxdsl__space__2) var(--uxdsl__space__4)}.cap-run{display:grid;grid-template-columns:minmax(0,1fr);margin:0 0 var(--uxdsl__density__4);min-width:0}.cap-run,.cap-run__title{gap:var(--uxdsl__space__2)}.cap-run__title{font-family:var(--uxdsl__typography__small-font-family);font-size:var(--uxdsl__typography__small-font-size);line-height:var(--uxdsl__typography__small-line-height);font-weight:var(--uxdsl__typography__small-font-weight);letter-spacing:var(--uxdsl__typography__small-letter-spacing);margin-block-start:var(--uxdsl__typography__small-margin-block-start);margin-block-end:var(--uxdsl__typography__small-margin-block-end);font-weight:600;display:flex;flex-wrap:wrap;align-items:center;margin:0}.cap-run--collapsed{border:var(--uxdsl__border__1);border-radius:var(--uxdsl__radius__1);padding:var(--uxdsl__space__2) var(--uxdsl__space__4);margin-bottom:var(--uxdsl__space__3)}.cap-run--collapsed>summary{cursor:pointer;display:list-item;border-radius:var(--uxdsl__radius__1)}.cap-run--collapsed>summary:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:2px}.cap-run--collapsed[open]>summary{margin-bottom:var(--uxdsl__space__3)}.cap-list{display:grid;min-width:0}.cap-terminal{margin:0;overflow-x:auto;background:var(--uxdsl__color__gray-900);color:var(--uxdsl__color__gray-200);padding:var(--uxdsl__space__4);border-radius:var(--uxdsl__radius__1);font-family:var(--uxdsl__font__code,monospace);font-size:.8125rem;line-height:1.5;white-space:pre}.cap-terminal__prompt{color:var(--uxdsl__color__green-300)}.cap-terminal__err{color:var(--uxdsl__color__red-300)}.cap-exit{font-family:var(--uxdsl__typography__small-font-family);font-size:var(--uxdsl__typography__small-font-size);line-height:var(--uxdsl__typography__small-line-height);font-weight:var(--uxdsl__typography__small-font-weight);letter-spacing:var(--uxdsl__typography__small-letter-spacing);margin-block-start:var(--uxdsl__typography__small-margin-block-start);margin-block-end:var(--uxdsl__typography__small-margin-block-end);padding:0 var(--uxdsl__space__3);border-radius:9999px}.cap-exit--ok{background:var(--uxdsl__palette__success-main);color:var(--uxdsl__palette__success-contrast)}.cap-exit--fail{background:var(--uxdsl__palette__error-main);color:var(--uxdsl__palette__error-contrast)}.cap-transcript{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--uxdsl__density__2);padding-inline-start:var(--uxdsl__space__6)}.cap-transcript>li{min-width:0}.cap-alias-box--name{box-shadow:var(--uxdsl__shadow__2);border-radius:var(--uxdsl__radius__2)}.code-block-frame{min-width:0;max-width:100%;border-radius:var(--uxdsl__radius__2);overflow:hidden;border:var(--uxdsl__border__1);font-size:.85rem}.code-block-frame__code{font-family:var(--uxdsl__font__code),ui-monospace,monospace;font-size:inherit;line-height:1.55}#DemoBorders .demo-borders{display:flex;flex-direction:column;gap:var(--uxdsl__space__8);padding:var(--uxdsl__space__4)}#DemoBorders .section{display:flex;flex-direction:column;gap:var(--uxdsl__space__4)}#DemoBorders .section-title{font:font(h4);color:var(--uxdsl__palette__text-main);margin-bottom:var(--uxdsl__space__2)}#DemoBorders .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--uxdsl__space__4)}#DemoBorders .card{flex-direction:column;gap:var(--uxdsl__space__2);padding:var(--uxdsl__space__4);border:var(--uxdsl__border__1);border-radius:var(--uxdsl__radius__2)}#DemoBorders .card,#DemoBorders .preview-box{display:flex;background:var(--uxdsl__palette__surface-main)}#DemoBorders .preview-box{width:100%;height:100px;align-items:center;justify-content:center}#DemoBorders .label,#DemoBorders .preview-box{color:var(--uxdsl__palette__text-secondary);font:font(body-sm)}#DemoBorders .label{font-family:monospace}#DemoBorders .playground{display:flex;flex-direction:column;background:var(--uxdsl__palette__surface-main);padding:var(--uxdsl__space__6);border-radius:var(--uxdsl__radius__3);border:var(--uxdsl__border__1)}@media (min-width:768px){#DemoBorders .playground{display:grid;grid-template-columns:300px 1fr}}#DemoBorders .controls{display:flex;flex-direction:column;gap:var(--uxdsl__space__4);padding:var(--uxdsl__density__2)}#DemoBorders .control-group{display:flex;flex-direction:column;gap:var(--uxdsl__space__2)}#DemoBorders .control-label{font:font(label);color:var(--uxdsl__palette__text-secondary)}#DemoBorders .select{box-sizing:border-box;font:inherit;width:100%;border-radius:var(--uxdsl__surface__outlined-radius);background:transparent;color:var(--uxdsl__palette__neutral-main);border:1px solid var(--uxdsl__palette__neutral-main);box-shadow:var(--uxdsl__surface__outlined-shadow);caret-color:var(--uxdsl__input__outlined-tone-neutral-base-caret,var(--uxdsl__input__outlined-base-caret));--uxdsl__input__tone-main:var(--uxdsl__palette__neutral-main);--uxdsl__input__tone-dark:var(--uxdsl__palette__neutral-dark);--uxdsl__input__tone-contrast:var(--uxdsl__palette__neutral-contrast);padding:var(--uxdsl__space__2)}#DemoBorders .select::placeholder{color:var(--uxdsl__input__outlined-tone-neutral-base-placeholder,var(--uxdsl__input__outlined-base-placeholder))}#DemoBorders .select:focus{border:var(--uxdsl__input__outlined-tone-neutral-focus-border,var(--uxdsl__input__outlined-focus-border))}#DemoBorders .select:invalid,#DemoBorders .select[aria-invalid=true]{border:var(--uxdsl__input__outlined-tone-neutral-invalid-border,var(--uxdsl__input__outlined-invalid-border))}#DemoBorders .select:disabled,#DemoBorders .select[aria-disabled=true]{opacity:var(--uxdsl__input__outlined-tone-neutral-disabled-opacity,var(--uxdsl__input__outlined-disabled-opacity));cursor:var(--uxdsl__input__outlined-tone-neutral-disabled-cursor,var(--uxdsl__input__outlined-disabled-cursor))}#DemoBorders .preview-area{display:flex;flex-direction:column;gap:var(--uxdsl__space__4);min-width:0;padding:var(--uxdsl__density__2)}#DemoBorders .live-preview{flex:1;border-radius:var(--uxdsl__radius__2);border:var(--uxdsl__border__1);min-height:300px;padding:var(--uxdsl__space__8)}#DemoBorders .demo-element,#DemoBorders .live-preview{display:flex;align-items:center;justify-content:center}#DemoBorders .demo-element{width:200px;height:200px;max-width:100%;background:var(--uxdsl__palette__surface-main);color:var(--uxdsl__palette__text-main);font:font(h5);transition:all .2s ease}#DemoBorders .demo-code-block{border-radius:var(--uxdsl__radius__2);overflow:hidden;font-size:14px;border:var(--uxdsl__border__1)}#DemoBreakpoints .breakpoints-section{display:flex;flex-direction:column;gap:var(--uxdsl__density__4)}#DemoBreakpoints .breakpoints-playground-wrapper{display:flex;flex-direction:column;gap:var(--uxdsl__density__2)}#DemoBreakpoints .breakpoints-playground-container{border-radius:var(--uxdsl__surface__outlined-radius);background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);border:var(--uxdsl__surface__outlined-border);box-shadow:var(--uxdsl__surface__outlined-shadow);padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__3);display:flex;flex-direction:column;gap:var(--uxdsl__density__6);background:var(--uxdsl__palette__surface-light)}#DemoBreakpoints .breakpoints-viz-container{display:flex;flex-direction:column;gap:var(--uxdsl__density__2)}#DemoBreakpoints .breakpoints-bar-wrapper{width:100%;overflow-x:auto;padding-bottom:var(--uxdsl__density__2)}#DemoBreakpoints .breakpoints-bar{display:flex;height:60px;width:100%;min-width:600px;border-radius:var(--uxdsl__radius__2);overflow:hidden;box-shadow:var(--uxdsl__shadow__1)}#DemoBreakpoints .breakpoints-segment{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;transition:all .3s ease;position:relative;padding:0 var(--uxdsl__density__1);overflow:hidden;white-space:nowrap}#DemoBreakpoints .breakpoints-segment.is-active{box-shadow:inset 0 0 0 2px var(--uxdsl__palette__surface-main);z-index:1}#DemoBreakpoints .breakpoints-segment-label{text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}#DemoBreakpoints .breakpoints-segment-val{font-size:.7rem;opacity:.9;font-family:font(code);margin-top:2px}#DemoBreakpoints .breakpoints-segment--xs{background:var(--uxdsl__palette__tertiary-light);color:var(--uxdsl__palette__tertiary-dark)}#DemoBreakpoints .breakpoints-segment--sm{background:var(--uxdsl__palette__secondary-light);color:var(--uxdsl__palette__secondary-dark)}#DemoBreakpoints .breakpoints-segment--md{background:var(--uxdsl__palette__primary-light);color:var(--uxdsl__palette__primary-dark)}#DemoBreakpoints .breakpoints-segment--lg{background:var(--uxdsl__palette__info-light);color:var(--uxdsl__palette__info-dark)}#DemoBreakpoints .breakpoints-segment--xl{background:var(--uxdsl__palette__error-light);color:var(--uxdsl__palette__error-dark)}#DemoBreakpoints .breakpoints-grid{display:grid;grid-template-columns:1fr;gap:var(--uxdsl__density__6)}@media (min-width:768px){#DemoBreakpoints .breakpoints-grid{grid-template-columns:2fr 1fr;align-items:start}}#DemoBreakpoints .breakpoints-controls{display:flex;flex-direction:column;gap:var(--uxdsl__density__3)}#DemoBreakpoints .breakpoints-subtitle{font-size:1rem;font-weight:600;color:var(--uxdsl__palette__text-secondary);margin-bottom:var(--uxdsl__density__1);text-transform:uppercase;letter-spacing:.05em}#DemoBreakpoints .breakpoints-control-row{display:flex;align-items:center;gap:var(--uxdsl__density__3);padding:var(--uxdsl__density__2);background:var(--uxdsl__palette__surface-main);border-radius:var(--uxdsl__radius__2);border:1px solid var(--uxdsl__palette__neutral-light);transition:border-color .2s}#DemoBreakpoints .breakpoints-control-row:hover{border-color:var(--uxdsl__palette__primary-light)}#DemoBreakpoints .breakpoints-control-label{width:30px;font-weight:700;text-transform:uppercase;font-size:.85rem;color:var(--uxdsl__palette__text-secondary)}#DemoBreakpoints .breakpoints-slider{flex:1;cursor:pointer;margin:0 var(--uxdsl__density__2)}#DemoBreakpoints .breakpoints-input-wrapper{display:flex;align-items:center;gap:var(--uxdsl__density__1)}#DemoBreakpoints .breakpoints-input-val{width:80px;padding:var(--uxdsl__space__2) var(--uxdsl__space__3);border:1px solid var(--uxdsl__palette__neutral-light);border-radius:var(--uxdsl__radius__1);font-family:font(code);text-align:right;font-size:.9rem;color:var(--uxdsl__palette__text-main);background:transparent}#DemoBreakpoints .breakpoints-unit{font-size:.8rem;color:var(--uxdsl__palette__text-secondary)}#DemoBreakpoints .breakpoints-info-panel{gap:var(--uxdsl__density__3);padding:var(--uxdsl__density__4);background:var(--uxdsl__palette__surface-main);height:100%}#DemoBreakpoints .breakpoints-info-card,#DemoBreakpoints .breakpoints-info-panel{display:flex;flex-direction:column;border-radius:var(--uxdsl__radius__2);border:1px solid var(--uxdsl__palette__neutral-light)}#DemoBreakpoints .breakpoints-info-card{align-items:center;justify-content:center;padding:var(--uxdsl__density__3);background:var(--uxdsl__palette__surface-light);text-align:center}#DemoBreakpoints .breakpoints-info-card.is-compact{flex-direction:row;gap:var(--uxdsl__density__3);padding:var(--uxdsl__density__2) var(--uxdsl__density__3)}#DemoBreakpoints .breakpoints-icon{color:var(--uxdsl__palette__text-secondary)}#DemoBreakpoints .breakpoints-info-content{display:flex;flex-direction:column;align-items:flex-start}#DemoBreakpoints .breakpoints-info-card.is-highlighted{background:var(--uxdsl__palette__primary-light);border-color:var(--uxdsl__palette__primary-main);color:var(--uxdsl__palette__primary-contrast)}#DemoBreakpoints .breakpoints-info-card.is-highlighted .breakpoints-info-label{color:var(--uxdsl__palette__primary-contrast);opacity:.9}#DemoBreakpoints .breakpoints-info-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--uxdsl__palette__text-secondary);margin-bottom:2px}#DemoBreakpoints .breakpoints-info-value{font-family:font(code);font-size:1.1rem;font-weight:700}#DemoBreakpoints .breakpoints-info-value.is-large{font-size:2rem}#DemoBreakpoints .breakpoints-info-desc{font-size:.85rem;color:var(--uxdsl__palette__text-secondary);text-align:center;line-height:1.5;margin-top:auto}#DemoBreakpointsCards{display:flex;flex-direction:column;gap:var(--uxdsl__space__2);padding:var(--uxdsl__surface__contained-padding);border-radius:var(--uxdsl__surface__contained-radius);background:var(--uxdsl__palette__light-main);color:var(--uxdsl__palette__light-contrast);box-shadow:var(--uxdsl__surface__contained-shadow);border:1px solid var(--uxdsl__palette__surface-contrast);border-radius:var(--uxdsl__radius__3)}@media (min-width:768px){#DemoBreakpointsCards{flex-direction:row;gap:var(--uxdsl__space__4);padding:var(--uxdsl__space__6)}}#DemoBreakpointsCards .demo-breakpoints-card-item{border-radius:var(--uxdsl__surface__contained-radius);background:var(--uxdsl__surface__contained-bg);color:var(--uxdsl__surface__contained-color);box-shadow:var(--uxdsl__surface__contained-shadow);flex:1;padding:var(--uxdsl__space__6);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--uxdsl__space__3);border:1px solid var(--uxdsl__palette__surface-dark);border-radius:var(--uxdsl__radius__2);box-shadow:var(--uxdsl__shadow__1)}#DemoBreakpointsCards .demo-breakpoints-card-title{font-weight:600;color:var(--uxdsl__palette__surface-contrast)}#DemoBreakpointsCards .demo-breakpoints-card-text{font-size:.875rem;color:var(--uxdsl__palette__tertiary-dark)}#DemoBreakpointsCards .demo-breakpoints-card-icon--primary{color:var(--uxdsl__palette__primary-main)}#DemoBreakpointsCards .demo-breakpoints-card-icon--secondary{color:var(--uxdsl__palette__secondary-main)}#DemoBreakpointsCards .demo-breakpoints-card-icon--info{color:var(--uxdsl__palette__info-main)}#DemoButtons{background:transparent}#DemoButtons .section,#DemoButtons .surfaces-grid{margin-block:var(--uxdsl__density__3)}#DemoButtons .surfaces-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--uxdsl__density__3)}#DemoButtons pre{overflow-x:auto}#DemoButtons label{margin-inline-end:var(--uxdsl__density__2)}#DemoColors .demo-section{display:flex;flex-direction:column;gap:var(--uxdsl__density__3)}#DemoColors .demo-header{display:flex;flex-direction:column;gap:var(--uxdsl__density__2)}#DemoColors .demo-title{font-family:var(--uxdsl__typography__h4-font-family);font-size:var(--uxdsl__typography__h4-font-size);line-height:var(--uxdsl__typography__h4-line-height);font-weight:var(--uxdsl__typography__h4-font-weight);letter-spacing:var(--uxdsl__typography__h4-letter-spacing);margin-block-start:var(--uxdsl__typography__h4-margin-block-start);margin-block-end:var(--uxdsl__typography__h4-margin-block-end);margin:0}#DemoColors .demo-subtitle{font-family:var(--uxdsl__typography__body-font-family);font-size:var(--uxdsl__typography__body-font-size);line-height:var(--uxdsl__typography__body-line-height);font-weight:var(--uxdsl__typography__body-font-weight);letter-spacing:var(--uxdsl__typography__body-letter-spacing);margin-block-start:var(--uxdsl__typography__body-margin-block-start);margin-block-end:var(--uxdsl__typography__body-margin-block-end);max-width:720px}#DemoColors .colors-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--uxdsl__density__4)}#DemoColors .color-family{display:flex;flex-direction:column;gap:var(--uxdsl__density__2)}#DemoColors .family-title{font-family:var(--uxdsl__typography__h5-font-family);font-size:var(--uxdsl__typography__h5-font-size);line-height:var(--uxdsl__typography__h5-line-height);font-weight:var(--uxdsl__typography__h5-font-weight);letter-spacing:var(--uxdsl__typography__h5-letter-spacing);margin-block-start:var(--uxdsl__typography__h5-margin-block-start);margin-block-end:var(--uxdsl__typography__h5-margin-block-end);margin:0;text-transform:capitalize}#DemoColors .family-grid{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--uxdsl__density__1)}#DemoColors .color-token{border-radius:var(--uxdsl__radius__1);padding:var(--uxdsl__density__1);background:color-mix(in srgb,var(--uxdsl__palette__surface-main) 20%,transparent);display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--uxdsl__density__8);min-width:0;transition:transform .2s ease,box-shadow .2s ease}#DemoColors .color-token:hover{transform:scale(1.05);z-index:1;box-shadow:var(--uxdsl__shadow__2)}#DemoColors .token-shade{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);font-weight:700;opacity:.9;pointer-events:none}#DemoColors .token-values{display:flex;flex-direction:column;align-items:flex-end;gap:var(--uxdsl__space__1);position:absolute;bottom:var(--uxdsl__density__1);right:var(--uxdsl__density__1);pointer-events:none}#DemoColors .token-hex{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);font-family:monospace;font-weight:700;font-size:.75em}#DemoColors .token-rgb{font-family:var(--uxdsl__typography__tag-font-family);font-size:var(--uxdsl__typography__tag-font-size);line-height:var(--uxdsl__typography__tag-line-height);font-weight:var(--uxdsl__typography__tag-font-weight);letter-spacing:var(--uxdsl__typography__tag-letter-spacing);margin-block-start:var(--uxdsl__typography__tag-margin-block-start);margin-block-end:var(--uxdsl__typography__tag-margin-block-end);font-family:monospace;opacity:.7;font-size:.65em}#DemoColors .surfaces-playground-container{display:flex;flex-direction:column;gap:var(--uxdsl__density__2)}#DemoColors .surface-playground{display:flex;flex-direction:column;gap:var(--uxdsl__density__3);border-radius:var(--uxdsl__surface__outlined-radius);background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);border:var(--uxdsl__surface__outlined-border);box-shadow:var(--uxdsl__surface__outlined-shadow);padding:var(--uxdsl__density__3);background:color-mix(in srgb,var(--uxdsl__palette__surface-light) 30%,transparent)}@media (min-width:768px){#DemoColors .surface-playground{flex-direction:row;align-items:flex-start}}#DemoColors .surface-playground__controls{display:flex;flex-direction:column;gap:var(--uxdsl__density__2);min-width:250px}#DemoColors .surface-playground__controls label{display:flex;flex-direction:column;gap:var(--uxdsl__density__1);font-size:.9rem;font-weight:500}#DemoColors .surface-playground__controls select{box-sizing:border-box;font:inherit;width:100%;border-radius:var(--uxdsl__surface__outlined-radius);background:transparent;color:var(--uxdsl__palette__neutral-main);border:1px solid var(--uxdsl__palette__neutral-main);box-shadow:var(--uxdsl__surface__outlined-shadow);caret-color:var(--uxdsl__input__outlined-tone-neutral-base-caret,var(--uxdsl__input__outlined-base-caret));--uxdsl__input__tone-main:var(--uxdsl__palette__neutral-main);--uxdsl__input__tone-dark:var(--uxdsl__palette__neutral-dark);--uxdsl__input__tone-contrast:var(--uxdsl__palette__neutral-contrast);padding:var(--uxdsl__density__1)}#DemoColors .surface-playground__controls select::placeholder{color:var(--uxdsl__input__outlined-tone-neutral-base-placeholder,var(--uxdsl__input__outlined-base-placeholder))}#DemoColors .surface-playground__controls select:focus{border:var(--uxdsl__input__outlined-tone-neutral-focus-border,var(--uxdsl__input__outlined-focus-border))}#DemoColors .surface-playground__controls select:invalid,#DemoColors .surface-playground__controls select[aria-invalid=true]{border:var(--uxdsl__input__outlined-tone-neutral-invalid-border,var(--uxdsl__input__outlined-invalid-border))}#DemoColors .surface-playground__controls select:disabled,#DemoColors .surface-playground__controls select[aria-disabled=true]{opacity:var(--uxdsl__input__outlined-tone-neutral-disabled-opacity,var(--uxdsl__input__outlined-disabled-opacity));cursor:var(--uxdsl__input__outlined-tone-neutral-disabled-cursor,var(--uxdsl__input__outlined-disabled-cursor))}#DemoColors .surface-playground__preview{flex:1;display:flex;flex-direction:column;gap:var(--uxdsl__density__2)}#DemoColors .demo-code-block{padding:var(--uxdsl__surface__outlined-padding);border-radius:var(--uxdsl__surface__outlined-radius);background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);border:var(--uxdsl__surface__outlined-border);box-shadow:var(--uxdsl__surface__outlined-shadow);border-radius:var(--uxdsl__radius__2);overflow:hidden}#DemoColors .code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--uxdsl__density__1) var(--uxdsl__density__2);background:var(--uxdsl__palette__neutral-dark);color:var(--uxdsl__palette__neutral-contrast)}#DemoColors .code-file{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);opacity:.8}#DemoColors .chip--blue-50{background:var(--uxdsl__color__blue-50)}#DemoColors .chip--blue-100{background:var(--uxdsl__color__blue-100)}#DemoColors .chip--blue-200{background:var(--uxdsl__color__blue-200)}#DemoColors .chip--blue-300{background:var(--uxdsl__color__blue-300)}#DemoColors .chip--blue-400{background:var(--uxdsl__color__blue-400)}#DemoColors .chip--blue-500{background:var(--uxdsl__color__blue-500)}#DemoColors .chip--blue-600{background:var(--uxdsl__color__blue-600)}#DemoColors .chip--blue-700{background:var(--uxdsl__color__blue-700)}#DemoColors .chip--blue-800{background:var(--uxdsl__color__blue-800)}#DemoColors .chip--blue-900{background:var(--uxdsl__color__blue-900)}#DemoColors .chip--indigo-50{background:var(--uxdsl__color__indigo-50)}#DemoColors .chip--indigo-100{background:var(--uxdsl__color__indigo-100)}#DemoColors .chip--indigo-200{background:var(--uxdsl__color__indigo-200)}#DemoColors .chip--indigo-300{background:var(--uxdsl__color__indigo-300)}#DemoColors .chip--indigo-400{background:var(--uxdsl__color__indigo-400)}#DemoColors .chip--indigo-500{background:var(--uxdsl__color__indigo-500)}#DemoColors .chip--indigo-600{background:var(--uxdsl__color__indigo-600)}#DemoColors .chip--indigo-700{background:var(--uxdsl__color__indigo-700)}#DemoColors .chip--indigo-800{background:var(--uxdsl__color__indigo-800)}#DemoColors .chip--indigo-900{background:var(--uxdsl__color__indigo-900)}#DemoColors .chip--purple-50{background:var(--uxdsl__color__purple-50)}#DemoColors .chip--purple-100{background:var(--uxdsl__color__purple-100)}#DemoColors .chip--purple-200{background:var(--uxdsl__color__purple-200)}#DemoColors .chip--purple-300{background:var(--uxdsl__color__purple-300)}#DemoColors .chip--purple-400{background:var(--uxdsl__color__purple-400)}#DemoColors .chip--purple-500{background:var(--uxdsl__color__purple-500)}#DemoColors .chip--purple-600{background:var(--uxdsl__color__purple-600)}#DemoColors .chip--purple-700{background:var(--uxdsl__color__purple-700)}#DemoColors .chip--purple-800{background:var(--uxdsl__color__purple-800)}#DemoColors .chip--purple-900{background:var(--uxdsl__color__purple-900)}#DemoColors .chip--pink-50{background:var(--uxdsl__color__pink-50)}#DemoColors .chip--pink-100{background:var(--uxdsl__color__pink-100)}#DemoColors .chip--pink-200{background:var(--uxdsl__color__pink-200)}#DemoColors .chip--pink-300{background:var(--uxdsl__color__pink-300)}#DemoColors .chip--pink-400{background:var(--uxdsl__color__pink-400)}#DemoColors .chip--pink-500{background:var(--uxdsl__color__pink-500)}#DemoColors .chip--pink-600{background:var(--uxdsl__color__pink-600)}#DemoColors .chip--pink-700{background:var(--uxdsl__color__pink-700)}#DemoColors .chip--pink-800{background:var(--uxdsl__color__pink-800)}#DemoColors .chip--pink-900{background:var(--uxdsl__color__pink-900)}#DemoColors .chip--red-50{background:var(--uxdsl__color__red-50)}#DemoColors .chip--red-100{background:var(--uxdsl__color__red-100)}#DemoColors .chip--red-200{background:var(--uxdsl__color__red-200)}#DemoColors .chip--red-300{background:var(--uxdsl__color__red-300)}#DemoColors .chip--red-400{background:var(--uxdsl__color__red-400)}#DemoColors .chip--red-500{background:var(--uxdsl__color__red-500)}#DemoColors .chip--red-600{background:var(--uxdsl__color__red-600)}#DemoColors .chip--red-700{background:var(--uxdsl__color__red-700)}#DemoColors .chip--red-800{background:var(--uxdsl__color__red-800)}#DemoColors .chip--red-900{background:var(--uxdsl__color__red-900)}#DemoColors .chip--orange-50{background:var(--uxdsl__color__orange-50)}#DemoColors .chip--orange-100{background:var(--uxdsl__color__orange-100)}#DemoColors .chip--orange-200{background:var(--uxdsl__color__orange-200)}#DemoColors .chip--orange-300{background:var(--uxdsl__color__orange-300)}#DemoColors .chip--orange-400{background:var(--uxdsl__color__orange-400)}#DemoColors .chip--orange-500{background:var(--uxdsl__color__orange-500)}#DemoColors .chip--orange-600{background:var(--uxdsl__color__orange-600)}#DemoColors .chip--orange-700{background:var(--uxdsl__color__orange-700)}#DemoColors .chip--orange-800{background:var(--uxdsl__color__orange-800)}#DemoColors .chip--orange-900{background:var(--uxdsl__color__orange-900)}#DemoColors .chip--yellow-50{background:var(--uxdsl__color__yellow-50)}#DemoColors .chip--yellow-100{background:var(--uxdsl__color__yellow-100)}#DemoColors .chip--yellow-200{background:var(--uxdsl__color__yellow-200)}#DemoColors .chip--yellow-300{background:var(--uxdsl__color__yellow-300)}#DemoColors .chip--yellow-400{background:var(--uxdsl__color__yellow-400)}#DemoColors .chip--yellow-500{background:var(--uxdsl__color__yellow-500)}#DemoColors .chip--yellow-600{background:var(--uxdsl__color__yellow-600)}#DemoColors .chip--yellow-700{background:var(--uxdsl__color__yellow-700)}#DemoColors .chip--yellow-800{background:var(--uxdsl__color__yellow-800)}#DemoColors .chip--yellow-900{background:var(--uxdsl__color__yellow-900)}#DemoColors .chip--green-50{background:var(--uxdsl__color__green-50)}#DemoColors .chip--green-100{background:var(--uxdsl__color__green-100)}#DemoColors .chip--green-200{background:var(--uxdsl__color__green-200)}#DemoColors .chip--green-300{background:var(--uxdsl__color__green-300)}#DemoColors .chip--green-400{background:var(--uxdsl__color__green-400)}#DemoColors .chip--green-500{background:var(--uxdsl__color__green-500)}#DemoColors .chip--green-600{background:var(--uxdsl__color__green-600)}#DemoColors .chip--green-700{background:var(--uxdsl__color__green-700)}#DemoColors .chip--green-800{background:var(--uxdsl__color__green-800)}#DemoColors .chip--green-900{background:var(--uxdsl__color__green-900)}#DemoColors .chip--teal-50{background:var(--uxdsl__color__teal-50)}#DemoColors .chip--teal-100{background:var(--uxdsl__color__teal-100)}#DemoColors .chip--teal-200{background:var(--uxdsl__color__teal-200)}#DemoColors .chip--teal-300{background:var(--uxdsl__color__teal-300)}#DemoColors .chip--teal-400{background:var(--uxdsl__color__teal-400)}#DemoColors .chip--teal-500{background:var(--uxdsl__color__teal-500)}#DemoColors .chip--teal-600{background:var(--uxdsl__color__teal-600)}#DemoColors .chip--teal-700{background:var(--uxdsl__color__teal-700)}#DemoColors .chip--teal-800{background:var(--uxdsl__color__teal-800)}#DemoColors .chip--teal-900{background:var(--uxdsl__color__teal-900)}#DemoColors .chip--cyan-50{background:var(--uxdsl__color__cyan-50)}#DemoColors .chip--cyan-100{background:var(--uxdsl__color__cyan-100)}#DemoColors .chip--cyan-200{background:var(--uxdsl__color__cyan-200)}#DemoColors .chip--cyan-300{background:var(--uxdsl__color__cyan-300)}#DemoColors .chip--cyan-400{background:var(--uxdsl__color__cyan-400)}#DemoColors .chip--cyan-500{background:var(--uxdsl__color__cyan-500)}#DemoColors .chip--cyan-600{background:var(--uxdsl__color__cyan-600)}#DemoColors .chip--cyan-700{background:var(--uxdsl__color__cyan-700)}#DemoColors .chip--cyan-800{background:var(--uxdsl__color__cyan-800)}#DemoColors .chip--cyan-900{background:var(--uxdsl__color__cyan-900)}#DemoColors .chip--gray-50{background:var(--uxdsl__color__gray-50)}#DemoColors .chip--gray-100{background:var(--uxdsl__color__gray-100)}#DemoColors .chip--gray-200{background:var(--uxdsl__color__gray-200)}#DemoColors .chip--gray-300{background:var(--uxdsl__color__gray-300)}#DemoColors .chip--gray-400{background:var(--uxdsl__color__gray-400)}#DemoColors .chip--gray-500{background:var(--uxdsl__color__gray-500)}#DemoColors .chip--gray-600{background:var(--uxdsl__color__gray-600)}#DemoColors .chip--gray-700{background:var(--uxdsl__color__gray-700)}#DemoColors .chip--gray-800{background:var(--uxdsl__color__gray-800)}#DemoColors .chip--gray-900{background:var(--uxdsl__color__gray-900)}#DemoColors .color-token{position:relative}.color-picker-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.color-live-preview{padding:var(--uxdsl__space__4);border-radius:var(--uxdsl__space__2);text-align:center;font-weight:700;font-size:1.2rem;transition:all .2s ease}#DemoDensity .density-section{display:flex;flex-direction:column;gap:var(--uxdsl__density__4)}#DemoDensity .density-header{display:flex;flex-direction:column;gap:var(--uxdsl__density__2)}#DemoDensity .density-code-snippet{background:var(--uxdsl__palette__surface-dark);color:var(--uxdsl__palette__surface-contrast);padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__1);font-family:monospace;font-size:.9rem;border-left:4px solid var(--uxdsl__palette__primary-main);margin-top:var(--uxdsl__density__1)}#DemoDensity .density-doll-container{display:flex;flex-direction:column;gap:var(--uxdsl__density__2)}#DemoDensity .density-doll-controls{display:flex;gap:var(--uxdsl__density__2);align-items:center;position:relative;z-index:10}#DemoDensity .density-slider{width:200px}#DemoDensity .density-doll-wrapper{height:auto;overflow-x:auto;overflow-y:hidden;padding:var(--uxdsl__density__4);background:var(--uxdsl__palette__surface-light);border-radius:var(--uxdsl__radius__2);border:1px solid var(--uxdsl__palette__neutral-light);z-index:0}#DemoDensity .concentric-content,#DemoDensity .concentric-wrapper,#DemoDensity .density-doll-wrapper{display:flex;justify-content:center;align-items:center;position:relative}#DemoDensity .concentric-content{z-index:100;background:var(--uxdsl__palette__surface-main);padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__1);min-width:80px;min-height:40px;box-shadow:var(--uxdsl__shadow__2);font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);font-weight:700;color:var(--uxdsl__palette__primary-dark);border:1px solid var(--uxdsl__palette__neutral-light)}#DemoDensity .concentric-ring{position:absolute;border-radius:var(--uxdsl__radius__2);border:1px solid color-mix(in srgb,var(--uxdsl__palette__primary-main) 20%,transparent);background:color-mix(in srgb,var(--uxdsl__palette__primary-main) 3%,transparent);pointer-events:auto;transition:all .2s ease;display:flex;justify-content:center;align-items:flex-start;cursor:pointer}#DemoDensity .concentric-ring.is-hovered,#DemoDensity .concentric-ring:hover{border-color:var(--uxdsl__palette__secondary-main);background:color-mix(in srgb,var(--uxdsl__palette__secondary-main) 10%,transparent);box-shadow:0 0 0 1px var(--uxdsl__palette__secondary-main)}#DemoDensity .ring-label{background:var(--uxdsl__palette__secondary-main);color:var(--uxdsl__palette__secondary-contrast);font-size:.6rem;padding:1px 4px;border-radius:0 0 4px 4px;opacity:0;transition:opacity .2s;margin-top:-1px}#DemoDensity .concentric-ring.is-hovered .ring-label,#DemoDensity .concentric-ring:hover .ring-label{opacity:1}#DemoDensity .concentric-ring--uxdsl__density__1{inset:calc(var(--uxdsl__density__1) * -1);z-index:calc(20 - 1)}#DemoDensity .concentric-ring--uxdsl__density__2{inset:calc(var(--uxdsl__density__2) * -1);z-index:calc(20 - 2)}#DemoDensity .concentric-ring--uxdsl__density__3{inset:calc(var(--uxdsl__density__3) * -1);z-index:calc(20 - 3)}#DemoDensity .concentric-ring--uxdsl__density__4{inset:calc(var(--uxdsl__density__4) * -1);z-index:calc(20 - 4)}#DemoDensity .concentric-ring--uxdsl__density__5{inset:calc(var(--uxdsl__density__5) * -1);z-index:calc(20 - 5)}#DemoDensity .concentric-ring--uxdsl__density__6{inset:calc(var(--uxdsl__density__6) * -1);z-index:calc(20 - 6)}#DemoDensity .concentric-ring--uxdsl__density__7{inset:calc(var(--uxdsl__density__7) * -1);z-index:calc(20 - 7)}#DemoDensity .concentric-ring--uxdsl__density__8{inset:calc(var(--uxdsl__density__8) * -1);z-index:calc(20 - 8)}#DemoDensity .concentric-ring--uxdsl__density__9{inset:calc(var(--uxdsl__density__9) * -1);z-index:calc(20 - 9)}#DemoDensity .concentric-ring--uxdsl__density__10{inset:calc(var(--uxdsl__density__10) * -1);z-index:calc(20 - 10)}#DemoDensity .concentric-ring--uxdsl__density__11{inset:calc(var(--uxdsl__density__11) * -1);z-index:calc(20 - 11)}#DemoDensity .concentric-ring--uxdsl__density__12{inset:calc(var(--uxdsl__density__12) * -1);z-index:calc(20 - 12)}#DemoDensity .concentric-ring--uxdsl__density__13{inset:calc(var(--uxdsl__density__13) * -1);z-index:calc(20 - 13)}#DemoDensity .concentric-ring--uxdsl__density__14{inset:calc(var(--uxdsl__density__14) * -1);z-index:calc(20 - 14)}#DemoDensity .concentric-ring--uxdsl__density__15{inset:calc(var(--uxdsl__density__15) * -1);z-index:calc(20 - 15)}#DemoDensity .concentric-ring--uxdsl__density__16{inset:calc(var(--uxdsl__density__16) * -1);z-index:calc(20 - 16)}#DemoDensity .density-card,#DemoDensity .density-grid,#DemoDensity .density-grid-container{display:flex;flex-direction:column;gap:var(--uxdsl__density__2)}#DemoDensity .density-card{border-radius:var(--uxdsl__surface__outlined-radius);background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);border:var(--uxdsl__surface__outlined-border);box-shadow:var(--uxdsl__surface__outlined-shadow);padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__1);height:auto;overflow-x:auto}#DemoDensity .density-card__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--uxdsl__density__2);border-bottom:1px solid color-mix(in srgb,var(--uxdsl__palette__neutral-light) 50%,transparent)}#DemoDensity .density-card__header-col{display:flex;flex-direction:column;gap:var(--uxdsl__space__1)}#DemoDensity .density-card__header-col--bps,#DemoDensity .density-card__header-col--main{justify-content:center}#DemoDensity .density-card__header-col--right{flex-direction:row;align-items:center;gap:var(--uxdsl__density__2);justify-content:flex-end}#DemoDensity .density-metric-group{display:flex;flex-direction:column;align-items:flex-end;gap:var(--uxdsl__space__1)}#DemoDensity .density-card__viz{padding-top:var(--uxdsl__density__2);display:flex;justify-content:center;align-items:center;min-height:120px}#DemoDensity .density-card__token{font-family:var(--uxdsl__typography__body-font-family);font-size:var(--uxdsl__typography__body-font-size);line-height:var(--uxdsl__typography__body-line-height);font-weight:var(--uxdsl__typography__body-font-weight);letter-spacing:var(--uxdsl__typography__body-letter-spacing);margin-block-start:var(--uxdsl__typography__body-margin-block-start);margin-block-end:var(--uxdsl__typography__body-margin-block-end);font-weight:700;font-family:monospace;color:var(--uxdsl__palette__primary-main);background:color-mix(in srgb,var(--uxdsl__palette__primary-main) 10%,transparent);padding:2px 6px;border-radius:4px;width:fit-content}#DemoDensity .density-def-list{display:flex;flex-direction:column;gap:var(--uxdsl__space__1)}#DemoDensity .density-def-item{display:flex;gap:var(--uxdsl__space__2);font-family:monospace;font-size:.75rem;background:color-mix(in srgb,var(--uxdsl__palette__neutral-light) 30%,transparent);padding:var(--uxdsl__space__1) var(--uxdsl__space__2);border-radius:2px;transition:all .2s ease}#DemoDensity .density-def-item--active{background:color-mix(in srgb,var(--uxdsl__palette__primary-main) 15%,transparent);color:var(--uxdsl__palette__primary-dark);font-weight:700;box-shadow:0 0 0 1px color-mix(in srgb,var(--uxdsl__palette__primary-main) 30%,transparent)}#DemoDensity .density-def-bp{font-weight:700;opacity:.7}#DemoDensity .density-def-val{opacity:.9}#DemoDensity .density-card__edit-btn{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);background:transparent;color:var(--uxdsl__palette__secondary-main);border:1px solid var(--uxdsl__palette__secondary-main);box-shadow:var(--uxdsl__surface__outlined-shadow);--uxdsl__button__tone-main:var(--uxdsl__palette__secondary-main);--uxdsl__button__tone-dark:var(--uxdsl__palette__secondary-dark);--uxdsl__button__tone-contrast:var(--uxdsl__palette__secondary-contrast);white-space:nowrap}#DemoDensity .density-card__edit-btn:hover:not(:where(:disabled,[aria-disabled=true])){color:var(--uxdsl__button__outlined-tone-secondary-hover-color,var(--uxdsl__button__outlined-hover-color));border:var(--uxdsl__button__outlined-tone-secondary-hover-border,var(--uxdsl__button__outlined-hover-border))}#DemoDensity .density-card__edit-btn:focus-visible{outline:var(--uxdsl__button__outlined-tone-secondary-focusvisible-outline,var(--uxdsl__button__outlined-focusvisible-outline));outline-offset:var(--uxdsl__button__outlined-tone-secondary-focusvisible-outline-offset,var(--uxdsl__button__outlined-focusvisible-outline-offset))}#DemoDensity .density-card__edit-btn.is-selected,#DemoDensity .density-card__edit-btn[aria-pressed=true],#DemoDensity .density-card__edit-btn[aria-selected=true]{background:var(--uxdsl__button__outlined-tone-secondary-selected-bg,var(--uxdsl__button__outlined-selected-bg));color:var(--uxdsl__button__outlined-tone-secondary-selected-color,var(--uxdsl__button__outlined-selected-color));border:var(--uxdsl__button__outlined-tone-secondary-selected-border,var(--uxdsl__button__outlined-selected-border))}#DemoDensity .density-card__edit-btn:disabled,#DemoDensity .density-card__edit-btn[aria-disabled=true]{opacity:var(--uxdsl__button__outlined-tone-secondary-disabled-opacity,var(--uxdsl__button__outlined-disabled-opacity));cursor:var(--uxdsl__button__outlined-tone-secondary-disabled-cursor,var(--uxdsl__button__outlined-disabled-cursor))}#DemoDensity .density-metric-item{display:flex;align-items:baseline;gap:var(--uxdsl__space__2);font-family:monospace;font-size:.9rem}#DemoDensity .density-metric-label{font-size:.75rem;opacity:.6}#DemoDensity .density-metric-value{font-weight:500}#DemoDensity .density-metric-value--highlight{color:var(--uxdsl__palette__secondary-dark);font-weight:700}#DemoDensity .density-concentric-viz{position:relative;width:100%;height:auto;min-height:100px;display:grid;place-items:center}#DemoDensity .density-concentric-center{width:4px;height:4px;background:var(--uxdsl__palette__primary-dark);border-radius:50%;position:relative;grid-area:1/1;z-index:10}#DemoDensity .density-concentric-box{position:relative;grid-area:1/1;border:1px dashed;display:flex;align-items:center;justify-content:center;pointer-events:none}#DemoDensity .density-concentric-inner{width:4px;height:4px;opacity:0}#DemoDensity .density-concentric-label{position:absolute;top:2px;left:2px;font-size:.6rem;font-family:monospace;opacity:.8;line-height:1}#DemoDensity .density-concentric-box--0{border-color:var(--uxdsl__palette__secondary-main);background:color-mix(in srgb,var(--uxdsl__palette__secondary-main) 5%,transparent);color:var(--uxdsl__palette__secondary-dark);z-index:3}#DemoDensity .density-concentric-box--1{border-color:var(--uxdsl__palette__tertiary-main);background:color-mix(in srgb,var(--uxdsl__palette__tertiary-main) 5%,transparent);color:var(--uxdsl__palette__tertiary-dark);z-index:2}#DemoDensity .density-concentric-box--2{border-color:var(--uxdsl__palette__primary-main);background:color-mix(in srgb,var(--uxdsl__palette__primary-main) 5%,transparent);color:var(--uxdsl__palette__primary-dark);z-index:1}#DemoDensity .density-concentric-box--active{border-style:solid;border-width:2px;border-color:var(--uxdsl__palette__secondary-dark);background:color-mix(in srgb,var(--uxdsl__palette__secondary-main) 15%,transparent);z-index:10;box-shadow:0 0 0 1px var(--uxdsl__palette__surface-main)}#DemoDensity .density-doll-controls__label{display:flex;align-items:center;gap:var(--uxdsl__space__3)}#DemoDensity .demo-code-block--usage{width:100%;max-width:600px;margin:var(--uxdsl__space__7) auto 0}#DemoDensity .demo-header--tokens{margin-top:3rem;margin-bottom:var(--uxdsl__space__6)}#DemoShadows .demo-shadows{display:flex;flex-direction:column;gap:var(--uxdsl__space__8);padding:var(--uxdsl__space__4)}#DemoShadows .section{display:flex;flex-direction:column;gap:var(--uxdsl__space__4)}#DemoShadows .section-title{font:font(h4);color:var(--uxdsl__palette__text-main);margin-bottom:var(--uxdsl__space__2)}#DemoShadows .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--uxdsl__space__4)}#DemoShadows .card{flex-direction:column;gap:var(--uxdsl__space__2);padding:var(--uxdsl__space__4);border:var(--uxdsl__border__1);border-radius:var(--uxdsl__radius__2)}#DemoShadows .card,#DemoShadows .preview-box{display:flex;background:var(--uxdsl__palette__surface-main)}#DemoShadows .preview-box{width:100%;height:100px;align-items:center;justify-content:center}#DemoShadows .label,#DemoShadows .preview-box{color:var(--uxdsl__palette__text-secondary);font:font(body-sm)}#DemoShadows .label{font-family:monospace}#DemoShadows .playground{display:flex;flex-direction:column;background:var(--uxdsl__palette__surface-main);padding:var(--uxdsl__space__6);border-radius:var(--uxdsl__radius__3);border:var(--uxdsl__border__1)}@media (min-width:768px){#DemoShadows .playground{display:grid;grid-template-columns:300px 1fr}}#DemoShadows .controls{display:flex;flex-direction:column;gap:var(--uxdsl__space__4);padding:var(--uxdsl__density__2)}#DemoShadows .control-group{display:flex;flex-direction:column;gap:var(--uxdsl__space__2)}#DemoShadows .control-label{font:font(label);color:var(--uxdsl__palette__text-secondary)}#DemoShadows .select{box-sizing:border-box;font:inherit;width:100%;border-radius:var(--uxdsl__surface__outlined-radius);background:transparent;color:var(--uxdsl__palette__neutral-main);border:1px solid var(--uxdsl__palette__neutral-main);box-shadow:var(--uxdsl__surface__outlined-shadow);caret-color:var(--uxdsl__input__outlined-tone-neutral-base-caret,var(--uxdsl__input__outlined-base-caret));--uxdsl__input__tone-main:var(--uxdsl__palette__neutral-main);--uxdsl__input__tone-dark:var(--uxdsl__palette__neutral-dark);--uxdsl__input__tone-contrast:var(--uxdsl__palette__neutral-contrast);padding:var(--uxdsl__space__2)}#DemoShadows .select::placeholder{color:var(--uxdsl__input__outlined-tone-neutral-base-placeholder,var(--uxdsl__input__outlined-base-placeholder))}#DemoShadows .select:focus{border:var(--uxdsl__input__outlined-tone-neutral-focus-border,var(--uxdsl__input__outlined-focus-border))}#DemoShadows .select:invalid,#DemoShadows .select[aria-invalid=true]{border:var(--uxdsl__input__outlined-tone-neutral-invalid-border,var(--uxdsl__input__outlined-invalid-border))}#DemoShadows .select:disabled,#DemoShadows .select[aria-disabled=true]{opacity:var(--uxdsl__input__outlined-tone-neutral-disabled-opacity,var(--uxdsl__input__outlined-disabled-opacity));cursor:var(--uxdsl__input__outlined-tone-neutral-disabled-cursor,var(--uxdsl__input__outlined-disabled-cursor))}#DemoShadows .preview-area{display:flex;flex-direction:column;gap:var(--uxdsl__space__4);min-width:0;padding:var(--uxdsl__density__2)}#DemoShadows .live-preview{flex:1;background:var(--uxdsl__palette__surface-light);border-radius:var(--uxdsl__radius__2);min-height:300px;padding:var(--uxdsl__space__8)}#DemoShadows .demo-element,#DemoShadows .live-preview{display:flex;align-items:center;justify-content:center}#DemoShadows .demo-element{width:200px;height:200px;background:var(--uxdsl__palette__surface-main);color:var(--uxdsl__palette__text-main);font-weight:700;transition:all .3s ease}#DemoShadows .demo-code-block{border-radius:var(--uxdsl__radius__2);overflow:hidden;border:var(--uxdsl__border__1)}#DemoSpacing .spacing-section{display:flex;flex-direction:column;gap:var(--uxdsl__density__4)}#DemoSpacing .spacing-doll-container,#DemoSpacing .spacing-header{display:flex;flex-direction:column;gap:var(--uxdsl__density__2)}#DemoSpacing .spacing-doll-controls{display:flex;gap:var(--uxdsl__density__2);align-items:center}#DemoSpacing .spacing-doll-wrapper{overflow:auto;padding:var(--uxdsl__density__4);background:var(--uxdsl__palette__surface-light);border-radius:var(--uxdsl__radius__2);border:1px solid var(--uxdsl__palette__neutral-light);transition:all .3s ease}#DemoSpacing .concentric-content,#DemoSpacing .concentric-wrapper,#DemoSpacing .spacing-doll-wrapper{display:flex;justify-content:center;align-items:center;position:relative}#DemoSpacing .concentric-content{z-index:100;background:var(--uxdsl__palette__surface-main);padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__1);min-width:80px;min-height:40px;box-shadow:var(--uxdsl__shadow__2);font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);font-weight:700;color:var(--uxdsl__palette__primary-dark);border:1px solid var(--uxdsl__palette__neutral-light)}#DemoSpacing .concentric-ring{position:absolute;border-radius:var(--uxdsl__radius__2);border:1px solid color-mix(in srgb,var(--uxdsl__palette__primary-main) 20%,transparent);background:color-mix(in srgb,var(--uxdsl__palette__primary-main) 3%,transparent);pointer-events:auto;transition:all .2s ease;display:flex;justify-content:center;align-items:flex-start;cursor:pointer}#DemoSpacing .concentric-ring.is-hovered,#DemoSpacing .concentric-ring:hover{border-color:var(--uxdsl__palette__secondary-main);background:color-mix(in srgb,var(--uxdsl__palette__secondary-main) 10%,transparent);box-shadow:0 0 0 1px var(--uxdsl__palette__secondary-main)}#DemoSpacing .ring-label{background:var(--uxdsl__palette__secondary-main);color:var(--uxdsl__palette__secondary-contrast);font-size:.6rem;padding:1px 4px;border-radius:0 0 4px 4px;opacity:0;transition:opacity .2s;margin-top:-1px}#DemoSpacing .concentric-ring.is-hovered .ring-label,#DemoSpacing .concentric-ring:hover .ring-label{opacity:1}#DemoSpacing .concentric-ring--1{inset:calc(var(--uxdsl__space__1) * -1);z-index:calc(20 - 1)}#DemoSpacing .concentric-ring--2{inset:calc(var(--uxdsl__space__2) * -1);z-index:calc(20 - 2)}#DemoSpacing .concentric-ring--3{inset:calc(var(--uxdsl__space__3) * -1);z-index:calc(20 - 3)}#DemoSpacing .concentric-ring--4{inset:calc(var(--uxdsl__space__4) * -1);z-index:calc(20 - 4)}#DemoSpacing .concentric-ring--5{inset:calc(var(--uxdsl__space__5) * -1);z-index:calc(20 - 5)}#DemoSpacing .concentric-ring--6{inset:calc(var(--uxdsl__space__6) * -1);z-index:calc(20 - 6)}#DemoSpacing .concentric-ring--7{inset:calc(var(--uxdsl__space__7) * -1);z-index:calc(20 - 7)}#DemoSpacing .concentric-ring--8{inset:calc(var(--uxdsl__space__8) * -1);z-index:calc(20 - 8)}#DemoSpacing .concentric-ring--9{inset:calc(var(--uxdsl__space__9) * -1);z-index:calc(20 - 9)}#DemoSpacing .concentric-ring--10{inset:calc(var(--uxdsl__space__10) * -1);z-index:calc(20 - 10)}#DemoSpacing .concentric-ring--11{inset:calc(var(--uxdsl__space__11) * -1);z-index:calc(20 - 11)}#DemoSpacing .concentric-ring--12{inset:calc(var(--uxdsl__space__12) * -1);z-index:calc(20 - 12)}#DemoSpacing .concentric-ring--13{inset:calc(var(--uxdsl__space__13) * -1);z-index:calc(20 - 13)}#DemoSpacing .concentric-ring--14{inset:calc(var(--uxdsl__space__14) * -1);z-index:calc(20 - 14)}#DemoSpacing .concentric-ring--15{inset:calc(var(--uxdsl__space__15) * -1);z-index:calc(20 - 15)}#DemoSpacing .concentric-ring--16{inset:calc(var(--uxdsl__space__16) * -1);z-index:calc(20 - 16)}#DemoSpacing .spacing-grid{display:flex;flex-direction:column;gap:var(--uxdsl__density__1)}#DemoSpacing .spacing-card{border-radius:var(--uxdsl__surface__outlined-radius);background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);border:var(--uxdsl__surface__outlined-border);box-shadow:var(--uxdsl__surface__outlined-shadow);padding:var(--uxdsl__density__2);display:grid;gap:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);transition:all .2s ease;align-items:center;grid-template-columns:auto 1fr;grid-template-areas:"token input" "sep sep" "preview preview"}@media (min-width:768px){#DemoSpacing .spacing-card{padding:var(--uxdsl__density__1) var(--uxdsl__density__3);grid-template-columns:120px 1fr auto;grid-template-areas:"token input preview"}}#DemoSpacing .spacing-card:hover{border-color:var(--uxdsl__palette__primary-main);box-shadow:var(--uxdsl__shadow__1)}#DemoSpacing .spacing-card__token{grid-area:token;font-family:var(--uxdsl__typography__subtitle2-font-family);font-size:var(--uxdsl__typography__subtitle2-font-size);line-height:var(--uxdsl__typography__subtitle2-line-height);font-weight:var(--uxdsl__typography__subtitle2-font-weight);letter-spacing:var(--uxdsl__typography__subtitle2-letter-spacing);margin-block-start:var(--uxdsl__typography__subtitle2-margin-block-start);margin-block-end:var(--uxdsl__typography__subtitle2-margin-block-end);font-family:monospace;font-weight:700;color:var(--uxdsl__palette__primary-dark)}#DemoSpacing .spacing-card__input-wrapper{grid-area:input;display:flex;justify-content:flex-end}@media (min-width:768px){#DemoSpacing .spacing-card__input-wrapper{justify-content:flex-start}}#DemoSpacing .spacing-card__input{width:100%;max-width:120px;padding:var(--uxdsl__space__1) var(--uxdsl__density__1);background:transparent;border:1px solid var(--uxdsl__palette__neutral-main);border-radius:var(--uxdsl__radius__1);font-family:monospace;font-size:.85rem;text-align:right;color:var(--uxdsl__palette__surface-contrast)}@media (min-width:768px){#DemoSpacing .spacing-card__input{max-width:200px;text-align:left}}#DemoSpacing .spacing-card__input:focus{border-color:var(--uxdsl__palette__primary-main);outline:none}#DemoSpacing .spacing-card__separator{grid-area:sep;height:1px;background:color-mix(in srgb,var(--uxdsl__palette__neutral-light) 50%,transparent);width:100%;margin:var(--uxdsl__space__1) 0}@media (min-width:768px){#DemoSpacing .spacing-card__separator{display:none}}#DemoSpacing .spacing-card__preview{grid-area:preview;display:flex;justify-content:center;align-items:center;padding:var(--uxdsl__density__1) 0;min-height:40px}@media (min-width:768px){#DemoSpacing .spacing-card__preview{justify-content:flex-end;padding:0;min-width:60px}}#DemoSpacing .spacing-box{background:var(--uxdsl__palette__primary-main);border-radius:2px;box-shadow:0 0 0 1px color-mix(in srgb,var(--uxdsl__palette__primary-main) 20%,transparent)}#DemoSpacing .spacing-box--1{width:var(--uxdsl__space__1);height:var(--uxdsl__space__1)}#DemoSpacing .spacing-box--2{width:var(--uxdsl__space__2);height:var(--uxdsl__space__2)}#DemoSpacing .spacing-box--3{width:var(--uxdsl__space__3);height:var(--uxdsl__space__3)}#DemoSpacing .spacing-box--4{width:var(--uxdsl__space__4);height:var(--uxdsl__space__4)}#DemoSpacing .spacing-box--5{width:var(--uxdsl__space__5);height:var(--uxdsl__space__5)}#DemoSpacing .spacing-box--6{width:var(--uxdsl__space__6);height:var(--uxdsl__space__6)}#DemoSpacing .spacing-box--7{width:var(--uxdsl__space__7);height:var(--uxdsl__space__7)}#DemoSpacing .spacing-box--8{width:var(--uxdsl__space__8);height:var(--uxdsl__space__8)}#DemoSpacing .spacing-box--9{width:var(--uxdsl__space__9);height:var(--uxdsl__space__9)}#DemoSpacing .spacing-box--10{width:var(--uxdsl__space__10);height:var(--uxdsl__space__10)}#DemoSpacing .spacing-box--11{width:var(--uxdsl__space__11);height:var(--uxdsl__space__11)}#DemoSpacing .spacing-box--12{width:var(--uxdsl__space__12);height:var(--uxdsl__space__12)}#DemoSpacing .spacing-box--13{width:var(--uxdsl__space__13);height:var(--uxdsl__space__13)}#DemoSpacing .spacing-box--14{width:var(--uxdsl__space__14);height:var(--uxdsl__space__14)}#DemoSpacing .spacing-box--15{width:var(--uxdsl__space__15);height:var(--uxdsl__space__15)}#DemoSpacing .spacing-box--16{width:var(--uxdsl__space__16);height:var(--uxdsl__space__16)}#DemoSpacing .spacing-doll-controls__label{display:flex;align-items:center;gap:var(--uxdsl__space__3)}#DemoSpacing .demo-code-block--usage{width:100%;max-width:600px;margin:var(--uxdsl__space__7) auto 0}#DemoSpacing .demo-header--tokens{margin-top:3rem;margin-bottom:var(--uxdsl__space__6)}#DemoSurfaces .surfaces-section{display:flex;flex-direction:column;gap:var(--uxdsl__density__4);--uxdsl__space__0:0px}#DemoSurfaces .surfaces-header,#DemoSurfaces .surfaces-viz-container{display:flex;flex-direction:column;gap:var(--uxdsl__density__2)}#DemoSurfaces .surfaces-viz-wrapper{display:flex;justify-content:center;align-items:center;padding:var(--uxdsl__density__4);background:var(--uxdsl__palette__surface-light);border-radius:var(--uxdsl__radius__2);border:1px solid var(--uxdsl__palette__neutral-light);min-height:300px}#DemoSurfaces .surfaces-stack{position:relative;width:300px;height:200px}#DemoSurfaces .surface-card-viz{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease;cursor:pointer}#DemoSurfaces .surface-card-viz:hover{transform:translateY(-5px)}#DemoSurfaces .surface-card-viz--contained{top:0;left:0;z-index:1}#DemoSurfaces .surface-card-viz--outlined{top:20px;left:20px;z-index:2;backdrop-filter:blur(4px)}#DemoSurfaces .surface-card-viz--flat{top:40px;left:40px;z-index:3}#DemoSurfaces .surfaces-grid-container{display:flex;flex-direction:column;gap:var(--uxdsl__density__2)}#DemoSurfaces .surfaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--uxdsl__density__2)}#DemoSurfaces .surface-card{border-radius:var(--uxdsl__surface__outlined-radius);background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);border:var(--uxdsl__surface__outlined-border);box-shadow:var(--uxdsl__surface__outlined-shadow);padding:var(--uxdsl__density__2);display:flex;flex-direction:column;gap:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__1)}#DemoSurfaces .surface-card__header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--uxdsl__density__1);border-bottom:1px solid color-mix(in srgb,var(--uxdsl__palette__neutral-light) 50%,transparent)}#DemoSurfaces .surface-card__title-group{display:flex;flex-direction:column;gap:var(--uxdsl__density__1)}#DemoSurfaces .surface-card__desc{font-size:.85rem;color:var(--uxdsl__palette__neutral-dark);line-height:1.4;max-width:90%}#DemoSurfaces .surface-card__token{font-family:var(--uxdsl__typography__body-font-family);font-size:var(--uxdsl__typography__body-font-size);line-height:var(--uxdsl__typography__body-line-height);font-weight:var(--uxdsl__typography__body-font-weight);letter-spacing:var(--uxdsl__typography__body-letter-spacing);margin-block-start:var(--uxdsl__typography__body-margin-block-start);margin-block-end:var(--uxdsl__typography__body-margin-block-end);font-weight:700;font-family:monospace;color:var(--uxdsl__palette__primary-main);background:color-mix(in srgb,var(--uxdsl__palette__primary-main) 10%,transparent);padding:2px 6px;border-radius:4px;width:fit-content}#DemoSurfaces .surfaces-doc-container{display:flex;flex-direction:column;gap:var(--uxdsl__density__2)}#DemoSurfaces .surface-doc-card{border-radius:var(--uxdsl__surface__outlined-radius);background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);border:var(--uxdsl__surface__outlined-border);box-shadow:var(--uxdsl__surface__outlined-shadow);padding:var(--uxdsl__density__3);background:color-mix(in srgb,var(--uxdsl__palette__surface-light) 30%,transparent)}#DemoSurfaces .surface-doc-intro{margin-bottom:var(--uxdsl__density__2);line-height:1.5}#DemoSurfaces .surface-doc-subtitle{font-weight:700;margin-bottom:var(--uxdsl__density__1);color:var(--uxdsl__palette__primary-dark)}#DemoSurfaces .surface-doc-list{list-style:disc;padding-left:var(--uxdsl__density__3);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--uxdsl__density__1)}#DemoSurfaces .surface-doc-list li{font-size:.9rem}#DemoSurfaces .surface-card__edit-btn{padding:var(--uxdsl__space__2) var(--uxdsl__space__4);font-size:.8rem;cursor:pointer;background:var(--uxdsl__palette__surface-light);border:1px solid var(--uxdsl__palette__neutral-light);border-radius:var(--uxdsl__radius__1);transition:all .2s ease}#DemoSurfaces .surface-card__edit-btn:hover{border-color:var(--uxdsl__palette__primary-main);color:var(--uxdsl__palette__primary-main)}#DemoSurfaces .surface-card__preview{height:120px;display:flex;justify-content:center;align-items:center;background:color-mix(in srgb,var(--uxdsl__palette__neutral-light) 10%,transparent);border-radius:var(--uxdsl__radius__1);padding:var(--uxdsl__density__2)}#DemoSurfaces .surface-preview-box{min-width:120px;min-height:60px;display:flex;justify-content:center;align-items:center;font-size:.9rem;font-weight:500}#DemoSurfaces .surface-props-list{display:flex;flex-direction:column;gap:var(--uxdsl__space__2);font-family:monospace;font-size:.8rem;color:var(--uxdsl__palette__neutral-dark)}#DemoSurfaces .surface-prop{display:flex;gap:var(--uxdsl__space__3)}#DemoSurfaces .surface-prop-key{opacity:.7;min-width:60px}#DemoSurfaces .surfaces-playground-container{display:flex;flex-direction:column;gap:var(--uxdsl__density__2)}#DemoSurfaces .surface-playground{display:flex;flex-direction:column;gap:var(--uxdsl__density__3);border-radius:var(--uxdsl__surface__outlined-radius);background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);border:var(--uxdsl__surface__outlined-border);box-shadow:var(--uxdsl__surface__outlined-shadow);padding:var(--uxdsl__density__3);background:color-mix(in srgb,var(--uxdsl__palette__surface-light) 30%,transparent)}@media (min-width:768px){#DemoSurfaces .surface-playground{flex-direction:row;align-items:flex-start}}#DemoSurfaces .surface-playground__controls{display:flex;flex-direction:column;gap:var(--uxdsl__density__2);min-width:250px}#DemoSurfaces .surface-playground__controls label{display:flex;flex-direction:column;gap:var(--uxdsl__density__1);font-size:.9rem;font-weight:500}#DemoSurfaces .surface-playground__controls select{box-sizing:border-box;font:inherit;width:100%;border-radius:var(--uxdsl__surface__outlined-radius);background:transparent;color:var(--uxdsl__palette__neutral-main);border:1px solid var(--uxdsl__palette__neutral-main);box-shadow:var(--uxdsl__surface__outlined-shadow);caret-color:var(--uxdsl__input__outlined-tone-neutral-base-caret,var(--uxdsl__input__outlined-base-caret));--uxdsl__input__tone-main:var(--uxdsl__palette__neutral-main);--uxdsl__input__tone-dark:var(--uxdsl__palette__neutral-dark);--uxdsl__input__tone-contrast:var(--uxdsl__palette__neutral-contrast);padding:var(--uxdsl__density__1)}#DemoSurfaces .surface-playground__controls select::placeholder{color:var(--uxdsl__input__outlined-tone-neutral-base-placeholder,var(--uxdsl__input__outlined-base-placeholder))}#DemoSurfaces .surface-playground__controls select:focus{border:var(--uxdsl__input__outlined-tone-neutral-focus-border,var(--uxdsl__input__outlined-focus-border))}#DemoSurfaces .surface-playground__controls select:invalid,#DemoSurfaces .surface-playground__controls select[aria-invalid=true]{border:var(--uxdsl__input__outlined-tone-neutral-invalid-border,var(--uxdsl__input__outlined-invalid-border))}#DemoSurfaces .surface-playground__controls select:disabled,#DemoSurfaces .surface-playground__controls select[aria-disabled=true]{opacity:var(--uxdsl__input__outlined-tone-neutral-disabled-opacity,var(--uxdsl__input__outlined-disabled-opacity));cursor:var(--uxdsl__input__outlined-tone-neutral-disabled-cursor,var(--uxdsl__input__outlined-disabled-cursor))}#DemoSurfaces .surface-playground__preview{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:color-mix(in srgb,var(--uxdsl__palette__neutral-light) 10%,transparent);border-radius:var(--uxdsl__radius__2);padding:var(--uxdsl__density__4);min-height:300px}#DemoSurfaces .surface-playground__box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--uxdsl__density__2)}#DemoSurfaces .surface-playground__box--contained-primary-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-primary-0,#DemoSurfaces .surface-playground__box--contained-primary-1{background:var(--uxdsl__palette__primary-main);color:var(--uxdsl__palette__primary-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-primary-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-primary-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-primary-2,#DemoSurfaces .surface-playground__box--contained-primary-3{background:var(--uxdsl__palette__primary-main);color:var(--uxdsl__palette__primary-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-primary-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-primary-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-primary-4,#DemoSurfaces .surface-playground__box--contained-primary-5{background:var(--uxdsl__palette__primary-main);color:var(--uxdsl__palette__primary-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-primary-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-secondary-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-secondary-0,#DemoSurfaces .surface-playground__box--contained-secondary-1{background:var(--uxdsl__palette__secondary-main);color:var(--uxdsl__palette__secondary-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-secondary-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-secondary-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-secondary-2,#DemoSurfaces .surface-playground__box--contained-secondary-3{background:var(--uxdsl__palette__secondary-main);color:var(--uxdsl__palette__secondary-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-secondary-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-secondary-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-secondary-4,#DemoSurfaces .surface-playground__box--contained-secondary-5{background:var(--uxdsl__palette__secondary-main);color:var(--uxdsl__palette__secondary-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-secondary-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-success-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-success-0,#DemoSurfaces .surface-playground__box--contained-success-1{background:var(--uxdsl__palette__success-main);color:var(--uxdsl__palette__success-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-success-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-success-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-success-2,#DemoSurfaces .surface-playground__box--contained-success-3{background:var(--uxdsl__palette__success-main);color:var(--uxdsl__palette__success-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-success-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-success-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-success-4,#DemoSurfaces .surface-playground__box--contained-success-5{background:var(--uxdsl__palette__success-main);color:var(--uxdsl__palette__success-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-success-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-info-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-info-0,#DemoSurfaces .surface-playground__box--contained-info-1{background:var(--uxdsl__palette__info-main);color:var(--uxdsl__palette__info-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-info-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-info-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-info-2,#DemoSurfaces .surface-playground__box--contained-info-3{background:var(--uxdsl__palette__info-main);color:var(--uxdsl__palette__info-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-info-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-info-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-info-4,#DemoSurfaces .surface-playground__box--contained-info-5{background:var(--uxdsl__palette__info-main);color:var(--uxdsl__palette__info-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-info-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-warning-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-warning-0,#DemoSurfaces .surface-playground__box--contained-warning-1{background:var(--uxdsl__palette__warning-main);color:var(--uxdsl__palette__warning-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-warning-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-warning-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-warning-2,#DemoSurfaces .surface-playground__box--contained-warning-3{background:var(--uxdsl__palette__warning-main);color:var(--uxdsl__palette__warning-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-warning-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-warning-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-warning-4,#DemoSurfaces .surface-playground__box--contained-warning-5{background:var(--uxdsl__palette__warning-main);color:var(--uxdsl__palette__warning-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-warning-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-error-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-error-0,#DemoSurfaces .surface-playground__box--contained-error-1{background:var(--uxdsl__palette__error-main);color:var(--uxdsl__palette__error-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-error-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-error-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-error-2,#DemoSurfaces .surface-playground__box--contained-error-3{background:var(--uxdsl__palette__error-main);color:var(--uxdsl__palette__error-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-error-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-error-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-error-4,#DemoSurfaces .surface-playground__box--contained-error-5{background:var(--uxdsl__palette__error-main);color:var(--uxdsl__palette__error-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-error-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-neutral-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-neutral-0,#DemoSurfaces .surface-playground__box--contained-neutral-1{background:var(--uxdsl__palette__neutral-main);color:var(--uxdsl__palette__neutral-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-neutral-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-neutral-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-neutral-2,#DemoSurfaces .surface-playground__box--contained-neutral-3{background:var(--uxdsl__palette__neutral-main);color:var(--uxdsl__palette__neutral-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-neutral-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-neutral-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-neutral-4,#DemoSurfaces .surface-playground__box--contained-neutral-5{background:var(--uxdsl__palette__neutral-main);color:var(--uxdsl__palette__neutral-contrast);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-neutral-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-none-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-none-0,#DemoSurfaces .surface-playground__box--contained-none-1{background:var(--uxdsl__surface__contained-bg);color:var(--uxdsl__surface__contained-color);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-none-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-none-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-none-2,#DemoSurfaces .surface-playground__box--contained-none-3{background:var(--uxdsl__surface__contained-bg);color:var(--uxdsl__surface__contained-color);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-none-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-none-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--contained-none-4,#DemoSurfaces .surface-playground__box--contained-none-5{background:var(--uxdsl__surface__contained-bg);color:var(--uxdsl__surface__contained-color);box-shadow:var(--uxdsl__surface__contained-shadow)}#DemoSurfaces .surface-playground__box--contained-none-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);border:var(--uxdsl__surface__contained-border)}#DemoSurfaces .surface-playground__box--outlined-primary-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);background:transparent;color:var(--uxdsl__palette__primary-main);border:1px solid var(--uxdsl__palette__primary-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-primary-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);background:transparent;color:var(--uxdsl__palette__primary-main);border:1px solid var(--uxdsl__palette__primary-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-primary-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);background:transparent;color:var(--uxdsl__palette__primary-main);border:1px solid var(--uxdsl__palette__primary-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-primary-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);background:transparent;color:var(--uxdsl__palette__primary-main);border:1px solid var(--uxdsl__palette__primary-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-primary-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);background:transparent;color:var(--uxdsl__palette__primary-main);border:1px solid var(--uxdsl__palette__primary-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-primary-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);background:transparent;color:var(--uxdsl__palette__primary-main);border:1px solid var(--uxdsl__palette__primary-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-secondary-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);background:transparent;color:var(--uxdsl__palette__secondary-main);border:1px solid var(--uxdsl__palette__secondary-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-secondary-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);background:transparent;color:var(--uxdsl__palette__secondary-main);border:1px solid var(--uxdsl__palette__secondary-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-secondary-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);background:transparent;color:var(--uxdsl__palette__secondary-main);border:1px solid var(--uxdsl__palette__secondary-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-secondary-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);background:transparent;color:var(--uxdsl__palette__secondary-main);border:1px solid var(--uxdsl__palette__secondary-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-secondary-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);background:transparent;color:var(--uxdsl__palette__secondary-main);border:1px solid var(--uxdsl__palette__secondary-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-secondary-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);background:transparent;color:var(--uxdsl__palette__secondary-main);border:1px solid var(--uxdsl__palette__secondary-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-success-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);background:transparent;color:var(--uxdsl__palette__success-main);border:1px solid var(--uxdsl__palette__success-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-success-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);background:transparent;color:var(--uxdsl__palette__success-main);border:1px solid var(--uxdsl__palette__success-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-success-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);background:transparent;color:var(--uxdsl__palette__success-main);border:1px solid var(--uxdsl__palette__success-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-success-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);background:transparent;color:var(--uxdsl__palette__success-main);border:1px solid var(--uxdsl__palette__success-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-success-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);background:transparent;color:var(--uxdsl__palette__success-main);border:1px solid var(--uxdsl__palette__success-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-success-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);background:transparent;color:var(--uxdsl__palette__success-main);border:1px solid var(--uxdsl__palette__success-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-info-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);background:transparent;color:var(--uxdsl__palette__info-main);border:1px solid var(--uxdsl__palette__info-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-info-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);background:transparent;color:var(--uxdsl__palette__info-main);border:1px solid var(--uxdsl__palette__info-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-info-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);background:transparent;color:var(--uxdsl__palette__info-main);border:1px solid var(--uxdsl__palette__info-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-info-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);background:transparent;color:var(--uxdsl__palette__info-main);border:1px solid var(--uxdsl__palette__info-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-info-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);background:transparent;color:var(--uxdsl__palette__info-main);border:1px solid var(--uxdsl__palette__info-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-info-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);background:transparent;color:var(--uxdsl__palette__info-main);border:1px solid var(--uxdsl__palette__info-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-warning-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);background:transparent;color:var(--uxdsl__palette__warning-main);border:1px solid var(--uxdsl__palette__warning-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-warning-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);background:transparent;color:var(--uxdsl__palette__warning-main);border:1px solid var(--uxdsl__palette__warning-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-warning-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);background:transparent;color:var(--uxdsl__palette__warning-main);border:1px solid var(--uxdsl__palette__warning-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-warning-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);background:transparent;color:var(--uxdsl__palette__warning-main);border:1px solid var(--uxdsl__palette__warning-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-warning-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);background:transparent;color:var(--uxdsl__palette__warning-main);border:1px solid var(--uxdsl__palette__warning-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-warning-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);background:transparent;color:var(--uxdsl__palette__warning-main);border:1px solid var(--uxdsl__palette__warning-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-error-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);background:transparent;color:var(--uxdsl__palette__error-main);border:1px solid var(--uxdsl__palette__error-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-error-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);background:transparent;color:var(--uxdsl__palette__error-main);border:1px solid var(--uxdsl__palette__error-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-error-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);background:transparent;color:var(--uxdsl__palette__error-main);border:1px solid var(--uxdsl__palette__error-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-error-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);background:transparent;color:var(--uxdsl__palette__error-main);border:1px solid var(--uxdsl__palette__error-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-error-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);background:transparent;color:var(--uxdsl__palette__error-main);border:1px solid var(--uxdsl__palette__error-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-error-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);background:transparent;color:var(--uxdsl__palette__error-main);border:1px solid var(--uxdsl__palette__error-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-neutral-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);background:transparent;color:var(--uxdsl__palette__neutral-main);border:1px solid var(--uxdsl__palette__neutral-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-neutral-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);background:transparent;color:var(--uxdsl__palette__neutral-main);border:1px solid var(--uxdsl__palette__neutral-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-neutral-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);background:transparent;color:var(--uxdsl__palette__neutral-main);border:1px solid var(--uxdsl__palette__neutral-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-neutral-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);background:transparent;color:var(--uxdsl__palette__neutral-main);border:1px solid var(--uxdsl__palette__neutral-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-neutral-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);background:transparent;color:var(--uxdsl__palette__neutral-main);border:1px solid var(--uxdsl__palette__neutral-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-neutral-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);background:transparent;color:var(--uxdsl__palette__neutral-main);border:1px solid var(--uxdsl__palette__neutral-main);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-none-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);border:var(--uxdsl__surface__outlined-border)}#DemoSurfaces .surface-playground__box--outlined-none-0,#DemoSurfaces .surface-playground__box--outlined-none-1{background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-none-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);border:var(--uxdsl__surface__outlined-border)}#DemoSurfaces .surface-playground__box--outlined-none-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);border:var(--uxdsl__surface__outlined-border)}#DemoSurfaces .surface-playground__box--outlined-none-2,#DemoSurfaces .surface-playground__box--outlined-none-3{background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-none-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);border:var(--uxdsl__surface__outlined-border)}#DemoSurfaces .surface-playground__box--outlined-none-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);border:var(--uxdsl__surface__outlined-border)}#DemoSurfaces .surface-playground__box--outlined-none-4,#DemoSurfaces .surface-playground__box--outlined-none-5{background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);box-shadow:var(--uxdsl__surface__outlined-shadow)}#DemoSurfaces .surface-playground__box--outlined-none-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);border:var(--uxdsl__surface__outlined-border)}#DemoSurfaces .surface-playground__box--flat-primary-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-primary-0,#DemoSurfaces .surface-playground__box--flat-primary-1{background:transparent;color:var(--uxdsl__palette__primary-main);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-primary-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-primary-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-primary-2,#DemoSurfaces .surface-playground__box--flat-primary-3{background:transparent;color:var(--uxdsl__palette__primary-main);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-primary-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-primary-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-primary-4,#DemoSurfaces .surface-playground__box--flat-primary-5{background:transparent;color:var(--uxdsl__palette__primary-main);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-primary-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-secondary-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);background:transparent;color:var(--uxdsl__palette__secondary-main);border:var(--uxdsl__surface__flat-border);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-secondary-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);background:transparent;color:var(--uxdsl__palette__secondary-main);border:var(--uxdsl__surface__flat-border);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-secondary-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);background:transparent;color:var(--uxdsl__palette__secondary-main);border:var(--uxdsl__surface__flat-border);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-secondary-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);background:transparent;color:var(--uxdsl__palette__secondary-main);border:var(--uxdsl__surface__flat-border);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-secondary-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);background:transparent;color:var(--uxdsl__palette__secondary-main);border:var(--uxdsl__surface__flat-border);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-secondary-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);background:transparent;color:var(--uxdsl__palette__secondary-main);border:var(--uxdsl__surface__flat-border);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-success-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-success-0,#DemoSurfaces .surface-playground__box--flat-success-1{background:transparent;color:var(--uxdsl__palette__success-main);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-success-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-success-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-success-2,#DemoSurfaces .surface-playground__box--flat-success-3{background:transparent;color:var(--uxdsl__palette__success-main);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-success-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-success-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-success-4,#DemoSurfaces .surface-playground__box--flat-success-5{background:transparent;color:var(--uxdsl__palette__success-main);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-success-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-info-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-info-0,#DemoSurfaces .surface-playground__box--flat-info-1{background:transparent;color:var(--uxdsl__palette__info-main);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-info-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-info-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-info-2,#DemoSurfaces .surface-playground__box--flat-info-3{background:transparent;color:var(--uxdsl__palette__info-main);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-info-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-info-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-info-4,#DemoSurfaces .surface-playground__box--flat-info-5{background:transparent;color:var(--uxdsl__palette__info-main);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-info-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-warning-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-warning-0,#DemoSurfaces .surface-playground__box--flat-warning-1{background:transparent;color:var(--uxdsl__palette__warning-main);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-warning-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-warning-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-warning-2,#DemoSurfaces .surface-playground__box--flat-warning-3{background:transparent;color:var(--uxdsl__palette__warning-main);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-warning-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-warning-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-warning-4,#DemoSurfaces .surface-playground__box--flat-warning-5{background:transparent;color:var(--uxdsl__palette__warning-main);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-warning-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-error-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-error-0,#DemoSurfaces .surface-playground__box--flat-error-1{background:transparent;color:var(--uxdsl__palette__error-main);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-error-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-error-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-error-2,#DemoSurfaces .surface-playground__box--flat-error-3{background:transparent;color:var(--uxdsl__palette__error-main);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-error-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-error-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-error-4,#DemoSurfaces .surface-playground__box--flat-error-5{background:transparent;color:var(--uxdsl__palette__error-main);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-error-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-neutral-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-neutral-0,#DemoSurfaces .surface-playground__box--flat-neutral-1{background:transparent;color:var(--uxdsl__palette__neutral-main);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-neutral-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-neutral-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-neutral-2,#DemoSurfaces .surface-playground__box--flat-neutral-3{background:transparent;color:var(--uxdsl__palette__neutral-main);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-neutral-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-neutral-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-neutral-4,#DemoSurfaces .surface-playground__box--flat-neutral-5{background:transparent;color:var(--uxdsl__palette__neutral-main);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-neutral-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-none-0{padding:var(--uxdsl__density__0);border-radius:var(--uxdsl__radius__0);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-none-0,#DemoSurfaces .surface-playground__box--flat-none-1{background:var(--uxdsl__surface__flat-bg);color:var(--uxdsl__surface__flat-color);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-none-1{padding:var(--uxdsl__density__1);border-radius:var(--uxdsl__radius__1);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-none-2{padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-none-2,#DemoSurfaces .surface-playground__box--flat-none-3{background:var(--uxdsl__surface__flat-bg);color:var(--uxdsl__surface__flat-color);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-none-3{padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__3);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-none-4{padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__4);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .surface-playground__box--flat-none-4,#DemoSurfaces .surface-playground__box--flat-none-5{background:var(--uxdsl__surface__flat-bg);color:var(--uxdsl__surface__flat-color);box-shadow:var(--uxdsl__surface__flat-shadow)}#DemoSurfaces .surface-playground__box--flat-none-5{padding:var(--uxdsl__density__5);border-radius:var(--uxdsl__radius__5);border:var(--uxdsl__surface__flat-border)}#DemoSurfaces .demo-radius-0{border-radius:0!important}#DemoSurfaces .demo-radius-1{border-radius:var(--uxdsl__radius__1)!important}#DemoSurfaces .demo-radius-2{border-radius:var(--uxdsl__radius__2)!important}#DemoSurfaces .demo-radius-3{border-radius:var(--uxdsl__radius__3)!important}#DemoSurfaces .demo-radius-4{border-radius:var(--uxdsl__radius__4)!important}#DemoSurfaces .demo-radius-5{border-radius:var(--uxdsl__radius__5)!important}#DemoSurfaces .demo-shadow-0{box-shadow:none!important}#DemoSurfaces .demo-shadow-1{box-shadow:var(--uxdsl__shadow__1)!important}#DemoSurfaces .demo-shadow-2{box-shadow:var(--uxdsl__shadow__2)!important}#DemoSurfaces .demo-shadow-3{box-shadow:var(--uxdsl__shadow__3)!important}#DemoSurfaces .demo-shadow-4{box-shadow:var(--uxdsl__shadow__4)!important}#DemoSurfaces .demo-shadow-5{box-shadow:var(--uxdsl__shadow__5)!important}.density-explanation{display:grid;gap:var(--uxdsl__space__7);margin:var(--uxdsl__space__7) 0 3rem;min-width:0}.density-explanation section{min-width:0}.density-explanation h3{font-size:1.5rem;margin:0 0 var(--uxdsl__space__5)}.density-explanation h4{font-size:1.2rem;margin:1.25rem 0 var(--uxdsl__space__5)}.density-explanation h5{font-size:1rem;margin:0 0 var(--uxdsl__space__4)}.density-explanation p{line-height:1.7;margin:var(--uxdsl__space__4) 0}.density-explanation__code{background:var(--uxdsl__color__gray-900);color:var(--uxdsl__color__gray-200);padding:1.25rem;border-radius:.75rem;overflow-x:auto;font-size:.85rem;line-height:1.7}.density-explanation__comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.25rem}.density-explanation__comparison>div{min-width:0}.density-explanation__table-wrap{overflow-x:auto;margin:1.25rem 0}.density-explanation__table-wrap table{width:100%;border-collapse:collapse;text-align:left}.density-explanation__table-wrap caption{text-align:left;margin-bottom:var(--uxdsl__space__4);font-weight:600}.density-explanation__table-wrap td,.density-explanation__table-wrap th{padding:var(--uxdsl__space__4);border-bottom:1px solid var(--uxdsl__color__gray-400)}.density-explanation__definition{overflow-wrap:anywhere}.density-explanation__edit{background:var(--uxdsl__color__blue-500);color:var(--uxdsl__color__white);border:0;border-radius:.5rem;padding:.65rem var(--uxdsl__space__5);cursor:pointer;font:inherit}.density-explanation__edit:hover{background:var(--uxdsl__color__blue-900)}.density-explanation__edit:focus-visible{outline:3px solid var(--uxdsl__color__blue-300);outline-offset:3px}.density-explanation__boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:var(--uxdsl__space__5);margin:var(--uxdsl__space__6) 0}.density-explanation__boxes figure{margin:0;min-width:0}.density-explanation__boxes figcaption{display:grid;gap:var(--uxdsl__space__3);margin-bottom:var(--uxdsl__space__4)}.density-explanation__boxes figcaption code{font-size:.85rem}.density-explanation__responsive{background:var(--uxdsl__color__blue-100);border:1px solid var(--uxdsl__color__blue-500);border-radius:.5rem;padding:var(--uxdsl__density__4)}.density-explanation__fixed{background:var(--uxdsl__color__gray-200);border:1px solid var(--uxdsl__color__gray-500);border-radius:.5rem;padding:var(--uxdsl__space__4)}.density-explanation__content{background:var(--uxdsl__color__white);color:var(--uxdsl__color__slate-900);border:1px dashed var(--uxdsl__color__gray-500);text-align:center;padding:var(--uxdsl__space__3)}.doc-section{min-width:0;margin-block:var(--uxdsl__space__7);line-height:1.7}.doc-section h2{font-family:var(--uxdsl__typography__h4-font-family);font-size:var(--uxdsl__typography__h4-font-size);line-height:var(--uxdsl__typography__h4-line-height);font-weight:var(--uxdsl__typography__h4-font-weight);letter-spacing:var(--uxdsl__typography__h4-letter-spacing);margin-block-start:var(--uxdsl__typography__h4-margin-block-start);margin-block-end:var(--uxdsl__typography__h4-margin-block-end);margin-block:var(--uxdsl__space__7) var(--uxdsl__space__4)}.doc-section h3{font-family:var(--uxdsl__typography__h5-font-family);font-size:var(--uxdsl__typography__h5-font-size);line-height:var(--uxdsl__typography__h5-line-height);font-weight:var(--uxdsl__typography__h5-font-weight);letter-spacing:var(--uxdsl__typography__h5-letter-spacing);margin-block-start:var(--uxdsl__typography__h5-margin-block-start);margin-block-end:var(--uxdsl__typography__h5-margin-block-end);margin-block:var(--uxdsl__space__6) var(--uxdsl__space__3)}.doc-section h4{margin-bottom:var(--uxdsl__space__4)}.doc-section p{margin-block:var(--uxdsl__space__4)}.doc-section ol,.doc-section ul{padding-inline-start:var(--uxdsl__space__6)}.doc-section li{margin-block:var(--uxdsl__space__2)}.doc-section pre{overflow-x:auto;max-width:100%;background:var(--uxdsl__color__gray-900);color:var(--uxdsl__color__gray-200);padding:var(--uxdsl__space__5);border-radius:var(--uxdsl__radius__2);font-size:.85rem}.doc-section :not(pre)>code{overflow-wrap:anywhere}.doc-section a{color:var(--uxdsl__palette__primary-main);text-underline-offset:2px}.doc-section a:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:2px;border-radius:var(--uxdsl__radius__1)}.doc-section__table-wrap{overflow-x:auto;margin-block:var(--uxdsl__space__5)}.doc-section__table-wrap table{width:100%;text-align:left;border-collapse:collapse}.doc-section__table-wrap caption{text-align:left;font-weight:600;margin-bottom:var(--uxdsl__space__3)}.doc-section__table-wrap td,.doc-section__table-wrap th{padding:var(--uxdsl__space__3) var(--uxdsl__space__4);border-bottom:var(--uxdsl__border__1);vertical-align:top}.demo-disclosure{margin-block:var(--uxdsl__density__4);border:var(--uxdsl__border__1);border-radius:var(--uxdsl__radius__2);padding:var(--uxdsl__density__2) var(--uxdsl__density__3);min-width:0}.demo-disclosure__summary{font-family:var(--uxdsl__typography__h6-font-family);font-size:var(--uxdsl__typography__h6-font-size);line-height:var(--uxdsl__typography__h6-line-height);font-weight:var(--uxdsl__typography__h6-font-weight);letter-spacing:var(--uxdsl__typography__h6-letter-spacing);margin-block-start:var(--uxdsl__typography__h6-margin-block-start);margin-block-end:var(--uxdsl__typography__h6-margin-block-end);margin:0;cursor:pointer;border-radius:var(--uxdsl__radius__1)}.demo-disclosure__summary:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:2px}.edit-dialog__backdrop{position:fixed;inset:0;background:color-mix(in srgb,var(--uxdsl__color__black) 50%,transparent);display:flex;align-items:center;justify-content:center;z-index:100}.edit-dialog{background:var(--uxdsl__palette__surface-main);padding:var(--uxdsl__space__7);border-radius:8px;width:400px;max-width:90%;box-shadow:0 4px 20px color-mix(in srgb,var(--uxdsl__color__black) 20%,transparent)}.edit-dialog--scroll{max-height:90vh;overflow-y:auto}.edit-dialog .edit-dialog__title{margin-top:0}.edit-dialog__field{margin-bottom:var(--uxdsl__space__6)}.edit-dialog__label{display:block;margin-bottom:var(--uxdsl__space__3);font-weight:700}.edit-dialog__fields{flex-direction:column}.edit-dialog__fields,.edit-dialog__row{display:flex;gap:var(--uxdsl__space__5)}.edit-dialog__row{align-items:center}.edit-dialog__breakpoint{width:30px;font-weight:700;opacity:.7}.edit-dialog__input{padding:var(--uxdsl__space__3);border-radius:4px;border:1px solid var(--uxdsl__color__gray-300)}.edit-dialog__input--full{width:100%}.edit-dialog__input--grow{flex:1}.edit-dialog__actions{display:flex;gap:var(--uxdsl__space__5);justify-content:flex-end}.edit-dialog__actions--spaced{margin-top:var(--uxdsl__space__7)}.edit-dialog__cancel,.edit-dialog__save{padding:var(--uxdsl__space__3) var(--uxdsl__space__5);cursor:pointer}.edit-dialog__save{background:var(--uxdsl__palette__primary-main);color:var(--uxdsl__color__white);border:none;border-radius:4px}#InputDemo .section,#InputDemo .surfaces-grid{margin-block:var(--uxdsl__density__3)}#InputDemo .surfaces-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--uxdsl__density__3)}#InputDemo pre{overflow-x:auto}#InputDemo label{margin-inline-end:var(--uxdsl__density__2)}.InteractiveDemoContainer{padding:var(--uxdsl__surface__outlined-padding);border-radius:var(--uxdsl__surface__outlined-radius);background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);border:var(--uxdsl__surface__outlined-border);box-shadow:var(--uxdsl__surface__outlined-shadow);font-family:var(--uxdsl__typography__body-font-family);font-size:var(--uxdsl__typography__body-font-size);line-height:var(--uxdsl__typography__body-line-height);font-weight:var(--uxdsl__typography__body-font-weight);letter-spacing:var(--uxdsl__typography__body-letter-spacing);margin-block-start:var(--uxdsl__typography__body-margin-block-start);margin-block-end:var(--uxdsl__typography__body-margin-block-end);display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:var(--uxdsl__radius__2)}.InteractiveDemoContainer__header{display:flex;justify-content:space-between;align-items:center;gap:var(--uxdsl__density__4);padding:var(--uxdsl__density__3) var(--uxdsl__density__4);border-bottom:1px solid var(--uxdsl__palette__neutral-light);background:var(--uxdsl__palette__surface-main);flex-shrink:0}.InteractiveDemoContainer__headerLeft{display:flex;align-items:center;gap:var(--uxdsl__density__4);flex:1;min-width:0}.InteractiveDemoContainer__title{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);font-weight:700;letter-spacing:.05em;color:var(--uxdsl__palette__text-secondary);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.InteractiveDemoContainer__action{margin-left:var(--uxdsl__density__4);flex-shrink:0}.InteractiveDemoContainer__toolbar{padding:var(--uxdsl__density__3) var(--uxdsl__density__4);border-bottom:1px solid var(--uxdsl__palette__neutral-light);background:var(--uxdsl__palette__surface-light);display:flex;flex-direction:column;gap:var(--uxdsl__density__2);flex-shrink:0}.InteractiveDemoContainer__bodyScroll{flex:1;overflow:auto;position:relative;display:flex;flex-direction:column}.InteractiveDemoContainer__bodyInner{padding:var(--uxdsl__density__4);flex:1}#PageTitle .page-title{text-align:center;display:flex;flex-direction:column;gap:var(--uxdsl__density__2);padding:var(--uxdsl__density__6) 0 var(--uxdsl__density__4)}#PageTitle .page-title__text{font-family:var(--uxdsl__typography__h1-font-family);font-size:var(--uxdsl__typography__h1-font-size);line-height:var(--uxdsl__typography__h1-line-height);font-weight:var(--uxdsl__typography__h1-font-weight);letter-spacing:var(--uxdsl__typography__h1-letter-spacing);margin-block-start:var(--uxdsl__typography__h1-margin-block-start);margin-block-end:var(--uxdsl__typography__h1-margin-block-end);margin:0;background:linear-gradient(135deg,var(--uxdsl__palette__primary-main) 0,var(--uxdsl__palette__primary-light) 50%,var(--uxdsl__palette__secondary-main) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:var(--uxdsl__palette__primary-main)}#PageTitle .page-title__subtitle{font-family:var(--uxdsl__typography__h4-font-family);font-size:var(--uxdsl__typography__h4-font-size);line-height:var(--uxdsl__typography__h4-line-height);font-weight:var(--uxdsl__typography__h4-font-weight);letter-spacing:var(--uxdsl__typography__h4-letter-spacing);margin-block-start:var(--uxdsl__typography__h4-margin-block-start);margin-block-end:var(--uxdsl__typography__h4-margin-block-end);color:var(--uxdsl__palette__surface-contrast);margin:0;line-height:1.4;font-weight:400}#PageTitle .page-title__subtext{font-family:var(--uxdsl__typography__body-font-family);font-size:var(--uxdsl__typography__body-font-size);line-height:var(--uxdsl__typography__body-line-height);font-weight:var(--uxdsl__typography__body-font-weight);letter-spacing:var(--uxdsl__typography__body-letter-spacing);margin-block-start:var(--uxdsl__typography__body-margin-block-start);margin-block-end:var(--uxdsl__typography__body-margin-block-end);color:color-mix(in srgb,var(--uxdsl__palette__surface-contrast) 85%,transparent);margin-top:var(--uxdsl__density__1);display:block}.page-toolbar{width:100%;background:var(--uxdsl__palette__surface-light);border-bottom:var(--uxdsl__border__1);position:sticky;top:0;z-index:1100}.page-toolbar__inner{max-width:1400px;margin:0 auto;padding:var(--uxdsl__space__2) var(--uxdsl__space__4);display:flex;justify-content:space-between;align-items:center;gap:var(--uxdsl__space__3);min-height:var(--uxdsl__space__9)}@media (min-width:768px){.page-toolbar__inner{padding:var(--uxdsl__space__2) var(--uxdsl__space__6)}}.page-toolbar__left{gap:var(--uxdsl__space__3);flex:1}.page-toolbar__left,.page-toolbar__title{display:flex;align-items:center;min-width:0}.page-toolbar__title{font-family:var(--uxdsl__typography__span-font-family);font-size:var(--uxdsl__typography__span-font-size);line-height:var(--uxdsl__typography__span-line-height);font-weight:var(--uxdsl__typography__span-font-weight);letter-spacing:var(--uxdsl__typography__span-letter-spacing);margin-block-start:var(--uxdsl__typography__span-margin-block-start);margin-block-end:var(--uxdsl__typography__span-margin-block-end);margin:0;color:var(--uxdsl__palette__text-secondary);gap:var(--uxdsl__space__2);white-space:nowrap;overflow:hidden}.breadcrumb-link-brand{text-decoration:none;color:inherit;display:flex;align-items:center;flex-shrink:0;border-radius:var(--uxdsl__radius__1)}.breadcrumb-link-brand:hover{color:var(--uxdsl__palette__primary-main)}.breadcrumb-link-brand:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:2px}.page-toolbar__brand-text{color:var(--uxdsl__palette__primary-main);font-weight:800}.breadcrumb-link{color:inherit;text-decoration:none;overflow:hidden;text-overflow:ellipsis;border-radius:var(--uxdsl__radius__1)}.breadcrumb-link:hover{color:var(--uxdsl__palette__primary-main);text-decoration:underline}.breadcrumb-link:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:2px}.breadcrumb-link[aria-current=page]{color:var(--uxdsl__palette__surface-contrast)}.breadcrumb-separator{color:var(--uxdsl__palette__text-secondary)}.page-toolbar__burger{background:transparent;border:var(--uxdsl__border__1);border-radius:var(--uxdsl__radius__1);color:var(--uxdsl__palette__surface-contrast);cursor:pointer;padding:var(--uxdsl__space__1);display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (min-width:1024px){.page-toolbar__burger{display:none}}.page-toolbar__burger:hover{color:var(--uxdsl__palette__primary-main)}.page-toolbar__burger:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:2px}.page-toolbar__right{display:flex;align-items:center;gap:var(--uxdsl__space__4);flex-shrink:0}.page-toolbar__viewport{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);display:flex;align-items:center;gap:var(--uxdsl__space__2);margin:0;color:var(--uxdsl__palette__text-secondary);text-decoration:none;border-radius:var(--uxdsl__radius__1)}.page-toolbar__viewport:hover{color:var(--uxdsl__palette__primary-main)}.page-toolbar__viewport:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:2px}.page-toolbar__viewport-label{display:none}@media (min-width:768px){.page-toolbar__viewport-label{display:inline}}.page-toolbar__bp,.page-toolbar__width{font-variant-numeric:tabular-nums}.page-toolbar__bp{background:color-mix(in srgb,var(--uxdsl__palette__primary-main) 12%,transparent);color:var(--uxdsl__palette__surface-contrast);padding:var(--uxdsl__space__1) var(--uxdsl__space__3);border-radius:9999px;line-height:1.2;white-space:nowrap}.page-toolbar__theme-row{display:none;align-items:center;gap:var(--uxdsl__space__2);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}@media (min-width:480px){.page-toolbar__theme-row{display:flex}}.page-toolbar__theme-row.is-visible{opacity:1;visibility:visible}.mini-theme-btn{width:16px;height:16px;border-radius:50%;border:1px solid var(--uxdsl__palette__divider-main);padding:0;cursor:pointer}.mini-theme-btn.is-active{box-shadow:0 0 0 2px var(--uxdsl__palette__primary-main)}.mini-theme-btn:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:2px}.mini-theme-btn--default{background:var(--uxdsl__color__purple-600)}.mini-theme-btn--green{background:var(--uxdsl__color__green-600)}.mini-theme-btn--slate{background:var(--uxdsl__color__slate-800)}.mini-theme-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:var(--uxdsl__palette__text-secondary);border-radius:var(--uxdsl__radius__1)}.mini-theme-toggle:hover{color:var(--uxdsl__palette__primary-main)}.mini-theme-toggle:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:2px}#PalettePlayground{height:100%}#PalettePlayground .playground-wrapper{display:flex;flex-direction:column;gap:var(--uxdsl__density__3)}#PalettePlayground .playground-controls{display:flex;flex-wrap:wrap;gap:var(--uxdsl__density__2);align-items:center;width:100%}#PalettePlayground .control-group{display:flex;flex-direction:column;gap:var(--uxdsl__density__1);flex:1;min-width:140px}#PalettePlayground .control-label{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);color:var(--uxdsl__palette__neutral-dark);font-weight:600;text-transform:uppercase;letter-spacing:.05em}#PalettePlayground .control-select{padding:var(--uxdsl__density__1) var(--uxdsl__density__2);border:1px solid var(--uxdsl__palette__neutral-light);border-radius:var(--uxdsl__radius__1);background:var(--uxdsl__palette__surface-main);color:var(--uxdsl__palette__surface-contrast);font-size:.9rem;cursor:pointer;width:100%}#PalettePlayground .control-select:focus,#PalettePlayground .control-select:hover{border-color:var(--uxdsl__palette__primary-main)}#PalettePlayground .control-select:focus{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--uxdsl__palette__primary-main) 20%,transparent)}#PalettePlayground .preview-container{display:flex;flex-direction:column;gap:var(--uxdsl__density__3);background:var(--uxdsl__palette__surface-light);padding:var(--uxdsl__density__3);border:1px dashed var(--uxdsl__palette__neutral-light);border-radius:var(--uxdsl__radius__2)}#PalettePlayground .live-preview{min-height:120px;display:grid;place-items:center;border-radius:var(--uxdsl__radius__2);box-shadow:var(--uxdsl__shadow__1);transition:all .3s ease}#PalettePlayground .code-block{padding:var(--uxdsl__surface__contained-padding);border-radius:var(--uxdsl__surface__contained-radius);background:var(--uxdsl__surface__contained-bg);color:var(--uxdsl__surface__contained-color);border:var(--uxdsl__surface__contained-border);box-shadow:var(--uxdsl__surface__contained-shadow);background:var(--uxdsl__palette__neutral-dark);border-radius:var(--uxdsl__radius__2);overflow:hidden}#PalettePlayground .code-header{background:color-mix(in srgb,var(--uxdsl__palette__neutral-dark) 50%,transparent);padding:var(--uxdsl__density__1) var(--uxdsl__density__2);border-bottom:1px solid color-mix(in srgb,var(--uxdsl__palette__neutral-main) 10%,transparent)}#PalettePlayground .code-filename{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);font-family:monospace;color:var(--uxdsl__palette__neutral-light)}#PalettePlayground .pp-toolbar{display:flex;flex-wrap:wrap;gap:var(--uxdsl__space__5);width:100%}#PalettePlayground .pp-toolbar__column{display:flex;flex-direction:column;gap:var(--uxdsl__space__3);flex:1 1 200px}#PalettePlayground .pp-toolbar__heading{font-size:.75rem;font-weight:600;color:var(--uxdsl__palette__text-secondary);text-transform:uppercase;letter-spacing:.05em}#PalettePlayground .pp-toolbar__row{display:flex;gap:var(--uxdsl__space__3)}#PalettePlayground .control-group.pp-toolbar__control{flex:1}#PalettePlayground .control-label.pp-toolbar__label{font-size:.7rem}#PalettePlayground .control-select.pp-toolbar__select{padding:var(--uxdsl__space__2);font-size:.8rem}#PalettePlayground .live-preview.pp-preview{padding:var(--uxdsl__space__4);text-align:center;font-weight:700;font-size:1.2rem}#PalettePlayground .pp-usage{margin-top:var(--uxdsl__space__6);padding:var(--uxdsl__space__5);background:var(--uxdsl__palette__surface-light);border:1px solid var(--uxdsl__palette__neutral-light);border-radius:6px;text-align:left}#PalettePlayground .pp-usage__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--uxdsl__space__3)}#PalettePlayground .pp-usage__title{font-size:.8rem;color:var(--uxdsl__palette__text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}#PalettePlayground .pp-code{background:var(--uxdsl__palette__surface-dark);padding:var(--uxdsl__space__4);border-radius:6px;font-family:var(--uxdsl__font__code);font-size:.85rem;display:flex;flex-direction:column;gap:var(--uxdsl__space__2);overflow-x:auto;border:1px solid var(--uxdsl__palette__neutral-dark)}#PalettePlayground .pp-code__line{display:flex;align-items:center}#PalettePlayground .pp-code__indent{padding-left:var(--uxdsl__space__5)}#PalettePlayground .pp-code__selector{color:var(--uxdsl__palette__secondary-light)}#PalettePlayground .pp-code__property{color:var(--uxdsl__palette__primary-light)}#PalettePlayground .pp-code__function{color:var(--uxdsl__palette__text-primary)}#PalettePlayground .pp-code__argument{color:var(--uxdsl__palette__warning-light)}#PalettePlayground .pp-code__punct{color:var(--uxdsl__palette__text-disabled)}#PalettePlayground .pp-code__gap{margin-left:var(--uxdsl__space__3)}#PalettePlayground .pp-usage__note{margin-top:var(--uxdsl__space__4);font-size:.8rem;color:var(--uxdsl__palette__text-secondary);line-height:1.5}#PalettePlayground .pp-usage__note strong{color:var(--uxdsl__palette__text-primary)}.paradigm-frame{border-radius:var(--uxdsl__surface__outlined-radius);background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);border:var(--uxdsl__surface__outlined-border);box-shadow:var(--uxdsl__surface__outlined-shadow);display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--uxdsl__space__4);padding:var(--uxdsl__density__3);background:var(--uxdsl__palette__surface-light)}@media (min-width:1024px){.paradigm-frame{grid-template-columns:minmax(0,1fr) 15rem}}.paradigm-frame__main{display:grid;gap:var(--uxdsl__space__2);min-width:0}.paradigm-frame__stage{position:relative;width:100%;min-width:0;touch-action:none}.paradigm-frame__viewport{position:relative;width:calc(var(--frame-width) * var(--frame-scale));height:calc(var(--frame-height) * var(--frame-scale));border:var(--uxdsl__border__1);border-radius:var(--uxdsl__radius__1);overflow:hidden;background:var(--uxdsl__palette__surface-main);box-shadow:var(--uxdsl__shadow__1)}.paradigm-frame__iframe{display:block;border:0;width:var(--frame-width);height:var(--frame-height);transform:scale(var(--frame-scale));transform-origin:0 0;pointer-events:none}.paradigm-frame__handle{position:absolute;top:0;right:0;width:var(--uxdsl__space__5);height:100%;cursor:ew-resize;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--uxdsl__palette__primary-main) 18%,transparent));border-right:3px solid var(--uxdsl__palette__primary-main)}.paradigm-frame__handle:hover{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--uxdsl__palette__primary-main) 30%,transparent))}.paradigm-frame__ticks{display:block;overflow:visible;color:var(--uxdsl__palette__text-secondary);font-size:11px;font-family:var(--uxdsl__font__code),monospace}.paradigm-frame__ticks line{stroke:currentColor;stroke-width:1}.paradigm-frame__ticks text{fill:currentColor}.paradigm-frame__tick.is-active{color:var(--uxdsl__palette__primary-main);font-weight:700}.paradigm-frame__control{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--uxdsl__space__4);margin:0;color:var(--uxdsl__palette__text-secondary)}.paradigm-frame__readout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--uxdsl__space__2);margin:0}@media (min-width:768px){.paradigm-frame__readout{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.paradigm-frame__readout{grid-template-columns:minmax(0,1fr)}}.paradigm-frame__readout>div{min-width:0;padding:var(--uxdsl__space__2) var(--uxdsl__space__3);border-radius:var(--uxdsl__radius__1);background:var(--uxdsl__palette__surface-main);border:var(--uxdsl__border__1)}.paradigm-frame__readout dt{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);margin:0;color:var(--uxdsl__palette__text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paradigm-frame__readout dd{font-family:var(--uxdsl__typography__span-font-family);font-size:var(--uxdsl__typography__span-font-size);line-height:var(--uxdsl__typography__span-line-height);font-weight:var(--uxdsl__typography__span-font-weight);letter-spacing:var(--uxdsl__typography__span-letter-spacing);margin-block-start:var(--uxdsl__typography__span-margin-block-start);margin-block-end:var(--uxdsl__typography__span-margin-block-end);margin:0;font-weight:700;font-variant-numeric:tabular-nums;color:var(--uxdsl__palette__surface-contrast)}.live-preview-box{background:color-mix(in srgb,var(--uxdsl__palette__surface-dark) 5%,transparent);border-radius:var(--uxdsl__radius__1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;border-top:1px dashed color-mix(in srgb,var(--uxdsl__palette__neutral-light) 50%,transparent);border-bottom:1px dashed color-mix(in srgb,var(--uxdsl__palette__neutral-light) 50%,transparent)}.live-preview-box .bottom-left-corner:after,.live-preview-box .top-right-corner:before,.live-preview-box:after,.live-preview-box:before{content:"";position:absolute;width:10px;height:10px;border-color:color-mix(in srgb,var(--uxdsl__palette__neutral-main) 30%,transparent);border-style:solid;z-index:1}.live-preview-box:before{top:0;left:0;border-width:1px 0 0 1px}.live-preview-box:after{bottom:0;right:0;border-width:0 1px 1px 0}.live-preview-box .top-right-corner:before{content:"";position:absolute;top:0;right:0;width:10px;height:10px;border-color:color-mix(in srgb,var(--uxdsl__palette__neutral-main) 30%,transparent);border-style:solid;border-width:1px 1px 0 0;z-index:1}.live-preview-box .bottom-left-corner:after{content:"";position:absolute;bottom:0;left:0;width:10px;height:10px;border-color:color-mix(in srgb,var(--uxdsl__palette__neutral-main) 30%,transparent);border-style:solid;border-width:0 0 1px 1px;z-index:1}.demo-layout-grid{display:flex;flex-direction:column;gap:var(--uxdsl__density__4)}.demo-logic-column{display:grid;grid-template-columns:1fr;gap:var(--uxdsl__density__4);align-items:start}@media (min-width:1024px){.demo-logic-column{grid-template-columns:2fr 1fr;gap:var(--uxdsl__density__6)}}.typography-showcase{margin-top:var(--uxdsl__density__6);padding:var(--uxdsl__density__4);background:var(--uxdsl__palette__surface-main);border-radius:var(--uxdsl__radius__2);border:1px solid var(--uxdsl__palette__divider-main)}.showcase-title{font-size:.9rem;font-weight:600;color:var(--uxdsl__palette__text-secondary);text-transform:uppercase;margin-bottom:var(--uxdsl__density__4);letter-spacing:.05em}.showcase-grid{display:flex;flex-direction:column;width:100%}.showcase-item{display:grid;grid-template-columns:4rem 1fr;align-items:center;gap:var(--uxdsl__density__4);padding:var(--uxdsl__density__2) 0;border-bottom:1px dashed var(--uxdsl__palette__divider-main)}.showcase-item:last-child{border-bottom:none}.showcase-tag{font-family:font(code);font-size:.75rem;color:var(--uxdsl__palette__text-secondary);text-align:right;padding-right:var(--uxdsl__density__2);border-right:2px solid var(--uxdsl__palette__primary-main);height:100%;display:flex;align-items:center;justify-content:flex-end}.showcase-text{color:var(--uxdsl__palette__text-primary);margin:0!important;padding:0!important;border:1px solid color-mix(in srgb,var(--uxdsl__palette__neutral-main) 20%,transparent);background:var(--uxdsl__palette__surface-main);width:100%;text-align:left}.live-preview-section{margin-bottom:1.5rem;border-bottom:1px solid var(--uxdsl__palette__neutral-light);display:flex;justify-content:flex-start;background:var(--uxdsl__palette__surface-dark);border-radius:8px;padding:2rem 1rem;overflow:hidden}.live-preview-box{transition:all .3s cubic-bezier(.4,0,.2,1);margin:0 auto;background:transparent;border-left:1px solid var(--uxdsl__palette__divider-main);border-right:1px solid var(--uxdsl__palette__divider-main);min-height:120px;padding:0}.architectural-guide-center{position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--uxdsl__palette__divider-main);opacity:.1;pointer-events:none}.text-container-wrapper{position:relative;width:100%;max-width:100%;display:flex;justify-content:flex-start}.line-height-indicator{left:-8px;width:4px;border-left:1px solid var(--uxdsl__palette__primary-main);border-top:1px solid var(--uxdsl__palette__primary-main);border-bottom:1px solid var(--uxdsl__palette__primary-main);opacity:.3}.content-bounds-indicator,.line-height-indicator{position:absolute;top:0;bottom:0;pointer-events:none}.content-bounds-indicator{left:0;right:0;border:1px dashed var(--uxdsl__palette__primary-light);opacity:.15}.controls-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;width:100%}.controls-row-bottom{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:100%;gap:1rem}.controls-group{display:flex;align-items:center;gap:.25rem;background:var(--uxdsl__palette__surface-main);padding:var(--uxdsl__space__1);border-radius:6px;border:1px solid var(--uxdsl__palette__neutral-main);flex:1 1 auto;min-width:0}.control-button{padding:var(--uxdsl__space__2) var(--uxdsl__space__4);background:transparent;color:var(--uxdsl__palette__text-secondary);border:none;border-radius:4px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center}.control-button.active{background:var(--uxdsl__palette__primary-light);color:var(--uxdsl__palette__primary-contrast)}.control-button.is-default{padding:var(--uxdsl__space__2) var(--uxdsl__space__3)}.element-select-group{display:flex;align-items:center;gap:.5rem;flex:1 1 180px;min-width:0}.element-select-group label{font-size:.8rem;opacity:.7}.element-select-group select{box-sizing:border-box;font:inherit;width:100%;padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);border:var(--uxdsl__surface__outlined-border);box-shadow:var(--uxdsl__surface__outlined-shadow);caret-color:var(--uxdsl__input__outlined-base-caret);width:auto;cursor:pointer;min-width:120px;max-width:100%}.element-select-group select::placeholder{color:var(--uxdsl__input__outlined-base-placeholder)}.element-select-group select:focus{border:var(--uxdsl__input__outlined-focus-border)}.element-select-group select:invalid,.element-select-group select[aria-invalid=true]{border:var(--uxdsl__input__outlined-invalid-border)}.element-select-group select:disabled,.element-select-group select[aria-disabled=true]{opacity:var(--uxdsl__input__outlined-disabled-opacity);cursor:var(--uxdsl__input__outlined-disabled-cursor)}.ai-prompt-group{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0;flex-wrap:nowrap}.ai-prompt-group .input-wrapper{position:relative;flex:0 1 66%;min-width:0;display:flex;align-items:center}.ai-prompt-group .input-wrapper .ai-icon-btn{position:absolute;left:4px;background:transparent;border:none;cursor:pointer;color:var(--uxdsl__palette__neutral-main);opacity:.5;padding:var(--uxdsl__space__1);display:flex;align-items:center;justify-content:center;z-index:2}.ai-prompt-group .input-wrapper .ai-icon-btn:hover{opacity:1;color:var(--uxdsl__palette__primary-main)}.ai-prompt-group .input-wrapper input{min-width:0;box-sizing:border-box;font:inherit;width:100%;padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__2);background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);border:var(--uxdsl__surface__outlined-border);box-shadow:var(--uxdsl__surface__outlined-shadow);caret-color:var(--uxdsl__input__outlined-base-caret);height:32px;padding-left:30px}.ai-prompt-group .input-wrapper input::placeholder{color:var(--uxdsl__input__outlined-base-placeholder)}.ai-prompt-group .input-wrapper input:focus{border:var(--uxdsl__input__outlined-focus-border)}.ai-prompt-group .input-wrapper input:invalid,.ai-prompt-group .input-wrapper input[aria-invalid=true]{border:var(--uxdsl__input__outlined-invalid-border)}.ai-prompt-group .input-wrapper input:disabled,.ai-prompt-group .input-wrapper input[aria-disabled=true]{opacity:var(--uxdsl__input__outlined-disabled-opacity);cursor:var(--uxdsl__input__outlined-disabled-cursor)}.ai-prompt-group .actions{display:flex;gap:.25rem;flex-shrink:0;flex:0 0 33%;justify-content:flex-end}.ai-prompt-group .actions button.fix-single{background:var(--uxdsl__palette__primary-main);color:var(--uxdsl__palette__primary-contrast);border:none;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:.75rem;font-weight:600;white-space:nowrap}.ai-prompt-group .actions button.fix-all{background:transparent;color:var(--uxdsl__palette__primary-main);border:1px solid var(--uxdsl__palette__primary-main);border-radius:6px;padding:6px 10px;cursor:pointer;font-size:.75rem;font-weight:600;white-space:nowrap}.ai-prompt-group .loading{display:flex;align-items:center;gap:.5rem;color:var(--uxdsl__palette__primary-main);font-size:.8rem}.json-preview-container{background:var(--uxdsl__palette__surface-main);padding:1rem;border-radius:6px;margin-bottom:1.5rem;border:1px dashed var(--uxdsl__palette__neutral-main);color:var(--uxdsl__palette__primary-dark);text-align:left;overflow-x:auto;display:flex;flex-direction:column;gap:.25rem}.json-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.json-preview-header span{font-size:.8rem;color:var(--uxdsl__palette__text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.css-usage-container{margin-bottom:1.5rem;padding:1rem;background:var(--uxdsl__palette__surface-light);border:1px solid var(--uxdsl__palette__neutral-light);border-radius:6px}.css-usage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.css-usage-header span{font-size:.8rem;color:var(--uxdsl__palette__text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.css-code-block{background:var(--uxdsl__palette__surface-dark);padding:.75rem;border-radius:6px;color:var(--uxdsl__palette__text-primary);display:flex;align-items:center;overflow-x:auto;border:1px solid var(--uxdsl__palette__neutral-dark)}.css-code-block .selector{color:var(--uxdsl__palette__secondary-light)}.css-code-block .bracket{margin-left:.5rem;color:var(--uxdsl__palette__text-disabled)}.css-code-block .mixin{margin-left:.5rem;color:var(--uxdsl__palette__primary-light)}.css-code-block .paren{color:var(--uxdsl__palette__text-primary)}.css-code-block .argument{color:var(--uxdsl__palette__warning-light)}.css-code-block .semicolon{color:var(--uxdsl__palette__text-disabled)}.css-usage-description{margin-top:.75rem;font-size:.8rem;color:var(--uxdsl__palette__text-secondary);line-height:1.5}.css-usage-description strong{color:var(--uxdsl__palette__text-primary)}.editable-typography-element.default{font-family:var(--uxdsl__typography__default-font-family);font-size:var(--uxdsl__typography__default-font-size);line-height:var(--uxdsl__typography__default-line-height);font-weight:var(--uxdsl__typography__default-font-weight);letter-spacing:var(--uxdsl__typography__default-letter-spacing);margin-block-start:var(--uxdsl__typography__default-margin-block-start);margin-block-end:var(--uxdsl__typography__default-margin-block-end)}.editable-typography-element.h1{font-family:var(--uxdsl__typography__h1-font-family);font-size:var(--uxdsl__typography__h1-font-size);line-height:var(--uxdsl__typography__h1-line-height);font-weight:var(--uxdsl__typography__h1-font-weight);letter-spacing:var(--uxdsl__typography__h1-letter-spacing);margin-block-start:var(--uxdsl__typography__h1-margin-block-start);margin-block-end:var(--uxdsl__typography__h1-margin-block-end)}.editable-typography-element.h2{font-family:var(--uxdsl__typography__h2-font-family);font-size:var(--uxdsl__typography__h2-font-size);line-height:var(--uxdsl__typography__h2-line-height);font-weight:var(--uxdsl__typography__h2-font-weight);letter-spacing:var(--uxdsl__typography__h2-letter-spacing);margin-block-start:var(--uxdsl__typography__h2-margin-block-start);margin-block-end:var(--uxdsl__typography__h2-margin-block-end)}.editable-typography-element.h3{font-family:var(--uxdsl__typography__h3-font-family);font-size:var(--uxdsl__typography__h3-font-size);line-height:var(--uxdsl__typography__h3-line-height);font-weight:var(--uxdsl__typography__h3-font-weight);letter-spacing:var(--uxdsl__typography__h3-letter-spacing);margin-block-start:var(--uxdsl__typography__h3-margin-block-start);margin-block-end:var(--uxdsl__typography__h3-margin-block-end)}.editable-typography-element.h4{font-family:var(--uxdsl__typography__h4-font-family);font-size:var(--uxdsl__typography__h4-font-size);line-height:var(--uxdsl__typography__h4-line-height);font-weight:var(--uxdsl__typography__h4-font-weight);letter-spacing:var(--uxdsl__typography__h4-letter-spacing);margin-block-start:var(--uxdsl__typography__h4-margin-block-start);margin-block-end:var(--uxdsl__typography__h4-margin-block-end)}.editable-typography-element.h5{font-family:var(--uxdsl__typography__h5-font-family);font-size:var(--uxdsl__typography__h5-font-size);line-height:var(--uxdsl__typography__h5-line-height);font-weight:var(--uxdsl__typography__h5-font-weight);letter-spacing:var(--uxdsl__typography__h5-letter-spacing);margin-block-start:var(--uxdsl__typography__h5-margin-block-start);margin-block-end:var(--uxdsl__typography__h5-margin-block-end)}.editable-typography-element.h6{font-family:var(--uxdsl__typography__h6-font-family);font-size:var(--uxdsl__typography__h6-font-size);line-height:var(--uxdsl__typography__h6-line-height);font-weight:var(--uxdsl__typography__h6-font-weight);letter-spacing:var(--uxdsl__typography__h6-letter-spacing);margin-block-start:var(--uxdsl__typography__h6-margin-block-start);margin-block-end:var(--uxdsl__typography__h6-margin-block-end)}.editable-typography-element.p{font-family:var(--uxdsl__typography__p-font-family);font-size:var(--uxdsl__typography__p-font-size);line-height:var(--uxdsl__typography__p-line-height);font-weight:var(--uxdsl__typography__p-font-weight);letter-spacing:var(--uxdsl__typography__p-letter-spacing);margin-block-start:var(--uxdsl__typography__p-margin-block-start);margin-block-end:var(--uxdsl__typography__p-margin-block-end)}.editable-typography-element.body{font-family:var(--uxdsl__typography__body-font-family);font-size:var(--uxdsl__typography__body-font-size);line-height:var(--uxdsl__typography__body-line-height);font-weight:var(--uxdsl__typography__body-font-weight);letter-spacing:var(--uxdsl__typography__body-letter-spacing);margin-block-start:var(--uxdsl__typography__body-margin-block-start);margin-block-end:var(--uxdsl__typography__body-margin-block-end)}.editable-typography-element.caption{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end)}.editable-typography-element.span{font-family:var(--uxdsl__typography__span-font-family);font-size:var(--uxdsl__typography__span-font-size);line-height:var(--uxdsl__typography__span-line-height);font-weight:var(--uxdsl__typography__span-font-weight);letter-spacing:var(--uxdsl__typography__span-letter-spacing);margin-block-start:var(--uxdsl__typography__span-margin-block-start);margin-block-end:var(--uxdsl__typography__span-margin-block-end)}.editable-typography-element.small{font-family:var(--uxdsl__typography__small-font-family);font-size:var(--uxdsl__typography__small-font-size);line-height:var(--uxdsl__typography__small-line-height);font-weight:var(--uxdsl__typography__small-font-weight);letter-spacing:var(--uxdsl__typography__small-letter-spacing);margin-block-start:var(--uxdsl__typography__small-margin-block-start);margin-block-end:var(--uxdsl__typography__small-margin-block-end)}.editable-typography-element.pre{font-family:var(--uxdsl__typography__pre-font-family);font-size:var(--uxdsl__typography__pre-font-size);line-height:var(--uxdsl__typography__pre-line-height);font-weight:var(--uxdsl__typography__pre-font-weight);letter-spacing:var(--uxdsl__typography__pre-letter-spacing);margin-block-start:var(--uxdsl__typography__pre-margin-block-start);margin-block-end:var(--uxdsl__typography__pre-margin-block-end)}.editable-typography-element.code{font-family:var(--uxdsl__typography__code-font-family);font-size:var(--uxdsl__typography__code-font-size);line-height:var(--uxdsl__typography__code-line-height);font-weight:var(--uxdsl__typography__code-font-weight);letter-spacing:var(--uxdsl__typography__code-letter-spacing);margin-block-start:var(--uxdsl__typography__code-margin-block-start);margin-block-end:var(--uxdsl__typography__code-margin-block-end)}.showcase-text.sample-default{font-family:var(--uxdsl__typography__default-font-family);font-size:var(--uxdsl__typography__default-font-size);line-height:var(--uxdsl__typography__default-line-height);font-weight:var(--uxdsl__typography__default-font-weight);letter-spacing:var(--uxdsl__typography__default-letter-spacing);margin-block-start:var(--uxdsl__typography__default-margin-block-start);margin-block-end:var(--uxdsl__typography__default-margin-block-end)}.showcase-text.sample-h1{font-family:var(--uxdsl__typography__h1-font-family);font-size:var(--uxdsl__typography__h1-font-size);line-height:var(--uxdsl__typography__h1-line-height);font-weight:var(--uxdsl__typography__h1-font-weight);letter-spacing:var(--uxdsl__typography__h1-letter-spacing);margin-block-start:var(--uxdsl__typography__h1-margin-block-start);margin-block-end:var(--uxdsl__typography__h1-margin-block-end)}.showcase-text.sample-h2{font-family:var(--uxdsl__typography__h2-font-family);font-size:var(--uxdsl__typography__h2-font-size);line-height:var(--uxdsl__typography__h2-line-height);font-weight:var(--uxdsl__typography__h2-font-weight);letter-spacing:var(--uxdsl__typography__h2-letter-spacing);margin-block-start:var(--uxdsl__typography__h2-margin-block-start);margin-block-end:var(--uxdsl__typography__h2-margin-block-end)}.showcase-text.sample-h3{font-family:var(--uxdsl__typography__h3-font-family);font-size:var(--uxdsl__typography__h3-font-size);line-height:var(--uxdsl__typography__h3-line-height);font-weight:var(--uxdsl__typography__h3-font-weight);letter-spacing:var(--uxdsl__typography__h3-letter-spacing);margin-block-start:var(--uxdsl__typography__h3-margin-block-start);margin-block-end:var(--uxdsl__typography__h3-margin-block-end)}.showcase-text.sample-h4{font-family:var(--uxdsl__typography__h4-font-family);font-size:var(--uxdsl__typography__h4-font-size);line-height:var(--uxdsl__typography__h4-line-height);font-weight:var(--uxdsl__typography__h4-font-weight);letter-spacing:var(--uxdsl__typography__h4-letter-spacing);margin-block-start:var(--uxdsl__typography__h4-margin-block-start);margin-block-end:var(--uxdsl__typography__h4-margin-block-end)}.showcase-text.sample-h5{font-family:var(--uxdsl__typography__h5-font-family);font-size:var(--uxdsl__typography__h5-font-size);line-height:var(--uxdsl__typography__h5-line-height);font-weight:var(--uxdsl__typography__h5-font-weight);letter-spacing:var(--uxdsl__typography__h5-letter-spacing);margin-block-start:var(--uxdsl__typography__h5-margin-block-start);margin-block-end:var(--uxdsl__typography__h5-margin-block-end)}.showcase-text.sample-h6{font-family:var(--uxdsl__typography__h6-font-family);font-size:var(--uxdsl__typography__h6-font-size);line-height:var(--uxdsl__typography__h6-line-height);font-weight:var(--uxdsl__typography__h6-font-weight);letter-spacing:var(--uxdsl__typography__h6-letter-spacing);margin-block-start:var(--uxdsl__typography__h6-margin-block-start);margin-block-end:var(--uxdsl__typography__h6-margin-block-end)}.showcase-text.sample-p{font-family:var(--uxdsl__typography__p-font-family);font-size:var(--uxdsl__typography__p-font-size);line-height:var(--uxdsl__typography__p-line-height);font-weight:var(--uxdsl__typography__p-font-weight);letter-spacing:var(--uxdsl__typography__p-letter-spacing);margin-block-start:var(--uxdsl__typography__p-margin-block-start);margin-block-end:var(--uxdsl__typography__p-margin-block-end)}.showcase-text.sample-body{font-family:var(--uxdsl__typography__body-font-family);font-size:var(--uxdsl__typography__body-font-size);line-height:var(--uxdsl__typography__body-line-height);font-weight:var(--uxdsl__typography__body-font-weight);letter-spacing:var(--uxdsl__typography__body-letter-spacing);margin-block-start:var(--uxdsl__typography__body-margin-block-start);margin-block-end:var(--uxdsl__typography__body-margin-block-end)}.showcase-text.sample-caption{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end)}.showcase-text.sample-span{font-family:var(--uxdsl__typography__span-font-family);font-size:var(--uxdsl__typography__span-font-size);line-height:var(--uxdsl__typography__span-line-height);font-weight:var(--uxdsl__typography__span-font-weight);letter-spacing:var(--uxdsl__typography__span-letter-spacing);margin-block-start:var(--uxdsl__typography__span-margin-block-start);margin-block-end:var(--uxdsl__typography__span-margin-block-end)}.showcase-text.sample-small{font-family:var(--uxdsl__typography__small-font-family);font-size:var(--uxdsl__typography__small-font-size);line-height:var(--uxdsl__typography__small-line-height);font-weight:var(--uxdsl__typography__small-font-weight);letter-spacing:var(--uxdsl__typography__small-letter-spacing);margin-block-start:var(--uxdsl__typography__small-margin-block-start);margin-block-end:var(--uxdsl__typography__small-margin-block-end)}.showcase-text.sample-pre{font-family:var(--uxdsl__typography__pre-font-family);font-size:var(--uxdsl__typography__pre-font-size);line-height:var(--uxdsl__typography__pre-line-height);font-weight:var(--uxdsl__typography__pre-font-weight);letter-spacing:var(--uxdsl__typography__pre-letter-spacing);margin-block-start:var(--uxdsl__typography__pre-margin-block-start);margin-block-end:var(--uxdsl__typography__pre-margin-block-end)}.showcase-text.sample-code{font-family:var(--uxdsl__typography__code-font-family);font-size:var(--uxdsl__typography__code-font-size);line-height:var(--uxdsl__typography__code-line-height);font-weight:var(--uxdsl__typography__code-font-weight);letter-spacing:var(--uxdsl__typography__code-letter-spacing);margin-block-start:var(--uxdsl__typography__code-margin-block-start);margin-block-end:var(--uxdsl__typography__code-margin-block-end);font-family:var(--uxdsl__typography__pre-font-family);font-size:var(--uxdsl__typography__pre-font-size);line-height:var(--uxdsl__typography__pre-line-height);font-weight:var(--uxdsl__typography__pre-font-weight);letter-spacing:var(--uxdsl__typography__pre-letter-spacing);margin-block-start:var(--uxdsl__typography__pre-margin-block-start);margin-block-end:var(--uxdsl__typography__pre-margin-block-end)}.json-property-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding-left:2ch}.json-key{font-weight:600;color:var(--uxdsl__palette__secondary-main)}.json-comment,.json-value-inherited{color:var(--uxdsl__palette__text-disabled)}.json-comment{font-size:.75rem;margin-left:.5rem}.json-action-group{display:flex;gap:.25rem}.json-action-button{background:transparent;border:1px solid var(--uxdsl__palette__divider-main);border-radius:4px;padding:var(--uxdsl__space__2);cursor:pointer;color:var(--uxdsl__palette__text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s}.json-action-button:hover{color:var(--uxdsl__palette__primary-main);border-color:var(--uxdsl__palette__primary-main)}.json-action-button.delete-button{border:none;color:var(--uxdsl__palette__text-disabled)}.json-action-button.delete-button:hover{color:var(--uxdsl__palette__error-main);background:transparent}.editable-typography-element{margin:0;transition:all .2s ease;outline:none;min-width:10px;cursor:text;text-align:left;width:100%;position:relative;z-index:2}.responsive-syntax-explainer{height:100%}.editable-typography-element:focus-visible{outline:2px dashed var(--uxdsl__palette__primary-main);outline-offset:4px}.concentric-content,.concentric-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.concentric-content{z-index:100;background:var(--uxdsl__palette__surface-main);padding:var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__1);min-width:80px;min-height:40px;box-shadow:var(--uxdsl__shadow__2);font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);font-weight:700;color:var(--uxdsl__palette__primary-dark);border:1px solid var(--uxdsl__palette__neutral-light)}.concentric-ring{position:absolute;border-radius:var(--uxdsl__radius__2);border:1px solid color-mix(in srgb,var(--uxdsl__palette__primary-main) 20%,transparent);background:color-mix(in srgb,var(--uxdsl__palette__primary-main) 3%,transparent);pointer-events:auto;transition:all .2s ease;display:flex;justify-content:center;align-items:flex-start;cursor:pointer}.concentric-ring.is-hovered,.concentric-ring:hover{border-color:var(--uxdsl__palette__secondary-main);background:color-mix(in srgb,var(--uxdsl__palette__secondary-main) 10%,transparent);box-shadow:0 0 0 1px var(--uxdsl__palette__secondary-main)}.ring-label{background:var(--uxdsl__palette__secondary-main);color:var(--uxdsl__palette__secondary-contrast);font-size:.6rem;padding:1px 4px;border-radius:0 0 4px 4px;opacity:0;transition:opacity .2s;margin-top:-1px}.concentric-ring.is-hovered .ring-label,.concentric-ring:hover .ring-label{opacity:1}.concentric-ring--uxdsl__density__1{inset:calc(var(--uxdsl__density__1) * -1);z-index:calc(20 - 1)}.concentric-ring--uxdsl__density__2{inset:calc(var(--uxdsl__density__2) * -1);z-index:calc(20 - 2)}.concentric-ring--uxdsl__density__3{inset:calc(var(--uxdsl__density__3) * -1);z-index:calc(20 - 3)}.concentric-ring--uxdsl__density__4{inset:calc(var(--uxdsl__density__4) * -1);z-index:calc(20 - 4)}.concentric-ring--uxdsl__density__5{inset:calc(var(--uxdsl__density__5) * -1);z-index:calc(20 - 5)}.concentric-ring--uxdsl__density__6{inset:calc(var(--uxdsl__density__6) * -1);z-index:calc(20 - 6)}.concentric-ring--uxdsl__density__7{inset:calc(var(--uxdsl__density__7) * -1);z-index:calc(20 - 7)}.concentric-ring--uxdsl__density__8{inset:calc(var(--uxdsl__density__8) * -1);z-index:calc(20 - 8)}.concentric-ring--uxdsl__density__9{inset:calc(var(--uxdsl__density__9) * -1);z-index:calc(20 - 9)}.concentric-ring--uxdsl__density__10{inset:calc(var(--uxdsl__density__10) * -1);z-index:calc(20 - 10)}.concentric-ring--uxdsl__density__11{inset:calc(var(--uxdsl__density__11) * -1);z-index:calc(20 - 11)}.concentric-ring--uxdsl__density__12{inset:calc(var(--uxdsl__density__12) * -1);z-index:calc(20 - 12)}.concentric-ring--uxdsl__density__13{inset:calc(var(--uxdsl__density__13) * -1);z-index:calc(20 - 13)}.concentric-ring--uxdsl__density__14{inset:calc(var(--uxdsl__density__14) * -1);z-index:calc(20 - 14)}.concentric-ring--uxdsl__density__15{inset:calc(var(--uxdsl__density__15) * -1);z-index:calc(20 - 15)}.concentric-ring--uxdsl__density__16{inset:calc(var(--uxdsl__density__16) * -1);z-index:calc(20 - 16)}#SideNav .side-nav__backdrop{display:none;position:fixed;inset:0;background:color-mix(in srgb,var(--uxdsl__color__black) 50%,transparent);z-index:1100;opacity:0;pointer-events:none;transition:opacity .15s ease}#SideNav .side-nav__backdrop.is-open{display:block;opacity:1;pointer-events:auto}#SideNav .side-nav__menu{display:none;position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1200;transform:translateX(-100%);transition:transform .15s cubic-bezier(.4,0,.2,1);background:var(--uxdsl__palette__surface-main);box-shadow:var(--uxdsl__shadow__1);border:none;padding:var(--uxdsl__space__4);height:100%;overflow-y:auto}#SideNav .side-nav__menu.is-open{display:block;transform:translateX(0)}#SideNav .side-nav__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--uxdsl__space__4)}#SideNav .side-nav__title{font-family:var(--uxdsl__typography__h5-font-family);font-size:var(--uxdsl__typography__h5-font-size);line-height:var(--uxdsl__typography__h5-line-height);font-weight:var(--uxdsl__typography__h5-font-weight);letter-spacing:var(--uxdsl__typography__h5-letter-spacing);margin-block-start:var(--uxdsl__typography__h5-margin-block-start);margin-block-end:var(--uxdsl__typography__h5-margin-block-end);margin:0}#SideNav .side-nav__close{font-family:var(--uxdsl__typography__h4-font-family);font-size:var(--uxdsl__typography__h4-font-size);line-height:var(--uxdsl__typography__h4-line-height);font-weight:var(--uxdsl__typography__h4-font-weight);letter-spacing:var(--uxdsl__typography__h4-letter-spacing);margin-block-start:var(--uxdsl__typography__h4-margin-block-start);margin-block-end:var(--uxdsl__typography__h4-margin-block-end);background:transparent;border:none;cursor:pointer;color:color-mix(in srgb,var(--uxdsl__palette__surface-contrast) 70%,transparent);padding:var(--uxdsl__space__1)}#SideNav .side-nav__section+.side-nav__section{margin-top:var(--uxdsl__density__4)}#SideNav .side-nav__section-title{font-family:var(--uxdsl__typography__span-font-family);font-size:var(--uxdsl__typography__span-font-size);line-height:var(--uxdsl__typography__span-line-height);font-weight:var(--uxdsl__typography__span-font-weight);letter-spacing:var(--uxdsl__typography__span-letter-spacing);margin-block-start:var(--uxdsl__typography__span-margin-block-start);margin-block-end:var(--uxdsl__typography__span-margin-block-end);text-transform:uppercase;opacity:.6;margin:0 0 var(--uxdsl__density__1) 0;padding-left:var(--uxdsl__density__1)}#SideNav .side-nav__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--uxdsl__density__1)}#SideNav .side-nav__link{font-family:var(--uxdsl__typography__span-font-family);font-size:var(--uxdsl__typography__span-font-size);line-height:var(--uxdsl__typography__span-line-height);font-weight:var(--uxdsl__typography__span-font-weight);letter-spacing:var(--uxdsl__typography__span-letter-spacing);margin-block-start:var(--uxdsl__typography__span-margin-block-start);margin-block-end:var(--uxdsl__typography__span-margin-block-end);text-decoration:none;padding:var(--uxdsl__density__1) var(--uxdsl__density__2);border-radius:var(--uxdsl__radius__1);display:block;transition:all .1s ease;color:color-mix(in srgb,var(--uxdsl__palette__surface-contrast) 80%,transparent)}#SideNav .side-nav__link:hover{background:var(--uxdsl__palette__neutral-light);color:var(--uxdsl__palette__neutral-contrast)}#SideNav .side-nav__link[aria-current=page]{background:color-mix(in srgb,var(--uxdsl__palette__primary-main) 10%,transparent);color:var(--uxdsl__palette__primary-main)}@media (min-width:1024px){#SideNav{display:block;--side-nav-sticky-top:calc(var(--uxdsl__space__12) + var(--uxdsl__space__7));position:sticky;top:var(--side-nav-sticky-top);width:auto;height:auto;align-self:start;margin:0;max-height:calc(100vh - var(--side-nav-sticky-top) - var(--uxdsl__space__3));overflow-y:auto}#SideNav .side-nav__backdrop,#SideNav .side-nav__burger,#SideNav .side-nav__header{display:none}#SideNav .side-nav__menu{display:block;position:static;width:auto;z-index:auto;transform:none;height:auto;overflow-y:visible;padding:var(--uxdsl__surface__flat-padding);border-radius:var(--uxdsl__surface__flat-radius);background:var(--uxdsl__surface__flat-bg);color:var(--uxdsl__surface__flat-color);border:var(--uxdsl__surface__flat-border);box-shadow:var(--uxdsl__surface__flat-shadow);box-shadow:var(--uxdsl__shadow__1);border-radius:var(--uxdsl__radius__2)}}.spacing-explanation{margin-block:var(--uxdsl__space__7);line-height:1.7;min-width:0}.spacing-explanation h2{font-size:1.5rem;margin-block:var(--uxdsl__space__5)}.spacing-explanation h3{font-size:1.2rem;margin-block:var(--uxdsl__space__6) var(--uxdsl__space__4)}.spacing-explanation h4{margin-bottom:var(--uxdsl__space__4)}.spacing-explanation p{margin-block:var(--uxdsl__space__4)}.spacing-explanation a{text-decoration:underline}.spacing-explanation pre{overflow-x:auto;background:var(--uxdsl__color__gray-900);color:var(--uxdsl__color__gray-200);padding:var(--uxdsl__space__5);border-radius:.5rem;font-size:.85rem}.spacing-explanation__comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:var(--uxdsl__space__5)}.spacing-explanation__comparison>div{min-width:0}.spacing-explanation__boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:var(--uxdsl__space__5);margin-block:var(--uxdsl__space__5)}.spacing-explanation__boxes figure{margin:0;min-width:0}.spacing-explanation__boxes figcaption{margin-bottom:var(--uxdsl__space__4)}.spacing-explanation__gap,.spacing-explanation__padding{background:var(--uxdsl__color__blue-100);border:1px solid var(--uxdsl__color__blue-500);border-radius:.5rem}.spacing-explanation__padding{padding:var(--uxdsl__space__4)}.spacing-explanation__gap{display:flex;flex-wrap:wrap;gap:var(--uxdsl__space__4);padding:var(--uxdsl__space__2)}.spacing-explanation__content{background:var(--uxdsl__color__white);color:var(--uxdsl__color__slate-900);padding:var(--uxdsl__space__3);border:1px dashed var(--uxdsl__color__gray-500);text-align:center}.spacing-explanation__edit{padding:.65rem var(--uxdsl__space__5);background:var(--uxdsl__color__blue-500);color:var(--uxdsl__color__white);border:0;border-radius:.5rem;font:inherit;cursor:pointer}.spacing-explanation__edit:focus-visible{outline:3px solid var(--uxdsl__color__blue-300);outline-offset:3px}.surface-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--uxdsl__density__3)}@media (min-width:768px){.surface-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.surface-grid{grid-template-columns:repeat(6,1fr)}}.surface-grid__tile--contained-primary{background:var(--uxdsl__palette__primary-main);color:var(--uxdsl__palette__primary-contrast)}.surface-grid__tile--contained-primary,.surface-grid__tile--contained-secondary{padding:var(--uxdsl__surface__contained-padding);border-radius:var(--uxdsl__surface__contained-radius);border:var(--uxdsl__surface__contained-border);box-shadow:var(--uxdsl__surface__contained-shadow)}.surface-grid__tile--contained-secondary{background:var(--uxdsl__palette__secondary-main);color:var(--uxdsl__palette__secondary-contrast)}.surface-grid__tile--contained-success{background:var(--uxdsl__palette__success-main);color:var(--uxdsl__palette__success-contrast)}.surface-grid__tile--contained-info,.surface-grid__tile--contained-success{padding:var(--uxdsl__surface__contained-padding);border-radius:var(--uxdsl__surface__contained-radius);border:var(--uxdsl__surface__contained-border);box-shadow:var(--uxdsl__surface__contained-shadow)}.surface-grid__tile--contained-info{background:var(--uxdsl__palette__info-main);color:var(--uxdsl__palette__info-contrast)}.surface-grid__tile--contained-warning{background:var(--uxdsl__palette__warning-main);color:var(--uxdsl__palette__warning-contrast)}.surface-grid__tile--contained-error,.surface-grid__tile--contained-warning{padding:var(--uxdsl__surface__contained-padding);border-radius:var(--uxdsl__surface__contained-radius);border:var(--uxdsl__surface__contained-border);box-shadow:var(--uxdsl__surface__contained-shadow)}.surface-grid__tile--contained-error{background:var(--uxdsl__palette__error-main);color:var(--uxdsl__palette__error-contrast)}.surface-grid__tile--outlined-primary{border-radius:var(--uxdsl__surface__outlined-radius);color:var(--uxdsl__palette__primary-main);border:1px solid var(--uxdsl__palette__primary-main)}.surface-grid__tile--outlined-primary,.surface-grid__tile--outlined-secondary{padding:var(--uxdsl__surface__outlined-padding);background:transparent;box-shadow:var(--uxdsl__surface__outlined-shadow)}.surface-grid__tile--outlined-secondary{border-radius:var(--uxdsl__surface__outlined-radius);color:var(--uxdsl__palette__secondary-main);border:1px solid var(--uxdsl__palette__secondary-main)}.surface-grid__tile--outlined-success{border-radius:var(--uxdsl__surface__outlined-radius);color:var(--uxdsl__palette__success-main);border:1px solid var(--uxdsl__palette__success-main)}.surface-grid__tile--outlined-info,.surface-grid__tile--outlined-success{padding:var(--uxdsl__surface__outlined-padding);background:transparent;box-shadow:var(--uxdsl__surface__outlined-shadow)}.surface-grid__tile--outlined-info{border-radius:var(--uxdsl__surface__outlined-radius);color:var(--uxdsl__palette__info-main);border:1px solid var(--uxdsl__palette__info-main)}.surface-grid__tile--outlined-warning{border-radius:var(--uxdsl__surface__outlined-radius);color:var(--uxdsl__palette__warning-main);border:1px solid var(--uxdsl__palette__warning-main)}.surface-grid__tile--outlined-error,.surface-grid__tile--outlined-warning{padding:var(--uxdsl__surface__outlined-padding);background:transparent;box-shadow:var(--uxdsl__surface__outlined-shadow)}.surface-grid__tile--outlined-error{border-radius:var(--uxdsl__surface__outlined-radius);color:var(--uxdsl__palette__error-main);border:1px solid var(--uxdsl__palette__error-main)}.surface-grid__tile--flat-primary{color:var(--uxdsl__palette__primary-main)}.surface-grid__tile--flat-primary,.surface-grid__tile--flat-secondary{padding:var(--uxdsl__surface__flat-padding);border-radius:var(--uxdsl__surface__flat-radius);background:transparent;border:var(--uxdsl__surface__flat-border);box-shadow:var(--uxdsl__surface__flat-shadow)}.surface-grid__tile--flat-secondary{color:var(--uxdsl__palette__secondary-main)}.surface-grid__tile--flat-success{color:var(--uxdsl__palette__success-main)}.surface-grid__tile--flat-info,.surface-grid__tile--flat-success{padding:var(--uxdsl__surface__flat-padding);border-radius:var(--uxdsl__surface__flat-radius);background:transparent;border:var(--uxdsl__surface__flat-border);box-shadow:var(--uxdsl__surface__flat-shadow)}.surface-grid__tile--flat-info{color:var(--uxdsl__palette__info-main)}.surface-grid__tile--flat-warning{color:var(--uxdsl__palette__warning-main)}.surface-grid__tile--flat-error,.surface-grid__tile--flat-warning{padding:var(--uxdsl__surface__flat-padding);border-radius:var(--uxdsl__surface__flat-radius);background:transparent;border:var(--uxdsl__surface__flat-border);box-shadow:var(--uxdsl__surface__flat-shadow)}.surface-grid__tile--flat-error{color:var(--uxdsl__palette__error-main)}.surface-grid__title{font-family:var(--uxdsl__typography__h6-font-family);font-size:var(--uxdsl__typography__h6-font-size);line-height:var(--uxdsl__typography__h6-line-height);font-weight:var(--uxdsl__typography__h6-font-weight);letter-spacing:var(--uxdsl__typography__h6-letter-spacing);margin-block-start:var(--uxdsl__typography__h6-margin-block-start);margin-block-end:var(--uxdsl__typography__h6-margin-block-end);margin:0}.surface-grid__meta{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);margin:0;font-family:var(--uxdsl__font__code),monospace}.tabs{margin-block:var(--uxdsl__density__4);min-width:0}.tabs__list{display:flex;flex-wrap:wrap;gap:var(--uxdsl__space__1);border-bottom:var(--uxdsl__border__1)}.tabs__tab{font-family:var(--uxdsl__typography__span-font-family);font-size:var(--uxdsl__typography__span-font-size);line-height:var(--uxdsl__typography__span-line-height);font-weight:var(--uxdsl__typography__span-font-weight);letter-spacing:var(--uxdsl__typography__span-letter-spacing);margin-block-start:var(--uxdsl__typography__span-margin-block-start);margin-block-end:var(--uxdsl__typography__span-margin-block-end);margin:0;padding:var(--uxdsl__space__2) var(--uxdsl__space__4);border:0;border-bottom:3px solid transparent;background:transparent;color:var(--uxdsl__palette__text-secondary);font-weight:600;cursor:pointer}.tabs__tab:hover,.tabs__tab[aria-selected=true]{color:var(--uxdsl__palette__primary-main)}.tabs__tab[aria-selected=true]{border-bottom-color:var(--uxdsl__palette__primary-main)}.tabs__tab:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:-2px}.tabs__panel{padding-top:var(--uxdsl__density__3);min-width:0}.config-editor__toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--uxdsl__space__3);flex-wrap:wrap}.config-editor__hint{font-size:.8rem;color:var(--uxdsl__palette__text-secondary)}.config-editor__buttons{display:flex;gap:var(--uxdsl__space__2)}.config-editor__button{border:1px solid var(--uxdsl__palette__neutral-light);background:var(--uxdsl__palette__surface-light);color:var(--uxdsl__palette__text-primary);border-radius:var(--uxdsl__radius__1);padding:var(--uxdsl__space__2) var(--uxdsl__space__3);display:inline-flex;align-items:center;gap:6px;cursor:pointer}.config-editor__button--primary{border-color:var(--uxdsl__palette__primary-main);background:var(--uxdsl__palette__primary-main);color:var(--uxdsl__palette__primary-contrast)}.config-editor{display:flex;flex-direction:column;gap:var(--uxdsl__space__2)}.config-editor__textarea{width:100%;min-height:460px;resize:vertical;font-family:var(--uxdsl__font__code,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:.82rem;line-height:1.5;border:1px solid var(--uxdsl__palette__neutral-light);border-radius:var(--uxdsl__radius__1);padding:var(--uxdsl__space__3);background:var(--uxdsl__palette__surface-main);color:var(--uxdsl__palette__text-primary)}.config-editor__textarea.is-invalid{border-color:var(--uxdsl__palette__error-main)}.config-editor__status{font-size:.75rem;color:var(--uxdsl__palette__text-secondary)}.config-editor__status.is-invalid{color:var(--uxdsl__palette__error-main)}.version-line{padding:var(--uxdsl__surface__outlined-padding);border-radius:var(--uxdsl__surface__outlined-radius);background:transparent;color:var(--uxdsl__palette__info-main);border:1px solid var(--uxdsl__palette__info-main);box-shadow:var(--uxdsl__surface__outlined-shadow);font-family:var(--uxdsl__typography__span-font-family);font-size:var(--uxdsl__typography__span-font-size);line-height:var(--uxdsl__typography__span-line-height);font-weight:var(--uxdsl__typography__span-font-weight);letter-spacing:var(--uxdsl__typography__span-letter-spacing);margin-block-start:var(--uxdsl__typography__span-margin-block-start);margin-block-end:var(--uxdsl__typography__span-margin-block-end);margin-block:var(--uxdsl__density__3)}.write-get{margin-block:var(--uxdsl__density__4);min-width:0}.write-get,.write-get__pair{display:grid;gap:var(--uxdsl__space__4)}.write-get__pair{grid-template-columns:minmax(0,1fr);align-items:start}@media (min-width:1024px){.write-get__pair{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.write-get__side,.write-get__theme{display:grid;gap:var(--uxdsl__space__2);min-width:0}.write-get__label{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);margin:0;display:flex;flex-wrap:wrap;gap:var(--uxdsl__space__2);align-items:baseline;font-weight:700;color:var(--uxdsl__palette__surface-contrast)}.write-get__note{font-weight:400;color:var(--uxdsl__palette__text-secondary)}#BreakpointsPage .demo-section{display:flex;flex-direction:column;gap:var(--uxdsl__density__3);margin-bottom:var(--uxdsl__density__6)}#BreakpointsPage .demo-subtitle{font-size:1.25rem;font-weight:600;color:var(--uxdsl__palette__neutral-dark);margin-bottom:var(--uxdsl__density__2)}#BreakpointsPage .demo-description{font-size:1rem;color:var(--uxdsl__palette__neutral-main);line-height:1.6;max-width:800px;margin-bottom:var(--uxdsl__density__3)}#BreakpointsPage .demo-card{border-radius:var(--uxdsl__surface__outlined-radius);background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);border:var(--uxdsl__surface__outlined-border);box-shadow:var(--uxdsl__surface__outlined-shadow);padding:var(--uxdsl__density__4);border-radius:var(--uxdsl__radius__3);background:var(--uxdsl__palette__surface-main);display:flex;flex-direction:column;gap:var(--uxdsl__density__3)}#BreakpointsPage .demo-card-title{font-size:1.1rem;font-weight:600;color:var(--uxdsl__palette__neutral-dark);margin-bottom:var(--uxdsl__density__2);border-bottom:1px solid var(--uxdsl__palette__neutral-light);padding-bottom:var(--uxdsl__density__2)}#BreakpointsPage .demo-grid-2{display:grid;grid-template-columns:1fr;gap:var(--uxdsl__density__4)}@media (min-width:768px){#BreakpointsPage .demo-grid-2{grid-template-columns:1fr 1fr}}#BreakpointsPage .demo-code{background:var(--uxdsl__palette__neutral-light);padding:var(--uxdsl__density__3);border-radius:var(--uxdsl__radius__2);font-family:font(code);font-size:.9rem;color:var(--uxdsl__palette__neutral-dark);overflow-x:auto;border:1px solid var(--uxdsl__palette__neutral-main)}#BreakpointsPage .demo-table{width:100%;border-collapse:collapse;font-size:.9rem}#BreakpointsPage .demo-table th{text-align:left;padding:var(--uxdsl__density__2);border-bottom:2px solid var(--uxdsl__palette__neutral-light);color:var(--uxdsl__palette__neutral-dark);font-weight:600}#BreakpointsPage .demo-table td{padding:var(--uxdsl__density__2);border-bottom:1px solid var(--uxdsl__palette__neutral-light);color:var(--uxdsl__palette__neutral-main)}#BreakpointsPage .demo-table code{background:var(--uxdsl__palette__neutral-light);padding:2px 6px;border-radius:var(--uxdsl__radius__1);font-family:font(code);font-size:.85em;color:var(--uxdsl__palette__primary-dark)}.palette-docs__usage{margin-bottom:3rem}.palette-docs__legacy-editor{margin-top:3rem}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--uxdsl__density__6);padding:var(--uxdsl__density__4);text-align:center;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.error-code{font-size:8rem;font-weight:800;line-height:1;color:color-mix(in srgb,var(--uxdsl__palette__primary-light) 15%,transparent);margin:0;user-select:none}.title-group{display:flex;flex-direction:column;gap:var(--uxdsl__density__2);align-items:center;margin-top:-4.5rem;position:relative;z-index:1}.title{font-family:var(--uxdsl__typography__h2-font-family);font-size:var(--uxdsl__typography__h2-font-size);line-height:var(--uxdsl__typography__h2-line-height);font-weight:var(--uxdsl__typography__h2-font-weight);letter-spacing:var(--uxdsl__typography__h2-letter-spacing);margin-block-start:var(--uxdsl__typography__h2-margin-block-start);margin-block-end:var(--uxdsl__typography__h2-margin-block-end);color:var(--uxdsl__palette__text-primary)}.subtitle{font-family:var(--uxdsl__typography__body-font-family);font-size:var(--uxdsl__typography__body-font-size);line-height:var(--uxdsl__typography__body-line-height);font-weight:var(--uxdsl__typography__body-font-weight);letter-spacing:var(--uxdsl__typography__body-letter-spacing);margin-block-start:var(--uxdsl__typography__body-margin-block-start);margin-block-end:var(--uxdsl__typography__body-margin-block-end);color:var(--uxdsl__palette__text-secondary);max-width:500px;line-height:1.6}.nav-grid{display:grid;grid-template-columns:1fr;gap:var(--uxdsl__density__3);width:100%;max-width:700px;margin-top:var(--uxdsl__density__4)}@media (min-width:600px){.nav-grid{grid-template-columns:1fr 1fr}}.nav-card{border-radius:var(--uxdsl__surface__contained-radius);background:var(--uxdsl__surface__contained-bg);color:var(--uxdsl__surface__contained-color);box-shadow:var(--uxdsl__surface__contained-shadow);padding:var(--uxdsl__density__4);display:flex;flex-direction:column;align-items:flex-start;gap:var(--uxdsl__density__2);transition:all .2s ease;cursor:pointer;text-decoration:none;border:1px solid transparent;height:100%}.nav-card:hover{transform:translateY(-3px);box-shadow:var(--uxdsl__shadow__3);border-color:color-mix(in srgb,var(--uxdsl__palette__primary-light) 30%,transparent)}.nav-card:hover .nav-card-icon{background:var(--uxdsl__palette__primary-main);color:var(--uxdsl__palette__primary-contrast)}.nav-card-icon{width:40px;height:40px;background:color-mix(in srgb,var(--uxdsl__palette__surface-dark) 50%,transparent);border-radius:9999px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.nav-card-icon,.nav-card-title{color:var(--uxdsl__palette__text-primary)}.nav-card-title{font-family:var(--uxdsl__typography__h6-font-family);font-size:var(--uxdsl__typography__h6-font-size);line-height:var(--uxdsl__typography__h6-line-height);font-weight:var(--uxdsl__typography__h6-font-weight);letter-spacing:var(--uxdsl__typography__h6-letter-spacing);margin-block-start:var(--uxdsl__typography__h6-margin-block-start);margin-block-end:var(--uxdsl__typography__h6-margin-block-end);margin:0}.nav-card-desc{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);color:var(--uxdsl__palette__text-secondary);text-align:left;margin:0;line-height:1.5}.home{display:flex;flex-direction:column;min-height:calc(100vh - var(--uxdsl__space__12));width:100%}.home-hero{box-sizing:border-box;width:100%;max-width:1320px;margin:0 auto;padding:var(--uxdsl__density__5) var(--uxdsl__space__4);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--uxdsl__density__4) var(--uxdsl__density__6);align-items:start}@media (min-width:768px){.home-hero{padding:var(--uxdsl__density__5) var(--uxdsl__space__6)}}@media (min-width:1024px){.home-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.home-hero__intro{display:grid;gap:var(--uxdsl__density__3);min-width:0}.home-hero__eyebrow{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);margin:0;color:var(--uxdsl__palette__primary-main);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.home-hero__title{font-family:var(--uxdsl__typography__h2-font-family);font-size:var(--uxdsl__typography__h2-font-size);line-height:var(--uxdsl__typography__h2-line-height);font-weight:var(--uxdsl__typography__h2-font-weight);letter-spacing:var(--uxdsl__typography__h2-letter-spacing);margin-block-start:var(--uxdsl__typography__h2-margin-block-start);margin-block-end:var(--uxdsl__typography__h2-margin-block-end);margin:0;color:var(--uxdsl__palette__surface-contrast);letter-spacing:-.02em}.home-hero__lede{font-family:var(--uxdsl__typography__p-font-family);font-size:var(--uxdsl__typography__p-font-size);line-height:var(--uxdsl__typography__p-line-height);font-weight:var(--uxdsl__typography__p-font-weight);letter-spacing:var(--uxdsl__typography__p-letter-spacing);margin-block-start:var(--uxdsl__typography__p-margin-block-start);margin-block-end:var(--uxdsl__typography__p-margin-block-end);margin:0;color:var(--uxdsl__palette__text-secondary)}.home-hero__ctas{display:flex;flex-wrap:wrap;gap:var(--uxdsl__space__3)}.home-cta{padding:var(--uxdsl__surface__outlined-padding);border-radius:var(--uxdsl__surface__outlined-radius);background:transparent;color:var(--uxdsl__palette__primary-main);border:1px solid var(--uxdsl__palette__primary-main);box-shadow:var(--uxdsl__surface__outlined-shadow);--uxdsl__button__tone-main:var(--uxdsl__palette__primary-main);--uxdsl__button__tone-dark:var(--uxdsl__palette__primary-dark);--uxdsl__button__tone-contrast:var(--uxdsl__palette__primary-contrast);display:inline-flex;align-items:center;gap:var(--uxdsl__space__2);text-decoration:none;font-weight:600}.home-cta:hover:not(:where(:disabled,[aria-disabled=true])){color:var(--uxdsl__button__outlined-tone-primary-hover-color,var(--uxdsl__button__outlined-hover-color));border:var(--uxdsl__button__outlined-tone-primary-hover-border,var(--uxdsl__button__outlined-hover-border))}.home-cta:focus-visible{outline:var(--uxdsl__button__outlined-tone-primary-focusvisible-outline,var(--uxdsl__button__outlined-focusvisible-outline));outline-offset:var(--uxdsl__button__outlined-tone-primary-focusvisible-outline-offset,var(--uxdsl__button__outlined-focusvisible-outline-offset))}.home-cta.is-selected,.home-cta[aria-pressed=true],.home-cta[aria-selected=true]{background:var(--uxdsl__button__outlined-tone-primary-selected-bg,var(--uxdsl__button__outlined-selected-bg));color:var(--uxdsl__button__outlined-tone-primary-selected-color,var(--uxdsl__button__outlined-selected-color));border:var(--uxdsl__button__outlined-tone-primary-selected-border,var(--uxdsl__button__outlined-selected-border))}.home-cta:disabled,.home-cta[aria-disabled=true]{opacity:var(--uxdsl__button__outlined-tone-primary-disabled-opacity,var(--uxdsl__button__outlined-disabled-opacity));cursor:var(--uxdsl__button__outlined-tone-primary-disabled-cursor,var(--uxdsl__button__outlined-disabled-cursor))}.home-cta--primary{padding:var(--uxdsl__surface__contained-padding);border-radius:var(--uxdsl__surface__contained-radius);background:var(--uxdsl__palette__primary-main);color:var(--uxdsl__palette__primary-contrast);border:var(--uxdsl__surface__contained-border);box-shadow:var(--uxdsl__surface__contained-shadow);--uxdsl__button__tone-main:var(--uxdsl__palette__primary-main);--uxdsl__button__tone-dark:var(--uxdsl__palette__primary-dark);--uxdsl__button__tone-contrast:var(--uxdsl__palette__primary-contrast)}.home-cta--primary:hover:not(:where(:disabled,[aria-disabled=true])){background:var(--uxdsl__button__contained-tone-primary-hover-bg,var(--uxdsl__button__contained-hover-bg));color:var(--uxdsl__button__contained-tone-primary-hover-color,var(--uxdsl__button__contained-hover-color))}.home-cta--primary:focus-visible{outline:var(--uxdsl__button__contained-tone-primary-focusvisible-outline,var(--uxdsl__button__contained-focusvisible-outline));outline-offset:var(--uxdsl__button__contained-tone-primary-focusvisible-outline-offset,var(--uxdsl__button__contained-focusvisible-outline-offset))}.home-cta--primary.is-selected,.home-cta--primary[aria-pressed=true],.home-cta--primary[aria-selected=true]{background:var(--uxdsl__button__contained-tone-primary-selected-bg,var(--uxdsl__button__contained-selected-bg));color:var(--uxdsl__button__contained-tone-primary-selected-color,var(--uxdsl__button__contained-selected-color))}.home-cta--primary:disabled,.home-cta--primary[aria-disabled=true]{opacity:var(--uxdsl__button__contained-tone-primary-disabled-opacity,var(--uxdsl__button__contained-disabled-opacity));cursor:var(--uxdsl__button__contained-tone-primary-disabled-cursor,var(--uxdsl__button__contained-disabled-cursor))}.home-hero__code{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--uxdsl__space__4);min-width:0}@media (min-width:768px){.home-hero__code{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.home-code{display:grid;align-content:start;gap:var(--uxdsl__space__2);min-width:0}.home-code__label{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);margin:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--uxdsl__space__2);font-weight:700;color:var(--uxdsl__palette__surface-contrast)}.home-code__path{font-weight:400;color:var(--uxdsl__palette__text-secondary);font-family:var(--uxdsl__font__code),monospace}.home-code .code-block-frame{font-size:.78rem}.home-code__scroll{max-height:18rem;overflow-y:auto;border-radius:var(--uxdsl__radius__2)}@media (min-width:1024px){.home-code__scroll{max-height:19.5rem}}.home-code__scroll:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:2px}.home-hero__frame{grid-column:1/-1;display:grid;gap:var(--uxdsl__space__2);min-width:0}.home-hero__frame-hint{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);margin:0;color:var(--uxdsl__palette__text-secondary)}.home-section-title{font-family:var(--uxdsl__typography__h3-font-family);font-size:var(--uxdsl__typography__h3-font-size);line-height:var(--uxdsl__typography__h3-line-height);font-weight:var(--uxdsl__typography__h3-font-weight);letter-spacing:var(--uxdsl__typography__h3-letter-spacing);margin-block-start:var(--uxdsl__typography__h3-margin-block-start);margin-block-end:var(--uxdsl__typography__h3-margin-block-end);margin:0 0 var(--uxdsl__density__4)}.home-pillars{width:100%;max-width:1320px;margin:0 auto;box-sizing:border-box;padding:var(--uxdsl__density__8) var(--uxdsl__space__4) var(--uxdsl__density__4)}@media (min-width:768px){.home-pillars{padding:var(--uxdsl__density__8) var(--uxdsl__space__6) var(--uxdsl__density__4)}}.home-pillars__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--uxdsl__density__4)}@media (min-width:768px){.home-pillars__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.home-pillars__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.home-pillar{padding:var(--uxdsl__surface__outlined-padding);border-radius:var(--uxdsl__surface__outlined-radius);background:var(--uxdsl__surface__outlined-bg);color:var(--uxdsl__surface__outlined-color);border:var(--uxdsl__surface__outlined-border);box-shadow:var(--uxdsl__surface__outlined-shadow);display:grid;align-content:start;gap:var(--uxdsl__space__3);color:var(--uxdsl__palette__surface-contrast);text-decoration:none}.home-pillar:hover{border-color:var(--uxdsl__palette__primary-main)}.home-pillar:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:2px}.home-pillar__title{font-family:var(--uxdsl__typography__h5-font-family);font-size:var(--uxdsl__typography__h5-font-size);line-height:var(--uxdsl__typography__h5-line-height);font-weight:var(--uxdsl__typography__h5-font-weight);letter-spacing:var(--uxdsl__typography__h5-letter-spacing);margin-block-start:var(--uxdsl__typography__h5-margin-block-start);margin-block-end:var(--uxdsl__typography__h5-margin-block-end);margin:0;color:var(--uxdsl__palette__primary-main)}.home-pillar__text{font-family:var(--uxdsl__typography__span-font-family);font-size:var(--uxdsl__typography__span-font-size);line-height:var(--uxdsl__typography__span-line-height);font-weight:var(--uxdsl__typography__span-font-weight);letter-spacing:var(--uxdsl__typography__span-letter-spacing);margin-block-start:var(--uxdsl__typography__span-margin-block-start);margin-block-end:var(--uxdsl__typography__span-margin-block-end);margin:0;color:var(--uxdsl__palette__text-secondary)}.home-experiment{width:100%;max-width:1320px;margin:0 auto;box-sizing:border-box;padding:var(--uxdsl__density__6) var(--uxdsl__space__4) var(--uxdsl__density__8);display:grid;justify-items:start}@media (min-width:768px){.home-experiment{padding:var(--uxdsl__density__6) var(--uxdsl__space__6) var(--uxdsl__density__8)}}.home-experiment__text{font-family:var(--uxdsl__typography__span-font-family);font-size:var(--uxdsl__typography__span-font-size);line-height:var(--uxdsl__typography__span-line-height);font-weight:var(--uxdsl__typography__span-font-weight);letter-spacing:var(--uxdsl__typography__span-letter-spacing);margin-block-start:var(--uxdsl__typography__span-margin-block-start);margin-block-end:var(--uxdsl__typography__span-margin-block-end);margin:0;max-width:48rem;color:var(--uxdsl__palette__text-secondary)}.home-footer{margin-top:auto;padding:var(--uxdsl__density__6) var(--uxdsl__space__4);background:var(--uxdsl__palette__surface-light);border-top:var(--uxdsl__border__1);display:grid;justify-items:center;gap:var(--uxdsl__space__4);width:100%}.home-footer__links{display:flex;gap:var(--uxdsl__space__6);flex-wrap:wrap;justify-content:center}.home-footer__link{display:inline-flex;align-items:center;gap:var(--uxdsl__space__2);color:var(--uxdsl__palette__text-secondary);text-decoration:none;font-weight:500;border-radius:var(--uxdsl__radius__1)}.home-footer__link:hover{color:var(--uxdsl__palette__primary-main)}.home-footer__link:focus-visible{outline:2px solid var(--uxdsl__palette__primary-main);outline-offset:2px}.home-footer__copy{font-family:var(--uxdsl__typography__caption-font-family);font-size:var(--uxdsl__typography__caption-font-size);line-height:var(--uxdsl__typography__caption-line-height);font-weight:var(--uxdsl__typography__caption-font-weight);letter-spacing:var(--uxdsl__typography__caption-letter-spacing);margin-block-start:var(--uxdsl__typography__caption-margin-block-start);margin-block-end:var(--uxdsl__typography__caption-margin-block-end);margin:0;color:var(--uxdsl__palette__text-secondary)}