@mantine/core 7.0.0-alpha.16 → 7.0.0-alpha.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (131) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.js +201 -0
  2. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -0
  3. package/cjs/components/Breadcrumbs/Breadcrumbs.js +1 -1
  4. package/cjs/components/Combobox/Combobox.context.js.map +1 -1
  5. package/cjs/components/Combobox/Combobox.js +10 -6
  6. package/cjs/components/Combobox/Combobox.js.map +1 -1
  7. package/cjs/components/Combobox/Combobox.module.css.js +1 -1
  8. package/cjs/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.js +1 -1
  9. package/cjs/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.js.map +1 -1
  10. package/cjs/components/Combobox/ComboboxGroup/ComboboxGroup.js +61 -0
  11. package/cjs/components/Combobox/ComboboxGroup/ComboboxGroup.js.map +1 -0
  12. package/cjs/components/Combobox/ComboboxOption/ComboboxOption.js +1 -1
  13. package/cjs/components/Combobox/ComboboxOption/ComboboxOption.js.map +1 -1
  14. package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.js +87 -0
  15. package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.js.map +1 -0
  16. package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.module.css.js +8 -0
  17. package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.module.css.js.map +1 -0
  18. package/cjs/components/Combobox/OptionsDropdown/default-options-filter.js +39 -0
  19. package/cjs/components/Combobox/OptionsDropdown/default-options-filter.js.map +1 -0
  20. package/cjs/components/Combobox/OptionsDropdown/is-empty-combobox-data.js +21 -0
  21. package/cjs/components/Combobox/OptionsDropdown/is-empty-combobox-data.js.map +1 -0
  22. package/cjs/components/Combobox/OptionsDropdown/is-options-group.js +10 -0
  23. package/cjs/components/Combobox/OptionsDropdown/is-options-group.js.map +1 -0
  24. package/cjs/components/Combobox/get-options-lockup/get-options-lockup.js +42 -0
  25. package/cjs/components/Combobox/get-options-lockup/get-options-lockup.js.map +1 -0
  26. package/cjs/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js +1 -1
  27. package/cjs/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js.map +1 -1
  28. package/cjs/components/Combobox/use-combobox/use-virtualized-combobox.js.map +1 -1
  29. package/cjs/components/InputBase/InputBase.js.map +1 -1
  30. package/cjs/components/MultiSelect/MultiSelect.js +345 -0
  31. package/cjs/components/MultiSelect/MultiSelect.js.map +1 -0
  32. package/cjs/components/MultiSelect/filter-picked-values.js +26 -0
  33. package/cjs/components/MultiSelect/filter-picked-values.js.map +1 -0
  34. package/cjs/components/PillsInput/PillsInputField/PillsInputField.js +24 -2
  35. package/cjs/components/PillsInput/PillsInputField/PillsInputField.js.map +1 -1
  36. package/cjs/components/Popover/PopoverTarget/PopoverTarget.js +1 -1
  37. package/cjs/components/ScrollArea/ScrollArea.js +1 -1
  38. package/cjs/components/ScrollArea/ScrollArea.js.map +1 -1
  39. package/cjs/components/Select/Select.js +227 -0
  40. package/cjs/components/Select/Select.js.map +1 -0
  41. package/cjs/components/TagsInput/TagsInput.js +370 -0
  42. package/cjs/components/TagsInput/TagsInput.js.map +1 -0
  43. package/cjs/components/TagsInput/filter-picked-tags.js +26 -0
  44. package/cjs/components/TagsInput/filter-picked-tags.js.map +1 -0
  45. package/cjs/components/TagsInput/get-splitted-tags.js +23 -0
  46. package/cjs/components/TagsInput/get-splitted-tags.js.map +1 -0
  47. package/cjs/core/styles-api/use-resolved-styles-api/use-resolved-styles-api.js +33 -0
  48. package/cjs/core/styles-api/use-resolved-styles-api/use-resolved-styles-api.js.map +1 -0
  49. package/cjs/index.css +1464 -1387
  50. package/cjs/index.js +21 -0
  51. package/cjs/index.js.map +1 -1
  52. package/esm/components/Autocomplete/Autocomplete.js +193 -0
  53. package/esm/components/Autocomplete/Autocomplete.js.map +1 -0
  54. package/esm/components/Breadcrumbs/Breadcrumbs.js +1 -1
  55. package/esm/components/Combobox/Combobox.context.js.map +1 -1
  56. package/esm/components/Combobox/Combobox.js +10 -6
  57. package/esm/components/Combobox/Combobox.js.map +1 -1
  58. package/esm/components/Combobox/Combobox.module.css.js +1 -1
  59. package/esm/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.js +1 -1
  60. package/esm/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.js.map +1 -1
  61. package/esm/components/Combobox/ComboboxGroup/ComboboxGroup.js +53 -0
  62. package/esm/components/Combobox/ComboboxGroup/ComboboxGroup.js.map +1 -0
  63. package/esm/components/Combobox/ComboboxOption/ComboboxOption.js +1 -1
  64. package/esm/components/Combobox/ComboboxOption/ComboboxOption.js.map +1 -1
  65. package/esm/components/Combobox/OptionsDropdown/OptionsDropdown.js +79 -0
  66. package/esm/components/Combobox/OptionsDropdown/OptionsDropdown.js.map +1 -0
  67. package/esm/components/Combobox/OptionsDropdown/OptionsDropdown.module.css.js +4 -0
  68. package/esm/components/Combobox/OptionsDropdown/OptionsDropdown.module.css.js.map +1 -0
  69. package/esm/components/Combobox/OptionsDropdown/default-options-filter.js +35 -0
  70. package/esm/components/Combobox/OptionsDropdown/default-options-filter.js.map +1 -0
  71. package/esm/components/Combobox/OptionsDropdown/is-empty-combobox-data.js +17 -0
  72. package/esm/components/Combobox/OptionsDropdown/is-empty-combobox-data.js.map +1 -0
  73. package/esm/components/Combobox/OptionsDropdown/is-options-group.js +6 -0
  74. package/esm/components/Combobox/OptionsDropdown/is-options-group.js.map +1 -0
  75. package/esm/components/Combobox/get-options-lockup/get-options-lockup.js +37 -0
  76. package/esm/components/Combobox/get-options-lockup/get-options-lockup.js.map +1 -0
  77. package/esm/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js +1 -1
  78. package/esm/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js.map +1 -1
  79. package/esm/components/Combobox/use-combobox/use-virtualized-combobox.js.map +1 -1
  80. package/esm/components/InputBase/InputBase.js.map +1 -1
  81. package/esm/components/MultiSelect/MultiSelect.js +337 -0
  82. package/esm/components/MultiSelect/MultiSelect.js.map +1 -0
  83. package/esm/components/MultiSelect/filter-picked-values.js +22 -0
  84. package/esm/components/MultiSelect/filter-picked-values.js.map +1 -0
  85. package/esm/components/PillsInput/PillsInputField/PillsInputField.js +24 -2
  86. package/esm/components/PillsInput/PillsInputField/PillsInputField.js.map +1 -1
  87. package/esm/components/Popover/PopoverTarget/PopoverTarget.js +1 -1
  88. package/esm/components/ScrollArea/ScrollArea.js +1 -1
  89. package/esm/components/ScrollArea/ScrollArea.js.map +1 -1
  90. package/esm/components/Select/Select.js +219 -0
  91. package/esm/components/Select/Select.js.map +1 -0
  92. package/esm/components/TagsInput/TagsInput.js +362 -0
  93. package/esm/components/TagsInput/TagsInput.js.map +1 -0
  94. package/esm/components/TagsInput/filter-picked-tags.js +22 -0
  95. package/esm/components/TagsInput/filter-picked-tags.js.map +1 -0
  96. package/esm/components/TagsInput/get-splitted-tags.js +19 -0
  97. package/esm/components/TagsInput/get-splitted-tags.js.map +1 -0
  98. package/esm/core/styles-api/use-resolved-styles-api/use-resolved-styles-api.js +29 -0
  99. package/esm/core/styles-api/use-resolved-styles-api/use-resolved-styles-api.js.map +1 -0
  100. package/esm/index.css +1464 -1387
  101. package/esm/index.js +10 -0
  102. package/esm/index.js.map +1 -1
  103. package/lib/components/Autocomplete/Autocomplete.d.ts +24 -0
  104. package/lib/components/Autocomplete/index.d.ts +2 -0
  105. package/lib/components/Combobox/Combobox.context.d.ts +1 -1
  106. package/lib/components/Combobox/Combobox.d.ts +12 -3
  107. package/lib/components/Combobox/Combobox.types.d.ts +31 -2
  108. package/lib/components/Combobox/ComboboxGroup/ComboboxGroup.d.ts +19 -0
  109. package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts +25 -0
  110. package/lib/components/Combobox/OptionsDropdown/default-options-filter.d.ts +7 -0
  111. package/lib/components/Combobox/OptionsDropdown/is-empty-combobox-data.d.ts +2 -0
  112. package/lib/components/Combobox/OptionsDropdown/is-options-group.d.ts +2 -0
  113. package/lib/components/Combobox/get-options-lockup/get-options-lockup.d.ts +3 -0
  114. package/lib/components/Combobox/index.d.ts +8 -1
  115. package/lib/components/Input/use-input-props.d.ts +33 -33
  116. package/lib/components/InputBase/InputBase.d.ts +2 -1
  117. package/lib/components/MultiSelect/MultiSelect.d.ts +41 -0
  118. package/lib/components/MultiSelect/filter-picked-values.d.ts +7 -0
  119. package/lib/components/MultiSelect/index.d.ts +2 -0
  120. package/lib/components/PillsInput/PillsInputField/PillsInputField.d.ts +3 -7
  121. package/lib/components/ScrollArea/ScrollArea.d.ts +2 -2
  122. package/lib/components/Select/Select.d.ts +33 -0
  123. package/lib/components/Select/index.d.ts +2 -0
  124. package/lib/components/TagsInput/TagsInput.d.ts +36 -0
  125. package/lib/components/TagsInput/filter-picked-tags.d.ts +7 -0
  126. package/lib/components/TagsInput/get-splitted-tags.d.ts +9 -0
  127. package/lib/components/TagsInput/index.d.ts +2 -0
  128. package/lib/components/index.d.ts +4 -0
  129. package/lib/core/styles-api/index.d.ts +1 -0
  130. package/lib/core/styles-api/use-resolved-styles-api/use-resolved-styles-api.d.ts +12 -0
  131. package/package.json +2 -2
package/esm/index.css CHANGED
@@ -1232,867 +1232,686 @@ body {
1232
1232
  object-fit: cover;
1233
1233
  }
1234
1234
 
1235
- .mantine-4FAj0g7 {
1236
- display: flex;
1237
- padding-left: var(--ag-spacing);
1235
+ .mantine-k-roXEr {
1236
+ line-height: var(--mantine-line-height);
1238
1237
  }
1239
1238
 
1240
- [dir="rtl"] .mantine-4FAj0g7 {
1241
- padding-left: 0;
1242
- padding-right: var(--ag-spacing);
1239
+ .mantine-BMQXnww {
1240
+ display: inline-block;
1241
+ font-weight: 500;
1242
+ word-break: break-word;
1243
+ cursor: default;
1244
+ -webkit-tap-highlight-color: transparent;
1245
+
1246
+ font-size: var(--input-label-size);
1243
1247
  }
1244
1248
 
1245
- .mantine-f8qyj5h {
1246
- --avatar-size-xs: calc(1rem * var(--mantine-scale));
1247
- --avatar-size-sm: calc(1.625rem * var(--mantine-scale));
1248
- --avatar-size-md: calc(2.375rem * var(--mantine-scale));
1249
- --avatar-size-lg: calc(3.5rem * var(--mantine-scale));
1250
- --avatar-size-xl: calc(5.25rem * var(--mantine-scale));
1249
+ .mantine-7gKrkkZ {
1250
+ color: var(--input-asterisk-color);
1251
+ }
1251
1252
 
1252
- -webkit-tap-highlight-color: transparent;
1253
- position: relative;
1253
+ .mantine-mToQZGN,
1254
+ .mantine-G6m1fCH {
1255
+ word-wrap: break-word;
1256
+ line-height: 1.2;
1254
1257
  display: block;
1255
- user-select: none;
1256
- overflow: hidden;
1257
- border-radius: var(--avatar-radius);
1258
- text-decoration: none;
1259
- border: var(--_avatar-border, none);
1260
- background-color: var(--_avatar-bg, transparent);
1258
+ margin: 0;
1261
1259
  padding: 0;
1262
- width: var(--avatar-size);
1263
- height: var(--avatar-size);
1264
- min-width: var(--avatar-size);
1265
- margin-left: var(--_avatar-ml, unset);
1266
- margin-right: var(--_avatar-mr, unset);
1267
1260
  }
1268
1261
 
1269
- .mantine-f8qyj5h[data-within-group] {
1270
- --_avatar-ml: calc(var(--ag-spacing) * -1);
1271
- --_avatar-border: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-body);
1272
- --_avatar-bg: var(--mantine-color-body);
1273
- }
1274
-
1275
- [dir="rtl"] .mantine-f8qyj5h[data-within-group] {
1276
- --_avatar-mr: calc(var(--ag-spacing) * -1);
1277
- --_avatar-ml: unset;
1262
+ .mantine-mToQZGN {
1263
+ color: var(--mantine-color-error);
1264
+ font-size: var(--input-error-size);
1278
1265
  }
1279
1266
 
1280
- .mantine-BmxEl6O {
1281
- object-fit: cover;
1282
- width: 100%;
1283
- height: 100%;
1284
- display: block;
1267
+ .mantine-G6m1fCH {
1268
+ color: var(--mantine-color-dimmed);
1269
+ font-size: var(--input-description-size);
1285
1270
  }
1286
1271
 
1287
- .mantine-2J4mxDh {
1288
- font-weight: 700;
1289
- display: flex;
1290
- align-items: center;
1291
- justify-content: center;
1292
- width: 100%;
1293
- height: 100%;
1294
- user-select: none;
1295
- border-radius: var(--avatar-radius);
1296
- font-size: calc(var(--avatar-size) / 2.5);
1297
- color: var(--avatar-color);
1298
- background: var(--avatar-bg);
1299
- border: var(--avatar-bd);
1272
+ .mantine-7YWxW9a {
1273
+ color: var(--mantine-color-placeholder);
1300
1274
  }
1301
1275
 
1302
- .mantine-2J4mxDh > [data-avatar-placeholder-icon] {
1303
- width: 70%;
1304
- height: 70%;
1305
- }
1306
-
1307
- .mantine-mBE3oR4 {
1308
- background-size: cover;
1309
- background-position: center;
1310
- display: block;
1311
- width: 100%;
1312
- border: 0;
1313
- text-decoration: none;
1314
- border-radius: var(--bi-radius);
1315
- }
1276
+ .mantine-RqD0YyD {
1277
+ position: relative;
1278
+ margin-top: var(--input-margin-top, 0rem);
1279
+ margin-bottom: var(--input-margin-bottom, 0rem);
1316
1280
 
1317
- .mantine-WM8AqtG {
1318
- --badge-height-xs: calc(1rem * var(--mantine-scale));
1319
- --badge-height-sm: calc(1.125rem * var(--mantine-scale));
1320
- --badge-height-md: calc(1.25rem * var(--mantine-scale));
1321
- --badge-height-lg: calc(1.625rem * var(--mantine-scale));
1322
- --badge-height-xl: calc(2rem * var(--mantine-scale));
1281
+ --input-height-xs: calc(1.875rem * var(--mantine-scale));
1282
+ --input-height-sm: calc(2.25rem * var(--mantine-scale));
1283
+ --input-height-md: calc(2.625rem * var(--mantine-scale));
1284
+ --input-height-lg: calc(3.125rem * var(--mantine-scale));
1285
+ --input-height-xl: calc(3.75rem * var(--mantine-scale));
1323
1286
 
1324
- --badge-fz-xs: calc(0.5625rem * var(--mantine-scale));
1325
- --badge-fz-sm: calc(0.625rem * var(--mantine-scale));
1326
- --badge-fz-md: calc(0.6875rem * var(--mantine-scale));
1327
- --badge-fz-lg: calc(0.8125rem * var(--mantine-scale));
1328
- --badge-fz-xl: calc(1rem * var(--mantine-scale));
1287
+ --input-padding-y-xs: calc(0.3125rem * var(--mantine-scale));
1288
+ --input-padding-y-sm: calc(0.375rem * var(--mantine-scale));
1289
+ --input-padding-y-md: calc(0.5rem * var(--mantine-scale));
1290
+ --input-padding-y-lg: calc(0.625rem * var(--mantine-scale));
1291
+ --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));
1329
1292
 
1330
- --badge-padding-x-xs: calc(0.375rem * var(--mantine-scale));
1331
- --badge-padding-x-sm: calc(0.5rem * var(--mantine-scale));
1332
- --badge-padding-x-md: calc(0.625rem * var(--mantine-scale));
1333
- --badge-padding-x-lg: calc(0.75rem * var(--mantine-scale));
1334
- --badge-padding-x-xl: calc(1rem * var(--mantine-scale));
1293
+ --_input-cursor: text;
1294
+ --_input-text-align: left;
1295
+ --_input-line-height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
1296
+ --_input-padding: calc(var(--input-height) / 3);
1297
+ --_input-padding-left: var(--_input-padding);
1298
+ --_input-padding-right: var(--_input-padding);
1299
+ --_input-placeholder-color: var(--mantine-color-placeholder);
1300
+ --_input-color: inherit;
1301
+ --_input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));
1302
+ --_input-right-section-size: var(
1303
+ --input-right-section-width,
1304
+ calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)))
1305
+ );
1306
+ --_input-size: var(--input-height);
1335
1307
 
1336
- font-size: var(--badge-fz);
1337
- border-radius: var(--badge-radius);
1338
- height: var(--badge-height);
1339
- -webkit-tap-highlight-color: transparent;
1340
- line-height: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
1341
- text-decoration: none;
1342
- padding: 0 var(--badge-padding-x);
1343
- display: var(--_badge-display, inline-flex);
1344
- align-items: center;
1345
- justify-content: center;
1346
- width: var(--_badge-width, auto);
1347
- text-transform: uppercase;
1348
- font-weight: 700;
1349
- letter-spacing: calc(0.015625rem * var(--mantine-scale));
1350
- cursor: inherit;
1351
- text-overflow: ellipsis;
1352
- overflow: hidden;
1308
+ --_section-y: calc(0.0625rem * var(--mantine-scale));
1309
+ --_left-section-left: calc(0.0625rem * var(--mantine-scale));
1310
+ --_left-section-right: unset;
1311
+ --_left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
1353
1312
 
1354
- color: var(--badge-color);
1355
- background: var(--badge-bg);
1356
- border: var(--badge-bd);
1313
+ --_right-section-left: unset;
1314
+ --_right-section-right: calc(0.0625rem * var(--mantine-scale));
1315
+ --_right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
1357
1316
  }
1358
1317
 
