sawyer-ui 0.3.0 → 0.4.0

package/dist/styles.css

@@ -1,424 +1,4019 @@
 /*
-  Дизайн-токены ui-kit: CSS-переменные, на которых построены стили компонентов.
-  Приложение может использовать их и в своих стилях (например, var(--color-white)).
-  Названия оттенков: light, lighter, medium, dark, darker
+  Стили Mantine для компонентов sawyer-ui — только то, что нужно экспортируемым компонентам.
+
+  Подключаются layer-версии файлов: все правила Mantine лежат в @layer mantine,
+  а у слоя приоритет ниже, чем у стилей без слоя. Поэтому CSS-модули компонентов
+  и стили приложения переопределяют Mantine независимо от порядка подключения.
+
+  baseline.css не подключается: он задаёт body свой font-family, line-height и сглаживание
+  шрифта, и сайт на sawyer-ui выглядел бы иначе. Базовые стили задаёт globals.css.
+
+  Порядок важен: файл-зависимость идёт раньше файла, который его переопределяет
+  (UnstyledButton → Button и т.д.).
+  Список файлов: https://mantine.dev/styles/css-files-list/
 */
 
-:root {
-  --color-white: #ffffff;
+/* CSS-переменные темы по умолчанию и глобальные классы (фокус, .mantine-active и т.п.) */
 
-  --color-gray-10: #f7f7f7;
-  --color-gray-30: #ececec;
-  --color-gray-35: #e0e0e0;
-  --color-gray-50: #c2c2c2;
-  --color-gray-60: #a3a3a3;
-  --color-gray-80: #6c6c6c;
+@layer mantine {/* This file is automatically generated, do not modify it directly. */
+:root,
+:host {
+  --mantine-z-index-app: 100;
+  --mantine-z-index-modal: 200;
+  --mantine-z-index-popover: 300;
+  --mantine-z-index-overlay: 400;
+  --mantine-z-index-max: 9999;
+  --mantine-scale: 1;
+  --mantine-cursor-type: default;
+  --mantine-webkit-font-smoothing: antialiased;
+  --mantine-moz-font-smoothing: grayscale;
+  --mantine-color-white: #fff;
+  --mantine-color-black: #000;
+  --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-heading-text-wrap: wrap;
+  --mantine-radius-default: calc(0.5rem * var(--mantine-scale));
+  --mantine-primary-color-filled: var(--mantine-color-blue-filled);
+  --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
+  --mantine-primary-color-light: var(--mantine-color-blue-light);
+  --mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
+  --mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
+  --mantine-breakpoint-xs: 36em;
+  --mantine-breakpoint-sm: 48em;
+  --mantine-breakpoint-md: 62em;
+  --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-font-weight-regular: 400;
+  --mantine-font-weight-medium: 600;
+  --mantine-font-weight-bold: 700;
+  --mantine-primary-color-0: var(--mantine-color-blue-0);
+  --mantine-primary-color-1: var(--mantine-color-blue-1);
+  --mantine-primary-color-2: var(--mantine-color-blue-2);
+  --mantine-primary-color-3: var(--mantine-color-blue-3);
+  --mantine-primary-color-4: var(--mantine-color-blue-4);
+  --mantine-primary-color-5: var(--mantine-color-blue-5);
+  --mantine-primary-color-6: var(--mantine-color-blue-6);
+  --mantine-primary-color-7: var(--mantine-color-blue-7);
+  --mantine-primary-color-8: var(--mantine-color-blue-8);
+  --mantine-primary-color-9: var(--mantine-color-blue-9);
+  --mantine-color-dark-0: #c9c9c9;
+  --mantine-color-dark-1: #b8b8b8;
+  --mantine-color-dark-2: #828282;
+  --mantine-color-dark-3: #696969;
+  --mantine-color-dark-4: #424242;
+  --mantine-color-dark-5: #3b3b3b;
+  --mantine-color-dark-6: #2e2e2e;
+  --mantine-color-dark-7: #242424;
+  --mantine-color-dark-8: #1f1f1f;
+  --mantine-color-dark-9: #141414;
+  --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;
+}
 
-  --color-black-lighter: #2b2b2b;
+:root[data-mantine-color-scheme='dark'],
+:host([data-mantine-color-scheme='dark']) {
+  --mantine-color-scheme: dark;
+  --mantine-primary-color-contrast: var(--mantine-color-white);
+  --mantine-color-bright: var(--mantine-color-white);
+  --mantine-color-text: var(--mantine-color-dark-0);
+  --mantine-color-body: var(--mantine-color-dark-7);
+  --mantine-color-error: var(--mantine-color-red-8);
+  --mantine-color-success: var(--mantine-color-teal-8);
+  --mantine-color-placeholder: var(--mantine-color-dark-3);
+  --mantine-color-anchor: var(--mantine-color-blue-4);
+  --mantine-color-default: var(--mantine-color-dark-6);
+  --mantine-color-default-hover: var(--mantine-color-dark-5);
+  --mantine-color-default-color: var(--mantine-color-white);
+  --mantine-color-default-border: var(--mantine-color-dark-4);
+  --mantine-color-dimmed: var(--mantine-color-dark-2);
+  --mantine-color-disabled: var(--mantine-color-dark-6);
+  --mantine-color-disabled-color: var(--mantine-color-dark-3);
+  --mantine-color-disabled-border: var(--mantine-color-dark-4);
+  --mantine-color-dark-text: var(--mantine-color-dark-4);
+  --mantine-color-dark-filled: var(--mantine-color-dark-8);
+  --mantine-color-dark-filled-hover: var(--mantine-color-dark-9);
+  --mantine-color-dark-light: rgba(10, 10, 10, 1);
+  --mantine-color-dark-light-hover: rgba(14, 14, 14, 1);
+  --mantine-color-dark-light-color: var(--mantine-color-dark-0);
+  --mantine-color-dark-outline: var(--mantine-color-dark-4);
+  --mantine-color-dark-outline-hover: rgba(66, 66, 66, 0.05);
+  --mantine-color-gray-text: var(--mantine-color-gray-4);
+  --mantine-color-gray-filled: var(--mantine-color-gray-8);
+  --mantine-color-gray-filled-hover: var(--mantine-color-gray-9);
+  --mantine-color-gray-light: rgba(17, 19, 21, 1);
+  --mantine-color-gray-light-hover: rgba(23, 26, 29, 1);
+  --mantine-color-gray-light-color: var(--mantine-color-gray-0);
+  --mantine-color-gray-outline: var(--mantine-color-gray-4);
+  --mantine-color-gray-outline-hover: rgba(206, 212, 218, 0.05);
+  --mantine-color-red-text: var(--mantine-color-red-4);
+  --mantine-color-red-filled: var(--mantine-color-red-8);
+  --mantine-color-red-filled-hover: var(--mantine-color-red-9);
+  --mantine-color-red-light: rgba(101, 21, 21, 1);
+  --mantine-color-red-light-hover: rgba(141, 29, 29, 1);
+  --mantine-color-red-light-color: var(--mantine-color-red-0);
+  --mantine-color-red-outline: var(--mantine-color-red-4);
+  --mantine-color-red-outline-hover: rgba(255, 135, 135, 0.05);
+  --mantine-color-pink-text: var(--mantine-color-pink-4);
+  --mantine-color-pink-filled: var(--mantine-color-pink-8);
+  --mantine-color-pink-filled-hover: var(--mantine-color-pink-9);
+  --mantine-color-pink-light: rgba(83, 15, 39, 1);
+  --mantine-color-pink-light-hover: rgba(116, 21, 54, 1);
+  --mantine-color-pink-light-color: var(--mantine-color-pink-0);
+  --mantine-color-pink-outline: var(--mantine-color-pink-4);
+  --mantine-color-pink-outline-hover: rgba(247, 131, 172, 0.05);
+  --mantine-color-grape-text: var(--mantine-color-grape-4);
+  --mantine-color-grape-filled: var(--mantine-color-grape-8);
+  --mantine-color-grape-filled-hover: var(--mantine-color-grape-9);
+  --mantine-color-grape-light: rgba(67, 23, 78, 1);
+  --mantine-color-grape-light-hover: rgba(94, 32, 109, 1);
+  --mantine-color-grape-light-color: var(--mantine-color-grape-0);
+  --mantine-color-grape-outline: var(--mantine-color-grape-4);
+  --mantine-color-grape-outline-hover: rgba(218, 119, 242, 0.05);
+  --mantine-color-violet-text: var(--mantine-color-violet-4);
+  --mantine-color-violet-filled: var(--mantine-color-violet-8);
+  --mantine-color-violet-filled-hover: var(--mantine-color-violet-9);
+  --mantine-color-violet-light: rgba(48, 31, 98, 1);
+  --mantine-color-violet-light-hover: rgba(67, 43, 137, 1);
+  --mantine-color-violet-light-color: var(--mantine-color-violet-0);
+  --mantine-color-violet-outline: var(--mantine-color-violet-4);
+  --mantine-color-violet-outline-hover: rgba(151, 117, 250, 0.05);
+  --mantine-color-indigo-text: var(--mantine-color-indigo-4);
+  --mantine-color-indigo-filled: var(--mantine-color-indigo-8);
+  --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-9);
+  --mantine-color-indigo-light: rgba(27, 40, 100, 1);
+  --mantine-color-indigo-light-hover: rgba(38, 55, 139, 1);
+  --mantine-color-indigo-light-color: var(--mantine-color-indigo-0);
+  --mantine-color-indigo-outline: var(--mantine-color-indigo-4);
+  --mantine-color-indigo-outline-hover: rgba(116, 143, 252, 0.05);
+  --mantine-color-blue-text: var(--mantine-color-blue-4);
+  --mantine-color-blue-filled: var(--mantine-color-blue-8);
+  --mantine-color-blue-filled-hover: var(--mantine-color-blue-9);
+  --mantine-color-blue-light: rgba(12, 50, 86, 1);
+  --mantine-color-blue-light-hover: rgba(17, 70, 120, 1);
+  --mantine-color-blue-light-color: var(--mantine-color-blue-0);
+  --mantine-color-blue-outline: var(--mantine-color-blue-4);
+  --mantine-color-blue-outline-hover: rgba(77, 171, 247, 0.05);
+  --mantine-color-cyan-text: var(--mantine-color-cyan-4);
+  --mantine-color-cyan-filled: var(--mantine-color-cyan-8);
+  --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-9);
+  --mantine-color-cyan-light: rgba(6, 57, 67, 1);
+  --mantine-color-cyan-light-hover: rgba(8, 80, 93, 1);
+  --mantine-color-cyan-light-color: var(--mantine-color-cyan-0);
+  --mantine-color-cyan-outline: var(--mantine-color-cyan-4);
+  --mantine-color-cyan-outline-hover: rgba(59, 201, 219, 0.05);
+  --mantine-color-teal-text: var(--mantine-color-teal-4);
+  --mantine-color-teal-filled: var(--mantine-color-teal-8);
+  --mantine-color-teal-filled-hover: var(--mantine-color-teal-9);
+  --mantine-color-teal-light: rgba(4, 64, 46, 1);
+  --mantine-color-teal-light-hover: rgba(6, 89, 64, 1);
+  --mantine-color-teal-light-color: var(--mantine-color-teal-0);
+  --mantine-color-teal-outline: var(--mantine-color-teal-4);
+  --mantine-color-teal-outline-hover: rgba(56, 217, 169, 0.05);
+  --mantine-color-green-text: var(--mantine-color-green-4);
+  --mantine-color-green-filled: var(--mantine-color-green-8);
+  --mantine-color-green-filled-hover: var(--mantine-color-green-9);
+  --mantine-color-green-light: rgba(22, 69, 31, 1);
+  --mantine-color-green-light-hover: rgba(30, 97, 43, 1);
+  --mantine-color-green-light-color: var(--mantine-color-green-0);
+  --mantine-color-green-outline: var(--mantine-color-green-4);
+  --mantine-color-green-outline-hover: rgba(105, 219, 124, 0.05);
+  --mantine-color-lime-text: var(--mantine-color-lime-4);
+  --mantine-color-lime-filled: var(--mantine-color-lime-8);
+  --mantine-color-lime-filled-hover: var(--mantine-color-lime-9);
+  --mantine-color-lime-light: rgba(46, 74, 7, 1);
+  --mantine-color-lime-light-hover: rgba(64, 104, 9, 1);
+  --mantine-color-lime-light-color: var(--mantine-color-lime-0);
+  --mantine-color-lime-outline: var(--mantine-color-lime-4);
+  --mantine-color-lime-outline-hover: rgba(169, 227, 75, 0.05);
+  --mantine-color-yellow-text: var(--mantine-color-yellow-4);
+  --mantine-color-yellow-filled: var(--mantine-color-yellow-8);
+  --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-9);
+  --mantine-color-yellow-light: rgba(115, 60, 0, 1);
+  --mantine-color-yellow-light-hover: rgba(161, 83, 0, 1);
+  --mantine-color-yellow-light-color: var(--mantine-color-yellow-0);
+  --mantine-color-yellow-outline: var(--mantine-color-yellow-4);
+  --mantine-color-yellow-outline-hover: rgba(255, 212, 59, 0.05);
+  --mantine-color-orange-text: var(--mantine-color-orange-4);
+  --mantine-color-orange-filled: var(--mantine-color-orange-8);
+  --mantine-color-orange-filled-hover: var(--mantine-color-orange-9);
+  --mantine-color-orange-light: rgba(109, 36, 8, 1);
+  --mantine-color-orange-light-hover: rgba(152, 50, 11, 1);
+  --mantine-color-orange-light-color: var(--mantine-color-orange-0);
+  --mantine-color-orange-outline: var(--mantine-color-orange-4);
+  --mantine-color-orange-outline-hover: rgba(255, 169, 77, 0.05);
+}
+
+:root[data-mantine-color-scheme='light'],
+:host([data-mantine-color-scheme='light']) {
+  --mantine-color-scheme: light;
+  --mantine-primary-color-contrast: var(--mantine-color-white);
+  --mantine-color-bright: var(--mantine-color-black);
+  --mantine-color-text: #000;
+  --mantine-color-body: #fff;
+  --mantine-color-error: var(--mantine-color-red-6);
+  --mantine-color-success: var(--mantine-color-teal-8);
+  --mantine-color-placeholder: var(--mantine-color-gray-5);
+  --mantine-color-anchor: var(--mantine-color-blue-6);
+  --mantine-color-default: var(--mantine-color-white);
+  --mantine-color-default-hover: var(--mantine-color-gray-0);
+  --mantine-color-default-color: var(--mantine-color-black);
+  --mantine-color-default-border: var(--mantine-color-gray-4);
+  --mantine-color-dimmed: var(--mantine-color-gray-6);
+  --mantine-color-disabled: var(--mantine-color-gray-2);
+  --mantine-color-disabled-color: var(--mantine-color-gray-5);
+  --mantine-color-disabled-border: var(--mantine-color-gray-3);
+  --mantine-color-dark-text: var(--mantine-color-dark-filled);
+  --mantine-color-dark-filled: var(--mantine-color-dark-6);
+  --mantine-color-dark-filled-hover: var(--mantine-color-dark-7);
+  --mantine-color-dark-light: var(--mantine-color-dark-1);
+  --mantine-color-dark-light-hover: var(--mantine-color-dark-2);
+  --mantine-color-dark-light-color: var(--mantine-color-dark-9);
+  --mantine-color-dark-outline: var(--mantine-color-dark-6);
+  --mantine-color-dark-outline-hover: rgba(46, 46, 46, 0.05);
+  --mantine-color-gray-text: var(--mantine-color-gray-filled);
+  --mantine-color-gray-filled: var(--mantine-color-gray-6);
+  --mantine-color-gray-filled-hover: var(--mantine-color-gray-7);
+  --mantine-color-gray-light: var(--mantine-color-gray-1);
+  --mantine-color-gray-light-hover: var(--mantine-color-gray-2);
+  --mantine-color-gray-light-color: var(--mantine-color-gray-9);
+  --mantine-color-gray-outline: var(--mantine-color-gray-6);
+  --mantine-color-gray-outline-hover: rgba(134, 142, 150, 0.05);
+  --mantine-color-red-text: var(--mantine-color-red-filled);
+  --mantine-color-red-filled: var(--mantine-color-red-6);
+  --mantine-color-red-filled-hover: var(--mantine-color-red-7);
+  --mantine-color-red-light: var(--mantine-color-red-1);
+  --mantine-color-red-light-hover: var(--mantine-color-red-2);
+  --mantine-color-red-light-color: var(--mantine-color-red-9);
+  --mantine-color-red-outline: var(--mantine-color-red-6);
+  --mantine-color-red-outline-hover: rgba(250, 82, 82, 0.05);
+  --mantine-color-pink-text: var(--mantine-color-pink-filled);
+  --mantine-color-pink-filled: var(--mantine-color-pink-6);
+  --mantine-color-pink-filled-hover: var(--mantine-color-pink-7);
+  --mantine-color-pink-light: var(--mantine-color-pink-1);
+  --mantine-color-pink-light-hover: var(--mantine-color-pink-2);
+  --mantine-color-pink-light-color: var(--mantine-color-pink-9);
+  --mantine-color-pink-outline: var(--mantine-color-pink-6);
+  --mantine-color-pink-outline-hover: rgba(230, 73, 128, 0.05);
+  --mantine-color-grape-text: var(--mantine-color-grape-filled);
+  --mantine-color-grape-filled: var(--mantine-color-grape-6);
+  --mantine-color-grape-filled-hover: var(--mantine-color-grape-7);
+  --mantine-color-grape-light: var(--mantine-color-grape-1);
+  --mantine-color-grape-light-hover: var(--mantine-color-grape-2);
+  --mantine-color-grape-light-color: var(--mantine-color-grape-9);
+  --mantine-color-grape-outline: var(--mantine-color-grape-6);
+  --mantine-color-grape-outline-hover: rgba(190, 75, 219, 0.05);
+  --mantine-color-violet-text: var(--mantine-color-violet-filled);
+  --mantine-color-violet-filled: var(--mantine-color-violet-6);
+  --mantine-color-violet-filled-hover: var(--mantine-color-violet-7);
+  --mantine-color-violet-light: var(--mantine-color-violet-1);
+  --mantine-color-violet-light-hover: var(--mantine-color-violet-2);
+  --mantine-color-violet-light-color: var(--mantine-color-violet-9);
+  --mantine-color-violet-outline: var(--mantine-color-violet-6);
+  --mantine-color-violet-outline-hover: rgba(121, 80, 242, 0.05);
+  --mantine-color-indigo-text: var(--mantine-color-indigo-filled);
+  --mantine-color-indigo-filled: var(--mantine-color-indigo-6);
+  --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-7);
+  --mantine-color-indigo-light: var(--mantine-color-indigo-1);
+  --mantine-color-indigo-light-hover: var(--mantine-color-indigo-2);
+  --mantine-color-indigo-light-color: var(--mantine-color-indigo-9);
+  --mantine-color-indigo-outline: var(--mantine-color-indigo-6);
+  --mantine-color-indigo-outline-hover: rgba(76, 110, 245, 0.05);
+  --mantine-color-blue-text: var(--mantine-color-blue-filled);
+  --mantine-color-blue-filled: var(--mantine-color-blue-6);
+  --mantine-color-blue-filled-hover: var(--mantine-color-blue-7);
+  --mantine-color-blue-light: var(--mantine-color-blue-1);
+  --mantine-color-blue-light-hover: var(--mantine-color-blue-2);
+  --mantine-color-blue-light-color: var(--mantine-color-blue-9);
+  --mantine-color-blue-outline: var(--mantine-color-blue-6);
+  --mantine-color-blue-outline-hover: rgba(34, 139, 230, 0.05);
+  --mantine-color-cyan-text: var(--mantine-color-cyan-filled);
+  --mantine-color-cyan-filled: var(--mantine-color-cyan-6);
+  --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-7);
+  --mantine-color-cyan-light: var(--mantine-color-cyan-1);
+  --mantine-color-cyan-light-hover: var(--mantine-color-cyan-2);
+  --mantine-color-cyan-light-color: var(--mantine-color-cyan-9);
+  --mantine-color-cyan-outline: var(--mantine-color-cyan-6);
+  --mantine-color-cyan-outline-hover: rgba(21, 170, 191, 0.05);
+  --mantine-color-teal-text: var(--mantine-color-teal-filled);
+  --mantine-color-teal-filled: var(--mantine-color-teal-6);
+  --mantine-color-teal-filled-hover: var(--mantine-color-teal-7);
+  --mantine-color-teal-light: var(--mantine-color-teal-1);
+  --mantine-color-teal-light-hover: var(--mantine-color-teal-2);
+  --mantine-color-teal-light-color: var(--mantine-color-teal-9);
+  --mantine-color-teal-outline: var(--mantine-color-teal-6);
+  --mantine-color-teal-outline-hover: rgba(18, 184, 134, 0.05);
+  --mantine-color-green-text: var(--mantine-color-green-filled);
+  --mantine-color-green-filled: var(--mantine-color-green-6);
+  --mantine-color-green-filled-hover: var(--mantine-color-green-7);
+  --mantine-color-green-light: var(--mantine-color-green-1);
+  --mantine-color-green-light-hover: var(--mantine-color-green-2);
+  --mantine-color-green-light-color: var(--mantine-color-green-9);
+  --mantine-color-green-outline: var(--mantine-color-green-6);
+  --mantine-color-green-outline-hover: rgba(64, 192, 87, 0.05);
+  --mantine-color-lime-text: var(--mantine-color-lime-filled);
+  --mantine-color-lime-filled: var(--mantine-color-lime-6);
+  --mantine-color-lime-filled-hover: var(--mantine-color-lime-7);
+  --mantine-color-lime-light: var(--mantine-color-lime-1);
+  --mantine-color-lime-light-hover: var(--mantine-color-lime-2);
+  --mantine-color-lime-light-color: var(--mantine-color-lime-9);
+  --mantine-color-lime-outline: var(--mantine-color-lime-6);
+  --mantine-color-lime-outline-hover: rgba(130, 201, 30, 0.05);
+  --mantine-color-yellow-text: var(--mantine-color-yellow-filled);
+  --mantine-color-yellow-filled: var(--mantine-color-yellow-6);
+  --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-7);
+  --mantine-color-yellow-light: var(--mantine-color-yellow-1);
+  --mantine-color-yellow-light-hover: var(--mantine-color-yellow-2);
+  --mantine-color-yellow-light-color: var(--mantine-color-yellow-9);
+  --mantine-color-yellow-outline: var(--mantine-color-yellow-6);
+  --mantine-color-yellow-outline-hover: rgba(250, 176, 5, 0.05);
+  --mantine-color-orange-text: var(--mantine-color-orange-filled);
+  --mantine-color-orange-filled: var(--mantine-color-orange-6);
+  --mantine-color-orange-filled-hover: var(--mantine-color-orange-7);
+  --mantine-color-orange-light: var(--mantine-color-orange-1);
+  --mantine-color-orange-light-hover: var(--mantine-color-orange-2);
+  --mantine-color-orange-light-color: var(--mantine-color-orange-9);
+  --mantine-color-orange-outline: var(--mantine-color-orange-6);
+  --mantine-color-orange-outline-hover: rgba(253, 126, 20, 0.05);
+}
+}
+
+@layer mantine {@media (prefers-reduced-motion: reduce) {
+    [data-respect-reduced-motion] [data-reduce-motion] {
+      transition: none;
+      animation: none;
+    }
+  }
+
+[data-mantine-color-scheme='light'] .mantine-light-hidden {
+    display: none;
+}
+
+[data-mantine-color-scheme='dark'] .mantine-dark-hidden {
+    display: none;
+}
+
+.mantine-focus-auto:focus-visible {
+    outline: 2px solid var(--mantine-primary-color-filled);
+    outline-offset: calc(0.125rem * var(--mantine-scale));
+  }
+
+.mantine-focus-always:focus {
+    outline: 2px solid var(--mantine-primary-color-filled);
+    outline-offset: calc(0.125rem * var(--mantine-scale));
+  }
+
+.mantine-focus-never:focus {
+    outline: none;
+  }
+
+.mantine-active:active {
+    transform: translateY(calc(0.0625rem * var(--mantine-scale)));
+  }
+
+fieldset:disabled .mantine-active:active {
+    transform: none;
+  }
+
+:where([dir="rtl"]) .mantine-rotate-rtl {
+    transform: rotate(180deg);
+}
+}
+
+/* Компоненты, на которых построены другие */
+
+@layer mantine {.m_515a97f8 {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: calc(0.0625rem * var(--mantine-scale));
+  width: calc(0.0625rem * var(--mantine-scale));
+  margin: calc(-0.0625rem * var(--mantine-scale));
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+}
+}
+
+@layer mantine {.m_87cf2631 {
+  background-color: transparent;
+  cursor: pointer;
+  border: 0;
+  padding: 0;
+  appearance: none;
+  font-size: var(--mantine-font-size-md);
+  text-align: start;
+  text-decoration: none;
+  color: inherit;
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
+}
+}
+
+@layer mantine {.m_86a44da5 {
+  --cb-size-xs: calc(1.125rem * var(--mantine-scale));
+  --cb-size-sm: calc(1.375rem * var(--mantine-scale));
+  --cb-size-md: calc(1.75rem * var(--mantine-scale));
+  --cb-size-lg: calc(2.125rem * var(--mantine-scale));
+  --cb-size-xl: calc(2.75rem * var(--mantine-scale));
+
+  --cb-size: var(--cb-size-md);
+  --cb-icon-size: 70%;
+  --cb-radius: var(--mantine-radius-default);
+
+  line-height: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  user-select: none;
+
+  width: var(--cb-size);
+  height: var(--cb-size);
+  min-width: var(--cb-size);
+  min-height: var(--cb-size);
+  border-radius: var(--cb-radius);
+}
+
+  :where([data-mantine-color-scheme='light']) .m_86a44da5 {
+    color: var(--mantine-color-gray-7);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_86a44da5 {
+    color: var(--mantine-color-dark-1);
+}
+
+  .m_86a44da5[data-disabled],
+  .m_86a44da5:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+}
+
+@layer mantine {.m_1b7284a3 {
+  --paper-radius: var(--mantine-radius-default);
+
+  outline: 0;
+  -webkit-tap-highlight-color: transparent;
+  display: block;
+  touch-action: manipulation;
+  text-decoration: none;
+  border-radius: var(--paper-radius);
+  box-shadow: var(--paper-shadow);
+  background-color: var(--mantine-color-body);
+}
+
+  [data-mantine-color-scheme='light'] .m_1b7284a3 {
+    --paper-border-color: var(--mantine-color-gray-3);
+}
+
+  [data-mantine-color-scheme='dark'] .m_1b7284a3 {
+    --paper-border-color: var(--mantine-color-dark-4);
+}
+
+  .m_1b7284a3:where([data-with-border]) {
+    border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
+  }
+}
+
+@layer mantine {.m_9814e45f {
+  inset: 0;
+  position: absolute;
+  background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
+  -webkit-backdrop-filter: var(--overlay-filter);
+  backdrop-filter: var(--overlay-filter);
+  border-radius: var(--overlay-radius, 0);
+  z-index: var(--overlay-z-index);
+}
+
+  .m_9814e45f:where([data-fixed]) {
+    position: fixed;
+  }
+
+  .m_9814e45f:where([data-center]) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+@layer mantine {.m_38a85659 {
+  position: absolute;
+  border: 1px solid var(--popover-border-color);
+  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
+  box-shadow: var(--popover-shadow, none);
+  border-radius: var(--popover-radius, var(--mantine-radius-default));
+}
+
+  .m_38a85659:where([data-fixed]) {
+    position: fixed;
+  }
+
+  .m_38a85659:focus {
+    outline: none;
+  }
+
+  :where([data-mantine-color-scheme='light']) .m_38a85659 {
+    --popover-border-color: var(--mantine-color-gray-2);
+    background-color: var(--mantine-color-white);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_38a85659 {
+    --popover-border-color: var(--mantine-color-dark-4);
+    background-color: var(--mantine-color-dark-6);
+}
+
+.m_a31dc6c1 {
+  background-color: inherit;
+  border: 1px solid var(--popover-border-color);
+  z-index: 1;
+}
+
+.m_3d7bc908 {
+  position: fixed;
+  inset: 0;
+}
+}
+
+@layer mantine {.m_615af6c9 {
+  line-height: 1;
+  padding: 0;
+  margin: 0;
+  font-weight: var(--mantine-font-weight-regular);
+  font-size: var(--mantine-font-size-md);
+}
+
+.m_b5489c3c {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--mb-padding, var(--mantine-spacing-md));
+  padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) - calc(0.3125rem * var(--mantine-scale)));
+  position: sticky;
+  top: 0;
+  background-color: var(--mantine-color-body);
+  z-index: 1000;
+  min-height: calc(3.75rem * var(--mantine-scale));
+  transition: padding-inline-end 100ms;
+}
+
+.m_60c222c7 {
+  position: fixed;
+  width: 100%;
+  top: 0;
+  bottom: 0;
+  z-index: var(--mb-z-index);
+  pointer-events: none;
+}
+
+.m_fd1ab0aa {
+  pointer-events: all;
+  box-shadow: var(--mb-shadow, var(--mantine-shadow-xl));
+}
+
+.m_fd1ab0aa [data-mantine-scrollbar] {
+    z-index: 1001;
+  }
+
+[data-offset-scrollbars] .m_fd1ab0aa:has([data-mantine-scrollbar]) .m_b5489c3c {
+    padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(0.3125rem * var(--mantine-scale)));
+  }
+
+.m_606cb269 {
+  margin-inline-start: auto;
+}
+
+.m_5df29311 {
+  padding: var(--mb-padding, var(--mantine-spacing-md));
+  padding-top: var(--mb-padding, var(--mantine-spacing-md));
+}
+
+.m_5df29311:where(:not(:only-child)) {
+    padding-top: 0;
+  }
+}
+
+/* Компоненты sawyer-ui:
+   Button — UiButton, ActionIcon — UiOptions, Menu — UiMenuItemGroup и UiOptions,
+   Modal — UiModal, Alert — UiAlert, Input — UiInput и UiSelect,
+   Combobox — UiSelect, Tabs и FloatingIndicator — UiTabs,
+   Table — UiTable и UiTableRecord */
+
+@layer mantine {.m_77c9d27d {
+  --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));
+
+  --button-height: var(--button-height-sm);
+  --button-padding-x: var(--button-padding-x-sm);
+  --button-color: var(--mantine-color-white);
+
+  user-select: none;
+  font-weight: var(--mantine-font-weight-medium);
+  position: relative;
+  line-height: 1;
+  text-align: center;
+  overflow: hidden;
+
+  width: auto;
+  cursor: pointer;
+  display: inline-block;
+  border-radius: var(--button-radius, var(--mantine-radius-default));
+  font-size: var(--button-fz, var(--mantine-font-size-sm));
+  background: var(--button-bg, var(--mantine-primary-color-filled));
+  border: var(--button-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
+  color: var(--button-color, var(--mantine-color-white));
+  height: var(--button-height, var(--button-height-sm));
+  padding-inline: var(--button-padding-x, var(--button-padding-x-sm));
+  vertical-align: middle;
+}
+
+  .m_77c9d27d:where([data-block]) {
+    display: block;
+    width: 100%;
+  }
+
+  .m_77c9d27d:where([data-with-left-section]) {
+    padding-inline-start: calc(var(--button-padding-x) / 1.5);
+  }
+
+  .m_77c9d27d:where([data-with-right-section]) {
+    padding-inline-end: calc(var(--button-padding-x) / 1.5);
+  }
+
+  .m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
+    cursor: not-allowed;
+    border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
+    transform: none;
+    color: var(--mantine-color-disabled-color);
+    background: var(--mantine-color-disabled);
+  }
+
+  .m_77c9d27d::before {
+    content: '';
+    pointer-events: none;
+    position: absolute;
+    inset: calc(-0.0625rem * var(--mantine-scale));
+    border-radius: var(--button-radius, var(--mantine-radius-default));
+    transform: translateY(-100%);
+    opacity: 0;
+    filter: blur(12px);
+    transition:
+      transform 150ms ease,
+      opacity 100ms ease;
+  }
+
+  :where([data-mantine-color-scheme='light']) .m_77c9d27d::before {
+      background-color: rgba(255, 255, 255, 0.15);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_77c9d27d::before {
+      background-color: rgba(0, 0, 0, 0.15);
+}
+
+  .m_77c9d27d:where([data-loading]) {
+    cursor: not-allowed;
+    transform: none;
+  }
+
+  .m_77c9d27d:where([data-loading])::before {
+      transform: translateY(0);
+      opacity: 1;
+    }
+
+  .m_77c9d27d:where([data-loading]) .m_80f1301b {
+      opacity: 0;
+      transform: translateY(100%);
+    }
+
+  @media (hover: hover) {
+    .m_77c9d27d:hover:where(:not([data-loading], :disabled, [data-disabled])) {
+      background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
+      color: var(--button-hover-color, var(--button-color));
+    }
+}
+
+  @media (hover: none) {
+    .m_77c9d27d:active:where(:not([data-loading], :disabled, [data-disabled])) {
+      background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
+      color: var(--button-hover-color, var(--button-color));
+    }
+}
+
+.m_80f1301b {
+  display: flex;
+  align-items: center;
+  justify-content: var(--button-justify, center);
+  height: 100%;
+  overflow: visible;
+  transition:
+    transform 150ms ease,
+    opacity 100ms ease;
+}
+
+.m_811560b9 {
+  white-space: nowrap;
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  opacity: 1;
+  text-box-trim: trim-both;
+  text-box-edge: cap alphabetic;
+}
+
+.m_811560b9:where([data-loading]) {
+    opacity: 0.2;
+  }
+
+.m_a74036a {
+  display: flex;
+  align-items: center;
+}
+
+.m_a74036a:where([data-position='left']) {
+    margin-inline-end: var(--mantine-spacing-xs);
+  }
+
+.m_a74036a:where([data-position='right']) {
+    margin-inline-start: var(--mantine-spacing-xs);
+  }
+
+.m_a25b86ee {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+}
+
+.m_80d6d844 {
+  --button-border-width: calc(0.0625rem * var(--mantine-scale));
+  display: flex;
+}
+
+.m_80d6d844 :where(.m_77c9d27d):focus {
+      position: relative;
+      z-index: 1;
+    }
+
+.m_80d6d844[data-orientation='horizontal'] {
+    flex-direction: row;
+  }
+
+.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):first-child {
+        border-end-end-radius: 0;
+        border-start-end-radius: 0;
+        border-inline-end-width: calc(var(--button-border-width) / 2);
+      }
+
+.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):last-child {
+        border-end-start-radius: 0;
+        border-start-start-radius: 0;
+        border-inline-start-width: calc(var(--button-border-width) / 2);
+      }
+
+.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
+        border-radius: 0;
+        border-inline-width: calc(var(--button-border-width) / 2);
+      }
+
+.m_80d6d844[data-orientation='vertical'] {
+    flex-direction: column;
+  }
+
+.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):first-child {
+        border-end-start-radius: 0;
+        border-end-end-radius: 0;
+        border-bottom-width: calc(var(--button-border-width) / 2);
+      }
+
+.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):last-child {
+        border-start-start-radius: 0;
+        border-start-end-radius: 0;
+        border-top-width: calc(var(--button-border-width) / 2);
+      }
+
+.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='vertical'] .m_70be2a01: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);
+      }
+
+.m_70be2a01 {
+  --section-height-xs: calc(1.875rem * var(--mantine-scale));
+  --section-height-sm: calc(2.25rem * var(--mantine-scale));
+  --section-height-md: calc(2.625rem * var(--mantine-scale));
+  --section-height-lg: calc(3.125rem * var(--mantine-scale));
+  --section-height-xl: calc(3.75rem * var(--mantine-scale));
+
+  --section-height-compact-xs: calc(1.375rem * var(--mantine-scale));
+  --section-height-compact-sm: calc(1.625rem * var(--mantine-scale));
+  --section-height-compact-md: calc(1.875rem * var(--mantine-scale));
+  --section-height-compact-lg: calc(2.125rem * var(--mantine-scale));
+  --section-height-compact-xl: calc(2.5rem * var(--mantine-scale));
+
+  --section-padding-x-xs: calc(0.875rem * var(--mantine-scale));
+  --section-padding-x-sm: calc(1.125rem * var(--mantine-scale));
+  --section-padding-x-md: calc(1.375rem * var(--mantine-scale));
+  --section-padding-x-lg: calc(1.625rem * var(--mantine-scale));
+  --section-padding-x-xl: calc(2rem * var(--mantine-scale));
+
+  --section-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
+  --section-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
+  --section-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
+  --section-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
+  --section-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));
+
+  --section-height: var(--section-height-sm);
+  --section-padding-x: var(--section-padding-x-sm);
+  --section-color: var(--mantine-color-white);
+
+  font-weight: var(--mantine-font-weight-medium);
+  width: auto;
+  border-radius: var(--section-radius, var(--mantine-radius-default));
+  font-size: var(--section-fz, var(--mantine-font-size-sm));
+  background: var(--section-bg, var(--mantine-primary-color-filled));
+  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
+  color: var(--section-color, var(--mantine-color-white));
+  height: var(--section-height, var(--section-height-sm));
+  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
+  vertical-align: middle;
+  line-height: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+}
+
+@layer mantine {.m_8d3f4000 {
+  --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));
+
+  --ai-size-input-xs: calc(1.875rem * var(--mantine-scale));
+  --ai-size-input-sm: calc(2.25rem * var(--mantine-scale));
+  --ai-size-input-md: calc(2.625rem * var(--mantine-scale));
+  --ai-size-input-lg: calc(3.125rem * var(--mantine-scale));
+  --ai-size-input-xl: calc(3.75rem * var(--mantine-scale));
+
+  --ai-size: var(--ai-size-md);
+  --ai-color: var(--mantine-color-white);
+
+  line-height: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  user-select: none;
+  overflow: hidden;
+
+  width: var(--ai-size);
+  height: var(--ai-size);
+  min-width: var(--ai-size);
+  min-height: var(--ai-size);
+  border-radius: var(--ai-radius, var(--mantine-radius-default));
+  background: var(--ai-bg, var(--mantine-primary-color-filled));
+  color: var(--ai-color, var(--mantine-color-white));
+  border: var(--ai-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
+  cursor: pointer;
+}
+
+  @media (hover: hover) {
+    .m_8d3f4000:hover:where(:not([data-loading], :disabled, [data-disabled])) {
+      background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
+      color: var(--ai-hover-color, var(--ai-color));
+    }
+}
+
+  @media (hover: none) {
+    .m_8d3f4000:active:where(:not([data-loading], :disabled, [data-disabled])) {
+      background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
+      color: var(--ai-hover-color, var(--ai-color));
+    }
+}
+
+  .m_8d3f4000[data-loading] {
+    cursor: not-allowed;
+  }
+
+  .m_8d3f4000[data-loading] .m_8d3afb97 {
+      opacity: 0;
+      transform: translateY(100%);
+    }
+
+  .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
+    cursor: not-allowed;
+    border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
+    color: var(--mantine-color-disabled-color);
+    background: var(--mantine-color-disabled);
+  }
+
+  .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])):active {
+      transform: none;
+    }
+
+.m_302b9fb1 {
+  inset: calc(-0.0625rem * var(--mantine-scale));
+  position: absolute;
+  border-radius: var(--ai-radius, var(--mantine-radius-default));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+:where([data-mantine-color-scheme='light']) .m_302b9fb1 {
+    background-color: rgba(255, 255, 255, 0.15);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_302b9fb1 {
+    background-color: rgba(0, 0, 0, 0.15);
+}
+
+.m_1a0f1b21 {
+  --ai-border-width: calc(0.0625rem * var(--mantine-scale));
+  display: flex;
+}
+
+.m_1a0f1b21 :where(*):focus {
+      position: relative;
+      z-index: 1;
+    }
+
+.m_1a0f1b21[data-orientation='horizontal'] {
+    flex-direction: row;
+  }
+
+.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):first-child, .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):first-child {
+        border-end-end-radius: 0;
+        border-start-end-radius: 0;
+        border-inline-end-width: calc(var(--ai-border-width) / 2);
+      }
+
+.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):last-child, .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):last-child {
+        border-end-start-radius: 0;
+        border-start-start-radius: 0;
+        border-inline-start-width: calc(var(--ai-border-width) / 2);
+      }
+
+.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child), .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
+        border-radius: 0;
+        border-inline-width: calc(var(--ai-border-width) / 2);
+      }
+
+.m_1a0f1b21[data-orientation='vertical'] {
+    flex-direction: column;
+  }
+
+.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):first-child, .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):first-child {
+        border-end-start-radius: 0;
+        border-end-end-radius: 0;
+        border-bottom-width: calc(var(--ai-border-width) / 2);
+      }
+
+.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):last-child, .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):last-child {
+        border-start-start-radius: 0;
+        border-start-end-radius: 0;
+        border-top-width: calc(var(--ai-border-width) / 2);
+      }
+
+.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child), .m_1a0f1b21[data-orientation='vertical'] .m_437b6484: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);
+      }
+
+.m_8d3afb97 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition:
+    transform 150ms ease,
+    opacity 100ms ease;
+  width: 100%;
+  height: 100%;
+}
+
+.m_437b6484 {
+  --section-height-xs: calc(1.125rem * var(--mantine-scale));
+  --section-height-sm: calc(1.375rem * var(--mantine-scale));
+  --section-height-md: calc(1.75rem * var(--mantine-scale));
+  --section-height-lg: calc(2.125rem * var(--mantine-scale));
+  --section-height-xl: calc(2.75rem * var(--mantine-scale));
+
+  --section-height-input-xs: calc(1.875rem * var(--mantine-scale));
+  --section-height-input-sm: calc(2.25rem * var(--mantine-scale));
+  --section-height-input-md: calc(2.625rem * var(--mantine-scale));
+  --section-height-input-lg: calc(3.125rem * var(--mantine-scale));
+  --section-height-input-xl: calc(3.75rem * var(--mantine-scale));
+
+  --section-padding-x-xs: calc(0.375rem * var(--mantine-scale));
+  --section-padding-x-sm: calc(0.5rem * var(--mantine-scale));
+  --section-padding-x-md: calc(0.625rem * var(--mantine-scale));
+  --section-padding-x-lg: calc(0.75rem * var(--mantine-scale));
+  --section-padding-x-xl: calc(1rem * var(--mantine-scale));
+
+  --section-height: var(--section-height-sm);
+  --section-padding-x: var(--section-padding-x-sm);
+  --section-color: var(--mantine-color-white);
+
+  font-weight: var(--mantine-font-weight-medium);
+  width: auto;
+  border-radius: var(--section-radius, var(--mantine-radius-default));
+  font-size: var(--section-fz, var(--mantine-font-size-sm));
+  background: var(--section-bg, var(--mantine-primary-color-filled));
+  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
+  color: var(--section-color, var(--mantine-color-white));
+  height: var(--section-height, var(--section-height-sm));
+  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
+  vertical-align: middle;
+  line-height: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+}
+
+@layer mantine {.m_dc9b7c9f {
+  padding: calc(0.25rem * var(--mantine-scale));
+}
+
+.m_9bfac126 {
+  color: var(--mantine-color-dimmed);
+  font-weight: var(--mantine-font-weight-medium);
+  font-size: var(--mantine-font-size-xs);
+  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
+  cursor: default;
+}
+
+.m_efdf90cb {
+  margin-top: calc(0.25rem * var(--mantine-scale));
+  margin-bottom: calc(0.25rem * var(--mantine-scale));
+  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
+}
+
+:where([data-mantine-color-scheme='light']) .m_efdf90cb {
+    border-color: var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_efdf90cb {
+    border-color: var(--mantine-color-dark-4);
+}
+
+.m_99ac2aa1 {
+  font-size: var(--mantine-font-size-sm);
+  width: 100%;
+  padding: calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);
+  border-radius: var(--popover-radius, var(--mantine-radius-default));
+  color: var(--menu-item-color, var(--mantine-color-text));
+  display: flex;
+  align-items: center;
+  user-select: none;
+}
+
+.m_99ac2aa1:where([data-disabled], :disabled) {
+    color: var(--mantine-color-disabled-color);
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
+
+:where([data-mantine-color-scheme='light']) .m_99ac2aa1:where(:hover, :focus, [data-menu-active]):where(:not(:disabled, [data-disabled])) {
+        background-color: var(--menu-item-hover, var(--mantine-color-gray-1));
+}
+
+:where([data-mantine-color-scheme='dark']) .m_99ac2aa1:where(:hover, :focus, [data-menu-active]):where(:not(:disabled, [data-disabled])) {
+        background-color: var(--menu-item-hover, var(--mantine-color-dark-4));
+}
+
+.m_99ac2aa1:where([data-sub-menu-item]) {
+    padding-inline-end: calc(0.3125rem * var(--mantine-scale));
+  }
+
+.m_ef8769b6 {
+  --menu-search-padding: var(--popover-padding, 4px);
+
+  margin-inline: calc(var(--menu-search-padding) * -1);
+  margin-top: calc(var(--menu-search-padding) * -1);
+  width: calc(100% + var(--menu-search-padding) * 2);
+  border-top-width: 0;
+  border-inline-width: 0;
+  border-end-start-radius: 0;
+  border-end-end-radius: 0;
+  margin-bottom: var(--menu-search-padding);
+}
+
+:where([data-mantine-color-scheme='light']) .m_ef8769b6, :where([data-mantine-color-scheme='light']) .m_ef8769b6:focus {
+      border-color: var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_ef8769b6, :where([data-mantine-color-scheme='dark']) .m_ef8769b6:focus {
+      border-color: var(--mantine-color-dark-4);
+}
+
+:where([data-mantine-color-scheme='light']) .m_ef8769b6 {
+    background-color: var(--mantine-color-white);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_ef8769b6 {
+    background-color: var(--mantine-color-dark-7);
+}
+
+.m_5476e0d3 {
+  flex: 1;
+}
+
+.m_8395186e {
+  width: calc(0.75rem * var(--mantine-scale));
+  height: calc(0.75rem * var(--mantine-scale));
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-inline-end: calc(0.5rem * var(--mantine-scale));
+}
+
+.m_8b75e504 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.m_8b75e504:where([data-position='left']) {
+    margin-inline-end: var(--mantine-spacing-xs);
+  }
+
+.m_8b75e504:where([data-position='right']) {
+    margin-inline-start: var(--mantine-spacing-xs);
+  }
+
+.m_b85b0bed {
+  transform: rotate(-90deg);
+}
+
+:where([dir="rtl"]) .m_b85b0bed {
+    transform: rotate(90deg);
+}
+}
+
+@layer mantine {.m_9df02822 {
+  --modal-size-xs: calc(20rem * var(--mantine-scale));
+  --modal-size-sm: calc(23.75rem * var(--mantine-scale));
+  --modal-size-md: calc(27.5rem * var(--mantine-scale));
+  --modal-size-lg: calc(38.75rem * var(--mantine-scale));
+  --modal-size-xl: calc(48.75rem * var(--mantine-scale));
+  --modal-size: var(--modal-size-md);
+
+  --modal-y-offset: 5dvh;
+  --modal-x-offset: 5vw;
+}
+
+  .m_9df02822[data-full-screen] {
+    --modal-border-radius: 0 !important;
+  }
+
+  .m_9df02822[data-full-screen] .m_54c44539 {
+      --modal-content-flex: 0 0 100%;
+      --modal-content-max-height: auto;
+      --modal-content-height: 100dvh;
+    }
+
+  .m_9df02822[data-full-screen] .m_1f958f16 {
+      --modal-inner-y-offset: 0;
+      --modal-inner-x-offset: 0;
+    }
+
+  .m_9df02822[data-centered] .m_1f958f16 {
+      --modal-inner-align: center;
+    }
+
+.m_d0e2b9cd {
+  border-start-start-radius: var(--modal-radius, var(--mantine-radius-default));
+  border-start-end-radius: var(--modal-radius, var(--mantine-radius-default));
+}
+
+.m_54c44539 {
+  flex: var(--modal-content-flex, 0 0 var(--modal-size));
+  max-width: 100%;
+  max-height: var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2));
+  height: var(--modal-content-height, auto);
+  overflow-y: auto;
+}
+
+.m_54c44539[data-full-screen] {
+    border-radius: 0;
+  }
+
+.m_54c44539[data-hidden] {
+    opacity: 0 !important;
+    pointer-events: none;
+  }
+
+.m_1f958f16 {
+  display: flex;
+  justify-content: center;
+  align-items: var(--modal-inner-align, flex-start);
+  padding-top: var(--modal-inner-y-offset, var(--modal-y-offset));
+  padding-bottom: var(--modal-inner-y-offset, var(--modal-y-offset));
+  padding-inline: var(--modal-inner-x-offset, var(--modal-x-offset));
+}
+}
+
+@layer mantine {.m_66836ed3 {
+  --alert-radius: var(--mantine-radius-default);
+  --alert-bg: var(--mantine-primary-color-light);
+  --alert-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
+  --alert-color: var(--mantine-primary-color-light-color);
+
+  padding: var(--mantine-spacing-md) var(--mantine-spacing-md);
+  border-radius: var(--alert-radius);
+  position: relative;
+  overflow: hidden;
+  background-color: var(--alert-bg);
+  border: var(--alert-bd);
+  color: var(--alert-color);
+}
+
+.m_a5d60502 {
+  display: flex;
+}
+
+.m_667c2793 {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: var(--mantine-spacing-xs);
+}
+
+.m_6a03f287 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: var(--mantine-font-size-sm);
+  font-weight: var(--mantine-font-weight-bold);
+}
+
+.m_6a03f287:where([data-with-close-button]) {
+    padding-inline-end: var(--mantine-spacing-md);
+  }
+
+.m_698f4f23 {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.m_667f2a6a {
+  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-inline-end: var(--mantine-spacing-md);
+  margin-top: calc(0.0625rem * var(--mantine-scale));
+}
+
+.m_7fa78076 {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-size: var(--mantine-font-size-sm);
+}
+
+:where([data-mantine-color-scheme='light']) .m_7fa78076 {
+    color: var(--mantine-color-black);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_7fa78076 {
+    color: var(--mantine-color-white);
+}
+
+.m_7fa78076:where([data-variant='filled']) {
+    color: var(--alert-color);
+  }
+
+.m_7fa78076:where([data-variant='white']) {
+    color: var(--mantine-color-black);
+  }
+
+.m_87f54839 {
+  width: calc(1.25rem * var(--mantine-scale));
+  height: calc(1.25rem * var(--mantine-scale));
+  color: var(--alert-color);
+}
+}
+
+@layer mantine {.m_6c018570 {
+  position: relative;
+  margin-top: var(--input-margin-top, 0rem);
+  margin-bottom: var(--input-margin-bottom, 0rem);
+
+  --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: 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-height: var(--input-height-sm);
+  --input-radius: var(--mantine-radius-default);
+
+  --input-cursor: text;
+  --input-line-height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
+  --input-padding: calc(var(--input-height) / 3);
+  --input-padding-inline-start: var(--input-padding);
+  --input-padding-inline-end: var(--input-padding);
+  --input-placeholder-color: var(--mantine-color-placeholder);
+  --input-color: var(--mantine-color-text);
+  --input-disabled-bg: var(--mantine-color-disabled);
+  --input-disabled-color: var(--mantine-color-disabled-color);
+
+  --input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));
+
+  --input-right-section-size: var(
+    --input-right-section-width,
+    calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)))
+  );
+
+  --input-size: var(--input-height);
+
+  --section-y: calc(0.0625rem * var(--mantine-scale));
+  --left-section-start: calc(0.0625rem * var(--mantine-scale));
+  --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
+
+  --right-section-end: calc(0.0625rem * var(--mantine-scale));
+  --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
+}
+
+  .m_6c018570[data-variant='unstyled'] {
+    --input-padding: 0;
+    --input-padding-y: 0;
+    --input-padding-inline-start: 0;
+    --input-padding-inline-end: 0;
+  }
+
+  .m_6c018570[data-pointer] {
+    --input-cursor: pointer;
+  }
+
+  .m_6c018570[data-with-bottom-section] {
+    --input-bottom-section-height: calc(1.75rem * var(--mantine-scale));
+  }
+
+  .m_6c018570[data-multiline] {
+    --input-padding-y-xs: calc(0.28125rem * var(--mantine-scale));
+    --input-padding-y-sm: calc(0.34375rem * var(--mantine-scale));
+    --input-padding-y-md: calc(0.4375rem * var(--mantine-scale));
+    --input-padding-y-lg: calc(0.59375rem * var(--mantine-scale));
+    --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));
+
+    --input-size: auto;
+    --input-line-height: var(--mantine-line-height);
+  }
+
+  .m_6c018570[data-with-left-section] {
+    --input-padding-inline-start: var(--input-left-section-size);
+  }
+
+  .m_6c018570[data-with-right-section] {
+    --input-padding-inline-end: var(--input-right-section-size);
+  }
+
+  .m_6c018570[data-size='xs'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
+        --input-padding-inline-end: calc(2.5625rem * var(--mantine-scale));
+      }
+
+  .m_6c018570[data-size='sm'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
+        --input-padding-inline-end: calc(3.125rem * var(--mantine-scale));
+      }
+
+  .m_6c018570[data-size='md'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
+        --input-padding-inline-end: calc(3.75rem * var(--mantine-scale));
+      }
+
+  .m_6c018570[data-size='lg'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
+        --input-padding-inline-end: calc(4.5rem * var(--mantine-scale));
+      }
+
+  .m_6c018570[data-size='xl'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
+        --input-padding-inline-end: calc(5.5625rem * var(--mantine-scale));
+      }
+
+  [data-mantine-color-scheme='light'] .m_6c018570[data-variant='default'] {
+      --input-bd: var(--mantine-color-gray-4);
+      --input-bg: var(--mantine-color-white);
+      --input-bd-focus: var(--mantine-primary-color-filled);
+    }
+
+  [data-mantine-color-scheme='light'] .m_6c018570[data-variant='filled'] {
+      --input-bd: transparent;
+      --input-bg: var(--mantine-color-gray-1);
+      --input-bd-focus: var(--mantine-primary-color-filled);
+    }
+
+  [data-mantine-color-scheme='light'] .m_6c018570[data-variant='unstyled'] {
+      --input-bd: transparent;
+      --input-bg: transparent;
+      --input-bd-focus: transparent;
+    }
+
+  [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='default'] {
+      --input-bd: var(--mantine-color-dark-4);
+      --input-bg: var(--mantine-color-dark-6);
+      --input-bd-focus: var(--mantine-primary-color-filled);
+    }
+
+  [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='filled'] {
+      --input-bd: transparent;
+      --input-bg: var(--mantine-color-dark-5);
+      --input-bd-focus: var(--mantine-primary-color-filled);
+    }
+
+  [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='unstyled'] {
+      --input-bd: transparent;
+      --input-bg: transparent;
+      --input-bd-focus: transparent;
+    }
+
+  [data-mantine-color-scheme] .m_6c018570[data-error]:not([data-variant='unstyled']) {
+      --input-bd: var(--mantine-color-error);
+    }
+
+  [data-mantine-color-scheme] .m_6c018570[data-error] {
+
+    --input-color: var(--mantine-color-error);
+    --input-placeholder-color: var(--mantine-color-error);
+    --input-section-color: var(--mantine-color-error);
+}
+
+  [data-mantine-color-scheme] .m_6c018570[data-success]:not([data-variant='unstyled']) {
+      --input-bd: var(--mantine-color-success);
+    }
+
+  [data-mantine-color-scheme] .m_6c018570[data-success] {
+
+    --input-section-color: var(--mantine-color-success);
+}
+
+  :where([dir="rtl"]) .m_6c018570 {
+    --left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
+    --right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
+}
+
+  .m_6c018570[dir='ltr'] {
+    --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
+    --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
+  }
+
+.m_8fb7ebe7 {
+  -webkit-tap-highlight-color: transparent;
+  appearance: none;
+  resize: var(--input-resize, none);
+  display: block;
+  width: 100%;
+  transition: border-color 100ms ease;
+
+  text-align: var(--input-text-align, start);
+  color: var(--input-color);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
+  background-color: var(--input-bg);
+  font-family: var(--input-font-family, var(--mantine-font-family));
+  height: var(--input-size);
+  min-height: var(--input-height);
+  line-height: var(--input-line-height);
+  font-size: var(--_input-fz, var(--input-fz, var(--mantine-font-size-md)));
+  border-radius: var(--input-radius);
+  padding-inline-start: var(--input-padding-inline-start);
+  padding-inline-end: var(--input-padding-inline-end);
+  padding-top: var(--input-padding-y, 0rem);
+  padding-bottom: var(--input-padding-y, 0rem);
+  cursor: var(--input-cursor);
+  overflow: var(--input-overflow);
+}
+
+/* Used as data attribute in Textarea component, does not have associated prop on the Input component */
+
+.m_8fb7ebe7[data-no-overflow] {
+    --input-overflow: hidden;
+  }
+
+/* Used as data attribute in JsonInput component, does not have associated prop on the Input component */
+
+.m_8fb7ebe7[data-monospace] {
+    --input-font-family: var(--mantine-font-family-monospace);
+    --_input-fz: calc(var(--input-fz) - calc(0.125rem * var(--mantine-scale)));
+  }
+
+.m_8fb7ebe7:focus,
+  .m_8fb7ebe7:focus-within {
+    outline: none;
+    --input-bd: var(--input-bd-focus);
+  }
+
+.m_6c018570[data-error] .m_8fb7ebe7:focus, .m_6c018570[data-error] .m_8fb7ebe7:focus-within {
+      --input-bd: var(--mantine-color-error);
+    }
+
+.m_6c018570[data-success] .m_8fb7ebe7:focus, .m_6c018570[data-success] .m_8fb7ebe7:focus-within {
+      --input-bd: var(--mantine-color-success);
+    }
+
+.m_8fb7ebe7::placeholder {
+    color: var(--input-placeholder-color);
+    opacity: 1;
+  }
+
+.m_8fb7ebe7::-webkit-inner-spin-button,
+  .m_8fb7ebe7::-webkit-outer-spin-button,
+  .m_8fb7ebe7::-webkit-search-decoration,
+  .m_8fb7ebe7::-webkit-search-cancel-button,
+  .m_8fb7ebe7::-webkit-search-results-button,
+  .m_8fb7ebe7::-webkit-search-results-decoration {
+    appearance: none;
+  }
+
+.m_8fb7ebe7[type='number'] {
+    -moz-appearance: textfield;
+  }
+
+.m_8fb7ebe7:disabled,
+  .m_8fb7ebe7[data-disabled] {
+    cursor: not-allowed;
+    opacity: 0.6;
+    background-color: var(--input-disabled-bg);
+    color: var(--input-disabled-color);
+  }
+
+/* Required to be a separate selector to work in Firefox, can be merged with &:disabled once :has is supported */
+
+.m_8fb7ebe7:has(input:disabled) {
+    cursor: not-allowed;
+    opacity: 0.6;
+    background-color: var(--input-disabled-bg);
+    color: var(--input-disabled-color);
+  }
+
+.m_8fb7ebe7[readonly] {
+    caret-color: transparent;
+  }
+
+[data-with-bottom-section] .m_8fb7ebe7 {
+    padding-bottom: calc(var(--input-padding-y, 0rem) + var(--input-bottom-section-height));
+  }
+
+.m_93f4ed57 {
+  position: absolute;
+  bottom: calc(0.0625rem * var(--mantine-scale));
+  left: calc(0.0625rem * var(--mantine-scale));
+  right: calc(0.0625rem * var(--mantine-scale));
+  height: var(--input-bottom-section-height);
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  padding-inline: var(--input-padding);
+  border-radius: 0 0 var(--input-radius) var(--input-radius);
+  pointer-events: all;
+  color: var(--mantine-color-dimmed);
+  font-size: var(--input-fz, var(--mantine-font-size-sm));
+}
+
+.m_82577fc2 {
+  pointer-events: var(--section-pointer-events);
+  position: absolute;
+  z-index: 1;
+  inset-inline-start: var(--section-start);
+  inset-inline-end: var(--section-end);
+  bottom: var(--section-y);
+  top: var(--section-y);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--section-size);
+  border-radius: var(--section-border-radius);
+  color: var(--input-section-color, var(--mantine-color-dimmed));
+}
+
+.m_82577fc2[data-position='right'] {
+    --section-pointer-events: var(--input-right-section-pointer-events);
+    --section-end: var(--right-section-end);
+    --section-size: var(--input-right-section-size);
+    --section-border-radius: var(--right-section-border-radius);
+  }
+
+.m_6c018570[data-size='xs'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
+        --section-size: calc(2.5625rem * var(--mantine-scale));
+      }
+
+.m_6c018570[data-size='sm'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
+        --section-size: calc(3.125rem * var(--mantine-scale));
+      }
+
+.m_6c018570[data-size='md'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
+        --section-size: calc(3.75rem * var(--mantine-scale));
+      }
+
+.m_6c018570[data-size='lg'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
+        --section-size: calc(4.5rem * var(--mantine-scale));
+      }
+
+.m_6c018570[data-size='xl'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
+        --section-size: calc(5.5625rem * var(--mantine-scale));
+      }
+
+.m_82577fc2[data-position='left'] {
+    --section-pointer-events: var(--input-left-section-pointer-events);
+    --section-start: var(--left-section-start);
+    --section-size: var(--input-left-section-size);
+    --section-border-radius: var(--left-section-border-radius);
+  }
+
+/* ----- Input.Placeholder ----- */
+.m_88bacfd0 {
+  color: var(--input-placeholder-color, var(--mantine-color-placeholder));
+}
+.m_6c018570[data-error] .m_88bacfd0 {
+    --input-placeholder-color: var(--input-color, var(--mantine-color-placeholder));
+  }
+
+/* ----- Input.Wrapper ----- */
+.m_46b77525 {
+  line-height: var(--mantine-line-height);
+}
+
+.m_8fdc1311 {
+  display: inline-block;
+  font-weight: var(--mantine-font-weight-medium);
+  overflow-wrap: break-word;
+  cursor: default;
+  -webkit-tap-highlight-color: transparent;
+  font-size: var(--input-label-size, var(--mantine-font-size-sm));
+}
+
+.m_78a94662 {
+  color: var(--input-asterisk-color, var(--mantine-color-error));
+}
+
+.m_8f816625,
+.m_9d9d40e0,
+.m_fe47ce59 {
+  word-wrap: break-word;
+  line-height: 1.2;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+
+.m_8f816625 {
+  color: var(--mantine-color-error);
+  font-size: var(--input-error-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
+}
+
+.m_9d9d40e0 {
+  color: var(--mantine-color-success);
+  font-size: var(--input-success-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
+}
+
+.m_fe47ce59 {
+  color: var(--mantine-color-dimmed);
+  font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
+}
+}
+
+@layer mantine {.m_88b62a41 {
+  --combobox-padding: calc(0.25rem * var(--mantine-scale));
+  padding: var(--combobox-padding);
+}
+
+  .m_88b62a41:has([data-mantine-scrollbar]) .m_985517d8 {
+      max-width: calc(100% + var(--combobox-padding));
+    }
+
+  .m_88b62a41[data-composed] {
+    padding-inline-end: 0;
+  }
+
+  .m_88b62a41[data-hidden] {
+    display: none;
+  }
+
+  .m_88b62a41[data-floating-height='viewport']:not([data-hidden]) {
+    --combobox-floating-options-max-height: calc(
+      var(--combobox-floating-max-height, 100vh) - var(--combobox-padding) * 2
+    );
+    max-height: var(--combobox-floating-max-height, none);
+    overflow: hidden;
+  }
+
+/* Variables must be both on dropdown and options to support usage of Combobox.Options without Combobox.Dropdown */
+.m_88b62a41,
+.m_b2821a6e {
+  --combobox-option-padding-xs: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
+  --combobox-option-padding-sm: calc(0.375rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
+  --combobox-option-padding-md: calc(0.5rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale));
+  --combobox-option-padding-lg: calc(0.625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
+  --combobox-option-padding-xl: calc(0.875rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
+  --combobox-option-padding: var(--combobox-option-padding-sm);
+}
+
+.m_92253aa5 {
+  padding: var(--combobox-option-padding);
+  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
+  border-radius: var(--mantine-radius-default);
+  background-color: transparent;
+  color: inherit;
+  cursor: pointer;
+  overflow-wrap: break-word;
+}
+
+.m_92253aa5:where([data-combobox-selected]) {
+    background-color: var(--mantine-primary-color-filled);
+    color: var(--mantine-color-white);
+  }
+
+.m_92253aa5:where([data-combobox-disabled]) {
+    cursor: not-allowed;
+    opacity: 0.35;
+  }
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='light']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+        background-color: var(--mantine-color-dark-7);
+  }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='light']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+        background-color: var(--mantine-color-dark-7);
+  }
+}
+
+.m_985517d8 {
+  margin-inline: calc(var(--combobox-padding) * -1);
+  margin-top: calc(var(--combobox-padding) * -1);
+  width: calc(100% + var(--combobox-padding) * 2);
+  border-top-width: 0;
+  border-inline-width: 0;
+  border-end-start-radius: 0;
+  border-end-end-radius: 0;
+  margin-bottom: var(--combobox-padding);
+  position: relative;
+}
+
+:where([data-mantine-color-scheme='light']) .m_985517d8, :where([data-mantine-color-scheme='light']) .m_985517d8:focus {
+      border-color: var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_985517d8, :where([data-mantine-color-scheme='dark']) .m_985517d8:focus {
+      border-color: var(--mantine-color-dark-4);
+}
+
+:where([data-mantine-color-scheme='light']) .m_985517d8 {
+    background-color: var(--mantine-color-white);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_985517d8 {
+    background-color: var(--mantine-color-dark-7);
+}
+
+.m_2530cd1d {
+  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
+  text-align: center;
+  padding: var(--combobox-option-padding);
+  color: var(--mantine-color-dimmed);
+}
+
+.m_858f94bd,
+.m_82b967cb {
+  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
+  border: 0 solid transparent;
+  margin-inline: calc(var(--combobox-padding) * -1);
+  padding: var(--combobox-option-padding);
+}
+
+:where([data-mantine-color-scheme='light']) .m_858f94bd, :where([data-mantine-color-scheme='light']) .m_82b967cb {
+    border-color: var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_858f94bd, :where([data-mantine-color-scheme='dark']) .m_82b967cb {
+    border-color: var(--mantine-color-dark-4);
+}
+
+.m_82b967cb {
+  border-top-width: calc(0.0625rem * var(--mantine-scale));
+  margin-top: var(--combobox-padding);
+  margin-bottom: calc(var(--combobox-padding) * -1);
+}
+
+.m_858f94bd {
+  border-bottom-width: calc(0.0625rem * var(--mantine-scale));
+  margin-bottom: var(--combobox-padding);
+  margin-top: calc(var(--combobox-padding) * -1);
+}
+
+.m_254f3e4f:has(.m_2bb2e9e5:only-child) {
+    display: none;
+  }
+
+.m_2bb2e9e5 {
+  color: var(--mantine-color-dimmed);
+  font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85);
+  padding: var(--combobox-option-padding);
+  font-weight: var(--mantine-font-weight-medium);
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.m_2bb2e9e5::after {
+    content: '';
+    flex: 1;
+    inset-inline: 0;
+    height: calc(0.0625rem * var(--mantine-scale));
+    margin-inline-start: var(--mantine-spacing-xs);
+  }
+
+:where([data-mantine-color-scheme='light']) .m_2bb2e9e5::after {
+      background-color: var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_2bb2e9e5::after {
+      background-color: var(--mantine-color-dark-4);
+}
+
+.m_2bb2e9e5:only-child {
+    display: none;
+  }
+
+/* ------- Combobox.Chevron ------- */
+.m_2943220b {
+  --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));
+  --combobox-chevron-size: var(--combobox-chevron-size-sm);
+}
+:where([data-mantine-color-scheme='light']) .m_2943220b {
+    --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-gray-6));
+}
+:where([data-mantine-color-scheme='dark']) .m_2943220b {
+    --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-dark-3));
+}
+.m_2943220b {
+
+  width: var(--combobox-chevron-size);
+  height: var(--combobox-chevron-size);
+  color: var(--_combobox-chevron-color);
+}
+.m_2943220b:where([data-error]) {
+    color: var(--combobox-chevron-color, var(--mantine-color-error));
+  }
+
+/* ------- OptionsDropdown ------- */
+.m_390b5f4 {
+  display: flex;
+  align-items: center;
+  gap: calc(0.5rem * var(--mantine-scale));
+}
+.m_390b5f4:where([data-reverse]) {
+    justify-content: space-between;
+  }
+
+.m_8ee53fc2 {
+  opacity: 0.4;
+  width: 0.8em;
+  min-width: 0.8em;
+  height: 0.8em;
+}
+
+:where([data-combobox-selected]) .m_8ee53fc2 {
+    opacity: 1;
+  }
+
+.m_a530ee0a {
+  width: 0.8em;
+  min-width: 0.8em;
+  height: 0.8em;
+}
+}
+
+@layer mantine {[data-mantine-color-scheme='light'] .m_89d60db1 {
+    --tab-border-color: var(--mantine-color-gray-3);
+}
+  [data-mantine-color-scheme='dark'] .m_89d60db1 {
+    --tab-border-color: var(--mantine-color-dark-4);
+}
+  .m_89d60db1 {
+
+  display: var(--tabs-display);
+  flex-direction: var(--tabs-flex-direction);
+
+  --tabs-list-direction: row;
+  --tabs-panel-grow: unset;
+  --tabs-display: block;
+  --tabs-flex-direction: row;
+  --tabs-list-border-width: 0;
+  --tabs-list-border-size: 0 0 var(--tabs-list-border-width) 0;
+  --tabs-list-gap: unset;
+
+  --tabs-list-line-bottom: 0;
+  --tabs-list-line-top: unset;
+  --tabs-list-line-start: 0;
+  --tabs-list-line-end: 0;
+
+  --tab-radius: var(--tabs-radius) var(--tabs-radius) 0 0;
+  --tab-border-width: 0 0 var(--tabs-list-border-width) 0;
+}
+
+  .m_89d60db1[data-inverted] {
+    --tabs-list-line-bottom: unset;
+    --tabs-list-line-top: 0;
+    --tab-radius: 0 0 var(--tabs-radius) var(--tabs-radius);
+    --tab-border-width: var(--tabs-list-border-width) 0 0 0;
+  }
+
+  .m_89d60db1[data-inverted] .m_576c9d4::before {
+      top: 0;
+      bottom: unset;
+    }
+
+  .m_89d60db1[data-orientation='vertical'] {
+    --tabs-list-line-start: unset;
+    --tabs-list-line-end: 0;
+    --tabs-list-line-top: 0;
+    --tabs-list-line-bottom: 0;
+    --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
+    --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
+    --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
+    --tabs-list-direction: column;
+    --tabs-panel-grow: 1;
+    --tabs-display: flex;
+  }
+
+  [dir="rtl"] .m_89d60db1[data-orientation='vertical'] {
+      --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
+      --tab-border-width: 0 0 0 var(--tabs-list-border-width);
+      --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
+}
+
+  .m_89d60db1[data-orientation='vertical'][data-placement='right'] {
+      --tabs-flex-direction: row-reverse;
+      --tabs-list-line-start: 0;
+      --tabs-list-line-end: unset;
+      --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
+      --tab-border-width: 0 0 0 var(--tabs-list-border-width);
+      --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
+    }
+
+  [dir="rtl"] .m_89d60db1[data-orientation='vertical'][data-placement='right'] {
+        --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
+        --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
+        --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
+}
+
+  .m_89d60db1[data-variant='default'] {
+    --tabs-list-border-width: calc(0.125rem * var(--mantine-scale));
+  }
+
+  [data-mantine-color-scheme='light'] .m_89d60db1[data-variant='default'] {
+      --tab-hover-color: var(--mantine-color-gray-0);
+}
+
+  [data-mantine-color-scheme='dark'] .m_89d60db1[data-variant='default'] {
+      --tab-hover-color: var(--mantine-color-dark-6);
+}
+
+  .m_89d60db1[data-variant='outline'] {
+    --tabs-list-border-width: calc(0.0625rem * var(--mantine-scale));
+  }
+
+  .m_89d60db1[data-variant='pills'] {
+    --tabs-list-gap: calc(var(--mantine-spacing-sm) / 2);
+  }
+
+  [data-mantine-color-scheme='light'] .m_89d60db1[data-variant='pills'] {
+      --tab-hover-color: var(--mantine-color-gray-0);
+}
+
+  [data-mantine-color-scheme='dark'] .m_89d60db1[data-variant='pills'] {
+      --tab-hover-color: var(--mantine-color-dark-6);
+}
+
+.m_89d33d6d {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: var(--tabs-justify, flex-start);
+  flex-direction: var(--tabs-list-direction);
+  gap: var(--tabs-list-gap);
+}
+
+.m_89d33d6d:where([data-grow]) .m_4ec4dce6 {
+    flex: 1;
+  }
+
+.m_b0c91715 {
+  flex-grow: var(--tabs-panel-grow);
+}
+
+.m_4ec4dce6 {
+  position: relative;
+  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
+  font-size: var(--mantine-font-size-sm);
+  white-space: nowrap;
+  z-index: 0;
+  display: flex;
+  align-items: center;
+  line-height: 1;
+  user-select: none;
+}
+
+.m_4ec4dce6:where(:disabled, [data-disabled]) {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+.m_4ec4dce6:focus {
+    z-index: 1;
+  }
+
+.m_fc420b1f {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.m_fc420b1f:where([data-position='left']:not(:only-child)) {
+    margin-inline-end: var(--mantine-spacing-xs);
+  }
+
+.m_fc420b1f:where([data-position='right']:not(:only-child)) {
+    margin-inline-start: var(--mantine-spacing-xs);
+  }
+
+.m_42bbd1ae {
+  flex: 1;
+  text-align: center;
+}
+
+/*************************************** default variant ***************************************/
+.m_576c9d4 {
+  position: relative;
+}
+.m_576c9d4::before {
+    content: '';
+    position: absolute;
+    border: 1px solid var(--tab-border-color);
+    bottom: var(--tabs-list-line-bottom);
+    inset-inline-start: var(--tabs-list-line-start);
+    inset-inline-end: var(--tabs-list-line-end);
+    top: var(--tabs-list-line-top);
+  }
+
+.m_539e827b {
+  border-radius: var(--tab-radius);
+  border-width: var(--tab-border-width);
+  border-style: solid;
+  border-color: transparent;
+  background-color: transparent;
+}
+
+.m_539e827b:where([data-active]) {
+    border-color: var(--tabs-color);
+  }
+
+@media (hover: hover) {
+    .m_539e827b:hover {
+    background-color: var(--tab-hover-color);
+    }
+
+    .m_539e827b:hover:where(:not([data-active])) {
+      border-color: var(--tab-border-color);
+    }
+}
+
+@media (hover: none) {
+    .m_539e827b:active {
+    background-color: var(--tab-hover-color);
+    }
+
+    .m_539e827b:active:where(:not([data-active])) {
+      border-color: var(--tab-border-color);
+    }
+}
+
+@media (hover: hover) {
+    .m_539e827b:disabled:hover, .m_539e827b[data-disabled]:hover {
+      background-color: transparent;
+    }
+}
+
+@media (hover: none) {
+    .m_539e827b:disabled:active, .m_539e827b[data-disabled]:active {
+      background-color: transparent;
+    }
+}
+
+/*************************************** outline variant ***************************************/
+.m_6772fbd5 {
+  position: relative;
+}
+.m_6772fbd5::before {
+    content: '';
+    position: absolute;
+    border-color: var(--tab-border-color);
+    border-width: var(--tabs-list-border-size);
+    border-style: solid;
+    bottom: var(--tabs-list-line-bottom);
+    inset-inline-start: var(--tabs-list-line-start);
+    inset-inline-end: var(--tabs-list-line-end);
+    top: var(--tabs-list-line-top);
+  }
+
+.m_b59ab47c {
+  border-top: calc(0.0625rem * var(--mantine-scale)) solid transparent;
+  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid transparent;
+  border-inline: 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-radius: var(--tab-radius);
+  position: relative;
+
+  --tab-border-bottom-color: transparent;
+  --tab-border-top-color: transparent;
+  --tab-border-inline-end-color: transparent;
+  --tab-border-inline-start-color: transparent;
+}
+
+.m_b59ab47c:where([data-active])::before {
+      content: '';
+      position: absolute;
+      background-color: var(--tab-border-color);
+      bottom: var(--tab-before-bottom, calc(-0.0625rem * var(--mantine-scale)));
+      inset-inline-start: var(--tab-before-start, calc(-0.0625rem * var(--mantine-scale)));
+      inset-inline-end: var(--tab-before-end, auto);
+      top: var(--tab-before-top, auto);
+      width: calc(0.0625rem * var(--mantine-scale));
+      height: calc(0.0625rem * var(--mantine-scale));
+    }
+
+.m_b59ab47c:where([data-active])::after {
+      content: '';
+      position: absolute;
+      background-color: var(--tab-border-color);
+      bottom: var(--tab-after-bottom, calc(-0.0625rem * var(--mantine-scale)));
+      inset-inline-end: var(--tab-after-end, calc(-0.0625rem * var(--mantine-scale)));
+      inset-inline-start: var(--tab-after-start, auto);
+      top: var(--tab-after-top, auto);
+      width: calc(0.0625rem * var(--mantine-scale));
+      height: calc(0.0625rem * var(--mantine-scale));
+    }
+
+.m_b59ab47c:where([data-active]) {
+
+    border-top-color: var(--tab-border-top-color);
+    border-bottom-color: var(--tab-border-bottom-color);
+    border-inline-start-color: var(--tab-border-inline-start-color);
+    border-inline-end-color: var(--tab-border-inline-end-color);
+
+    --tab-border-top-color: var(--tab-border-color);
+    --tab-border-inline-start-color: var(--tab-border-color);
+    --tab-border-inline-end-color: var(--tab-border-color);
+    --tab-border-bottom-color: var(--mantine-color-body);
+}
+
+.m_b59ab47c:where([data-active])[data-inverted] {
+      --tab-border-bottom-color: var(--tab-border-color);
+      --tab-border-top-color: var(--mantine-color-body);
+
+      --tab-before-bottom: auto;
+      --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
+      --tab-after-bottom: auto;
+      --tab-after-top: calc(-0.0625rem * var(--mantine-scale));
+    }
+
+.m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] {
+        --tab-border-inline-end-color: var(--mantine-color-body);
+        --tab-border-inline-start-color: var(--tab-border-color);
+        --tab-border-bottom-color: var(--tab-border-color);
+
+        --tab-before-end: calc(-0.0625rem * var(--mantine-scale));
+        --tab-before-start: auto;
+        --tab-before-bottom: auto;
+        --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
+        --tab-after-start: auto;
+        --tab-after-end: calc(-0.0625rem * var(--mantine-scale));
+      }
+
+.m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
+        --tab-border-inline-start-color: var(--mantine-color-body);
+        --tab-border-inline-end-color: var(--tab-border-color);
+        --tab-border-bottom-color: var(--tab-border-color);
+
+        --tab-before-start: calc(-0.0625rem * var(--mantine-scale));
+        --tab-before-end: auto;
+        --tab-before-bottom: auto;
+        --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
+        --tab-after-end: auto;
+        --tab-after-start: calc(-0.0625rem * var(--mantine-scale));
+      }
+
+/*************************************** pills variant ***************************************/
+.m_c3381914 {
+  border-radius: var(--tabs-radius);
+  background-color: var(--tab-bg);
+  color: var(--tab-color);
+
+  --tab-bg: transparent;
+  --tab-color: inherit;
+}
+@media (hover: hover) {
+    .m_c3381914:not([data-disabled]):hover {
+      --tab-bg: var(--tab-hover-color);
+    }
+}
+@media (hover: none) {
+    .m_c3381914:not([data-disabled]):active {
+      --tab-bg: var(--tab-hover-color);
+    }
+}
+.m_c3381914[data-active][data-active] {
+    --tab-bg: var(--tabs-color);
+    --tab-color: var(--tabs-text-color, var(--mantine-color-white));
+  }
+@media (hover: hover) {
+    .m_c3381914[data-active][data-active]:hover {
+      --tab-bg: var(--tabs-color);
+    }
+}
+@media (hover: none) {
+    .m_c3381914[data-active][data-active]:active {
+      --tab-bg: var(--tabs-color);
+    }
+}
+}
+
+@layer mantine {.m_96b553a6 {
+  --transition-duration: 150ms;
+
+  top: 0;
+  left: 0;
+  position: absolute;
+  z-index: 0;
+  transition-property: transform, width, height;
+  transition-timing-function: ease;
+  transition-duration: 0ms;
+}
+
+  .m_96b553a6:where([data-initialized]) {
+    transition-duration: var(--transition-duration);
+  }
+
+  .m_96b553a6:where([data-hidden]) {
+    display: none;
+  }
+}
+
+@layer mantine {.m_b23fa0ef {
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0;
+  line-height: var(--mantine-line-height);
+  font-size: var(--mantine-font-size-sm);
+  table-layout: var(--table-layout, auto);
+  caption-side: var(--table-caption-side, bottom);
+  border: none;
+}
+
+  :where([data-mantine-color-scheme='light']) .m_b23fa0ef {
+    --table-hover-color: var(--mantine-color-gray-1);
+    --table-striped-color: var(--mantine-color-gray-0);
+    --table-border-color: var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef {
+    --table-hover-color: var(--mantine-color-dark-5);
+    --table-striped-color: var(--mantine-color-dark-6);
+    --table-border-color: var(--mantine-color-dark-4);
+}
+
+  .m_b23fa0ef:where([data-with-table-border]) {
+    border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
+  }
+
+  .m_b23fa0ef:where([data-tabular-nums]) {
+    font-variant-numeric: tabular-nums;
+  }
+
+  .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
+    font-weight: var(--mantine-font-weight-medium);
+  }
+
+  :where([data-mantine-color-scheme='light']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
+      background-color: var(--mantine-color-gray-0);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
+      background-color: var(--mantine-color-dark-6);
+}
+
+.m_4e7aa4f3 {
+  text-align: start;
+}
+
+.m_4e7aa4fd {
+  border-bottom: none;
+  background-color: transparent;
+}
+
+@media (hover: hover) {
+    .m_4e7aa4fd:hover:where([data-hover]) {
+      background-color: var(--tr-hover-bg);
+    }
+}
+
+@media (hover: none) {
+    .m_4e7aa4fd:active:where([data-hover]) {
+      background-color: var(--tr-hover-bg);
+    }
+}
+
+.m_4e7aa4fd:where([data-with-row-border]) {
+    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
+  }
+
+.m_4e7aa4ef,
+.m_4e7aa4f3 {
+  padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));
+}
+
+.m_4e7aa4ef:where([data-with-column-border]:not(:first-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:first-child)) {
+    border-inline-start: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
+  }
+
+.m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
+    border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
+  }
+
+.m_b2404537 > :where(tr):where([data-with-row-border]:last-of-type) {
+      border-bottom: none;
+    }
+
+.m_b2404537 > :where(tr):where([data-striped='odd']:nth-of-type(odd)) {
+      background-color: var(--table-striped-color);
+    }
+
+.m_b2404537 > :where(tr):where([data-striped='even']:nth-of-type(even)) {
+      background-color: var(--table-striped-color);
+    }
+
+.m_b2404537 > :where(tr)[data-hover] {
+      --tr-hover-bg: var(--table-highlight-on-hover-color, var(--table-hover-color));
+    }
+
+.m_b242d975 {
+  top: var(--table-sticky-header-offset, 0);
+  z-index: 3;
+}
+
+.m_b242d975:where([data-sticky]) {
+    position: sticky;
+  }
+
+.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3) {
+      position: sticky;
+      top: var(--table-sticky-header-offset, 0);
+      background-color: var(--mantine-color-body);
+    }
+
+/* border-collapse: collapse drops borders on position: sticky cells —
+       the tr's border-bottom scrolls away with the row, so redraw it with
+       box-shadow on the (sticky) th. The tr's border-bottom is suppressed
+       here so the two don't stack into a double line. */
+
+.m_b242d975:where([data-sticky]) :where(.m_4e7aa4fd[data-with-row-border]) {
+      border-bottom: none;
+    }
+
+.m_b242d975:where([data-sticky]) :where(.m_4e7aa4fd[data-with-row-border]) :where(.m_4e7aa4f3) {
+      box-shadow: inset 0 -1px 0 var(--table-border-color);
+    }
+
+.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3[data-with-column-border]) {
+      border-inline-start: none;
+      border-inline-end: none;
+    }
+
+/* Single pseudo-element per internal boundary, centered on the boundary
+       (-0.5px) to align with the body's border-collapse line. */
+
+.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3[data-with-column-border]:not(:first-child))::before {
+      content: '';
+      position: absolute;
+      inset-block: 0;
+      inset-inline-start: calc(-0.03125rem * var(--mantine-scale));
+      width: calc(0.0625rem * var(--mantine-scale));
+      background-color: var(--table-border-color);
+    }
+
+:where([data-with-table-border]) .m_b242d975[data-sticky] {
+  position: sticky;
+  top: var(--table-sticky-header-offset, 0);
+  z-index: 4;
+  border-top: none;
+}
+
+:where([data-with-table-border]) .m_b242d975[data-sticky]::before {
+  content: '';
+  display: block;
+  position: absolute;
+  left: 0;
+  top: calc(-0.03125rem * var(--mantine-scale));
+  width: 100%;
+  height: calc(0.0625rem * var(--mantine-scale));
+  background-color: var(--table-border-color);
+  z-index: 5;
+}
+
+:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3:first-child {
+  border-top: none;
+}
+
+.m_9e5a3ac7 {
+  color: var(--mantine-color-dimmed);
+}
+
+.m_9e5a3ac7:where([data-side='top']) {
+    margin-bottom: var(--mantine-spacing-xs);
+  }
+
+.m_9e5a3ac7:where([data-side='bottom']) {
+    margin-top: var(--mantine-spacing-xs);
+  }
+
+.m_a100c15 {
+  overflow-x: var(--table-overflow);
+}
+
+.m_62259741 {
+  min-width: var(--table-min-width);
+  max-height: var(--table-max-height);
+}
+}
+/*
+  Дизайн-токены ui-kit: CSS-переменные, на которых построены стили компонентов.
+  Приложение может использовать их и в своих стилях (например, var(--color-white)).
+  Названия оттенков: light, lighter, medium, dark, darker
+*/
+
+:root {
+  --color-white: #ffffff;
+
+  --color-gray-10: #f7f7f7;
+  --color-gray-30: #ececec;
+  --color-gray-35: #e0e0e0;
+  --color-gray-50: #c2c2c2;
+  --color-gray-60: #a3a3a3;
+  --color-gray-80: #6c6c6c;
+
+  --color-black-lighter: #2b2b2b;
+
+  --color-yellow-darker: #d3e35f;
+  --color-yellow-light: #f4ffa3;
+  --color-yellow-brown: #fcf8ef;
+  --color-green-light: #e0efc1;
+
+  --color-violet-blue: #3a3ae7;
+  --color-blue: #0a9ed8;
+  --color-blue-darker: #116bba;
+  --color-blue-gray: #def2fa;
+  --color-sea: #cbfdfd;
+
+  --color-black-opacity-1: rgba(43, 43, 43, 0.1);
+  --color-black-opacity-7: rgba(0, 0, 0, 0.7);
+  --color-white-opacity-1: rgba(255, 255, 255, 0.1);
+  --color-white-opacity-2: rgba(255, 255, 255, 0.2);
+  --color-yellow-opacity-1: rgba(216, 228, 122, 0.1);
+  --color-yellow-opacity-3: rgba(216, 228, 122, 0.3);
+
+  --spacing-small: 6px;
+  --spacing-blocks: 25px;
+  --spacing-section: 40px;
+
+  --border-radius-chip: 16px;
+  --border-radius-button: 20px;
+  --border-radius-logo: 10px;
+  --border-radius: 8px;
+
+  --height-header: 70px;
+  --height-footer: 70px;
+
+  --box-shadow-flat: 0 2px 4px rgba(6, 4, 4, 0.075);
+  --box-shadow: 0 16px 24px 2px rgba(33, 37, 41, 0.02),
+    0 6px 30px 5px rgba(33, 37, 41, 0.04), 0 8px 10px -5px rgba(33, 37, 41, 0.1);
+  --box-shadow-bottom-blue: 0 6px 10px 0 #d5e7f1;
+
+  --bg-gradient-blue-violet: linear-gradient(#e0f2fb, #eae3f6);
+  --bg-gradient-blue-blue-violet: linear-gradient(
+    #e5f2fa,
+    #e5f2fa,
+    #e5f2fa,
+    #f1eafd
+  );
+  --bg-gradient-blue-violet-darker: linear-gradient(#d5e7f1, #dcd2ee);
+  --bg-gradient-green-yellow: linear-gradient(
+    to left bottom,
+    #e2e9b3,
+    #d4ecc0,
+    #c9eecf,
+    #c5efdc,
+    #c6eee6
+  );
+
+  --scrollbar-thumb: rgb(137, 137, 137);
+  --scrollbar-track: rgb(207, 207, 207);
+  --scrollbar-corner: var(--scrollbar-thumb);
+}
+/*
+  Базовые глобальные стили для приложения на sawyer-ui.
+  Шрифт (font-family) здесь не задаётся: приложение подключает его из sawyer-ui/fonts
+  (например, robotoRegular.className на <html>), компоненты его наследуют.
+*/
+
+html {
+  scroll-behavior: smooth;
+}
+body {
+  margin: 0;
+  line-height: 1.7;
+  font-size: 16px;
+  color: var(--color-black-lighter);
+  background-color: var(--color-gray-10);
+}
+*,
+:after,
+:before {
+  box-sizing: border-box;
+}
+*::selection {
+  background: var(--color-black-opacity-1);
+}
+
+/***************************************************
+SCROLL
+/***************************************************/
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+::-webkit-scrollbar-thumb {
+  background-color: var(--scrollbar-thumb);
+  border-radius: 10px;
+}
+::-webkit-scrollbar-track {
+  background-color: var(--scrollbar-track);
+}
+::-webkit-scrollbar-corner {
+  background-color: var(--scrollbar-corner);
+}
+._item_3s32x_1 {
+  display: inline-block;
+  border-radius: var(--border-radius-chip);
+  padding: 2px 12px;
+  font-size: 14px;
+  margin-right: 5px;
+}
+._item_3s32x_1:last-child {
+  margin-right: 0;
+}
+
+/***************************************************
+THEME
+/***************************************************/
+._item--light_3s32x_15 {
+  background-color: var(--color-gray-10);
+}
+._item--dark_3s32x_18 {
+  background-color: var(--color-black-opacity-7);
+  color: var(--color-gray-10);
+}
+._item--success_3s32x_22 {
+  background-color: #c3f0ce;
+  color: #2b4131;
+}
+._item--error_3s32x_26 {
+  background-color: #efc3c3;
+  color: rgb(74, 49, 49);
+}
+/***************************************************
+THEME
+/***************************************************/
+._item--blue-underlined_1yqwe_4 {
+  --color: var(--color-violet-blue);
+  color: var(--color);
+  background: linear-gradient(to bottom, var(--color) 50%, var(--color) 50%);
+}
+._item--dark-underlined_1yqwe_9 {
+  --color: var(--color-black-lighter);
+  color: var(--color);
+  background: linear-gradient(to bottom, var(--color) 50%, var(--color) 50%);
+}
+
+/***************************************************
+ITEM
+/***************************************************/
+
+/* Should be after Theme */
+._item_1yqwe_4 {
+  justify-content: flex-start;
+  align-items: flex-start;
+  font-size: 14px;
+  text-decoration: none;
+  background-repeat: repeat-x;
+  background-position: 0 100%;
+  background-size: 0.5px 0.5px;
+}
+/* Затемнение под окном */
+._overlay_1czcl_2 {
+  background: rgba(0, 0, 0, 0.5);
+  /* backdrop-filter: blur(10px); */
+}
+
+/* Контейнер окна на весь экран, без отступов от краёв.
+   left: 0 — иначе fixed-контейнер без left встаёт после padding у body */
+._inner_1czcl_9 {
+  left: 0;
+  padding: 0;
+}
+
+/* Окно Mantine и его body — прозрачные обёртки на весь экран, видимое окно — .modalContent.
+   Как и раньше, окно — flex-элемент контейнера размером с экран: проценты в его
+   размерах (width: 100% и т.п. из className) считаются от экрана */
+._content_1czcl_17 {
+  flex: 0 0 100%;
+  width: 100%;
+  max-width: none;
+  height: 100%;
+  max-height: none;
+  overflow: visible;
+  border-radius: 0;
+  background: none;
+  box-shadow: none;
+  /* Клик мимо окна проходит на затемнение и закрывает окно */
+  pointer-events: none;
+}
+._body_1czcl_30 {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+}
+
+._modalContent_1czcl_14 {
+  display: block;
+  margin: auto;
+  background-color: var(--color-white);
+  border-radius: var(--border-radius);
+  box-shadow: var(--box-shadow);
+  pointer-events: auto;
+}
+/***************************************************
+TAGS
+/***************************************************/
+._h1_crhf5_4 {
+  font-size: 25px;
+  text-align: left;
+  margin-top: 0;
+  margin-bottom: var(--spacing-blocks);
+}
+
+._h2_crhf5_11 {
+  font-size: 22px;
+  margin-top: 0;
+  margin-bottom: var(--spacing-blocks);
+}
+
+._h3_crhf5_17 {
+  font-size: 18px;
+  text-align: left;
+  margin-top: 0;
+  margin-bottom: var(--spacing-blocks);
+  font-weight: 500;
+}
+
+._p_crhf5_25 {
+  padding: var(--spacing-small) 0;
+  margin: 0;
+}
+
+._comment_crhf5_30 {
+  color: var(--color-gray-80);
+}
+
+/***************************************************
+MAIN
+/***************************************************/
+._noSpacing_crhf5_37 {
+  margin: 0;
+}
+._item_5wfbz_1 {
+  --blue-lightblue: 180deg, #5530ff, #66a6ff;
+  --green-blue: 0deg, #42d392, #66a6ff, #5530ff;
+  --darkblue-violet: right bottom, #162454, #533389, #0a9ed8, #7a359f;
+}
+
+/***************************************************
+THEME
+/***************************************************/
+._item--blue-lightblue_5wfbz_10 {
+  background: -webkit-linear-gradient(var(--blue-lightblue));
+}
+._item--green-blue_5wfbz_13 {
+  background: -webkit-linear-gradient(var(--green-blue));
+}
+._item--darkblue-violet_5wfbz_16 {
+  background: -webkit-linear-gradient(var(--darkblue-violet));
+}
+
+/***************************************************
+STYLES
+/***************************************************/
+._item_5wfbz_1 {
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+._headerFilled_1gimr_1 {
+  display: flex;
+  margin: 0;
+  margin-bottom: var(--spacing-blocks);
+  user-select: none;
+
+  ._itemFilled_1gimr_7 {
+    padding: 2px 15px;
+    font-size: 22px;
+  }
+}
+
+._headerBasic_1gimr_13 {
+  font-size: 18px;
+  text-align: left;
+  margin-top: 0;
+  margin-bottom: var(--spacing-blocks);
+  font-weight: 500;
+}
+
+/***************************************************
+THEME
+/***************************************************/
+._headerFilled_1gimr_1 ._item--dark-filled_1gimr_24 {
+  border: 1px solid transparent;
+  border-radius: var(--border-radius-chip);
+  background-color: var(--color-black-lighter);
+  color: var(--color-white);
+  font-size: 17px;
+}
+
+._headerFilled_1gimr_1 ._item--light-filled_1gimr_32 {
+  border: 1px solid var(--color-black-lighter);
+  border-radius: var(--border-radius-chip);
+  color: var(--color-black-lighter);
+  font-size: 17px;
+}
+
+._headerBasic_1gimr_13._item--basic_1gimr_39 {
+}
+._details_1gym6_1 {
+  width: 100%;
+  overflow: auto;
+  border: 1px solid var(--color-gray-50);
+  border-radius: var(--border-radius);
+  background-color: var(--color-gray-10);
+}
+._details_1gym6_1 ._summary_1gym6_8 {
+  padding: 10px 20px;
+  font-weight: 400;
+  color: var(--color-gray-80);
+  cursor: pointer;
+}
+._details_1gym6_1 ._summary_1gym6_8 ._title_1gym6_14 {
+  display: inline-block;
+  margin-left: 4px;
+  font-size: 16px;
+}
+
+._details_1gym6_1 ._summary_1gym6_8::marker {
+  color: var(--color-gray-50);
+  font-size: 16px;
+}
+
+._details_1gym6_1 ._content_1gym6_25 {
+  padding: 20px;
+  background-color: var(--color-white);
+}
+._code_1brpc_1 {
+  font-size: 12px;
+  margin: 0;
+  padding: 0;
+  padding: 16px;
+  background-color: var(--color-gray-10);
+}
+/***************************************************
+ALERT
+Уведомление на Mantine Alert. Стили Mantine лежат в @layer mantine,
+поэтому правила ниже их перекрывают
+/***************************************************/
+._alert_1t65d_6 {
+  position: relative;
+  padding: 6px 16px;
+  border: 0;
+  border-radius: 4px;
+  overflow: visible;
+  font-family: Roboto, Helvetica, Arial, sans-serif;
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.43;
+  letter-spacing: 0.01071em;
+}
+
+._wrapper_1t65d_19 {
+  display: flex;
+}
+
+._icon_1t65d_23 {
+  display: flex;
+  width: auto;
+  height: auto;
+  margin: 0 12px 0 0;
+  padding: 7px 0;
+  font-size: 22px; /* размер иконки: иконки Phosphor по умолчанию 1em */
+  line-height: normal;
+  opacity: 0.9;
+}
+
+._body_1t65d_34 {
+  min-width: 0;
+}
+
+._message_1t65d_38 {
+  padding: 8px 0;
+  min-width: 0;
+  overflow: auto;
+  text-overflow: clip;
+  font-size: inherit;
+  color: inherit;
+}
+
+/* Кнопка закрытия: круглая, иконка 20px, справа вверху */
+._closeButton_1t65d_48 {
+  align-self: flex-start;
+  width: auto;
+  height: auto;
+  min-width: 0;
+  min-height: 0;
+  margin: 4px -8px 0 16px;
+  padding: 5px;
+  border-radius: 50%;
+  font-size: 20px;
+  color: inherit;
+  background-color: transparent;
+  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+._closeButton_1t65d_48:hover {
+  background-color: rgba(0, 0, 0, 0.04);
+}
+@media (hover: none) {
+  ._closeButton_1t65d_48:hover {
+    background-color: transparent;
+  }
+}
+
+/***************************************************
+TYPE
+Основной цвет, светлый (рамка outlined), цвет текста и фон (standard)
+/***************************************************/
+._success_1t65d_75 {
+  --ui-alert-main: #2e7d32;
+  --ui-alert-light: #4caf50;
+  --ui-alert-text: rgb(30, 70, 32);
+  --ui-alert-bg: rgb(237, 247, 237);
+}
+._info_1t65d_81 {
+  --ui-alert-main: #0288d1;
+  --ui-alert-light: #03a9f4;
+  --ui-alert-text: rgb(1, 67, 97);
+  --ui-alert-bg: rgb(229, 246, 253);
+}
+._warning_1t65d_87 {
+  --ui-alert-main: #ed6c02;
+  --ui-alert-light: #ff9800;
+  --ui-alert-text: rgb(102, 60, 0);
+  --ui-alert-bg: rgb(255, 244, 229);
+}
+._error_1t65d_93 {
+  --ui-alert-main: #d32f2f;
+  --ui-alert-light: #ef5350;
+  --ui-alert-text: rgb(95, 33, 32);
+  --ui-alert-bg: rgb(253, 237, 237);
+}
+
+/***************************************************
+VARIANT
+/***************************************************/
+._standard_1t65d_103 {
+  color: var(--ui-alert-text);
+  background-color: var(--ui-alert-bg);
+}
+._outlined_1t65d_107 {
+  color: var(--ui-alert-text);
+  background-color: transparent;
+  border: 1px solid var(--ui-alert-light);
+}
+._filled_1t65d_112 {
+  color: #fff;
+  background-color: var(--ui-alert-main);
+  font-weight: 500;
+}
+/* У filled иконка белая, как текст */
+._standard_1t65d_103 ._icon_1t65d_23,
+._outlined_1t65d_107 ._icon_1t65d_23 {
+  color: var(--ui-alert-main);
+}
+
+/***************************************************
+SPACING
+/***************************************************/
+._item_1t65d_126 {
+  width: 100%;
+  margin-top: var(--spacing-blocks);
+}
+._noSpacing_1t65d_130 {
+  margin: 0;
+}
+._item_171hz_1 {
+  color: var(--color-black-lighter);
+  padding: 10px;
+  border-radius: 5px;
+  margin-top: var(--spacing-blocks);
+}
 
-  --color-yellow-darker: #d3e35f;
-  --color-yellow-light: #f4ffa3;
-  --color-yellow-brown: #fcf8ef;
-  --color-green-light: #e0efc1;
+/***************************************************
+THEME
+/***************************************************/
+._item--info_171hz_11 {
+  border-left: 4px solid #4a91e4;
+  color: #176ac9;
+  background-color: #e7effc;
+}
+._item--success_171hz_16 {
+  border-left: 4px solid #63d259;
+  color: #276122;
+  background-color: #ebf4e9;
+}
+._item--warning_171hz_21 {
+  border-left: 4px solid #e3b65c;
+  color: #8b6924;
+  background-color: #f5f0e7;
+}
+._item--error_171hz_26 {
+  border-left: 4px solid #e68585;
+  color: #ae4545;
+  background-color: #faefef;
+}
 
-  --color-violet-blue: #3a3ae7;
-  --color-blue: #0a9ed8;
-  --color-blue-darker: #116bba;
-  --color-blue-gray: #def2fa;
-  --color-sea: #cbfdfd;
+/***************************************************
+MAIN
+/***************************************************/
+._noSpacing_171hz_35 {
+  margin: 0;
+}
+._list_awuj2_1 {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+._list_awuj2_1 li {
+  margin: 0;
+  padding: 0;
+  line-height: 1.7;
+}
+._list_awuj2_1 li::before {
+  content: "›";
+  margin-right: 10px;
+}
 
-  --color-black-opacity-1: rgba(43, 43, 43, 0.1);
-  --color-black-opacity-7: rgba(0, 0, 0, 0.7);
-  --color-white-opacity-1: rgba(255, 255, 255, 0.1);
-  --color-white-opacity-2: rgba(255, 255, 255, 0.2);
-  --color-yellow-opacity-1: rgba(216, 228, 122, 0.1);
-  --color-yellow-opacity-3: rgba(216, 228, 122, 0.3);
+._header_awuj2_16 {
+  margin-bottom: 4px;
+}
+/***************************************************
+TABLE
+Таблица Mantine (Table) в карточке (Paper). Стили Mantine лежат
+в @layer mantine, поэтому правила ниже их перекрывают
+/***************************************************/
 
-  --spacing-small: 6px;
-  --spacing-blocks: 25px;
-  --spacing-section: 40px;
+/* Карточка с рамкой, при широкой таблице — горизонтальный скролл */
+._wrapper_z2ail_8 {
+  min-width: 150px;
+  overflow-x: auto;
+  border: 1px solid #c4c4c4;
+  border-radius: 4px;
+  box-shadow: none;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #fff;
+}
+._fullWidth_z2ail_17 {
+  width: 100%;
+}
+._autoWidth_z2ail_20 {
+  width: auto;
+}
 
-  --border-radius-chip: 16px;
-  --border-radius-button: 20px;
-  --border-radius-logo: 10px;
-  --border-radius: 8px;
+._table_z2ail_24 {
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0;
+  cursor: default;
+}
 
-  --height-header: 70px;
-  --height-footer: 70px;
+._cellHeader_z2ail_31,
+._cell_z2ail_31 {
+  padding: 6px 10px;
+  border-bottom: 1px solid rgb(224, 224, 224);
+  vertical-align: inherit;
+  text-align: left;
+  font-family: Roboto, Helvetica, Arial, sans-serif;
+  font-weight: 400;
+  font-size: 13px;
+  line-height: 1.43;
+  letter-spacing: 0.01071em;
+  color: rgba(0, 0, 0, 0.87);
+}
+._cellHeader_z2ail_31 {
+  background-color: #f4f5f6;
+}
+/* Заголовки колонок (th) */
+th._cellHeader_z2ail_31 {
+  font-weight: 500;
+  line-height: 1.5rem;
+}
+._cellAlignCenter_z2ail_52 {
+  text-align: center;
+}
+._wrapper_9l31e_1 {
+  /* border: 1px solid #d7d7d7; */
+  /* border-radius: 10px; */
+  /* overflow: hidden; */
+}
 
-  --box-shadow-flat: 0 2px 4px rgba(6, 4, 4, 0.075);
-  --box-shadow: 0 16px 24px 2px rgba(33, 37, 41, 0.02),
-    0 6px 30px 5px rgba(33, 37, 41, 0.04), 0 8px 10px -5px rgba(33, 37, 41, 0.1);
-  --box-shadow-bottom-blue: 0 6px 10px 0 #d5e7f1;
+/* Список вкладок с линией снизу */
+._tabs_9l31e_8 {
+  display: flex;
+  flex-wrap: nowrap;
+  position: relative;
+  min-height: 48px;
+  overflow: hidden;
+  border-bottom: 1px solid #d7d7d7;
+  /* background: #fff; */
+}
 
-  --bg-gradient-blue-violet: linear-gradient(#e0f2fb, #eae3f6);
-  --bg-gradient-blue-blue-violet: linear-gradient(
-    #e5f2fa,
-    #e5f2fa,
-    #e5f2fa,
-    #f1eafd
-  );
-  --bg-gradient-blue-violet-darker: linear-gradient(#d5e7f1, #dcd2ee);
-  --bg-gradient-green-yellow: linear-gradient(
-    to left bottom,
-    #e2e9b3,
-    #d4ecc0,
-    #c9eecf,
-    #c5efdc,
-    #c6eee6
-  );
+._tab_9l31e_8 {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  flex-shrink: 0;
+  min-width: 90px;
+  max-width: 360px;
+  min-height: 48px;
+  margin: 0;
+  padding: 12px 16px;
+  border: 0;
+  border-radius: 0;
+  overflow: hidden;
+  background-color: transparent;
+  font-family: Roboto, Helvetica, Arial, sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.25;
+  letter-spacing: 0.02857em;
+  text-transform: none;
+  text-align: center;
+  white-space: normal;
+  color: rgba(0, 0, 0, 0.6);
+  cursor: pointer;
+  user-select: none;
+}
+._tab_9l31e_8[data-active] {
+  color: #1976d2;
+}
+/* Обёртка Mantine вокруг текста вкладки не участвует в раскладке */
+._tabLabel_9l31e_51 {
+  display: contents;
+}
 
-  --scrollbar-thumb: rgb(137, 137, 137);
-  --scrollbar-track: rgb(207, 207, 207);
-  --scrollbar-corner: var(--scrollbar-thumb);
+/* Подчёркивание активной вкладки: индикатор занимает всю вкладку,
+   линия — его нижние 2px. Переезжает между вкладками с анимацией */
+._indicator_9l31e_57 {
+  box-shadow: inset 0 -2px 0 #1976d2;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
-/*
-  Базовые глобальные стили для приложения на sawyer-ui.
-  Шрифт (font-family) здесь не задаётся: приложение подключает его из sawyer-ui/fonts
-  (например, robotoRegular.className на <html>), компоненты его наследуют.
-*/
 
-html {
-  scroll-behavior: smooth;
+/* Содержимое вкладки — с отступом от линии вкладок */
+._panel_9l31e_63 {
+  padding-top: var(--spacing-blocks);
 }
-body {
+/***************************************************
+BUTTON
+Кнопка на Mantine Button. Стили Mantine лежат в @layer mantine,
+поэтому правила ниже перекрывают их без !important
+/***************************************************/
+._button_whwbk_6 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  height: auto;
+  min-width: 64px;
   margin: 0;
-  line-height: 1.7;
-  font-size: 16px;
-  color: var(--color-black-lighter);
-  background-color: var(--color-gray-10);
+  border: 0;
+  overflow: visible;
+  vertical-align: middle;
+  font-family: Roboto, Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.75;
+  letter-spacing: 0.02857em;
+  text-transform: none;
+  text-decoration: none;
+  border-radius: var(--border-radius-button);
+  transition: 0.4s;
+  cursor: pointer;
+  user-select: none;
 }
-*,
-:after,
-:before {
-  box-sizing: border-box;
+
+/* ::before у Mantine — подложка для состояния загрузки, здесь не используется */
+._button_whwbk_6::before {
+  content: none;
 }
-*::selection {
-  background: var(--color-black-opacity-1);
+
+/* Обёртки Mantine (inner, label) не участвуют в раскладке:
+   текст и иконка — прямые flex-элементы кнопки */
+._inner_whwbk_38,
+._label_whwbk_39 {
+  display: contents;
+  white-space: inherit;
 }
 
 /***************************************************
-SCROLL
+COLOR
+Основной цвет, тёмный (hover у contained) и RGB для полупрозрачных оттенков
 /***************************************************/
-::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
+._color-primary_whwbk_48 {
+  --ui-button-main: #1976d2;
+  --ui-button-dark: #1565c0;
+  --ui-button-rgb: 25, 118, 210;
 }
-::-webkit-scrollbar-thumb {
-  background-color: var(--scrollbar-thumb);
-  border-radius: 10px;
+._color-secondary_whwbk_53 {
+  --ui-button-main: #9c27b0;
+  --ui-button-dark: #7b1fa2;
+  --ui-button-rgb: 156, 39, 176;
 }
-::-webkit-scrollbar-track {
-  background-color: var(--scrollbar-track);
+._color-success_whwbk_58 {
+  --ui-button-main: #2e7d32;
+  --ui-button-dark: #1b5e20;
+  --ui-button-rgb: 46, 125, 50;
 }
-::-webkit-scrollbar-corner {
-  background-color: var(--scrollbar-corner);
+._color-error_whwbk_63 {
+  --ui-button-main: #d32f2f;
+  --ui-button-dark: #c62828;
+  --ui-button-rgb: 211, 47, 47;
 }
-._button_1sx3g_1 {
-  font-size: 14px !important;
-  text-transform: none !important;
-  border-radius: var(--border-radius-button) !important;
-  transition: 0.4s !important;
+._color-info_whwbk_68 {
+  --ui-button-main: #0288d1;
+  --ui-button-dark: #01579b;
+  --ui-button-rgb: 2, 136, 209;
+}
+._color-warning_whwbk_73 {
+  --ui-button-main: #ed6c02;
+  --ui-button-dark: #e65100;
+  --ui-button-rgb: 237, 108, 2;
 }
 
-._buttonBasic_1sx3g_8 {
-  padding: 6px 16px !important;
+/***************************************************
+VARIANT
+Фон и рамка берутся из переменных: при наведении меняются только переменные,
+поэтому темы (.item--black и т.п.) и стили UiMenuNavButton перекрывают фон и при hover
+/***************************************************/
+._text_whwbk_84 {
+  color: var(--ui-button-main);
+  background-color: var(--ui-button-text-bg, transparent);
+}
+._outlined_whwbk_88 {
+  color: var(--ui-button-main);
+  border: 1px solid
+    var(--ui-button-outlined-border, rgba(var(--ui-button-rgb), 0.5));
+  background-color: var(--ui-button-outlined-bg, transparent);
+}
+._contained_whwbk_94 {
+  color: #fff;
+  background-color: var(--ui-button-contained-bg, var(--ui-button-main));
+  box-shadow:
+    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
+    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
+    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 
-._button_1sx3g_1:disabled {
-  background-color: var(--color-gray-35) !important;
-  color: var(--color-gray-60) !important;
+@media (hover: hover) {
+  ._button_whwbk_6:hover {
+    --ui-button-text-bg: rgba(var(--ui-button-rgb), 0.04);
+    --ui-button-outlined-bg: rgba(var(--ui-button-rgb), 0.04);
+    --ui-button-outlined-border: var(--ui-button-main);
+    --ui-button-contained-bg: var(--ui-button-dark);
+  }
+}
+._contained_whwbk_94:hover {
+  box-shadow:
+    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
+    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+}
+@media (hover: none) {
+  ._contained_whwbk_94:hover {
+    box-shadow:
+      0px 3px 1px -2px rgba(0, 0, 0, 0.2),
+      0px 2px 2px 0px rgba(0, 0, 0, 0.14),
+      0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+  }
+}
+._contained_whwbk_94:active {
+  box-shadow:
+    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
+    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
+    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
 
 /***************************************************
-THEME
+SIZE
+Отступы кнопки в меню (isMenuButton) и иконка endIcon
 /***************************************************/
-._item--basic_1sx3g_20 {
+._text-small_whwbk_136 {
+  padding: 4px 5px;
 }
-._item--black_1sx3g_22 {
-  background-color: #3f3f3f !important;
-  color: #fff !important;
+._text-medium_whwbk_139 {
+  padding: 6px 8px;
 }
-._item--white_1sx3g_26 {
-  background-color: #fff !important;
-  color: #616161 !important;
+._text-large_whwbk_142 {
+  padding: 8px 11px;
 }
-._item_3s32x_1 {
-  display: inline-block;
-  border-radius: var(--border-radius-chip);
-  padding: 2px 12px;
-  font-size: 14px;
-  margin-right: 5px;
+._outlined-small_whwbk_145 {
+  padding: 3px 9px;
 }
-._item_3s32x_1:last-child {
-  margin-right: 0;
+._outlined-medium_whwbk_148 {
+  padding: 5px 15px;
+}
+._outlined-large_whwbk_151 {
+  padding: 7px 21px;
+}
+._contained-small_whwbk_154 {
+  padding: 4px 10px;
+}
+._contained-medium_whwbk_157 {
+  padding: 6px 16px;
+}
+._contained-large_whwbk_160 {
+  padding: 8px 22px;
+}
+/* Обычная кнопка (не в меню): одинаковый отступ для всех вариантов и размеров.
+   Объявлена после отступов размеров, чтобы перекрывать их */
+._buttonBasic_whwbk_165 {
+  padding: 6px 16px;
+}
+
+._section_whwbk_169 {
+  display: inline-flex;
+  margin-left: 8px;
+  margin-right: -4px;
+}
+._size-small_whwbk_174 ._section_whwbk_169 {
+  margin-right: -2px;
+}
+/* Размер иконки задаётся через font-size: иконки Phosphor по умолчанию 1em */
+._size-small_whwbk_174 ._section_whwbk_169 > :first-child {
+  font-size: 18px;
+}
+._size-medium_whwbk_181 ._section_whwbk_169 > :first-child {
+  font-size: 20px;
+}
+._size-large_whwbk_184 ._section_whwbk_169 > :first-child {
+  font-size: 22px;
 }
 
 /***************************************************
-THEME
+DISABLED
+Цвета перекрывают варианты, темы и стили UiMenuNavButton
 /***************************************************/
-._item--light_3s32x_15 {
-  background-color: var(--color-gray-10);
-}
-._item--dark_3s32x_18 {
-  background-color: var(--color-black-opacity-7);
-  color: var(--color-gray-10);
+._button_whwbk_6:disabled {
+  pointer-events: none;
+  cursor: default;
+  background-color: var(--color-gray-35) !important;
+  color: var(--color-gray-60) !important;
 }
-._item--success_3s32x_22 {
-  background-color: #c3f0ce;
-  color: #2b4131;
+._contained_whwbk_94:disabled {
+  box-shadow: none;
 }
-._item--error_3s32x_26 {
-  background-color: #efc3c3;
-  color: rgb(74, 49, 49);
+._outlined_whwbk_88:disabled {
+  border-color: rgba(0, 0, 0, 0.12);
 }
+
 /***************************************************
 THEME
 /***************************************************/
-._item--blue-underlined_1yqwe_4 {
-  --color: var(--color-violet-blue);
-  color: var(--color);
-  background: linear-gradient(to bottom, var(--color) 50%, var(--color) 50%);
+._item--basic_whwbk_208 {
 }
-._item--dark-underlined_1yqwe_9 {
-  --color: var(--color-black-lighter);
-  color: var(--color);
-  background: linear-gradient(to bottom, var(--color) 50%, var(--color) 50%);
+._item--black_whwbk_82 {
+  background-color: #3f3f3f;
+  color: #fff;
+}
+._item--white_whwbk_214 {
+  background-color: #fff;
+  color: #616161;
 }
-
 /***************************************************
-ITEM
+INPUT
+Поле Mantine (TextInput / Textarea). Стили Mantine лежат в @layer mantine,
+поэтому правила ниже их перекрывают
 /***************************************************/
 
-/* Should be after Theme */
-._item_1yqwe_4 {
-  justify-content: flex-start;
+/* Подпись над полем и поле — друг под другом, поле своей ширины */
+._container_vp9cg_8 {
+  display: flex;
+  flex-direction: column;
   align-items: flex-start;
-  font-size: 14px;
-  text-decoration: none;
-  background-repeat: repeat-x;
-  background-position: 0 100%;
-  background-size: 0.5px 0.5px;
 }
-._modal_wfqs2_1 {
-  display: flex;
-  /* backdrop-filter: blur(10px); */
+
+/* Корень поля */
+._input_vp9cg_15 {
+  display: inline-flex;
+  flex-direction: column;
+  position: relative;
+  min-width: 450px;
+  vertical-align: top;
+  background-color: #fff;
 }
-._modalContent_wfqs2_5 {
-  display: block;
-  margin: auto;
-  background-color: var(--color-white);
-  border-radius: var(--border-radius);
-  box-shadow: var(--box-shadow);
+._fullWidth_vp9cg_23 {
+  width: 100%;
 }
-/***************************************************
-TAGS
-/***************************************************/
-._h1_crhf5_4 {
-  font-size: 25px;
-  text-align: left;
-  margin-top: 0;
-  margin-bottom: var(--spacing-blocks);
+._grow_vp9cg_26 {
+  flex-grow: 1;
 }
 
-._h2_crhf5_11 {
-  font-size: 22px;
-  margin-top: 0;
-  margin-bottom: var(--spacing-blocks);
+/* Обёртка поля: текст и кнопка очистки в одну строку, рамка — ::before */
+._wrapper_vp9cg_31 {
+  display: flex;
+  align-items: center;
+  position: relative;
+  box-sizing: border-box;
+  border-radius: 4px;
+  cursor: text;
+  font-family: Roboto, Helvetica, Arial, sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.4375em;
+  letter-spacing: 0.00938em;
+  color: rgba(0, 0, 0, 0.87);
+}
+._wrapperClear_vp9cg_45 {
+  padding-right: 14px;
+}
+._wrapperMultiline_vp9cg_48 {
+  padding: 8.5px 14px;
 }
 
-._h3_crhf5_17 {
-  font-size: 18px;
-  text-align: left;
-  margin-top: 0;
-  margin-bottom: var(--spacing-blocks);
-  font-weight: 500;
+/* Рамка поверх поля, не занимает места */
+._wrapper_vp9cg_31::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border: 1px solid rgba(0, 0, 0, 0.23);
+  border-radius: inherit;
+  pointer-events: none;
+}
+@media (hover: hover) {
+  ._wrapper_vp9cg_31:hover::before {
+    border-color: rgba(0, 0, 0, 0.87);
+  }
+}
+._wrapper_vp9cg_31:focus-within::before {
+  border-width: 2px;
+  border-color: #0288d1;
+}
+._wrapper_vp9cg_31:has(:disabled) {
+  cursor: default;
+  color: rgba(0, 0, 0, 0.38);
+}
+._wrapper_vp9cg_31:has(:disabled)::before {
+  border-color: rgba(0, 0, 0, 0.26);
 }
 
-._p_crhf5_25 {
-  padding: var(--spacing-small) 0;
+/* Само поле ввода */
+._field_vp9cg_79 {
+  display: block;
+  box-sizing: content-box;
+  width: 100%;
+  min-width: 0;
+  height: 1.4375em;
+  min-height: 0;
   margin: 0;
+  padding: 8.5px 14px;
+  border: 0;
+  border-radius: 0;
+  background: none;
+  font: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  color: currentColor;
+  cursor: inherit;
+}
+._field_vp9cg_79::placeholder {
+  color: currentColor;
+  opacity: 0.42;
+}
+._field_vp9cg_79:focus {
+  outline: 0;
+}
+._field_vp9cg_79:disabled {
+  opacity: 1;
+  background: none;
+  cursor: default;
+  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
+}
+._wrapperClear_vp9cg_45 ._field_vp9cg_79 {
+  padding-right: 0;
+}
+/* Многострочное поле: высота по числу строк (rows) */
+._wrapperMultiline_vp9cg_48 ._field_vp9cg_79 {
+  height: auto;
+  padding: 0;
+  resize: none;
 }
 
-._comment_crhf5_30 {
-  color: var(--color-gray-80);
+/* Секция справа с кнопкой очистки — в потоке, после поля */
+._section_vp9cg_121 {
+  position: static;
+  display: flex;
+  align-items: center;
+  width: auto;
+  max-height: 2em;
+  margin-left: 8px;
+  white-space: nowrap;
+  color: rgba(0, 0, 0, 0.54);
 }
 
-/***************************************************
-MAIN
-/***************************************************/
-._noSpacing_crhf5_37 {
-  margin: 0;
+/* Круглая кнопка очистки, иконка 24px */
+._clear_vp9cg_133 {
+  width: auto;
+  height: auto;
+  min-width: 0;
+  min-height: 0;
+  padding: 8px;
+  border-radius: 50%;
+  font-size: 24px;
+  color: inherit;
+  background-color: transparent;
+  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }
-._item_5wfbz_1 {
-  --blue-lightblue: 180deg, #5530ff, #66a6ff;
-  --green-blue: 0deg, #42d392, #66a6ff, #5530ff;
-  --darkblue-violet: right bottom, #162454, #533389, #0a9ed8, #7a359f;
+._clear_vp9cg_133:hover {
+  background-color: rgba(0, 0, 0, 0.04);
 }
-
-/***************************************************
-THEME
-/***************************************************/
-._item--blue-lightblue_5wfbz_10 {
-  background: -webkit-linear-gradient(var(--blue-lightblue));
+@media (hover: none) {
+  ._clear_vp9cg_133:hover {
+    background-color: transparent;
+  }
 }
-._item--green-blue_5wfbz_13 {
-  background: -webkit-linear-gradient(var(--green-blue));
+._clear_vp9cg_133:disabled {
+  pointer-events: none;
+  opacity: 1;
+  color: rgba(0, 0, 0, 0.26);
 }
-._item--darkblue-violet_5wfbz_16 {
-  background: -webkit-linear-gradient(var(--darkblue-violet));
+
+._title_vp9cg_159 {
+  color: #7d7d7d;
+  margin-bottom: var(--spacing-small);
 }
+/*
+  Вид выпадающих меню Mantine (UiMenuItemGroup, UiOptions).
+  Классы передаются в Menu через classNames. Стили Mantine лежат в @layer mantine,
+  поэтому правила ниже перекрывают их
+*/
 
-/***************************************************
-STYLES
-/***************************************************/
-._item_5wfbz_1 {
-  background-clip: text;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
+/* Выпадающий список: белая карточка с тенью */
+._dropdown_11b26_8 {
+  min-width: 16px;
+  min-height: 16px;
+  max-width: calc(100vw - 32px);
+  max-height: calc(100vh - 96px);
+  padding: 8px 0;
+  border: 0;
+  border-radius: 4px;
+  outline: 0;
+  overflow: hidden auto;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #fff;
+  box-shadow:
+    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
+    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
+    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
-._headerFilled_1gimr_1 {
+
+/* Пункт меню. .item — обычный пункт (UiOptions),
+   .itemNav — пункт-обёртка для кнопки или ссылки меню (UiMenuItemGroup) */
+._item_11b26_26,
+._itemNav_11b26_27 {
   display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  position: relative;
+  box-sizing: border-box;
+  min-height: auto;
   margin: 0;
-  margin-bottom: var(--spacing-blocks);
+  border: 0;
+  border-radius: 0;
+  outline: 0;
+  color: inherit;
+  background-color: transparent;
+  font-family: Roboto, Helvetica, Arial, sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.5;
+  letter-spacing: 0.00938em;
+  text-decoration: none;
+  white-space: nowrap;
   user-select: none;
+}
+._item_11b26_26 {
+  padding: 6px 16px;
+  cursor: pointer;
+}
+._itemNav_11b26_27 {
+  padding: 0;
+  cursor: default;
+}
 
-  ._itemFilled_1gimr_7 {
-    padding: 2px 15px;
-    font-size: 22px;
+._item_11b26_26:hover,
+._itemNav_11b26_27:hover {
+  background-color: rgba(0, 0, 0, 0.04);
+}
+@media (hover: none) {
+  ._item_11b26_26:hover,
+  ._itemNav_11b26_27:hover {
+    background-color: transparent;
   }
 }
-
-._headerBasic_1gimr_13 {
-  font-size: 18px;
-  text-align: left;
-  margin-top: 0;
-  margin-bottom: var(--spacing-blocks);
-  font-weight: 500;
+/* Пункт, выбранный с клавиатуры (стрелками) */
+._item_11b26_26:focus-visible,
+._itemNav_11b26_27:focus-visible {
+  background-color: rgba(0, 0, 0, 0.12);
 }
 
+/* Обёртка Mantine вокруг содержимого пункта не участвует в раскладке:
+   содержимое — прямой flex-элемент пункта */
+._itemLabel_11b26_78 {
+  display: contents;
+}
 /***************************************************
-THEME
+SELECT
+Выпадающий список Mantine (Select). Стили Mantine лежат в @layer mantine,
+поэтому правила ниже их перекрывают. Вид выпадающей части — styles/menu.module.css
 /***************************************************/
-._headerFilled_1gimr_1 ._item--dark-filled_1gimr_24 {
-  border: 1px solid transparent;
-  border-radius: var(--border-radius-chip);
-  background-color: var(--color-black-lighter);
-  color: var(--color-white);
-  font-size: 17px;
-}
 
-._headerFilled_1gimr_1 ._item--light-filled_1gimr_32 {
-  border: 1px solid var(--color-black-lighter);
-  border-radius: var(--border-radius-chip);
-  color: var(--color-black-lighter);
-  font-size: 17px;
+/* Подпись над полем и поле — друг под другом, поле своей ширины */
+._container_14c09_8 {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
 }
 
-._headerBasic_1gimr_13._item--basic_1gimr_39 {
+/* Корень поля */
+._input_14c09_15 {
+  display: inline-flex;
+  flex-direction: column;
+  position: relative;
+  min-width: 250px;
+  vertical-align: top;
+  background-color: #fff;
 }
-._details_1gym6_1 {
+._fullWidth_14c09_23 {
   width: 100%;
-  overflow: auto;
-  border: 1px solid var(--color-gray-50);
-  border-radius: var(--border-radius);
-  background-color: var(--color-gray-10);
 }
-._details_1gym6_1 ._summary_1gym6_8 {
-  padding: 10px 20px;
+._grow_14c09_26 {
+  flex-grow: 1;
+}
+
+/* Обёртка поля, рамка — ::before */
+._wrapper_14c09_31 {
+  display: flex;
+  align-items: center;
+  position: relative;
+  box-sizing: border-box;
+  border-radius: 4px;
+  font-family: Roboto, Helvetica, Arial, sans-serif;
   font-weight: 400;
-  color: var(--color-gray-80);
-  cursor: pointer;
+  font-size: 1rem;
+  line-height: 1.4375em;
+  letter-spacing: 0.00938em;
+  color: rgba(0, 0, 0, 0.87);
 }
-._details_1gym6_1 ._summary_1gym6_8 ._title_1gym6_14 {
-  display: inline-block;
-  margin-left: 4px;
-  font-size: 16px;
+._wrapper_14c09_31::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border: 1px solid rgba(0, 0, 0, 0.23);
+  border-radius: inherit;
+  pointer-events: none;
 }
-
-._details_1gym6_1 ._summary_1gym6_8::marker {
-  color: var(--color-gray-50);
-  font-size: 16px;
+@media (hover: hover) {
+  ._wrapper_14c09_31:hover::before {
+    border-color: rgba(0, 0, 0, 0.87);
+  }
 }
-
-._details_1gym6_1 ._content_1gym6_25 {
-  padding: 20px;
-  background-color: var(--color-white);
+._wrapper_14c09_31:focus-within::before {
+  border-width: 2px;
+  border-color: #0288d1;
 }
-._code_1brpc_1 {
-  font-size: 12px;
-  margin: 0;
-  padding: 0;
-  padding: 16px;
-  background-color: var(--color-gray-10);
+._wrapper_14c09_31:has(:disabled) {
+  color: rgba(0, 0, 0, 0.38);
 }
-._item_q8fw1_1 {
-  width: 100%;
-  margin-top: var(--spacing-blocks);
+._wrapper_14c09_31:has(:disabled)::before {
+  border-color: rgba(0, 0, 0, 0.26);
 }
 
-/***************************************************
-MAIN
-/***************************************************/
-._noSpacing_q8fw1_9 {
+/* Поле с выбранным значением: справа место под стрелку */
+._field_14c09_69 {
+  display: block;
+  box-sizing: content-box;
+  width: 100%;
+  min-width: 0;
+  height: 1.4375em;
+  min-height: 0;
   margin: 0;
+  padding: 8.5px 32px 8.5px 14px;
+  border: 0;
+  border-radius: 4px;
+  background: none;
+  font: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  color: currentColor;
+  text-overflow: ellipsis;
+  cursor: pointer;
+  user-select: none;
 }
-._item_171hz_1 {
-  color: var(--color-black-lighter);
-  padding: 10px;
-  border-radius: 5px;
-  margin-top: var(--spacing-blocks);
+._field_14c09_69::placeholder {
+  color: #a2a2a2;
+  opacity: 1;
 }
-
-/***************************************************
-THEME
-/***************************************************/
-._item--info_171hz_11 {
-  border-left: 4px solid #4a91e4;
-  color: #176ac9;
-  background-color: #e7effc;
+._field_14c09_69:focus {
+  outline: 0;
 }
-._item--success_171hz_16 {
-  border-left: 4px solid #63d259;
-  color: #276122;
-  background-color: #ebf4e9;
+._field_14c09_69:disabled {
+  opacity: 1;
+  background: none;
+  cursor: default;
+  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
 }
-._item--warning_171hz_21 {
-  border-left: 4px solid #e3b65c;
-  color: #8b6924;
-  background-color: #f5f0e7;
+
+/* Стрелка справа; при открытом списке перевёрнута */
+._section_14c09_104 {
+  position: absolute;
+  top: calc(50% - 12px);
+  right: 7px;
+  bottom: auto;
+  width: 24px;
+  height: 24px;
+  font-size: 15px; /* размер иконки: иконки Phosphor по умолчанию 1em */
+  color: rgba(0, 0, 0, 0.54);
+  pointer-events: none;
 }
-._item--error_171hz_26 {
-  border-left: 4px solid #e68585;
-  color: #ae4545;
-  background-color: #faefef;
+._wrapper_14c09_31:has([aria-expanded="true"]) ._section_14c09_104 svg {
+  transform: rotate(180deg);
+}
+._wrapper_14c09_31:has(:disabled) ._section_14c09_104 {
+  color: rgba(0, 0, 0, 0.26);
 }
 
-/***************************************************
-MAIN
-/***************************************************/
-._noSpacing_171hz_35 {
-  margin: 0;
+/* Пункт списка */
+._option_14c09_123 {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  box-sizing: border-box;
+  min-height: auto;
+  padding: 6px 16px;
+  border-radius: 0;
+  color: inherit;
+  background-color: transparent;
+  font-family: Roboto, Helvetica, Arial, sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.5;
+  letter-spacing: 0.00938em;
+  white-space: nowrap;
+  cursor: pointer;
+  user-select: none;
 }
-._list_awuj2_1 {
-  list-style: none;
-  padding: 0;
-  margin: 0;
+._option_14c09_123:hover {
+  background-color: rgba(0, 0, 0, 0.04);
 }
-._list_awuj2_1 li {
-  margin: 0;
-  padding: 0;
-  line-height: 1.7;
+/* Пункт, выбранный стрелками с клавиатуры */
+._option_14c09_123[data-combobox-selected] {
+  background-color: rgba(0, 0, 0, 0.12);
 }
-._list_awuj2_1 li::before {
-  content: "›";
-  margin-right: 10px;
+/* Выбранное значение: при открытии списка оно активно — фон темнее */
+._option_14c09_123[data-checked] {
+  background-color: rgba(25, 118, 210, 0.2);
+}
+._option_14c09_123[data-checked]:hover {
+  background-color: rgba(25, 118, 210, 0.12);
+}
+/* Стрелками выбран другой пункт — у выбранного значения обычный фон */
+._dropdown_14c09_157:has(._option_14c09_123[data-combobox-selected]:not([data-checked]))
+  ._option_14c09_123[data-checked]:not(:hover) {
+  background-color: rgba(25, 118, 210, 0.08);
+}
+@media (hover: none) {
+  ._option_14c09_123:hover {
+    background-color: transparent;
+  }
+  ._option_14c09_123[data-checked]:hover {
+    background-color: rgba(25, 118, 210, 0.08);
+  }
 }
 
-._header_awuj2_16 {
-  margin-bottom: 4px;
+._title_14c09_170 {
+  color: #7d7d7d;
+  margin-bottom: var(--spacing-small);
 }
-._container_1hn5y_1 {
+._container_1ew61_1 {
   position: absolute;
   top: 20px;
   right: 20px;
@@ -428,16 +4023,35 @@ MAIN
   border-radius: 50%;
 }
 
-._button_1hn5y_11 {
+/* Круглая кнопка-иконка (Mantine ActionIcon) на весь контейнер */
+._button_1ew61_12 {
   width: 100%;
   height: 100%;
+  min-width: 0;
+  min-height: 0;
+  padding: 8px;
+  border: 0;
+  border-radius: 50%;
+  overflow: visible;
+  font-size: 24px; /* размер иконки: иконки Phosphor по умолчанию 1em */
+  color: rgba(0, 0, 0, 0.54);
+  background-color: transparent;
+  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+._button_1ew61_12:hover {
+  background-color: rgba(0, 0, 0, 0.04);
+}
+@media (hover: none) {
+  ._button_1ew61_12:hover {
+    background-color: transparent;
+  }
 }
 
-._icon_1hn5y_16 {
+._icon_1ew61_35 {
   color: var(--color-gray-80);
 }
 
-._link_1hn5y_20 {
+._link_1ew61_39 {
   font-size: 13px;
   background: none;
 }
@@ -599,6 +4213,77 @@ COMMON
 ._container_1pjc4_6 ul li a {
   text-decoration: none;
 }
+/***************************************************
+BUTTON
+Кнопка меню — UiButton (variant="text", size="small") на всю ширину контейнера.
+Правила кнопки с двумя классами (.button.<theme>), чтобы перекрывать
+вариант и размер из UiButton
+/***************************************************/
+._button_1u7ha_4 {
+  width: 100%;
+}
+
+/* Прозрачный фон при наведении — вместо hover темы */
+._button_1u7ha_4._hoverTransparent_1u7ha_12:hover {
+  background: none;
+}
+
+._text_1u7ha_16 {
+  width: 100%;
+  text-align: center;
+}
+._textLeft_1u7ha_20 {
+  text-align: left;
+}
+
+/* Цвет текста при disabled — в любой теме */
+._text-disabled_1u7ha_25 {
+  color: var(--color-gray-50);
+}
+
+/***************************************************
+THEME basic
+Вид кнопки text из UiButton, свои цвета не задаются
+/***************************************************/
+._basic_1u7ha_33 {
+}
+
+/***************************************************
+THEME light-blue
+/***************************************************/
+._light-blue_1u7ha_39 {
+  --nav-color: #2b2b2b; /* dark */
+  --nav-bg: transparent;
+  --nav-bg-hover: #ececec; /* gray */
+  --nav-color-active: #6673ff; /* blue */
+}
+._light-blue_1u7ha_39._accent_1u7ha_45 {
+  --nav-color: #edeeef; /* light-gray */
+  --nav-bg: #6673ff; /* blue */
+  --nav-bg-hover: #2b2b2b; /* dark */
+}
+
+._button_1u7ha_4._light-blue_1u7ha_39 {
+  padding: 4px 10px;
+  color: var(--nav-color);
+  background-color: var(--nav-bg);
+}
+._button_1u7ha_4._light-blue_1u7ha_39._hover_1u7ha_12:hover {
+  background-color: var(--nav-bg-hover);
+}
+
+._light-blue_1u7ha_39 ._text-default_1u7ha_60,
+._light-blue_1u7ha_39 ._text-accent_1u7ha_61 {
+  color: var(--nav-color);
+}
+._light-blue_1u7ha_39 ._text-active_1u7ha_64 {
+  color: var(--nav-color-active);
+}
+/* Шеврон Phosphor крупнее прежнего (Material KeyboardArrowDown): рисунок
+   уменьшен, а место под иконку в кнопке прежнее — ширина кнопки не меняется */
+._chevron_2tu15_3 {
+  transform: scale(0.75);
+}
 ._linkRoutes_n525p_1 a {
   width: 100%;
   text-decoration: none;