@mantine/core 7.0.0-beta.4 → 7.0.0-beta.6

package/esm/index.css

@@ -81,11 +81,6 @@ body {
   --mantine-moz-font-smoothing: grayscale;
   --mantine-color-white: #fff;
   --mantine-color-black: #000;
-  --mantine-primary-color-filled: var(--mantine-color-blue-filled);
-  --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
-  --mantine-primary-color-light: var(--mantine-color-blue-light);
-  --mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
-  --mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
   --mantine-line-height: 1.55;
   --mantine-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial,
     sans-serif, Apple Color Emoji, Segoe UI Emoji;
@@ -95,6 +90,11 @@ body {
     Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
   --mantine-heading-font-weight: 700;
   --mantine-radius-default: calc(0.25rem * var(--mantine-scale));
+  --mantine-primary-color-filled: var(--mantine-color-blue-filled);
+  --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
+  --mantine-primary-color-light: var(--mantine-color-blue-light);
+  --mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
+  --mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
   --mantine-breakpoint-xs: 36em;
   --mantine-breakpoint-sm: 48em;
   --mantine-breakpoint-md: 62em;
@@ -310,6 +310,7 @@ body {
 
 :root[data-mantine-color-scheme='dark'] {
   --mantine-color-scheme: dark;
+  --mantine-color-bright: var(--mantine-color-white);
   --mantine-color-text: var(--mantine-color-dark-0);
   --mantine-color-body: #1a1b1e;
   --mantine-color-error: #c92a2a;
@@ -322,106 +323,107 @@ body {
   --mantine-color-dimmed: var(--mantine-color-dark-2);
   --mantine-color-dark-filled: #141517;
   --mantine-color-dark-filled-hover: #101113;
-  --mantine-color-dark-light: rgba(37, 38, 43, 0.1);
-  --mantine-color-dark-light-hover: rgba(37, 38, 43, 0.12);
-  --mantine-color-dark-light-color: #2c2e33;
+  --mantine-color-dark-light: rgba(37, 38, 43, 0.15);
+  --mantine-color-dark-light-hover: rgba(37, 38, 43, 0.2);
+  --mantine-color-dark-light-color: #5c5f66;
   --mantine-color-dark-outline: #373a40;
   --mantine-color-dark-outline-hover: rgba(55, 58, 64, 0.05);
   --mantine-color-gray-filled: #343a40;
   --mantine-color-gray-filled-hover: #212529;
-  --mantine-color-gray-light: rgba(134, 142, 150, 0.1);
-  --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.12);
-  --mantine-color-gray-light-color: #adb5bd;
+  --mantine-color-gray-light: rgba(134, 142, 150, 0.15);
+  --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.2);
+  --mantine-color-gray-light-color: #dee2e6;
   --mantine-color-gray-outline: #ced4da;
   --mantine-color-gray-outline-hover: rgba(206, 212, 218, 0.05);
   --mantine-color-red-filled: #e03131;
   --mantine-color-red-filled-hover: #c92a2a;
-  --mantine-color-red-light: rgba(250, 82, 82, 0.1);
-  --mantine-color-red-light-hover: rgba(250, 82, 82, 0.12);
-  --mantine-color-red-light-color: #ff6b6b;
+  --mantine-color-red-light: rgba(250, 82, 82, 0.15);
+  --mantine-color-red-light-hover: rgba(250, 82, 82, 0.2);
+  --mantine-color-red-light-color: #ffa8a8;
   --mantine-color-red-outline: #ff8787;
   --mantine-color-red-outline-hover: rgba(255, 135, 135, 0.05);
   --mantine-color-pink-filled: #c2255c;
   --mantine-color-pink-filled-hover: #a61e4d;
-  --mantine-color-pink-light: rgba(230, 73, 128, 0.1);
-  --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.12);
-  --mantine-color-pink-light-color: #f06595;
+  --mantine-color-pink-light: rgba(230, 73, 128, 0.15);
+  --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.2);
+  --mantine-color-pink-light-color: #faa2c1;
   --mantine-color-pink-outline: #f783ac;
   --mantine-color-pink-outline-hover: rgba(247, 131, 172, 0.05);
   --mantine-color-grape-filled: #9c36b5;
   --mantine-color-grape-filled-hover: #862e9c;
-  --mantine-color-grape-light: rgba(190, 75, 219, 0.1);
-  --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.12);
-  --mantine-color-grape-light-color: #cc5de8;
+  --mantine-color-grape-light: rgba(190, 75, 219, 0.15);
+  --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.2);
+  --mantine-color-grape-light-color: #e599f7;
   --mantine-color-grape-outline: #da77f2;
   --mantine-color-grape-outline-hover: rgba(218, 119, 242, 0.05);
   --mantine-color-violet-filled: #6741d9;
   --mantine-color-violet-filled-hover: #5f3dc4;
-  --mantine-color-violet-light: rgba(121, 80, 242, 0.1);
-  --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.12);
-  --mantine-color-violet-light-color: #845ef7;
+  --mantine-color-violet-light: rgba(121, 80, 242, 0.15);
+  --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.2);
+  --mantine-color-violet-light-color: #b197fc;
   --mantine-color-violet-outline: #9775fa;
   --mantine-color-violet-outline-hover: rgba(151, 117, 250, 0.05);
   --mantine-color-indigo-filled: #3b5bdb;
   --mantine-color-indigo-filled-hover: #364fc7;
-  --mantine-color-indigo-light: rgba(76, 110, 245, 0.1);
-  --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.12);
-  --mantine-color-indigo-light-color: #5c7cfa;
+  --mantine-color-indigo-light: rgba(76, 110, 245, 0.15);
+  --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.2);
+  --mantine-color-indigo-light-color: #91a7ff;
   --mantine-color-indigo-outline: #748ffc;
   --mantine-color-indigo-outline-hover: rgba(116, 143, 252, 0.05);
   --mantine-color-blue-filled: #1971c2;
   --mantine-color-blue-filled-hover: #1864ab;
-  --mantine-color-blue-light: rgba(34, 139, 230, 0.1);
-  --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.12);
-  --mantine-color-blue-light-color: #339af0;
+  --mantine-color-blue-light: rgba(34, 139, 230, 0.15);
+  --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.2);
+  --mantine-color-blue-light-color: #74c0fc;
   --mantine-color-blue-outline: #4dabf7;
   --mantine-color-blue-outline-hover: rgba(77, 171, 247, 0.05);
   --mantine-color-cyan-filled: #0c8599;
   --mantine-color-cyan-filled-hover: #0b7285;
-  --mantine-color-cyan-light: rgba(21, 170, 191, 0.1);
-  --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.12);
-  --mantine-color-cyan-light-color: #22b8cf;
+  --mantine-color-cyan-light: rgba(21, 170, 191, 0.15);
+  --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.2);
+  --mantine-color-cyan-light-color: #66d9e8;
   --mantine-color-cyan-outline: #3bc9db;
   --mantine-color-cyan-outline-hover: rgba(59, 201, 219, 0.05);
   --mantine-color-teal-filled: #099268;
   --mantine-color-teal-filled-hover: #087f5b;
-  --mantine-color-teal-light: rgba(18, 184, 134, 0.1);
-  --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.12);
-  --mantine-color-teal-light-color: #20c997;
+  --mantine-color-teal-light: rgba(18, 184, 134, 0.15);
+  --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.2);
+  --mantine-color-teal-light-color: #63e6be;
   --mantine-color-teal-outline: #38d9a9;
   --mantine-color-teal-outline-hover: rgba(56, 217, 169, 0.05);
   --mantine-color-green-filled: #2f9e44;
   --mantine-color-green-filled-hover: #2b8a3e;
-  --mantine-color-green-light: rgba(64, 192, 87, 0.1);
-  --mantine-color-green-light-hover: rgba(64, 192, 87, 0.12);
-  --mantine-color-green-light-color: #51cf66;
+  --mantine-color-green-light: rgba(64, 192, 87, 0.15);
+  --mantine-color-green-light-hover: rgba(64, 192, 87, 0.2);
+  --mantine-color-green-light-color: #8ce99a;
   --mantine-color-green-outline: #69db7c;
   --mantine-color-green-outline-hover: rgba(105, 219, 124, 0.05);
   --mantine-color-lime-filled: #66a80f;
   --mantine-color-lime-filled-hover: #5c940d;
-  --mantine-color-lime-light: rgba(130, 201, 30, 0.1);
-  --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.12);
-  --mantine-color-lime-light-color: #94d82d;
+  --mantine-color-lime-light: rgba(130, 201, 30, 0.15);
+  --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.2);
+  --mantine-color-lime-light-color: #c0eb75;
   --mantine-color-lime-outline: #a9e34b;
   --mantine-color-lime-outline-hover: rgba(169, 227, 75, 0.05);
   --mantine-color-yellow-filled: #f08c00;
   --mantine-color-yellow-filled-hover: #e67700;
-  --mantine-color-yellow-light: rgba(250, 176, 5, 0.1);
-  --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.12);
-  --mantine-color-yellow-light-color: #fcc419;
+  --mantine-color-yellow-light: rgba(250, 176, 5, 0.15);
+  --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.2);
+  --mantine-color-yellow-light-color: #ffe066;
   --mantine-color-yellow-outline: #ffd43b;
   --mantine-color-yellow-outline-hover: rgba(255, 212, 59, 0.05);
   --mantine-color-orange-filled: #e8590c;
   --mantine-color-orange-filled-hover: #d9480f;
