npm - @epilot/volt-ui-experimental-griffel - Versions diffs - 0.1.2 → 0.2.0 - Mend

@epilot/volt-ui-experimental-griffel 0.1.2 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (920) hide show

package/dist/tokens/core.generated.js CHANGED Viewed

@@ -1,487 +1,1213 @@
-const a = "bf9a721", f = "560832a", n = `:root,
+const e = "f5ce190", r = "6eb1151", a = `:root,
 .light,
 [data-theme="light"] {
-  --volt2-bf9a721-accent-1: #fcfdfe;
-  --volt2-bf9a721-accent-10: #004fa3;
-  --volt2-bf9a721-accent-11: #0f65bc;
-  --volt2-bf9a721-accent-12: #113157;
-  --volt2-bf9a721-accent-2: #f6fafe;
-  --volt2-bf9a721-accent-3: #ebf3fd;
-  --volt2-bf9a721-accent-4: #dcebfe;
-  --volt2-bf9a721-accent-5: #cbe1fe;
-  --volt2-bf9a721-accent-6: #b6d5fc;
-  --volt2-bf9a721-accent-7: #9dc3f2;
-  --volt2-bf9a721-accent-8: #7aabe7;
-  --volt2-bf9a721-accent-9: #005eb4;
-  --volt2-bf9a721-accent-a1: #0055aa03;
-  --volt2-bf9a721-accent-a10: #004fa3;
-  --volt2-bf9a721-accent-a11: #005bb8f0;
-  --volt2-bf9a721-accent-a12: #00224bee;
-  --volt2-bf9a721-accent-a2: #0072e309;
-  --volt2-bf9a721-accent-a3: #0066e614;
-  --volt2-bf9a721-accent-a4: #006ef823;
-  --volt2-bf9a721-accent-a5: #006cfb34;
-  --volt2-bf9a721-accent-a6: #006df549;
-  --volt2-bf9a721-accent-a7: #0063de62;
-  --volt2-bf9a721-accent-a8: #005ed185;
-  --volt2-bf9a721-accent-a9: #005eb4;
-  --volt2-bf9a721-accent-contrast: #fff;
-  --volt2-bf9a721-accent-indicator: #005eb4;
-  --volt2-bf9a721-accent-surface: #f4f9fecc;
-  --volt2-bf9a721-accent-track: #005eb4;
-  --volt2-bf9a721-body: #ffffff;
-  --volt2-bf9a721-container-2xl: 42rem;
-  --volt2-bf9a721-container-3xl: 48rem;
-  --volt2-bf9a721-container-4xl: 56rem;
-  --volt2-bf9a721-container-5xl: 64rem;
-  --volt2-bf9a721-container-lg: 32rem;
-  --volt2-bf9a721-container-md: 28rem;
-  --volt2-bf9a721-container-sm: 24rem;
-  --volt2-bf9a721-container-xl: 36rem;
-  --volt2-bf9a721-error-1: #fffcfc;
-  --volt2-bf9a721-error-10: #bf0001;
-  --volt2-bf9a721-error-11: #d4201e;
-  --volt2-bf9a721-error-12: #661713;
-  --volt2-bf9a721-error-2: #fff7f6;
-  --volt2-bf9a721-error-3: #ffebe8;
-  --volt2-bf9a721-error-4: #ffdbd5;
-  --volt2-bf9a721-error-5: #ffcdc4;
-  --volt2-bf9a721-error-6: #ffbcb3;
-  --volt2-bf9a721-error-7: #f8a89d;
-  --volt2-bf9a721-error-8: #ef8d80;
-  --volt2-bf9a721-error-9: #d01919;
-  --volt2-bf9a721-error-a1: #ff000003;
-  --volt2-bf9a721-error-a10: #bf0001;
-  --volt2-bf9a721-error-a11: #ce0200e1;
-  --volt2-bf9a721-error-a12: #5a0400ec;
-  --volt2-bf9a721-error-a2: #ff1d0009;
-  --volt2-bf9a721-error-a3: #ff220017;
-  --volt2-bf9a721-error-a4: #ff25002a;
-  --volt2-bf9a721-error-a5: #ff27013b;
-  --volt2-bf9a721-error-a6: #ff1f004c;
-  --volt2-bf9a721-error-a7: #ed1d0062;
-  --volt2-bf9a721-error-a8: #df1b007f;
-  --volt2-bf9a721-error-a9: #cb0000e6;
-  --volt2-bf9a721-error-contrast: #fff;
-  --volt2-bf9a721-error-indicator: #d01919;
-  --volt2-bf9a721-error-surface: #fff5f4cc;
-  --volt2-bf9a721-error-track: #d01919;
-  --volt2-bf9a721-font-weight-bold: 700;
-  --volt2-bf9a721-font-weight-medium: 500;
-  --volt2-bf9a721-font-weight-normal: 400;
-  --volt2-bf9a721-font-weight-semibold: 600;
-  --volt2-bf9a721-gray-1: #fdfcfd;
-  --volt2-bf9a721-gray-10: #84828e;
-  --volt2-bf9a721-gray-11: #65636d;
-  --volt2-bf9a721-gray-12: #211f26;
-  --volt2-bf9a721-gray-2: #faf9fb;
-  --volt2-bf9a721-gray-3: #f2eff3;
-  --volt2-bf9a721-gray-4: #eae7ec;
-  --volt2-bf9a721-gray-5: #e3dfe6;
-  --volt2-bf9a721-gray-6: #dbd8e0;
-  --volt2-bf9a721-gray-7: #d0cdd7;
-  --volt2-bf9a721-gray-8: #bcbac7;
-  --volt2-bf9a721-gray-9: #8e8c99;
-  --volt2-bf9a721-gray-a1: #55005503;
-  --volt2-bf9a721-gray-a10: #0500197d;
-  --volt2-bf9a721-gray-a11: #0400119c;
-  --volt2-bf9a721-gray-a12: #020008e0;
-  --volt2-bf9a721-gray-a2: #2b005506;
-  --volt2-bf9a721-gray-a3: #30004010;
-  --volt2-bf9a721-gray-a4: #20003618;
-  --volt2-bf9a721-gray-a5: #20003820;
-  --volt2-bf9a721-gray-a6: #14003527;
-  --volt2-bf9a721-gray-a7: #10003332;
-  --volt2-bf9a721-gray-a8: #08003145;
-  --volt2-bf9a721-gray-a9: #05001d73;
-  --volt2-bf9a721-gray-contrast: #ffffff;
-  --volt2-bf9a721-gray-indicator: #8e8c99;
-  --volt2-bf9a721-gray-surface: #ffffffcc;
-  --volt2-bf9a721-gray-track: #8e8c99;
-  --volt2-bf9a721-info-1: #fbfdff;
-  --volt2-bf9a721-info-10: #0588f0;
-  --volt2-bf9a721-info-11: #0d74ce;
-  --volt2-bf9a721-info-12: #113264;
-  --volt2-bf9a721-info-2: #f4faff;
-  --volt2-bf9a721-info-3: #e6f4fe;
-  --volt2-bf9a721-info-4: #d5efff;
-  --volt2-bf9a721-info-5: #c2e5ff;
-  --volt2-bf9a721-info-6: #acd8fc;
-  --volt2-bf9a721-info-7: #8ec8f6;
-  --volt2-bf9a721-info-8: #5eb1ef;
-  --volt2-bf9a721-info-9: #0090ff;
-  --volt2-bf9a721-info-a1: #0080ff04;
-  --volt2-bf9a721-info-a10: #0086f0fa;
-  --volt2-bf9a721-info-a11: #006dcbf2;
-  --volt2-bf9a721-info-a12: #002359ee;
-  --volt2-bf9a721-info-a2: #008cff0b;
-  --volt2-bf9a721-info-a3: #008ff519;
-  --volt2-bf9a721-info-a4: #009eff2a;
-  --volt2-bf9a721-info-a5: #0093ff3d;
-  --volt2-bf9a721-info-a6: #0088f653;
-  --volt2-bf9a721-info-a7: #0083eb71;
-  --volt2-bf9a721-info-a8: #0084e6a1;
-  --volt2-bf9a721-info-a9: #0090ff;
-  --volt2-bf9a721-info-contrast: #ffffff;
-  --volt2-bf9a721-info-indicator: #0090ff;
-  --volt2-bf9a721-info-surface: #f1f9ffcc;
-  --volt2-bf9a721-info-track: #0090ff;
-  --volt2-bf9a721-leading-2xl: 2rem;
-  --volt2-bf9a721-leading-3xl: 2.25rem;
-  --volt2-bf9a721-leading-base: 1.5rem;
-  --volt2-bf9a721-leading-lg: 1.75rem;
-  --volt2-bf9a721-leading-sm: 1.25rem;
-  --volt2-bf9a721-leading-xl: 1.75rem;
-  --volt2-bf9a721-leading-xs: 1rem;
-  --volt2-bf9a721-level-1: var(--volt2-bf9a721-gray-1);
-  --volt2-bf9a721-radius-2xl: 1rem;
-  --volt2-bf9a721-radius-lg: 0.5rem;
-  --volt2-bf9a721-radius-md: 0.375rem;
-  --volt2-bf9a721-radius-sm: 0.25rem;
-  --volt2-bf9a721-radius-xl: 0.75rem;
-  --volt2-bf9a721-sem-accent-contrast: var(--volt2-bf9a721-accent-contrast);
-  --volt2-bf9a721-sem-accent-default: var(--volt2-bf9a721-accent-a12);
-  --volt2-bf9a721-sem-accent-disabled: var(--volt2-bf9a721-accent-a8);
-  --volt2-bf9a721-sem-accent-high-contrast: var(--volt2-bf9a721-accent-a12);
-  --volt2-bf9a721-sem-accent-light: var(--volt2-bf9a721-accent-a11);
-  --volt2-bf9a721-sem-accent-on-high-contrast: var(--volt2-bf9a721-accent-1);
-  --volt2-bf9a721-sem-accent-on-solid: var(--volt2-bf9a721-accent-contrast);
-  --volt2-bf9a721-sem-accent-soft: var(--volt2-bf9a721-accent-a3);
-  --volt2-bf9a721-sem-accent-soft-hover: var(--volt2-bf9a721-accent-a4);
-  --volt2-bf9a721-sem-accent-solid: var(--volt2-bf9a721-accent-a9);
-  --volt2-bf9a721-sem-accent-solid-hover: var(--volt2-bf9a721-accent-a10);
-  --volt2-bf9a721-sem-accent-surface: var(--volt2-bf9a721-accent-surface);
-  --volt2-bf9a721-sem-accent-surface-hover: var(--volt2-bf9a721-accent-a3);
-  --volt2-bf9a721-sem-accent-ui: var(--volt2-bf9a721-accent-a7);
-  --volt2-bf9a721-sem-accent-ui-hover: var(--volt2-bf9a721-accent-a8);
-  --volt2-bf9a721-sem-body: var(--volt2-bf9a721-body);
-  --volt2-bf9a721-sem-error-contrast: var(--volt2-bf9a721-error-contrast);
-  --volt2-bf9a721-sem-error-default: var(--volt2-bf9a721-error-a12);
-  --volt2-bf9a721-sem-error-disabled: var(--volt2-bf9a721-error-a8);
-  --volt2-bf9a721-sem-error-high-contrast: var(--volt2-bf9a721-error-a12);
-  --volt2-bf9a721-sem-error-light: var(--volt2-bf9a721-error-a11);
-  --volt2-bf9a721-sem-error-on-high-contrast: var(--volt2-bf9a721-error-1);
-  --volt2-bf9a721-sem-error-on-solid: var(--volt2-bf9a721-error-contrast);
-  --volt2-bf9a721-sem-error-soft: var(--volt2-bf9a721-error-a3);
-  --volt2-bf9a721-sem-error-soft-hover: var(--volt2-bf9a721-error-a4);
-  --volt2-bf9a721-sem-error-solid: var(--volt2-bf9a721-error-a9);
-  --volt2-bf9a721-sem-error-solid-hover: var(--volt2-bf9a721-error-a10);
-  --volt2-bf9a721-sem-error-surface: var(--volt2-bf9a721-error-surface);
-  --volt2-bf9a721-sem-error-surface-hover: var(--volt2-bf9a721-error-a3);
-  --volt2-bf9a721-sem-error-ui: var(--volt2-bf9a721-error-a7);
-  --volt2-bf9a721-sem-error-ui-hover: var(--volt2-bf9a721-error-a8);
-  --volt2-bf9a721-sem-gray-contrast: var(--volt2-bf9a721-gray-contrast);
-  --volt2-bf9a721-sem-gray-default: var(--volt2-bf9a721-gray-a12);
-  --volt2-bf9a721-sem-gray-disabled: var(--volt2-bf9a721-gray-a8);
-  --volt2-bf9a721-sem-gray-high-contrast: var(--volt2-bf9a721-gray-a12);
-  --volt2-bf9a721-sem-gray-light: var(--volt2-bf9a721-gray-a11);
-  --volt2-bf9a721-sem-gray-on-high-contrast: var(--volt2-bf9a721-gray-1);
-  --volt2-bf9a721-sem-gray-on-solid: var(--volt2-bf9a721-gray-contrast);
-  --volt2-bf9a721-sem-gray-soft: var(--volt2-bf9a721-gray-a3);
-  --volt2-bf9a721-sem-gray-soft-hover: var(--volt2-bf9a721-gray-a4);
-  --volt2-bf9a721-sem-gray-solid: var(--volt2-bf9a721-gray-a9);
-  --volt2-bf9a721-sem-gray-solid-hover: var(--volt2-bf9a721-gray-a10);
-  --volt2-bf9a721-sem-gray-surface: var(--volt2-bf9a721-gray-surface);
-  --volt2-bf9a721-sem-gray-surface-hover: var(--volt2-bf9a721-gray-a3);
-  --volt2-bf9a721-sem-gray-ui: var(--volt2-bf9a721-gray-a7);
-  --volt2-bf9a721-sem-gray-ui-hover: var(--volt2-bf9a721-gray-a8);
-  --volt2-bf9a721-sem-info-contrast: var(--volt2-bf9a721-info-contrast);
-  --volt2-bf9a721-sem-info-default: var(--volt2-bf9a721-info-a12);
-  --volt2-bf9a721-sem-info-disabled: var(--volt2-bf9a721-info-a8);
-  --volt2-bf9a721-sem-info-high-contrast: var(--volt2-bf9a721-info-a12);
-  --volt2-bf9a721-sem-info-light: var(--volt2-bf9a721-info-a11);
-  --volt2-bf9a721-sem-info-on-high-contrast: var(--volt2-bf9a721-info-1);
-  --volt2-bf9a721-sem-info-on-solid: var(--volt2-bf9a721-info-contrast);
-  --volt2-bf9a721-sem-info-soft: var(--volt2-bf9a721-info-a3);
-  --volt2-bf9a721-sem-info-soft-hover: var(--volt2-bf9a721-info-a4);
-  --volt2-bf9a721-sem-info-solid: var(--volt2-bf9a721-info-a9);
-  --volt2-bf9a721-sem-info-solid-hover: var(--volt2-bf9a721-info-a10);
-  --volt2-bf9a721-sem-info-surface: var(--volt2-bf9a721-info-surface);
-  --volt2-bf9a721-sem-info-surface-hover: var(--volt2-bf9a721-info-a3);
-  --volt2-bf9a721-sem-info-ui: var(--volt2-bf9a721-info-a7);
-  --volt2-bf9a721-sem-info-ui-hover: var(--volt2-bf9a721-info-a8);
-  --volt2-bf9a721-sem-level-1: var(--volt2-bf9a721-level-1);
-  --volt2-bf9a721-sem-level-2: var(--volt2-bf9a721-gray-2);
-  --volt2-bf9a721-sem-level-3: var(--volt2-bf9a721-gray-3);
-  --volt2-bf9a721-sem-success-contrast: var(--volt2-bf9a721-success-contrast);
-  --volt2-bf9a721-sem-success-default: var(--volt2-bf9a721-success-a12);
-  --volt2-bf9a721-sem-success-disabled: var(--volt2-bf9a721-success-a8);
-  --volt2-bf9a721-sem-success-high-contrast: var(--volt2-bf9a721-success-a12);
-  --volt2-bf9a721-sem-success-light: var(--volt2-bf9a721-success-a11);
-  --volt2-bf9a721-sem-success-on-high-contrast: var(--volt2-bf9a721-success-1);
-  --volt2-bf9a721-sem-success-on-solid: var(--volt2-bf9a721-success-contrast);
-  --volt2-bf9a721-sem-success-soft: var(--volt2-bf9a721-success-a3);
-  --volt2-bf9a721-sem-success-soft-hover: var(--volt2-bf9a721-success-a4);
-  --volt2-bf9a721-sem-success-solid: var(--volt2-bf9a721-success-a9);
-  --volt2-bf9a721-sem-success-solid-hover: var(--volt2-bf9a721-success-a10);
-  --volt2-bf9a721-sem-success-surface: var(--volt2-bf9a721-success-surface);
-  --volt2-bf9a721-sem-success-surface-hover: var(--volt2-bf9a721-success-a3);
-  --volt2-bf9a721-sem-success-ui: var(--volt2-bf9a721-success-a7);
-  --volt2-bf9a721-sem-success-ui-hover: var(--volt2-bf9a721-success-a8);
-  --volt2-bf9a721-sem-warning-contrast: var(--volt2-bf9a721-warning-contrast);
-  --volt2-bf9a721-sem-warning-default: var(--volt2-bf9a721-warning-a12);
-  --volt2-bf9a721-sem-warning-disabled: var(--volt2-bf9a721-warning-a8);
-  --volt2-bf9a721-sem-warning-high-contrast: var(--volt2-bf9a721-warning-a12);
-  --volt2-bf9a721-sem-warning-light: var(--volt2-bf9a721-warning-a11);
-  --volt2-bf9a721-sem-warning-on-high-contrast: var(--volt2-bf9a721-warning-1);
-  --volt2-bf9a721-sem-warning-on-solid: var(--volt2-bf9a721-warning-contrast);
-  --volt2-bf9a721-sem-warning-soft: var(--volt2-bf9a721-warning-a3);
-  --volt2-bf9a721-sem-warning-soft-hover: var(--volt2-bf9a721-warning-a4);
-  --volt2-bf9a721-sem-warning-solid: var(--volt2-bf9a721-warning-a9);
-  --volt2-bf9a721-sem-warning-solid-hover: var(--volt2-bf9a721-warning-a10);
-  --volt2-bf9a721-sem-warning-surface: var(--volt2-bf9a721-warning-surface);
-  --volt2-bf9a721-sem-warning-surface-hover: var(--volt2-bf9a721-warning-a3);
-  --volt2-bf9a721-sem-warning-ui: var(--volt2-bf9a721-warning-a7);
-  --volt2-bf9a721-sem-warning-ui-hover: var(--volt2-bf9a721-warning-a8);
-  --volt2-bf9a721-spacing-element-1: 0.25rem;
-  --volt2-bf9a721-spacing-element-2: 0.5rem;
-  --volt2-bf9a721-spacing-element-3: 0.75rem;
-  --volt2-bf9a721-spacing-group-1: 0.5rem;
-  --volt2-bf9a721-spacing-group-2: 1rem;
-  --volt2-bf9a721-spacing-layout-1: 1.5rem;
-  --volt2-bf9a721-spacing-layout-2: 2rem;
-  --volt2-bf9a721-success-1: #fbfefc;
-  --volt2-bf9a721-success-10: #2b9a66;
-  --volt2-bf9a721-success-11: #218358;
-  --volt2-bf9a721-success-12: #193b2d;
-  --volt2-bf9a721-success-2: #f4fbf6;
-  --volt2-bf9a721-success-3: #e6f6eb;
-  --volt2-bf9a721-success-4: #d6f1df;
-  --volt2-bf9a721-success-5: #c4e8d1;
-  --volt2-bf9a721-success-6: #adddc0;
-  --volt2-bf9a721-success-7: #8eceaa;
-  --volt2-bf9a721-success-8: #5bb98b;
-  --volt2-bf9a721-success-9: #30a46c;
-  --volt2-bf9a721-success-a1: #00c04004;
-  --volt2-bf9a721-success-a10: #008647d4;
-  --volt2-bf9a721-success-a11: #00713fde;
-  --volt2-bf9a721-success-a12: #002616e6;
-  --volt2-bf9a721-success-a2: #00a32f0b;
-  --volt2-bf9a721-success-a3: #00a43319;
-  --volt2-bf9a721-success-a4: #00a83829;
-  --volt2-bf9a721-success-a5: #019c393b;
-  --volt2-bf9a721-success-a6: #00963c52;
-  --volt2-bf9a721-success-a7: #00914071;
-  --volt2-bf9a721-success-a8: #00924ba4;
-  --volt2-bf9a721-success-a9: #008f4acf;
-  --volt2-bf9a721-success-contrast: #ffffff;
-  --volt2-bf9a721-success-indicator: #30a46c;
-  --volt2-bf9a721-success-surface: #f1faf4cc;
-  --volt2-bf9a721-success-track: #30a46c;
-  --volt2-bf9a721-text-2xl: 1.5rem;
-  --volt2-bf9a721-text-3xl: 1.875rem;
-  --volt2-bf9a721-text-base: 1rem;
-  --volt2-bf9a721-text-lg: 1.125rem;
-  --volt2-bf9a721-text-sm: 0.875rem;
-  --volt2-bf9a721-text-xl: 1.25rem;
-  --volt2-bf9a721-text-xs: 0.75rem;
-  --volt2-bf9a721-tracking-normal: 0em;
-  --volt2-bf9a721-tracking-tight: -0.025em;
-  --volt2-bf9a721-tracking-tighter: -0.05em;
-  --volt2-bf9a721-warning-1: #fefcfb;
-  --volt2-bf9a721-warning-10: #ef5f00;
-  --volt2-bf9a721-warning-11: #cc4e00;
-  --volt2-bf9a721-warning-12: #582d1d;
-  --volt2-bf9a721-warning-2: #fff7ed;
-  --volt2-bf9a721-warning-3: #ffefd6;
-  --volt2-bf9a721-warning-4: #ffdfb5;
-  --volt2-bf9a721-warning-5: #ffd19a;
-  --volt2-bf9a721-warning-6: #ffc182;
-  --volt2-bf9a721-warning-7: #f5ae73;
-  --volt2-bf9a721-warning-8: #ec9455;
-  --volt2-bf9a721-warning-9: #f76b15;
-  --volt2-bf9a721-warning-a1: #c0400004;
-  --volt2-bf9a721-warning-a10: #ef5f00;
-  --volt2-bf9a721-warning-a11: #cc4e00;
-  --volt2-bf9a721-warning-a12: #431200e2;
-  --volt2-bf9a721-warning-a2: #ff8e0012;
-  --volt2-bf9a721-warning-a3: #ff9c0029;
-  --volt2-bf9a721-warning-a4: #ff91014a;
-  --volt2-bf9a721-warning-a5: #ff8b0065;
-  --volt2-bf9a721-warning-a6: #ff81007d;
-  --volt2-bf9a721-warning-a7: #ed6c008c;
-  --volt2-bf9a721-warning-a8: #e35f00aa;
-  --volt2-bf9a721-warning-a9: #f65e00ea;
-  --volt2-bf9a721-warning-contrast: #ffffff;
-  --volt2-bf9a721-warning-indicator: #f76b15;
-  --volt2-bf9a721-warning-surface: #fff5e9cc;
-  --volt2-bf9a721-warning-track: #f76b15;
+  --volt2-f5ce190-accent-1: #fcfdfe;
+  --volt2-f5ce190-accent-10: #004fa3;
+  --volt2-f5ce190-accent-11: #0f65bc;
+  --volt2-f5ce190-accent-12: #113157;
+  --volt2-f5ce190-accent-2: #f6fafe;
+  --volt2-f5ce190-accent-3: #ebf3fd;
+  --volt2-f5ce190-accent-4: #dcebfe;
+  --volt2-f5ce190-accent-5: #cbe1fe;
+  --volt2-f5ce190-accent-6: #b6d5fc;
+  --volt2-f5ce190-accent-7: #9dc3f2;
+  --volt2-f5ce190-accent-8: #7aabe7;
+  --volt2-f5ce190-accent-9: #005eb4;
+  --volt2-f5ce190-accent-a1: #0055aa03;
+  --volt2-f5ce190-accent-a10: #004fa3;
+  --volt2-f5ce190-accent-a11: #005bb8f0;
+  --volt2-f5ce190-accent-a12: #00224bee;
+  --volt2-f5ce190-accent-a2: #0072e309;
+  --volt2-f5ce190-accent-a3: #0066e614;
+  --volt2-f5ce190-accent-a4: #006ef823;
+  --volt2-f5ce190-accent-a5: #006cfb34;
+  --volt2-f5ce190-accent-a6: #006df549;
+  --volt2-f5ce190-accent-a7: #0063de62;
+  --volt2-f5ce190-accent-a8: #005ed185;
+  --volt2-f5ce190-accent-a9: #005eb4;
+  --volt2-f5ce190-accent-contrast: #ffffff;
+  --volt2-f5ce190-accent-indicator: #005eb4;
+  --volt2-f5ce190-accent-surface: #f4f9fecc;
+  --volt2-f5ce190-accent-track: #005eb4;
+  --volt2-f5ce190-black-a22: #00000038;
+  --volt2-f5ce190-black-a32: #00000052;
+  --volt2-f5ce190-black-a38: #00000061;
+  --volt2-f5ce190-blur-field: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-blur-object: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-blur-p-glass-field: 12px;
+  --volt2-f5ce190-blur-p-glass-object: 26px;
+  --volt2-f5ce190-blur-p-none: 0px;
+  --volt2-f5ce190-body: #ffffff;
+  --volt2-f5ce190-border-container: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-field: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-hairline: 1px;
+  --volt2-f5ce190-border-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-none: 0px;
+  --volt2-f5ce190-border-object: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-overlay: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-width-container: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-field: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-header: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-object: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-overlay: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-container-2xl: 42rem;
+  --volt2-f5ce190-container-3xl: 48rem;
+  --volt2-f5ce190-container-4xl: 56rem;
+  --volt2-f5ce190-container-5xl: 64rem;
+  --volt2-f5ce190-container-lg: 32rem;
+  --volt2-f5ce190-container-md: 28rem;
+  --volt2-f5ce190-container-sm: 24rem;
+  --volt2-f5ce190-container-xl: 36rem;
+  --volt2-f5ce190-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
+  --volt2-f5ce190-error-1: #fffcfc;
+  --volt2-f5ce190-error-10: #bf0001;
+  --volt2-f5ce190-error-11: #d4201e;
+  --volt2-f5ce190-error-12: #661713;
+  --volt2-f5ce190-error-2: #fff7f6;
+  --volt2-f5ce190-error-3: #ffebe8;
+  --volt2-f5ce190-error-4: #ffdbd5;
+  --volt2-f5ce190-error-5: #ffcdc4;
+  --volt2-f5ce190-error-6: #ffbcb3;
+  --volt2-f5ce190-error-7: #f8a89d;
+  --volt2-f5ce190-error-8: #ef8d80;
+  --volt2-f5ce190-error-9: #d01919;
+  --volt2-f5ce190-error-a1: #ff000003;
+  --volt2-f5ce190-error-a10: #bf0001;
+  --volt2-f5ce190-error-a11: #ce0200e1;
+  --volt2-f5ce190-error-a12: #5a0400ec;
+  --volt2-f5ce190-error-a2: #ff1d0009;
+  --volt2-f5ce190-error-a3: #ff220017;
+  --volt2-f5ce190-error-a4: #ff25002a;
+  --volt2-f5ce190-error-a5: #ff27013b;
+  --volt2-f5ce190-error-a6: #ff1f004c;
+  --volt2-f5ce190-error-a7: #ed1d0062;
+  --volt2-f5ce190-error-a8: #df1b007f;
+  --volt2-f5ce190-error-a9: #cb0000e6;
+  --volt2-f5ce190-error-contrast: #ffffff;
+  --volt2-f5ce190-error-indicator: #d01919;
+  --volt2-f5ce190-error-surface: #fff5f4cc;
+  --volt2-f5ce190-error-track: #d01919;
+  --volt2-f5ce190-font-weight-bold: 700;
+  --volt2-f5ce190-font-weight-medium: 500;
+  --volt2-f5ce190-font-weight-normal: 400;
+  --volt2-f5ce190-font-weight-semibold: 600;
+  --volt2-f5ce190-fx-border-header-plain: #c1c7d0;
+  --volt2-f5ce190-fx-border-plain-object: #d5e1ed;
+  --volt2-f5ce190-fx-card-bloom-blue: #78aaeb06;
+  --volt2-f5ce190-fx-card-bloom-violet: #968ce608;
+  --volt2-f5ce190-fx-card-wash-2: #e8e8ec;
+  --volt2-f5ce190-fx-glass-bloom-blue: #78aaeb0f;
+  --volt2-f5ce190-fx-glass-bloom-blue-dark: #4678c824;
+  --volt2-f5ce190-fx-glass-bloom-violet: #968ce612;
+  --volt2-f5ce190-fx-glass-bloom-violet-dark: #786ed229;
+  --volt2-f5ce190-fx-glass-object-dark: #2628368c;
+  --volt2-f5ce190-fx-glass-wash-1: #e9f0fb;
+  --volt2-f5ce190-fx-glass-wash-2: #eef0fb;
+  --volt2-f5ce190-fx-glass-wash-3: #f1ecf7;
+  --volt2-f5ce190-fx-glass-wash-dark-1: #14151c;
+  --volt2-f5ce190-fx-glass-wash-dark-2: #171820;
+  --volt2-f5ce190-fx-glass-wash-dark-3: #1b1826;
+  --volt2-f5ce190-fx-hover-plain-row: #eceffe;
+  --volt2-f5ce190-fx-sep-plain: #e0e2ec;
+  --volt2-f5ce190-fx-shade-cool-a12: #46508c1f;
+  --volt2-f5ce190-fx-shade-cool-a7: #46508c12;
+  --volt2-f5ce190-fx-shade-cool-a8: #46508c14;
+  --volt2-f5ce190-fx-shade-deep-a10: #28325a1a;
+  --volt2-f5ce190-fx-shade-deep-a6: #28325a0f;
+  --volt2-f5ce190-fx-shade-deep-a7: #28325a12;
+  --volt2-f5ce190-fx-shade-navy-a16: #152b4229;
+  --volt2-f5ce190-fx-shade-overlay-a22: #152b4238;
+  --volt2-f5ce190-fx-tint-wash-1: #eef2fb;
+  --volt2-f5ce190-fx-tint-wash-2: #f2eef9;
+  --volt2-f5ce190-fx-wash-bordered-dark: #101118;
+  --volt2-f5ce190-fx-wash-bordered-light: #e4e6ea;
+  --volt2-f5ce190-fx-wash-plain: #f5f6ff;
+  --volt2-f5ce190-gradient-bordered-wash: linear-gradient(#e4e6ea, #e4e6ea);
+  --volt2-f5ce190-gradient-bordered-wash-dark: linear-gradient(#101118, #101118);
+  --volt2-f5ce190-gradient-card-wash: radial-gradient(1200px 820px at 88% 12%, #968ce608, transparent 62%), radial-gradient(1000px 700px at 4% 96%, #78aaeb06, transparent 58%), linear-gradient(113deg, #fdfcfd 21.97%, #e8e8ec 76.16%);
+  --volt2-f5ce190-gradient-glass-wash: radial-gradient(1200px 820px at 88% 12%, #968ce612, transparent 62%), radial-gradient(1000px 700px at 4% 96%, #78aaeb0f, transparent 58%), linear-gradient(135deg, #e9f0fb 0%, #eef0fb 46%, #f1ecf7 100%);
+  --volt2-f5ce190-gradient-glass-wash-dark: radial-gradient(1300px 860px at 86% 10%, #786ed229, transparent 60%), radial-gradient(1000px 720px at 3% 98%, #4678c824, transparent 58%), linear-gradient(135deg, #14151c 0%, #171820 50%, #1b1826 100%);
+  --volt2-f5ce190-gradient-plain-wash: linear-gradient(#f5f6ff, #f5f6ff);
+  --volt2-f5ce190-gradient-tint-wash: linear-gradient(135deg, #eef2fb 0%, #f2eef9 100%);
+  --volt2-f5ce190-gray-1: #fdfcfd;
+  --volt2-f5ce190-gray-10: #84828e;
+  --volt2-f5ce190-gray-11: #65636d;
+  --volt2-f5ce190-gray-12: #211f26;
+  --volt2-f5ce190-gray-2: #faf9fb;
+  --volt2-f5ce190-gray-3: #f2eff3;
+  --volt2-f5ce190-gray-4: #eae7ec;
+  --volt2-f5ce190-gray-5: #e3dfe6;
+  --volt2-f5ce190-gray-6: #dbd8e0;
+  --volt2-f5ce190-gray-7: #d0cdd7;
+  --volt2-f5ce190-gray-8: #bcbac7;
+  --volt2-f5ce190-gray-9: #8e8c99;
+  --volt2-f5ce190-gray-a1: #55005503;
+  --volt2-f5ce190-gray-a10: #0500197d;
+  --volt2-f5ce190-gray-a11: #0400119c;
+  --volt2-f5ce190-gray-a12: #020008e0;
+  --volt2-f5ce190-gray-a2: #2b005506;
+  --volt2-f5ce190-gray-a3: #30004010;
+  --volt2-f5ce190-gray-a4: #20003618;
+  --volt2-f5ce190-gray-a5: #20003820;
+  --volt2-f5ce190-gray-a6: #14003527;
+  --volt2-f5ce190-gray-a7: #10003332;
+  --volt2-f5ce190-gray-a8: #08003145;
+  --volt2-f5ce190-gray-a9: #05001d73;
+  --volt2-f5ce190-gray-contrast: #ffffff;
+  --volt2-f5ce190-gray-indicator: #8e8c99;
+  --volt2-f5ce190-gray-surface: #ffffffcc;
+  --volt2-f5ce190-gray-track: #8e8c99;
+  --volt2-f5ce190-info-1: #fbfdff;
+  --volt2-f5ce190-info-10: #0588f0;
+  --volt2-f5ce190-info-11: #0d74ce;
+  --volt2-f5ce190-info-12: #113264;
+  --volt2-f5ce190-info-2: #f4faff;
+  --volt2-f5ce190-info-3: #e6f4fe;
+  --volt2-f5ce190-info-4: #d5efff;
+  --volt2-f5ce190-info-5: #c2e5ff;
+  --volt2-f5ce190-info-6: #acd8fc;
+  --volt2-f5ce190-info-7: #8ec8f6;
+  --volt2-f5ce190-info-8: #5eb1ef;
+  --volt2-f5ce190-info-9: #0090ff;
+  --volt2-f5ce190-info-a1: #0080ff04;
+  --volt2-f5ce190-info-a10: #0086f0fa;
+  --volt2-f5ce190-info-a11: #006dcbf2;
+  --volt2-f5ce190-info-a12: #002359ee;
+  --volt2-f5ce190-info-a2: #008cff0b;
+  --volt2-f5ce190-info-a3: #008ff519;
+  --volt2-f5ce190-info-a4: #009eff2a;
+  --volt2-f5ce190-info-a5: #0093ff3d;
+  --volt2-f5ce190-info-a6: #0088f653;
+  --volt2-f5ce190-info-a7: #0083eb71;
+  --volt2-f5ce190-info-a8: #0084e6a1;
+  --volt2-f5ce190-info-a9: #0090ff;
+  --volt2-f5ce190-info-contrast: #ffffff;
+  --volt2-f5ce190-info-indicator: #0090ff;
+  --volt2-f5ce190-info-surface: #f1f9ffcc;
+  --volt2-f5ce190-info-track: #0090ff;
+  --volt2-f5ce190-leading-2xl: 2rem;
+  --volt2-f5ce190-leading-3xl: 2.25rem;
+  --volt2-f5ce190-leading-base: 1.5rem;
+  --volt2-f5ce190-leading-lg: 1.75rem;
+  --volt2-f5ce190-leading-sm: 1.25rem;
+  --volt2-f5ce190-leading-xl: 1.75rem;
+  --volt2-f5ce190-leading-xs: 1rem;
+  --volt2-f5ce190-level-1: var(--volt2-f5ce190-gray-1);
+  --volt2-f5ce190-motion-base: 180ms;
+  --volt2-f5ce190-motion-fast: 120ms;
+  --volt2-f5ce190-motion-slow: 240ms;
+  --volt2-f5ce190-radius-2xl: 1rem;
+  --volt2-f5ce190-radius-3xl: 1.375rem;
+  --volt2-f5ce190-radius-full: 9999px;
+  --volt2-f5ce190-radius-lg: 0.5rem;
+  --volt2-f5ce190-radius-md: 0.375rem;
+  --volt2-f5ce190-radius-sm: 0.25rem;
+  --volt2-f5ce190-radius-xl: 0.75rem;
+  --volt2-f5ce190-sem-accent-contrast: var(--volt2-f5ce190-accent-contrast);
+  --volt2-f5ce190-sem-accent-default: var(--volt2-f5ce190-accent-a12);
+  --volt2-f5ce190-sem-accent-disabled: var(--volt2-f5ce190-accent-a8);
+  --volt2-f5ce190-sem-accent-high-contrast: var(--volt2-f5ce190-accent-a12);
+  --volt2-f5ce190-sem-accent-light: var(--volt2-f5ce190-accent-a11);
+  --volt2-f5ce190-sem-accent-on-high-contrast: var(--volt2-f5ce190-accent-1);
+  --volt2-f5ce190-sem-accent-on-solid: var(--volt2-f5ce190-accent-contrast);
+  --volt2-f5ce190-sem-accent-soft: var(--volt2-f5ce190-accent-a3);
+  --volt2-f5ce190-sem-accent-soft-hover: var(--volt2-f5ce190-accent-a4);
+  --volt2-f5ce190-sem-accent-solid: var(--volt2-f5ce190-accent-a9);
+  --volt2-f5ce190-sem-accent-solid-hover: var(--volt2-f5ce190-accent-a10);
+  --volt2-f5ce190-sem-accent-surface: var(--volt2-f5ce190-accent-surface);
+  --volt2-f5ce190-sem-accent-surface-hover: var(--volt2-f5ce190-accent-a3);
+  --volt2-f5ce190-sem-accent-ui: var(--volt2-f5ce190-accent-a7);
+  --volt2-f5ce190-sem-accent-ui-hover: var(--volt2-f5ce190-accent-a8);
+  --volt2-f5ce190-sem-body: var(--volt2-f5ce190-body);
+  --volt2-f5ce190-sem-error-contrast: var(--volt2-f5ce190-error-contrast);
+  --volt2-f5ce190-sem-error-default: var(--volt2-f5ce190-error-a12);
+  --volt2-f5ce190-sem-error-disabled: var(--volt2-f5ce190-error-a8);
+  --volt2-f5ce190-sem-error-high-contrast: var(--volt2-f5ce190-error-a12);
+  --volt2-f5ce190-sem-error-light: var(--volt2-f5ce190-error-a11);
+  --volt2-f5ce190-sem-error-on-high-contrast: var(--volt2-f5ce190-error-1);
+  --volt2-f5ce190-sem-error-on-solid: var(--volt2-f5ce190-error-contrast);
+  --volt2-f5ce190-sem-error-soft: var(--volt2-f5ce190-error-a3);
+  --volt2-f5ce190-sem-error-soft-hover: var(--volt2-f5ce190-error-a4);
+  --volt2-f5ce190-sem-error-solid: var(--volt2-f5ce190-error-a9);
+  --volt2-f5ce190-sem-error-solid-hover: var(--volt2-f5ce190-error-a10);
+  --volt2-f5ce190-sem-error-surface: var(--volt2-f5ce190-error-surface);
+  --volt2-f5ce190-sem-error-surface-hover: var(--volt2-f5ce190-error-a3);
+  --volt2-f5ce190-sem-error-ui: var(--volt2-f5ce190-error-a7);
+  --volt2-f5ce190-sem-error-ui-hover: var(--volt2-f5ce190-error-a8);
+  --volt2-f5ce190-sem-gray-contrast: var(--volt2-f5ce190-gray-contrast);
+  --volt2-f5ce190-sem-gray-default: var(--volt2-f5ce190-gray-a12);
+  --volt2-f5ce190-sem-gray-disabled: var(--volt2-f5ce190-gray-a8);
+  --volt2-f5ce190-sem-gray-high-contrast: var(--volt2-f5ce190-gray-a12);
+  --volt2-f5ce190-sem-gray-light: var(--volt2-f5ce190-gray-a11);
+  --volt2-f5ce190-sem-gray-on-high-contrast: var(--volt2-f5ce190-gray-1);
+  --volt2-f5ce190-sem-gray-on-solid: var(--volt2-f5ce190-gray-contrast);
+  --volt2-f5ce190-sem-gray-soft: var(--volt2-f5ce190-gray-a3);
+  --volt2-f5ce190-sem-gray-soft-hover: var(--volt2-f5ce190-gray-a4);
+  --volt2-f5ce190-sem-gray-solid: var(--volt2-f5ce190-gray-a9);
+  --volt2-f5ce190-sem-gray-solid-hover: var(--volt2-f5ce190-gray-a10);
+  --volt2-f5ce190-sem-gray-surface: var(--volt2-f5ce190-gray-surface);
+  --volt2-f5ce190-sem-gray-surface-hover: var(--volt2-f5ce190-gray-a3);
+  --volt2-f5ce190-sem-gray-ui: var(--volt2-f5ce190-gray-a7);
+  --volt2-f5ce190-sem-gray-ui-hover: var(--volt2-f5ce190-gray-a8);
+  --volt2-f5ce190-sem-info-contrast: var(--volt2-f5ce190-info-contrast);
+  --volt2-f5ce190-sem-info-default: var(--volt2-f5ce190-info-a12);
+  --volt2-f5ce190-sem-info-disabled: var(--volt2-f5ce190-info-a8);
+  --volt2-f5ce190-sem-info-high-contrast: var(--volt2-f5ce190-info-a12);
+  --volt2-f5ce190-sem-info-light: var(--volt2-f5ce190-info-a11);
+  --volt2-f5ce190-sem-info-on-high-contrast: var(--volt2-f5ce190-info-1);
+  --volt2-f5ce190-sem-info-on-solid: var(--volt2-f5ce190-info-contrast);
+  --volt2-f5ce190-sem-info-soft: var(--volt2-f5ce190-info-a3);
+  --volt2-f5ce190-sem-info-soft-hover: var(--volt2-f5ce190-info-a4);
+  --volt2-f5ce190-sem-info-solid: var(--volt2-f5ce190-info-a9);
+  --volt2-f5ce190-sem-info-solid-hover: var(--volt2-f5ce190-info-a10);
+  --volt2-f5ce190-sem-info-surface: var(--volt2-f5ce190-info-surface);
+  --volt2-f5ce190-sem-info-surface-hover: var(--volt2-f5ce190-info-a3);
+  --volt2-f5ce190-sem-info-ui: var(--volt2-f5ce190-info-a7);
+  --volt2-f5ce190-sem-info-ui-hover: var(--volt2-f5ce190-info-a8);
+  --volt2-f5ce190-sem-level-1: var(--volt2-f5ce190-gray-1);
+  --volt2-f5ce190-sem-level-2: var(--volt2-f5ce190-gray-2);
+  --volt2-f5ce190-sem-level-3: var(--volt2-f5ce190-gray-3);
+  --volt2-f5ce190-sem-success-contrast: var(--volt2-f5ce190-success-contrast);
+  --volt2-f5ce190-sem-success-default: var(--volt2-f5ce190-success-a12);
+  --volt2-f5ce190-sem-success-disabled: var(--volt2-f5ce190-success-a8);
+  --volt2-f5ce190-sem-success-high-contrast: var(--volt2-f5ce190-success-a12);
+  --volt2-f5ce190-sem-success-light: var(--volt2-f5ce190-success-a11);
+  --volt2-f5ce190-sem-success-on-high-contrast: var(--volt2-f5ce190-success-1);
+  --volt2-f5ce190-sem-success-on-solid: var(--volt2-f5ce190-success-contrast);
+  --volt2-f5ce190-sem-success-soft: var(--volt2-f5ce190-success-a3);
+  --volt2-f5ce190-sem-success-soft-hover: var(--volt2-f5ce190-success-a4);
+  --volt2-f5ce190-sem-success-solid: var(--volt2-f5ce190-success-a9);
+  --volt2-f5ce190-sem-success-solid-hover: var(--volt2-f5ce190-success-a10);
+  --volt2-f5ce190-sem-success-surface: var(--volt2-f5ce190-success-surface);
+  --volt2-f5ce190-sem-success-surface-hover: var(--volt2-f5ce190-success-a3);
+  --volt2-f5ce190-sem-success-ui: var(--volt2-f5ce190-success-a7);
+  --volt2-f5ce190-sem-success-ui-hover: var(--volt2-f5ce190-success-a8);
+  --volt2-f5ce190-sem-warning-contrast: var(--volt2-f5ce190-warning-contrast);
+  --volt2-f5ce190-sem-warning-default: var(--volt2-f5ce190-warning-a12);
+  --volt2-f5ce190-sem-warning-disabled: var(--volt2-f5ce190-warning-a8);
+  --volt2-f5ce190-sem-warning-high-contrast: var(--volt2-f5ce190-warning-a12);
+  --volt2-f5ce190-sem-warning-light: var(--volt2-f5ce190-warning-a11);
+  --volt2-f5ce190-sem-warning-on-high-contrast: var(--volt2-f5ce190-warning-1);
+  --volt2-f5ce190-sem-warning-on-solid: var(--volt2-f5ce190-warning-contrast);
+  --volt2-f5ce190-sem-warning-soft: var(--volt2-f5ce190-warning-a3);
+  --volt2-f5ce190-sem-warning-soft-hover: var(--volt2-f5ce190-warning-a4);
+  --volt2-f5ce190-sem-warning-solid: var(--volt2-f5ce190-warning-a9);
+  --volt2-f5ce190-sem-warning-solid-hover: var(--volt2-f5ce190-warning-a10);
+  --volt2-f5ce190-sem-warning-surface: var(--volt2-f5ce190-warning-surface);
+  --volt2-f5ce190-sem-warning-surface-hover: var(--volt2-f5ce190-warning-a3);
+  --volt2-f5ce190-sem-warning-ui: var(--volt2-f5ce190-warning-a7);
+  --volt2-f5ce190-sem-warning-ui-hover: var(--volt2-f5ce190-warning-a8);
+  --volt2-f5ce190-shadow-container: var(--volt2-f5ce190-shadow-p-plain-container);
+  --volt2-f5ce190-shadow-field: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-object: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-overlay: var(--volt2-f5ce190-shadow-p-bordered-overlay);
+  --volt2-f5ce190-shadow-p-bordered-overlay: 0 14px 38px #152b4238;
+  --volt2-f5ce190-shadow-p-card-container: 0 1px 2px #28325a0f, 0 5px 16px #28325a12;
+  --volt2-f5ce190-shadow-p-glass-container: inset 0 1px 3px #28325a1a, inset 2px 0 4px -1px #28325a12, inset -1px -1px 0 #ffffff80;
+  --volt2-f5ce190-shadow-p-glass-container-dark: inset 0 1px 3px #00000052, inset 2px 0 4px -1px #00000038, inset -1px -1px 0 #ffffff0d;
+  --volt2-f5ce190-shadow-p-glass-field: 0 1px 5px #46508c12;
+  --volt2-f5ce190-shadow-p-glass-object: 0 8px 24px #46508c14;
+  --volt2-f5ce190-shadow-p-glass-object-dark: 0 8px 24px #00000061;
+  --volt2-f5ce190-shadow-p-none: none;
+  --volt2-f5ce190-shadow-p-plain-container: 0 1px 4px #152b4229;
+  --volt2-f5ce190-spacing-element-1: 0.25rem;
+  --volt2-f5ce190-spacing-element-2: 0.5rem;
+  --volt2-f5ce190-spacing-element-3: 0.75rem;
+  --volt2-f5ce190-spacing-group-1: 0.5rem;
+  --volt2-f5ce190-spacing-group-2: 1rem;
+  --volt2-f5ce190-spacing-layout-1: 1.5rem;
+  --volt2-f5ce190-spacing-layout-2: 2rem;
+  --volt2-f5ce190-spacing-none: 0px;
+  --volt2-f5ce190-success-1: #fbfefc;
+  --volt2-f5ce190-success-10: #2b9a66;
+  --volt2-f5ce190-success-11: #218358;
+  --volt2-f5ce190-success-12: #193b2d;
+  --volt2-f5ce190-success-2: #f4fbf6;
+  --volt2-f5ce190-success-3: #e6f6eb;
+  --volt2-f5ce190-success-4: #d6f1df;
+  --volt2-f5ce190-success-5: #c4e8d1;
+  --volt2-f5ce190-success-6: #adddc0;
+  --volt2-f5ce190-success-7: #8eceaa;
+  --volt2-f5ce190-success-8: #5bb98b;
+  --volt2-f5ce190-success-9: #30a46c;
+  --volt2-f5ce190-success-a1: #00c04004;
+  --volt2-f5ce190-success-a10: #008647d4;
+  --volt2-f5ce190-success-a11: #00713fde;
+  --volt2-f5ce190-success-a12: #002616e6;
+  --volt2-f5ce190-success-a2: #00a32f0b;
+  --volt2-f5ce190-success-a3: #00a43319;
+  --volt2-f5ce190-success-a4: #00a83829;
+  --volt2-f5ce190-success-a5: #019c393b;
+  --volt2-f5ce190-success-a6: #00963c52;
+  --volt2-f5ce190-success-a7: #00914071;
+  --volt2-f5ce190-success-a8: #00924ba4;
+  --volt2-f5ce190-success-a9: #008f4acf;
+  --volt2-f5ce190-success-contrast: #ffffff;
+  --volt2-f5ce190-success-indicator: #30a46c;
+  --volt2-f5ce190-success-surface: #f1faf4cc;
+  --volt2-f5ce190-success-track: #30a46c;
+  --volt2-f5ce190-surface-container: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-field: var(--volt2-f5ce190-accent-a3);
+  --volt2-f5ce190-surface-gap: var(--volt2-f5ce190-spacing-group-2);
+  --volt2-f5ce190-surface-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-inset: var(--volt2-f5ce190-spacing-element-2);
+  --volt2-f5ce190-surface-object: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-overlay: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-radius-container: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-field: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-object: var(--volt2-f5ce190-radius-2xl);
+  --volt2-f5ce190-surface-radius-overlay: var(--volt2-f5ce190-radius-xl);
+  --volt2-f5ce190-surface-radius-pill: var(--volt2-f5ce190-radius-full);
+  --volt2-f5ce190-surface-sep: var(--volt2-f5ce190-fx-sep-plain);
+  --volt2-f5ce190-surface-wash: var(--volt2-f5ce190-gradient-plain-wash);
+  --volt2-f5ce190-text-2xl: 1.5rem;
+  --volt2-f5ce190-text-3xl: 1.875rem;
+  --volt2-f5ce190-text-base: 1rem;
+  --volt2-f5ce190-text-lg: 1.125rem;
+  --volt2-f5ce190-text-sm: 0.875rem;
+  --volt2-f5ce190-text-xl: 1.25rem;
+  --volt2-f5ce190-text-xs: 0.75rem;
+  --volt2-f5ce190-tracking-normal: 0em;
+  --volt2-f5ce190-tracking-tight: -0.025em;
+  --volt2-f5ce190-tracking-tighter: -0.05em;
+  --volt2-f5ce190-transparent: #00000000;
+  --volt2-f5ce190-warning-1: #fefcfb;
+  --volt2-f5ce190-warning-10: #ef5f00;
+  --volt2-f5ce190-warning-11: #cc4e00;
+  --volt2-f5ce190-warning-12: #582d1d;
+  --volt2-f5ce190-warning-2: #fff7ed;
+  --volt2-f5ce190-warning-3: #ffefd6;
+  --volt2-f5ce190-warning-4: #ffdfb5;
+  --volt2-f5ce190-warning-5: #ffd19a;
+  --volt2-f5ce190-warning-6: #ffc182;
+  --volt2-f5ce190-warning-7: #f5ae73;
+  --volt2-f5ce190-warning-8: #ec9455;
+  --volt2-f5ce190-warning-9: #f76b15;
+  --volt2-f5ce190-warning-a1: #c0400004;
+  --volt2-f5ce190-warning-a10: #ef5f00;
+  --volt2-f5ce190-warning-a11: #cc4e00;
+  --volt2-f5ce190-warning-a12: #431200e2;
+  --volt2-f5ce190-warning-a2: #ff8e0012;
+  --volt2-f5ce190-warning-a3: #ff9c0029;
+  --volt2-f5ce190-warning-a4: #ff91014a;
+  --volt2-f5ce190-warning-a5: #ff8b0065;
+  --volt2-f5ce190-warning-a6: #ff81007d;
+  --volt2-f5ce190-warning-a7: #ed6c008c;
+  --volt2-f5ce190-warning-a8: #e35f00aa;
+  --volt2-f5ce190-warning-a9: #f65e00ea;
+  --volt2-f5ce190-warning-contrast: #ffffff;
+  --volt2-f5ce190-warning-indicator: #f76b15;
+  --volt2-f5ce190-warning-surface: #fff5e9cc;
+  --volt2-f5ce190-warning-track: #f76b15;
+  --volt2-f5ce190-white: #ffffff;
+  --volt2-f5ce190-white-a12: #ffffff1f;
+  --volt2-f5ce190-white-a26: #ffffff42;
+  --volt2-f5ce190-white-a5: #ffffff0d;
+  --volt2-f5ce190-white-a50: #ffffff80;
+  --volt2-f5ce190-white-a60: #ffffff99;
+  --volt2-f5ce190-white-a80: #ffffffcc;
+  --volt2-f5ce190-white-a9: #ffffff17;
 }
 .dark,
 [data-theme="dark"] {
-  --volt2-bf9a721-accent-1: #07121f;
-  --volt2-bf9a721-accent-10: #00509d;
-  --volt2-bf9a721-accent-11: #71b8ff;
-  --volt2-bf9a721-accent-12: #c5e4ff;
-  --volt2-bf9a721-accent-2: #0b1929;
-  --volt2-bf9a721-accent-3: #002650;
-  --volt2-bf9a721-accent-4: #002f6f;
-  --volt2-bf9a721-accent-5: #003b83;
-  --volt2-bf9a721-accent-6: #004996;
-  --volt2-bf9a721-accent-7: #0058ae;
-  --volt2-bf9a721-accent-8: #0069cf;
-  --volt2-bf9a721-accent-9: #005eb4;
-  --volt2-bf9a721-accent-a1: #0022ff0f;
-  --volt2-bf9a721-accent-a10: #007cff96;
-  --volt2-bf9a721-accent-a11: #71b8ff;
-  --volt2-bf9a721-accent-a12: #c5e4ff;
-  --volt2-bf9a721-accent-a2: #0060fd1a;
-  --volt2-bf9a721-accent-a3: #0060fe44;
-  --volt2-bf9a721-accent-a4: #005dff65;
-  --volt2-bf9a721-accent-a5: #0068fd7b;
-  --volt2-bf9a721-accent-a6: #0075ff8f;
-  --volt2-bf9a721-accent-a7: #007cfea9;
-  --volt2-bf9a721-accent-a8: #007fffcc;
-  --volt2-bf9a721-accent-a9: #0082ffaf;
-  --volt2-bf9a721-accent-contrast: #fff;
-  --volt2-bf9a721-accent-indicator: #005eb4;
-  --volt2-bf9a721-accent-surface: #06214180;
-  --volt2-bf9a721-accent-track: #005eb4;
-  --volt2-bf9a721-body: #121212;
-  --volt2-bf9a721-error-1: #190e0c;
-  --volt2-bf9a721-error-10: #bf0001;
-  --volt2-bf9a721-error-11: #ff9081;
-  --volt2-bf9a721-error-12: #ffcdc4;
-  --volt2-bf9a721-error-2: #23110f;
-  --volt2-bf9a721-error-3: #440504;
-  --volt2-bf9a721-error-4: #5e0000;
-  --volt2-bf9a721-error-5: #710000;
-  --volt2-bf9a721-error-6: #840001;
-  --volt2-bf9a721-error-7: #a01111;
-  --volt2-bf9a721-error-8: #cf1718;
-  --volt2-bf9a721-error-9: #d01919;
-  --volt2-bf9a721-error-a1: #f4000009;
-  --volt2-bf9a721-error-a10: #fe0000bb;
-  --volt2-bf9a721-error-a11: #ff9081;
-  --volt2-bf9a721-error-a12: #ffcdc4;
-  --volt2-bf9a721-error-a2: #f7110014;
-  --volt2-bf9a721-error-a3: #fe000037;
-  --volt2-bf9a721-error-a4: #fe000053;
-  --volt2-bf9a721-error-a5: #ff000067;
-  --volt2-bf9a721-error-a6: #fd00007c;
-  --volt2-bf9a721-error-a7: #fe11119a;
-  --volt2-bf9a721-error-a8: #ff191acc;
-  --volt2-bf9a721-error-a9: #ff1b1bcd;
-  --volt2-bf9a721-error-contrast: #fff;
-  --volt2-bf9a721-error-indicator: #d01919;
-  --volt2-bf9a721-error-surface: #35110e80;
-  --volt2-bf9a721-error-track: #d01919;
-  --volt2-bf9a721-gray-1: #121113;
-  --volt2-bf9a721-gray-10: #7c7a85;
-  --volt2-bf9a721-gray-11: #b5b2bc;
-  --volt2-bf9a721-gray-12: #eeeef0;
-  --volt2-bf9a721-gray-2: #1a191b;
-  --volt2-bf9a721-gray-3: #232225;
-  --volt2-bf9a721-gray-4: #2b292d;
-  --volt2-bf9a721-gray-5: #323035;
-  --volt2-bf9a721-gray-6: #3c393f;
-  --volt2-bf9a721-gray-7: #49474e;
-  --volt2-bf9a721-gray-8: #625f69;
-  --volt2-bf9a721-gray-9: #6f6d78;
-  --volt2-bf9a721-gray-a1: #00000000;
-  --volt2-bf9a721-gray-a10: #ece9fd7c;
-  --volt2-bf9a721-gray-a11: #f5f1ffb7;
-  --volt2-bf9a721-gray-a12: #fdfdffef;
-  --volt2-bf9a721-gray-a2: #f5f4f609;
-  --volt2-bf9a721-gray-a3: #ebeaf814;
-  --volt2-bf9a721-gray-a4: #eee5f81d;
-  --volt2-bf9a721-gray-a5: #efe6fe25;
-  --volt2-bf9a721-gray-a6: #f1e6fd30;
-  --volt2-bf9a721-gray-a7: #eee9ff40;
-  --volt2-bf9a721-gray-a8: #eee7ff5d;
-  --volt2-bf9a721-gray-a9: #eae6fd6e;
-  --volt2-bf9a721-gray-contrast: #ffffff;
-  --volt2-bf9a721-gray-indicator: #6f6d78;
-  --volt2-bf9a721-gray-surface: #22212380;
-  --volt2-bf9a721-gray-track: #6f6d78;
-  --volt2-bf9a721-info-1: #0d1520;
-  --volt2-bf9a721-info-10: #3b9eff;
-  --volt2-bf9a721-info-11: #70b8ff;
-  --volt2-bf9a721-info-12: #c2e6ff;
-  --volt2-bf9a721-info-2: #111927;
-  --volt2-bf9a721-info-3: #0d2847;
-  --volt2-bf9a721-info-4: #003362;
-  --volt2-bf9a721-info-5: #004074;
-  --volt2-bf9a721-info-6: #104d87;
-  --volt2-bf9a721-info-7: #205d9e;
-  --volt2-bf9a721-info-8: #2870bd;
-  --volt2-bf9a721-info-9: #0090ff;
-  --volt2-bf9a721-info-a1: #004df211;
-  --volt2-bf9a721-info-a10: #3b9eff;
-  --volt2-bf9a721-info-a11: #70b8ff;
-  --volt2-bf9a721-info-a12: #c2e6ff;
-  --volt2-bf9a721-info-a2: #1166fb18;
-  --volt2-bf9a721-info-a3: #0077ff3a;
-  --volt2-bf9a721-info-a4: #0075ff57;
-  --volt2-bf9a721-info-a5: #0081fd6b;
-  --volt2-bf9a721-info-a6: #0f89fd7f;
-  --volt2-bf9a721-info-a7: #2a91fe98;
-  --volt2-bf9a721-info-a8: #3094feb9;
-  --volt2-bf9a721-info-a9: #0090ff;
-  --volt2-bf9a721-info-contrast: #ffffff;
-  --volt2-bf9a721-info-indicator: #0090ff;
-  --volt2-bf9a721-info-surface: #11213d80;
-  --volt2-bf9a721-info-track: #0090ff;
-  --volt2-bf9a721-success-1: #0e1512;
-  --volt2-bf9a721-success-10: #33b074;
-  --volt2-bf9a721-success-11: #3dd68c;
-  --volt2-bf9a721-success-12: #b1f1cb;
-  --volt2-bf9a721-success-2: #121b17;
-  --volt2-bf9a721-success-3: #132d21;
-  --volt2-bf9a721-success-4: #113b29;
-  --volt2-bf9a721-success-5: #174933;
-  --volt2-bf9a721-success-6: #20573e;
-  --volt2-bf9a721-success-7: #28684a;
-  --volt2-bf9a721-success-8: #2f7c57;
-  --volt2-bf9a721-success-9: #30a46c;
-  --volt2-bf9a721-success-a1: #00de4505;
-  --volt2-bf9a721-success-a10: #43fea4ab;
-  --volt2-bf9a721-success-a11: #46fea5d4;
-  --volt2-bf9a721-success-a12: #bbffd7f0;
-  --volt2-bf9a721-success-a2: #29f99d0b;
-  --volt2-bf9a721-success-a3: #22ff991e;
-  --volt2-bf9a721-success-a4: #11ff992d;
-  --volt2-bf9a721-success-a5: #2bffa23c;
-  --volt2-bf9a721-success-a6: #44ffaa4b;
-  --volt2-bf9a721-success-a7: #50fdac5e;
-  --volt2-bf9a721-success-a8: #54ffad73;
-  --volt2-bf9a721-success-a9: #44ffa49e;
-  --volt2-bf9a721-success-contrast: #ffffff;
-  --volt2-bf9a721-success-indicator: #30a46c;
-  --volt2-bf9a721-success-surface: #15251d80;
-  --volt2-bf9a721-success-track: #30a46c;
-  --volt2-bf9a721-warning-1: #17120e;
-  --volt2-bf9a721-warning-10: #ff801f;
-  --volt2-bf9a721-warning-11: #ffa057;
-  --volt2-bf9a721-warning-12: #ffe0c2;
-  --volt2-bf9a721-warning-2: #1e160f;
-  --volt2-bf9a721-warning-3: #331e0b;
-  --volt2-bf9a721-warning-4: #462100;
-  --volt2-bf9a721-warning-5: #562800;
-  --volt2-bf9a721-warning-6: #66350c;
-  --volt2-bf9a721-warning-7: #7e451d;
-  --volt2-bf9a721-warning-8: #a35829;
-  --volt2-bf9a721-warning-9: #f76b15;
-  --volt2-bf9a721-warning-a1: #ec360007;
-  --volt2-bf9a721-warning-a10: #ff801f;
-  --volt2-bf9a721-warning-a11: #ffa057;
-  --volt2-bf9a721-warning-a12: #ffe0c2;
-  --volt2-bf9a721-warning-a2: #fe6d000e;
-  --volt2-bf9a721-warning-a3: #fb6a0025;
-  --volt2-bf9a721-warning-a4: #ff590039;
-  --volt2-bf9a721-warning-a5: #ff61004a;
-  --volt2-bf9a721-warning-a6: #fd75045c;
-  --volt2-bf9a721-warning-a7: #ff832c75;
-  --volt2-bf9a721-warning-a8: #fe84389d;
-  --volt2-bf9a721-warning-a9: #fe6d15f7;
-  --volt2-bf9a721-warning-contrast: #ffffff;
-  --volt2-bf9a721-warning-indicator: #f76b15;
-  --volt2-bf9a721-warning-surface: #271d1380;
-  --volt2-bf9a721-warning-track: #f76b15;
+  --volt2-f5ce190-accent-1: #07121f;
+  --volt2-f5ce190-accent-10: #00509d;
+  --volt2-f5ce190-accent-11: #71b8ff;
+  --volt2-f5ce190-accent-12: #c5e4ff;
+  --volt2-f5ce190-accent-2: #0b1929;
+  --volt2-f5ce190-accent-3: #002650;
+  --volt2-f5ce190-accent-4: #002f6f;
+  --volt2-f5ce190-accent-5: #003b83;
+  --volt2-f5ce190-accent-6: #004996;
+  --volt2-f5ce190-accent-7: #0058ae;
+  --volt2-f5ce190-accent-8: #0069cf;
+  --volt2-f5ce190-accent-9: #005eb4;
+  --volt2-f5ce190-accent-a1: #0022ff0f;
+  --volt2-f5ce190-accent-a10: #007cff96;
+  --volt2-f5ce190-accent-a11: #71b8ff;
+  --volt2-f5ce190-accent-a12: #c5e4ff;
+  --volt2-f5ce190-accent-a2: #0060fd1a;
+  --volt2-f5ce190-accent-a3: #0060fe44;
+  --volt2-f5ce190-accent-a4: #005dff65;
+  --volt2-f5ce190-accent-a5: #0068fd7b;
+  --volt2-f5ce190-accent-a6: #0075ff8f;
+  --volt2-f5ce190-accent-a7: #007cfea9;
+  --volt2-f5ce190-accent-a8: #007fffcc;
+  --volt2-f5ce190-accent-a9: #0082ffaf;
+  --volt2-f5ce190-accent-contrast: #ffffff;
+  --volt2-f5ce190-accent-indicator: #005eb4;
+  --volt2-f5ce190-accent-surface: #06214180;
+  --volt2-f5ce190-accent-track: #005eb4;
+  --volt2-f5ce190-blur-field: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-blur-object: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-body: #121212;
+  --volt2-f5ce190-border-container: var(--volt2-f5ce190-gray-a5);
+  --volt2-f5ce190-border-field: var(--volt2-f5ce190-gray-a4);
+  --volt2-f5ce190-border-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-object: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-overlay: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-width-container: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-field: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-header: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-object: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-overlay: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-error-1: #190e0c;
+  --volt2-f5ce190-error-10: #bf0001;
+  --volt2-f5ce190-error-11: #ff9081;
+  --volt2-f5ce190-error-12: #ffcdc4;
+  --volt2-f5ce190-error-2: #23110f;
+  --volt2-f5ce190-error-3: #440504;
+  --volt2-f5ce190-error-4: #5e0000;
+  --volt2-f5ce190-error-5: #710000;
+  --volt2-f5ce190-error-6: #840001;
+  --volt2-f5ce190-error-7: #a01111;
+  --volt2-f5ce190-error-8: #cf1718;
+  --volt2-f5ce190-error-9: #d01919;
+  --volt2-f5ce190-error-a1: #f4000009;
+  --volt2-f5ce190-error-a10: #fe0000bb;
+  --volt2-f5ce190-error-a11: #ff9081;
+  --volt2-f5ce190-error-a12: #ffcdc4;
+  --volt2-f5ce190-error-a2: #f7110014;
+  --volt2-f5ce190-error-a3: #fe000037;
+  --volt2-f5ce190-error-a4: #fe000053;
+  --volt2-f5ce190-error-a5: #ff000067;
+  --volt2-f5ce190-error-a6: #fd00007c;
+  --volt2-f5ce190-error-a7: #fe11119a;
+  --volt2-f5ce190-error-a8: #ff191acc;
+  --volt2-f5ce190-error-a9: #ff1b1bcd;
+  --volt2-f5ce190-error-contrast: #ffffff;
+  --volt2-f5ce190-error-indicator: #d01919;
+  --volt2-f5ce190-error-surface: #35110e80;
+  --volt2-f5ce190-error-track: #d01919;
+  --volt2-f5ce190-gray-1: #121113;
+  --volt2-f5ce190-gray-10: #7c7a85;
+  --volt2-f5ce190-gray-11: #b5b2bc;
+  --volt2-f5ce190-gray-12: #eeeef0;
+  --volt2-f5ce190-gray-2: #1a191b;
+  --volt2-f5ce190-gray-3: #232225;
+  --volt2-f5ce190-gray-4: #2b292d;
+  --volt2-f5ce190-gray-5: #323035;
+  --volt2-f5ce190-gray-6: #3c393f;
+  --volt2-f5ce190-gray-7: #49474e;
+  --volt2-f5ce190-gray-8: #625f69;
+  --volt2-f5ce190-gray-9: #6f6d78;
+  --volt2-f5ce190-gray-a1: #00000000;
+  --volt2-f5ce190-gray-a10: #ece9fd7c;
+  --volt2-f5ce190-gray-a11: #f5f1ffb7;
+  --volt2-f5ce190-gray-a12: #fdfdffef;
+  --volt2-f5ce190-gray-a2: #f5f4f609;
+  --volt2-f5ce190-gray-a3: #ebeaf814;
+  --volt2-f5ce190-gray-a4: #eee5f81d;
+  --volt2-f5ce190-gray-a5: #efe6fe25;
+  --volt2-f5ce190-gray-a6: #f1e6fd30;
+  --volt2-f5ce190-gray-a7: #eee9ff40;
+  --volt2-f5ce190-gray-a8: #eee7ff5d;
+  --volt2-f5ce190-gray-a9: #eae6fd6e;
+  --volt2-f5ce190-gray-contrast: #ffffff;
+  --volt2-f5ce190-gray-indicator: #6f6d78;
+  --volt2-f5ce190-gray-surface: #22212380;
+  --volt2-f5ce190-gray-track: #6f6d78;
+  --volt2-f5ce190-info-1: #0d1520;
+  --volt2-f5ce190-info-10: #3b9eff;
+  --volt2-f5ce190-info-11: #70b8ff;
+  --volt2-f5ce190-info-12: #c2e6ff;
+  --volt2-f5ce190-info-2: #111927;
+  --volt2-f5ce190-info-3: #0d2847;
+  --volt2-f5ce190-info-4: #003362;
+  --volt2-f5ce190-info-5: #004074;
+  --volt2-f5ce190-info-6: #104d87;
+  --volt2-f5ce190-info-7: #205d9e;
+  --volt2-f5ce190-info-8: #2870bd;
+  --volt2-f5ce190-info-9: #0090ff;
+  --volt2-f5ce190-info-a1: #004df211;
+  --volt2-f5ce190-info-a10: #3b9eff;
+  --volt2-f5ce190-info-a11: #70b8ff;
+  --volt2-f5ce190-info-a12: #c2e6ff;
+  --volt2-f5ce190-info-a2: #1166fb18;
+  --volt2-f5ce190-info-a3: #0077ff3a;
+  --volt2-f5ce190-info-a4: #0075ff57;
+  --volt2-f5ce190-info-a5: #0081fd6b;
+  --volt2-f5ce190-info-a6: #0f89fd7f;
+  --volt2-f5ce190-info-a7: #2a91fe98;
+  --volt2-f5ce190-info-a8: #3094feb9;
+  --volt2-f5ce190-info-a9: #0090ff;
+  --volt2-f5ce190-info-contrast: #ffffff;
+  --volt2-f5ce190-info-indicator: #0090ff;
+  --volt2-f5ce190-info-surface: #11213d80;
+  --volt2-f5ce190-info-track: #0090ff;
+  --volt2-f5ce190-level-1: var(--volt2-f5ce190-gray-1);
+  --volt2-f5ce190-sem-accent-contrast: var(--volt2-f5ce190-accent-contrast);
+  --volt2-f5ce190-sem-accent-default: var(--volt2-f5ce190-accent-a12);
+  --volt2-f5ce190-sem-accent-disabled: var(--volt2-f5ce190-accent-a8);
+  --volt2-f5ce190-sem-accent-high-contrast: var(--volt2-f5ce190-accent-a12);
+  --volt2-f5ce190-sem-accent-light: var(--volt2-f5ce190-accent-a11);
+  --volt2-f5ce190-sem-accent-on-high-contrast: var(--volt2-f5ce190-accent-1);
+  --volt2-f5ce190-sem-accent-on-solid: var(--volt2-f5ce190-accent-contrast);
+  --volt2-f5ce190-sem-accent-soft: var(--volt2-f5ce190-accent-a3);
+  --volt2-f5ce190-sem-accent-soft-hover: var(--volt2-f5ce190-accent-a4);
+  --volt2-f5ce190-sem-accent-solid: var(--volt2-f5ce190-accent-a9);
+  --volt2-f5ce190-sem-accent-solid-hover: var(--volt2-f5ce190-accent-a10);
+  --volt2-f5ce190-sem-accent-surface: var(--volt2-f5ce190-accent-surface);
+  --volt2-f5ce190-sem-accent-surface-hover: var(--volt2-f5ce190-accent-a3);
+  --volt2-f5ce190-sem-accent-ui: var(--volt2-f5ce190-accent-a7);
+  --volt2-f5ce190-sem-accent-ui-hover: var(--volt2-f5ce190-accent-a8);
+  --volt2-f5ce190-sem-body: var(--volt2-f5ce190-body);
+  --volt2-f5ce190-sem-error-contrast: var(--volt2-f5ce190-error-contrast);
+  --volt2-f5ce190-sem-error-default: var(--volt2-f5ce190-error-a12);
+  --volt2-f5ce190-sem-error-disabled: var(--volt2-f5ce190-error-a8);
+  --volt2-f5ce190-sem-error-high-contrast: var(--volt2-f5ce190-error-a12);
+  --volt2-f5ce190-sem-error-light: var(--volt2-f5ce190-error-a11);
+  --volt2-f5ce190-sem-error-on-high-contrast: var(--volt2-f5ce190-error-1);
+  --volt2-f5ce190-sem-error-on-solid: var(--volt2-f5ce190-error-contrast);
+  --volt2-f5ce190-sem-error-soft: var(--volt2-f5ce190-error-a3);
+  --volt2-f5ce190-sem-error-soft-hover: var(--volt2-f5ce190-error-a4);
+  --volt2-f5ce190-sem-error-solid: var(--volt2-f5ce190-error-a9);
+  --volt2-f5ce190-sem-error-solid-hover: var(--volt2-f5ce190-error-a10);
+  --volt2-f5ce190-sem-error-surface: var(--volt2-f5ce190-error-surface);
+  --volt2-f5ce190-sem-error-surface-hover: var(--volt2-f5ce190-error-a3);
+  --volt2-f5ce190-sem-error-ui: var(--volt2-f5ce190-error-a7);
+  --volt2-f5ce190-sem-error-ui-hover: var(--volt2-f5ce190-error-a8);
+  --volt2-f5ce190-sem-gray-contrast: var(--volt2-f5ce190-gray-contrast);
+  --volt2-f5ce190-sem-gray-default: var(--volt2-f5ce190-gray-a12);
+  --volt2-f5ce190-sem-gray-disabled: var(--volt2-f5ce190-gray-a8);
+  --volt2-f5ce190-sem-gray-high-contrast: var(--volt2-f5ce190-gray-a12);
+  --volt2-f5ce190-sem-gray-light: var(--volt2-f5ce190-gray-a11);
+  --volt2-f5ce190-sem-gray-on-high-contrast: var(--volt2-f5ce190-gray-1);
+  --volt2-f5ce190-sem-gray-on-solid: var(--volt2-f5ce190-gray-contrast);
+  --volt2-f5ce190-sem-gray-soft: var(--volt2-f5ce190-gray-a3);
+  --volt2-f5ce190-sem-gray-soft-hover: var(--volt2-f5ce190-gray-a4);
+  --volt2-f5ce190-sem-gray-solid: var(--volt2-f5ce190-gray-a9);
+  --volt2-f5ce190-sem-gray-solid-hover: var(--volt2-f5ce190-gray-a10);
+  --volt2-f5ce190-sem-gray-surface: var(--volt2-f5ce190-gray-surface);
+  --volt2-f5ce190-sem-gray-surface-hover: var(--volt2-f5ce190-gray-a3);
+  --volt2-f5ce190-sem-gray-ui: var(--volt2-f5ce190-gray-a7);
+  --volt2-f5ce190-sem-gray-ui-hover: var(--volt2-f5ce190-gray-a8);
+  --volt2-f5ce190-sem-info-contrast: var(--volt2-f5ce190-info-contrast);
+  --volt2-f5ce190-sem-info-default: var(--volt2-f5ce190-info-a12);
+  --volt2-f5ce190-sem-info-disabled: var(--volt2-f5ce190-info-a8);
+  --volt2-f5ce190-sem-info-high-contrast: var(--volt2-f5ce190-info-a12);
+  --volt2-f5ce190-sem-info-light: var(--volt2-f5ce190-info-a11);
+  --volt2-f5ce190-sem-info-on-high-contrast: var(--volt2-f5ce190-info-1);
+  --volt2-f5ce190-sem-info-on-solid: var(--volt2-f5ce190-info-contrast);
+  --volt2-f5ce190-sem-info-soft: var(--volt2-f5ce190-info-a3);
+  --volt2-f5ce190-sem-info-soft-hover: var(--volt2-f5ce190-info-a4);
+  --volt2-f5ce190-sem-info-solid: var(--volt2-f5ce190-info-a9);
+  --volt2-f5ce190-sem-info-solid-hover: var(--volt2-f5ce190-info-a10);
+  --volt2-f5ce190-sem-info-surface: var(--volt2-f5ce190-info-surface);
+  --volt2-f5ce190-sem-info-surface-hover: var(--volt2-f5ce190-info-a3);
+  --volt2-f5ce190-sem-info-ui: var(--volt2-f5ce190-info-a7);
+  --volt2-f5ce190-sem-info-ui-hover: var(--volt2-f5ce190-info-a8);
+  --volt2-f5ce190-sem-level-1: var(--volt2-f5ce190-gray-1);
+  --volt2-f5ce190-sem-level-2: var(--volt2-f5ce190-gray-2);
+  --volt2-f5ce190-sem-level-3: var(--volt2-f5ce190-gray-3);
+  --volt2-f5ce190-sem-success-contrast: var(--volt2-f5ce190-success-contrast);
+  --volt2-f5ce190-sem-success-default: var(--volt2-f5ce190-success-a12);
+  --volt2-f5ce190-sem-success-disabled: var(--volt2-f5ce190-success-a8);
+  --volt2-f5ce190-sem-success-high-contrast: var(--volt2-f5ce190-success-a12);
+  --volt2-f5ce190-sem-success-light: var(--volt2-f5ce190-success-a11);
+  --volt2-f5ce190-sem-success-on-high-contrast: var(--volt2-f5ce190-success-1);
+  --volt2-f5ce190-sem-success-on-solid: var(--volt2-f5ce190-success-contrast);
+  --volt2-f5ce190-sem-success-soft: var(--volt2-f5ce190-success-a3);
+  --volt2-f5ce190-sem-success-soft-hover: var(--volt2-f5ce190-success-a4);
+  --volt2-f5ce190-sem-success-solid: var(--volt2-f5ce190-success-a9);
+  --volt2-f5ce190-sem-success-solid-hover: var(--volt2-f5ce190-success-a10);
+  --volt2-f5ce190-sem-success-surface: var(--volt2-f5ce190-success-surface);
+  --volt2-f5ce190-sem-success-surface-hover: var(--volt2-f5ce190-success-a3);
+  --volt2-f5ce190-sem-success-ui: var(--volt2-f5ce190-success-a7);
+  --volt2-f5ce190-sem-success-ui-hover: var(--volt2-f5ce190-success-a8);
+  --volt2-f5ce190-sem-warning-contrast: var(--volt2-f5ce190-warning-contrast);
+  --volt2-f5ce190-sem-warning-default: var(--volt2-f5ce190-warning-a12);
+  --volt2-f5ce190-sem-warning-disabled: var(--volt2-f5ce190-warning-a8);
+  --volt2-f5ce190-sem-warning-high-contrast: var(--volt2-f5ce190-warning-a12);
+  --volt2-f5ce190-sem-warning-light: var(--volt2-f5ce190-warning-a11);
+  --volt2-f5ce190-sem-warning-on-high-contrast: var(--volt2-f5ce190-warning-1);
+  --volt2-f5ce190-sem-warning-on-solid: var(--volt2-f5ce190-warning-contrast);
+  --volt2-f5ce190-sem-warning-soft: var(--volt2-f5ce190-warning-a3);
+  --volt2-f5ce190-sem-warning-soft-hover: var(--volt2-f5ce190-warning-a4);
+  --volt2-f5ce190-sem-warning-solid: var(--volt2-f5ce190-warning-a9);
+  --volt2-f5ce190-sem-warning-solid-hover: var(--volt2-f5ce190-warning-a10);
+  --volt2-f5ce190-sem-warning-surface: var(--volt2-f5ce190-warning-surface);
+  --volt2-f5ce190-sem-warning-surface-hover: var(--volt2-f5ce190-warning-a3);
+  --volt2-f5ce190-sem-warning-ui: var(--volt2-f5ce190-warning-a7);
+  --volt2-f5ce190-sem-warning-ui-hover: var(--volt2-f5ce190-warning-a8);
+  --volt2-f5ce190-shadow-container: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-field: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-object: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-overlay: var(--volt2-f5ce190-shadow-p-bordered-overlay);
+  --volt2-f5ce190-success-1: #0e1512;
+  --volt2-f5ce190-success-10: #33b074;
+  --volt2-f5ce190-success-11: #3dd68c;
+  --volt2-f5ce190-success-12: #b1f1cb;
+  --volt2-f5ce190-success-2: #121b17;
+  --volt2-f5ce190-success-3: #132d21;
+  --volt2-f5ce190-success-4: #113b29;
+  --volt2-f5ce190-success-5: #174933;
+  --volt2-f5ce190-success-6: #20573e;
+  --volt2-f5ce190-success-7: #28684a;
+  --volt2-f5ce190-success-8: #2f7c57;
+  --volt2-f5ce190-success-9: #30a46c;
+  --volt2-f5ce190-success-a1: #00de4505;
+  --volt2-f5ce190-success-a10: #43fea4ab;
+  --volt2-f5ce190-success-a11: #46fea5d4;
+  --volt2-f5ce190-success-a12: #bbffd7f0;
+  --volt2-f5ce190-success-a2: #29f99d0b;
+  --volt2-f5ce190-success-a3: #22ff991e;
+  --volt2-f5ce190-success-a4: #11ff992d;
+  --volt2-f5ce190-success-a5: #2bffa23c;
+  --volt2-f5ce190-success-a6: #44ffaa4b;
+  --volt2-f5ce190-success-a7: #50fdac5e;
+  --volt2-f5ce190-success-a8: #54ffad73;
+  --volt2-f5ce190-success-a9: #44ffa49e;
+  --volt2-f5ce190-success-contrast: #ffffff;
+  --volt2-f5ce190-success-indicator: #30a46c;
+  --volt2-f5ce190-success-surface: #15251d80;
+  --volt2-f5ce190-success-track: #30a46c;
+  --volt2-f5ce190-surface-container: var(--volt2-f5ce190-gray-a2);
+  --volt2-f5ce190-surface-field: var(--volt2-f5ce190-gray-3);
+  --volt2-f5ce190-surface-gap: var(--volt2-f5ce190-spacing-group-2);
+  --volt2-f5ce190-surface-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-inset: var(--volt2-f5ce190-spacing-element-2);
+  --volt2-f5ce190-surface-object: var(--volt2-f5ce190-gray-2);
+  --volt2-f5ce190-surface-overlay: var(--volt2-f5ce190-gray-2);
+  --volt2-f5ce190-surface-radius-container: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-field: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-object: var(--volt2-f5ce190-radius-2xl);
+  --volt2-f5ce190-surface-radius-overlay: var(--volt2-f5ce190-radius-xl);
+  --volt2-f5ce190-surface-radius-pill: var(--volt2-f5ce190-radius-full);
+  --volt2-f5ce190-surface-sep: var(--volt2-f5ce190-gray-a5);
+  --volt2-f5ce190-surface-wash: var(--volt2-f5ce190-gradient-bordered-wash-dark);
+  --volt2-f5ce190-warning-1: #17120e;
+  --volt2-f5ce190-warning-10: #ff801f;
+  --volt2-f5ce190-warning-11: #ffa057;
+  --volt2-f5ce190-warning-12: #ffe0c2;
+  --volt2-f5ce190-warning-2: #1e160f;
+  --volt2-f5ce190-warning-3: #331e0b;
+  --volt2-f5ce190-warning-4: #462100;
+  --volt2-f5ce190-warning-5: #562800;
+  --volt2-f5ce190-warning-6: #66350c;
+  --volt2-f5ce190-warning-7: #7e451d;
+  --volt2-f5ce190-warning-8: #a35829;
+  --volt2-f5ce190-warning-9: #f76b15;
+  --volt2-f5ce190-warning-a1: #ec360007;
+  --volt2-f5ce190-warning-a10: #ff801f;
+  --volt2-f5ce190-warning-a11: #ffa057;
+  --volt2-f5ce190-warning-a12: #ffe0c2;
+  --volt2-f5ce190-warning-a2: #fe6d000e;
+  --volt2-f5ce190-warning-a3: #fb6a0025;
+  --volt2-f5ce190-warning-a4: #ff590039;
+  --volt2-f5ce190-warning-a5: #ff61004a;
+  --volt2-f5ce190-warning-a6: #fd75045c;
+  --volt2-f5ce190-warning-a7: #ff832c75;
+  --volt2-f5ce190-warning-a8: #fe84389d;
+  --volt2-f5ce190-warning-a9: #fe6d15f7;
+  --volt2-f5ce190-warning-contrast: #ffffff;
+  --volt2-f5ce190-warning-indicator: #f76b15;
+  --volt2-f5ce190-warning-surface: #271d1380;
+  --volt2-f5ce190-warning-track: #f76b15;
+}
+[data-surface="bordered"] {
+  --volt2-f5ce190-blur-field: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-blur-object: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-border-container: var(--volt2-f5ce190-gray-a5);
+  --volt2-f5ce190-border-field: var(--volt2-f5ce190-gray-a4);
+  --volt2-f5ce190-border-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-object: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-overlay: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-width-container: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-field: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-header: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-object: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-overlay: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-shadow-container: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-field: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-object: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-overlay: var(--volt2-f5ce190-shadow-p-bordered-overlay);
+  --volt2-f5ce190-surface-container: var(--volt2-f5ce190-gray-a2);
+  --volt2-f5ce190-surface-field: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-gap: var(--volt2-f5ce190-spacing-element-1);
+  --volt2-f5ce190-surface-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-inset: var(--volt2-f5ce190-spacing-element-2);
+  --volt2-f5ce190-surface-object: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-overlay: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-radius-container: var(--volt2-f5ce190-radius-2xl);
+  --volt2-f5ce190-surface-radius-field: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-object: var(--volt2-f5ce190-radius-3xl);
+  --volt2-f5ce190-surface-radius-overlay: var(--volt2-f5ce190-radius-xl);
+  --volt2-f5ce190-surface-radius-pill: var(--volt2-f5ce190-radius-full);
+  --volt2-f5ce190-surface-sep: var(--volt2-f5ce190-gray-a5);
+  --volt2-f5ce190-surface-wash: var(--volt2-f5ce190-gradient-bordered-wash);
+}
+.dark [data-surface="bordered"],
+.dark[data-surface="bordered"],
+[data-theme="dark"] [data-surface="bordered"],
+[data-theme="dark"][data-surface="bordered"] {
+  --volt2-f5ce190-blur-field: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-blur-object: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-border-container: var(--volt2-f5ce190-gray-a5);
+  --volt2-f5ce190-border-field: var(--volt2-f5ce190-gray-a4);
+  --volt2-f5ce190-border-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-object: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-overlay: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-width-container: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-field: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-header: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-object: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-overlay: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-shadow-container: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-field: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-object: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-overlay: var(--volt2-f5ce190-shadow-p-bordered-overlay);
+  --volt2-f5ce190-surface-container: var(--volt2-f5ce190-gray-a2);
+  --volt2-f5ce190-surface-field: var(--volt2-f5ce190-gray-3);
+  --volt2-f5ce190-surface-gap: var(--volt2-f5ce190-spacing-element-1);
+  --volt2-f5ce190-surface-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-inset: var(--volt2-f5ce190-spacing-element-2);
+  --volt2-f5ce190-surface-object: var(--volt2-f5ce190-gray-2);
+  --volt2-f5ce190-surface-overlay: var(--volt2-f5ce190-gray-2);
+  --volt2-f5ce190-surface-radius-container: var(--volt2-f5ce190-radius-2xl);
+  --volt2-f5ce190-surface-radius-field: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-object: var(--volt2-f5ce190-radius-3xl);
+  --volt2-f5ce190-surface-radius-overlay: var(--volt2-f5ce190-radius-xl);
+  --volt2-f5ce190-surface-radius-pill: var(--volt2-f5ce190-radius-full);
+  --volt2-f5ce190-surface-sep: var(--volt2-f5ce190-gray-a5);
+  --volt2-f5ce190-surface-wash: var(--volt2-f5ce190-gradient-bordered-wash-dark);
+}
+[data-surface="glass"] {
+  --volt2-f5ce190-blur-field: var(--volt2-f5ce190-blur-p-glass-field);
+  --volt2-f5ce190-blur-object: var(--volt2-f5ce190-blur-p-glass-object);
+  --volt2-f5ce190-border-container: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-field: var(--volt2-f5ce190-gray-a4);
+  --volt2-f5ce190-border-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-object: var(--volt2-f5ce190-white-a60);
+  --volt2-f5ce190-border-overlay: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-width-container: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-field: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-header: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-object: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-overlay: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-shadow-container: var(--volt2-f5ce190-shadow-p-glass-container);
+  --volt2-f5ce190-shadow-field: var(--volt2-f5ce190-shadow-p-glass-field);
+  --volt2-f5ce190-shadow-object: var(--volt2-f5ce190-shadow-p-glass-object);
+  --volt2-f5ce190-shadow-overlay: var(--volt2-f5ce190-shadow-p-bordered-overlay);
+  --volt2-f5ce190-surface-container: var(--volt2-f5ce190-white-a26);
+  --volt2-f5ce190-surface-field: var(--volt2-f5ce190-white-a80);
+  --volt2-f5ce190-surface-gap: var(--volt2-f5ce190-spacing-element-1);
+  --volt2-f5ce190-surface-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-inset: var(--volt2-f5ce190-spacing-element-2);
+  --volt2-f5ce190-surface-object: var(--volt2-f5ce190-white-a60);
+  --volt2-f5ce190-surface-overlay: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-radius-container: var(--volt2-f5ce190-radius-2xl);
+  --volt2-f5ce190-surface-radius-field: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-object: var(--volt2-f5ce190-radius-3xl);
+  --volt2-f5ce190-surface-radius-overlay: var(--volt2-f5ce190-radius-xl);
+  --volt2-f5ce190-surface-radius-pill: var(--volt2-f5ce190-radius-full);
+  --volt2-f5ce190-surface-sep: var(--volt2-f5ce190-fx-shade-cool-a12);
+  --volt2-f5ce190-surface-wash: var(--volt2-f5ce190-gradient-glass-wash);
+}
+.dark [data-surface="glass"],
+.dark[data-surface="glass"],
+[data-theme="dark"] [data-surface="glass"],
+[data-theme="dark"][data-surface="glass"] {
+  --volt2-f5ce190-blur-field: var(--volt2-f5ce190-blur-p-glass-field);
+  --volt2-f5ce190-blur-object: var(--volt2-f5ce190-blur-p-glass-object);
+  --volt2-f5ce190-border-container: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-field: var(--volt2-f5ce190-gray-a4);
+  --volt2-f5ce190-border-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-object: var(--volt2-f5ce190-white-a9);
+  --volt2-f5ce190-border-overlay: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-width-container: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-field: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-header: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-object: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-overlay: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-shadow-container: var(--volt2-f5ce190-shadow-p-glass-container-dark);
+  --volt2-f5ce190-shadow-field: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-object: var(--volt2-f5ce190-shadow-p-glass-object-dark);
+  --volt2-f5ce190-shadow-overlay: var(--volt2-f5ce190-shadow-p-bordered-overlay);
+  --volt2-f5ce190-surface-container: var(--volt2-f5ce190-white-a5);
+  --volt2-f5ce190-surface-field: var(--volt2-f5ce190-white-a9);
+  --volt2-f5ce190-surface-gap: var(--volt2-f5ce190-spacing-element-1);
+  --volt2-f5ce190-surface-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-inset: var(--volt2-f5ce190-spacing-element-2);
+  --volt2-f5ce190-surface-object: var(--volt2-f5ce190-fx-glass-object-dark);
+  --volt2-f5ce190-surface-overlay: var(--volt2-f5ce190-gray-2);
+  --volt2-f5ce190-surface-radius-container: var(--volt2-f5ce190-radius-2xl);
+  --volt2-f5ce190-surface-radius-field: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-object: var(--volt2-f5ce190-radius-3xl);
+  --volt2-f5ce190-surface-radius-overlay: var(--volt2-f5ce190-radius-xl);
+  --volt2-f5ce190-surface-radius-pill: var(--volt2-f5ce190-radius-full);
+  --volt2-f5ce190-surface-sep: var(--volt2-f5ce190-white-a12);
+  --volt2-f5ce190-surface-wash: var(--volt2-f5ce190-gradient-glass-wash-dark);
+}
+[data-surface="tint"] {
+  --volt2-f5ce190-blur-field: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-blur-object: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-border-container: var(--volt2-f5ce190-accent-a5);
+  --volt2-f5ce190-border-field: var(--volt2-f5ce190-gray-a4);
+  --volt2-f5ce190-border-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-object: var(--volt2-f5ce190-accent-a4);
+  --volt2-f5ce190-border-overlay: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-width-container: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-field: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-header: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-object: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-overlay: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-shadow-container: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-field: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-object: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-overlay: var(--volt2-f5ce190-shadow-p-bordered-overlay);
+  --volt2-f5ce190-surface-container: var(--volt2-f5ce190-accent-a2);
+  --volt2-f5ce190-surface-field: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-gap: var(--volt2-f5ce190-spacing-element-1);
+  --volt2-f5ce190-surface-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-inset: var(--volt2-f5ce190-spacing-element-2);
+  --volt2-f5ce190-surface-object: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-overlay: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-radius-container: var(--volt2-f5ce190-radius-2xl);
+  --volt2-f5ce190-surface-radius-field: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-object: var(--volt2-f5ce190-radius-3xl);
+  --volt2-f5ce190-surface-radius-overlay: var(--volt2-f5ce190-radius-xl);
+  --volt2-f5ce190-surface-radius-pill: var(--volt2-f5ce190-radius-full);
+  --volt2-f5ce190-surface-sep: var(--volt2-f5ce190-accent-a5);
+  --volt2-f5ce190-surface-wash: var(--volt2-f5ce190-gradient-tint-wash);
+}
+.dark [data-surface="tint"],
+.dark[data-surface="tint"],
+[data-theme="dark"] [data-surface="tint"],
+[data-theme="dark"][data-surface="tint"] {
+  --volt2-f5ce190-blur-field: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-blur-object: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-border-container: var(--volt2-f5ce190-gray-a5);
+  --volt2-f5ce190-border-field: var(--volt2-f5ce190-gray-a4);
+  --volt2-f5ce190-border-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-object: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-overlay: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-width-container: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-field: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-header: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-object: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-overlay: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-shadow-container: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-field: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-object: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-overlay: var(--volt2-f5ce190-shadow-p-bordered-overlay);
+  --volt2-f5ce190-surface-container: var(--volt2-f5ce190-gray-a2);
+  --volt2-f5ce190-surface-field: var(--volt2-f5ce190-gray-3);
+  --volt2-f5ce190-surface-gap: var(--volt2-f5ce190-spacing-element-1);
+  --volt2-f5ce190-surface-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-inset: var(--volt2-f5ce190-spacing-element-2);
+  --volt2-f5ce190-surface-object: var(--volt2-f5ce190-gray-2);
+  --volt2-f5ce190-surface-overlay: var(--volt2-f5ce190-gray-2);
+  --volt2-f5ce190-surface-radius-container: var(--volt2-f5ce190-radius-2xl);
+  --volt2-f5ce190-surface-radius-field: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-object: var(--volt2-f5ce190-radius-3xl);
+  --volt2-f5ce190-surface-radius-overlay: var(--volt2-f5ce190-radius-xl);
+  --volt2-f5ce190-surface-radius-pill: var(--volt2-f5ce190-radius-full);
+  --volt2-f5ce190-surface-sep: var(--volt2-f5ce190-gray-a5);
+  --volt2-f5ce190-surface-wash: var(--volt2-f5ce190-gradient-bordered-wash-dark);
+}
+[data-surface="card"] {
+  --volt2-f5ce190-blur-field: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-blur-object: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-border-container: var(--volt2-f5ce190-gray-a3);
+  --volt2-f5ce190-border-field: var(--volt2-f5ce190-gray-a4);
+  --volt2-f5ce190-border-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-object: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-overlay: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-width-container: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-field: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-header: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-object: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-overlay: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-shadow-container: var(--volt2-f5ce190-shadow-p-card-container);
+  --volt2-f5ce190-shadow-field: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-object: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-overlay: var(--volt2-f5ce190-shadow-p-bordered-overlay);
+  --volt2-f5ce190-surface-container: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-field: var(--volt2-f5ce190-gray-a3);
+  --volt2-f5ce190-surface-gap: var(--volt2-f5ce190-spacing-element-1);
+  --volt2-f5ce190-surface-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-inset: var(--volt2-f5ce190-spacing-element-2);
+  --volt2-f5ce190-surface-object: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-overlay: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-radius-container: var(--volt2-f5ce190-radius-2xl);
+  --volt2-f5ce190-surface-radius-field: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-object: var(--volt2-f5ce190-radius-3xl);
+  --volt2-f5ce190-surface-radius-overlay: var(--volt2-f5ce190-radius-xl);
+  --volt2-f5ce190-surface-radius-pill: var(--volt2-f5ce190-radius-full);
+  --volt2-f5ce190-surface-sep: var(--volt2-f5ce190-gray-a4);
+  --volt2-f5ce190-surface-wash: var(--volt2-f5ce190-gradient-card-wash);
+}
+.dark [data-surface="card"],
+.dark[data-surface="card"],
+[data-theme="dark"] [data-surface="card"],
+[data-theme="dark"][data-surface="card"] {
+  --volt2-f5ce190-blur-field: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-blur-object: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-border-container: var(--volt2-f5ce190-gray-a5);
+  --volt2-f5ce190-border-field: var(--volt2-f5ce190-gray-a4);
+  --volt2-f5ce190-border-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-object: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-overlay: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-width-container: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-field: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-header: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-object: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-overlay: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-shadow-container: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-field: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-object: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-overlay: var(--volt2-f5ce190-shadow-p-bordered-overlay);
+  --volt2-f5ce190-surface-container: var(--volt2-f5ce190-gray-a2);
+  --volt2-f5ce190-surface-field: var(--volt2-f5ce190-gray-3);
+  --volt2-f5ce190-surface-gap: var(--volt2-f5ce190-spacing-element-1);
+  --volt2-f5ce190-surface-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-inset: var(--volt2-f5ce190-spacing-element-2);
+  --volt2-f5ce190-surface-object: var(--volt2-f5ce190-gray-2);
+  --volt2-f5ce190-surface-overlay: var(--volt2-f5ce190-gray-2);
+  --volt2-f5ce190-surface-radius-container: var(--volt2-f5ce190-radius-2xl);
+  --volt2-f5ce190-surface-radius-field: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-object: var(--volt2-f5ce190-radius-3xl);
+  --volt2-f5ce190-surface-radius-overlay: var(--volt2-f5ce190-radius-xl);
+  --volt2-f5ce190-surface-radius-pill: var(--volt2-f5ce190-radius-full);
+  --volt2-f5ce190-surface-sep: var(--volt2-f5ce190-gray-a5);
+  --volt2-f5ce190-surface-wash: var(--volt2-f5ce190-gradient-bordered-wash-dark);
+}
+[data-surface="plain"] {
+  --volt2-f5ce190-blur-field: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-blur-object: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-border-container: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-field: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-object: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-overlay: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-width-container: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-field: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-header: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-object: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-overlay: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-shadow-container: var(--volt2-f5ce190-shadow-p-plain-container);
+  --volt2-f5ce190-shadow-field: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-object: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-overlay: var(--volt2-f5ce190-shadow-p-bordered-overlay);
+  --volt2-f5ce190-surface-container: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-field: var(--volt2-f5ce190-accent-a3);
+  --volt2-f5ce190-surface-gap: var(--volt2-f5ce190-spacing-group-2);
+  --volt2-f5ce190-surface-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-inset: var(--volt2-f5ce190-spacing-element-2);
+  --volt2-f5ce190-surface-object: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-overlay: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-radius-container: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-field: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-object: var(--volt2-f5ce190-radius-2xl);
+  --volt2-f5ce190-surface-radius-overlay: var(--volt2-f5ce190-radius-xl);
+  --volt2-f5ce190-surface-radius-pill: var(--volt2-f5ce190-radius-full);
+  --volt2-f5ce190-surface-sep: var(--volt2-f5ce190-fx-sep-plain);
+  --volt2-f5ce190-surface-wash: var(--volt2-f5ce190-gradient-plain-wash);
+}
+.dark [data-surface="plain"],
+.dark[data-surface="plain"],
+[data-theme="dark"] [data-surface="plain"],
+[data-theme="dark"][data-surface="plain"] {
+  --volt2-f5ce190-blur-field: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-blur-object: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-border-container: var(--volt2-f5ce190-gray-a5);
+  --volt2-f5ce190-border-field: var(--volt2-f5ce190-gray-a4);
+  --volt2-f5ce190-border-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-object: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-overlay: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-width-container: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-field: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-header: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-object: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-overlay: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-shadow-container: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-field: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-object: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-overlay: var(--volt2-f5ce190-shadow-p-bordered-overlay);
+  --volt2-f5ce190-surface-container: var(--volt2-f5ce190-gray-a2);
+  --volt2-f5ce190-surface-field: var(--volt2-f5ce190-gray-3);
+  --volt2-f5ce190-surface-gap: var(--volt2-f5ce190-spacing-group-2);
+  --volt2-f5ce190-surface-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-inset: var(--volt2-f5ce190-spacing-element-2);
+  --volt2-f5ce190-surface-object: var(--volt2-f5ce190-gray-2);
+  --volt2-f5ce190-surface-overlay: var(--volt2-f5ce190-gray-2);
+  --volt2-f5ce190-surface-radius-container: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-field: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-object: var(--volt2-f5ce190-radius-2xl);
+  --volt2-f5ce190-surface-radius-overlay: var(--volt2-f5ce190-radius-xl);
+  --volt2-f5ce190-surface-radius-pill: var(--volt2-f5ce190-radius-full);
+  --volt2-f5ce190-surface-sep: var(--volt2-f5ce190-gray-a5);
+  --volt2-f5ce190-surface-wash: var(--volt2-f5ce190-gradient-bordered-wash-dark);
+}
+.light[data-surface="plain"],
+[data-theme="light"][data-surface="plain"] {
+  --volt2-f5ce190-blur-field: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-blur-object: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-border-container: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-field: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-object: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-overlay: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-width-container: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-field: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-header: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-object: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-overlay: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-shadow-container: var(--volt2-f5ce190-shadow-p-plain-container);
+  --volt2-f5ce190-shadow-field: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-object: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-overlay: var(--volt2-f5ce190-shadow-p-bordered-overlay);
+  --volt2-f5ce190-surface-container: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-field: var(--volt2-f5ce190-accent-a3);
+  --volt2-f5ce190-surface-gap: var(--volt2-f5ce190-spacing-group-2);
+  --volt2-f5ce190-surface-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-inset: var(--volt2-f5ce190-spacing-element-2);
+  --volt2-f5ce190-surface-object: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-overlay: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-radius-container: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-field: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-object: var(--volt2-f5ce190-radius-2xl);
+  --volt2-f5ce190-surface-radius-overlay: var(--volt2-f5ce190-radius-xl);
+  --volt2-f5ce190-surface-radius-pill: var(--volt2-f5ce190-radius-full);
+  --volt2-f5ce190-surface-sep: var(--volt2-f5ce190-fx-sep-plain);
+  --volt2-f5ce190-surface-wash: var(--volt2-f5ce190-gradient-plain-wash);
+}
+.light[data-surface="bordered"],
+[data-theme="light"][data-surface="bordered"] {
+  --volt2-f5ce190-blur-field: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-blur-object: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-border-container: var(--volt2-f5ce190-gray-a5);
+  --volt2-f5ce190-border-field: var(--volt2-f5ce190-gray-a4);
+  --volt2-f5ce190-border-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-object: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-overlay: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-width-container: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-field: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-header: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-object: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-overlay: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-shadow-container: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-field: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-object: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-overlay: var(--volt2-f5ce190-shadow-p-bordered-overlay);
+  --volt2-f5ce190-surface-container: var(--volt2-f5ce190-gray-a2);
+  --volt2-f5ce190-surface-field: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-gap: var(--volt2-f5ce190-spacing-element-1);
+  --volt2-f5ce190-surface-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-inset: var(--volt2-f5ce190-spacing-element-2);
+  --volt2-f5ce190-surface-object: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-overlay: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-radius-container: var(--volt2-f5ce190-radius-2xl);
+  --volt2-f5ce190-surface-radius-field: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-object: var(--volt2-f5ce190-radius-3xl);
+  --volt2-f5ce190-surface-radius-overlay: var(--volt2-f5ce190-radius-xl);
+  --volt2-f5ce190-surface-radius-pill: var(--volt2-f5ce190-radius-full);
+  --volt2-f5ce190-surface-sep: var(--volt2-f5ce190-gray-a5);
+  --volt2-f5ce190-surface-wash: var(--volt2-f5ce190-gradient-bordered-wash);
+}
+.light[data-surface="glass"],
+[data-theme="light"][data-surface="glass"] {
+  --volt2-f5ce190-blur-field: var(--volt2-f5ce190-blur-p-glass-field);
+  --volt2-f5ce190-blur-object: var(--volt2-f5ce190-blur-p-glass-object);
+  --volt2-f5ce190-border-container: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-field: var(--volt2-f5ce190-gray-a4);
+  --volt2-f5ce190-border-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-object: var(--volt2-f5ce190-white-a60);
+  --volt2-f5ce190-border-overlay: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-width-container: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-field: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-header: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-object: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-overlay: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-shadow-container: var(--volt2-f5ce190-shadow-p-glass-container);
+  --volt2-f5ce190-shadow-field: var(--volt2-f5ce190-shadow-p-glass-field);
+  --volt2-f5ce190-shadow-object: var(--volt2-f5ce190-shadow-p-glass-object);
+  --volt2-f5ce190-shadow-overlay: var(--volt2-f5ce190-shadow-p-bordered-overlay);
+  --volt2-f5ce190-surface-container: var(--volt2-f5ce190-white-a26);
+  --volt2-f5ce190-surface-field: var(--volt2-f5ce190-white-a80);
+  --volt2-f5ce190-surface-gap: var(--volt2-f5ce190-spacing-element-1);
+  --volt2-f5ce190-surface-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-inset: var(--volt2-f5ce190-spacing-element-2);
+  --volt2-f5ce190-surface-object: var(--volt2-f5ce190-white-a60);
+  --volt2-f5ce190-surface-overlay: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-radius-container: var(--volt2-f5ce190-radius-2xl);
+  --volt2-f5ce190-surface-radius-field: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-object: var(--volt2-f5ce190-radius-3xl);
+  --volt2-f5ce190-surface-radius-overlay: var(--volt2-f5ce190-radius-xl);
+  --volt2-f5ce190-surface-radius-pill: var(--volt2-f5ce190-radius-full);
+  --volt2-f5ce190-surface-sep: var(--volt2-f5ce190-fx-shade-cool-a12);
+  --volt2-f5ce190-surface-wash: var(--volt2-f5ce190-gradient-glass-wash);
+}
+.light[data-surface="tint"],
+[data-theme="light"][data-surface="tint"] {
+  --volt2-f5ce190-blur-field: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-blur-object: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-border-container: var(--volt2-f5ce190-accent-a5);
+  --volt2-f5ce190-border-field: var(--volt2-f5ce190-gray-a4);
+  --volt2-f5ce190-border-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-object: var(--volt2-f5ce190-accent-a4);
+  --volt2-f5ce190-border-overlay: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-width-container: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-field: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-header: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-object: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-overlay: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-shadow-container: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-field: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-object: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-overlay: var(--volt2-f5ce190-shadow-p-bordered-overlay);
+  --volt2-f5ce190-surface-container: var(--volt2-f5ce190-accent-a2);
+  --volt2-f5ce190-surface-field: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-gap: var(--volt2-f5ce190-spacing-element-1);
+  --volt2-f5ce190-surface-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-inset: var(--volt2-f5ce190-spacing-element-2);
+  --volt2-f5ce190-surface-object: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-overlay: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-radius-container: var(--volt2-f5ce190-radius-2xl);
+  --volt2-f5ce190-surface-radius-field: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-object: var(--volt2-f5ce190-radius-3xl);
+  --volt2-f5ce190-surface-radius-overlay: var(--volt2-f5ce190-radius-xl);
+  --volt2-f5ce190-surface-radius-pill: var(--volt2-f5ce190-radius-full);
+  --volt2-f5ce190-surface-sep: var(--volt2-f5ce190-accent-a5);
+  --volt2-f5ce190-surface-wash: var(--volt2-f5ce190-gradient-tint-wash);
+}
+.light[data-surface="card"],
+[data-theme="light"][data-surface="card"] {
+  --volt2-f5ce190-blur-field: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-blur-object: var(--volt2-f5ce190-blur-p-none);
+  --volt2-f5ce190-border-container: var(--volt2-f5ce190-gray-a3);
+  --volt2-f5ce190-border-field: var(--volt2-f5ce190-gray-a4);
+  --volt2-f5ce190-border-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-object: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-border-overlay: var(--volt2-f5ce190-gray-a6);
+  --volt2-f5ce190-border-width-container: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-field: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-header: var(--volt2-f5ce190-border-none);
+  --volt2-f5ce190-border-width-object: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-border-width-overlay: var(--volt2-f5ce190-border-hairline);
+  --volt2-f5ce190-shadow-container: var(--volt2-f5ce190-shadow-p-card-container);
+  --volt2-f5ce190-shadow-field: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-object: var(--volt2-f5ce190-shadow-p-none);
+  --volt2-f5ce190-shadow-overlay: var(--volt2-f5ce190-shadow-p-bordered-overlay);
+  --volt2-f5ce190-surface-container: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-field: var(--volt2-f5ce190-gray-a3);
+  --volt2-f5ce190-surface-gap: var(--volt2-f5ce190-spacing-element-1);
+  --volt2-f5ce190-surface-header: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-inset: var(--volt2-f5ce190-spacing-element-2);
+  --volt2-f5ce190-surface-object: var(--volt2-f5ce190-transparent);
+  --volt2-f5ce190-surface-overlay: var(--volt2-f5ce190-white);
+  --volt2-f5ce190-surface-radius-container: var(--volt2-f5ce190-radius-2xl);
+  --volt2-f5ce190-surface-radius-field: var(--volt2-f5ce190-radius-lg);
+  --volt2-f5ce190-surface-radius-object: var(--volt2-f5ce190-radius-3xl);
+  --volt2-f5ce190-surface-radius-overlay: var(--volt2-f5ce190-radius-xl);
+  --volt2-f5ce190-surface-radius-pill: var(--volt2-f5ce190-radius-full);
+  --volt2-f5ce190-surface-sep: var(--volt2-f5ce190-gray-a4);
+  --volt2-f5ce190-surface-wash: var(--volt2-f5ce190-gradient-card-wash);
 }`;
 export {
-  n as CSS,
-  a as NS,
-  f as SHEET_HASH
+  a as CSS,
+  e as NS,
+  r as SHEET_HASH
 };
 //# sourceMappingURL=core.generated.js.map