@mantine/core 7.0.0-alpha.2 → 7.0.0-alpha.3

package/esm/index.css

@@ -48,13 +48,13 @@ body {
   }
 
 .mantine-focus-auto:focus-visible {
-    outline: 0.125rem solid var(--mantine-color-primary);
-    outline-offset: 0.125rem;
+    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-primary);
+    outline-offset: calc(0.125rem * var(--mantine-scale));
   }
 
 .mantine-focus-always:focus {
-    outline: 0.125rem solid var(--mantine-color-primary);
-    outline-offset: 0.125rem;
+    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-primary);
+    outline-offset: calc(0.125rem * var(--mantine-scale));
   }
 
 .mantine-focus-never:focus {
@@ -62,13 +62,698 @@ body {
   }
 
 .mantine-active:active {
-    transform: translateY(0.0625rem);
+    transform: translateY(calc(0.0625rem * var(--mantine-scale)));
   }
 
 [dir="rtl"] .mantine-rotate-rtl {
     transform: rotate(180deg);
 }
 
+:root {
+  --mantine-scale: 1;
+  --mantine-cursor-type: default;
+  --mantine-webkit-font-smoothing: antialiased;
+  --mantine-color-scheme: light dark;
+  --mantine-moz-font-smoothing: grayscale;
+  --mantine-color-white: #fff;
+  --mantine-color-black: #000;
+  --mantine-color-primary: var(--mantine-color-blue-filled);
+  --mantine-line-height: 1.55;
+  --mantine-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial,
+    sans-serif, Apple Color Emoji, Segoe UI Emoji;
+  --mantine-font-family-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    Liberation Mono, Courier New, monospace;
+  --mantine-font-family-headings: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica,
+    Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
+  --mantine-heading-font-weight: 700;
+  --mantine-radius-default: calc(0.25rem * var(--mantine-scale));
+  --mantine-breakpoint-xs: 36em;
+  --mantine-breakpoint-sm: 48em;
+  --mantine-breakpoint-md: 62em;
+  --mantine-breakpoint-lg: 75em;
+  --mantine-breakpoint-xl: 88em;
+  --mantine-spacing-xs: calc(0.625rem * var(--mantine-scale));
+  --mantine-spacing-sm: calc(0.75rem * var(--mantine-scale));
+  --mantine-spacing-md: calc(1rem * var(--mantine-scale));
+  --mantine-spacing-lg: calc(1.25rem * var(--mantine-scale));
+  --mantine-spacing-xl: calc(2rem * var(--mantine-scale));
+  --mantine-font-size-xs: calc(0.75rem * var(--mantine-scale));
+  --mantine-font-size-sm: calc(0.875rem * var(--mantine-scale));
+  --mantine-font-size-md: calc(1rem * var(--mantine-scale));
+  --mantine-font-size-lg: calc(1.125rem * var(--mantine-scale));
+  --mantine-font-size-xl: calc(1.25rem * var(--mantine-scale));
+  --mantine-line-height-xs: 1.4;
+  --mantine-line-height-sm: 1.45;
+  --mantine-line-height-md: 1.55;
+  --mantine-line-height-lg: 1.6;
+  --mantine-line-height-xl: 1.65;
+  --mantine-shadow-xs: 0 calc(0.0625rem * var(--mantine-scale))
+      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
+    0 calc(0.0625rem * var(--mantine-scale)) calc(0.125rem * var(--mantine-scale))
+      rgba(0, 0, 0, 0.1);
+  --mantine-shadow-sm: 0 calc(0.0625rem * var(--mantine-scale))
+      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
+    rgba(0, 0, 0, 0.05) 0 calc(0.625rem * var(--mantine-scale))
+      calc(0.9375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)),
+    rgba(0, 0, 0, 0.04) 0 calc(0.4375rem * var(--mantine-scale))
+      calc(0.4375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale));
+  --mantine-shadow-md: 0 calc(0.0625rem * var(--mantine-scale))
+      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
+    rgba(0, 0, 0, 0.05) 0 calc(1.25rem * var(--mantine-scale))
+      calc(1.5625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)),
+    rgba(0, 0, 0, 0.04) 0 calc(0.625rem * var(--mantine-scale))
+      calc(0.625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale));
+  --mantine-shadow-lg: 0 calc(0.0625rem * var(--mantine-scale))
+      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
+    rgba(0, 0, 0, 0.05) 0 calc(1.75rem * var(--mantine-scale))
+      calc(1.4375rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)),
+    rgba(0, 0, 0, 0.04) 0 calc(0.75rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale))
+      calc(-0.4375rem * var(--mantine-scale));
+  --mantine-shadow-xl: 0 calc(0.0625rem * var(--mantine-scale))
+      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
+    rgba(0, 0, 0, 0.05) 0 calc(2.25rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale))
+      calc(-0.4375rem * var(--mantine-scale)),
+    rgba(0, 0, 0, 0.04) 0 calc(1.0625rem * var(--mantine-scale))
+      calc(1.0625rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale));
+  --mantine-radius-xs: calc(0.125rem * var(--mantine-scale));
+  --mantine-radius-sm: calc(0.25rem * var(--mantine-scale));
+  --mantine-radius-md: calc(0.5rem * var(--mantine-scale));
+  --mantine-radius-lg: calc(1rem * var(--mantine-scale));
+  --mantine-radius-xl: calc(2rem * var(--mantine-scale));
+  --mantine-color-dark-0: #c1c2c5;
+  --mantine-color-dark-1: #a6a7ab;
+  --mantine-color-dark-2: #909296;
+  --mantine-color-dark-3: #5c5f66;
+  --mantine-color-dark-4: #373a40;
+  --mantine-color-dark-5: #2c2e33;
+  --mantine-color-dark-6: #25262b;
+  --mantine-color-dark-7: #1a1b1e;
+  --mantine-color-dark-8: #141517;
+  --mantine-color-dark-9: #101113;
+  --mantine-color-gray-0: #f8f9fa;
+  --mantine-color-gray-1: #f1f3f5;
+  --mantine-color-gray-2: #e9ecef;
+  --mantine-color-gray-3: #dee2e6;
+  --mantine-color-gray-4: #ced4da;
+  --mantine-color-gray-5: #adb5bd;
+  --mantine-color-gray-6: #868e96;
+  --mantine-color-gray-7: #495057;
+  --mantine-color-gray-8: #343a40;
+  --mantine-color-gray-9: #212529;
+  --mantine-color-red-0: #fff5f5;
+  --mantine-color-red-1: #ffe3e3;
+  --mantine-color-red-2: #ffc9c9;
+  --mantine-color-red-3: #ffa8a8;
+  --mantine-color-red-4: #ff8787;
+  --mantine-color-red-5: #ff6b6b;
+  --mantine-color-red-6: #fa5252;
+  --mantine-color-red-7: #f03e3e;
+  --mantine-color-red-8: #e03131;
+  --mantine-color-red-9: #c92a2a;
+  --mantine-color-pink-0: #fff0f6;
+  --mantine-color-pink-1: #ffdeeb;
+  --mantine-color-pink-2: #fcc2d7;
+  --mantine-color-pink-3: #faa2c1;
+  --mantine-color-pink-4: #f783ac;
+  --mantine-color-pink-5: #f06595;
+  --mantine-color-pink-6: #e64980;
+  --mantine-color-pink-7: #d6336c;
+  --mantine-color-pink-8: #c2255c;
+  --mantine-color-pink-9: #a61e4d;
+  --mantine-color-grape-0: #f8f0fc;
+  --mantine-color-grape-1: #f3d9fa;
+  --mantine-color-grape-2: #eebefa;
+  --mantine-color-grape-3: #e599f7;
+  --mantine-color-grape-4: #da77f2;
+  --mantine-color-grape-5: #cc5de8;
+  --mantine-color-grape-6: #be4bdb;
+  --mantine-color-grape-7: #ae3ec9;
+  --mantine-color-grape-8: #9c36b5;
+  --mantine-color-grape-9: #862e9c;
+  --mantine-color-violet-0: #f3f0ff;
+  --mantine-color-violet-1: #e5dbff;
+  --mantine-color-violet-2: #d0bfff;
+  --mantine-color-violet-3: #b197fc;
+  --mantine-color-violet-4: #9775fa;
+  --mantine-color-violet-5: #845ef7;
+  --mantine-color-violet-6: #7950f2;
+  --mantine-color-violet-7: #7048e8;
+  --mantine-color-violet-8: #6741d9;
+  --mantine-color-violet-9: #5f3dc4;
+  --mantine-color-indigo-0: #edf2ff;
+  --mantine-color-indigo-1: #dbe4ff;
+  --mantine-color-indigo-2: #bac8ff;
+  --mantine-color-indigo-3: #91a7ff;
+  --mantine-color-indigo-4: #748ffc;
+  --mantine-color-indigo-5: #5c7cfa;
+  --mantine-color-indigo-6: #4c6ef5;
+  --mantine-color-indigo-7: #4263eb;
+  --mantine-color-indigo-8: #3b5bdb;
+  --mantine-color-indigo-9: #364fc7;
+  --mantine-color-blue-0: #e7f5ff;
+  --mantine-color-blue-1: #d0ebff;
+  --mantine-color-blue-2: #a5d8ff;
+  --mantine-color-blue-3: #74c0fc;
+  --mantine-color-blue-4: #4dabf7;
+  --mantine-color-blue-5: #339af0;
+  --mantine-color-blue-6: #228be6;
+  --mantine-color-blue-7: #1c7ed6;
+  --mantine-color-blue-8: #1971c2;
+  --mantine-color-blue-9: #1864ab;
+  --mantine-color-cyan-0: #e3fafc;
+  --mantine-color-cyan-1: #c5f6fa;
+  --mantine-color-cyan-2: #99e9f2;
+  --mantine-color-cyan-3: #66d9e8;
+  --mantine-color-cyan-4: #3bc9db;
+  --mantine-color-cyan-5: #22b8cf;
+  --mantine-color-cyan-6: #15aabf;
+  --mantine-color-cyan-7: #1098ad;
+  --mantine-color-cyan-8: #0c8599;
+  --mantine-color-cyan-9: #0b7285;
+  --mantine-color-teal-0: #e6fcf5;
+  --mantine-color-teal-1: #c3fae8;
+  --mantine-color-teal-2: #96f2d7;
+  --mantine-color-teal-3: #63e6be;
+  --mantine-color-teal-4: #38d9a9;
+  --mantine-color-teal-5: #20c997;
+  --mantine-color-teal-6: #12b886;
+  --mantine-color-teal-7: #0ca678;
+  --mantine-color-teal-8: #099268;
+  --mantine-color-teal-9: #087f5b;
+  --mantine-color-green-0: #ebfbee;
+  --mantine-color-green-1: #d3f9d8;
+  --mantine-color-green-2: #b2f2bb;
+  --mantine-color-green-3: #8ce99a;
+  --mantine-color-green-4: #69db7c;
+  --mantine-color-green-5: #51cf66;
+  --mantine-color-green-6: #40c057;
+  --mantine-color-green-7: #37b24d;
+  --mantine-color-green-8: #2f9e44;
+  --mantine-color-green-9: #2b8a3e;
+  --mantine-color-lime-0: #f4fce3;
+  --mantine-color-lime-1: #e9fac8;
+  --mantine-color-lime-2: #d8f5a2;
+  --mantine-color-lime-3: #c0eb75;
+  --mantine-color-lime-4: #a9e34b;
+  --mantine-color-lime-5: #94d82d;
+  --mantine-color-lime-6: #82c91e;
+  --mantine-color-lime-7: #74b816;
+  --mantine-color-lime-8: #66a80f;
+  --mantine-color-lime-9: #5c940d;
+  --mantine-color-yellow-0: #fff9db;
+  --mantine-color-yellow-1: #fff3bf;
+  --mantine-color-yellow-2: #ffec99;
+  --mantine-color-yellow-3: #ffe066;
+  --mantine-color-yellow-4: #ffd43b;
+  --mantine-color-yellow-5: #fcc419;
+  --mantine-color-yellow-6: #fab005;
+  --mantine-color-yellow-7: #f59f00;
+  --mantine-color-yellow-8: #f08c00;
+  --mantine-color-yellow-9: #e67700;
+  --mantine-color-orange-0: #fff4e6;
+  --mantine-color-orange-1: #ffe8cc;
+  --mantine-color-orange-2: #ffd8a8;
+  --mantine-color-orange-3: #ffc078;
+  --mantine-color-orange-4: #ffa94d;
+  --mantine-color-orange-5: #ff922b;
+  --mantine-color-orange-6: #fd7e14;
+  --mantine-color-orange-7: #f76707;
+  --mantine-color-orange-8: #e8590c;
+  --mantine-color-orange-9: #d9480f;
+  --mantine-h1-font-size: calc(2.125rem * var(--mantine-scale));
+  --mantine-h1-line-height: 1.3;
+  --mantine-h1-font-weight: 700;
+  --mantine-h2-font-size: calc(1.625rem * var(--mantine-scale));
+  --mantine-h2-line-height: 1.35;
+  --mantine-h2-font-weight: 700;
+  --mantine-h3-font-size: calc(1.375rem * var(--mantine-scale));
+  --mantine-h3-line-height: 1.4;
+  --mantine-h3-font-weight: 700;
+  --mantine-h4-font-size: calc(1.125rem * var(--mantine-scale));
+  --mantine-h4-line-height: 1.45;
+  --mantine-h4-font-weight: 700;
+  --mantine-h5-font-size: calc(1rem * var(--mantine-scale));
+  --mantine-h5-line-height: 1.5;
+  --mantine-h5-font-weight: 700;
+  --mantine-h6-font-size: calc(0.875rem * var(--mantine-scale));
+  --mantine-h6-line-height: 1.5;
+  --mantine-h6-font-weight: 700;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --mantine-color-text: var(--mantine-color-dark-0);
+    --mantine-color-body: #1a1b1e;
+    --mantine-color-error: #c92a2a;
+    --mantine-color-placeholder: #5c5f66;
+    --mantine-color-anchor: #4dabf7;
+    --mantine-color-default: #25262b;
+    --mantine-color-default-hover: #2c2e33;
+    --mantine-color-default-color: #fff;
+    --mantine-color-default-border: #373a40;
+    --mantine-color-primary: #1971c2;
+    --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-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-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-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-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-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-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-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-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-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-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-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-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-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-outline: #ffa94d;
+    --mantine-color-orange-outline-hover: rgba(255, 169, 77, 0.05);
+  }
+}
+
+:root[data-mantine-color-scheme='dark'] {
+  --mantine-color-scheme: dark;
+  --mantine-color-text: var(--mantine-color-dark-0);
+  --mantine-color-body: #1a1b1e;
+  --mantine-color-error: #c92a2a;
+  --mantine-color-placeholder: #5c5f66;
+  --mantine-color-anchor: #4dabf7;
+  --mantine-color-default: #25262b;
+  --mantine-color-default-hover: #2c2e33;
+  --mantine-color-default-color: #fff;
+  --mantine-color-default-border: #373a40;
+  --mantine-color-primary: #1971c2;
+  --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-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-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-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-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-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-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-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-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-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-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-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-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-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-outline: #ffa94d;
+  --mantine-color-orange-outline-hover: rgba(255, 169, 77, 0.05);
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    --mantine-color-text: #000;
+    --mantine-color-body: #fff;
+    --mantine-color-error: #fa5252;
+    --mantine-color-placeholder: #adb5bd;
+    --mantine-color-anchor: #228be6;
+    --mantine-color-default: #fff;
+    --mantine-color-default-hover: #f8f9fa;
+    --mantine-color-default-color: #000;
+    --mantine-color-default-border: #ced4da;
+    --mantine-color-primary: #228be6;
+    --mantine-color-dimmed: var(--mantine-color-gray-6);
+    --mantine-color-dark-filled: #25262b;
+    --mantine-color-dark-filled-hover: #1a1b1e;
+    --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: #25262b;
+    --mantine-color-dark-outline: #25262b;
+    --mantine-color-dark-outline-hover: rgba(37, 38, 43, 0.05);
+    --mantine-color-gray-filled: #868e96;
+    --mantine-color-gray-filled-hover: #495057;
+    --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: #868e96;
+    --mantine-color-gray-outline: #868e96;
+    --mantine-color-gray-outline-hover: rgba(134, 142, 150, 0.05);
+    --mantine-color-red-filled: #fa5252;
+    --mantine-color-red-filled-hover: #f03e3e;
+    --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: #fa5252;
+    --mantine-color-red-outline: #fa5252;
+    --mantine-color-red-outline-hover: rgba(250, 82, 82, 0.05);
+    --mantine-color-pink-filled: #e64980;
+    --mantine-color-pink-filled-hover: #d6336c;
+    --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: #e64980;
+    --mantine-color-pink-outline: #e64980;
+    --mantine-color-pink-outline-hover: rgba(230, 73, 128, 0.05);
+    --mantine-color-grape-filled: #be4bdb;
+    --mantine-color-grape-filled-hover: #ae3ec9;
+    --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: #be4bdb;
+    --mantine-color-grape-outline: #be4bdb;
+    --mantine-color-grape-outline-hover: rgba(190, 75, 219, 0.05);
+    --mantine-color-violet-filled: #7950f2;
+    --mantine-color-violet-filled-hover: #7048e8;
+    --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: #7950f2;
+    --mantine-color-violet-outline: #7950f2;
+    --mantine-color-violet-outline-hover: rgba(121, 80, 242, 0.05);
+    --mantine-color-indigo-filled: #4c6ef5;
+    --mantine-color-indigo-filled-hover: #4263eb;
+    --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: #4c6ef5;
+    --mantine-color-indigo-outline: #4c6ef5;
+    --mantine-color-indigo-outline-hover: rgba(76, 110, 245, 0.05);
+    --mantine-color-blue-filled: #228be6;
+    --mantine-color-blue-filled-hover: #1c7ed6;
+    --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: #228be6;
+    --mantine-color-blue-outline: #228be6;
+    --mantine-color-blue-outline-hover: rgba(34, 139, 230, 0.05);
+    --mantine-color-cyan-filled: #15aabf;
+    --mantine-color-cyan-filled-hover: #1098ad;
+    --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: #15aabf;
+    --mantine-color-cyan-outline: #15aabf;
+    --mantine-color-cyan-outline-hover: rgba(21, 170, 191, 0.05);
+    --mantine-color-teal-filled: #12b886;
+    --mantine-color-teal-filled-hover: #0ca678;
+    --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: #12b886;
+    --mantine-color-teal-outline: #12b886;
+    --mantine-color-teal-outline-hover: rgba(18, 184, 134, 0.05);
+    --mantine-color-green-filled: #40c057;
+    --mantine-color-green-filled-hover: #37b24d;
+    --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: #40c057;
+    --mantine-color-green-outline: #40c057;
+    --mantine-color-green-outline-hover: rgba(64, 192, 87, 0.05);
+    --mantine-color-lime-filled: #82c91e;
+    --mantine-color-lime-filled-hover: #74b816;
+    --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: #82c91e;
+    --mantine-color-lime-outline: #82c91e;
+    --mantine-color-lime-outline-hover: rgba(130, 201, 30, 0.05);
+    --mantine-color-yellow-filled: #fab005;
+    --mantine-color-yellow-filled-hover: #f59f00;
+    --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: #fab005;
+    --mantine-color-yellow-outline: #fab005;
+    --mantine-color-yellow-outline-hover: rgba(250, 176, 5, 0.05);
+    --mantine-color-orange-filled: #fd7e14;
+    --mantine-color-orange-filled-hover: #f76707;
+    --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: #fd7e14;
+    --mantine-color-orange-outline: #fd7e14;
+    --mantine-color-orange-outline-hover: rgba(253, 126, 20, 0.05);
+  }
+}
+
+:root[data-mantine-color-scheme='light'] {
+  --mantine-color-scheme: light;
+  --mantine-color-text: #000;
+  --mantine-color-body: #fff;
+  --mantine-color-error: #fa5252;
+  --mantine-color-placeholder: #adb5bd;
+  --mantine-color-anchor: #228be6;
+  --mantine-color-default: #fff;
+  --mantine-color-default-hover: #f8f9fa;
+  --mantine-color-default-color: #000;
+  --mantine-color-default-border: #ced4da;
+  --mantine-color-primary: #228be6;
+  --mantine-color-dimmed: var(--mantine-color-gray-6);
+  --mantine-color-dark-filled: #25262b;
+  --mantine-color-dark-filled-hover: #1a1b1e;
+  --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: #25262b;
+  --mantine-color-dark-outline: #25262b;
+  --mantine-color-dark-outline-hover: rgba(37, 38, 43, 0.05);
+  --mantine-color-gray-filled: #868e96;
+  --mantine-color-gray-filled-hover: #495057;
+  --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: #868e96;
+  --mantine-color-gray-outline: #868e96;
+  --mantine-color-gray-outline-hover: rgba(134, 142, 150, 0.05);
+  --mantine-color-red-filled: #fa5252;
+  --mantine-color-red-filled-hover: #f03e3e;
+  --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: #fa5252;
+  --mantine-color-red-outline: #fa5252;
+  --mantine-color-red-outline-hover: rgba(250, 82, 82, 0.05);
+  --mantine-color-pink-filled: #e64980;
+  --mantine-color-pink-filled-hover: #d6336c;
+  --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: #e64980;
+  --mantine-color-pink-outline: #e64980;
+  --mantine-color-pink-outline-hover: rgba(230, 73, 128, 0.05);
+  --mantine-color-grape-filled: #be4bdb;
+  --mantine-color-grape-filled-hover: #ae3ec9;
+  --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: #be4bdb;
+  --mantine-color-grape-outline: #be4bdb;
+  --mantine-color-grape-outline-hover: rgba(190, 75, 219, 0.05);
+  --mantine-color-violet-filled: #7950f2;
+  --mantine-color-violet-filled-hover: #7048e8;
+  --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: #7950f2;
+  --mantine-color-violet-outline: #7950f2;
+  --mantine-color-violet-outline-hover: rgba(121, 80, 242, 0.05);
+  --mantine-color-indigo-filled: #4c6ef5;
+  --mantine-color-indigo-filled-hover: #4263eb;
+  --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: #4c6ef5;
+  --mantine-color-indigo-outline: #4c6ef5;
+  --mantine-color-indigo-outline-hover: rgba(76, 110, 245, 0.05);
+  --mantine-color-blue-filled: #228be6;
+  --mantine-color-blue-filled-hover: #1c7ed6;
+  --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: #228be6;
+  --mantine-color-blue-outline: #228be6;
+  --mantine-color-blue-outline-hover: rgba(34, 139, 230, 0.05);
+  --mantine-color-cyan-filled: #15aabf;
+  --mantine-color-cyan-filled-hover: #1098ad;
+  --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: #15aabf;
+  --mantine-color-cyan-outline: #15aabf;
+  --mantine-color-cyan-outline-hover: rgba(21, 170, 191, 0.05);
+  --mantine-color-teal-filled: #12b886;
+  --mantine-color-teal-filled-hover: #0ca678;
+  --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: #12b886;
+  --mantine-color-teal-outline: #12b886;
+  --mantine-color-teal-outline-hover: rgba(18, 184, 134, 0.05);
+  --mantine-color-green-filled: #40c057;
+  --mantine-color-green-filled-hover: #37b24d;
+  --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: #40c057;
+  --mantine-color-green-outline: #40c057;
+  --mantine-color-green-outline-hover: rgba(64, 192, 87, 0.05);
+  --mantine-color-lime-filled: #82c91e;
+  --mantine-color-lime-filled-hover: #74b816;
+  --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: #82c91e;
+  --mantine-color-lime-outline: #82c91e;
+  --mantine-color-lime-outline-hover: rgba(130, 201, 30, 0.05);
+  --mantine-color-yellow-filled: #fab005;
+  --mantine-color-yellow-filled-hover: #f59f00;
+  --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: #fab005;
+  --mantine-color-yellow-outline: #fab005;
+  --mantine-color-yellow-outline-hover: rgba(250, 176, 5, 0.05);
+  --mantine-color-orange-filled: #fd7e14;
+  --mantine-color-orange-filled-hover: #f76707;
+  --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: #fd7e14;
+  --mantine-color-orange-outline: #fd7e14;
+  --mantine-color-orange-outline-hover: rgba(253, 126, 20, 0.05);
+}
+
 .mantine-YsIDHdR {
   background-color: transparent;
   cursor: pointer;
@@ -107,7 +792,7 @@ body {
   flex: 1;
   background: var(--loader-color);
   animation: mantine-CbbKYq7 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
-  border-radius: 0.125rem;
+  border-radius: calc(0.125rem * var(--mantine-scale));
 }
 
 .mantine-Vr3xFOO:nth-of-type(1) {
@@ -143,7 +828,7 @@ body {
     display: block;
     width: var(--loader-size);
     height: var(--loader-size);
-    border-radius: 625rem;
+    border-radius: calc(625rem * var(--mantine-scale));
     border-width: calc(var(--loader-size) / 8);
     border-style: solid;
     border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
@@ -201,11 +886,11 @@ body {
   }
 
 .mantine-69SxO-t {
-  --loader-size-xs: 1.125rem;
-  --loader-size-sm: 1.375rem;
-  --loader-size-md: 2.25rem;
-  --loader-size-lg: 2.75rem;
-  --loader-size-xl: 3.625rem;
+  --loader-size-xs: calc(1.125rem * var(--mantine-scale));
+  --loader-size-sm: calc(1.375rem * var(--mantine-scale));
+  --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));
 }
 
 .mantine-64TYjOY {
@@ -216,19 +901,19 @@ body {
     flex-direction: row;
   }
 
-  .mantine-64TYjOY[data-orientation='horizontal'] [data-action-icon]:not(:only-child):first-of-type {
+  .mantine-64TYjOY[data-orientation='horizontal'] [data-action-icon]:not(:only-child):first-child {
         border-bottom-right-radius: 0;
         border-top-right-radius: 0;
         border-right-width: calc(var(--ai-border-width) / 2);
       }
 
-  .mantine-64TYjOY[data-orientation='horizontal'] [data-action-icon]:not(:only-child):last-of-type {
+  .mantine-64TYjOY[data-orientation='horizontal'] [data-action-icon]:not(:only-child):last-child {
         border-bottom-left-radius: 0;
         border-top-left-radius: 0;
         border-left-width: calc(var(--ai-border-width) / 2);
       }
 
-  .mantine-64TYjOY[data-orientation='horizontal'] [data-action-icon]:not(:only-child):not(:first-of-type):not(:last-of-type) {
+  .mantine-64TYjOY[data-orientation='horizontal'] [data-action-icon]:not(:only-child):not(:first-child):not(:last-child) {
         border-radius: 0;
         border-right-width: calc(var(--ai-border-width) / 2);
         border-left-width: calc(var(--ai-border-width) / 2);
@@ -238,30 +923,30 @@ body {
     flex-direction: column;
   }
 
-  .mantine-64TYjOY[data-orientation='vertical'] [data-action-icon]:not(:only-child):first-of-type {
+  .mantine-64TYjOY[data-orientation='vertical'] [data-action-icon]:not(:only-child):first-child {
         border-bottom-left-radius: 0;
         border-bottom-right-radius: 0;
         border-bottom-width: calc(var(--ai-border-width) / 2);
       }
 
-  .mantine-64TYjOY[data-orientation='vertical'] [data-action-icon]:not(:only-child):last-of-type {
+  .mantine-64TYjOY[data-orientation='vertical'] [data-action-icon]:not(:only-child):last-child {
         border-top-left-radius: 0;
         border-top-right-radius: 0;
         border-top-width: calc(var(--ai-border-width) / 2);
       }
 
-  .mantine-64TYjOY[data-orientation='vertical'] [data-action-icon]:not(:only-child):not(:first-of-type):not(:last-of-type) {
+  .mantine-64TYjOY[data-orientation='vertical'] [data-action-icon]:not(:only-child):not(:first-child):not(:last-child) {
         border-radius: 0;
         border-bottom-width: calc(var(--ai-border-width) / 2);
         border-top-width: calc(var(--ai-border-width) / 2);
       }
 
 .mantine-7371IxG {
-  --ai-size-xs: 1.125rem;
-  --ai-size-sm: 1.375rem;
-  --ai-size-md: 1.75rem;
-  --ai-size-lg: 2.125rem;
-  --ai-size-xl: 2.75rem;
+  --ai-size-xs: calc(1.125rem * var(--mantine-scale));
+  --ai-size-sm: calc(1.375rem * var(--mantine-scale));
+  --ai-size-md: calc(1.75rem * var(--mantine-scale));
+  --ai-size-lg: calc(2.125rem * var(--mantine-scale));
+  --ai-size-xl: calc(2.75rem * var(--mantine-scale));
 
   line-height: 1;
   display: inline-flex;
@@ -330,7 +1015,7 @@ body {
   .mantine-7371IxG[data-loading]::before {
       content: '';
       position: absolute;
-      inset: -0.0625rem;
+      inset: calc(-0.0625rem * var(--mantine-scale));
       border-radius: var(--ai-radius);
       background-color: var(--_ai-loading-overlay-bg);
     }
@@ -342,19 +1027,122 @@ body {
     --_ai-color: var(--_ai-disabled-color);
   }
 
+  .mantine-7371IxG:disabled:not([data-loading]):active, .mantine-7371IxG[data-disabled]:not([data-loading]):active {
+      transform: none;
+    }
+
 .mantine-BWsEIZ5 {
   z-index: 1;
+}
+
+.mantine-gChJ7hu {
+  position: fixed;
+  z-index: var(--affix-z-index);
+  top: var(--affix-top);
+  left: var(--affix-left);
+  right: var(--affix-right);
+  bottom: var(--affix-bottom);
+}
+
+.mantine-wK6rTtU {
+  background-color: var(--alert-bg);
+  padding: var(--mantine-spacing-md) var(--mantine-spacing-xl);
+  border-radius: var(--alert-radius);
+  position: relative;
+  overflow: hidden;
+  border: var(--alert-bd);
+  color: var(--alert-color);
+}
+
+.mantine-j9KrEIg {
+  --_message-color: var(--alert-color);
+}
+
+.mantine-Dy-Ug58 {
+  --_message-color: var(--mantine-color-black);
+}
+
+.mantine-01p4pZq {
+  display: flex;
+}
+
+.mantine-9PtDsve {
+  flex: 1;
+}
+
+.mantine-dlG1-0a {
+  margin-bottom: var(--mantine-spacing-xs);
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: space-between;
+  font-size: var(--mantine-font-size-sm);
+  font-weight: 700;
+}
+
+.mantine-dlG1-0a[data-with-clos-button] {
+    padding-right: var(--mantine-spacing-md);
+  }
+
+.mantine-vl7zyk6 {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.mantine-BUZombZ {
+  line-height: 1;
+  width: calc(1.25rem * var(--mantine-scale));
+  height: calc(1.25rem * var(--mantine-scale));
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  margin-right: var(--mantine-spacing-md);
+  margin-top: calc(0.0625rem * var(--mantine-scale));
+}
+
+.mantine-hYsypua {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-size: var(--mantine-font-size-sm);
+  color: var(--_message-color, var(--__message-color));
+}
+
+[data-mantine-color-scheme='light'] .mantine-hYsypua {
+    --__message-color: var(--mantine-color-black);
+}
+
+@media (prefers-color-scheme: light) {
+
+  .mantine-hYsypua {
+    --__message-color: var(--mantine-color-black);
+  }
+}
+
+[data-mantine-color-scheme='dark'] .mantine-hYsypua {
+    --__message-color: var(--mantine-color-white);
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine-hYsypua {
+    --__message-color: var(--mantine-color-white);
+  }
+}
+
+.mantine-0870dm5 {
+  width: calc(1.25rem * var(--mantine-scale));
+  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);
 }
 
 .mantine-HAmVvpP {
   -webkit-tap-highlight-color: transparent;
   text-decoration: none;
-  font-size: var(--text-fz, inherit);
-  line-height: var(--_text-line-height, var(--text-lh));
-  font-weight: var(--_text-font-weight, normal);
+  font-size: var(--text-fz);
+  line-height: var(--text-lh);
+  font-weight: normal;
   margin: 0;
   padding: 0;
 }
@@ -391,8 +1179,9 @@ body {
   }
 
   .mantine-HAmVvpP[data-inherit] {
-    --_text-line-height: inherit;
-    --_text-font-weight: inherit;
+    line-height: inherit;
+    font-weight: inherit;
+    font-size: inherit;
   }
 
   .mantine-HAmVvpP[data-inline] {
@@ -429,6 +1218,111 @@ body {
     --_text-decoration: underline;
   }
 
+.mantine-iUBXcbk {
+  position: relative;
+  max-width: 100%;
+}
+
+  .mantine-iUBXcbk::before {
+    content: '';
+    height: 0;
+    display: block;
+    padding-bottom: calc((1 / var(--ar-ratio)) * 100%);
+  }
+
+  .mantine-iUBXcbk::after {
+    content: '';
+    display: table;
+    clear: both;
+  }
+
+  .mantine-iUBXcbk > *:not(style) {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .mantine-iUBXcbk > img,
+  .mantine-iUBXcbk > video {
+    object-fit: cover;
+  }
+
+.mantine-4FAj0g7 {
+  display: flex;
+  padding-left: var(--ag-spacing);
+}
+
+  [dir="rtl"] .mantine-4FAj0g7 {
+    padding-left: 0;
+    padding-right: var(--ag-spacing);
+}
+
+.mantine-f8qyj5h {
+  --avatar-size-xs: calc(1rem * var(--mantine-scale));
+  --avatar-size-sm: calc(1.625rem * var(--mantine-scale));
+  --avatar-size-md: calc(2.375rem * var(--mantine-scale));
+  --avatar-size-lg: calc(3.5rem * var(--mantine-scale));
+  --avatar-size-xl: calc(5.25rem * var(--mantine-scale));
+
+  -webkit-tap-highlight-color: transparent;
+  position: relative;
+  display: block;
+  user-select: none;
+  overflow: hidden;
+  border-radius: var(--avatar-radius);
+  text-decoration: none;
+  border: var(--_avatar-border, none);
+  background-color: var(--_avatar-bg, transparent);
+  padding: 0;
+  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);
+}
+
+  .mantine-f8qyj5h[data-within-group] {
+    --_avatar-ml: calc(var(--ag-spacing) * -1);
+    --_avatar-border: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-body);
+    --_avatar-bg: var(--mantine-color-body);
+  }
+
+  [dir="rtl"] .mantine-f8qyj5h[data-within-group] {
+      --_avatar-mr: calc(var(--ag-spacing) * -1);
+      --_avatar-ml: unset;
+}
+
+.mantine-BmxEl6O {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.mantine-2J4mxDh {
+  font-weight: 700;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  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);
+}
+
+.mantine-2J4mxDh > [data-avatar-placeholder-icon] {
+    width: 70%;
+    height: 70%;
+  }
+
 .mantine-mBE3oR4 {
   background-size: cover;
   background-position: center;
@@ -439,8 +1333,141 @@ body {
   border-radius: var(--bi-radius);
 }
 
+.mantine-WM8AqtG {
+  --badge-height-xs: calc(1rem * var(--mantine-scale));
+  --badge-height-sm: calc(1.125rem * var(--mantine-scale));
+  --badge-height-md: calc(1.25rem * var(--mantine-scale));
+  --badge-height-lg: calc(1.625rem * var(--mantine-scale));
+  --badge-height-xl: calc(2rem * var(--mantine-scale));
+
+  --badge-fz-xs: calc(0.5625rem * var(--mantine-scale));
+  --badge-fz-sm: calc(0.625rem * var(--mantine-scale));
+  --badge-fz-md: calc(0.6875rem * var(--mantine-scale));
+  --badge-fz-lg: calc(0.8125rem * var(--mantine-scale));
+  --badge-fz-xl: calc(1rem * var(--mantine-scale));
+
+  --badge-padding-x-xs: calc(0.375rem * var(--mantine-scale));
+  --badge-padding-x-sm: calc(0.5rem * var(--mantine-scale));
+  --badge-padding-x-md: calc(0.625rem * var(--mantine-scale));
+  --badge-padding-x-lg: calc(0.75rem * var(--mantine-scale));
+  --badge-padding-x-xl: calc(1rem * var(--mantine-scale));
+
+  font-size: var(--badge-fz);
+  border-radius: var(--badge-radius);
+  height: var(--badge-height);
+  -webkit-tap-highlight-color: transparent;
+  line-height: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
+  text-decoration: none;
+  padding: 0 var(--badge-padding-x);
+  display: var(--_badge-display, inline-flex);
+  align-items: center;
+  justify-content: center;
+  width: var(--_badge-width, auto);
+  text-transform: uppercase;
+  font-weight: 700;
+  letter-spacing: calc(0.015625rem * var(--mantine-scale));
+  cursor: inherit;
+  text-overflow: ellipsis;
+  overflow: hidden;
+
+  color: var(--badge-color);
+  background: var(--badge-bg);
+  border: var(--badge-bd);
+}
+
+  .mantine-WM8AqtG[data-block] {
+    --_badge-display: flex;
+    --_badge-width: 100%;
+  }
+
+.mantine-d3u1-wu {
+  --badge-dot-size: calc(var(--badge-height) / 3.4);
+
+  background-color: var(--_badge-bg);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_badge-border-color);
+  color: var(--_badge-color);
+}
+
+[data-mantine-color-scheme='light'] .mantine-d3u1-wu {
+    --_badge-bg: var(--mantine-color-white);
+    --_badge-border-color: var(--mantine-color-gray-4);
+    --_badge-color: var(--mantine-color-black);
+}
+
+@media (prefers-color-scheme: light) {
+
+  .mantine-d3u1-wu {
+    --_badge-bg: var(--mantine-color-white);
+    --_badge-border-color: var(--mantine-color-gray-4);
+    --_badge-color: var(--mantine-color-black);
+  }
+}
+
+[data-mantine-color-scheme='dark'] .mantine-d3u1-wu {
+    --_badge-bg: var(--mantine-color-dark-5);
+    --_badge-border-color: var(--mantine-color-dark-5);
+    --_badge-color: var(--mantine-color-white);
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine-d3u1-wu {
+    --_badge-bg: var(--mantine-color-dark-5);
+    --_badge-border-color: var(--mantine-color-dark-5);
+    --_badge-color: var(--mantine-color-white);
+  }
+}
+
+.mantine-d3u1-wu::before {
+    content: '';
+    display: block;
+    width: var(--badge-dot-size);
+    height: var(--badge-dot-size);
+    border-radius: var(--badge-dot-size);
+    background-color: var(--badge-dot-color);
+    margin-right: var(--badge-dot-size);
+  }
+
+[dir="rtl"] .mantine-d3u1-wu::before {
+      margin-right: 0;
+      margin-left: var(--badge-dot-size);
+}
+
+.mantine-LN56t-P {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.mantine-cbpGUul {
+  --_section-margin: calc(var(--mantine-spacing-xs) / 2);
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.mantine-cbpGUul[data-position='left'] {
+    margin-left: var(--_left-section-ml, 0);
+    margin-right: var(--_left-section-mr, var(--_section-margin));
+  }
+
+[dir="rtl"] .mantine-cbpGUul[data-position='left'] {
+      --_left-section-ml: var(--_section-margin);
+      --_left-section-mr: 0;
+}
+
+.mantine-cbpGUul[data-position='right'] {
+    margin-left: var(--_right-section-ml, var(--_section-margin));
+    margin-right: var(--_right-section-mr, 0);
+  }
+
+[dir="rtl"] .mantine-cbpGUul[data-position='right'] {
+      --_right-section-mr: var(--_section-margin);
+      --_right-section-ml: 0;
+}
+
 .mantine-ecNe4vP {
-  --_bq-border: 0.1875rem solid var(--bq-bd);
+  --_bq-border: calc(0.1875rem * var(--mantine-scale)) solid var(--bq-bd);
 
   position: relative;
   margin: 0;
@@ -452,7 +1479,7 @@ body {
   border-top-right-radius: var(--_bq-radius-right, var(--bq-radius));
   border-bottom-left-radius: var(--_bq-radius-left, 0);
   border-bottom-right-radius: var(--_bq-radius-right, var(--bq-radius));
-  padding: var(--mantine-spacing-xl) 2.375rem;
+  padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale));
 }
 
   [dir="rtl"] .mantine-ecNe4vP {
@@ -555,11 +1582,11 @@ body {
 }
 
 .mantine-PpER79h {
-  --burger-size-xs: 0.75rem;
-  --burger-size-sm: 1.125rem;
-  --burger-size-md: 1.5rem;
-  --burger-size-lg: 2.125rem;
-  --burger-size-xl: 2.625rem;
+  --burger-size-xs: calc(0.75rem * var(--mantine-scale));
+  --burger-size-sm: calc(1.125rem * var(--mantine-scale));
+  --burger-size-md: calc(1.5rem * var(--mantine-scale));
+  --burger-size-lg: calc(2.125rem * var(--mantine-scale));
+  --burger-size-xl: calc(2.625rem * var(--mantine-scale));
 
   width: calc(var(--burger-size) + var(--mantine-spacing-xs));
   height: calc(var(--burger-size) + var(--mantine-spacing-xs));
@@ -603,7 +1630,7 @@ body {
     width: var(--burger-size);
     height: calc(var(--burger-size) / 12);
     background-color: var(--_burger-color);
-    outline: 0.0625rem solid transparent;
+    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);
@@ -644,19 +1671,19 @@ body {
     flex-direction: row;
   }
 
-  .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):first-of-type {
+  .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):first-child {
         border-bottom-right-radius: 0;
         border-top-right-radius: 0;
         border-right-width: calc(var(--button-border-width) / 2);
       }
 
-  .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):last-of-type {
+  .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):last-child {
         border-bottom-left-radius: 0;
         border-top-left-radius: 0;
         border-left-width: calc(var(--button-border-width) / 2);
       }
 
-  .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):not(:first-of-type):not(:last-of-type) {
+  .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):not(:first-child):not(:last-child) {
         border-radius: 0;
         border-right-width: calc(var(--button-border-width) / 2);
         border-left-width: calc(var(--button-border-width) / 2);
@@ -666,48 +1693,48 @@ body {
     flex-direction: column;
   }
 
-  .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):first-of-type {
+  .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):first-child {
         border-bottom-left-radius: 0;
         border-bottom-right-radius: 0;
         border-bottom-width: calc(var(--button-border-width) / 2);
       }
 
-  .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):last-of-type {
+  .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):last-child {
         border-top-left-radius: 0;
         border-top-right-radius: 0;
         border-top-width: calc(var(--button-border-width) / 2);
       }
 
-  .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):not(:first-of-type):not(:last-of-type) {
+  .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):not(:first-child):not(:last-child) {
         border-radius: 0;
         border-bottom-width: calc(var(--button-border-width) / 2);
         border-top-width: calc(var(--button-border-width) / 2);
       }
 
 .mantine-c33yiTy {
-  --button-height-xs: 1.875rem;
-  --button-height-sm: 2.25rem;
-  --button-height-md: 2.625rem;
-  --button-height-lg: 3.125rem;
-  --button-height-xl: 3.75rem;
-
-  --button-height-compact-xs: 1.375rem;
-  --button-height-compact-sm: 1.625rem;
-  --button-height-compact-md: 1.875rem;
-  --button-height-compact-lg: 2.125rem;
-  --button-height-compact-xl: 2.5rem;
-
-  --button-padding-x-xs: 0.875rem;
-  --button-padding-x-sm: 1.125rem;
-  --button-padding-x-md: 1.375rem;
-  --button-padding-x-lg: 1.625rem;
-  --button-padding-x-xl: 2rem;
-
-  --button-padding-x-compact-xs: 0.4375rem;
-  --button-padding-x-compact-sm: 0.5rem;
-  --button-padding-x-compact-md: 0.625rem;
-  --button-padding-x-compact-lg: 0.75rem;
-  --button-padding-x-compact-xl: 0.875rem;
+  --button-height-xs: calc(1.875rem * var(--mantine-scale));
+  --button-height-sm: calc(2.25rem * var(--mantine-scale));
+  --button-height-md: calc(2.625rem * var(--mantine-scale));
+  --button-height-lg: calc(3.125rem * var(--mantine-scale));
+  --button-height-xl: calc(3.75rem * var(--mantine-scale));
+
+  --button-height-compact-xs: calc(1.375rem * var(--mantine-scale));
+  --button-height-compact-sm: calc(1.625rem * var(--mantine-scale));
+  --button-height-compact-md: calc(1.875rem * var(--mantine-scale));
+  --button-height-compact-lg: calc(2.125rem * var(--mantine-scale));
+  --button-height-compact-xl: calc(2.5rem * var(--mantine-scale));
+
+  --button-padding-x-xs: calc(0.875rem * var(--mantine-scale));
+  --button-padding-x-sm: calc(1.125rem * var(--mantine-scale));
+  --button-padding-x-md: calc(1.375rem * var(--mantine-scale));
+  --button-padding-x-lg: calc(1.625rem * var(--mantine-scale));
+  --button-padding-x-xl: calc(2rem * var(--mantine-scale));
+
+  --button-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
+  --button-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
+  --button-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
+  --button-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
+  --button-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));
 
   user-select: none;
   font-weight: 600;
@@ -768,7 +1795,7 @@ body {
   .mantine-c33yiTy[data-loading]::before {
       content: '';
       position: absolute;
-      inset: -0.0625rem;
+      inset: calc(-0.0625rem * var(--mantine-scale));
       border-radius: var(--button-radius);
       background-color: var(--_button-loading-overlay-bg);
     }
@@ -877,7 +1904,7 @@ body {
 .mantine-pIzHFb4 {
   font-family: var(--mantine-font-family-monospace);
   line-height: var(--mantine-line-height);
-  padding: var(--_code-padding, 0.125rem calc(var(--mantine-spacing-xs) / 2));
+  padding: var(--_code-padding, calc(0.125rem * var(--mantine-scale)) calc(var(--mantine-spacing-xs) / 2));
   border-radius: var(--mantine-radius-sm);
   font-size: var(--mantine-font-size-xs);
   background-color: var(--_code-bg);
@@ -969,15 +1996,15 @@ body {
   inset: 0;
   border-radius: var(--cs-radius);
   z-index: 1;
-  box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.0625rem inset, rgb(0, 0, 0, 0.15) 0 0 0.25rem 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;
 }
 
 .mantine-moWfGYP {
   position: absolute;
   inset: 0;
   border-radius: var(--cs-radius);
-  background-size: 0.5rem 0.5rem;
-  background-position: 0 0, 0 0.25rem, 0.25rem -0.25rem, -0.25rem 0;
+  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-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%),
@@ -995,32 +2022,32 @@ body {
 }
 
 .mantine-RhoTzer {
-  --cp-width-xs: 11.25rem;
-  --cp-width-sm: 12.5rem;
-  --cp-width-md: 15rem;
-  --cp-width-lg: 17.5rem;
-  --cp-width-xl: 20rem;
-
-  --cp-preview-size-xs: 1.625rem;
-  --cp-preview-size-sm: 2.125rem;
-  --cp-preview-size-md: 2.625rem;
-  --cp-preview-size-lg: 3.125rem;
-  --cp-preview-size-xl: 3.375rem;
-
-  --cp-thumb-size-xs: 0.5rem;
-  --cp-thumb-size-sm: 0.75rem;
-  --cp-thumb-size-md: 1rem;
-  --cp-thumb-size-lg: 1.25rem;
-  --cp-thumb-size-xl: 1.375rem;
-
-  --cp-saturation-height-xs: 6.25rem;
-  --cp-saturation-height-sm: 6.875rem;
-  --cp-saturation-height-md: 7.5rem;
-  --cp-saturation-height-lg: 8.75rem;
-  --cp-saturation-height-xl: 10rem;
+  --cp-width-xs: calc(11.25rem * var(--mantine-scale));
+  --cp-width-sm: calc(12.5rem * var(--mantine-scale));
+  --cp-width-md: calc(15rem * var(--mantine-scale));
+  --cp-width-lg: calc(17.5rem * var(--mantine-scale));
+  --cp-width-xl: calc(20rem * var(--mantine-scale));
+
+  --cp-preview-size-xs: calc(1.625rem * var(--mantine-scale));
+  --cp-preview-size-sm: calc(2.125rem * var(--mantine-scale));
+  --cp-preview-size-md: calc(2.625rem * var(--mantine-scale));
+  --cp-preview-size-lg: calc(3.125rem * var(--mantine-scale));
+  --cp-preview-size-xl: calc(3.375rem * var(--mantine-scale));
+
+  --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
+  --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
+  --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
+  --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
+  --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));
+
+  --cp-saturation-height-xs: calc(6.25rem * var(--mantine-scale));
+  --cp-saturation-height-sm: calc(6.875rem * var(--mantine-scale));
+  --cp-saturation-height-md: calc(7.5rem * var(--mantine-scale));
+  --cp-saturation-height-lg: calc(8.75rem * var(--mantine-scale));
+  --cp-saturation-height-xl: calc(10rem * var(--mantine-scale));
 
   width: var(--cp-width);
-  padding: 0.0625rem;
+  padding: calc(0.0625rem * var(--mantine-scale));
 }
 
 .mantine-v16j2jS {
@@ -1044,8 +2071,8 @@ body {
 .mantine-DJZAmcN {
   overflow: hidden;
   position: absolute;
-  box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0.6);
-  border: 0.125rem solid var(--mantine-color-white);
+  box-shadow: 0 0 calc(0.0625rem * var(--mantine-scale)) rgba(0, 0, 0, 0.6);
+  border: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-white);
   width: var(--cp-thumb-size);
   height: var(--cp-thumb-size);
   border-radius: var(--cp-thumb-size);
@@ -1056,18 +2083,18 @@ body {
 
 .mantine-mSFZEpu {
   height: 0;
-  margin: 0.125rem;
+  margin: calc(0.125rem * var(--mantine-scale));
   cursor: pointer;
-  width: calc(var(--cp-swatch-size) - 0.25rem);
-  padding-bottom: calc(var(--cp-swatch-size) - 0.25rem);
+  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;
 }
 
 .mantine-CPxyKG9 {
-  margin-top: 0.3125rem;
-  margin-left: -0.125rem;
-  margin-right: -0.125rem;
+  margin-top: calc(0.3125rem * var(--mantine-scale));
+  margin-left: calc(-0.125rem * var(--mantine-scale));
+  margin-right: calc(-0.125rem * var(--mantine-scale));
   display: flex;
   flex-wrap: wrap;
 }
@@ -1081,37 +2108,37 @@ body {
 }
 
 .mantine-TPZ71OH[data-focus-ring='auto']:focus:focus-visible .mantine-DJZAmcN {
-        --_outline: 0.125rem solid var(--mantine-color-blue-filled);
+        --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
       }
 
 .mantine-TPZ71OH[data-focus-ring='always']:focus .mantine-DJZAmcN {
-        --_outline: 0.125rem solid var(--mantine-color-blue-filled);
+        --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
       }
 
 .mantine-8lc2iAe {
   position: absolute;
   border-radius: var(--mantine-radius-sm);
-  inset: calc(var(--cp-thumb-size) * -1 / 2 - 0.0625rem);
+  inset: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
 }
 
 .mantine-PKmOErI {
   position: relative;
-  height: calc(var(--cp-thumb-size) + 0.125rem);
+  height: calc(var(--cp-thumb-size) + calc(0.125rem * var(--mantine-scale)));
   margin-left: calc(var(--cp-thumb-size) / 2);
   margin-right: calc(var(--cp-thumb-size) / 2);
   outline: none;
 }
 
 .mantine-PKmOErI + .mantine-PKmOErI {
-    margin-top: 0.375rem;
+    margin-top: calc(0.375rem * var(--mantine-scale));
   }
 
 .mantine-PKmOErI[data-focus-ring='auto']:focus:focus-visible .mantine-DJZAmcN {
-        --_outline: 0.125rem solid var(--mantine-color-blue-filled);
+        --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
       }
 
 .mantine-PKmOErI[data-focus-ring='always']:focus .mantine-DJZAmcN {
-        --_outline: 0.125rem solid var(--mantine-color-blue-filled);
+        --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
       }
 
 [data-mantine-color-scheme='light'] .mantine-PKmOErI {
@@ -1140,17 +2167,17 @@ body {
   position: absolute;
   top: 0;
   bottom: 0;
-  left: calc(var(--cp-thumb-size) * -1 / 2 - 0.0625rem);
-  right: calc(var(--cp-thumb-size) * -1 / 2 - 0.0625rem);
+  left: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
+  right: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
   border-radius: 10000rem;
 }
 
 .mantine-jQnfD5v {
-  --container-size-xs: 33.75rem;
-  --container-size-sm: 45rem;
-  --container-size-md: 60rem;
-  --container-size-lg: 71.25rem;
-  --container-size-xl: 82.5rem;
+  --container-size-xs: calc(33.75rem * var(--mantine-scale));
+  --container-size-sm: calc(45rem * var(--mantine-scale));
+  --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));
 
   padding-left: var(--mantine-spacing-md);
   padding-right: var(--mantine-spacing-md);
@@ -1159,6 +2186,96 @@ body {
   margin-right: auto;
 }
 
+.mantine-uP4C4WW {
+  --divider-size-xs: calc(0.0625rem * var(--mantine-scale));
+  --divider-size-sm: calc(0.125rem * var(--mantine-scale));
+  --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));
+}
+
+  [data-mantine-color-scheme='light'] .mantine-uP4C4WW {
+    --_divider-color: var(--mantine-color-gray-4);
+}
+
+  @media (prefers-color-scheme: light) {
+
+  .mantine-uP4C4WW {
+    --_divider-color: var(--mantine-color-gray-4);
+  }
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-uP4C4WW {
+    --_divider-color: var(--mantine-color-dark-4);
+}
+
+  @media (prefers-color-scheme: dark) {
+
+  .mantine-uP4C4WW {
+    --_divider-color: var(--mantine-color-dark-4);
+  }
+}
+
+  .mantine-uP4C4WW[data-orientation='horizontal'] {
+    border-top: var(--divider-size) var(--divider-border-style, solid)
+      var(--divider-color, var(--_divider-color));
+  }
+
+  .mantine-uP4C4WW[data-orientation='vertical'] {
+    border-left: var(--divider-size) var(--divider-border-style, solid)
+      var(--divider-color, var(--_divider-color));
+    height: auto;
+    align-self: stretch;
+  }
+
+  .mantine-uP4C4WW[data-with-label] {
+    border: 0;
+  }
+
+.mantine--fjjU6c {
+  display: flex;
+  align-items: center;
+  font-size: var(--mantine-font-size-xs);
+  color: var(--divider-color, var(--mantine-color-dimmed));
+  white-space: nowrap;
+}
+
+.mantine--fjjU6c[data-position='left']::before {
+      display: none;
+    }
+
+.mantine--fjjU6c[data-position='right']::after {
+      display: none;
+    }
+
+.mantine--fjjU6c::before {
+    content: '';
+    flex: 1;
+    height: calc(0.0625rem * var(--mantine-scale));
+    border-top: var(--divider-size) var(--divider-border-style, solid)
+      var(--divider-color, var(--_divider-color));
+    margin-right: var(--mantine-spacing-xs);
+  }
+
+[dir="rtl"] .mantine--fjjU6c::before {
+      margin-right: 0;
+      margin-left: var(--mantine-spacing-xs);
+}
+
+.mantine--fjjU6c::after {
+    content: '';
+    flex: 1;
+    height: calc(0.0625rem * var(--mantine-scale));
+    border-top: var(--divider-size) var(--divider-border-style, solid)
+      var(--divider-color, var(--_divider-color));
+    margin-left: var(--mantine-spacing-xs);
+  }
+
+[dir="rtl"] .mantine--fjjU6c::after {
+      margin-left: 0;
+      margin-right: var(--mantine-spacing-xs);
+}
+
 .mantine-SGOzUCS {
   display: flex;
   flex-direction: row;
@@ -1250,40 +2367,40 @@ body {
   margin-top: var(--input-margin-top, 0rem);
   margin-bottom: var(--input-margin-bottom, 0rem);
 
-  --input-height-xs: 1.875rem;
-  --input-height-sm: 2.25rem;
-  --input-height-md: 2.625rem;
-  --input-height-lg: 3.125rem;
-  --input-height-xl: 3.75rem;
+  --input-height-xs: calc(1.875rem * var(--mantine-scale));
+  --input-height-sm: calc(2.25rem * var(--mantine-scale));
+  --input-height-md: calc(2.625rem * var(--mantine-scale));
+  --input-height-lg: calc(3.125rem * var(--mantine-scale));
+  --input-height-xl: calc(3.75rem * var(--mantine-scale));
 
-  --input-padding-y-xs: 0.3125rem;
-  --input-padding-y-sm: 0.375rem;
-  --input-padding-y-md: 0.5rem;
-  --input-padding-y-lg: 0.625rem;
-  --input-padding-y-xl: 0.8125rem;
+  --input-padding-y-xs: calc(0.3125rem * var(--mantine-scale));
+  --input-padding-y-sm: calc(0.375rem * var(--mantine-scale));
+  --input-padding-y-md: calc(0.5rem * var(--mantine-scale));
+  --input-padding-y-lg: calc(0.625rem * var(--mantine-scale));
+  --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));
 
   --_input-cursor: text;
   --_input-text-align: left;
-  --_input-line-height: calc(var(--input-height) - 0.125rem);
+  --_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) - 0.125rem));
+  --_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) - 0.125rem)
+    calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)))
   );
   --_input-size: var(--input-height);
 
-  --_section-y: 0.0625rem;
-  --_left-section-left: 0.0625rem;
+  --_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);
 
   --_right-section-left: unset;