-  --mantine-color-orange-light: rgba(253, 126, 20, 0.1);
-  --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.12);
-  --mantine-color-orange-light-color: #ff922b;
+  --mantine-color-orange-light: rgba(253, 126, 20, 0.15);
+  --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.2);
+  --mantine-color-orange-light-color: #ffc078;
   --mantine-color-orange-outline: #ffa94d;
   --mantine-color-orange-outline-hover: rgba(255, 169, 77, 0.05);
 }
 
 :root[data-mantine-color-scheme='light'] {
   --mantine-color-scheme: light;
+  --mantine-color-bright: var(--mantine-color-black);
   --mantine-color-text: #000;
   --mantine-color-body: #fff;
   --mantine-color-error: #fa5252;
@@ -535,6 +537,7 @@ body {
 .m-d57069b5 {
   position: relative;
   overflow: hidden;
+  --scrollarea-scrollbar-size: calc(0.75rem * var(--mantine-scale));
 }
 
 .m-c0783ff9 {
@@ -577,7 +580,9 @@ body {
   user-select: none;
   touch-action: none;
   box-sizing: border-box;
-  transition: background-color 150ms ease, opacity 150ms ease;
+  transition:
+    background-color 150ms ease,
+    opacity 150ms ease;
 
   padding: calc(var(--scrollarea-scrollbar-size) / 5);
   display: var(--_scrollbar-display, flex);
@@ -740,14 +745,14 @@ body {
   display: block;
   touch-action: manipulation;
   text-decoration: none;
-  border-radius: var(--paper-radius);
-  box-shadow: var(--paper-shadow);
+  border-radius: var(--paper-radius, var(--mantine-radius-default));
+  box-shadow: var(--paper-shadow, none);
   background-color: var(--mantine-color-body);
   border: var(--_paper-border-width, 0) solid var(--_paper-border-color, transparent);
 }
 
   .m-1b7284a3[data-with-border] {
-    --_paper-border-width: 1px;
+    --_paper-border-width: calc(0.0625rem * var(--mantine-scale));
   }
 
   [data-mantine-color-scheme='light'] .m-1b7284a3[data-with-border] {
@@ -764,7 +769,7 @@ body {
   border: calc(0.0625rem * var(--mantine-scale)) solid var(--_popover-bd);
   padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
   box-shadow: var(--popover-shadow, none);
-  border-radius: var(--popover-radius);
+  border-radius: var(--popover-radius, var(--mantine-radius-default));
 }
 
   .m-38a85659:focus {
@@ -793,6 +798,8 @@ body {
   --loader-size-md: calc(2.25rem * var(--mantine-scale));
   --loader-size-lg: calc(2.75rem * var(--mantine-scale));
   --loader-size-xl: calc(3.625rem * var(--mantine-scale));
+  --loader-size: var(--loader-size-md);
+  --loader-color: var(--mantine-primary-color-filled);
 }
 
 /* ----- Bars loader ----- */
@@ -928,6 +935,8 @@ body {
   --ai-size-input-lg: calc(3.125rem * var(--mantine-scale));
   --ai-size-input-xl: calc(3.75rem * var(--mantine-scale));
 
+  --_ai-size: var(--ai-size, var(--ai-size-md));
+
   line-height: 1;
   display: inline-flex;
   align-items: center;
@@ -935,26 +944,26 @@ body {
   position: relative;
   user-select: none;
 
-  width: var(--ai-size);
-  height: var(--ai-size);
-  min-width: var(--ai-size);
-  min-height: var(--ai-size);
-  border-radius: var(--ai-radius);
-  background: var(--_ai-bg, var(--ai-bg));
-  color: var(--_ai-color, var(--ai-color));
-  border: var(--ai-bd);
+  width: var(--_ai-size);
+  height: var(--_ai-size);
+  min-width: var(--_ai-size);
+  min-height: var(--_ai-size);
+  border-radius: var(--ai-radius, var(--mantine-radius-default));
+  background: var(--_ai-bg, var(--ai-bg, var(--mantine-primary-color-filled)));
+  color: var(--_ai-color, var(--ai-color, var(--mantine-color-white)));
+  border: var(--ai-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
   cursor: var(--_ai-cursor, pointer);
 }
 
   @media (hover: hover) {
     .m-8d3f4000:hover:not([data-loading]):not(:disabled):not([data-disabled]) {
-      --_ai-bg: var(--ai-hover);
+      --_ai-bg: var(--ai-hover, var(--mantine-primary-color-filled-hover));
     }
 }
 
   @media (hover: none) {
     .m-8d3f4000:active:not([data-loading]):not(:disabled):not([data-disabled]) {
-      --_ai-bg: var(--ai-hover);
+      --_ai-bg: var(--ai-hover, var(--mantine-primary-color-filled-hover));
     }
 }
 
@@ -978,7 +987,7 @@ body {
       content: '';
       position: absolute;
       inset: calc(-0.0625rem * var(--mantine-scale));
-      border-radius: var(--ai-radius);
+      border-radius: var(--ai-radius, var(--mantine-radius-default));
       background-color: var(--_ai-loading-overlay-bg);
     }
 
@@ -998,6 +1007,7 @@ body {
 }
 
 .m-1a0f1b21 {
+  --ai-border-width: calc(0.0625rem * var(--mantine-scale));
   display: flex;
 }
 
@@ -1045,13 +1055,70 @@ body {
         border-top-width: calc(var(--ai-border-width) / 2);
       }
 
+.m-86a44da5 {
+  --cb-size-xs: calc(1.125rem * var(--mantine-scale));
+  --cb-size-sm: calc(1.375rem * var(--mantine-scale));
+  --cb-size-md: calc(1.75rem * var(--mantine-scale));
+  --cb-size-lg: calc(2.125rem * var(--mantine-scale));
+  --cb-size-xl: calc(2.75rem * var(--mantine-scale));
+
+  --cb-size: var(--cb-size-md);
+  --cb-icon-size: 70%;
+
+  line-height: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  user-select: none;
+
+  width: var(--cb-size);
+  height: var(--cb-size);
+  min-width: var(--cb-size);
+  min-height: var(--cb-size);
+  border-radius: var(--cb-radius, var(--mantine-radius-default));
+  color: var(--_cb-color);
+}
+
+  [data-mantine-color-scheme='light'] .m-86a44da5 {
+    --_cb-color: var(--mantine-color-gray-7);
+}
+
+  [data-mantine-color-scheme='dark'] .m-86a44da5 {
+    --_cb-color: var(--mantine-color-dark-1);
+}
+
+.m-220c80f2 {
+  background-color: var(--_cb-bg);
+}
+
+@media (hover: hover) {
+    [data-mantine-color-scheme='light'] .m-220c80f2:hover {
+      --_cb-bg: var(--mantine-color-gray-0);
+  }
+
+    [data-mantine-color-scheme='dark'] .m-220c80f2:hover {
+      --_cb-bg: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+    [data-mantine-color-scheme='light'] .m-220c80f2:active {
+      --_cb-bg: var(--mantine-color-gray-0);
+  }
+
+    [data-mantine-color-scheme='dark'] .m-220c80f2:active {
+      --_cb-bg: var(--mantine-color-dark-6);
+  }
+}
+
 .m-4081bf90 {
   display: flex;
   flex-direction: row;
   flex-wrap: var(--group-wrap, wrap);
-  justify-content: var(--group-justify);
-  align-items: var(--group-align);
-  gap: var(--group-gap);
+  justify-content: var(--group-justify, flex-start);
+  align-items: var(--group-align, center);
+  gap: var(--group-gap, var(--mantine-spacing-md));
 }
 
   .m-4081bf90[data-grow] > * {
@@ -1062,9 +1129,9 @@ body {
 .m-9814e45f {
   inset: 0;
   position: var(--_overlay-position, absolute);
-  background: var(--overlay-bg);
+  background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
   backdrop-filter: var(--overlay-filter);
-  border-radius: var(--overlay-radius);
+  border-radius: var(--overlay-radius, 0);
   z-index: var(--overlay-z-index);
 }
 
@@ -1090,9 +1157,9 @@ body {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: var(--mb-padding);
-  padding-right: var(--_pr, calc(var(--mb-padding) - calc(0.3125rem * var(--mantine-scale))));
-  padding-left: var(--_pl, var(--mb-padding));
+  padding: var(--mb-padding, var(--mantine-spacing-md));
+  padding-right: var(--_pr, calc(var(--mb-padding, var(--mantine-spacing-md)) - calc(0.3125rem * var(--mantine-scale))));
+  padding-left: var(--_pl, var(--mb-padding, var(--mantine-spacing-md)));
   position: sticky;
   top: 0;
   background-color: var(--mantine-color-body);
@@ -1100,8 +1167,8 @@ body {
 }
 
 [dir="rtl"] .m-b5489c3c {
-    --_pr: var(--mb-padding);
-    --_pl: calc(var(--mb-padding) - calc(0.3125rem * var(--mantine-scale)));
+    --_pr: var(--mb-padding, var(--mantine-spacing-md));
+    --_pl: calc(var(--mb-padding, var(--mantine-spacing-md)) - calc(0.3125rem * var(--mantine-scale)));
 }
 
 .m-60c222c7 {
@@ -1115,7 +1182,7 @@ body {
 
 .m-fd1ab0aa {
   pointer-events: all;
-  box-shadow: var(--mb-shadow);
+  box-shadow: var(--mb-shadow, var(--mantine-shadow-xl));
 }
 
 .m-606cb269 {
@@ -1129,8 +1196,8 @@ body {
 }
 
 .m-5df29311 {
-  padding: var(--mb-padding);
-  padding-top: var(--_pt, var(--mb-padding));
+  padding: var(--mb-padding, var(--mantine-spacing-md));
+  padding-top: var(--_pt, var(--mb-padding, var(--mantine-spacing-md)));
 }
 
 .m-5df29311:not(:only-child) {
@@ -1154,29 +1221,38 @@ body {
   --input-padding-y-lg: calc(0.625rem * var(--mantine-scale));
   --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));
 
+  --_input-height: var(--input-height, var(--input-height-sm));
+  --_input-radius: var(--input-radius, var(--mantine-radius-default));
+
   --_input-cursor: text;
   --_input-text-align: left;
-  --_input-line-height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
-  --_input-padding: calc(var(--input-height) / 3);
+  --_input-line-height: calc(var(--_input-height) - calc(0.125rem * var(--mantine-scale)));
+  --_input-padding: calc(var(--_input-height) / 3);
   --_input-padding-left: var(--_input-padding);
   --_input-padding-right: var(--_input-padding);
   --_input-placeholder-color: var(--mantine-color-placeholder);
-  --_input-color: inherit;
-  --_input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));
+  --_input-color: var(--mantine-color-text);
+
+  --_input-left-section-size: var(
+    --input-left-section-width,
+    calc(var(--_input-height) - calc(0.125rem * var(--mantine-scale)))
+  );
+
   --_input-right-section-size: var(
     --input-right-section-width,
-    calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)))
+    calc(var(--_input-height) - calc(0.125rem * var(--mantine-scale)))
   );
-  --_input-size: var(--input-height);
+
+  --_input-size: var(--_input-height);
 
   --_section-y: calc(0.0625rem * var(--mantine-scale));
   --_left-section-left: calc(0.0625rem * var(--mantine-scale));
   --_left-section-right: unset;
-  --_left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
+  --_left-section-border-radius: var(--_input-radius) 0 0 var(--_input-radius);
 
   --_right-section-left: unset;
   --_right-section-right: calc(0.0625rem * var(--mantine-scale));
-  --_right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
+  --_right-section-border-radius: 0 var(--_input-radius) var(--_input-radius) 0;
 }
 
   .m-6c018570[data-variant='unstyled'] {
@@ -1193,6 +1269,7 @@ body {
   .m-6c018570[data-multiline] {
     --_input-size: auto;
     --_input-line-height: var(--mantine-line-height);
+    --input-padding-y: var(--input-padding-y-sm);
   }
 
   .m-6c018570[data-with-left-section] {
@@ -1280,10 +1357,10 @@ body {
     --_input-text-align: right;
     --_left-section-left: unset;
     --_left-section-right: calc(0.0625rem * var(--mantine-scale));
-    --_left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
+    --_left-section-border-radius: 0 var(--_input-radius) var(--_input-radius) 0;
     --_right-section-left: calc(0.0625rem * var(--mantine-scale));
     --_right-section-right: unset;
-    --_right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
+    --_right-section-border-radius: var(--_input-radius) 0 0 var(--_input-radius);
 }
 
 .m-8fb7ebe7 {
@@ -1302,8 +1379,8 @@ body {
   height: var(--_input-size);
   min-height: var(--input-height);
   line-height: var(--_input-line-height);
-  font-size: var(--_input-fz, var(--input-fz));
-  border-radius: var(--input-radius);
+  font-size: var(--_input-fz, var(--input-fz, var(--mantine-font-size-sm)));
+  border-radius: var(--_input-radius);
   padding-left: var(--_input-padding-left);
   padding-right: var(--_input-padding-right);
   padding-top: var(--input-padding-y, 0rem);
@@ -1322,7 +1399,7 @@ body {
 
 .m-8fb7ebe7[data-monospace] {
     --_input-font-family: var(--mantine-font-family-monospace);
-    --_input-fz: calc(var(--input-fz) - calc(0.125rem * var(--mantine-scale)));
+    --_input-fz: calc(var(--input-fz, var(--mantine-font-size-sm)) - calc(0.125rem * var(--mantine-scale)));
   }
 
 .m-8fb7ebe7:focus,
@@ -1349,8 +1426,7 @@ body {
     -moz-appearance: textfield;
   }
 
-.m-8fb7ebe7:has(input:disabled),
-  .m-8fb7ebe7:disabled,
+.m-8fb7ebe7:disabled,
   .m-8fb7ebe7[data-disabled] {
     cursor: not-allowed;
     opacity: 0.6;
@@ -1358,6 +1434,15 @@ body {
     color: var(--_input-disabled-color);
   }
 
+/* Required to be a separate selector to work in Firefox, can be merged with &:disabled once :has is supported */
+
+.m-8fb7ebe7:has(input:disabled) {
+    cursor: not-allowed;
+    opacity: 0.6;
+    background-color: var(--_input-disabled-bg);
+    color: var(--_input-disabled-color);
+  }
+
 .m-82577fc2 {
   pointer-events: var(--_section-pointer-events);
   position: absolute;
@@ -1409,12 +1494,11 @@ body {
   word-break: break-word;
   cursor: default;
   -webkit-tap-highlight-color: transparent;
-
-  font-size: var(--input-label-size);
+  font-size: var(--input-label-size, var(--mantine-font-size-sm));
 }
 
 .m-78a94662 {
-  color: var(--input-asterisk-color);
+  color: var(--input-asterisk-color, var(--mantine-color-red-filled));
 }
 
 .m-8f816625,
@@ -1428,18 +1512,22 @@ body {
 
 .m-8f816625 {
   color: var(--mantine-color-error);
-  font-size: var(--input-error-size);
+  font-size: var(--input-error-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
 }
 
 .m-fe47ce59 {
   color: var(--mantine-color-dimmed);
-  font-size: var(--input-description-size);
+  font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
 }
 
 .m-8bffd616 {
   display: flex;
 }
 
+.m-9bdbb667 {
+  --_accordion-radius: var(--accordion-radius, var(--mantine-radius-default));
+}
+
 .m-df78851f {
   word-break: break-word;
 }
@@ -1525,11 +1613,11 @@ body {
   display: flex;
   align-items: center;
   justify-content: flex-start;
-  transition: transform var(--accordion-transition-duration) ease;
+  transition: transform var(--accordion-transition-duration, 200ms) ease;
   margin-right: var(--_chevron-margin-right);
   margin-left: var(--_chevron-margin-left);
-  width: var(--accordion-chevron-size);
-  min-width: var(--accordion-chevron-size);
+  width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale)));
+  min-width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale)));
   transform: var(--_chevron-transform, rotate(0deg));
 }
 
@@ -1607,23 +1695,23 @@ body {
   }
 
 .m-1f921b3b:first-of-type {
-    border-top-left-radius: var(--accordion-radius);
-    border-top-right-radius: var(--accordion-radius);
+    border-top-left-radius: var(--_accordion-radius);
+    border-top-right-radius: var(--_accordion-radius);
   }
 
 .m-1f921b3b:first-of-type > [data-accordion-control] {
-      border-top-left-radius: var(--accordion-radius);
-      border-top-right-radius: var(--accordion-radius);
+      border-top-left-radius: var(--_accordion-radius);
+      border-top-right-radius: var(--_accordion-radius);
     }
 
 .m-1f921b3b:last-of-type {
-    border-bottom-left-radius: var(--accordion-radius);
-    border-bottom-right-radius: var(--accordion-radius);
+    border-bottom-left-radius: var(--_accordion-radius);
+    border-bottom-right-radius: var(--_accordion-radius);
   }
 
 .m-1f921b3b:last-of-type > [data-accordion-control] {
-      border-bottom-left-radius: var(--accordion-radius);
-      border-bottom-right-radius: var(--accordion-radius);
+      border-bottom-left-radius: var(--_accordion-radius);
+      border-bottom-right-radius: var(--_accordion-radius);
     }
 
 .m-1f921b3b + .m-1f921b3b {
@@ -1631,7 +1719,7 @@ body {
   }
 
 .m-2cdf939a {
-  border-radius: var(--accordion-radius);
+  border-radius: var(--_accordion-radius);
 }
 
 .m-2cdf939a[data-active] {
@@ -1641,7 +1729,7 @@ body {
 .m-9f59b069 {
   --_item-bg: var(--_item-filled-color);
 
-  border-radius: var(--accordion-radius);
+  border-radius: var(--_accordion-radius);
   border: calc(0.0625rem * var(--mantine-scale)) solid var(--__item-border-color, transparent);
   transition: background-color 150ms ease;
 }
@@ -1672,17 +1760,17 @@ body {
 }
 
 .m-66836ed3 {
-  background-color: var(--alert-bg);
   padding: var(--mantine-spacing-md) var(--mantine-spacing-xl);
-  border-radius: var(--alert-radius);
+  border-radius: var(--alert-radius, var(--mantine-radius-default));
   position: relative;
   overflow: hidden;
-  border: var(--alert-bd);
-  color: var(--alert-color);
+  background-color: var(--alert-bg, var(--mantine-primary-color-light));
+  border: var(--alert-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
+  color: var(--alert-color, var(--mantine-primary-color-light-color));
 }
 
 .m-12b2e6d5 {
-  --_message-color: var(--alert-color);
+  --_message-color: var(--alert-color, var(--mantine-primary-color-light-color));
 }
 
 .m-cffd1856 {
@@ -1747,14 +1835,14 @@ body {
   height: calc(1.25rem * var(--mantine-scale));
   margin-right: calc(var(--mantine-spacing-md) * -1);
   margin-top: calc(var(--mantine-spacing-sm) * -0.5);
-  color: var(--alert-color);
+  color: var(--alert-color, var(--mantine-primary-color-light-color));
 }
 
 .m-b6d8b162 {
   -webkit-tap-highlight-color: transparent;
   text-decoration: none;
-  font-size: var(--text-fz);
-  line-height: var(--text-lh);
+  font-size: var(--text-fz, var(--mantine-font-size-md));
+  line-height: var(--text-lh, var(--mantine-line-height-md));
   font-weight: normal;
   margin: 0;
   padding: 0;
@@ -2007,7 +2095,7 @@ body {
     content: '';
     height: 0;
     display: block;
-    padding-bottom: calc((1 / var(--ar-ratio)) * 100%);
+    padding-bottom: calc((1 / var(--ar-ratio, 1)) * 100%);
   }
 
   .m-71ac47fc::after {
@@ -2032,7 +2120,9 @@ body {
   }
 
 .m-88b62a41 {
-  padding: var(--combobox-padding);
+  --_combobox-padding: var(--combobox-padding, calc(0.25rem * var(--mantine-scale)));
+
+  padding: var(--_combobox-padding);
 }
 
   .m-88b62a41[data-hidden] {
@@ -2047,11 +2137,13 @@ body {
   --combobox-option-padding-md: calc(0.5rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale));
   --combobox-option-padding-lg: calc(0.625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
   --combobox-option-padding-xl: calc(0.875rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
+
+  --_combobox-option-padding: var(--combobox-option-padding, var(--combobox-option-padding-sm));
 }
 
 .m-92253aa5 {
-  padding: var(--combobox-option-padding);
-  font-size: var(--combobox-option-fz);
+  padding: var(--_combobox-option-padding);
+  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
   border-radius: var(--mantine-radius-default);
   background-color: var(--_option-bg, transparent);
   color: var(--_option-color, inherit);
@@ -2091,16 +2183,16 @@ body {
 }
 
 .m-985517d8 {
-  margin-left: calc(var(--combobox-padding) * -1);
-  margin-right: calc(var(--combobox-padding) * -1);
-  margin-top: calc(var(--combobox-padding) * -1);
-  width: calc(100% + var(--combobox-padding) * 2);
+  margin-left: calc(var(--_combobox-padding) * -1);
+  margin-right: calc(var(--_combobox-padding) * -1);
+  margin-top: calc(var(--_combobox-padding) * -1);
+  width: calc(100% + var(--_combobox-padding) * 2);
   border-top-width: 0;
   border-right-width: 0;
   border-left-width: 0;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
-  margin-bottom: var(--combobox-padding);
+  margin-bottom: var(--_combobox-padding);
   background-color: var(--_search_background);
   position: relative;
   z-index: 1000;
@@ -2122,19 +2214,19 @@ body {
 }
 
 .m-2530cd1d {
-  font-size: var(--combobox-option-fz);
+  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
   text-align: center;
-  padding: var(--combobox-option-padding);
+  padding: var(--_combobox-option-padding);
   color: var(--mantine-color-dimmed);
 }
 
 .m-858f94bd,
 .m-82b967cb {
-  font-size: var(--combobox-option-fz);
+  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
   border: 0 solid var(--_footer-border-color);
-  margin-left: calc(var(--combobox-padding) * -1);
-  margin-right: calc(var(--combobox-padding) * -1);
-  padding: var(--combobox-option-padding);
+  margin-left: calc(var(--_combobox-padding) * -1);
+  margin-right: calc(var(--_combobox-padding) * -1);
+  padding: var(--_combobox-option-padding);
 }
 
 [data-mantine-color-scheme='light'] .m-858f94bd, [data-mantine-color-scheme='light'] .m-82b967cb {
@@ -2147,14 +2239,14 @@ body {
 
 .m-82b967cb {
   border-top-width: calc(0.0625rem * var(--mantine-scale));
-  margin-top: var(--combobox-padding);
-  margin-bottom: calc(var(--combobox-padding) * -1);
+  margin-top: var(--_combobox-padding);
+  margin-bottom: calc(var(--_combobox-padding) * -1);
 }
 
 .m-858f94bd {
   border-bottom-width: calc(0.0625rem * var(--mantine-scale));
-  margin-bottom: var(--combobox-padding);
-  margin-top: calc(var(--combobox-padding) * -1);
+  margin-bottom: var(--_combobox-padding);
+  margin-top: calc(var(--_combobox-padding) * -1);
 }
 
 .m-254f3e4f:has(.m-2bb2e9e5:only-child) {
@@ -2163,8 +2255,8 @@ body {
 
 .m-2bb2e9e5 {
   color: var(--mantine-color-dimmed);
-  font-size: calc(var(--combobox-option-fz) * 0.85);
-  padding: var(--combobox-option-padding);
+  font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85);
+  padding: var(--_combobox-option-padding);
   font-weight: 500;
   position: relative;
   display: flex;
@@ -2200,6 +2292,7 @@ body {
   --combobox-chevron-size-md: calc(1.25rem * var(--mantine-scale));
   --combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale));
   --combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale));
+  --combobox-chevron-size: var(--combobox-chevron-size-sm);
 
   width: var(--combobox-chevron-size);
   height: var(--combobox-chevron-size);
@@ -2217,10 +2310,10 @@ body {
 
 /* ------- OptionsDropdown ------- */
 .m-71d052f9 {
-  margin-right: calc(var(--combobox-padding) * -1);
+  margin-right: calc(var(--_combobox-padding) * -1);
 }
 [dir="rtl"] .m-71d052f9 {
-    margin-left: calc(var(--combobox-padding) * -1);
+    margin-left: calc(var(--_combobox-padding) * -1);
     margin-right: 0;
 }
 
@@ -2251,6 +2344,7 @@ body {
   --label-lh-md: calc(1.5rem * var(--mantine-scale));
   --label-lh-lg: calc(1.875rem * var(--mantine-scale));
   --label-lh-xl: calc(2.25rem * var(--mantine-scale));
+  --label-lh: var(--label-lh-sm);
 }
 
   .m-5f75b09e[data-label-position='left'] {
@@ -2283,7 +2377,7 @@ body {
   -webkit-tap-highlight-color: transparent;
   display: inline-flex;
   flex-direction: column;
-  font-size: var(--label-fz);
+  font-size: var(--label-fz, var(--mantine-font-size-sm));
   line-height: var(--label-lh);
   cursor: var(--mantine-cursor-type);
   order: var(--_label-order);
@@ -2322,6 +2416,9 @@ body {
   --checkbox-size-md: calc(1.5rem * var(--mantine-scale));
   --checkbox-size-lg: calc(1.875rem * var(--mantine-scale));
   --checkbox-size-xl: calc(2.25rem * var(--mantine-scale));
+
+  --checkbox-size: var(--checkbox-size-sm);
+  --checkbox-color: var(--mantine-primary-color-filled);
 }
 
 .m-26062bec {
@@ -2341,12 +2438,15 @@ body {
   border: calc(0.0625rem * var(--mantine-scale)) solid var(--_checkbox-bd-color);
   width: var(--checkbox-size);
   height: var(--checkbox-size);
-  border-radius: var(--checkbox-radius);
+  border-radius: var(--checkbox-radius, var(--mantine-radius-default));
   padding: 0;
   display: block;
   margin: 0;
-  transition: border-color 100ms ease, background-color 100ms ease;
+  transition:
+    border-color 100ms ease,
+    background-color 100ms ease;
   cursor: var(--_checkbox-cursor, var(--mantine-cursor-type));
+  -webkit-tap-highlight-color: transparent;
 }
 
 [data-mantine-color-scheme='light'] .m-26063560 {
@@ -2407,7 +2507,9 @@ body {
   pointer-events: none;
   transform: var(--_checkbox-icon-transform, translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5));
   opacity: var(--_checkbox-icon-opacity, 0);
-  transition: transform 100ms ease, opacity 100ms ease;
+  transition:
+    transform 100ms ease,
+    opacity 100ms ease;
 }
 
 .m-f85678b6 {
@@ -2417,31 +2519,33 @@ body {
   --avatar-size-lg: calc(3.5rem * var(--mantine-scale));
   --avatar-size-xl: calc(5.25rem * var(--mantine-scale));
 
+  --_avatar-size: var(--avatar-size, var(--avatar-size-md));
+
   -webkit-tap-highlight-color: transparent;
   position: relative;
   display: block;
   user-select: none;
   overflow: hidden;
-  border-radius: var(--avatar-radius);
+  border-radius: var(--avatar-radius, calc(62.5rem * var(--mantine-scale)));
   text-decoration: none;
   border: var(--_avatar-border, none);
-  background-color: var(--_avatar-bg, transparent);
+  background-color: var(--_avatar-bg);
   padding: 0;
-  width: var(--avatar-size);
-  height: var(--avatar-size);
-  min-width: var(--avatar-size);
+  width: var(--_avatar-size);
+  height: var(--_avatar-size);
+  min-width: var(--_avatar-size);
   margin-left: var(--_avatar-ml, unset);
   margin-right: var(--_avatar-mr, unset);
 }
 
   .m-f85678b6[data-within-group] {
-    --_avatar-ml: calc(var(--ag-spacing) * -1);
+    --_avatar-ml: calc(var(--ag-spacing, var(--mantine-spacing-sm)) * -1);
     --_avatar-border: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-body);
     --_avatar-bg: var(--mantine-color-body);
   }
 
   [dir="rtl"] .m-f85678b6[data-within-group] {
-      --_avatar-mr: calc(var(--ag-spacing) * -1);
+      --_avatar-mr: calc(var(--ag-spacing, var(--mantine-spacing-sm)) * -1);
       --_avatar-ml: unset;
 }
 
@@ -2461,10 +2565,10 @@ body {
   height: 100%;
   user-select: none;
   border-radius: var(--avatar-radius);
-  font-size: calc(var(--avatar-size) / 2.5);
-  color: var(--avatar-color);
-  background: var(--avatar-bg);
-  border: var(--avatar-bd);
+  font-size: calc(var(--_avatar-size) / 2.5);
+  background: var(--avatar-bg, var(--mantine-color-gray-light));
+  border: var(--avatar-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
+  color: var(--avatar-color, var(--mantine-color-gray-light-color));
 }
 
 .m-104cd71f > [data-avatar-placeholder-icon] {
@@ -2474,12 +2578,12 @@ body {
 
 .m-11def92b {
   display: flex;
-  padding-left: var(--ag-spacing);
+  padding-left: var(--ag-spacing, var(--mantine-spacing-sm));
 }
 
 [dir="rtl"] .m-11def92b {
     padding-left: 0;
-    padding-right: var(--ag-spacing);
+    padding-right: var(--ag-spacing, var(--mantine-spacing-sm));
 }
 
 .m-2ce0de02 {
@@ -2489,7 +2593,7 @@ body {
   width: 100%;
   border: 0;
   text-decoration: none;
-  border-radius: var(--bi-radius);
+  border-radius: var(--bi-radius, 0);
 }
 
 .m-347db0ec {
@@ -2511,8 +2615,12 @@ body {
   --badge-padding-x-lg: calc(0.75rem * var(--mantine-scale));
   --badge-padding-x-xl: calc(1rem * var(--mantine-scale));
 
+  --badge-height: var(--badge-height-md);
+  --badge-fz: var(--badge-fz-md);
+  --badge-padding-x: var(--badge-padding-x-md);
+
   font-size: var(--badge-fz);
-  border-radius: var(--badge-radius);
+  border-radius: var(--badge-radius, calc(625rem * var(--mantine-scale)));
   height: var(--badge-height);
   -webkit-tap-highlight-color: transparent;
   line-height: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
@@ -2521,7 +2629,7 @@ body {
   display: var(--_badge-display, inline-flex);
   align-items: center;
   justify-content: center;
-  width: var(--_badge-width, auto);
+  width: var(--_badge-width, fit-content);
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: calc(0.015625rem * var(--mantine-scale));
@@ -2529,9 +2637,9 @@ body {
   text-overflow: ellipsis;
   overflow: hidden;
 
-  color: var(--badge-color);
-  background: var(--badge-bg);
-  border: var(--badge-bd);
+  color: var(--badge-color, var(--mantine-color-white));
+  background: var(--badge-bg, var(--mantine-primary-color-filled));
+  border: var(--badge-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
 }
 
   .m-347db0ec[data-block] {
@@ -2677,8 +2785,8 @@ body {
 }
 
 .m-3b8f2208 {
-  margin-left: var(--bc-separator-margin);
-  margin-right: var(--bc-separator-margin);
+  margin-left: var(--bc-separator-margin, var(--mantine-spacing-xs));
+  margin-right: var(--bc-separator-margin, var(--mantine-spacing-xs));
   color: var(--_separator-color);
   line-height: 1;
   display: flex;
@@ -2701,6 +2809,8 @@ body {
   --burger-size-lg: calc(2.125rem * var(--mantine-scale));
   --burger-size-xl: calc(2.625rem * var(--mantine-scale));
 
+  --burger-size: var(--burger-size-md);
+
   width: calc(var(--burger-size) + var(--mantine-spacing-xs));
   height: calc(var(--burger-size) + var(--mantine-spacing-xs));
   padding: calc(var(--mantine-spacing-xs) / 2);
@@ -2731,8 +2841,8 @@ body {
     background-color: var(--_burger-color);
     outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
     transition-property: background-color, transform;
-    transition-duration: var(--burger-transition-duration);
-    transition-timing-function: var(--burger-transition-timing-function);
+    transition-duration: var(--burger-transition-duration, 300ms);
+    transition-timing-function: var(--burger-transition-timing-function, ease);
   }
 
 .m-d4fb9cad::before,
@@ -2796,14 +2906,14 @@ body {
   width: var(--_button-width, auto);
   cursor: var(--_button-cursor, pointer);
   display: var(--_button-display, inline-block);
-  border-radius: var(--button-radius);
-  font-size: var(--button-fz);
-  background: var(--_button-bg, var(--button-bg));
-  border: var(--_button-bd, var(--button-bd));
-  color: var(--_button-color, var(--button-color));
-  height: var(--button-height);
-  padding-left: var(--_button-padding-left, var(--button-padding-x));
-  padding-right: var(--_button-padding-right, var(--button-padding-x));
+  border-radius: var(--button-radius, var(--mantine-radius-default));
+  font-size: var(--button-fz, var(--mantine-font-size-sm));
+  background: var(--_button-bg, var(--button-bg, var(--mantine-primary-color-filled)));
+  border: var(--_button-bd, var(--button-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent));
+  color: var(--_button-color, var(--button-color, var(--mantine-color-white)));
+  height: var(--button-height, var(--button-height-sm));
+  padding-left: var(--_button-padding-left, var(--button-padding-x, var(--button-padding-x-sm)));
+  padding-right: var(--_button-padding-right, var(--button-padding-x, var(--button-padding-x-sm)));
 }
 
   .m-77c9d27d[data-block] {
@@ -2853,13 +2963,13 @@ body {
 
   @media (hover: hover) {
     .m-77c9d27d:hover:not([data-loading]):not(:disabled):not([data-disabled]) {
-      --_button-bg: var(--button-hover);
+      --_button-bg: var(--button-hover, var(--mantine-primary-color-filled-hover));
     }
 }
 
   @media (hover: none) {
     .m-77c9d27d:active:not([data-loading]):not(:disabled):not([data-disabled]) {
-      --_button-bg: var(--button-hover);
+      --_button-bg: var(--button-hover, var(--mantine-primary-color-filled-hover));
     }
 }
 
@@ -2930,6 +3040,7 @@ body {
 
 .m-80d6d844 {
   display: flex;
+  --button-border-width: calc(0.0625rem * var(--mantine-scale));
 }
 
 .m-80d6d844[data-orientation='horizontal'] {
@@ -2977,6 +3088,8 @@ body {
       }
 
 .m-e615b15f {
+  --card-padding: var(--mantine-spacing-md);
+
   position: relative;
   overflow: hidden;
   display: flex;
@@ -3038,11 +3151,15 @@ body {
 }
 
 .m-4451eb3a {
-  display: var(--center-display);
+  display: var(--_center-display, flex);
   align-items: center;
   justify-content: center;
 }
 
+  .m-4451eb3a[data-inline] {
+    --_center-display: inline-flex;
+  }
+
 .m-f59ffda3 {
   --chip-size-xs: calc(1.4375rem * var(--mantine-scale));
   --chip-size-sm: calc(1.75rem * var(--mantine-scale));
@@ -3073,15 +3190,25 @@ body {
   --chip-spacing-md: calc(1rem * var(--mantine-scale));
   --chip-spacing-lg: calc(1.25rem * var(--mantine-scale));
   --chip-spacing-xl: calc(1.375rem * var(--mantine-scale));
+
+  --chip-size: var(--chip-size-sm);
+  --chip-icon-size: var(--chip-icon-size-sm);
+  --chip-padding: var(--chip-padding-sm);
+  --chip-spacing: var(--chip-spacing-sm);
+  --chip-checked-padding: var(--chip-checked-padding-sm);
+  --chip-bg: var(--mantine-primary-color-filled);
+  --chip-hover: var(--mantine-primary-color-filled-hover);
+  --chip-color: var(--mantine-color-white);
+  --chip-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
 }
 
 .m-be049a53 {
   display: inline-flex;
   align-items: center;
   user-select: none;
-  border-radius: var(--chip-radius);
+  border-radius: var(--chip-radius, calc(62.5rem * var(--mantine-scale)));
   height: var(--chip-size);
-  font-size: var(--chip-fz);
+  font-size: var(--chip-fz, var(--mantine-font-size-sm));
   line-height: calc(var(--chip-size) - calc(0.125rem * var(--mantine-scale)));
   padding-left: var(--_chip-padding, var(--chip-padding));
   padding-right: var(--_chip-padding, var(--chip-padding));
@@ -3268,6 +3395,9 @@ body {
   }
 
 .m-de3d2490 {
+  --cs-size: calc(1.75rem * var(--mantine-scale));
+  --cs-radius: calc(62.5rem * var(--mantine-scale));
+
   -webkit-tap-highlight-color: transparent;
   border: none;
   appearance: none;
@@ -3304,7 +3434,9 @@ body {
   inset: 0;
   border-radius: var(--cs-radius);
   z-index: 1;
-  box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 calc(0.0625rem * var(--mantine-scale)) inset, rgb(0, 0, 0, 0.15) 0 0 calc(0.25rem * var(--mantine-scale)) inset;
+  box-shadow:
+    rgba(0, 0, 0, 0.1) 0 0 0 calc(0.0625rem * var(--mantine-scale)) inset,
+    rgb(0, 0, 0, 0.15) 0 0 calc(0.25rem * var(--mantine-scale)) inset;
 }
 
 .m-95709ac0 {
@@ -3312,7 +3444,11 @@ body {
   inset: 0;
   border-radius: var(--cs-radius);
   background-size: calc(0.5rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
-  background-position: 0 0, 0 calc(0.25rem * var(--mantine-scale)), calc(0.25rem * var(--mantine-scale)) calc(-0.25rem * var(--mantine-scale)), calc(-0.25rem * var(--mantine-scale)) 0;
+  background-position:
+    0 0,
+    0 calc(0.25rem * var(--mantine-scale)),
+    calc(0.25rem * var(--mantine-scale)) calc(-0.25rem * var(--mantine-scale)),
+    calc(-0.25rem * var(--mantine-scale)) 0;
   background-image: linear-gradient(45deg, var(--_alpha-overlay-color) 25%, transparent 25%),
     linear-gradient(-45deg, var(--_alpha-overlay-color) 25%, transparent 25%),
     linear-gradient(45deg, transparent 75%, var(--_alpha-overlay-color) 75%),
@@ -3354,10 +3490,20 @@ body {
   --cp-saturation-height-lg: calc(8.75rem * var(--mantine-scale));
   --cp-saturation-height-xl: calc(10rem * var(--mantine-scale));
 
-  width: var(--cp-width);
+  --cp-preview-size: var(--cp-preview-size-sm);
+  --cp-thumb-size: var(--cp-thumb-size-sm);
+  --cp-saturation-height: var(--cp-saturation-height-sm);
+  --cp-width: var(--cp-width-sm);
+  --cp-body-spacing: var(--mantine-spacing-sm);
+
+  width: var(--_cp-width, var(--cp-width));
   padding: calc(0.0625rem * var(--mantine-scale));
 }
 
+  .m-fee9c77[data-full-width] {
+    --_cp-width: 100%;
+  }
+
 .m-9dddfbac {
   width: var(--cp-preview-size);
   height: var(--cp-preview-size);
@@ -3393,10 +3539,10 @@ body {
   height: 0;
   margin: calc(0.125rem * var(--mantine-scale));
   cursor: pointer;
-  width: calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
   padding-bottom: calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
   min-width: 0;
   min-height: 0;
+  flex: 1 0 calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
 }
 
 .m-5711e686 {
@@ -3472,6 +3618,7 @@ body {
   --ci-eye-dropper-icon-size-md: calc(1.125rem * var(--mantine-scale));
   --ci-eye-dropper-icon-size-lg: calc(1.25rem * var(--mantine-scale));
   --ci-eye-dropper-icon-size-xl: calc(1.375rem * var(--mantine-scale));
+  --ci-eye-dropper-icon-size: var(--ci-eye-dropper-icon-size-sm);
 }
 
 .m-c5ccdcab {
@@ -3480,6 +3627,7 @@ body {
   --ci-preview-size-md: calc(1.375rem * var(--mantine-scale));
   --ci-preview-size-lg: calc(1.75rem * var(--mantine-scale));
   --ci-preview-size-xl: calc(2.25rem * var(--mantine-scale));
+  --ci-preview-size: var(--ci-preview-size-sm);
 }
 
 .m-7485cace {
@@ -3488,20 +3636,26 @@ body {
   --container-size-md: calc(60rem * var(--mantine-scale));
   --container-size-lg: calc(71.25rem * var(--mantine-scale));
   --container-size-xl: calc(82.5rem * var(--mantine-scale));
+  --container-size: var(--container-size-md);
 
   padding-left: var(--mantine-spacing-md);
   padding-right: var(--mantine-spacing-md);
-  max-width: var(--container-size);
+  max-width: var(--_container-size, var(--container-size));
   margin-left: auto;
   margin-right: auto;
 }
 
+  .m-7485cace[data-fluid] {
+    --_container-size: 100%;
+  }
+
 .m-e2125a27 {
   --dialog-size-xs: calc(10rem * var(--mantine-scale));
   --dialog-size-sm: calc(12.5rem * var(--mantine-scale));
   --dialog-size-md: calc(21.25rem * var(--mantine-scale));
   --dialog-size-lg: calc(25rem * var(--mantine-scale));
   --dialog-size-xl: calc(31.25rem * var(--mantine-scale));
+  --dialog-size: var(--dialog-size-md);
 
   position: relative;
   width: var(--dialog-size);
@@ -3527,6 +3681,7 @@ body {
   --divider-size-md: calc(0.1875rem * var(--mantine-scale));
   --divider-size-lg: calc(0.25rem * var(--mantine-scale));
   --divider-size-xl: calc(0.3125rem * var(--mantine-scale));
+  --divider-size: var(--divider-size-xs);
 }
 
   [data-mantine-color-scheme='light'] .m-3eebeb36 {
@@ -3603,6 +3758,7 @@ body {
   --drawer-size-md: calc(27.5rem * var(--mantine-scale));
   --drawer-size-lg: calc(38.75rem * var(--mantine-scale));
   --drawer-size-xl: calc(48.75rem * var(--mantine-scale));
+  --drawer-size: var(--drawer-size-md);
 }
 
 .m-5a7c2c9 {
@@ -3611,8 +3767,8 @@ body {
 
 .m-b8a05bbd {
   --paper-radius: 0 !important;
-  flex: var(--drawer-flex);
-  height: var(--drawer-height);
+  flex: var(--drawer-flex, 0 0 var(--drawer-size));
+  height: var(--drawer-height, 100%);
   max-width: 100%;
   max-height: 100%;
   border-radius: 0;
@@ -3621,14 +3777,14 @@ body {
 
 .m-31cd769a {
   display: flex;
-  justify-content: var(--drawer-justify);
-  align-items: var(--drawer-align);
+  justify-content: var(--drawer-justify, flex-start);
+  align-items: var(--drawer-align, flex-start);
 }
 
 .m-e9408a47 {
   padding: var(--mantine-spacing-lg);
   padding-top: var(--mantine-spacing-xs);
-  border-radius: var(--fieldset-radius);
+  border-radius: var(--fieldset-radius, var(--mantine-radius-default));
 }
 
 .m-84c9523a {
@@ -3721,6 +3877,7 @@ body {
 
 .m-9e117634 {
   display: block;
+  flex: 0 1;
   object-fit: var(--image-object-fit, cover);
   width: 100%;
   border-radius: var(--image-radius, 0);
@@ -3739,6 +3896,9 @@ body {
 }
 
 .m-e5262200 {
+  --indicator-size: calc(0.625rem * var(--mantine-scale));
+  --indicator-color: var(--mantine-primary-color-filled);
+
   position: relative;
   display: var(--_indicator-display, block);
 }
@@ -3797,12 +3957,14 @@ body {
   --kbd-fz-md: calc(0.875rem * var(--mantine-scale));
   --kbd-fz-lg: calc(1rem * var(--mantine-scale));
   --kbd-fz-xl: calc(1.25rem * var(--mantine-scale));
+  --kbd-fz: var(--kbd-fz-sm);
 
   --kbd-padding-xs: calc(0.125rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
   --kbd-padding-sm: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
   --kbd-padding-md: calc(0.25rem * var(--mantine-scale)) calc(0.4375rem * var(--mantine-scale));
   --kbd-padding-lg: calc(0.3125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));
   --kbd-padding-xl: calc(0.5rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
+  --kbd-padding: var(--kbd-padding-sm);
 
   font-family: var(--mantine-font-family-monospace);
   line-height: var(--mantine-line-height);
@@ -3830,8 +3992,8 @@ body {
 
 .m-abbac491 {
   list-style-position: inside;
-  font-size: var(--list-fz);
-  line-height: var(--list-lh);
+  font-size: var(--list-fz, var(--mantine-fz-md));
+  line-height: var(--list-lh, var(--mantine-line-height-md));
   margin: 0;
   padding: 0;
   padding-left: var(--_list-pl, 0);
@@ -3864,7 +4026,7 @@ body {
     }
 
 .m-abb6bec2:not(:first-of-type) {
-    --_item-mt: var(--list-spacing);
+    --_item-mt: var(--list-spacing, 0);
   }
 
 .m-abb6bec2[data-centered] {
@@ -4014,6 +4176,10 @@ body {
   --modal-size-md: calc(27.5rem * var(--mantine-scale));
   --modal-size-lg: calc(38.75rem * var(--mantine-scale));
   --modal-size-xl: calc(48.75rem * var(--mantine-scale));
+  --modal-size: var(--modal-size-md);
+
+  --modal-y-offset: 5dvh;
+  --modal-x-offset: 5vw;
 }
 
   .m-9df02822[data-full-screen] {
@@ -4036,8 +4202,8 @@ body {
     }
 
 .m-d0e2b9cd {
-  border-top-left-radius: var(--modal-radius);
-  border-top-right-radius: var(--modal-radius);
+  border-top-left-radius: var(--modal-radius, var(--mantine-radius-default));
+  border-top-right-radius: var(--modal-radius, var(--mantine-radius-default));
 }
 
 .m-54c44539 {
@@ -4119,6 +4285,9 @@ body {
   --pill-height-lg: calc(1.75rem * var(--mantine-scale));
   --pill-height-xl: calc(2rem * var(--mantine-scale));
 
+  --pill-fz: var(--pill-fz-sm);
+  --pill-height: var(--pill-height-sm);
+
   font-size: var(--pill-fz);
   flex: 0 1;
   height: var(--pill-height);
@@ -4126,7 +4295,7 @@ body {
   padding-right: var(--_pill-padding-right, 0.8em);
   display: inline-flex;
   align-items: center;
-  border-radius: var(--pill-radius);
+  border-radius: var(--pill-radius, calc(62.5rem * var(--mantine-scale)));
   background-color: var(--_pill-bg);
   line-height: 1;
   white-space: nowrap;
@@ -4216,6 +4385,7 @@ body {
   --pg-gap-md: calc(0.625rem * var(--mantine-scale));
   --pg-gap-lg: calc(0.75rem * var(--mantine-scale));
   --pg-gap-xl: calc(0.75rem * var(--mantine-scale));
+  --pg-gap: var(--pg-gap-sm);
 
   display: flex;
   align-items: center;
@@ -4224,6 +4394,10 @@ body {
 }
 
 .m-f0824112 {
+  --nl-bg: var(--mantine-primary-color-light);
+  --nl-hover: var(--mantine-primary-color-light-hover);
+  --nl-color: var(--mantine-primary-color-light-color);
+
   display: flex;
   align-items: center;
   width: 100%;
@@ -4348,13 +4522,13 @@ body {
 }
 
 .m-e17b862f {
-  padding-left: var(--_children-pl, var(--nl-offset));
+  padding-left: var(--_children-pl, var(--nl-offset, var(--mantine-spacing-lg)));
   padding-right: var(--_children-pr, 0);
 }
 
 [dir="rtl"] .m-e17b862f {
     --_children-pl: 0;
-    --_children-pr: var(--nl-offset);
+    --_children-pr: var(--nl-offset, var(--mantine-spacing-lg));
 }
 
 .m-1fd8a00b {
@@ -4372,7 +4546,7 @@ body {
   padding-top: var(--mantine-spacing-xs);
   padding-bottom: var(--mantine-spacing-xs);
   border: var(--_border, none);
-  border-radius: var(--notification-radius);
+  border-radius: var(--notification-radius, var(--mantine-radius-default));
   box-shadow: var(--mantine-shadow-lg);
   background-color: var(--_bg);
 }
@@ -4382,11 +4556,11 @@ body {
     display: block;
     position: absolute;
     width: calc(0.375rem * var(--mantine-scale));
-    top: var(--notification-radius);
-    bottom: var(--notification-radius);
+    top: var(--notification-radius, var(--mantine-radius-default));
+    bottom: var(--notification-radius, var(--mantine-radius-default));
     left: calc(0.25rem * var(--mantine-scale));
-    border-radius: var(--notification-radius);
-    background-color: var(--notification-color);
+    border-radius: var(--notification-radius, var(--mantine-radius-default));
+    background-color: var(--notification-color, var(--mantine-primary-color-filled));
   }
 
   [dir="rtl"] .m-a513464::before {
@@ -4435,7 +4609,7 @@ body {
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: var(--notification-color);
+  background-color: var(--notification-color, var(--mantine-primary-color-filled));
   color: var(--mantine-color-white);
 }
 
@@ -4467,11 +4641,13 @@ body {
 }
 
 .m-3feedf16 {
-  line-height: 1.4;
   margin-bottom: calc(0.125rem * var(--mantine-scale));
   overflow: hidden;
   text-overflow: ellipsis;
   color: var(--_title-color);
+  font-size: var(--mantine-font-size-sm);
+  line-height: var(--mantine-line-height-sm);
+  font-weight: 500;
 }
 
 [data-mantine-color-scheme='light'] .m-3feedf16 {
@@ -4484,7 +4660,8 @@ body {
 
 .m-3d733a3a {
   color: var(--_description-color);
-  line-height: 1.4;
+  font-size: var(--mantine-font-size-sm);
+  line-height: var(--mantine-line-height-sm);
   overflow: hidden;
   text-overflow: ellipsis;
 }
@@ -4523,11 +4700,12 @@ body {
   --ni-chevron-size-md: calc(1rem * var(--mantine-scale));
   --ni-chevron-size-lg: calc(1.125rem * var(--mantine-scale));
   --ni-chevron-size-xl: calc(1.25rem * var(--mantine-scale));
+  --ni-chevron-size: var(--ni-chevron-size-sm);
 
   display: flex;
   flex-direction: column;
   width: 100%;
-  height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
+  height: calc(var(--_input-height) - calc(0.125rem * var(--mantine-scale)));
   max-width: calc(var(--ni-chevron-size) * 1.7);
   margin-left: var(--_controls-ml, auto);
   margin-right: var(--_controls-mr, 0);
@@ -4540,12 +4718,12 @@ body {
 
 .m-80b4b171 {
   --_control-bd: calc(0.0625rem * var(--mantine-scale)) solid var(--_input-bd);
-  --_control-radius: calc(var(--input-radius) - calc(0.0625rem * var(--mantine-scale)));
+  --_control-radius: calc(var(--_input-radius) - calc(0.0625rem * var(--mantine-scale)));
 
   flex: 0 0 50%;
   width: 100%;
   padding: 0;
-  height: calc(var(--input-height) / 2 - calc(0.0625rem * var(--mantine-scale)));
+  height: calc(var(--_input-height) / 2 - calc(0.0625rem * var(--mantine-scale)));
   border-left: var(--_control-bdl, var(--_control-bd));
   border-right: var(--_control-bdr, none);
   display: flex;
@@ -4611,6 +4789,9 @@ body {
   --pagination-control-size-md: calc(2rem * var(--mantine-scale));
   --pagination-control-size-lg: calc(2.375rem * var(--mantine-scale));
   --pagination-control-size-xl: calc(2.75rem * var(--mantine-scale));
+  --pagination-control-size: var(--pagination-control-size-md);
+  --pagination-control-fz: var(--mantine-font-size-md);
+  --pagination-active-bg: var(--mantine-primary-color-filled);
 }
 
 .m-326d024a {
@@ -4626,7 +4807,7 @@ body {
   padding: var(--_control-padding, 0);
   line-height: 1;
   background-color: var(--_control-bg-color);
-  border-radius: var(--pagination-control-radius);
+  border-radius: var(--pagination-control-radius, var(--mantine-radius-default));
   opacity: var(--_control-opacity, 1);
 }
 
@@ -4695,6 +4876,9 @@ body {
   --psi-icon-size-md: calc(1.0625rem * var(--mantine-scale));
   --psi-icon-size-lg: calc(1.1875rem * var(--mantine-scale));
   --psi-icon-size-xl: calc(1.3125rem * var(--mantine-scale));
+
+  --psi-button-size: var(--psi-button-size-sm);
+  --psi-icon-size: var(--psi-icon-size-sm);
 }
 
 .m-ccf8da4c {
@@ -4712,6 +4896,7 @@ body {
   inset: 0;
   outline: 0;
   font-size: inherit;
+  color: inherit;
 }
 
 [data-disabled] .m-f2d85dd2,
@@ -4736,6 +4921,7 @@ body {
   --pin-input-size-md: calc(2.625rem * var(--mantine-scale));
   --pin-input-size-lg: calc(3.125rem * var(--mantine-scale));
   --pin-input-size-xl: calc(3.75rem * var(--mantine-scale));
+  --pin-input-size: var(--pin-input-size-sm);
 }
 
 .m-cb288ead {
@@ -4754,11 +4940,13 @@ body {
 }
 
 .m-db6d6462 {
+  --progress-radius: var(--mantine-radius-default);
   --progress-size-xs: calc(0.1875rem * var(--mantine-scale));
   --progress-size-sm: calc(0.3125rem * var(--mantine-scale));
   --progress-size-md: calc(0.5rem * var(--mantine-scale));
   --progress-size-lg: calc(0.75rem * var(--mantine-scale));
   --progress-size-xl: calc(1rem * var(--mantine-scale));
+  --progress-size: var(--progress-size-md);
 
   position: relative;
   height: var(--progress-size);
@@ -4842,6 +5030,7 @@ body {
   --radio-size-md: calc(1.5rem * var(--mantine-scale));
   --radio-size-lg: calc(1.875rem * var(--mantine-scale));
   --radio-size-xl: calc(2.25rem * var(--mantine-scale));
+  --radio-size: var(--radio-size-sm);
 
   --radio-icon-size: calc(var(--radio-size) / 2.25);
 }
@@ -4879,7 +5068,7 @@ body {
   appearance: none;
   width: var(--radio-size);
   height: var(--radio-size);
-  border-radius: var(--radio-radius);
+  border-radius: var(--radio-radius, var(--radio-size));
   margin: 0;
   display: flex;
   align-items: center;
@@ -4888,6 +5077,7 @@ body {
   transition-timing-function: ease;
   transition-duration: 100ms;
   cursor: var(--_cursor, var(--mantine-cursor-type));
+  -webkit-tap-highlight-color: transparent;
 }
 
 [data-mantine-color-scheme='light'] .m-8a3dbb89 {
@@ -4901,8 +5091,8 @@ body {
 }
 
 .m-8a3dbb89:checked {
-    --_radio-bg: var(--radio-color);
-    --_radio-bd-color: var(--radio-color);
+    --_radio-bg: var(--radio-color, var(--mantine-primary-color-filled));
+    --_radio-bd-color: var(--radio-color, var(--mantine-primary-color-filled));
   }
 
 .m-8a3dbb89:checked + .m-f3ed6b2b {
@@ -4991,6 +5181,7 @@ body {
   overflow: hidden;
   white-space: nowrap;
   opacity: 0;
+  -webkit-tap-highlight-color: transparent;
 }
 
 .m-211007ba:focus-visible + label {
@@ -5005,6 +5196,7 @@ body {
   top: 0;
   left: 0;
   z-index: var(--rating-item-z-index, 0);
+  -webkit-tap-highlight-color: transparent;
 }
 
 .m-21342ee4[data-read-only] {
@@ -5063,7 +5255,7 @@ body {
   white-space: var(--_tooltip-white-space, nowrap);
   background-color: var(--_tooltip-bg);
   color: var(--_tooltip-color);
-  border-radius: var(--tooltip-radius);
+  border-radius: var(--tooltip-radius, var(--mantine-radius-default));
 }
 
   [data-mantine-color-scheme='light'] .m-1b3c8819 {
@@ -5093,12 +5285,17 @@ body {
   --sc-padding-lg: calc(0.5625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
   --sc-padding-xl: calc(0.75rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
 
+  --sc-transition-duration: 200ms;
+  --sc-padding: var(--sc-padding-sm);
+  --sc-transition-timing-function: ease;
+  --sc-font-size: var(--mantine-font-size-sm);
+
   position: relative;
   display: var(--_display, inline-flex);
   flex-direction: var(--_flex-direction, row);
   width: var(--_width, auto);
   background-color: var(--_bg);
-  border-radius: var(--sc-radius);
+  border-radius: var(--sc-radius, var(--mantine-radius-default));
   overflow: hidden;
   padding: 4px;
 } /* px required for correct indicator calculations */
@@ -5129,12 +5326,13 @@ body {
   position: absolute;
   display: block;
   z-index: 1;
-  border-radius: var(--sc-radius);
+  border-radius: var(--sc-radius, var(--mantine-radius-default));
   box-shadow: var(--_box-shadow);
   width: var(--sc-indicator-width);
   height: var(--sc-indicator-height);
   transform: var(--sc-indicator-transform);
-  transition: transform var(--sc-transition-duration) var(--sc-transition-timing-function),
+  transition:
+    transform var(--sc-transition-duration) var(--sc-transition-timing-function),
     width var(--sc-transition-duration) var(--sc-transition-timing-function);
   background-color: var(--_bg);
 }
@@ -5158,7 +5356,7 @@ body {
   overflow: hidden;
   text-overflow: ellipsis;
   user-select: none;
-  border-radius: var(--sc-radius);
+  border-radius: var(--sc-radius, var(--mantine-radius-default));
   font-size: var(--sc-font-size);
   padding: var(--sc-padding);
   transition: color var(--sc-transition-duration) var(--sc-transition-timing-function);
@@ -5321,9 +5519,9 @@ fieldset:disabled .m-1738fcb2,
 }
 
 .m-18320242 {
-  height: var(--skeleton-height);
-  width: var(--skeleton-width);
-  border-radius: var(--skeleton-radius);
+  height: var(--skeleton-height, auto);
+  width: var(--skeleton-width, 100%);
+  border-radius: var(--skeleton-radius, var(--mantine-radius-default));
   position: relative;
   transform: translateZ(0);
   -webkit-transform: translateZ(0);
@@ -5367,6 +5565,10 @@ fieldset:disabled .m-1738fcb2,
   --slider-size-lg: calc(0.625rem * var(--mantine-scale));
   --slider-size-xl: calc(0.75rem * var(--mantine-scale));
 
+  --slider-size: var(--slider-size-md);
+  --slider-radius: calc(62.5rem * var(--mantine-scale));
+  --slider-color: var(--mantine-primary-color-filled);
+
   -webkit-tap-highlight-color: transparent;
   outline: none;
   height: calc(var(--slider-size) * 2);
@@ -5425,7 +5627,9 @@ fieldset:disabled .m-1738fcb2,
   border-radius: var(--slider-radius);
   align-items: center;
   justify-content: center;
-  transition: box-shadow 100ms ease, transform 100ms ease;
+  transition:
+    box-shadow 100ms ease,
+    transform 100ms ease;
   z-index: 3;
   user-select: none;
   touch-action: none;
@@ -5607,9 +5811,9 @@ fieldset:disabled .m-38aeed47:not([data-inverted]),
 .m-6d731127 {
   display: flex;
   flex-direction: column;
-  align-items: var(--stack-align);
-  justify-content: var(--stack-justify);
-  gap: var(--stack-gap);
+  align-items: var(--stack-align, stretch);
+  justify-content: var(--stack-justify, flex-start);
+  gap: var(--stack-gap, var(--mantine-spacing-md));
 }
 
 .m-cbb4ea7e {
@@ -5618,6 +5822,13 @@ fieldset:disabled .m-38aeed47:not([data-inverted]),
   --stepper-icon-size-md: calc(2.625rem * var(--mantine-scale));
   --stepper-icon-size-lg: calc(3rem * var(--mantine-scale));
   --stepper-icon-size-xl: calc(3.25rem * var(--mantine-scale));
+
+  --stepper-icon-size: var(--stepper-icon-size-md);
+  --stepper-color: var(--mantine-primary-color-filled);
+  --stepper-content-padding: var(--mantine-spacing-md);
+  --stepper-spacing: var(--mantine-spacing-md);
+  --stepper-radius: calc(62.5rem * var(--mantine-scale));
+  --stepper-fz: var(--mantine-font-size-md);
 }
 
 .m-aaf89d0b {
@@ -5907,6 +6118,14 @@ fieldset:disabled .m-38aeed47:not([data-inverted]),
   --switch-track-label-padding-lg: calc(0.1875rem * var(--mantine-scale));
   --switch-track-label-padding-xl: calc(0.1875rem * var(--mantine-scale));
 
+  --switch-height: var(--switch-height-sm);
+  --switch-width: var(--switch-width-sm);
+  --switch-thumb-size: var(--switch-thumb-size-sm);
+  --switch-label-font-size: var(--switch-label-font-size-sm);
+  --switch-track-label-padding: var(--switch-track-label-padding-sm);
+  --switch-radius: calc(62.5rem * var(--mantine-scale));
+  --switch-color: var(--mantine-primary-color-filled);
+
   position: relative;
 }
 
@@ -6045,7 +6264,7 @@ fieldset:disabled .m-38aeed47:not([data-inverted]),
   line-height: var(--mantine-line-height);
   font-size: var(--mantine-font-size-sm);
   table-layout: var(--table-layout, auto);
-  caption-side: var(--table-caption-side);
+  caption-side: var(--table-caption-side, bottom);
   border: var(--_table-border, none);
 }
 
@@ -6098,7 +6317,7 @@ fieldset:disabled .m-38aeed47:not([data-inverted]),
 
 .m-4e7aa4ef,
 .m-4e7aa4f3 {
-  padding: var(--table-vertical-spacing) var(--table-horizontal-spacing);
+  padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));
   border-left: var(--_border-left);
   border-right: var(--_border-right);
 
@@ -6508,6 +6727,7 @@ fieldset:disabled .m-38aeed47:not([data-inverted]),
   --ti-size-md: calc(1.75rem * var(--mantine-scale));
   --ti-size-lg: calc(2.125rem * var(--mantine-scale));
   --ti-size-xl: calc(2.75rem * var(--mantine-scale));
+  --ti-size: var(--ti-size-md);
 
   line-height: 1;
   display: inline-flex;
@@ -6520,14 +6740,18 @@ fieldset:disabled .m-38aeed47:not([data-inverted]),
   height: var(--ti-size);
   min-width: var(--ti-size);
   min-height: var(--ti-size);
-  border-radius: var(--ti-radius);
-  background: var(--_ti-bg, var(--ti-bg));
-  color: var(--_ti-color, var(--ti-color));
-  border: var(--ti-bd);
+  border-radius: var(--ti-radius, var(--mantine-radius-default));
+  background: var(--ti-bg, var(--mantine-primary-color-filled));
+  color: var(--ti-color, var(--mantine-color-white));
+  border: var(--ti-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
 }
 
 .m-43657ece {
   --offset: calc(var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2);
+  --tl-bullet-size: calc(1.25rem * var(--mantine-scale));
+  --tl-line-width: calc(0.25rem * var(--mantine-scale));
+  --tl-radius: calc(62.5rem * var(--mantine-scale));
+  --tl-color: var(--mantine-primary-color-filled);
 
   padding-left: var(--_tl-pl, 0);
   padding-right: var(--_tl-pr, 0);