1359
- .mantine-WM8AqtG[data-block] {
1360
- --_badge-display: flex;
1361
- --_badge-width: 100%;
1318
+ .mantine-RqD0YyD[data-pointer] {
1319
+ --_input-cursor: pointer;
1362
1320
  }
1363
1321
 
1364
- .mantine-d3u1-wu {
1365
- --badge-dot-size: calc(var(--badge-height) / 3.4);
1322
+ .mantine-RqD0YyD[data-multiline] {
1323
+ --_input-size: auto;
1324
+ --_input-line-height: var(--mantine-line-height);
1325
+ }
1366
1326
 
1367
- background-color: var(--_badge-bg);
1368
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--_badge-border-color);
1369
- color: var(--_badge-color);
1370
- }
1327
+ .mantine-RqD0YyD[data-variant='unstyled'] {
1328
+ --input-padding: 0;
1329
+ --input-padding-y: 0;
1330
+ }
1371
1331
 
1372
- [data-mantine-color-scheme='light'] .mantine-d3u1-wu {
1373
- --_badge-bg: var(--mantine-color-white);
1374
- --_badge-border-color: var(--mantine-color-gray-4);
1375
- --_badge-color: var(--mantine-color-black);
1376
- }
1332
+ .mantine-RqD0YyD[data-with-left-section] {
1333
+ --_input-padding-left: var(--_input-left-section-size);
1334
+ }
1377
1335
 