-  --_right-section-right: 0.0625rem;
+  --_right-section-right: calc(0.0625rem * var(--mantine-scale));
   --_right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
 }
 
@@ -1425,9 +2542,9 @@ body {
   [dir="rtl"] .mantine-RqD0YyD {
     --_input-text-align: right;
     --_left-section-left: unset;
-    --_left-section-right: 0.0625rem;
+    --_left-section-right: calc(0.0625rem * var(--mantine-scale));
     --_left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
-    --_right-section-left: 0.0625rem;
+    --_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);
 }
@@ -1442,7 +2559,7 @@ body {
 
   text-align: var(--_input-text-align);
   color: var(--_input-color);
-  border: 0.0625rem solid var(--_input-bd);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_input-bd);
   background-color: var(--_input-bg);
   font-family: var(--mantine-font-family);
   height: var(--_input-size);
@@ -1522,17 +2639,17 @@ body {
   }
 
 .mantine-w2QLGBV {
-  --kbd-fz-xs: 0.625rem;
-  --kbd-fz-sm: 0.75rem;
-  --kbd-fz-md: 0.875rem;
-  --kbd-fz-lg: 1rem;
-  --kbd-fz-xl: 1.25rem;
-
-  --kbd-padding-xs: 0.125rem 0.25rem;
-  --kbd-padding-sm: 0.1875rem 0.3125rem;
-  --kbd-padding-md: 0.25rem 0.4375rem;
-  --kbd-padding-lg: 0.3125rem 0.5625rem;
-  --kbd-padding-xl: 0.5rem 0.875rem;
+  --kbd-fz-xs: calc(0.625rem * var(--mantine-scale));
+  --kbd-fz-sm: calc(0.75rem * var(--mantine-scale));
+  --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-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));
 
   font-family: var(--mantine-font-family-monospace);
   line-height: var(--mantine-line-height);
@@ -1540,8 +2657,8 @@ body {
   padding: var(--kbd-padding);
   font-size: var(--kbd-fz);
   border-radius: var(--mantine-radius-sm);
-  border: 0.0625rem solid var(--_kbd-border-color);
-  border-bottom-width: 0.1875rem;
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_kbd-border-color);
+  border-bottom-width: calc(0.1875rem * var(--mantine-scale));
   background-color: var(--_kbd-bg);
   color: var(--_kbd-color);
 }
@@ -1577,11 +2694,11 @@ body {
 }
 
 .mantine--1TgA5h {
-  --combobox-chevron-size-xs: 0.875rem;
-  --combobox-chevron-size-sm: 1.125rem;
-  --combobox-chevron-size-md: 1.25rem;
-  --combobox-chevron-size-lg: 1.5rem;
-  --combobox-chevron-size-xl: 1.75rem;
+  --combobox-chevron-size-xs: calc(0.875rem * var(--mantine-scale));
+  --combobox-chevron-size-sm: calc(1.125rem * var(--mantine-scale));
+  --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));
 
   width: var(--combobox-chevron-size);
   height: var(--combobox-chevron-size);
@@ -1614,6 +2731,25 @@ body {
     --_color: var(--mantine-color-error);
   }
 
+.mantine-aUY-pnb {
+  inset: 0;
+  position: var(--_overlay-position, absolute);
+  background: var(--overlay-bg);
+  backdrop-filter: var(--overlay-filter);
+  border-radius: var(--overlay-radius);
+  z-index: var(--overlay-z-index);
+}
+
+  .mantine-aUY-pnb[data-fixed] {
+    --_overlay-position: fixed;
+  }
+
+  .mantine-aUY-pnb[data-center] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
 .mantine-lqpFSmK {
   outline: 0;
   -webkit-tap-highlight-color: transparent;
@@ -1655,7 +2791,7 @@ body {
 .mantine-Hu7S-XH {
   position: absolute;
   background-color: var(--_popover-bg);
-  border: 0.0625rem solid var(--_popover-bd);
+  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);
@@ -1693,15 +2829,19 @@ body {
 
 .mantine-XLi9Yuw {
   background-color: inherit;
-  border: 0.0625rem solid var(--_popover-bd);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_popover-bd);
   z-index: 1;
 }
 
 .mantine--CW641A {
+  position: relative;
   overflow: hidden;
 }
 
 .mantine-VMS5T20 {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  -webkit-overflow-scrolling: touch;
   width: 100%;
   height: 100%;
   padding-right: var(--_viewport-padding-right, 0rem);
@@ -1709,6 +2849,10 @@ body {
   padding-bottom: var(--_viewport-padding-bottom, 0rem);
 }
 
+.mantine-VMS5T20::-webkit-scrollbar {
+    display: none;
+  }
+
 .mantine-VMS5T20[data-offset-scrollbars] {
     --_viewport-padding-right: var(--scrollarea-scrollbar-size);
     --_viewport-padding-bottom: var(--scrollarea-scrollbar-size);
@@ -1720,6 +2864,11 @@ body {
       --_viewport-padding-left: var(--scrollarea-scrollbar-size);
 }
 
+.mantine-u-8GE5z {
+  min-width: 100%;
+  display: table;
+}
+
 .mantine-zngBbDv {
   user-select: none;
   touch-action: none;
@@ -1727,8 +2876,8 @@ body {
   transition: background-color 150ms ease, opacity 150ms ease;
 
   padding: calc(var(--scrollarea-scrollbar-size) / 5);
-  display: var(--_scrollbar-display);
-  background-color: var(--_scrollbar-bg);
+  display: var(--_scrollbar-display, flex);
+  background-color: var(--_scrollbar-bg, transparent);
   width: var(--_scrollbar-width);
   height: var(--_scrollbar-height);
   flex-direction: var(--_scrollbar-direction, row);
@@ -1738,12 +2887,6 @@ body {
     background-color: var(--_thumb-bg);
   }
 
-.mantine-zngBbDv {
-
-  --_scrollbar-display: flex;
-  --_scrollbar-bg: transparent;
-}
-
 @media (hover: hover) {
     [data-mantine-color-scheme='light'] .mantine-zngBbDv:hover {
       --_scrollbar-bg: var(--mantine-color-gray-0);
@@ -1805,13 +2948,31 @@ body {
 
 .mantine-zngBbDv[data-orientation='vertical'] {
     --_scrollbar-width: var(--scrollarea-scrollbar-size);
+
+    top: 0;
+    bottom: var(--sa-corner-width);
+    right: 0;
   }
 
+[dir="rtl"] .mantine-zngBbDv[data-orientation='vertical'] {
+      right: unset;
+      left: 0;
+}
+
 .mantine-zngBbDv[data-orientation='horizontal'] {
     --_scrollbar-height: var(--scrollarea-scrollbar-size);
     --_scrollbar-direction: column;
+
+    bottom: 0;
+    left: 0;
+    right: var(--sa-corner-height);
   }
 
+[dir="rtl"] .mantine-zngBbDv[data-orientation='horizontal'] {
+      right: 0;
+      left: var(--sa-corner-height);
+}
+
 .mantine-5u72r1f {
   flex: 1;
   border-radius: var(--scrollarea-scrollbar-size);
@@ -1829,8 +2990,8 @@ body {
     transform: translate(-50%, -50%);
     width: 100%;
     height: 100%;
-    min-width: 2.75rem;
-    min-height: 2.75rem;
+    min-width: calc(2.75rem * var(--mantine-scale));
+    min-height: calc(2.75rem * var(--mantine-scale));
   }
 
 [data-mantine-color-scheme='light'] .mantine-5u72r1f {
@@ -1856,13 +3017,19 @@ body {
 }
 
 .mantine-29iF76- {
-  opacity: var(--_corner-opacity);
+  position: absolute;
+  opacity: var(--_corner-opacity, 0);
   transition: opacity 150ms ease;
   background-color: var(--_corner-bg);
-  display: var(--_corner-display);
+  display: var(--_corner-display, block);
+  right: 0;
+  bottom: 0;
+}
 
-  --_corner-opacity: 0;
-  --_corner-display: block;
+[dir="rtl"] .mantine-29iF76- {
+    right: unset;
+    left: 0;
+    bottom: 0;
 }
 
 [data-mantine-color-scheme='light'] .mantine-29iF76- {
@@ -1896,11 +3063,11 @@ body {
   }
 
 .mantine-7LbAahg {
-  --sc-padding-xs: 0.1875rem 0.375rem;
-  --sc-padding-sm: 0.3125rem 0.625rem;
-  --sc-padding-md: 0.4375rem 0.875rem;
-  --sc-padding-lg: 0.5625rem 1rem;
-  --sc-padding-xl: 0.75rem 1.25rem;
+  --sc-padding-xs: calc(0.1875rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
+  --sc-padding-sm: calc(0.3125rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
+  --sc-padding-md: calc(0.4375rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
+  --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));
 
   position: relative;
   display: var(--_display, inline-flex);
@@ -2134,11 +3301,11 @@ body {
 }
 
 .mantine-i69xIe7[data-focus-ring='auto']:focus:focus-visible + .mantine-xOh3CVo {
-        --_outline: 0.125rem solid var(--mantine-color-blue-filled);
+        --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
       }
 
 .mantine-i69xIe7[data-focus-ring='always']:focus + .mantine-xOh3CVo {
-        --_outline: 0.125rem solid var(--mantine-color-blue-filled);
+        --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
       }
 
 .mantine-y34erSP {
@@ -2146,56 +3313,69 @@ body {
   flex: 1;
   z-index: 2;
   transition: border-color var(--sc-transition-duration) var(--sc-transition-timing-function);
-  border-style: solid;
-  border-width: var(--_border-width, 0);
-  border-color: var(--_border-color);
 }
 
+.mantine-y34erSP::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    background-color: var(--_separator-color);
+    width: calc(0.0625rem * var(--mantine-scale));
+    transition: background-color var(--sc-transition-duration) var(--sc-transition-timing-function);
+  }
+
+[dir="rtl"] .mantine-y34erSP::before {
+      right: 0;
+      left: auto;
+}
+
+.mantine-y34erSP[data-orientation='vertical']::before {
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: auto;
+      height: calc(0.0625rem * var(--mantine-scale));
+      width: auto;
+    }
+
 [data-mantine-color-scheme='light'] .mantine-y34erSP {
-    --_border-color: var(--mantine-color-gray-3);
+    --_separator-color: var(--mantine-color-gray-3);
 }
 
 @media (prefers-color-scheme: light) {
 
   .mantine-y34erSP {
-    --_border-color: var(--mantine-color-gray-3);
+    --_separator-color: var(--mantine-color-gray-3);
   }
 }
 
 [data-mantine-color-scheme='dark'] .mantine-y34erSP {
-    --_border-color: var(--mantine-color-dark-4);
+    --_separator-color: var(--mantine-color-dark-4);
 }
 
 @media (prefers-color-scheme: dark) {
 
   .mantine-y34erSP {
-    --_border-color: var(--mantine-color-dark-4);
-  }
-}
-
-.mantine-y34erSP:not(:first-of-type) {
-    --_border-width: 0 0 0 0.0625rem;
+    --_separator-color: var(--mantine-color-dark-4);
   }
-
-[dir="rtl"] .mantine-y34erSP:not(:first-of-type) {
-      --_border-width: 0 0.0625rem 0 0;
 }
 
-.mantine-y34erSP:not(:first-of-type)[data-orientation='vertical'] {
-      --_border-width: 0.0625rem 0 0 0;
+.mantine-y34erSP:first-of-type::before {
+      --_separator-color: transparent;
     }
 
-[data-mantine-color-scheme] .mantine-y34erSP[data-active],
-      [data-mantine-color-scheme] .mantine-y34erSP[data-active] + .mantine-y34erSP {
-        --_border-color: transparent;
-      }
+[data-mantine-color-scheme] .mantine-y34erSP[data-active]::before, [data-mantine-color-scheme] .mantine-y34erSP[data-active] + .mantine-y34erSP::before {
+          --_separator-color: transparent;
+        }
 
 .mantine-nol3fL4 {
-  --slider-size-xs: 0.25rem;
-  --slider-size-sm: 0.375rem;
-  --slider-size-md: 0.5rem;
-  --slider-size-lg: 0.625rem;
-  --slider-size-xl: 0.75rem;
+  --slider-size-xs: calc(0.25rem * var(--mantine-scale));
+  --slider-size-sm: calc(0.375rem * var(--mantine-scale));
+  --slider-size-md: calc(0.5rem * var(--mantine-scale));
+  --slider-size-lg: calc(0.625rem * var(--mantine-scale));
+  --slider-size-xl: calc(0.75rem * var(--mantine-scale));
 
   -webkit-tap-highlight-color: transparent;
   outline: none;
@@ -2237,7 +3417,7 @@ body {
 
 .mantine-xKQTtLt {
   position: absolute;
-  top: -2.25rem;
+  top: calc(-2.25rem * var(--mantine-scale));
   background-color: var(--_label-bg);
   font-size: var(--mantine-font-size-xs);
   color: var(--mantine-color-white);
@@ -2277,7 +3457,7 @@ body {
   height: var(--slider-thumb-size);
   width: var(--slider-thumb-size);
   background-color: var(--_thumb-bg);
-  border: 0.25rem solid var(--_thumb-bd);
+  border: calc(0.25rem * var(--mantine-scale)) solid var(--_thumb-bd);
   color: var(--_thumb-bd);
   transform: var(--_thumb-transform, translate(-50%, -50%));
   top: 50%;
@@ -2290,7 +3470,7 @@ body {
   user-select: none;
   touch-action: none;
   box-shadow: var(--_thumb-box-shadow, none);
-  outline-offset: 0.125rem;
+  outline-offset: calc(0.125rem * var(--mantine-scale));
   left: var(--slider-thumb-offset);
 }
 
@@ -2338,7 +3518,7 @@ body {
   display: flex;
   align-items: center;
   width: 100%;
-  height: 100%;
+  height: calc(var(--slider-size) * 2);
   cursor: var(--_track-cursor, pointer);
 }
 
@@ -2433,10 +3613,10 @@ body {
 }
 
 .mantine-Qm4b1ye {
-  border: 0.125rem solid var(--_mark-bd);
+  border: calc(0.125rem * var(--mantine-scale)) solid var(--_mark-bd);
   height: var(--slider-size);
   width: var(--slider-size);
-  border-radius: 62.5rem;
+  border-radius: calc(62.5rem * var(--mantine-scale));
   transform: translateX((calc(var(--slider-size) / -2)));
   background-color: var(--_mark-bg, var(--mantine-color-white));
   pointer-events: none;
@@ -2530,11 +3710,11 @@ body {
 }
 
 .mantine-3rVj5cu {
-  --label-lh-xs: 1rem;
-  --label-lh-sm: 1.25rem;
-  --label-lh-md: 1.5rem;
-  --label-lh-lg: 1.875rem;
-  --label-lh-xl: 2.25rem;
+  --label-lh-xs: calc(1rem * var(--mantine-scale));
+  --label-lh-sm: calc(1.25rem * var(--mantine-scale));
+  --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));
 }
 
   .mantine-3rVj5cu[data-label-position='left'] {
@@ -2615,35 +3795,35 @@ body {
 }
 
 .mantine-ALPBoeW {
-  --switch-height-xs: 1rem;
-  --switch-height-sm: 1.25rem;
-  --switch-height-md: 1.5rem;
-  --switch-height-lg: 1.875rem;
-  --switch-height-xl: 2.25rem;
-
-  --switch-width-xs: 2rem;
-  --switch-width-sm: 2.375rem;
-  --switch-width-md: 2.875rem;
-  --switch-width-lg: 3.5rem;
-  --switch-width-xl: 4.5rem;
-
-  --switch-thumb-size-xs: 0.75rem;
-  --switch-thumb-size-sm: 0.875rem;
-  --switch-thumb-size-md: 1.125rem;
-  --switch-thumb-size-lg: 1.375rem;
-  --switch-thumb-size-xl: 1.75rem;
-
-  --switch-label-font-size-xs: 0.3125rem;
-  --switch-label-font-size-sm: 0.375rem;
-  --switch-label-font-size-md: 0.4375rem;
-  --switch-label-font-size-lg: 0.5625rem;
-  --switch-label-font-size-xl: 0.6875rem;
-
-  --switch-track-label-padding-xs: 0.0625rem;
-  --switch-track-label-padding-sm: 0.125rem;
-  --switch-track-label-padding-md: 0.125rem;
-  --switch-track-label-padding-lg: 0.1875rem;
-  --switch-track-label-padding-xl: 0.1875rem;
+  --switch-height-xs: calc(1rem * var(--mantine-scale));
+  --switch-height-sm: calc(1.25rem * var(--mantine-scale));
+  --switch-height-md: calc(1.5rem * var(--mantine-scale));
+  --switch-height-lg: calc(1.875rem * var(--mantine-scale));
+  --switch-height-xl: calc(2.25rem * var(--mantine-scale));
+
+  --switch-width-xs: calc(2rem * var(--mantine-scale));
+  --switch-width-sm: calc(2.375rem * var(--mantine-scale));
+  --switch-width-md: calc(2.875rem * var(--mantine-scale));
+  --switch-width-lg: calc(3.5rem * var(--mantine-scale));
+  --switch-width-xl: calc(4.5rem * var(--mantine-scale));
+
+  --switch-thumb-size-xs: calc(0.75rem * var(--mantine-scale));
+  --switch-thumb-size-sm: calc(0.875rem * var(--mantine-scale));
+  --switch-thumb-size-md: calc(1.125rem * var(--mantine-scale));
+  --switch-thumb-size-lg: calc(1.375rem * var(--mantine-scale));
+  --switch-thumb-size-xl: calc(1.75rem * var(--mantine-scale));
+
+  --switch-label-font-size-xs: calc(0.3125rem * var(--mantine-scale));
+  --switch-label-font-size-sm: calc(0.375rem * var(--mantine-scale));
+  --switch-label-font-size-md: calc(0.4375rem * var(--mantine-scale));
+  --switch-label-font-size-lg: calc(0.5625rem * var(--mantine-scale));
+  --switch-label-font-size-xl: calc(0.6875rem * var(--mantine-scale));
+
+  --switch-track-label-padding-xs: calc(0.0625rem * var(--mantine-scale));
+  --switch-track-label-padding-sm: calc(0.125rem * var(--mantine-scale));
+  --switch-track-label-padding-md: calc(0.125rem * var(--mantine-scale));
+  --switch-track-label-padding-lg: calc(0.1875rem * var(--mantine-scale));
+  --switch-track-label-padding-xl: calc(0.1875rem * var(--mantine-scale));
 
   position: relative;
 }
@@ -2666,7 +3846,7 @@ body {
   position: relative;
   border-radius: var(--switch-radius);
   background-color: var(--_switch-bg);
-  border: 0.0625rem solid var(--_switch-bd);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_switch-bd);
   height: var(--switch-height);
   min-width: var(--switch-width);
   margin: 0;
@@ -2683,6 +3863,11 @@ body {
   color: var(--_switch-color);
 }
 
+.mantine-6BtVmwd:focus-visible + .mantine-BU-ARqd {
+    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-primary);
+    outline-offset: calc(0.125rem * var(--mantine-scale));
+  }
+
 .mantine-6BtVmwd:checked + .mantine-BU-ARqd {
     --_switch-bg: var(--switch-color);
     --_switch-bd: var(--switch-color);
@@ -2746,7 +3931,7 @@ body {
   background-color: var(--_switch-thumb-bg, var(--mantine-color-white));
   height: var(--switch-thumb-size);
   width: var(--switch-thumb-size);
-  border: 0.0625rem solid var(--_switch-thumb-bd);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_switch-thumb-bd);
   left: var(--_switch-thumb-left, var(--switch-track-label-padding));
   transition: left 150ms ease;
 }
@@ -2847,7 +4032,7 @@ body {
 }
 
   .mantine-4pMcfOJ[data-with-table-border] {
-    --_table-border: 0.0625rem solid var(--_table-border-color);
+    --_table-border: calc(0.0625rem * var(--mantine-scale)) solid var(--_table-border-color);
   }
 
 .mantine-3gTtPB9 {
@@ -2878,7 +4063,7 @@ body {
 }
 
 .mantine-iKGktTN[data-with-row-border] {
-    --_tr-border-bottom: 0.0625rem solid var(--_table-border-color);
+    --_tr-border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--_table-border-color);
   }
 
 .mantine-2ZfSoeP,
@@ -2892,11 +4077,11 @@ body {
 }
 
 .mantine-2ZfSoeP[data-with-column-border]:not(:last-of-type), .mantine-3gTtPB9[data-with-column-border]:not(:last-of-type) {
-    --_border-right: 0.0625rem solid var(--_table-border-color);
+    --_border-right: calc(0.0625rem * var(--mantine-scale)) solid var(--_table-border-color);
   }
 
 [dir="rtl"] .mantine-2ZfSoeP[data-with-column-border]:not(:last-of-type), [dir="rtl"] .mantine-3gTtPB9[data-with-column-border]:not(:last-of-type) {
-      --_border-left: 0.0625rem solid var(--_table-border-color);
+      --_border-left: calc(0.0625rem * var(--mantine-scale)) solid var(--_table-border-color);
       --_border-right: none;
 }
 
@@ -2939,7 +4124,7 @@ body {
   --_panel-grow: unset;
   --_tabs-display: block;
   --_tabs-flex-direction: row;
-  --_list-border-width: 0;
+  --_list-border-width: calc(0rem * var(--mantine-scale));
   --_list-border-size: 0 0 var(--_list-border-width) 0;
   --_list-gap: unset;
 
@@ -3029,7 +4214,7 @@ body {
   }
 
   .mantine-fBtrIHJ[data-variant='default'] {
-    --_list-border-width: 0.125rem;
+    --_list-border-width: calc(0.125rem * var(--mantine-scale));
   }
 
   [data-mantine-color-scheme='light'] .mantine-fBtrIHJ[data-variant='default'] {
@@ -3055,7 +4240,7 @@ body {
 }
 
   .mantine-fBtrIHJ[data-variant='outline'] {
-    --_list-border-width: 0.0625rem;
+    --_list-border-width: calc(0.0625rem * var(--mantine-scale));
   }
 
   .mantine-fBtrIHJ[data-variant='pills'] {
@@ -3126,45 +4311,30 @@ body {
     z-index: 1;
   }
 
-.mantine-de9dLS8,
-.mantine-cxL3ppu {
+.mantine-73ehQrs {
   display: flex;
   align-items: center;
   justify-content: center;
+  margin-left: var(--_tab-section-margin-left, 0);
+  margin-right: var(--_tab-section-margin-right, 0);
 }
 
-.mantine-de9dLS8 {
-  margin-right: var(--_tab-left-section-margin-right);
-  margin-left: var(--_tab-left-section-margin-left);
-
-  --_tab-left-section-margin-right: 0rem;
-  --_tab-left-section-margin-left: 0rem;
-}
-
-.mantine-de9dLS8:not(:only-child) {
-    --_tab-left-section-margin-right: var(--mantine-spacing-xs);
-  }
-
-[dir="rtl"] .mantine-de9dLS8:not(:only-child) {
-      --_tab-left-section-margin-right: 0rem;
-      --_tab-left-section-margin-left: var(--mantine-spacing-xs);
-}
-
-.mantine-cxL3ppu {
-  margin-left: var(--_tab-right-section-margin-left);
-  margin-right: var(--_tab-right-section-margin-right);
+.mantine-73ehQrs[data-position='left']:not(:only-child) {
+      --_tab-section-margin-right: var(--mantine-spacing-xs);
+    }
 
-  --_tab-right-section-margin-left: 0rem;
-  --_tab-right-section-margin-right: 0rem;
+[dir="rtl"] .mantine-73ehQrs[data-position='left']:not(:only-child) {
+        --_tab-section-margin-right: 0rem;
+        --_tab-section-margin-left: var(--mantine-spacing-xs);
 }
 
-.mantine-cxL3ppu:not(:only-child) {
-    --_tab-right-section-margin-left: var(--mantine-spacing-xs);
-  }
+.mantine-73ehQrs[data-position='right']:not(:only-child) {
+      --_tab-section-margin-left: var(--mantine-spacing-xs);
+    }
 
-[dir="rtl"] .mantine-cxL3ppu:not(:only-child) {
-      --_tab-right-section-margin-left: 0rem;
-      --_tab-right-section-margin-right: var(--mantine-spacing-xs);
+[dir="rtl"] .mantine-73ehQrs[data-position='right']:not(:only-child) {
+        --_tab-section-margin-left: 0rem;
+        --_tab-section-margin-right: var(--mantine-spacing-xs);
 }
 
 /*************************************** default variant ***************************************/
@@ -3251,7 +4421,7 @@ body {
   }
 
 .mantine-0AMwxi5 {
-  border: 0.0625rem solid transparent;
+  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
   border-top-color: var(--_tab-border-top-color);
   border-bottom-color: var(--_tab-border-bottom-color);
   border-left-color: var(--_tab-border-left-color);
@@ -3382,7 +4552,7 @@ body {
 }
 
   .mantine-XNobA9l[data-multiline] {
-    --_tooltip-white-space: unset;
+    --_tooltip-white-space: normal;
   }
 
 .mantine-NpDXIwZ {
@@ -3391,6 +4561,238 @@ body {
   z-index: 1;
 }
 
+.mantine-yPad50m h1,
+  .mantine-yPad50m h2,
+  .mantine-yPad50m h3,
+  .mantine-yPad50m h4,
+  .mantine-yPad50m h5,
+  .mantine-yPad50m h6 {
+    margin-top: calc(1.55 * var(--mantine-spacing-xl));
+    margin-bottom: var(--mantine-spacing-xs);
+  }
+  .mantine-yPad50m h1 {
+    font-size: var(--mantine-h1-font-size);
+    line-height: var(--mantine-h1-line-height);
+    font-weight: var(--mantine-h1-font-weight);
+  }
+  .mantine-yPad50m h2 {
+    font-size: var(--mantine-h2-font-size);
+    line-height: var(--mantine-h2-line-height);
+    font-weight: var(--mantine-h2-font-weight);
+  }
+  .mantine-yPad50m h3 {
+    font-size: var(--mantine-h3-font-size);
+    line-height: var(--mantine-h3-line-height);
+    font-weight: var(--mantine-h3-font-weight);
+  }
+  .mantine-yPad50m h4 {
+    font-size: var(--mantine-h4-font-size);
+    line-height: var(--mantine-h4-line-height);
+    font-weight: var(--mantine-h4-font-weight);
+  }
+  .mantine-yPad50m h5 {
+    font-size: var(--mantine-h5-font-size);
+    line-height: var(--mantine-h5-line-height);
+    font-weight: var(--mantine-h5-font-weight);
+  }
+  .mantine-yPad50m h6 {
+    font-size: var(--mantine-h6-font-size);
+    line-height: var(--mantine-h6-line-height);
+    font-weight: var(--mantine-h6-font-weight);
+  }
+  .mantine-yPad50m img {
+    max-width: 100%;
+    margin-bottom: var(--mantine-spacing-xs);
+  }
+  .mantine-yPad50m p {
+    margin-top: 0;
+    margin-bottom: var(--mantine-spacing-lg);
+  }
+  [data-mantine-color-scheme='light'] .mantine-yPad50m mark {
+      background-color: var(--mantine-color-yellow-2);
+      color: inherit;
+}
+  @media (prefers-color-scheme: light) {
+    .mantine-yPad50m mark {
+      background-color: var(--mantine-color-yellow-2);
+      color: inherit;
+    }
+}
+  [data-mantine-color-scheme='dark'] .mantine-yPad50m mark {
+      background-color: var(--mantine-color-yellow-5);
+      color: var(--mantine-color-black);
+}
+  @media (prefers-color-scheme: dark) {
+    .mantine-yPad50m mark {
+      background-color: var(--mantine-color-yellow-5);
+      color: var(--mantine-color-black);
+    }
+}
+  .mantine-yPad50m a {
+    color: var(--mantine-color-anchor);
+    text-decoration: none;
+  }
+  @media (hover: hover) {
+    .mantine-yPad50m a:hover {
+      text-decoration: underline;
+    }
+}
+  @media (hover: none) {
+    .mantine-yPad50m a:active {
+      text-decoration: underline;
+    }
+}
+  .mantine-yPad50m hr {
+    margin-top: var(--mantine-spacing-md);
+    margin-bottom: var(--mantine-spacing-md);
+    border: 0;
+    border-top: calc(0.0625rem * var(--mantine-scale)) solid;
+  }
+  [data-mantine-color-scheme='light'] .mantine-yPad50m hr {
+      border-color: var(--mantine-color-gray-3);
+}
+  @media (prefers-color-scheme: light) {
+    .mantine-yPad50m hr {
+      border-color: var(--mantine-color-gray-3);
+    }
+}
+  [data-mantine-color-scheme='dark'] .mantine-yPad50m hr {
+      border-color: var(--mantine-color-dark-3);
+}
+  @media (prefers-color-scheme: dark) {
+    .mantine-yPad50m hr {
+      border-color: var(--mantine-color-dark-3);
+    }
+}
+  .mantine-yPad50m pre {
+    padding: var(--mantine-spacing-xs);
+    line-height: var(--mantine-line-height);
+    margin: 0;
+    margin-top: var(--mantine-spacing-md);
+    margin-bottom: var(--mantine-spacing-md);
+    overflow-x: auto;
+    font-family: var(--mantine-font-family-monospace);
+    font-size: var(--mantine-font-size-xs);
+    border-radius: var(--mantine-radius-sm);
+  }
+  [data-mantine-color-scheme='light'] .mantine-yPad50m pre {
+      background-color: var(--mantine-color-gray-0);
+}
+  @media (prefers-color-scheme: light) {
+    .mantine-yPad50m pre {
+      background-color: var(--mantine-color-gray-0);
+    }
+}
+  [data-mantine-color-scheme='dark'] .mantine-yPad50m pre {
+      background-color: var(--mantine-color-dark-8);
+}
+  @media (prefers-color-scheme: dark) {
+    .mantine-yPad50m pre {
+      background-color: var(--mantine-color-dark-8);
+    }
+}
+  .mantine-yPad50m pre code {
+      background-color: transparent;
+      padding: 0;
+      border-radius: 0;
+      color: inherit;
+      border: 0;
+    }
+  .mantine-yPad50m code {
+    line-height: var(--mantine-line-height);
+    padding: calc(0.0625rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
+    border-radius: var(--mantine-radius-sm);
+    font-family: var(--mantine-font-family-monospace);
+    font-size: var(--mantine-font-size-xs);
+  }
+  [data-mantine-color-scheme='light'] .mantine-yPad50m code {
+      background-color: var(--mantine-color-gray-0);
+      color: var(--mantine-color-black);
+}
+  @media (prefers-color-scheme: light) {
+    .mantine-yPad50m code {
+      background-color: var(--mantine-color-gray-0);
+      color: var(--mantine-color-black);
+    }
+}
+  [data-mantine-color-scheme='dark'] .mantine-yPad50m code {
+      background-color: var(--mantine-color-dark-5);
+      color: var(--mantine-color-white);
+}
+  @media (prefers-color-scheme: dark) {
+    .mantine-yPad50m code {
+      background-color: var(--mantine-color-dark-5);
+      color: var(--mantine-color-white);
+    }
+}
+  .mantine-yPad50m ul,
+  .mantine-yPad50m,
+  .mantine-yPad50m ol {
+    margin-bottom: var(--mantine-spacing-md);
+    padding-left: calc(2.375rem * var(--mantine-scale));
+  }
+  .mantine-yPad50m ul li, .mantine-yPad50m li, .mantine-yPad50m ol li {
+      margin-bottom: var(--mantine-spacing-xs);
+    }
+  .mantine-yPad50m table {
+    width: 100%;
+    border-collapse: collapse;
+    caption-side: bottom;
+    margin-bottom: var(--mantine-spacing-md);
+  }
+  .mantine-yPad50m table caption {
+      margin-top: var(--mantine-spacing-xs);
+      font-size: var(--mantine-font-size-sm);
+      color: var(--mantine-color-gray-6);
+    }
+  .mantine-yPad50m table th {
+      text-align: left;
+      font-weight: bold;
+      color: var(--mantine-color-gray-7);
+      font-size: var(--mantine-font-size-sm);
+      padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
+    }
+  .mantine-yPad50m table thead th {
+      border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
+      border-color: var(--mantine-color-gray-3);
+    }
+  .mantine-yPad50m table tfoot th {
+      border-top: calc(0.0625rem * var(--mantine-scale)) solid;
+      border-color: var(--mantine-color-gray-3);
+    }
+  .mantine-yPad50m table td {
+      padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
+      border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
+      border-color: var(--mantine-color-gray-3);
+      font-size: var(--mantine-font-size-sm);
+    }
+  .mantine-yPad50m table tr:last-of-type td {
+      border-bottom: 0;
+    }
+  .mantine-yPad50m blockquote {
+    font-size: var(--mantine-font-size-lg);
+    line-height: var(--mantine-line-height);
+    margin: var(--mantine-spacing-md) 0;
+    border-radius: var(--mantine-radius-sm);
+    padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
+  }
+  [data-mantine-color-scheme='light'] .mantine-yPad50m blockquote {
+      background-color: var(--mantine-color-gray-0);
+}
+  @media (prefers-color-scheme: light) {
+    .mantine-yPad50m blockquote {
+      background-color: var(--mantine-color-gray-0);
+    }
+}
+  [data-mantine-color-scheme='dark'] .mantine-yPad50m blockquote {
+      background-color: var(--mantine-color-dark-8);
+}
+  @media (prefers-color-scheme: dark) {
+    .mantine-yPad50m blockquote {
+      background-color: var(--mantine-color-dark-8);
+    }
+}
+
 .mantine-27MenJe {
   border: 0;
   clip: rect(0 0 0 0);