1378
- [data-mantine-color-scheme='dark'] .mantine-d3u1-wu {
1379
- --_badge-bg: var(--mantine-color-dark-5);
1380
- --_badge-border-color: var(--mantine-color-dark-5);
1381
- --_badge-color: var(--mantine-color-white);
1336
+ [dir="rtl"] .mantine-RqD0YyD[data-with-left-section] {
1337
+ --_input-padding-right: var(--_input-left-section-size);
1382
1338
  }
1383
1339
 
1384
- .mantine-d3u1-wu::before {
1385
- content: '';
1386
- display: block;
1387
- width: var(--badge-dot-size);
1388
- height: var(--badge-dot-size);
1389
- border-radius: var(--badge-dot-size);
1390
- background-color: var(--badge-dot-color);
1391
- margin-right: var(--badge-dot-size);
1340
+ .mantine-RqD0YyD[data-with-right-section] {
1341
+ --_input-padding-right: var(--_input-right-section-size);
1392
1342
  }
1393
1343
 
1394
- [dir="rtl"] .mantine-d3u1-wu::before {
1395
- margin-right: 0;
1396
- margin-left: var(--badge-dot-size);
1344
+ [dir="rtl"] .mantine-RqD0YyD[data-with-right-section] {
1345
+ --_input-padding-left: var(--_input-right-section-size);
1397
1346
  }
1398
1347
 
1399
- .mantine-LN56t-P {
1400
- white-space: nowrap;
1401
- overflow: hidden;
1402
- text-overflow: ellipsis;
1348
+ [data-mantine-color-scheme='light'] .mantine-RqD0YyD {
1349
+ --_input-disabled-bg: var(--mantine-color-gray-1);
1350
+ --_input-disabled-color: var(--mantine-color-gray-6);
1403
1351
  }
1404
1352
 
1405
- .mantine-cbpGUul {
1406
- --_section-margin: calc(var(--mantine-spacing-xs) / 2);
1407
- display: inline-flex;
1408
- justify-content: center;
1409
- align-items: center;
1410
- }
1353
+ [data-mantine-color-scheme='light'] .mantine-RqD0YyD[data-variant='default'] {
1354
+ --_input-bd: var(--mantine-color-gray-4);
1355
+ --_input-bg: var(--mantine-color-white);
1356
+ --_input-bd-focus: var(--mantine-color-primary);
1357
+ }
1411
1358
 
1412
- .mantine-cbpGUul[data-position='left'] {
1413
- margin-left: var(--_left-section-ml, 0);
1414
- margin-right: var(--_left-section-mr, var(--_section-margin));
1415
- }
1359
+ [data-mantine-color-scheme='light'] .mantine-RqD0YyD[data-variant='filled'] {
1360
+ --_input-bd: transparent;
1361
+ --_input-bg: var(--mantine-color-gray-1);
1362
+ --_input-bd-focus: var(--mantine-color-primary);
1363
+ }
1416
1364
 
1417
- [dir="rtl"] .mantine-cbpGUul[data-position='left'] {
1418
- --_left-section-ml: var(--_section-margin);
1419
- --_left-section-mr: 0;
1420
- }
1365
+ [data-mantine-color-scheme='light'] .mantine-RqD0YyD[data-variant='unstyled'] {
1366
+ --_input-bd: transparent;
1367
+ --_input-bg: transparent;
1368
+ --_input-bd-focus: transparent;
1369
+ }
1421
1370
 
1422
- .mantine-cbpGUul[data-position='right'] {
1423
- margin-left: var(--_right-section-ml, var(--_section-margin));
1424
- margin-right: var(--_right-section-mr, 0);
1425
- }
1371
+ [data-mantine-color-scheme='dark'] .mantine-RqD0YyD {
1372
+ --_input-disabled-bg: var(--mantine-color-dark-6);
1373
+ --_input-disabled-color: var(--mantine-color-dark-2);
1374
+ }
1426
1375
 
1427
- [dir="rtl"] .mantine-cbpGUul[data-position='right'] {
1428
- --_right-section-mr: var(--_section-margin);
1429
- --_right-section-ml: 0;
1430
- }
1376
+ [data-mantine-color-scheme='dark'] .mantine-RqD0YyD[data-variant='default'] {
1377
+ --_input-bd: var(--mantine-color-dark-4);
1378
+ --_input-bg: var(--mantine-color-dark-6);
1379
+ --_input-bd-focus: var(--mantine-color-primary);
1380
+ }
1431
1381
 
1432
- .mantine-ecNe4vP {
1433
- --_bq-border: calc(0.1875rem * var(--mantine-scale)) solid var(--bq-bd);
1382
+ [data-mantine-color-scheme='dark'] .mantine-RqD0YyD[data-variant='filled'] {
1383
+ --_input-bd: transparent;
1384
+ --_input-bg: var(--mantine-color-dark-5);
1385
+ --_input-bd-focus: var(--mantine-color-primary);
1386
+ }
1434
1387
 
1435
- position: relative;
1436
- margin: 0;
1437
- background-color: var(--_bq-bg);
1438
- border-left: var(--_bq-border-left, var(--_bq-border));
1439
- border-right: var(--_bq-border-right, 0);
1440
- border-radius: var(--bq-radius);
1441
- border-top-left-radius: var(--_bq-radius-left, 0);
1442
- border-top-right-radius: var(--_bq-radius-right, var(--bq-radius));
1443
- border-bottom-left-radius: var(--_bq-radius-left, 0);
1444
- border-bottom-right-radius: var(--_bq-radius-right, var(--bq-radius));
1445
- padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale));
1446
- }
1388
+ [data-mantine-color-scheme='dark'] .mantine-RqD0YyD[data-variant='unstyled'] {
1389
+ --_input-bd: transparent;
1390
+ --_input-bg: transparent;
1391
+ --_input-bd-focus: transparent;
1392
+ }
1447
1393
 
1448
- [dir="rtl"] .mantine-ecNe4vP {
1449
- --_bq-radius-left: var(--bq-radius);
1450
- --_bq-radius-right: 0;
1451
- --_bq-border-left: 0;
1452
- --_bq-border-right: var(--_bq-border);
1453
- }
1394
+ [data-mantine-color-scheme] .mantine-RqD0YyD[data-error] {
1395
+ --_input-bd: var(--mantine-color-error);
1396
+ --_input-color: var(--mantine-color-error);
1397
+ --_input-placeholder-color: var(--mantine-color-error);
1398
+ --_input-section-color: var(--mantine-color-error);
1399
+ }
1454
1400
 
1455
- [data-mantine-color-scheme='light'] .mantine-ecNe4vP {
1456
- --_bq-bg: var(--bq-bg-light);
1401
+ [dir="rtl"] .mantine-RqD0YyD {
1402
+ --_input-text-align: right;
1403
+ --_left-section-left: unset;
1404
+ --_left-section-right: calc(0.0625rem * var(--mantine-scale));
1405
+ --_left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
1406
+ --_right-section-left: calc(0.0625rem * var(--mantine-scale));
1407
+ --_right-section-right: unset;
1408
+ --_right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
1457
1409
  }
1458
1410
 
1459
- [data-mantine-color-scheme='dark'] .mantine-ecNe4vP {
1460
- --_bq-bg: var(--bq-bg-dark);
1411
+ .mantine-SbVPkHB {
1412
+ -webkit-tap-highlight-color: transparent;
1413
+ appearance: none;
1414
+ resize: none;
1415
+ display: block;
1416
+ width: 100%;
1417
+ transition: border-color 100ms ease;
1418
+
1419
+ text-align: var(--_input-text-align);
1420
+ color: var(--_input-color);
1421
+ border: calc(0.0625rem * var(--mantine-scale)) solid var(--_input-bd);
1422
+ background-color: var(--_input-bg);
1423
+ font-family: var(--mantine-font-family);
1424
+ height: var(--_input-size);
1425
+ min-height: var(--input-height);
1426
+ line-height: var(--_input-line-height);
1427
+ font-size: var(--input-fz);
1428
+ border-radius: var(--input-radius);
1429
+ padding-left: var(--_input-padding-left);
1430
+ padding-right: var(--_input-padding-right);
1431
+ padding-top: var(--input-padding-y, 0rem);
1432
+ padding-bottom: var(--input-padding-y, 0rem);
1433
+ cursor: var(--_input-cursor);
1461
1434
  }
1462
1435
 
1463
- .mantine-OY7Gota {
1436
+ .mantine-SbVPkHB:focus,
1437
+ .mantine-SbVPkHB:focus-within {
1438
+ outline: none;
1439
+ border-color: var(--_input-bd-focus);
1440
+ }
1441
+
1442
+ .mantine-SbVPkHB::placeholder {
1443
+ color: var(--_input-placeholder-color);
1444
+ opacity: 1;
1445
+ }
1446
+
1447
+ .mantine-SbVPkHB::-webkit-inner-spin-button,
1448
+ .mantine-SbVPkHB::-webkit-outer-spin-button,
1449
+ .mantine-SbVPkHB::-webkit-search-decoration,
1450
+ .mantine-SbVPkHB::-webkit-search-cancel-button,
1451
+ .mantine-SbVPkHB::-webkit-search-results-button,
1452
+ .mantine-SbVPkHB::-webkit-search-results-decoration {
1453
+ appearance: none;
1454
+ }
1455
+
1456
+ .mantine-SbVPkHB[type='number'] {
1457
+ -moz-appearance: textfield;
1458
+ }
1459
+
1460
+ .mantine-SbVPkHB:has(input:disabled),
1461
+ .mantine-SbVPkHB:disabled,
1462
+ .mantine-SbVPkHB[data-disabled] {
1463
+ cursor: not-allowed;
1464
+ opacity: 0.6;
1465
+ background-color: var(--_input-disabled-bg);
1466
+ color: var(--_input-disabled-color);
1467
+ }
1468
+
1469
+ .mantine-gNNdAfw {
1470
+ pointer-events: var(--_section-pointer-events);
1464
1471
  position: absolute;
1465
- color: var(--bq-bd);
1466
- background-color: var(--mantine-color-body);
1472
+ z-index: 1;
1473
+ left: var(--_section-left);
1474
+ right: var(--_section-right);
1475
+ bottom: var(--_section-y);
1476
+ top: var(--_section-y);
1467
1477
  display: flex;
1468
1478
  align-items: center;
1469
1479
  justify-content: center;
1470
- top: calc(var(--bq-icon-size) / -2);
1471
- left: var(--_bq-icon-left, calc(var(--bq-icon-size) / -2));
1472
- right: var(--_bq-icon-right, 0);
1473
- width: var(--bq-icon-size);
1474
- height: var(--bq-icon-size);
1475
- border-radius: var(--bq-icon-size);
1480
+ width: var(--_section-size);
1481
+ border-radius: var(--_section-border-radius);
1482
+ color: var(--mantine-color-placeholder);
1476
1483
  }
1477
1484
 
1478
- [dir="rtl"] .mantine-OY7Gota {
1479
- --_bq-icon-left: 0;
1480
- --_bq-icon-right: calc(var(--bq-icon-size) / -2);
1481
- }
1485
+ .mantine-gNNdAfw[data-position='right'] {
1486
+ --_section-pointer-events: var(--input-right-section-pointer-events);
1487
+ --_section-left: var(--_right-section-left);
1488
+ --_section-right: var(--_right-section-right);
1489
+ --_section-size: var(--_input-right-section-size);
1490
+ --_section-border-radius: var(--_right-section-border-radius);
1491
+ }
1482
1492
 
1483
- .mantine-PxBRqGd {
1484
- display: block;
1485
- margin-top: var(--mantine-spacing-md);
1486
- opacity: 0.6;
1487
- font-size: 85%;
1488
- }
1493
+ .mantine-gNNdAfw[data-position='left'] {
1494
+ --_section-pointer-events: var(--input-left-section-pointer-events);
1495
+ --_section-left: var(--_left-section-left);
1496
+ --_section-right: var(--_left-section-right);
1497
+ --_section-size: var(--_input-left-section-size);
1498
+ --_section-border-radius: var(--_left-section-border-radius);
1499
+ }
1489
1500
 
1490
- .mantine-DpaSRWv {
1491
- display: flex;
1492
- align-items: center;
1493
- }
1501
+ .mantine--1TgA5h {
1502
+ --combobox-chevron-size-xs: calc(0.875rem * var(--mantine-scale));
1503
+ --combobox-chevron-size-sm: calc(1.125rem * var(--mantine-scale));
1504
+ --combobox-chevron-size-md: calc(1.25rem * var(--mantine-scale));
1505
+ --combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale));
1506
+ --combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale));
1494
1507
 
1495
- .mantine-Xf5Xl8f {
1496
- line-height: 1;
1497
- white-space: nowrap;
1498
- -webkit-tap-highlight-color: transparent;
1508
+ width: var(--combobox-chevron-size);
1509
+ height: var(--combobox-chevron-size);
1510
+ color: var(--_color);
1499
1511
  }
1500
1512
 
1501
- .mantine-ixC9ZM7 {
1502
- margin-left: var(--bc-separator-margin);
1503
- margin-right: var(--bc-separator-margin);
1504
- color: var(--_separator-color);
1505
- line-height: 1;
1506
- display: flex;
1507
- align-items: center;
1508
- justify-content: center;
1513
+ [data-mantine-color-scheme='light'] .mantine--1TgA5h {
1514
+ --_color: var(--mantine-color-gray-6);
1509
1515
  }
1510
1516
 
1511
- [data-mantine-color-scheme='light'] .mantine-ixC9ZM7 {
1512
- --_separator-color: var(--mantine-color-gray-7);
1517
+ [data-mantine-color-scheme='dark'] .mantine--1TgA5h {
1518
+ --_color: var(--mantine-color-dark-3);
1513
1519
  }
1514
1520
 
1515
- [data-mantine-color-scheme='dark'] .mantine-ixC9ZM7 {
1516
- --_separator-color: var(--mantine-color-dark-2);
1517
- }
1521
+ .mantine--1TgA5h[data-error] {
1522
+ --_color: var(--mantine-color-error);
1523
+ }
1518
1524
 
1519
- .mantine-PpER79h {
1520
- --burger-size-xs: calc(0.75rem * var(--mantine-scale));
1521
- --burger-size-sm: calc(1.125rem * var(--mantine-scale));
1522
- --burger-size-md: calc(1.5rem * var(--mantine-scale));
1523
- --burger-size-lg: calc(2.125rem * var(--mantine-scale));
1524
- --burger-size-xl: calc(2.625rem * var(--mantine-scale));
1525
+ .mantine-Hu7S-XH {
1526
+ position: absolute;
1527
+ background-color: var(--_popover-bg);
1528
+ border: calc(0.0625rem * var(--mantine-scale)) solid var(--_popover-bd);
1529
+ padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
1530
+ box-shadow: var(--popover-shadow, none);
1531
+ border-radius: var(--popover-radius);
1532
+ }
1525
1533
 
1526
- width: calc(var(--burger-size) + var(--mantine-spacing-xs));
1527
- height: calc(var(--burger-size) + var(--mantine-spacing-xs));
1528
- padding: calc(var(--mantine-spacing-xs) / 2);
1529
- cursor: pointer;
1534
+ .mantine-Hu7S-XH:focus {
1535
+ outline: none;
1536
+ }
1530
1537
 
1531
- --_burger-color: var(--burger-color, var(--__burger-color));
1538
+ [data-mantine-color-scheme='light'] .mantine-Hu7S-XH {
1539
+ --_popover-bg: var(--mantine-color-white);
1540
+ --_popover-bd: var(--mantine-color-gray-2);
1532
1541
  }
1533
1542
 
1534
- [data-mantine-color-scheme='light'] .mantine-PpER79h {
1535
- --__burger-color: var(--mantine-color-black);
1543
+ [data-mantine-color-scheme='dark'] .mantine-Hu7S-XH {
1544
+ --_popover-bg: var(--mantine-color-dark-6);
1545
+ --_popover-bd: var(--mantine-color-dark-4);
1536
1546
  }
1537
1547
 
1538
- [data-mantine-color-scheme='dark'] .mantine-PpER79h {
1539
- --__burger-color: var(--mantine-color-white);
1548
+ .mantine-XLi9Yuw {
1549
+ background-color: inherit;
1550
+ border: calc(0.0625rem * var(--mantine-scale)) solid var(--_popover-bd);
1551
+ z-index: 1;
1540
1552
  }
1541
1553
 
1542
- .mantine-VLigGGW {
1543
- position: relative;
1544
- user-select: none;
1554
+ .mantine-oGVJEaz {
1555
+ padding: var(--combobox-padding);
1545
1556
  }
1546
1557
 
1547
- .mantine-VLigGGW,
1548
- .mantine-VLigGGW::before,
1549
- .mantine-VLigGGW::after {
1550
- display: block;
1551
- width: var(--burger-size);
1552
- height: calc(var(--burger-size) / 12);
1553
- background-color: var(--_burger-color);
1554
- outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
1555
- transition-property: background-color, transform;
1556
- transition-duration: var(--burger-transition-duration);
1557
- transition-timing-function: var(--burger-transition-timing-function);
1558
- }
1559
-
1560
- .mantine-VLigGGW::before,
1561
- .mantine-VLigGGW::after {
1562
- position: absolute;
1563
- content: '';
1564
- left: 0;
1558
+ .mantine-oGVJEaz[data-hidden] {
1559
+ display: none;
1565
1560
  }
1566
1561
 
1567
- .mantine-VLigGGW::before {
1568
- top: calc(var(--burger-size) / -3);
1569
- }
1562
+ /* Variables must be both on dropdown and options to support usage of Combobox.Options without Combobox.Dropdown */
1563
+ .mantine-oGVJEaz,
1564
+ .mantine-5kIu9Ez {
1565
+ --combobox-option-padding-xs: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
1566
+ --combobox-option-padding-sm: calc(0.375rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
1567
+ --combobox-option-padding-md: calc(0.5rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale));
1568
+ --combobox-option-padding-lg: calc(0.625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
1569
+ --combobox-option-padding-xl: calc(0.875rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
1570
+ }
1570
1571
 
1571
- .mantine-VLigGGW::after {
1572
- top: calc(var(--burger-size) / 3);
1573
- }
1572
+ .mantine-Jvh599k {
1573
+ padding: var(--combobox-option-padding);
1574
+ font-size: var(--combobox-option-fz);
1575
+ border-radius: var(--mantine-radius-default);
1576
+ background-color: var(--_option-bg, transparent);
1577
+ color: var(--_option-color, inherit);
1578
+ opacity: var(--_option-opacity, 1);
1579
+ cursor: var(--_option-cursor, pointer);
1580
+ word-break: break-word;
1581
+ }
1574
1582
 
1575
- .mantine-VLigGGW[data-opened] {
1576
- background-color: transparent;
1583
+ .mantine-Jvh599k[data-combobox-selected] {
1584
+ --_option-bg: var(--mantine-color-primary);
1585
+ --_option-color: var(--mantine-color-white);
1577
1586
  }
1578
1587
 
1579
- .mantine-VLigGGW[data-opened]::before {
1580
- transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
1581
- }
1588
+ .mantine-Jvh599k[data-combobox-disabled] {
1589
+ --_option-cursor: not-allowed;
1590
+ --_option-opacity: 0.35;
1591
+ }
1582
1592
 
1583
- .mantine-VLigGGW[data-opened]::after {
1584
- transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
1585
- }
1593
+ @media (hover: hover) {
1594
+ [data-mantine-color-scheme='light'] .mantine-Jvh599k:hover:not([data-combobox-selected], [data-combobox-disabled]) {
1595
+ --_option-bg: var(--mantine-color-gray-0);
1596
+ }
1586
1597
 
1587
- .mantine-VaCj17A {
1588
- display: flex;
1598
+ [data-mantine-color-scheme='dark'] .mantine-Jvh599k:hover:not([data-combobox-selected], [data-combobox-disabled]) {
1599
+ --_option-bg: var(--mantine-color-dark-7);
1600
+ }
1589
1601
  }
1590
1602
 
1591
- .mantine-VaCj17A[data-orientation='horizontal'] {
1592
- flex-direction: row;
1603
+ @media (hover: none) {
1604
+ [data-mantine-color-scheme='light'] .mantine-Jvh599k:active:not([data-combobox-selected], [data-combobox-disabled]) {
1605
+ --_option-bg: var(--mantine-color-gray-0);
1593
1606
  }
1594
1607
 
1595
- .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):first-child {
1596
- border-bottom-right-radius: 0;
1597
- border-top-right-radius: 0;
1598
- border-right-width: calc(var(--button-border-width) / 2);
1599
- }
1600
-
1601
- .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):last-child {
1602
- border-bottom-left-radius: 0;
1603
- border-top-left-radius: 0;
1604
- border-left-width: calc(var(--button-border-width) / 2);
1605
- }
1606
-
1607
- .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):not(:first-child):not(:last-child) {
1608
- border-radius: 0;
1609
- border-right-width: calc(var(--button-border-width) / 2);
1610
- border-left-width: calc(var(--button-border-width) / 2);
1611
- }
1612
-
1613
- .mantine-VaCj17A[data-orientation='vertical'] {
1614
- flex-direction: column;
1608
+ [data-mantine-color-scheme='dark'] .mantine-Jvh599k:active:not([data-combobox-selected], [data-combobox-disabled]) {
1609
+ --_option-bg: var(--mantine-color-dark-7);
1615
1610
  }
1611
+ }
1616
1612
 
1617
- .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):first-child {
1618
- border-bottom-left-radius: 0;
1619
- border-bottom-right-radius: 0;
1620
- border-bottom-width: calc(var(--button-border-width) / 2);
1621
- }
1613
+ .mantine-E0imXrV {
1614
+ margin-left: calc(var(--combobox-padding) * -1);
1615
+ margin-right: calc(var(--combobox-padding) * -1);
1616
+ margin-top: calc(var(--combobox-padding) * -1);
1617
+ width: calc(100% + var(--combobox-padding) * 2);
1618
+ border-top-width: 0;
1619
+ border-right-width: 0;
1620
+ border-left-width: 0;
1621
+ border-bottom-left-radius: 0;
1622
+ border-bottom-right-radius: 0;
1623
+ margin-bottom: var(--combobox-padding);
1624
+ background-color: var(--_search_background);
1625
+ position: relative;
1626
+ z-index: 1000;
1627
+ }
1622
1628
 
1623
- .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):last-child {
1624
- border-top-left-radius: 0;
1625
- border-top-right-radius: 0;
1626
- border-top-width: calc(var(--button-border-width) / 2);
1627
- }
1629
+ .mantine-E0imXrV,
1630
+ .mantine-E0imXrV:focus {
1631
+ border-color: var(--_search-border-color);
1632
+ }
1628
1633
 
1629
- .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):not(:first-child):not(:last-child) {
1630
- border-radius: 0;
1631
- border-bottom-width: calc(var(--button-border-width) / 2);
1632
- border-top-width: calc(var(--button-border-width) / 2);
1633
- }
1634
+ [data-mantine-color-scheme='light'] .mantine-E0imXrV {
1635
+ --_search-border-color: var(--mantine-color-gray-2);
1636
+ --_search_background: var(--mantine-color-white);
1637
+ }
1634
1638
 
1635
- .mantine-c33yiTy {
1636
- --button-height-xs: calc(1.875rem * var(--mantine-scale));
1637
- --button-height-sm: calc(2.25rem * var(--mantine-scale));
1638
- --button-height-md: calc(2.625rem * var(--mantine-scale));
1639
- --button-height-lg: calc(3.125rem * var(--mantine-scale));
1640
- --button-height-xl: calc(3.75rem * var(--mantine-scale));
1639
+ [data-mantine-color-scheme='dark'] .mantine-E0imXrV {
1640
+ --_search-border-color: var(--mantine-color-dark-4);
1641
+ --_search_background: var(--mantine-color-dark-7);
1642
+ }
1641
1643
 
1642
- --button-height-compact-xs: calc(1.375rem * var(--mantine-scale));
1643
- --button-height-compact-sm: calc(1.625rem * var(--mantine-scale));
1644
- --button-height-compact-md: calc(1.875rem * var(--mantine-scale));
1645
- --button-height-compact-lg: calc(2.125rem * var(--mantine-scale));
1646
- --button-height-compact-xl: calc(2.5rem * var(--mantine-scale));
1644
+ .mantine-AHC-x-C {
1645
+ font-size: var(--combobox-option-fz);
1646
+ text-align: center;
1647
+ padding: var(--combobox-option-padding);
1648
+ color: var(--mantine-color-dimmed);
1649
+ }
1647
1650
 
1648
- --button-padding-x-xs: calc(0.875rem * var(--mantine-scale));
1649
- --button-padding-x-sm: calc(1.125rem * var(--mantine-scale));
1650
- --button-padding-x-md: calc(1.375rem * var(--mantine-scale));
1651
- --button-padding-x-lg: calc(1.625rem * var(--mantine-scale));
1652
- --button-padding-x-xl: calc(2rem * var(--mantine-scale));
1651
+ .mantine-raltP2G,
1652
+ .mantine-dRrkbFg {
1653
+ font-size: var(--combobox-option-fz);
1654
+ border: 0 solid var(--_footer-border-color);
1655
+ margin-left: calc(var(--combobox-padding) * -1);
1656
+ margin-right: calc(var(--combobox-padding) * -1);
1657
+ padding: var(--combobox-option-padding);
1658
+ }
1653
1659
 
1654
- --button-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
1655
- --button-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
1656
- --button-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
1657
- --button-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
1658
- --button-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));
1660
+ [data-mantine-color-scheme='light'] .mantine-raltP2G, [data-mantine-color-scheme='light'] .mantine-dRrkbFg {
1661
+ --_footer-border-color: var(--mantine-color-gray-2);
1662
+ }
1659
1663
 
1660
- user-select: none;
1661
- font-weight: 600;
1662
- position: relative;
1663
- line-height: 1;
1664
- text-align: center;
1664
+ [data-mantine-color-scheme='dark'] .mantine-raltP2G, [data-mantine-color-scheme='dark'] .mantine-dRrkbFg {
1665
+ --_footer-border-color: var(--mantine-color-dark-4);
1666
+ }
1665
1667
 
1666
- width: var(--_button-width, auto);
1667
- cursor: var(--_button-cursor, pointer);
1668
- display: var(--_button-display, inline-block);
1669
- border-radius: var(--button-radius);
1670
- font-size: var(--button-fz);
1671
- background: var(--_button-bg, var(--button-bg));
1672
- border: var(--_button-bd, var(--button-bd));
1673
- color: var(--_button-color, var(--button-color));
1674
- height: var(--button-height);
1675
- padding-left: var(--_button-padding-left, var(--button-padding-x));
1676
- padding-right: var(--_button-padding-right, var(--button-padding-x));
1668
+ .mantine-dRrkbFg {
1669
+ border-top-width: calc(0.0625rem * var(--mantine-scale));
1670
+ margin-top: var(--combobox-padding);
1671
+ margin-bottom: calc(var(--combobox-padding) * -1);
1677
1672
  }
1678
1673
 
1679
- .mantine-c33yiTy[data-block] {
1680
- --_button-display: block;
1681
- --_button-width: 100%;
1682
- }
1674
+ .mantine-raltP2G {
1675
+ border-bottom-width: calc(0.0625rem * var(--mantine-scale));
1676
+ margin-bottom: var(--combobox-padding);
1677
+ margin-top: calc(var(--combobox-padding) * -1);
1678
+ }
1683
1679
 
1684
- .mantine-c33yiTy[data-with-left-section] {
1685
- --_button-padding-left: calc(var(--button-padding-x) / 1.5);
1680
+ .mantine-kkccSNb:has(.mantine-e3mmS3k:only-child) {
1681
+ display: none;
1686
1682
  }
1687
1683
 
1688
- [dir="rtl"] .mantine-c33yiTy[data-with-left-section] {
1689
- --_button-padding-left: var(--button-padding-x);
1690
- --_button-padding-right: calc(var(--button-padding-x) / 1.5);
1684
+ .mantine-e3mmS3k {
1685
+ color: var(--mantine-color-dimmed);
1686
+ font-size: calc(var(--combobox-option-fz) * 0.85);
1687
+ padding: var(--combobox-option-padding);
1688
+ font-weight: 500;
1689
+ position: relative;
1690
+ display: flex;
1691
+ align-items: center;
1691
1692
  }
1692
1693
 
1693
- .mantine-c33yiTy[data-with-right-section] {
1694
- --_button-padding-right: calc(var(--button-padding-x) / 1.5);
1694
+ .mantine-e3mmS3k::after {
1695
+ content: '';
1696
+ flex: 1 1;
1697
+ left: 0;
1698
+ right: 0;
1699
+ height: calc(0.0625rem * var(--mantine-scale));
1700
+ margin-left: var(--mantine-spacing-xs);
1701
+ background-color: var(--_divider-bg);
1695
1702
  }
1696
1703
 
1697
- [dir="rtl"] .mantine-c33yiTy[data-with-right-section] {
1698
- --_button-padding-right: var(--button-padding-x);
1699
- --_button-padding-left: calc(var(--button-padding-x) / 1.5);
1704
+ [data-mantine-color-scheme='light'] .mantine-e3mmS3k::after {
1705
+ --_divider-bg: var(--mantine-color-gray-2);
1700
1706
  }
1701
1707
 
1702
- .mantine-c33yiTy:disabled:not([data-loading]),
1703
- .mantine-c33yiTy[data-disabled]:not([data-loading]) {
1704
- --_button-cursor: not-allowed;
1705
- --_button-bg: var(--_disabled-bg);
1706
- --_button-color: var(--_disabled-color);
1707
- transform: none;
1708
+ [data-mantine-color-scheme='dark'] .mantine-e3mmS3k::after {
1709
+ --_divider-bg: var(--mantine-color-dark-4);
1710
+ }
1711
+
1712
+ .mantine-e3mmS3k:only-child {
1713
+ display: none;
1708
1714
  }
1709
1715
 
1710
- .mantine-c33yiTy[data-loading] {
1711
- --_button-cursor: not-allowed;
1716
+ .mantine--CW641A {
1717
+ position: relative;
1718
+ overflow: hidden;
1719
+ }
1712
1720
 
1713
- transform: none;
1721
+ .mantine-VMS5T20 {
1722
+ scrollbar-width: none;
1723
+ -ms-overflow-style: none;
1724
+ -webkit-overflow-scrolling: touch;
1725
+ width: 100%;
1726
+ height: 100%;
1727
+ padding-right: var(--_viewport-padding-right, 0rem);
1728
+ padding-left: var(--_viewport-padding-left, 0rem);
1729
+ padding-bottom: var(--_viewport-padding-bottom, 0rem);
1730
+ }
1731
+
1732
+ .mantine-VMS5T20::-webkit-scrollbar {
1733
+ display: none;
1714
1734
  }
1715
1735
 
1716
- .mantine-c33yiTy[data-loading]::before {
1717
- content: '';
1718
- position: absolute;
1719
- inset: calc(-0.0625rem * var(--mantine-scale));
1720
- border-radius: var(--button-radius);
1721
- background-color: var(--_button-loading-overlay-bg);
1722
- }
1736
+ .mantine-VMS5T20[data-offset-scrollbars='xy'],
1737
+ .mantine-VMS5T20[data-offset-scrollbars='y'] {
1738
+ --_viewport-padding-right: var(--scrollarea-scrollbar-size);
1739
+ --_viewport-padding-left: unset;
1740
+ }
1723
1741
 
1724
- @media (hover: hover) {
1725
- .mantine-c33yiTy:hover:not([data-loading]):not(:disabled):not([data-disabled]) {
1726
- --_button-bg: var(--button-hover);
1727
- }
1742
+ [dir="rtl"] .mantine-VMS5T20[data-offset-scrollbars='xy'], [dir="rtl"] .mantine-VMS5T20[data-offset-scrollbars='y'] {
1743
+ --_viewport-padding-right: unset;
1744
+ --_viewport-padding-left: var(--scrollarea-scrollbar-size);
1728
1745
  }
1729
1746
 
1730
- @media (hover: none) {
1731
- .mantine-c33yiTy:active:not([data-loading]):not(:disabled):not([data-disabled]) {
1732
- --_button-bg: var(--button-hover);
1733
- }
1734
- }
1747
+ .mantine-VMS5T20[data-offset-scrollbars='xy'],
1748
+ .mantine-VMS5T20[data-offset-scrollbars='x'] {
1749
+ --_viewport-padding-bottom: var(--scrollarea-scrollbar-size);
1750
+ }
1735
1751
 
1736
- [data-mantine-color-scheme='light'] .mantine-c33yiTy {
1737
- --_disabled-color: var(--mantine-color-gray-5);
1738
- --_disabled-bg: var(--mantine-color-gray-1);
1739
- --_button-loading-overlay-bg: rgba(255, 255, 255, 0.35);
1752
+ .mantine-u-8GE5z {
1753
+ min-width: 100%;
1754
+ display: table;
1740
1755
  }
1741
1756
 
1742
- [data-mantine-color-scheme='dark'] .mantine-c33yiTy {
1743
- --_disabled-color: var(--mantine-color-dark-3);
1744
- --_disabled-bg: var(--mantine-color-dark-6);
1745
- --_button-loading-overlay-bg: rgba(0, 0, 0, 0.35);
1746
- }
1757
+ .mantine-zngBbDv {
1758
+ user-select: none;
1759
+ touch-action: none;
1760
+ box-sizing: border-box;
1761
+ transition: background-color 150ms ease, opacity 150ms ease;
1747
1762
 
1748
- .mantine-O2hyOF7 {
1749
- display: flex;
1750
- align-items: center;
1751
- justify-content: var(--button-justify, center);
1752
- height: 100%;
1753
- overflow: visible;
1763
+ padding: calc(var(--scrollarea-scrollbar-size) / 5);
1764
+ display: var(--_scrollbar-display, flex);
1765
+ background-color: var(--_scrollbar-bg, transparent);
1766
+ width: var(--_scrollbar-width);
1767
+ height: var(--_scrollbar-height);
1768
+ flex-direction: var(--_scrollbar-direction, row);
1754
1769
  }
1755
1770
 
1756
- .mantine-57Dsm73 {
1757
- white-space: nowrap;
1758
- height: 100%;
1759
- overflow: hidden;
1760
- display: flex;
1761
- align-items: center;
1762
- opacity: var(--_button-label-opacity, 1);
1763
- }
1771
+ .mantine-zngBbDv > .mantine-5u72r1f {
1772
+ background-color: var(--_thumb-bg);
1773
+ }
1764
1774
 
1765
- .mantine-57Dsm73[data-loading] {
1766
- --_button-label-opacity: 0.2;
1775
+ @media (hover: hover) {
1776
+ [data-mantine-color-scheme='light'] .mantine-zngBbDv:hover {
1777
+ --_scrollbar-bg: var(--mantine-color-gray-0);
1778
+ --_thumb-bg: rgba(0, 0, 0, 0.5);
1767
1779
  }
1768
1780
 
1769
- .mantine-klSE8ka {
1770
- display: flex;
1771
- align-items: center;
1772
- margin-right: var(--_button-section-margin-right);
1773
- margin-left: var(--_button-section-margin-left);
1781
+ [data-mantine-color-scheme='dark'] .mantine-zngBbDv:hover {
1782
+ --_scrollbar-bg: var(--mantine-color-dark-8);
1783
+ --_thumb-bg: rgba(255, 255, 255, 0.5);
1784
+ }
1774
1785
  }
1775
1786
 
1776
- .mantine-klSE8ka[data-position='left'] {
1777
- --_button-section-margin-right: var(--mantine-spacing-xs);
1787
+ @media (hover: none) {
1788
+ [data-mantine-color-scheme='light'] .mantine-zngBbDv:active {
1789
+ --_scrollbar-bg: var(--mantine-color-gray-0);
1790
+ --_thumb-bg: rgba(0, 0, 0, 0.5);
1778
1791
  }
1779
1792
 
1780
- [dir="rtl"] .mantine-klSE8ka[data-position='left'] {
1781
- --_button-section-margin-right: 0;
1782
- --_button-section-margin-left: var(--mantine-spacing-xs);
1793
+ [data-mantine-color-scheme='dark'] .mantine-zngBbDv:active {
1794
+ --_scrollbar-bg: var(--mantine-color-dark-8);
1795
+ --_thumb-bg: rgba(255, 255, 255, 0.5);
1796
+ }
1783
1797
  }
1784
1798
 
1785
- .mantine-klSE8ka[data-position='right'] {
1786
- --_button-section-margin-left: var(--mantine-spacing-xs);
1799
+ .mantine-zngBbDv[data-hidden],
1800
+ .mantine-zngBbDv[data-state='hidden'] {
1801
+ --_scrollbar-display: none;
1787
1802
  }
1788
1803
 
1789
- [dir="rtl"] .mantine-klSE8ka[data-position='right'] {
1790
- --_button-section-margin-left: 0;
1791
- --_button-section-margin-right: var(--mantine-spacing-xs);
1792
- }
1804
+ .mantine-zngBbDv[data-orientation='vertical'] {
1805
+ --_scrollbar-width: var(--scrollarea-scrollbar-size);
1793
1806
 
1794
- .mantine-2p4-weR {
1795
- position: absolute;
1796
- left: 50%;
1797
- top: 50%;
1798
- transform: translate(-50%, -50%);
1799
- }
1807
+ top: 0;
1808
+ bottom: var(--sa-corner-width);
1809
+ right: 0;
1810
+ }
1800
1811
 
1801
- .mantine-FiYZkHS {
1802
- display: var(--center-display);
1803
- align-items: center;
1804
- justify-content: center;
1812
+ [dir="rtl"] .mantine-zngBbDv[data-orientation='vertical'] {
1813
+ right: unset;
1814
+ left: 0;
1805
1815
  }
1806
1816
 
1807
- .mantine-k-roXEr {
1808
- line-height: var(--mantine-line-height);
1809
- }
1817
+ .mantine-zngBbDv[data-orientation='horizontal'] {
1818
+ --_scrollbar-height: var(--scrollarea-scrollbar-size);
1819
+ --_scrollbar-direction: column;
1810
1820
 
1811
- .mantine-BMQXnww {
1812
- display: inline-block;
1813
- font-weight: 500;
1814
- word-break: break-word;
1815
- cursor: default;
1816
- -webkit-tap-highlight-color: transparent;
1821
+ bottom: 0;
1822
+ left: 0;
1823
+ right: var(--sa-corner-height);
1824
+ }
1817
1825
 
1818
- font-size: var(--input-label-size);
1826
+ [dir="rtl"] .mantine-zngBbDv[data-orientation='horizontal'] {
1827
+ right: 0;
1828
+ left: var(--sa-corner-height);
1819
1829
  }
1820
1830
 
1821
- .mantine-7gKrkkZ {
1822
- color: var(--input-asterisk-color);
1831
+ .mantine-5u72r1f {
1832
+ flex: 1 1;
1833
+ border-radius: var(--scrollarea-scrollbar-size);
1834
+ position: relative;
1835
+ transition: background-color 150ms ease;
1836
+ overflow: hidden;
1837
+ background-color: var(--_thumb-bg);
1823
1838
  }
1824
1839
 
1825
- .mantine-mToQZGN,
1826
- .mantine-G6m1fCH {
1827
- word-wrap: break-word;
1828
- line-height: 1.2;
1829
- display: block;
1830
- margin: 0;
1831
- padding: 0;
1832
- }
1840
+ .mantine-5u72r1f::before {
1841
+ content: '""';
1842
+ position: absolute;
1843
+ top: 50%;
1844
+ left: 50%;
1845
+ transform: translate(-50%, -50%);
1846
+ width: 100%;
1847
+ height: 100%;
1848
+ min-width: calc(2.75rem * var(--mantine-scale));
1849
+ min-height: calc(2.75rem * var(--mantine-scale));
1850
+ }
1833
1851
 
1834
- .mantine-mToQZGN {
1835
- color: var(--mantine-color-error);
1836
- font-size: var(--input-error-size);
1852
+ [data-mantine-color-scheme='light'] .mantine-5u72r1f {
1853
+ --_thumb-bg: rgba(0, 0, 0, 0.4);
1837
1854
  }
1838
1855
 
1839
- .mantine-G6m1fCH {
1840
- color: var(--mantine-color-dimmed);
1841
- font-size: var(--input-description-size);
1856
+ [data-mantine-color-scheme='dark'] .mantine-5u72r1f {
1857
+ --_thumb-bg: rgba(255, 255, 255, 0.4);
1842
1858
  }
1843
1859
 
1844
- .mantine-7YWxW9a {
1845
- color: var(--mantine-color-placeholder);
1860
+ .mantine-29iF76- {
1861
+ position: absolute;
1862
+ opacity: var(--_corner-opacity, 0);
1863
+ transition: opacity 150ms ease;
1864
+ background-color: var(--_corner-bg);
1865
+ display: var(--_corner-display, block);
1866
+ right: 0;
1867
+ bottom: 0;
1846
1868
  }
1847
1869
 
1848
- .mantine-RqD0YyD {
1849
- position: relative;
1850
- margin-top: var(--input-margin-top, 0rem);
1851
- margin-bottom: var(--input-margin-bottom, 0rem);
1852
-
1853
- --input-height-xs: calc(1.875rem * var(--mantine-scale));
1854
- --input-height-sm: calc(2.25rem * var(--mantine-scale));
1855
- --input-height-md: calc(2.625rem * var(--mantine-scale));
1856
- --input-height-lg: calc(3.125rem * var(--mantine-scale));
1857
- --input-height-xl: calc(3.75rem * var(--mantine-scale));
1858
-
1859
- --input-padding-y-xs: calc(0.3125rem * var(--mantine-scale));
1860
- --input-padding-y-sm: calc(0.375rem * var(--mantine-scale));
1861
- --input-padding-y-md: calc(0.5rem * var(--mantine-scale));
1862
- --input-padding-y-lg: calc(0.625rem * var(--mantine-scale));
1863
- --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));
1864
-
1865
- --_input-cursor: text;
1866
- --_input-text-align: left;
1867
- --_input-line-height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
1868
- --_input-padding: calc(var(--input-height) / 3);
1869
- --_input-padding-left: var(--_input-padding);
1870
- --_input-padding-right: var(--_input-padding);
1871
- --_input-placeholder-color: var(--mantine-color-placeholder);
1872
- --_input-color: inherit;
1873
- --_input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));
1874
- --_input-right-section-size: var(
1875
- --input-right-section-width,
1876
- calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)))
1877
- );
1878
- --_input-size: var(--input-height);
1870
+ [dir="rtl"] .mantine-29iF76- {
1871
+ right: unset;
1872
+ left: 0;
1873
+ bottom: 0;
1874
+ }
1879
1875
 
1880
- --_section-y: calc(0.0625rem * var(--mantine-scale));
1881
- --_left-section-left: calc(0.0625rem * var(--mantine-scale));
1882
- --_left-section-right: unset;
1883
- --_left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
1876
+ [data-mantine-color-scheme='light'] .mantine-29iF76- {
1877
+ --_corner-bg: var(--mantine-color-gray-0);
1878
+ }
1884
1879
 
1885
- --_right-section-left: unset;
1886
- --_right-section-right: calc(0.0625rem * var(--mantine-scale));
1887
- --_right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
1880
+ [data-mantine-color-scheme='dark'] .mantine-29iF76- {
1881
+ --_corner-bg: var(--mantine-color-dark-8);
1888
1882
  }
1889
1883
 
1890
- .mantine-RqD0YyD[data-pointer] {
1891
- --_input-cursor: pointer;
1884
+ .mantine-29iF76-[data-hovered] {
1885
+ --_corner-opacity: 1;
1892
1886
  }
1893
1887
 
1894
- .mantine-RqD0YyD[data-multiline] {
1895
- --_input-size: auto;
1896
- --_input-line-height: var(--mantine-line-height);
1888
+ .mantine-29iF76-[data-hidden] {
1889
+ --_corner-display: none;
1897
1890
  }
1898
1891
 
1899
- .mantine-RqD0YyD[data-variant='unstyled'] {
1900
- --input-padding: 0;
1901
- --input-padding-y: 0;
1902
- }
1892
+ .mantine-3rVj5cu {
1893
+ --label-lh-xs: calc(1rem * var(--mantine-scale));
1894
+ --label-lh-sm: calc(1.25rem * var(--mantine-scale));
1895
+ --label-lh-md: calc(1.5rem * var(--mantine-scale));
1896
+ --label-lh-lg: calc(1.875rem * var(--mantine-scale));
1897
+ --label-lh-xl: calc(2.25rem * var(--mantine-scale));
1898
+ }
1903
1899
 
1904
- .mantine-RqD0YyD[data-with-left-section] {
1905
- --_input-padding-left: var(--_input-left-section-size);
1900
+ .mantine-3rVj5cu[data-label-position='left'] {
1901
+ --_label-order: 1;
1902
+ --_offset-right: var(--mantine-spacing-sm);
1903
+ --_offset-left: 0;
1906
1904
  }
1907
1905
 
1908
- [dir="rtl"] .mantine-RqD0YyD[data-with-left-section] {
1909
- --_input-padding-right: var(--_input-left-section-size);
1906
+ [dir="rtl"] .mantine-3rVj5cu[data-label-position='left'] {
1907
+ --_offset-right: 0;
1908
+ --_offset-left: var(--mantine-spacing-sm);
1910
1909
  }
1911
1910
 
1912
- .mantine-RqD0YyD[data-with-right-section] {
1913
- --_input-padding-right: var(--_input-right-section-size);
1914
- }
1915
-
1916
- [dir="rtl"] .mantine-RqD0YyD[data-with-right-section] {
1917
- --_input-padding-left: var(--_input-right-section-size);
1918
- }
1919
-
1920
- [data-mantine-color-scheme='light'] .mantine-RqD0YyD {
1921
- --_input-disabled-bg: var(--mantine-color-gray-1);
1922
- --_input-disabled-color: var(--mantine-color-gray-6);
1923
- }
1924
-
1925
- [data-mantine-color-scheme='light'] .mantine-RqD0YyD[data-variant='default'] {
1926
- --_input-bd: var(--mantine-color-gray-4);
1927
- --_input-bg: var(--mantine-color-white);
1928
- --_input-bd-focus: var(--mantine-color-primary);
1929
- }
1930
-
1931
- [data-mantine-color-scheme='light'] .mantine-RqD0YyD[data-variant='filled'] {
1932
- --_input-bd: transparent;
1933
- --_input-bg: var(--mantine-color-gray-1);
1934
- --_input-bd-focus: var(--mantine-color-primary);
1935
- }
1936
-
1937
- [data-mantine-color-scheme='light'] .mantine-RqD0YyD[data-variant='unstyled'] {
1938
- --_input-bd: transparent;
1939
- --_input-bg: transparent;
1940
- --_input-bd-focus: transparent;
1941
- }
1942
-
1943
- [data-mantine-color-scheme='dark'] .mantine-RqD0YyD {
1944
- --_input-disabled-bg: var(--mantine-color-dark-6);
1945
- --_input-disabled-color: var(--mantine-color-dark-2);
1946
- }
1947
-
1948
- [data-mantine-color-scheme='dark'] .mantine-RqD0YyD[data-variant='default'] {
1949
- --_input-bd: var(--mantine-color-dark-4);
1950
- --_input-bg: var(--mantine-color-dark-6);
1951
- --_input-bd-focus: var(--mantine-color-primary);
1952
- }
1953
-
1954
- [data-mantine-color-scheme='dark'] .mantine-RqD0YyD[data-variant='filled'] {
1955
- --_input-bd: transparent;
1956
- --_input-bg: var(--mantine-color-dark-5);
1957
- --_input-bd-focus: var(--mantine-color-primary);
1958
- }
1959
-
1960
- [data-mantine-color-scheme='dark'] .mantine-RqD0YyD[data-variant='unstyled'] {
1961
- --_input-bd: transparent;
1962
- --_input-bg: transparent;
1963
- --_input-bd-focus: transparent;
1964
- }
1965
-
1966
- [data-mantine-color-scheme] .mantine-RqD0YyD[data-error] {
1967
- --_input-bd: var(--mantine-color-error);
1968
- --_input-color: var(--mantine-color-error);
1969
- --_input-placeholder-color: var(--mantine-color-error);
1970
- --_input-section-color: var(--mantine-color-error);
1971
- }
1972
-
1973
- [dir="rtl"] .mantine-RqD0YyD {
1974
- --_input-text-align: right;
1975
- --_left-section-left: unset;
1976
- --_left-section-right: calc(0.0625rem * var(--mantine-scale));
1977
- --_left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
1978
- --_right-section-left: calc(0.0625rem * var(--mantine-scale));
1979
- --_right-section-right: unset;
1980
- --_right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
1981
- }
1982
-
1983
- .mantine-SbVPkHB {
1984
- -webkit-tap-highlight-color: transparent;
1985
- appearance: none;
1986
- resize: none;
1987
- display: block;
1988
- width: 100%;
1989
- transition: border-color 100ms ease;
1990
-
1991
- text-align: var(--_input-text-align);
1992
- color: var(--_input-color);
1993
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--_input-bd);
1994
- background-color: var(--_input-bg);
1995
- font-family: var(--mantine-font-family);
1996
- height: var(--_input-size);
1997
- min-height: var(--input-height);
1998
- line-height: var(--_input-line-height);
1999
- font-size: var(--input-fz);
2000
- border-radius: var(--input-radius);
2001
- padding-left: var(--_input-padding-left);
2002
- padding-right: var(--_input-padding-right);
2003
- padding-top: var(--input-padding-y, 0rem);
2004
- padding-bottom: var(--input-padding-y, 0rem);
2005
- cursor: var(--_input-cursor);
2006
- }
2007
-
2008
- .mantine-SbVPkHB:focus,
2009
- .mantine-SbVPkHB:focus-within {
2010
- outline: none;
2011
- border-color: var(--_input-bd-focus);
2012
- }
2013
-
2014
- .mantine-SbVPkHB::placeholder {
2015
- color: var(--_input-placeholder-color);
2016
- opacity: 1;
2017
- }
2018
-
2019
- .mantine-SbVPkHB::-webkit-inner-spin-button,
2020
- .mantine-SbVPkHB::-webkit-outer-spin-button,
2021
- .mantine-SbVPkHB::-webkit-search-decoration,
2022
- .mantine-SbVPkHB::-webkit-search-cancel-button,
2023
- .mantine-SbVPkHB::-webkit-search-results-button,
2024
- .mantine-SbVPkHB::-webkit-search-results-decoration {
2025
- appearance: none;
2026
- }
2027
-
2028
- .mantine-SbVPkHB[type='number'] {
2029
- -moz-appearance: textfield;
2030
- }
2031
-
2032
- .mantine-SbVPkHB:has(input:disabled),
2033
- .mantine-SbVPkHB:disabled,
2034
- .mantine-SbVPkHB[data-disabled] {
2035
- cursor: not-allowed;
2036
- opacity: 0.6;
2037
- background-color: var(--_input-disabled-bg);
2038
- color: var(--_input-disabled-color);
2039
- }
2040
-
2041
- .mantine-gNNdAfw {
2042
- pointer-events: var(--_section-pointer-events);
2043
- position: absolute;
2044
- z-index: 1;
2045
- left: var(--_section-left);
2046
- right: var(--_section-right);
2047
- bottom: var(--_section-y);
2048
- top: var(--_section-y);
2049
- display: flex;
2050
- align-items: center;
2051
- justify-content: center;
2052
- width: var(--_section-size);
2053
- border-radius: var(--_section-border-radius);
2054
- color: var(--mantine-color-placeholder);
2055
- }
2056
-
2057
- .mantine-gNNdAfw[data-position='right'] {
2058
- --_section-pointer-events: var(--input-right-section-pointer-events);
2059
- --_section-left: var(--_right-section-left);
2060
- --_section-right: var(--_right-section-right);
2061
- --_section-size: var(--_input-right-section-size);
2062
- --_section-border-radius: var(--_right-section-border-radius);
2063
- }
2064
-
2065
- .mantine-gNNdAfw[data-position='left'] {
2066
- --_section-pointer-events: var(--input-left-section-pointer-events);
2067
- --_section-left: var(--_left-section-left);
2068
- --_section-right: var(--_left-section-right);
2069
- --_section-size: var(--_input-left-section-size);
2070
- --_section-border-radius: var(--_left-section-border-radius);
2071
- }
2072
-
2073
- .mantine-3rVj5cu {
2074
- --label-lh-xs: calc(1rem * var(--mantine-scale));
2075
- --label-lh-sm: calc(1.25rem * var(--mantine-scale));
2076
- --label-lh-md: calc(1.5rem * var(--mantine-scale));
2077
- --label-lh-lg: calc(1.875rem * var(--mantine-scale));
2078
- --label-lh-xl: calc(2.25rem * var(--mantine-scale));
2079
- }
2080
-
2081
- .mantine-3rVj5cu[data-label-position='left'] {
2082
- --_label-order: 1;
2083
- --_offset-right: var(--mantine-spacing-sm);
2084
- --_offset-left: 0;
2085
- }
2086
-
2087
- [dir="rtl"] .mantine-3rVj5cu[data-label-position='left'] {
2088
- --_offset-right: 0;
2089
- --_offset-left: var(--mantine-spacing-sm);
2090
- }
2091
-
2092
- .mantine-3rVj5cu[data-label-position='right'] {
2093
- --_label-order: 2;
2094
- --_offset-right: 0;
2095
- --_offset-left: var(--mantine-spacing-sm);
1911
+ .mantine-3rVj5cu[data-label-position='right'] {
1912
+ --_label-order: 2;
1913
+ --_offset-right: 0;
1914
+ --_offset-left: var(--mantine-spacing-sm);
2096
1915
  }
2097
1916
 
2098
1917
  [dir="rtl"] .mantine-3rVj5cu[data-label-position='right'] {
@@ -2179,60 +1998,663 @@ body {
2179
1998
  --_checkbox-bd-color: var(--mantine-color-gray-4);
2180
1999
  }
2181
2000
 
2182
- [data-mantine-color-scheme='dark'] .mantine-1b7xjww {
2183
- --_checkbox-bg: var(--mantine-color-dark-6);
2184
- --_checkbox-bd-color: var(--mantine-color-dark-4);
2001
+ [data-mantine-color-scheme='dark'] .mantine-1b7xjww {
2002
+ --_checkbox-bg: var(--mantine-color-dark-6);
2003
+ --_checkbox-bd-color: var(--mantine-color-dark-4);
2004
+ }
2005
+
2006
+ .mantine-1b7xjww[data-error] {
2007
+ --_checkbox-bd-color: var(--mantine-color-error);
2008
+ }
2009
+
2010
+ [data-mantine-color-scheme] .mantine-1b7xjww[data-indeterminate], [data-mantine-color-scheme] .mantine-1b7xjww:checked {
2011
+ --_checkbox-bg: var(--checkbox-color);
2012
+ --_checkbox-bd-color: var(--checkbox-color);
2013
+ }
2014
+
2015
+ [data-mantine-color-scheme] .mantine-1b7xjww[data-indeterminate] + .mantine-yTl8m6C, [data-mantine-color-scheme] .mantine-1b7xjww:checked + .mantine-yTl8m6C {
2016
+ --_checkbox-icon-opacity: 1;
2017
+ --_checkbox-icon-transform: none;
2018
+ }
2019
+
2020
+ .mantine-1b7xjww:disabled {
2021
+ --_checkbox-cursor: not-allowed;
2022
+ }
2023
+
2024
+ [data-mantine-color-scheme='light'] .mantine-1b7xjww:disabled {
2025
+ --_checkbox-bg: var(--mantine-color-gray-2);
2026
+ --_checkbox-bd-color: var(--mantine-color-gray-3);
2027
+ }
2028
+
2029
+ [data-mantine-color-scheme='dark'] .mantine-1b7xjww:disabled {
2030
+ --_checkbox-bg: var(--mantine-color-dark-6);
2031
+ --_checkbox-bd-color: var(--mantine-color-dark-6);
2032
+ }
2033
+
2034
+ [data-mantine-color-scheme='light'] .mantine-1b7xjww:disabled + .mantine-yTl8m6C {
2035
+ --_checkbox-icon-color: var(--mantine-color-gray-5);
2036
+ }
2037
+
2038
+ [data-mantine-color-scheme='dark'] .mantine-1b7xjww:disabled + .mantine-yTl8m6C {
2039
+ --_checkbox-icon-color: var(--mantine-color-dark-3);
2040
+ }
2041
+
2042
+ .mantine-yTl8m6C {
2043
+ position: absolute;
2044
+ top: 0;
2045
+ left: 0;
2046
+ right: 0;
2047
+ bottom: 0;
2048
+ width: 60%;
2049
+ margin: auto;
2050
+ color: var(--_checkbox-icon-color, var(--mantine-color-white));
2051
+ pointer-events: none;
2052
+ transform: var(--_checkbox-icon-transform, translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5));
2053
+ opacity: var(--_checkbox-icon-opacity, 0);
2054
+ transition: transform 100ms ease, opacity 100ms ease;
2055
+ }
2056
+
2057
+ .mantine-3T31VvB {
2058
+ margin-right: calc(var(--combobox-padding) * -1);
2059
+ }
2060
+
2061
+ [dir="rtl"] .mantine-3T31VvB {
2062
+ margin-left: calc(var(--combobox-padding) * -1);
2063
+ margin-right: 0;
2064
+ }
2065
+
2066
+ .mantine-wU7y-u6 {
2067
+ display: flex;
2068
+ align-items: center;
2069
+ flex-direction: var(--_flex-direction, row);
2070
+ gap: calc(0.5rem * var(--mantine-scale));
2071
+ }
2072
+
2073
+ .mantine-wU7y-u6[data-reverse] {
2074
+ /* --_flex-direction: row-reverse; */
2075
+ justify-content: space-between;
2076
+ }
2077
+
2078
+ .mantine-c9ncf6H {
2079
+ opacity: 0.4;
2080
+ width: 0.8em;
2081
+ height: 0.8em;
2082
+ }
2083
+
2084
+ [data-combobox-selected] .mantine-c9ncf6H {
2085
+ opacity: 1;
2086
+ }
2087
+
2088
+ .mantine-4FAj0g7 {
2089
+ display: flex;
2090
+ padding-left: var(--ag-spacing);
2091
+ }
2092
+
2093
+ [dir="rtl"] .mantine-4FAj0g7 {
2094
+ padding-left: 0;
2095
+ padding-right: var(--ag-spacing);
2096
+ }
2097
+
2098
+ .mantine-f8qyj5h {
2099
+ --avatar-size-xs: calc(1rem * var(--mantine-scale));
2100
+ --avatar-size-sm: calc(1.625rem * var(--mantine-scale));
2101
+ --avatar-size-md: calc(2.375rem * var(--mantine-scale));
2102
+ --avatar-size-lg: calc(3.5rem * var(--mantine-scale));
2103
+ --avatar-size-xl: calc(5.25rem * var(--mantine-scale));
2104
+
2105
+ -webkit-tap-highlight-color: transparent;
2106
+ position: relative;
2107
+ display: block;
2108
+ user-select: none;
2109
+ overflow: hidden;
2110
+ border-radius: var(--avatar-radius);
2111
+ text-decoration: none;
2112
+ border: var(--_avatar-border, none);
2113
+ background-color: var(--_avatar-bg, transparent);
2114
+ padding: 0;
2115
+ width: var(--avatar-size);
2116
+ height: var(--avatar-size);
2117
+ min-width: var(--avatar-size);
2118
+ margin-left: var(--_avatar-ml, unset);
2119
+ margin-right: var(--_avatar-mr, unset);
2120
+ }
2121
+
2122
+ .mantine-f8qyj5h[data-within-group] {
2123
+ --_avatar-ml: calc(var(--ag-spacing) * -1);
2124
+ --_avatar-border: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-body);
2125
+ --_avatar-bg: var(--mantine-color-body);
2126
+ }
2127
+
2128
+ [dir="rtl"] .mantine-f8qyj5h[data-within-group] {
2129
+ --_avatar-mr: calc(var(--ag-spacing) * -1);
2130
+ --_avatar-ml: unset;
2131
+ }
2132
+
2133
+ .mantine-BmxEl6O {
2134
+ object-fit: cover;
2135
+ width: 100%;
2136
+ height: 100%;
2137
+ display: block;
2138
+ }
2139
+
2140
+ .mantine-2J4mxDh {
2141
+ font-weight: 700;
2142
+ display: flex;
2143
+ align-items: center;
2144
+ justify-content: center;
2145
+ width: 100%;
2146
+ height: 100%;
2147
+ user-select: none;
2148
+ border-radius: var(--avatar-radius);
2149
+ font-size: calc(var(--avatar-size) / 2.5);
2150
+ color: var(--avatar-color);
2151
+ background: var(--avatar-bg);
2152
+ border: var(--avatar-bd);
2153
+ }
2154
+
2155
+ .mantine-2J4mxDh > [data-avatar-placeholder-icon] {
2156
+ width: 70%;
2157
+ height: 70%;
2158
+ }
2159
+
2160
+ .mantine-mBE3oR4 {
2161
+ background-size: cover;
2162
+ background-position: center;
2163
+ display: block;
2164
+ width: 100%;
2165
+ border: 0;
2166
+ text-decoration: none;
2167
+ border-radius: var(--bi-radius);
2168
+ }
2169
+
2170
+ .mantine-WM8AqtG {
2171
+ --badge-height-xs: calc(1rem * var(--mantine-scale));
2172
+ --badge-height-sm: calc(1.125rem * var(--mantine-scale));
2173
+ --badge-height-md: calc(1.25rem * var(--mantine-scale));
2174
+ --badge-height-lg: calc(1.625rem * var(--mantine-scale));
2175
+ --badge-height-xl: calc(2rem * var(--mantine-scale));
2176
+
2177
+ --badge-fz-xs: calc(0.5625rem * var(--mantine-scale));
2178
+ --badge-fz-sm: calc(0.625rem * var(--mantine-scale));
2179
+ --badge-fz-md: calc(0.6875rem * var(--mantine-scale));
2180
+ --badge-fz-lg: calc(0.8125rem * var(--mantine-scale));
2181
+ --badge-fz-xl: calc(1rem * var(--mantine-scale));
2182
+
2183
+ --badge-padding-x-xs: calc(0.375rem * var(--mantine-scale));
2184
+ --badge-padding-x-sm: calc(0.5rem * var(--mantine-scale));
2185
+ --badge-padding-x-md: calc(0.625rem * var(--mantine-scale));
2186
+ --badge-padding-x-lg: calc(0.75rem * var(--mantine-scale));
2187
+ --badge-padding-x-xl: calc(1rem * var(--mantine-scale));
2188
+
2189
+ font-size: var(--badge-fz);
2190
+ border-radius: var(--badge-radius);
2191
+ height: var(--badge-height);
2192
+ -webkit-tap-highlight-color: transparent;
2193
+ line-height: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
2194
+ text-decoration: none;
2195
+ padding: 0 var(--badge-padding-x);
2196
+ display: var(--_badge-display, inline-flex);
2197
+ align-items: center;
2198
+ justify-content: center;
2199
+ width: var(--_badge-width, auto);
2200
+ text-transform: uppercase;
2201
+ font-weight: 700;
2202
+ letter-spacing: calc(0.015625rem * var(--mantine-scale));
2203
+ cursor: inherit;
2204
+ text-overflow: ellipsis;
2205
+ overflow: hidden;
2206
+
2207
+ color: var(--badge-color);
2208
+ background: var(--badge-bg);
2209
+ border: var(--badge-bd);
2210
+ }
2211
+
2212
+ .mantine-WM8AqtG[data-block] {
2213
+ --_badge-display: flex;
2214
+ --_badge-width: 100%;
2215
+ }
2216
+
2217
+ .mantine-d3u1-wu {
2218
+ --badge-dot-size: calc(var(--badge-height) / 3.4);
2219
+
2220
+ background-color: var(--_badge-bg);
2221
+ border: calc(0.0625rem * var(--mantine-scale)) solid var(--_badge-border-color);
2222
+ color: var(--_badge-color);
2223
+ }
2224
+
2225
+ [data-mantine-color-scheme='light'] .mantine-d3u1-wu {
2226
+ --_badge-bg: var(--mantine-color-white);
2227
+ --_badge-border-color: var(--mantine-color-gray-4);
2228
+ --_badge-color: var(--mantine-color-black);
2229
+ }
2230
+
2231
+ [data-mantine-color-scheme='dark'] .mantine-d3u1-wu {
2232
+ --_badge-bg: var(--mantine-color-dark-5);
2233
+ --_badge-border-color: var(--mantine-color-dark-5);
2234
+ --_badge-color: var(--mantine-color-white);
2235
+ }
2236
+
2237
+ .mantine-d3u1-wu::before {
2238
+ content: '';
2239
+ display: block;
2240
+ width: var(--badge-dot-size);
2241
+ height: var(--badge-dot-size);
2242
+ border-radius: var(--badge-dot-size);
2243
+ background-color: var(--badge-dot-color);
2244
+ margin-right: var(--badge-dot-size);
2245
+ }
2246
+
2247
+ [dir="rtl"] .mantine-d3u1-wu::before {
2248
+ margin-right: 0;
2249
+ margin-left: var(--badge-dot-size);
2250
+ }
2251
+
2252
+ .mantine-LN56t-P {
2253
+ white-space: nowrap;
2254
+ overflow: hidden;
2255
+ text-overflow: ellipsis;
2256
+ }
2257
+
2258
+ .mantine-cbpGUul {
2259
+ --_section-margin: calc(var(--mantine-spacing-xs) / 2);
2260
+ display: inline-flex;
2261
+ justify-content: center;
2262
+ align-items: center;
2263
+ }
2264
+
2265
+ .mantine-cbpGUul[data-position='left'] {
2266
+ margin-left: var(--_left-section-ml, 0);
2267
+ margin-right: var(--_left-section-mr, var(--_section-margin));
2268
+ }
2269
+
2270
+ [dir="rtl"] .mantine-cbpGUul[data-position='left'] {
2271
+ --_left-section-ml: var(--_section-margin);
2272
+ --_left-section-mr: 0;
2273
+ }
2274
+
2275
+ .mantine-cbpGUul[data-position='right'] {
2276
+ margin-left: var(--_right-section-ml, var(--_section-margin));
2277
+ margin-right: var(--_right-section-mr, 0);
2278
+ }
2279
+
2280
+ [dir="rtl"] .mantine-cbpGUul[data-position='right'] {
2281
+ --_right-section-mr: var(--_section-margin);
2282
+ --_right-section-ml: 0;
2283
+ }
2284
+
2285
+ .mantine-ecNe4vP {
2286
+ --_bq-border: calc(0.1875rem * var(--mantine-scale)) solid var(--bq-bd);
2287
+
2288
+ position: relative;
2289
+ margin: 0;
2290
+ background-color: var(--_bq-bg);
2291
+ border-left: var(--_bq-border-left, var(--_bq-border));
2292
+ border-right: var(--_bq-border-right, 0);
2293
+ border-radius: var(--bq-radius);
2294
+ border-top-left-radius: var(--_bq-radius-left, 0);
2295
+ border-top-right-radius: var(--_bq-radius-right, var(--bq-radius));
2296
+ border-bottom-left-radius: var(--_bq-radius-left, 0);
2297
+ border-bottom-right-radius: var(--_bq-radius-right, var(--bq-radius));
2298
+ padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale));
2299
+ }
2300
+
2301
+ [dir="rtl"] .mantine-ecNe4vP {
2302
+ --_bq-radius-left: var(--bq-radius);
2303
+ --_bq-radius-right: 0;
2304
+ --_bq-border-left: 0;
2305
+ --_bq-border-right: var(--_bq-border);
2306
+ }
2307
+
2308
+ [data-mantine-color-scheme='light'] .mantine-ecNe4vP {
2309
+ --_bq-bg: var(--bq-bg-light);
2310
+ }
2311
+
2312
+ [data-mantine-color-scheme='dark'] .mantine-ecNe4vP {
2313
+ --_bq-bg: var(--bq-bg-dark);
2314
+ }
2315
+
2316
+ .mantine-OY7Gota {
2317
+ position: absolute;
2318
+ color: var(--bq-bd);
2319
+ background-color: var(--mantine-color-body);
2320
+ display: flex;
2321
+ align-items: center;
2322
+ justify-content: center;
2323
+ top: calc(var(--bq-icon-size) / -2);
2324
+ left: var(--_bq-icon-left, calc(var(--bq-icon-size) / -2));
2325
+ right: var(--_bq-icon-right, 0);
2326
+ width: var(--bq-icon-size);
2327
+ height: var(--bq-icon-size);
2328
+ border-radius: var(--bq-icon-size);
2329
+ }
2330
+
2331
+ [dir="rtl"] .mantine-OY7Gota {
2332
+ --_bq-icon-left: 0;
2333
+ --_bq-icon-right: calc(var(--bq-icon-size) / -2);
2334
+ }
2335
+
2336
+ .mantine-PxBRqGd {
2337
+ display: block;
2338
+ margin-top: var(--mantine-spacing-md);
2339
+ opacity: 0.6;
2340
+ font-size: 85%;
2341
+ }
2342
+
2343
+ .mantine-DpaSRWv {
2344
+ display: flex;
2345
+ align-items: center;
2346
+ }
2347
+
2348
+ .mantine-Xf5Xl8f {
2349
+ line-height: 1;
2350
+ white-space: nowrap;
2351
+ -webkit-tap-highlight-color: transparent;
2352
+ }
2353
+
2354
+ .mantine-ixC9ZM7 {
2355
+ margin-left: var(--bc-separator-margin);
2356
+ margin-right: var(--bc-separator-margin);
2357
+ color: var(--_separator-color);
2358
+ line-height: 1;
2359
+ display: flex;
2360
+ align-items: center;
2361
+ justify-content: center;
2362
+ }
2363
+
2364
+ [data-mantine-color-scheme='light'] .mantine-ixC9ZM7 {
2365
+ --_separator-color: var(--mantine-color-gray-7);
2366
+ }
2367
+
2368
+ [data-mantine-color-scheme='dark'] .mantine-ixC9ZM7 {
2369
+ --_separator-color: var(--mantine-color-dark-2);
2370
+ }
2371
+
2372
+ .mantine-PpER79h {
2373
+ --burger-size-xs: calc(0.75rem * var(--mantine-scale));
2374
+ --burger-size-sm: calc(1.125rem * var(--mantine-scale));
2375
+ --burger-size-md: calc(1.5rem * var(--mantine-scale));
2376
+ --burger-size-lg: calc(2.125rem * var(--mantine-scale));
2377
+ --burger-size-xl: calc(2.625rem * var(--mantine-scale));
2378
+
2379
+ width: calc(var(--burger-size) + var(--mantine-spacing-xs));
2380
+ height: calc(var(--burger-size) + var(--mantine-spacing-xs));
2381
+ padding: calc(var(--mantine-spacing-xs) / 2);
2382
+ cursor: pointer;
2383
+
2384
+ --_burger-color: var(--burger-color, var(--__burger-color));
2385
+ }
2386
+
2387
+ [data-mantine-color-scheme='light'] .mantine-PpER79h {
2388
+ --__burger-color: var(--mantine-color-black);
2389
+ }
2390
+
2391
+ [data-mantine-color-scheme='dark'] .mantine-PpER79h {
2392
+ --__burger-color: var(--mantine-color-white);
2393
+ }
2394
+
2395
+ .mantine-VLigGGW {
2396
+ position: relative;
2397
+ user-select: none;
2398
+ }
2399
+
2400
+ .mantine-VLigGGW,
2401
+ .mantine-VLigGGW::before,
2402
+ .mantine-VLigGGW::after {
2403
+ display: block;
2404
+ width: var(--burger-size);
2405
+ height: calc(var(--burger-size) / 12);
2406
+ background-color: var(--_burger-color);
2407
+ outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
2408
+ transition-property: background-color, transform;
2409
+ transition-duration: var(--burger-transition-duration);
2410
+ transition-timing-function: var(--burger-transition-timing-function);
2411
+ }
2412
+
2413
+ .mantine-VLigGGW::before,
2414
+ .mantine-VLigGGW::after {
2415
+ position: absolute;
2416
+ content: '';
2417
+ left: 0;
2418
+ }
2419
+
2420
+ .mantine-VLigGGW::before {
2421
+ top: calc(var(--burger-size) / -3);
2422
+ }
2423
+
2424
+ .mantine-VLigGGW::after {
2425
+ top: calc(var(--burger-size) / 3);
2426
+ }
2427
+
2428
+ .mantine-VLigGGW[data-opened] {
2429
+ background-color: transparent;
2430
+ }
2431
+
2432
+ .mantine-VLigGGW[data-opened]::before {
2433
+ transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
2434
+ }
2435
+
2436
+ .mantine-VLigGGW[data-opened]::after {
2437
+ transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
2438
+ }
2439
+
2440
+ .mantine-VaCj17A {
2441
+ display: flex;
2442
+ }
2443
+
2444
+ .mantine-VaCj17A[data-orientation='horizontal'] {
2445
+ flex-direction: row;
2446
+ }
2447
+
2448
+ .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):first-child {
2449
+ border-bottom-right-radius: 0;
2450
+ border-top-right-radius: 0;
2451
+ border-right-width: calc(var(--button-border-width) / 2);
2452
+ }
2453
+
2454
+ .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):last-child {
2455
+ border-bottom-left-radius: 0;
2456
+ border-top-left-radius: 0;
2457
+ border-left-width: calc(var(--button-border-width) / 2);
2458
+ }
2459
+
2460
+ .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):not(:first-child):not(:last-child) {
2461
+ border-radius: 0;
2462
+ border-right-width: calc(var(--button-border-width) / 2);
2463
+ border-left-width: calc(var(--button-border-width) / 2);
2464
+ }
2465
+
2466
+ .mantine-VaCj17A[data-orientation='vertical'] {
2467
+ flex-direction: column;
2468
+ }
2469
+
2470
+ .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):first-child {
2471
+ border-bottom-left-radius: 0;
2472
+ border-bottom-right-radius: 0;
2473
+ border-bottom-width: calc(var(--button-border-width) / 2);
2474
+ }
2475
+
2476
+ .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):last-child {
2477
+ border-top-left-radius: 0;
2478
+ border-top-right-radius: 0;
2479
+ border-top-width: calc(var(--button-border-width) / 2);
2480
+ }
2481
+
2482
+ .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):not(:first-child):not(:last-child) {
2483
+ border-radius: 0;
2484
+ border-bottom-width: calc(var(--button-border-width) / 2);
2485
+ border-top-width: calc(var(--button-border-width) / 2);
2486
+ }
2487
+
2488
+ .mantine-c33yiTy {
2489
+ --button-height-xs: calc(1.875rem * var(--mantine-scale));
2490
+ --button-height-sm: calc(2.25rem * var(--mantine-scale));
2491
+ --button-height-md: calc(2.625rem * var(--mantine-scale));
2492
+ --button-height-lg: calc(3.125rem * var(--mantine-scale));
2493
+ --button-height-xl: calc(3.75rem * var(--mantine-scale));
2494
+
2495
+ --button-height-compact-xs: calc(1.375rem * var(--mantine-scale));
2496
+ --button-height-compact-sm: calc(1.625rem * var(--mantine-scale));
2497
+ --button-height-compact-md: calc(1.875rem * var(--mantine-scale));
2498
+ --button-height-compact-lg: calc(2.125rem * var(--mantine-scale));
2499
+ --button-height-compact-xl: calc(2.5rem * var(--mantine-scale));
2500
+
2501
+ --button-padding-x-xs: calc(0.875rem * var(--mantine-scale));
2502
+ --button-padding-x-sm: calc(1.125rem * var(--mantine-scale));
2503
+ --button-padding-x-md: calc(1.375rem * var(--mantine-scale));
2504
+ --button-padding-x-lg: calc(1.625rem * var(--mantine-scale));
2505
+ --button-padding-x-xl: calc(2rem * var(--mantine-scale));
2506
+
2507
+ --button-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
2508
+ --button-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
2509
+ --button-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
2510
+ --button-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
2511
+ --button-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));
2512
+
2513
+ user-select: none;
2514
+ font-weight: 600;
2515
+ position: relative;
2516
+ line-height: 1;
2517
+ text-align: center;
2518
+
2519
+ width: var(--_button-width, auto);
2520
+ cursor: var(--_button-cursor, pointer);
2521
+ display: var(--_button-display, inline-block);
2522
+ border-radius: var(--button-radius);
2523
+ font-size: var(--button-fz);
2524
+ background: var(--_button-bg, var(--button-bg));
2525
+ border: var(--_button-bd, var(--button-bd));
2526
+ color: var(--_button-color, var(--button-color));
2527
+ height: var(--button-height);
2528
+ padding-left: var(--_button-padding-left, var(--button-padding-x));
2529
+ padding-right: var(--_button-padding-right, var(--button-padding-x));
2530
+ }
2531
+
2532
+ .mantine-c33yiTy[data-block] {
2533
+ --_button-display: block;
2534
+ --_button-width: 100%;
2535
+ }
2536
+
2537
+ .mantine-c33yiTy[data-with-left-section] {
2538
+ --_button-padding-left: calc(var(--button-padding-x) / 1.5);
2539
+ }
2540
+
2541
+ [dir="rtl"] .mantine-c33yiTy[data-with-left-section] {
2542
+ --_button-padding-left: var(--button-padding-x);
2543
+ --_button-padding-right: calc(var(--button-padding-x) / 1.5);
2544
+ }
2545
+
2546
+ .mantine-c33yiTy[data-with-right-section] {
2547
+ --_button-padding-right: calc(var(--button-padding-x) / 1.5);
2548
+ }
2549
+
2550
+ [dir="rtl"] .mantine-c33yiTy[data-with-right-section] {
2551
+ --_button-padding-right: var(--button-padding-x);
2552
+ --_button-padding-left: calc(var(--button-padding-x) / 1.5);
2553
+ }
2554
+
2555
+ .mantine-c33yiTy:disabled:not([data-loading]),
2556
+ .mantine-c33yiTy[data-disabled]:not([data-loading]) {
2557
+ --_button-cursor: not-allowed;
2558
+ --_button-bg: var(--_disabled-bg);
2559
+ --_button-color: var(--_disabled-color);
2560
+ transform: none;
2561
+ }
2562
+
2563
+ .mantine-c33yiTy[data-loading] {
2564
+ --_button-cursor: not-allowed;
2565
+
2566
+ transform: none;
2567
+ }
2568
+
2569
+ .mantine-c33yiTy[data-loading]::before {
2570
+ content: '';
2571
+ position: absolute;
2572
+ inset: calc(-0.0625rem * var(--mantine-scale));
2573
+ border-radius: var(--button-radius);
2574
+ background-color: var(--_button-loading-overlay-bg);
2575
+ }
2576
+
2577
+ @media (hover: hover) {
2578
+ .mantine-c33yiTy:hover:not([data-loading]):not(:disabled):not([data-disabled]) {
2579
+ --_button-bg: var(--button-hover);
2580
+ }
2581
+ }
2582
+
2583
+ @media (hover: none) {
2584
+ .mantine-c33yiTy:active:not([data-loading]):not(:disabled):not([data-disabled]) {
2585
+ --_button-bg: var(--button-hover);
2586
+ }
2587
+ }
2588
+
2589
+ [data-mantine-color-scheme='light'] .mantine-c33yiTy {
2590
+ --_disabled-color: var(--mantine-color-gray-5);
2591
+ --_disabled-bg: var(--mantine-color-gray-1);
2592
+ --_button-loading-overlay-bg: rgba(255, 255, 255, 0.35);
2593
+ }
2594
+
2595
+ [data-mantine-color-scheme='dark'] .mantine-c33yiTy {
2596
+ --_disabled-color: var(--mantine-color-dark-3);
2597
+ --_disabled-bg: var(--mantine-color-dark-6);
2598
+ --_button-loading-overlay-bg: rgba(0, 0, 0, 0.35);
2599
+ }
2600
+
2601
+ .mantine-O2hyOF7 {
2602
+ display: flex;
2603
+ align-items: center;
2604
+ justify-content: var(--button-justify, center);
2605
+ height: 100%;
2606
+ overflow: visible;
2607
+ }
2608
+
2609
+ .mantine-57Dsm73 {
2610
+ white-space: nowrap;
2611
+ height: 100%;
2612
+ overflow: hidden;
2613
+ display: flex;
2614
+ align-items: center;
2615
+ opacity: var(--_button-label-opacity, 1);
2185
2616
  }
2186
2617
 
2187
- .mantine-1b7xjww[data-error] {
2188
- --_checkbox-bd-color: var(--mantine-color-error);
2618
+ .mantine-57Dsm73[data-loading] {
2619
+ --_button-label-opacity: 0.2;
2189
2620
  }
2190
2621
 
2191
- [data-mantine-color-scheme] .mantine-1b7xjww[data-indeterminate], [data-mantine-color-scheme] .mantine-1b7xjww:checked {
2192
- --_checkbox-bg: var(--checkbox-color);
2193
- --_checkbox-bd-color: var(--checkbox-color);
2194
- }
2195
-
2196
- [data-mantine-color-scheme] .mantine-1b7xjww[data-indeterminate] + .mantine-yTl8m6C, [data-mantine-color-scheme] .mantine-1b7xjww:checked + .mantine-yTl8m6C {
2197
- --_checkbox-icon-opacity: 1;
2198
- --_checkbox-icon-transform: none;
2199
- }
2622
+ .mantine-klSE8ka {
2623
+ display: flex;
2624
+ align-items: center;
2625
+ margin-right: var(--_button-section-margin-right);
2626
+ margin-left: var(--_button-section-margin-left);
2627
+ }
2200
2628
 
2201
- .mantine-1b7xjww:disabled {
2202
- --_checkbox-cursor: not-allowed;
2629
+ .mantine-klSE8ka[data-position='left'] {
2630
+ --_button-section-margin-right: var(--mantine-spacing-xs);
2203
2631
  }
2204
2632
 
2205
- [data-mantine-color-scheme='light'] .mantine-1b7xjww:disabled {
2206
- --_checkbox-bg: var(--mantine-color-gray-2);
2207
- --_checkbox-bd-color: var(--mantine-color-gray-3);
2633
+ [dir="rtl"] .mantine-klSE8ka[data-position='left'] {
2634
+ --_button-section-margin-right: 0;
2635
+ --_button-section-margin-left: var(--mantine-spacing-xs);
2208
2636
  }
2209
2637
 
2210
- [data-mantine-color-scheme='dark'] .mantine-1b7xjww:disabled {
2211
- --_checkbox-bg: var(--mantine-color-dark-6);
2212
- --_checkbox-bd-color: var(--mantine-color-dark-6);
2213
- }
2638
+ .mantine-klSE8ka[data-position='right'] {
2639
+ --_button-section-margin-left: var(--mantine-spacing-xs);
2640
+ }
2214
2641
 
2215
- [data-mantine-color-scheme='light'] .mantine-1b7xjww:disabled + .mantine-yTl8m6C {
2216
- --_checkbox-icon-color: var(--mantine-color-gray-5);
2642
+ [dir="rtl"] .mantine-klSE8ka[data-position='right'] {
2643
+ --_button-section-margin-left: 0;
2644
+ --_button-section-margin-right: var(--mantine-spacing-xs);
2217
2645
  }
2218
2646
 
2219
- [data-mantine-color-scheme='dark'] .mantine-1b7xjww:disabled + .mantine-yTl8m6C {
2220
- --_checkbox-icon-color: var(--mantine-color-dark-3);
2647
+ .mantine-2p4-weR {
2648
+ position: absolute;
2649
+ left: 50%;
2650
+ top: 50%;
2651
+ transform: translate(-50%, -50%);
2221
2652
  }
2222
2653
 
2223
- .mantine-yTl8m6C {
2224
- position: absolute;
2225
- top: 0;
2226
- left: 0;
2227
- right: 0;
2228
- bottom: 0;
2229
- width: 60%;
2230
- margin: auto;
2231
- color: var(--_checkbox-icon-color, var(--mantine-color-white));
2232
- pointer-events: none;
2233
- transform: var(--_checkbox-icon-transform, translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5));
2234
- opacity: var(--_checkbox-icon-opacity, 0);
2235
- transition: transform 100ms ease, opacity 100ms ease;
2654
+ .mantine-FiYZkHS {
2655
+ display: var(--center-display);
2656
+ align-items: center;
2657
+ justify-content: center;
2236
2658
  }
2237
2659
 
2238
2660
  .mantine-pIzHFb4 {
@@ -2409,233 +2831,55 @@ body {
2409
2831
  margin: calc(var(--cp-thumb-size) / 2);
2410
2832
  }
2411
2833
 
2412
- .mantine-TPZ71OH[data-focus-ring='auto']:focus:focus-visible .mantine-DJZAmcN {
2413
- --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
2414
- }
2415
-
2416
- .mantine-TPZ71OH[data-focus-ring='always']:focus .mantine-DJZAmcN {
2417
- --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
2418
- }
2419
-
2420
- .mantine-8lc2iAe {
2421
- position: absolute;
2422
- border-radius: var(--mantine-radius-sm);
2423
- inset: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
2424
- }
2425
-
2426
- .mantine-PKmOErI {
2427
- position: relative;
2428
- height: calc(var(--cp-thumb-size) + calc(0.125rem * var(--mantine-scale)));
2429
- margin-left: calc(var(--cp-thumb-size) / 2);
2430
- margin-right: calc(var(--cp-thumb-size) / 2);
2431
- outline: none;
2432
- }
2433
-
2434
- .mantine-PKmOErI + .mantine-PKmOErI {
2435
- margin-top: calc(0.375rem * var(--mantine-scale));
2436
- }
2437
-
2438
- .mantine-PKmOErI[data-focus-ring='auto']:focus:focus-visible .mantine-DJZAmcN {
2439
- --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
2440
- }
2441
-
2442
- .mantine-PKmOErI[data-focus-ring='always']:focus .mantine-DJZAmcN {
2443
- --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
2444
- }
2445
-
2446
- [data-mantine-color-scheme='light'] .mantine-PKmOErI {
2447
- --_slider-checkers: var(--mantine-color-gray-3);
2448
- }
2449
-
2450
- [data-mantine-color-scheme='dark'] .mantine-PKmOErI {
2451
- --_slider-checkers: var(--mantine-color-dark-4);
2452
- }
2453
-
2454
- .mantine-MQUCZVH {
2455
- position: absolute;
2456
- top: 0;
2457
- bottom: 0;
2458
- left: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
2459
- right: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
2460
- border-radius: 10000rem;
2461
- }
2462
-
2463
- .mantine--1TgA5h {
2464
- --combobox-chevron-size-xs: calc(0.875rem * var(--mantine-scale));
2465
- --combobox-chevron-size-sm: calc(1.125rem * var(--mantine-scale));
2466
- --combobox-chevron-size-md: calc(1.25rem * var(--mantine-scale));
2467
- --combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale));
2468
- --combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale));
2469
-
2470
- width: var(--combobox-chevron-size);
2471
- height: var(--combobox-chevron-size);
2472
- color: var(--_color);
2473
- }
2474
-
2475
- [data-mantine-color-scheme='light'] .mantine--1TgA5h {
2476
- --_color: var(--mantine-color-gray-6);
2477
- }
2478
-
2479
- [data-mantine-color-scheme='dark'] .mantine--1TgA5h {
2480
- --_color: var(--mantine-color-dark-3);
2481
- }
2482
-
2483
- .mantine--1TgA5h[data-error] {
2484
- --_color: var(--mantine-color-error);
2485
- }
2486
-
2487
- .mantine-Hu7S-XH {
2488
- position: absolute;
2489
- background-color: var(--_popover-bg);
2490
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--_popover-bd);
2491
- padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
2492
- box-shadow: var(--popover-shadow, none);
2493
- border-radius: var(--popover-radius);
2494
- }
2495
-
2496
- .mantine-Hu7S-XH:focus {
2497
- outline: none;
2498
- }
2499
-
2500
- [data-mantine-color-scheme='light'] .mantine-Hu7S-XH {
2501
- --_popover-bg: var(--mantine-color-white);
2502
- --_popover-bd: var(--mantine-color-gray-2);
2503
- }
2504
-
2505
- [data-mantine-color-scheme='dark'] .mantine-Hu7S-XH {
2506
- --_popover-bg: var(--mantine-color-dark-6);
2507
- --_popover-bd: var(--mantine-color-dark-4);
2508
- }
2509
-
2510
- .mantine-XLi9Yuw {
2511
- background-color: inherit;
2512
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--_popover-bd);
2513
- z-index: 1;
2514
- }
2515
-
2516
- .mantine-oGVJEaz {
2517
- padding: var(--combobox-padding);
2518
- }
2519
-
2520
- .mantine-oGVJEaz[data-hidden] {
2521
- display: none;
2522
- }
2523
-
2524
- /* Variables must be both on dropdown and options to support usage of Combobox.Options without Combobox.Dropdown */
2525
- .mantine-oGVJEaz,
2526
- .mantine-5kIu9Ez {
2527
- --combobox-option-padding-xs: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
2528
- --combobox-option-padding-sm: calc(0.375rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
2529
- --combobox-option-padding-md: calc(0.5rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale));
2530
- --combobox-option-padding-lg: calc(0.625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
2531
- --combobox-option-padding-xl: calc(0.875rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
2532
- }
2533
-
2534
- .mantine-Jvh599k {
2535
- padding: var(--combobox-option-padding);
2536
- font-size: var(--combobox-option-fz);
2537
- border-radius: var(--mantine-radius-default);
2538
- background-color: var(--_option-bg, transparent);
2539
- color: var(--_option-color, inherit);
2540
- opacity: var(--_option-opacity, 1);
2541
- cursor: var(--_option-cursor, pointer);
2542
- }
2543
-
2544
- .mantine-Jvh599k[data-combobox-selected] {
2545
- --_option-bg: var(--mantine-color-primary);
2546
- --_option-color: var(--mantine-color-white);
2547
- }
2548
-
2549
- .mantine-Jvh599k[data-combobox-disabled] {
2550
- --_option-cursor: not-allowed;
2551
- --_option-opacity: 0.35;
2552
- }
2553
-
2554
- @media (hover: hover) {
2555
- [data-mantine-color-scheme='light'] .mantine-Jvh599k:hover:not([data-combobox-selected], [data-combobox-disabled]) {
2556
- --_option-bg: var(--mantine-color-gray-0);
2557
- }
2558
-
2559
- [data-mantine-color-scheme='dark'] .mantine-Jvh599k:hover:not([data-combobox-selected], [data-combobox-disabled]) {
2560
- --_option-bg: var(--mantine-color-dark-7);
2561
- }
2562
- }
2563
-
2564
- @media (hover: none) {
2565
- [data-mantine-color-scheme='light'] .mantine-Jvh599k:active:not([data-combobox-selected], [data-combobox-disabled]) {
2566
- --_option-bg: var(--mantine-color-gray-0);
2567
- }
2568
-
2569
- [data-mantine-color-scheme='dark'] .mantine-Jvh599k:active:not([data-combobox-selected], [data-combobox-disabled]) {
2570
- --_option-bg: var(--mantine-color-dark-7);
2571
- }
2572
- }
2573
-
2574
- .mantine-E0imXrV {
2575
- margin-left: calc(var(--combobox-padding) * -1);
2576
- margin-right: calc(var(--combobox-padding) * -1);
2577
- margin-top: calc(var(--combobox-padding) * -1);
2578
- width: calc(100% + var(--combobox-padding) * 2);
2579
- border-top-width: 0;
2580
- border-right-width: 0;
2581
- border-left-width: 0;
2582
- border-bottom-left-radius: 0;
2583
- border-bottom-right-radius: 0;
2584
- margin-bottom: var(--combobox-padding);
2585
- background-color: var(--_search_background);
2586
- position: relative;
2587
- z-index: 1000;
2588
- }
2834
+ .mantine-TPZ71OH[data-focus-ring='auto']:focus:focus-visible .mantine-DJZAmcN {
2835
+ --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
2836
+ }
2589
2837
 
2590
- .mantine-E0imXrV,
2591
- .mantine-E0imXrV:focus {
2592
- border-color: var(--_search-border-color);
2593
- }
2838
+ .mantine-TPZ71OH[data-focus-ring='always']:focus .mantine-DJZAmcN {
2839
+ --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
2840
+ }
2594
2841
 
2595
- [data-mantine-color-scheme='light'] .mantine-E0imXrV {
2596
- --_search-border-color: var(--mantine-color-gray-2);
2597
- --_search_background: var(--mantine-color-white);
2842
+ .mantine-8lc2iAe {
2843
+ position: absolute;
2844
+ border-radius: var(--mantine-radius-sm);
2845
+ inset: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
2598
2846
  }
2599
2847
 
2600
- [data-mantine-color-scheme='dark'] .mantine-E0imXrV {
2601
- --_search-border-color: var(--mantine-color-dark-4);
2602
- --_search_background: var(--mantine-color-dark-7);
2848
+ .mantine-PKmOErI {
2849
+ position: relative;
2850
+ height: calc(var(--cp-thumb-size) + calc(0.125rem * var(--mantine-scale)));
2851
+ margin-left: calc(var(--cp-thumb-size) / 2);
2852
+ margin-right: calc(var(--cp-thumb-size) / 2);
2853
+ outline: none;
2603
2854
  }
2604
2855
 
2605
- .mantine-AHC-x-C {
2606
- font-size: var(--combobox-option-fz);
2607
- text-align: center;
2608
- padding: var(--combobox-option-padding);
2609
- color: var(--mantine-color-dimmed);
2610
- }
2856
+ .mantine-PKmOErI + .mantine-PKmOErI {
2857
+ margin-top: calc(0.375rem * var(--mantine-scale));
2858
+ }
2611
2859
 
2612
- .mantine-raltP2G,
2613
- .mantine-dRrkbFg {
2614
- font-size: var(--combobox-option-fz);
2615
- border: 0 solid var(--_footer-border-color);
2616
- margin-left: calc(var(--combobox-padding) * -1);
2617
- margin-right: calc(var(--combobox-padding) * -1);
2618
- padding: var(--combobox-option-padding);
2619
- }
2860
+ .mantine-PKmOErI[data-focus-ring='auto']:focus:focus-visible .mantine-DJZAmcN {
2861
+ --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
2862
+ }
2620
2863
 
2621
- [data-mantine-color-scheme='light'] .mantine-raltP2G, [data-mantine-color-scheme='light'] .mantine-dRrkbFg {
2622
- --_footer-border-color: var(--mantine-color-gray-2);
2623
- }
2864
+ .mantine-PKmOErI[data-focus-ring='always']:focus .mantine-DJZAmcN {
2865
+ --_outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
2866
+ }
2624
2867
 
2625
- [data-mantine-color-scheme='dark'] .mantine-raltP2G, [data-mantine-color-scheme='dark'] .mantine-dRrkbFg {
2626
- --_footer-border-color: var(--mantine-color-dark-4);
2868
+ [data-mantine-color-scheme='light'] .mantine-PKmOErI {
2869
+ --_slider-checkers: var(--mantine-color-gray-3);
2627
2870
  }
2628
2871
 
2629
- .mantine-dRrkbFg {
2630
- border-top-width: calc(0.0625rem * var(--mantine-scale));
2631
- margin-top: var(--combobox-padding);
2632
- margin-bottom: calc(var(--combobox-padding) * -1);
2872
+ [data-mantine-color-scheme='dark'] .mantine-PKmOErI {
2873
+ --_slider-checkers: var(--mantine-color-dark-4);
2633
2874
  }
2634
2875
 
2635
- .mantine-raltP2G {
2636
- border-bottom-width: calc(0.0625rem * var(--mantine-scale));
2637
- margin-bottom: var(--combobox-padding);
2638
- margin-top: calc(var(--combobox-padding) * -1);
2876
+ .mantine-MQUCZVH {
2877
+ position: absolute;
2878
+ top: 0;
2879
+ bottom: 0;
2880
+ left: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
2881
+ right: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
2882
+ border-radius: 10000rem;
2639
2883
  }
2640
2884
 
2641
2885
  .mantine-jQnfD5v {
@@ -2918,267 +3162,159 @@ body {
2918
3162
  gap: var(--group-gap);
2919
3163
  }
2920
3164
 
2921
- .mantine-SGOzUCS[data-grow] > * {
2922
- flex-grow: 1;
2923
- max-width: var(--group-child-width);
2924
- }
2925
-
2926
- .mantine--7TY0Qe {
2927
- background-color: var(--_mark-bg);
2928
- color: var(--mantine-color-black);
2929
- }
2930
-
2931
- [data-mantine-color-scheme='light'] .mantine--7TY0Qe {
2932
- --_mark-bg: var(--mark-bg-light);
2933
- }
2934
-
2935
- [data-mantine-color-scheme='dark'] .mantine--7TY0Qe {
2936
- --_mark-bg: var(--mark-bg-dark);
2937
- }
2938
-
2939
- .mantine-w2QLGBV {
2940
- --kbd-fz-xs: calc(0.625rem * var(--mantine-scale));
2941
- --kbd-fz-sm: calc(0.75rem * var(--mantine-scale));
2942
- --kbd-fz-md: calc(0.875rem * var(--mantine-scale));
2943
- --kbd-fz-lg: calc(1rem * var(--mantine-scale));
2944
- --kbd-fz-xl: calc(1.25rem * var(--mantine-scale));
2945
-
2946
- --kbd-padding-xs: calc(0.125rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
2947
- --kbd-padding-sm: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
2948
- --kbd-padding-md: calc(0.25rem * var(--mantine-scale)) calc(0.4375rem * var(--mantine-scale));
2949
- --kbd-padding-lg: calc(0.3125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));
2950
- --kbd-padding-xl: calc(0.5rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
2951
-
2952
- font-family: var(--mantine-font-family-monospace);
2953
- line-height: var(--mantine-line-height);
2954
- font-weight: 700;
2955
- padding: var(--kbd-padding);
2956
- font-size: var(--kbd-fz);
2957
- border-radius: var(--mantine-radius-sm);
2958
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--_kbd-border-color);
2959
- border-bottom-width: calc(0.1875rem * var(--mantine-scale));
2960
- background-color: var(--_kbd-bg);
2961
- color: var(--_kbd-color);
2962
- }
2963
-
2964
- [data-mantine-color-scheme='light'] .mantine-w2QLGBV {
2965
- --_kbd-border-color: var(--mantine-color-gray-3);
2966
- --_kbd-color: var(--mantine-color-gray-7);
2967
- --_kbd-bg: var(--mantine-color-gray-0);
2968
- }
2969
-
2970
- [data-mantine-color-scheme='dark'] .mantine-w2QLGBV {
2971
- --_kbd-border-color: var(--mantine-color-dark-4);
2972
- --_kbd-color: var(--mantine-color-dark-0);
2973
- --_kbd-bg: var(--mantine-color-dark-5);
2974
- }
2975
-
2976
- .mantine-rDD4RW2 {
2977
- --modal-size-xs: calc(20rem * var(--mantine-scale));
2978
- --modal-size-sm: calc(23.75rem * var(--mantine-scale));
2979
- --modal-size-md: calc(27.5rem * var(--mantine-scale));
2980
- --modal-size-lg: calc(38.75rem * var(--mantine-scale));
2981
- --modal-size-xl: calc(48.75rem * var(--mantine-scale));
2982
- }
2983
-
2984
- .mantine-rDD4RW2[data-full-screen] {
2985
- --modal-border-radius: 0 !important;
2986
- }
2987
-
2988
- .mantine-rDD4RW2[data-full-screen] .mantine-QCnmIU- {
2989
- --_content-flex: 0 0 100%;
2990
- --_content-max-height: auto;
2991
- --_content-height: 100vh;
2992
- }
2993
-
2994
- .mantine-rDD4RW2[data-full-screen] .mantine-htfN3CS {
2995
- --_inner-y-offset: 0;
2996
- --_inner-x-offset: 0;
2997
- }
2998
-
2999
- .mantine-rDD4RW2[data-centered] .mantine-htfN3CS {
3000
- --_inner-align: center;
3001
- }
3002
-
3003
- .mantine-54vWEdc {
3004
- border-top-left-radius: var(--modal-radius);
3005
- border-top-right-radius: var(--modal-radius);
3006
- }
3007
-
3008
- .mantine-QCnmIU- {
3009
- flex: var(--_content-flex, 0 0 var(--modal-size));
3010
- max-width: 100%;
3011
- max-height: var(--_content-max-height, calc(100vh - var(--modal-y-offset) * 2));
3012
- height: var(--_content-height, auto);
3013
- overflow-y: auto;
3014
- }
3015
-
3016
- .mantine-htfN3CS {
3017
- display: flex;
3018
- justify-content: center;
3019
- align-items: var(--_inner-align, flex-start);
3020
- padding-top: var(--_inner-y-offset, var(--modal-y-offset));
3021
- padding-bottom: var(--_inner-y-offset, var(--modal-y-offset));
3022
- padding-left: var(--_inner-x-offset, var(--modal-x-offset));
3023
- padding-right: var(--_inner-x-offset, var(--modal-x-offset));
3024
- }
3025
-
3026
- .mantine-YiPmNPd {
3027
- overflow: hidden;
3028
- box-sizing: border-box;
3029
- position: relative;
3030
- display: flex;
3031
- align-items: center;
3032
- padding-left: var(--_root-padding-left, calc(1.375rem * var(--mantine-scale)));
3033
- padding-right: var(--_root-padding-right, var(--mantine-spacing-xs));
3034
- padding-top: var(--mantine-spacing-xs);
3035
- padding-bottom: var(--mantine-spacing-xs);
3036
- border: var(--_border, none);
3037
- border-radius: var(--notification-radius);
3038
- box-shadow: var(--mantine-shadow-lg);
3039
- background-color: var(--_bg);
3040
- }
3041
-
3042
- .mantine-YiPmNPd::before {
3043
- content: '';
3044
- display: block;
3045
- position: absolute;
3046
- width: calc(0.375rem * var(--mantine-scale));
3047
- top: var(--notification-radius);
3048
- bottom: var(--notification-radius);
3049
- left: calc(0.25rem * var(--mantine-scale));
3050
- border-radius: var(--notification-radius);
3051
- background-color: var(--notification-color);
3052
- }
3053
-
3054
- [dir="rtl"] .mantine-YiPmNPd::before {
3055
- right: calc(0.25rem * var(--mantine-scale));
3056
- left: auto;
3057
- }
3058
-
3059
- .mantine-YiPmNPd[data-with-icon] {
3060
- --_root-padding-left: var(--mantine-spacing-xs);
3061
- }
3062
-
3063
- .mantine-YiPmNPd[data-with-icon]::before {
3064
- display: none;
3065
- }
3066
-
3067
- [dir="rtl"] .mantine-YiPmNPd[data-with-icon] {
3068
- --_root-padding-right: var(--mantine-spacing-xs);
3069
- }
3070
-
3071
- .mantine-YiPmNPd[data-with-border] {
3072
- --_border: calc(0.0625rem * var(--mantine-scale)) solid var(--_border-color);
3073
- }
3074
-
3075
- [dir="rtl"] .mantine-YiPmNPd {
3076
- --_root-padding-right: calc(1.375rem * var(--mantine-scale));
3077
- --_root-padding-left: var(--mantine-spacing-xs);
3078
- }
3079
-
3080
- [data-mantine-color-scheme='light'] .mantine-YiPmNPd {
3081
- --_border-color: var(--mantine-color-gray-3);
3082
- --_bg: var(--mantine-color-white);
3083
- }
3084
-
3085
- [data-mantine-color-scheme='dark'] .mantine-YiPmNPd {
3086
- --_border-color: var(--mantine-color-dark-4);
3087
- --_bg: var(--mantine-color-dark-6);
3088
- }
3089
-
3090
- .mantine-VESwnzc {
3091
- box-sizing: border-box;
3092
- margin-right: var(--_icon-margin-right, var(--mantine-spacing-md));
3093
- margin-left: var(--_icon-margin-left, 0);
3094
- width: calc(1.75rem * var(--mantine-scale));
3095
- height: calc(1.75rem * var(--mantine-scale));
3096
- border-radius: calc(1.75rem * var(--mantine-scale));
3097
- display: flex;
3098
- align-items: center;
3099
- justify-content: center;
3100
- background-color: var(--notification-color);
3101
- color: var(--mantine-color-white);
3102
- }
3103
-
3104
- [dir="rtl"] .mantine-VESwnzc {
3105
- --_icon-margin-right: 0;
3106
- --_icon-margin-left: var(--mantine-spacing-md);
3107
- }
3165
+ .mantine-SGOzUCS[data-grow] > * {
3166
+ flex-grow: 1;
3167
+ max-width: var(--group-child-width);
3168
+ }
3108
3169
 
3109
- .mantine-l9ZVklH {
3110
- margin-right: var(--_icon-margin-right, var(--mantine-spacing-md));
3111
- margin-left: var(--_icon-margin-left, 0);
3170
+ .mantine--7TY0Qe {
3171
+ background-color: var(--_mark-bg);
3172
+ color: var(--mantine-color-black);
3112
3173
  }
3113
3174
 
3114
- [dir="rtl"] .mantine-l9ZVklH {
3115
- --_icon-margin-right: 0;
3116
- --_icon-margin-left: var(--mantine-spacing-md);
3175
+ [data-mantine-color-scheme='light'] .mantine--7TY0Qe {
3176
+ --_mark-bg: var(--mark-bg-light);
3117
3177
  }
3118
3178
 
3119
- .mantine-afBXh4T {
3120
- flex: 1 1;
3121
- overflow: hidden;
3122
- margin-right: var(--_body-margin-right, var(--mantine-spacing-xs));
3123
- margin-left: var(--_body-margin-left, 0);
3179
+ [data-mantine-color-scheme='dark'] .mantine--7TY0Qe {
3180
+ --_mark-bg: var(--mark-bg-dark);
3124
3181
  }
3125
3182
 
3126
- [dir="rtl"] .mantine-afBXh4T {
3127
- --_body-margin-right: 0;
3128
- --_body-margin-left: var(--mantine-spacing-xs);
3129
- }
3183
+ .mantine-w2QLGBV {
3184
+ --kbd-fz-xs: calc(0.625rem * var(--mantine-scale));
3185
+ --kbd-fz-sm: calc(0.75rem * var(--mantine-scale));
3186
+ --kbd-fz-md: calc(0.875rem * var(--mantine-scale));
3187
+ --kbd-fz-lg: calc(1rem * var(--mantine-scale));
3188
+ --kbd-fz-xl: calc(1.25rem * var(--mantine-scale));
3130
3189
 
3131
- .mantine-6U4b0QN {
3132
- line-height: 1.4;
3133
- margin-bottom: calc(0.125rem * var(--mantine-scale));
3134
- overflow: hidden;
3135
- text-overflow: ellipsis;
3136
- color: var(--_title-color);
3137
- }
3190
+ --kbd-padding-xs: calc(0.125rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
3191
+ --kbd-padding-sm: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
3192
+ --kbd-padding-md: calc(0.25rem * var(--mantine-scale)) calc(0.4375rem * var(--mantine-scale));
3193
+ --kbd-padding-lg: calc(0.3125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));
3194
+ --kbd-padding-xl: calc(0.5rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
3138
3195
 
3139
- [data-mantine-color-scheme='light'] .mantine-6U4b0QN {
3140
- --_title-color: var(--mantine-color-gray-9);
3196
+ font-family: var(--mantine-font-family-monospace);
3197
+ line-height: var(--mantine-line-height);
3198
+ font-weight: 700;
3199
+ padding: var(--kbd-padding);
3200
+ font-size: var(--kbd-fz);
3201
+ border-radius: var(--mantine-radius-sm);
3202
+ border: calc(0.0625rem * var(--mantine-scale)) solid var(--_kbd-border-color);
3203
+ border-bottom-width: calc(0.1875rem * var(--mantine-scale));
3204
+ background-color: var(--_kbd-bg);
3205
+ color: var(--_kbd-color);
3141
3206
  }
3142
3207
 
3143
- [data-mantine-color-scheme='dark'] .mantine-6U4b0QN {
3144
- --_title-color: var(--mantine-color-white);
3208
+ [data-mantine-color-scheme='light'] .mantine-w2QLGBV {
3209
+ --_kbd-border-color: var(--mantine-color-gray-3);
3210
+ --_kbd-color: var(--mantine-color-gray-7);
3211
+ --_kbd-bg: var(--mantine-color-gray-0);
3145
3212
  }
3146
3213
 
3147
- .mantine-JSUKYq9 {
3148
- color: var(--_description-color);
3149
- line-height: 1.4;
3150
- overflow: hidden;
3151
- text-overflow: ellipsis;
3214
+ [data-mantine-color-scheme='dark'] .mantine-w2QLGBV {
3215
+ --_kbd-border-color: var(--mantine-color-dark-4);
3216
+ --_kbd-color: var(--mantine-color-dark-0);
3217
+ --_kbd-bg: var(--mantine-color-dark-5);
3152
3218
  }
3153
3219
 
3154
- [data-mantine-color-scheme='light'] .mantine-JSUKYq9[data-with-title] {
3155
- --_description-color: var(--mantine-color-gray-6);
3220
+ .mantine-rDD4RW2 {
3221
+ --modal-size-xs: calc(20rem * var(--mantine-scale));
3222
+ --modal-size-sm: calc(23.75rem * var(--mantine-scale));
3223
+ --modal-size-md: calc(27.5rem * var(--mantine-scale));
3224
+ --modal-size-lg: calc(38.75rem * var(--mantine-scale));
3225
+ --modal-size-xl: calc(48.75rem * var(--mantine-scale));
3156
3226
  }
3157
3227
 
3158
- [data-mantine-color-scheme='dark'] .mantine-JSUKYq9[data-with-title] {
3159
- --_description-color: var(--mantine-color-dark-2);
3160
- }
3228
+ .mantine-rDD4RW2[data-full-screen] {
3229
+ --modal-border-radius: 0 !important;
3230
+ }
3161
3231
 
3162
- [data-mantine-color-scheme='light'] .mantine-JSUKYq9 {
3163
- --_description-color: var(--mantine-color-black);
3164
- }
3232
+ .mantine-rDD4RW2[data-full-screen] .mantine-QCnmIU- {
3233
+ --_content-flex: 0 0 100%;
3234
+ --_content-max-height: auto;
3235
+ --_content-height: 100vh;
3236
+ }
3165
3237
 
3166
- [data-mantine-color-scheme='dark'] .mantine-JSUKYq9 {
3167
- --_description-color: var(--mantine-color-dark-0);
3238
+ .mantine-rDD4RW2[data-full-screen] .mantine-htfN3CS {
3239
+ --_inner-y-offset: 0;
3240
+ --_inner-x-offset: 0;
3241
+ }
3242
+
3243
+ .mantine-rDD4RW2[data-centered] .mantine-htfN3CS {
3244
+ --_inner-align: center;
3245
+ }
3246
+
3247
+ .mantine-54vWEdc {
3248
+ border-top-left-radius: var(--modal-radius);
3249
+ border-top-right-radius: var(--modal-radius);
3168
3250
  }
3169
3251
 
3170
- .mantine-SusVh0K:hover {
3171
- background-color: var(--_close-button-hover-bg);
3252
+ .mantine-QCnmIU- {
3253
+ flex: var(--_content-flex, 0 0 var(--modal-size));
3254
+ max-width: 100%;
3255
+ max-height: var(--_content-max-height, calc(100vh - var(--modal-y-offset) * 2));
3256
+ height: var(--_content-height, auto);
3257
+ overflow-y: auto;
3172
3258
  }
3173
3259
 
3174
- [data-mantine-color-scheme='light'] .mantine-SusVh0K:hover {
3175
- --_close-button-hover-bg: var(--mantine-color-gray-0);
3260
+ .mantine-htfN3CS {
3261
+ display: flex;
3262
+ justify-content: center;
3263
+ align-items: var(--_inner-align, flex-start);
3264
+ padding-top: var(--_inner-y-offset, var(--modal-y-offset));
3265
+ padding-bottom: var(--_inner-y-offset, var(--modal-y-offset));
3266
+ padding-left: var(--_inner-x-offset, var(--modal-x-offset));
3267
+ padding-right: var(--_inner-x-offset, var(--modal-x-offset));
3176
3268
  }
3177
3269
 
3178
- [data-mantine-color-scheme='dark'] .mantine-SusVh0K:hover {
3179
- --_close-button-hover-bg: var(--mantine-color-dark-8);
3270
+ .mantine-WAKiSWq {
3271
+ background-color: transparent;
3272
+ appearance: none;
3273
+ min-width: calc(6.25rem * var(--mantine-scale));
3274
+ flex: 1 1;
3275
+ border: 0;
3276
+ font-size: inherit;
3277
+ height: 1.6em;
3278
+ color: inherit;
3279
+ padding: 0;
3180
3280
  }
3181
3281
 
3282
+ .mantine-WAKiSWq::placeholder {
3283
+ color: var(--_input-placeholder-color);
3284
+ opacity: 1;
3285
+ }
3286
+
3287
+ .mantine-WAKiSWq[data-type='hidden'],
3288
+ .mantine-WAKiSWq[data-type='auto'] {
3289
+ height: calc(0.0625rem * var(--mantine-scale));
3290
+ width: calc(0.0625rem * var(--mantine-scale));
3291
+ top: 0;
3292
+ left: 0;
3293
+ pointer-events: none;
3294
+ position: absolute;
3295
+ opacity: 0;
3296
+ }
3297
+
3298
+ .mantine-WAKiSWq:focus {
3299
+ outline: none;
3300
+ }
3301
+
3302
+ .mantine-WAKiSWq[data-type='auto']:focus {
3303
+ height: 1.6em;
3304
+ visibility: visible;
3305
+ opacity: 1;
3306
+ position: static;
3307
+ }
3308
+
3309
+ .mantine-WAKiSWq[data-pointer]:not([data-disabled], :disabled) {
3310
+ cursor: pointer;
3311
+ }
3312
+
3313
+ .mantine-WAKiSWq[data-disabled],
3314
+ .mantine-WAKiSWq:disabled {
3315
+ cursor: not-allowed;
3316
+ }
3317
+
3182
3318
  .mantine-RShN60E {
3183
3319
  --pg-gap-xs: calc(0.375rem * var(--mantine-scale));
3184
3320
  --pg-gap-sm: calc(0.5rem * var(--mantine-scale));
@@ -3262,254 +3398,195 @@ body {
3262
3398
  cursor: var(--_pill-cursor, default);
3263
3399
  overflow: hidden;
3264
3400
  height: 100%;
3265
- line-height: var(--pill-height);
3266
- text-overflow: ellipsis;
3267
- }
3268
-
3269
- .mantine-wJMJ0gV {
3270
- color: inherit;
3271
- font-size: inherit;
3272
- height: 100%;
3273
- min-height: unset;
3274
- min-width: 2em;
3275
- width: unset;
3276
- border-radius: 0;
3277
- padding-left: 0.1em;
3278
- padding-right: 0.3em;
3279
- flex: 0 1;
3280
- }
3281
-
3282
- .mantine-J5gv-yj[data-disabled] > .mantine-wJMJ0gV,
3283
- .mantine-wJMJ0gV:disabled {
3284
- background-color: transparent;
3285
- width: 0.8em;
3286
- min-width: 0.8em;
3287
- padding: 0;
3288
- cursor: not-allowed;
3289
- }
3290
-
3291
- .mantine-J5gv-yj[data-disabled] > .mantine-wJMJ0gV > svg, .mantine-wJMJ0gV:disabled > svg {
3292
- display: none;
3293
- }
3294
-
3295
- .mantine-wJMJ0gV > svg {
3296
- pointer-events: none;
3297
- }
3298
-
3299
- .mantine-WAKiSWq {
3300
- background-color: transparent;
3301
- appearance: none;
3302
- min-width: calc(6.25rem * var(--mantine-scale));
3303
- flex: 1 1;
3304
- border: 0;
3305
- font-size: inherit;
3306
- height: 1.6em;
3307
- color: inherit;
3308
- padding: 0;
3309
- }
3310
-
3311
- .mantine-WAKiSWq::placeholder {
3312
- color: var(--_input-placeholder-color);
3313
- opacity: 1;
3314
- }
3315
-
3316
- .mantine-WAKiSWq[data-type='hidden'],
3317
- .mantine-WAKiSWq[data-type='auto'] {
3318
- height: calc(0.0625rem * var(--mantine-scale));
3319
- width: calc(0.0625rem * var(--mantine-scale));
3320
- top: 0;
3321
- left: 0;
3322
- pointer-events: none;
3323
- position: absolute;
3324
- opacity: 0;
3325
- }
3326
-
3327
- .mantine-WAKiSWq:focus {
3328
- outline: none;
3329
- }
3330
-
3331
- .mantine-WAKiSWq[data-type='auto']:focus {
3332
- height: 1.6em;
3333
- visibility: visible;
3334
- opacity: 1;
3335
- position: static;
3336
- }
3337
-
3338
- .mantine-WAKiSWq[data-disabled],
3339
- .mantine-WAKiSWq:disabled {
3340
- cursor: not-allowed;
3341
- }
3342
-
3343
- .mantine--CW641A {
3344
- position: relative;
3345
- overflow: hidden;
3401
+ line-height: var(--pill-height);
3402
+ text-overflow: ellipsis;
3346
3403
  }
3347
3404
 
3348
- .mantine-VMS5T20 {
3349
- scrollbar-width: none;
3350
- -ms-overflow-style: none;
3351
- -webkit-overflow-scrolling: touch;
3352
- width: 100%;
3405
+ .mantine-wJMJ0gV {
3406
+ color: inherit;
3407
+ font-size: inherit;
3353
3408
  height: 100%;
3354
- padding-right: var(--_viewport-padding-right, 0rem);
3355
- padding-left: var(--_viewport-padding-left, 0rem);
3356
- padding-bottom: var(--_viewport-padding-bottom, 0rem);
3409
+ min-height: unset;
3410
+ min-width: 2em;
3411
+ width: unset;
3412
+ border-radius: 0;
3413
+ padding-left: 0.1em;
3414
+ padding-right: 0.3em;
3415
+ flex: 0 1;
3357
3416
  }
3358
3417
 
3359
- .mantine-VMS5T20::-webkit-scrollbar {
3360
- display: none;
3418
+ .mantine-J5gv-yj[data-disabled] > .mantine-wJMJ0gV,
3419
+ .mantine-wJMJ0gV:disabled {
3420
+ background-color: transparent;
3421
+ width: 0.8em;
3422
+ min-width: 0.8em;
3423
+ padding: 0;
3424
+ cursor: not-allowed;
3361
3425
  }
3362
3426
 
3363
- .mantine-VMS5T20[data-offset-scrollbars] {
3364
- --_viewport-padding-right: var(--scrollarea-scrollbar-size);
3365
- --_viewport-padding-bottom: var(--scrollarea-scrollbar-size);
3366
- --_viewport-padding-left: unset;
3367
- }
3427
+ .mantine-J5gv-yj[data-disabled] > .mantine-wJMJ0gV > svg, .mantine-wJMJ0gV:disabled > svg {
3428
+ display: none;
3429
+ }
3368
3430
 
3369
- [dir="rtl"] .mantine-VMS5T20[data-offset-scrollbars] {
3370
- --_viewport-padding-right: unset;
3371
- --_viewport-padding-left: var(--scrollarea-scrollbar-size);
3372
- }
3431
+ .mantine-wJMJ0gV > svg {
3432
+ pointer-events: none;
3433
+ }
3373
3434
 
3374
- .mantine-u-8GE5z {
3375
- min-width: 100%;
3376
- display: table;
3435
+ .mantine-YiPmNPd {
3436
+ overflow: hidden;
3437
+ box-sizing: border-box;
3438
+ position: relative;
3439
+ display: flex;
3440
+ align-items: center;
3441
+ padding-left: var(--_root-padding-left, calc(1.375rem * var(--mantine-scale)));
3442
+ padding-right: var(--_root-padding-right, var(--mantine-spacing-xs));
3443
+ padding-top: var(--mantine-spacing-xs);
3444
+ padding-bottom: var(--mantine-spacing-xs);
3445
+ border: var(--_border, none);
3446
+ border-radius: var(--notification-radius);
3447
+ box-shadow: var(--mantine-shadow-lg);
3448
+ background-color: var(--_bg);
3377
3449
  }
3378
3450
 
3379
- .mantine-zngBbDv {
3380
- user-select: none;
3381
- touch-action: none;
3382
- box-sizing: border-box;
3383
- transition: background-color 150ms ease, opacity 150ms ease;
3451
+ .mantine-YiPmNPd::before {
3452
+ content: '';
3453
+ display: block;
3454
+ position: absolute;
3455
+ width: calc(0.375rem * var(--mantine-scale));
3456
+ top: var(--notification-radius);
3457
+ bottom: var(--notification-radius);
3458
+ left: calc(0.25rem * var(--mantine-scale));
3459
+ border-radius: var(--notification-radius);
3460
+ background-color: var(--notification-color);
3461
+ }
3384
3462
 
3385
- padding: calc(var(--scrollarea-scrollbar-size) / 5);
3386
- display: var(--_scrollbar-display, flex);
3387
- background-color: var(--_scrollbar-bg, transparent);
3388
- width: var(--_scrollbar-width);
3389
- height: var(--_scrollbar-height);
3390
- flex-direction: var(--_scrollbar-direction, row);
3463
+ [dir="rtl"] .mantine-YiPmNPd::before {
3464
+ right: calc(0.25rem * var(--mantine-scale));
3465
+ left: auto;
3391
3466
  }
3392
3467
 
3393
- .mantine-zngBbDv > .mantine-5u72r1f {
3394
- background-color: var(--_thumb-bg);
3468
+ .mantine-YiPmNPd[data-with-icon] {
3469
+ --_root-padding-left: var(--mantine-spacing-xs);
3395
3470
  }
3396
3471
 
3397
- @media (hover: hover) {
3398
- [data-mantine-color-scheme='light'] .mantine-zngBbDv:hover {
3399
- --_scrollbar-bg: var(--mantine-color-gray-0);
3400
- --_thumb-bg: rgba(0, 0, 0, 0.5);
3401
- }
3472
+ .mantine-YiPmNPd[data-with-icon]::before {
3473
+ display: none;
3474
+ }
3402
3475
 
3403
- [data-mantine-color-scheme='dark'] .mantine-zngBbDv:hover {
3404
- --_scrollbar-bg: var(--mantine-color-dark-8);
3405
- --_thumb-bg: rgba(255, 255, 255, 0.5);
3406
- }
3476
+ [dir="rtl"] .mantine-YiPmNPd[data-with-icon] {
3477
+ --_root-padding-right: var(--mantine-spacing-xs);
3407
3478
  }
3408
3479
 
3409
- @media (hover: none) {
3410
- [data-mantine-color-scheme='light'] .mantine-zngBbDv:active {
3411
- --_scrollbar-bg: var(--mantine-color-gray-0);
3412
- --_thumb-bg: rgba(0, 0, 0, 0.5);
3480
+ .mantine-YiPmNPd[data-with-border] {
3481
+ --_border: calc(0.0625rem * var(--mantine-scale)) solid var(--_border-color);
3413
3482
  }
3414
3483
 
3415
- [data-mantine-color-scheme='dark'] .mantine-zngBbDv:active {
3416
- --_scrollbar-bg: var(--mantine-color-dark-8);
3417
- --_thumb-bg: rgba(255, 255, 255, 0.5);
3418
- }
3484
+ [dir="rtl"] .mantine-YiPmNPd {
3485
+ --_root-padding-right: calc(1.375rem * var(--mantine-scale));
3486
+ --_root-padding-left: var(--mantine-spacing-xs);
3419
3487
  }
3420
3488
 
3421
- .mantine-zngBbDv[data-hidden],
3422
- .mantine-zngBbDv[data-state='hidden'] {
3423
- --_scrollbar-display: none;
3424
- }
3425
-
3426
- .mantine-zngBbDv[data-orientation='vertical'] {
3427
- --_scrollbar-width: var(--scrollarea-scrollbar-size);
3489
+ [data-mantine-color-scheme='light'] .mantine-YiPmNPd {
3490
+ --_border-color: var(--mantine-color-gray-3);
3491
+ --_bg: var(--mantine-color-white);
3492
+ }
3428
3493
 
3429
- top: 0;
3430
- bottom: var(--sa-corner-width);
3431
- right: 0;
3432
- }
3494
+ [data-mantine-color-scheme='dark'] .mantine-YiPmNPd {
3495
+ --_border-color: var(--mantine-color-dark-4);
3496
+ --_bg: var(--mantine-color-dark-6);
3497
+ }
3433
3498
 
3434
- [dir="rtl"] .mantine-zngBbDv[data-orientation='vertical'] {
3435
- right: unset;
3436
- left: 0;
3499
+ .mantine-VESwnzc {
3500
+ box-sizing: border-box;
3501
+ margin-right: var(--_icon-margin-right, var(--mantine-spacing-md));
3502
+ margin-left: var(--_icon-margin-left, 0);
3503
+ width: calc(1.75rem * var(--mantine-scale));
3504
+ height: calc(1.75rem * var(--mantine-scale));
3505
+ border-radius: calc(1.75rem * var(--mantine-scale));
3506
+ display: flex;
3507
+ align-items: center;
3508
+ justify-content: center;
3509
+ background-color: var(--notification-color);
3510
+ color: var(--mantine-color-white);
3437
3511
  }
3438
3512
 
3439
- .mantine-zngBbDv[data-orientation='horizontal'] {
3440
- --_scrollbar-height: var(--scrollarea-scrollbar-size);
3441
- --_scrollbar-direction: column;
3513
+ [dir="rtl"] .mantine-VESwnzc {
3514
+ --_icon-margin-right: 0;
3515
+ --_icon-margin-left: var(--mantine-spacing-md);
3516
+ }
3442
3517
 
3443
- bottom: 0;
3444
- left: 0;
3445
- right: var(--sa-corner-height);
3446
- }
3518
+ .mantine-l9ZVklH {
3519
+ margin-right: var(--_icon-margin-right, var(--mantine-spacing-md));
3520
+ margin-left: var(--_icon-margin-left, 0);
3521
+ }
3447
3522
 
3448
- [dir="rtl"] .mantine-zngBbDv[data-orientation='horizontal'] {
3449
- right: 0;
3450
- left: var(--sa-corner-height);
3523
+ [dir="rtl"] .mantine-l9ZVklH {
3524
+ --_icon-margin-right: 0;
3525
+ --_icon-margin-left: var(--mantine-spacing-md);
3451
3526
  }
3452
3527
 
3453
- .mantine-5u72r1f {
3528
+ .mantine-afBXh4T {
3454
3529
  flex: 1 1;
3455
- border-radius: var(--scrollarea-scrollbar-size);
3456
- position: relative;
3457
- transition: background-color 150ms ease;
3458
3530
  overflow: hidden;
3459
- background-color: var(--_thumb-bg);
3531
+ margin-right: var(--_body-margin-right, var(--mantine-spacing-xs));
3532
+ margin-left: var(--_body-margin-left, 0);
3460
3533
  }
3461
3534
 
3462
- .mantine-5u72r1f::before {
3463
- content: '""';
3464
- position: absolute;
3465
- top: 50%;
3466
- left: 50%;
3467
- transform: translate(-50%, -50%);
3468
- width: 100%;
3469
- height: 100%;
3470
- min-width: calc(2.75rem * var(--mantine-scale));
3471
- min-height: calc(2.75rem * var(--mantine-scale));
3472
- }
3535
+ [dir="rtl"] .mantine-afBXh4T {
3536
+ --_body-margin-right: 0;
3537
+ --_body-margin-left: var(--mantine-spacing-xs);
3538
+ }
3473
3539
 
3474
- [data-mantine-color-scheme='light'] .mantine-5u72r1f {
3475
- --_thumb-bg: rgba(0, 0, 0, 0.4);
3540
+ .mantine-6U4b0QN {
3541
+ line-height: 1.4;
3542
+ margin-bottom: calc(0.125rem * var(--mantine-scale));
3543
+ overflow: hidden;
3544
+ text-overflow: ellipsis;
3545
+ color: var(--_title-color);
3476
3546
  }
3477
3547
 
3478
- [data-mantine-color-scheme='dark'] .mantine-5u72r1f {
3479
- --_thumb-bg: rgba(255, 255, 255, 0.4);
3548
+ [data-mantine-color-scheme='light'] .mantine-6U4b0QN {
3549
+ --_title-color: var(--mantine-color-gray-9);
3480
3550
  }
3481
3551
 
3482
- .mantine-29iF76- {
3483
- position: absolute;
3484
- opacity: var(--_corner-opacity, 0);
3485
- transition: opacity 150ms ease;
3486
- background-color: var(--_corner-bg);
3487
- display: var(--_corner-display, block);
3488
- right: 0;
3489
- bottom: 0;
3552
+ [data-mantine-color-scheme='dark'] .mantine-6U4b0QN {
3553
+ --_title-color: var(--mantine-color-white);
3490
3554
  }
3491
3555
 
3492
- [dir="rtl"] .mantine-29iF76- {
3493
- right: unset;
3494
- left: 0;
3495
- bottom: 0;
3556
+ .mantine-JSUKYq9 {
3557
+ color: var(--_description-color);
3558
+ line-height: 1.4;
3559
+ overflow: hidden;
3560
+ text-overflow: ellipsis;
3496
3561
  }
3497
3562
 
3498
- [data-mantine-color-scheme='light'] .mantine-29iF76- {
3499
- --_corner-bg: var(--mantine-color-gray-0);
3563
+ [data-mantine-color-scheme='light'] .mantine-JSUKYq9[data-with-title] {
3564
+ --_description-color: var(--mantine-color-gray-6);
3500
3565
  }
3501
3566
 
3502
- [data-mantine-color-scheme='dark'] .mantine-29iF76- {
3503
- --_corner-bg: var(--mantine-color-dark-8);
3567
+ [data-mantine-color-scheme='dark'] .mantine-JSUKYq9[data-with-title] {
3568
+ --_description-color: var(--mantine-color-dark-2);
3504
3569
  }
3505
3570
 
3506
- .mantine-29iF76-[data-hovered] {
3507
- --_corner-opacity: 1;
3508
- }
3571
+ [data-mantine-color-scheme='light'] .mantine-JSUKYq9 {
3572
+ --_description-color: var(--mantine-color-black);
3573
+ }
3509
3574
 
3510
- .mantine-29iF76-[data-hidden] {
3511
- --_corner-display: none;
3512
- }
3575
+ [data-mantine-color-scheme='dark'] .mantine-JSUKYq9 {
3576
+ --_description-color: var(--mantine-color-dark-0);
3577
+ }
3578
+
3579
+ .mantine-SusVh0K:hover {
3580
+ background-color: var(--_close-button-hover-bg);
3581
+ }
3582
+
3583
+ [data-mantine-color-scheme='light'] .mantine-SusVh0K:hover {
3584
+ --_close-button-hover-bg: var(--mantine-color-gray-0);
3585
+ }
3586
+
3587
+ [data-mantine-color-scheme='dark'] .mantine-SusVh0K:hover {
3588
+ --_close-button-hover-bg: var(--mantine-color-dark-8);
3589
+ }
3513
3590
 
3514
3591
  .mantine-7LbAahg {
3515
3592
  --sc-padding-xs: calc(0.1875rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));