@mantine-vue/core 3.5.0 → 3.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/cjs/index.cjs +4500 -1575
  2. package/cjs/index.cjs.map +1 -1
  3. package/esm/index.mjs +4480 -1577
  4. package/esm/index.mjs.map +1 -1
  5. package/lib/components/ActionBar/ActionBar.vue.d.ts +0 -2
  6. package/lib/components/AppShell/AppShell.context.d.ts +5 -0
  7. package/lib/components/AppShell/AppShell.types.d.ts +44 -2
  8. package/lib/components/AppShell/AppShellAside/AppShellAside.d.ts +3 -3
  9. package/lib/components/AppShell/AppShellFooter/AppShellFooter.d.ts +3 -3
  10. package/lib/components/AppShell/AppShellHeader/AppShellHeader.d.ts +3 -3
  11. package/lib/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.d.ts +9 -1
  12. package/lib/components/AppShell/AppShellMediaStyles/get-variables.d.ts +6 -2
  13. package/lib/components/AppShell/AppShellNavbar/AppShellNavbar.d.ts +3 -3
  14. package/lib/components/AppShell/AppShellResizeHandle/AppShellResizeHandle.d.ts +23 -0
  15. package/lib/components/AppShell/create-app-shell-component.d.ts +3 -3
  16. package/lib/components/AppShell/index.d.ts +2 -0
  17. package/lib/components/AppShell/use-app-shell-resize/clamp-resize-size.d.ts +7 -0
  18. package/lib/components/AppShell/use-app-shell-resize/resize-section-config.d.ts +18 -0
  19. package/lib/components/AppShell/use-app-shell-resize/use-app-shell-resize.d.ts +6 -0
  20. package/lib/components/AppShell/use-resizing/use-resizing.d.ts +1 -0
  21. package/lib/components/Autocomplete/Autocomplete.d.ts +5 -5
  22. package/lib/components/Autocomplete/Autocomplete.vue.d.ts +2 -2
  23. package/lib/components/Avatar/Avatar.types.d.ts +2 -2
  24. package/lib/components/Cascader/Cascader.d.ts +5 -5
  25. package/lib/components/Cascader/Cascader.vue.d.ts +2 -2
  26. package/lib/components/Checkbox/Checkbox.d.ts +1 -0
  27. package/lib/components/Checkbox/Checkbox.types.d.ts +3 -2
  28. package/lib/components/Checkbox/Checkbox.vue.d.ts +1 -0
  29. package/lib/components/Checkbox/CheckboxIndicator/CheckboxIndicator.types.d.ts +2 -2
  30. package/lib/components/Combobox/get-combobox-label-id.d.ts +9 -0
  31. package/lib/components/HoverCard/HoverCard.context.d.ts +12 -0
  32. package/lib/components/HoverCard/HoverCard.d.ts +1 -1
  33. package/lib/components/HoverCard/HoverCard.types.d.ts +14 -0
  34. package/lib/components/HoverCard/index.d.ts +1 -1
  35. package/lib/components/HoverCard/use-hover-card.d.ts +3 -0
  36. package/lib/components/MultiSelect/MultiSelect.d.ts +5 -5
  37. package/lib/components/MultiSelect/MultiSelect.vue.d.ts +2 -2
  38. package/lib/components/PasswordInput/PasswordInputField.vue.d.ts +3 -0
  39. package/lib/components/Popover/Popover.types.d.ts +4 -0
  40. package/lib/components/Popover/Popover.vue.d.ts +2 -0
  41. package/lib/components/Portal/Portal.vue.d.ts +1 -3
  42. package/lib/components/Radio/Radio.d.ts +1 -0
  43. package/lib/components/Radio/Radio.types.d.ts +3 -2
  44. package/lib/components/Radio/Radio.vue.d.ts +1 -0
  45. package/lib/components/Radio/RadioIndicator/RadioIndicator.types.d.ts +2 -2
  46. package/lib/components/Select/Select.d.ts +5 -5
  47. package/lib/components/Select/Select.vue.d.ts +2 -2
  48. package/lib/components/Slider/Thumb/Thumb.d.ts +5 -5
  49. package/lib/components/Slider/Thumb/Thumb.vue.d.ts +2 -2
  50. package/lib/components/Table/index.d.ts +1 -1
  51. package/lib/components/TagsInput/TagsInput.d.ts +5 -5
  52. package/lib/components/TagsInput/TagsInput.vue.d.ts +2 -2
  53. package/lib/components/Toggle/Toggle.d.ts +15 -0
  54. package/lib/components/Toggle/Toggle.types.d.ts +55 -0
  55. package/lib/components/Toggle/Toggle.vue.d.ts +19 -0
  56. package/lib/components/Toggle/index.d.ts +1 -0
  57. package/lib/components/Toolbar/Toolbar.context.d.ts +12 -0
  58. package/lib/components/Toolbar/Toolbar.d.ts +26 -0
  59. package/lib/components/Toolbar/Toolbar.types.d.ts +90 -0
  60. package/lib/components/Toolbar/Toolbar.vue.d.ts +13 -0
  61. package/lib/components/Toolbar/ToolbarDivider.vue.d.ts +3 -0
  62. package/lib/components/Toolbar/ToolbarGroup.vue.d.ts +13 -0
  63. package/lib/components/Toolbar/ToolbarToggle.vue.d.ts +14 -0
  64. package/lib/components/Toolbar/ToolbarToggleGroup.vue.d.ts +19 -0
  65. package/lib/components/Toolbar/ToolbarToggleItem.vue.d.ts +14 -0
  66. package/lib/components/Toolbar/index.d.ts +1 -0
  67. package/lib/components/Tooltip/Tooltip.types.d.ts +2 -0
  68. package/lib/components/Tooltip/Tooltip.vue.d.ts +1 -0
  69. package/lib/components/Tooltip/use-tooltip.d.ts +2 -0
  70. package/lib/components/Tour/Tour.context.d.ts +27 -0
  71. package/lib/components/Tour/Tour.d.ts +184 -0
  72. package/lib/components/Tour/Tour.types.d.ts +131 -0
  73. package/lib/components/Tour/Tour.vue.d.ts +25 -0
  74. package/lib/components/Tour/TourBeacon.vue.d.ts +4 -0
  75. package/lib/components/Tour/TourBeaconPositioned.vue.d.ts +12 -0
  76. package/lib/components/Tour/TourBody.vue.d.ts +13 -0
  77. package/lib/components/Tour/TourCloseButton.vue.d.ts +3 -0
  78. package/lib/components/Tour/TourNavigation.vue.d.ts +3 -0
  79. package/lib/components/Tour/TourOverlay.vue.d.ts +8 -0
  80. package/lib/components/Tour/TourRoot.vue.d.ts +26 -0
  81. package/lib/components/Tour/TourStep.vue.d.ts +13 -0
  82. package/lib/components/Tour/TourTitle.vue.d.ts +13 -0
  83. package/lib/components/Tour/TourTooltip.vue.d.ts +14 -0
  84. package/lib/components/Tour/get-overlay-hit-path.d.ts +6 -0
  85. package/lib/components/Tour/index.d.ts +3 -0
  86. package/lib/components/Tour/is-element-in-view.d.ts +1 -0
  87. package/lib/components/TreeSelect/TreeSelect.d.ts +6 -6
  88. package/lib/components/TreeSelect/TreeSelect.types.d.ts +15 -0
  89. package/lib/components/TreeSelect/TreeSelect.vue.d.ts +2 -2
  90. package/lib/components/TreeSelect/index.d.ts +1 -1
  91. package/lib/components/index.d.ts +3 -0
  92. package/lib/core/Box/Box.d.ts +4 -4
  93. package/lib/core/MantineProvider/Mantine.context.d.ts +2 -2
  94. package/lib/core/MantineProvider/MantineProvider.d.ts +19 -19
  95. package/lib/core/MantineProvider/MantineThemeProvider.d.ts +9 -9
  96. package/lib/core/styles-api/styles-api.types.d.ts +2 -0
  97. package/lib/core/utils/extract-style-props.d.ts +14 -0
  98. package/lib/core/utils/index.d.ts +1 -0
  99. package/lib/utils/InlineInput/InlineInput.d.ts +1 -1
  100. package/package.json +3 -3
  101. package/styles.css +682 -142
  102. package/styles.layer.css +682 -142
package/styles.css CHANGED
@@ -3420,18 +3420,18 @@ fieldset:disabled .mantine-active:active {
3420
3420
  transform: translateY(-50%);
3421
3421
  inset-inline: var(--rp-label-offset);
3422
3422
  }
3423
- ._root_j0d70_1 {
3423
+ ._root_1i7w6_1 {
3424
3424
  position: relative;
3425
3425
  display: inline-flex;
3426
3426
  align-items: baseline;
3427
3427
  overflow: hidden;
3428
3428
  }
3429
3429
 
3430
- ._root_j0d70_1[data-tabular-numbers] {
3430
+ ._root_1i7w6_1[data-tabular-numbers] {
3431
3431
  font-variant-numeric: tabular-nums;
3432
3432
  }
3433
3433
 
3434
- ._copyValue_j0d70_12 {
3434
+ ._copyValue_1i7w6_12 {
3435
3435
  position: absolute;
3436
3436
  inset: 0;
3437
3437
  z-index: 1;
@@ -3441,7 +3441,7 @@ fieldset:disabled .mantine-active:active {
3441
3441
  forced-color-adjust: none;
3442
3442
  }
3443
3443
 
3444
- ._digit_j0d70_22 {
3444
+ ._digit_1i7w6_22 {
3445
3445
  position: relative;
3446
3446
  z-index: 2;
3447
3447
  display: inline-block;
@@ -3457,25 +3457,26 @@ fieldset:disabled .mantine-active:active {
3457
3457
  opacity var(--rn-duration) var(--rn-timing-function);
3458
3458
  }
3459
3459
 
3460
- ._digit_j0d70_22[data-empty] {
3460
+ ._digit_1i7w6_22[data-empty] {
3461
3461
  width: 0;
3462
3462
  opacity: 0;
3463
3463
  }
3464
3464
 
3465
- ._digitColumn_j0d70_43 {
3465
+ ._digitColumn_1i7w6_43 {
3466
+ position: relative;
3466
3467
  display: flex;
3467
3468
  flex-direction: column;
3468
- animation: _mantine-rolling-number-roll_j0d70_1 var(--rn-duration) var(--rn-timing-function);
3469
+ animation: _mantine-rolling-number-roll_1i7w6_1 var(--rn-duration) var(--rn-timing-function);
3469
3470
  }
3470
3471
 
3471
- ._digitColumn_j0d70_43 > span {
3472
+ ._digitColumn_1i7w6_43 > span {
3472
3473
  display: flex;
3473
3474
  align-items: center;
3474
3475
  justify-content: center;
3475
3476
  height: 1em;
3476
3477
  }
3477
3478
 
3478
- ._char_j0d70_56 {
3479
+ ._char_1i7w6_57 {
3479
3480
  position: relative;
3480
3481
  z-index: 2;
3481
3482
  display: inline-block;
@@ -3487,12 +3488,12 @@ fieldset:disabled .mantine-active:active {
3487
3488
  transition: opacity var(--rn-duration) var(--rn-timing-function);
3488
3489
  }
3489
3490
 
3490
- ._char_j0d70_56[data-empty] {
3491
+ ._char_1i7w6_57[data-empty] {
3491
3492
  width: 0;
3492
3493
  opacity: 0;
3493
3494
  }
3494
3495
 
3495
- @keyframes _mantine-rolling-number-roll_j0d70_1 {
3496
+ @keyframes _mantine-rolling-number-roll_1i7w6_1 {
3496
3497
  from {
3497
3498
  transform: var(--rn-roll-from);
3498
3499
  }
@@ -4826,7 +4827,7 @@ fieldset:disabled .mantine-active:active {
4826
4827
  ._chevron_vc2rm_96 {
4827
4828
  transform: rotate(-90deg);
4828
4829
  }
4829
- @keyframes _marquee-horizontal_14fvq_1 {
4830
+ @keyframes _marquee-horizontal_iik21_1 {
4830
4831
  from {
4831
4832
  transform: translateX(0);
4832
4833
  }
@@ -4841,7 +4842,7 @@ fieldset:disabled .mantine-active:active {
4841
4842
  }
4842
4843
  }
4843
4844
 
4844
- @keyframes _marquee-vertical_14fvq_1 {
4845
+ @keyframes _marquee-vertical_iik21_1 {
4845
4846
  from {
4846
4847
  transform: translateY(0);
4847
4848
  }
@@ -4856,7 +4857,7 @@ fieldset:disabled .mantine-active:active {
4856
4857
  }
4857
4858
  }
4858
4859
 
4859
- ._root_14fvq_31 {
4860
+ ._root_iik21_31 {
4860
4861
  --_fade-color: var(--marquee-fade-color, var(--mantine-color-body));
4861
4862
  --_fade-size: var(--marquee-fade-size, 5%);
4862
4863
 
@@ -4873,93 +4874,93 @@ fieldset:disabled .mantine-active:active {
4873
4874
  /* Vertical fade edges */
4874
4875
  }
4875
4876
 
4876
- ._root_14fvq_31:where([data-orientation='horizontal']) {
4877
+ ._root_iik21_31:where([data-orientation='horizontal']) {
4877
4878
  flex-direction: row;
4878
4879
  }
4879
4880
 
4880
- ._root_14fvq_31:where([data-orientation='vertical']) {
4881
+ ._root_iik21_31:where([data-orientation='vertical']) {
4881
4882
  flex-direction: column;
4882
4883
  }
4883
4884
 
4884
- ._root_14fvq_31[data-fade-edges]::before,
4885
- ._root_14fvq_31[data-fade-edges]::after {
4885
+ ._root_iik21_31[data-fade-edges]::before,
4886
+ ._root_iik21_31[data-fade-edges]::after {
4886
4887
  content: '';
4887
4888
  position: absolute;
4888
4889
  z-index: 1;
4889
4890
  pointer-events: none;
4890
4891
  }
4891
4892
 
4892
- ._root_14fvq_31[data-orientation='horizontal'][data-fade-edges]::before,
4893
- ._root_14fvq_31[data-orientation='horizontal'][data-fade-edges]::after {
4893
+ ._root_iik21_31[data-orientation='horizontal'][data-fade-edges]::before,
4894
+ ._root_iik21_31[data-orientation='horizontal'][data-fade-edges]::after {
4894
4895
  top: 0;
4895
4896
  bottom: 0;
4896
4897
  width: var(--_fade-size);
4897
4898
  }
4898
4899
 
4899
- ._root_14fvq_31[data-orientation='horizontal'][data-fade-edges]::before {
4900
+ ._root_iik21_31[data-orientation='horizontal'][data-fade-edges]::before {
4900
4901
  left: 0;
4901
4902
  background: linear-gradient(to right, var(--_fade-color), transparent);
4902
4903
  }
4903
4904
 
4904
- ._root_14fvq_31[data-orientation='horizontal'][data-fade-edges]::after {
4905
+ ._root_iik21_31[data-orientation='horizontal'][data-fade-edges]::after {
4905
4906
  right: 0;
4906
4907
  background: linear-gradient(to left, var(--_fade-color), transparent);
4907
4908
  }
4908
4909
 
4909
- ._root_14fvq_31[data-orientation='vertical'][data-fade-edges]::before,
4910
- ._root_14fvq_31[data-orientation='vertical'][data-fade-edges]::after {
4910
+ ._root_iik21_31[data-orientation='vertical'][data-fade-edges]::before,
4911
+ ._root_iik21_31[data-orientation='vertical'][data-fade-edges]::after {
4911
4912
  left: 0;
4912
4913
  right: 0;
4913
4914
  height: var(--_fade-size);
4914
4915
  }
4915
4916
 
4916
- ._root_14fvq_31[data-orientation='vertical'][data-fade-edges]::before {
4917
+ ._root_iik21_31[data-orientation='vertical'][data-fade-edges]::before {
4917
4918
  top: 0;
4918
4919
  background: linear-gradient(to bottom, var(--_fade-color), transparent);
4919
4920
  }
4920
4921
 
4921
- ._root_14fvq_31[data-orientation='vertical'][data-fade-edges]::after {
4922
+ ._root_iik21_31[data-orientation='vertical'][data-fade-edges]::after {
4922
4923
  bottom: 0;
4923
4924
  background: linear-gradient(to top, var(--_fade-color), transparent);
4924
4925
  }
4925
4926
 
4926
- ._content_14fvq_95 {
4927
+ ._content_iik21_95 {
4927
4928
  display: flex;
4928
4929
  gap: var(--marquee-gap, var(--mantine-spacing-md));
4929
- animation-duration: var(--marquee-duration, 40000ms);
4930
+ animation-duration: var(--marquee-duration, 100000ms);
4930
4931
  animation-timing-function: linear;
4931
4932
  animation-iteration-count: infinite;
4932
4933
  }
4933
4934
 
4934
- ._root_14fvq_31[data-orientation='horizontal'] > ._content_14fvq_95 {
4935
+ ._root_iik21_31[data-orientation='horizontal'] > ._content_iik21_95 {
4935
4936
  flex-direction: row;
4936
- animation-name: _marquee-horizontal_14fvq_1;
4937
+ animation-name: _marquee-horizontal_iik21_1;
4937
4938
  }
4938
4939
 
4939
- ._root_14fvq_31[data-orientation='vertical'] > ._content_14fvq_95 {
4940
+ ._root_iik21_31[data-orientation='vertical'] > ._content_iik21_95 {
4940
4941
  flex-direction: column;
4941
- animation-name: _marquee-vertical_14fvq_1;
4942
+ animation-name: _marquee-vertical_iik21_1;
4942
4943
  }
4943
4944
 
4944
- ._root_14fvq_31[data-reverse] > ._content_14fvq_95 {
4945
+ ._root_iik21_31[data-reverse] > ._content_iik21_95 {
4945
4946
  animation-direction: reverse;
4946
4947
  }
4947
4948
 
4948
- ._root_14fvq_31[data-pause-on-hover]:hover > ._content_14fvq_95 {
4949
+ ._root_iik21_31[data-pause-on-hover]:hover > ._content_iik21_95 {
4949
4950
  animation-play-state: paused;
4950
4951
  }
4951
4952
 
4952
- ._group_14fvq_121 {
4953
+ ._group_iik21_121 {
4953
4954
  display: flex;
4954
4955
  flex-shrink: 0;
4955
4956
  gap: var(--marquee-gap, var(--mantine-spacing-md));
4956
4957
  }
4957
4958
 
4958
- ._root_14fvq_31[data-orientation='horizontal'] ._group_14fvq_121 {
4959
+ ._root_iik21_31[data-orientation='horizontal'] ._group_iik21_121 {
4959
4960
  flex-direction: row;
4960
4961
  }
4961
4962
 
4962
- ._root_14fvq_31[data-orientation='vertical'] ._group_14fvq_121 {
4963
+ ._root_iik21_31[data-orientation='vertical'] ._group_iik21_121 {
4963
4964
  flex-direction: column;
4964
4965
  }
4965
4966
  ._root_rcum7_1 {
@@ -4970,7 +4971,7 @@ fieldset:disabled .mantine-active:active {
4970
4971
  top: var(--affix-top);
4971
4972
  bottom: var(--affix-bottom);
4972
4973
  }
4973
- ._root_17nvu_1 {
4974
+ ._root_tyng0_1 {
4974
4975
  --dialog-size-xs: calc(10rem * var(--mantine-scale));
4975
4976
  --dialog-size-sm: calc(12.5rem * var(--mantine-scale));
4976
4977
  --dialog-size-md: calc(21.25rem * var(--mantine-scale));
@@ -4982,9 +4983,10 @@ fieldset:disabled .mantine-active:active {
4982
4983
  width: var(--dialog-size);
4983
4984
  max-width: calc(100vw - var(--mantine-spacing-xl) * 2);
4984
4985
  min-height: calc(3.125rem * var(--mantine-scale));
4986
+ padding: var(--mantine-spacing-md);
4985
4987
  }
4986
4988
 
4987
- ._closeButton_17nvu_15 {
4989
+ ._closeButton_tyng0_16 {
4988
4990
  position: absolute;
4989
4991
  top: calc(var(--mantine-spacing-md) / 2);
4990
4992
  inset-inline-end: calc(var(--mantine-spacing-md) / 2);
@@ -5806,15 +5808,16 @@ fieldset:disabled ._label_1va91_64,
5806
5808
  --tab-bg: var(--tabs-color);
5807
5809
  }
5808
5810
  }
5809
- ._root_1wjjt_1 {
5811
+ ._root_niw4h_1 {
5810
5812
  display: flex;
5811
5813
  align-items: center;
5812
5814
  gap: var(--mantine-spacing-sm);
5813
5815
  width: fit-content;
5814
5816
  margin-inline: auto;
5817
+ padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
5815
5818
  }
5816
5819
 
5817
- ._divider_1wjjt_9 {
5820
+ ._divider_niw4h_10 {
5818
5821
  width: calc(0.0625rem * var(--mantine-scale));
5819
5822
  align-self: stretch;
5820
5823
  background-color: var(--mantine-color-default-border);
@@ -5969,7 +5972,7 @@ fieldset:disabled ._label_1va91_64,
5969
5972
  :where([data-mantine-color-scheme='dark']) ._card_1nfs3_1:where([data-with-border]) {
5970
5973
  border-color: var(--mantine-color-dark-4);
5971
5974
  }
5972
- ._indicator_17pgd_1 {
5975
+ ._indicator_17okj_1 {
5973
5976
  --checkbox-size-xs: calc(1rem * var(--mantine-scale));
5974
5977
  --checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
5975
5978
  --checkbox-size-md: calc(1.5rem * var(--mantine-scale));
@@ -5980,15 +5983,15 @@ fieldset:disabled ._label_1va91_64,
5980
5983
  --checkbox-color: var(--mantine-primary-color-filled);
5981
5984
  }
5982
5985
 
5983
- ._indicator_17pgd_1:where([data-variant='filled']) {
5986
+ ._indicator_17okj_1:where([data-variant='filled']) {
5984
5987
  --checkbox-icon-color: var(--mantine-color-white);
5985
5988
  }
5986
5989
 
5987
- ._indicator_17pgd_1:where([data-variant='outline']) {
5990
+ ._indicator_17okj_1:where([data-variant='outline']) {
5988
5991
  --checkbox-icon-color: var(--checkbox-color);
5989
5992
  }
5990
5993
 
5991
- ._indicator_17pgd_1 {
5994
+ ._indicator_17okj_1 {
5992
5995
 
5993
5996
  position: relative;
5994
5997
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
@@ -6007,55 +6010,67 @@ fieldset:disabled ._label_1va91_64,
6007
6010
  justify-content: center;
6008
6011
  }
6009
6012
 
6010
- :where([data-mantine-color-scheme='light']) ._indicator_17pgd_1 {
6013
+ :where([data-mantine-color-scheme='light']) ._indicator_17okj_1 {
6011
6014
  background-color: var(--mantine-color-white);
6012
6015
  border-color: var(--mantine-color-gray-4);
6013
6016
  }
6014
6017
 
6015
- :where([data-mantine-color-scheme='dark']) ._indicator_17pgd_1 {
6018
+ :where([data-mantine-color-scheme='dark']) ._indicator_17okj_1 {
6016
6019
  background-color: var(--mantine-color-dark-6);
6017
6020
  border-color: var(--mantine-color-dark-4);
6018
6021
  }
6019
6022
 
6020
- ._indicator_17pgd_1[data-indeterminate],
6021
- ._indicator_17pgd_1[data-checked] {
6023
+ ._indicator_17okj_1[data-indeterminate],
6024
+ ._indicator_17okj_1[data-checked] {
6022
6025
  background-color: var(--checkbox-color);
6023
6026
  border-color: var(--checkbox-color);
6024
6027
  }
6025
6028
 
6026
- ._indicator_17pgd_1[data-indeterminate] > ._icon_17pgd_50, ._indicator_17pgd_1[data-checked] > ._icon_17pgd_50 {
6029
+ ._indicator_17okj_1[data-indeterminate] > ._icon_17okj_50, ._indicator_17okj_1[data-checked] > ._icon_17okj_50 {
6027
6030
  opacity: 1;
6028
6031
  transform: none;
6029
6032
  color: var(--checkbox-icon-color);
6030
6033
  }
6031
6034
 
6032
- ._indicator_17pgd_1[data-disabled] {
6035
+ ._indicator_17okj_1[data-disabled] {
6033
6036
  cursor: not-allowed;
6034
6037
  border-color: var(--mantine-color-disabled-border);
6035
6038
  background-color: var(--mantine-color-disabled);
6036
6039
  }
6037
6040
 
6038
- [data-mantine-color-scheme='light'] ._indicator_17pgd_1[data-disabled][data-checked] > ._icon_17pgd_50 {
6041
+ [data-mantine-color-scheme='light'] ._indicator_17okj_1[data-disabled][data-checked] > ._icon_17okj_50 {
6039
6042
  color: var(--mantine-color-gray-5);
6040
6043
  }
6041
6044
 
6042
- [data-mantine-color-scheme='dark'] ._indicator_17pgd_1[data-disabled][data-checked] > ._icon_17pgd_50 {
6045
+ [data-mantine-color-scheme='dark'] ._indicator_17okj_1[data-disabled][data-checked] > ._icon_17okj_50 {
6043
6046
  color: var(--mantine-color-dark-3);
6044
6047
  }
6045
6048
 
6046
- ._indicator_17pgd_1:where([data-variant='outline'])[data-indeterminate]:not([data-disabled]),
6047
- ._indicator_17pgd_1:where([data-variant='outline'])[data-checked]:not([data-disabled]) {
6049
+ ._indicator_17okj_1:where([data-variant='light'])[data-indeterminate]:not([data-disabled]),
6050
+ ._indicator_17okj_1:where([data-variant='light'])[data-checked]:not([data-disabled]) {
6051
+ background-color: var(--checkbox-bg);
6052
+ border-color: transparent;
6053
+ }
6054
+
6055
+ ._indicator_17okj_1:where([data-variant='light'])[data-indeterminate]:not([data-disabled]) > ._icon_17okj_50, ._indicator_17okj_1:where([data-variant='light'])[data-checked]:not([data-disabled]) > ._icon_17okj_50 {
6056
+ color: var(--checkbox-icon-color);
6057
+ opacity: 1;
6058
+ transform: none;
6059
+ }
6060
+
6061
+ ._indicator_17okj_1:where([data-variant='outline'])[data-indeterminate]:not([data-disabled]),
6062
+ ._indicator_17okj_1:where([data-variant='outline'])[data-checked]:not([data-disabled]) {
6048
6063
  background-color: transparent;
6049
6064
  border-color: var(--checkbox-color);
6050
6065
  }
6051
6066
 
6052
- ._indicator_17pgd_1:where([data-variant='outline'])[data-indeterminate]:not([data-disabled]) > ._icon_17pgd_50, ._indicator_17pgd_1:where([data-variant='outline'])[data-checked]:not([data-disabled]) > ._icon_17pgd_50 {
6067
+ ._indicator_17okj_1:where([data-variant='outline'])[data-indeterminate]:not([data-disabled]) > ._icon_17okj_50, ._indicator_17okj_1:where([data-variant='outline'])[data-checked]:not([data-disabled]) > ._icon_17okj_50 {
6053
6068
  color: var(--checkbox-icon-color);
6054
6069
  opacity: 1;
6055
6070
  transform: none;
6056
6071
  }
6057
6072
 
6058
- ._icon_17pgd_50 {
6073
+ ._icon_17okj_50 {
6059
6074
  display: block;
6060
6075
  width: 60%;
6061
6076
  color: transparent;
@@ -6066,7 +6081,7 @@ fieldset:disabled ._label_1va91_64,
6066
6081
  transform 100ms ease,
6067
6082
  opacity 100ms ease;
6068
6083
  }
6069
- ._root_1s9a6_1 {
6084
+ ._root_luae3_1 {
6070
6085
  --checkbox-size-xs: calc(1rem * var(--mantine-scale));
6071
6086
  --checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
6072
6087
  --checkbox-size-md: calc(1.5rem * var(--mantine-scale));
@@ -6077,26 +6092,30 @@ fieldset:disabled ._label_1va91_64,
6077
6092
  --checkbox-color: var(--mantine-primary-color-filled);
6078
6093
  }
6079
6094
 
6080
- ._root_1s9a6_1:where([data-variant='filled']) {
6095
+ ._root_luae3_1:where([data-variant='filled']) {
6081
6096
  --checkbox-icon-color: var(--mantine-color-white);
6082
6097
  }
6083
6098
 
6084
- ._root_1s9a6_1:where([data-variant='outline']) {
6099
+ ._root_luae3_1:where([data-variant='outline']) {
6085
6100
  --checkbox-icon-color: var(--checkbox-color);
6086
6101
  }
6087
6102
 
6088
- ._inner_1s9a6_20 {
6103
+ ._root_luae3_1:where([data-variant='light']) {
6104
+ --checkbox-icon-color: var(--checkbox-color);
6105
+ }
6106
+
6107
+ ._inner_luae3_24 {
6089
6108
  position: relative;
6090
6109
  width: var(--checkbox-size);
6091
6110
  height: var(--checkbox-size);
6092
6111
  order: 1;
6093
6112
  }
6094
6113
 
6095
- ._inner_1s9a6_20:where([data-label-position='left']) {
6114
+ ._inner_luae3_24:where([data-label-position='left']) {
6096
6115
  order: 2;
6097
6116
  }
6098
6117
 
6099
- ._input_1s9a6_31 {
6118
+ ._input_luae3_35 {
6100
6119
  appearance: none;
6101
6120
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
6102
6121
  width: var(--checkbox-size);
@@ -6112,58 +6131,74 @@ fieldset:disabled ._label_1va91_64,
6112
6131
  -webkit-tap-highlight-color: transparent;
6113
6132
  }
6114
6133
 
6115
- :where([data-mantine-color-scheme='light']) ._input_1s9a6_31 {
6134
+ :where([data-mantine-color-scheme='light']) ._input_luae3_35 {
6116
6135
  background-color: var(--mantine-color-white);
6117
6136
  border-color: var(--mantine-color-gray-4);
6118
6137
  }
6119
6138
 
6120
- :where([data-mantine-color-scheme='dark']) ._input_1s9a6_31 {
6139
+ :where([data-mantine-color-scheme='dark']) ._input_luae3_35 {
6121
6140
  background-color: var(--mantine-color-dark-6);
6122
6141
  border-color: var(--mantine-color-dark-4);
6123
6142
  }
6124
6143
 
6125
- ._input_1s9a6_31:where([data-with-error-styles][data-error]) {
6144
+ ._input_luae3_35:where([data-with-error-styles][data-error]) {
6126
6145
  border-color: var(--mantine-color-error);
6127
6146
  }
6128
6147
 
6129
- ._input_1s9a6_31[data-indeterminate],
6130
- ._input_1s9a6_31:checked {
6148
+ ._input_luae3_35[data-indeterminate],
6149
+ ._input_luae3_35:checked {
6131
6150
  background-color: var(--checkbox-color);
6132
6151
  border-color: var(--checkbox-color);
6133
6152
  }
6134
6153
 
6135
- ._input_1s9a6_31[data-indeterminate] + ._icon_1s9a6_65, ._input_1s9a6_31:checked + ._icon_1s9a6_65 {
6154
+ ._input_luae3_35[data-indeterminate] + ._icon_luae3_69, ._input_luae3_35:checked + ._icon_luae3_69 {
6136
6155
  opacity: 1;
6137
6156
  transform: none;
6138
6157
  }
6139
6158
 
6140
- ._input_1s9a6_31:disabled {
6159
+ ._input_luae3_35:disabled {
6141
6160
  cursor: not-allowed;
6142
6161
  border-color: var(--mantine-color-disabled-border);
6143
6162
  background-color: var(--mantine-color-disabled);
6144
6163
  }
6145
6164
 
6146
- ._input_1s9a6_31:disabled + ._icon_1s9a6_65 {
6165
+ ._input_luae3_35:disabled + ._icon_luae3_69 {
6147
6166
  color: var(--mantine-color-disabled-color);
6148
6167
  }
6149
6168
 
6150
- ._input_1s9a6_31:where([data-variant='outline']) + ._icon_1s9a6_65 {
6169
+ ._input_luae3_35:where([data-variant='light']) + ._icon_luae3_69 {
6151
6170
  color: var(--checkbox-color);
6152
6171
  }
6153
6172
 
6154
- ._input_1s9a6_31:where([data-variant='outline'])[data-indeterminate]:not(:disabled),
6155
- ._input_1s9a6_31:where([data-variant='outline']):checked:not(:disabled) {
6173
+ ._input_luae3_35:where([data-variant='light'])[data-indeterminate]:not(:disabled),
6174
+ ._input_luae3_35:where([data-variant='light']):checked:not(:disabled) {
6175
+ background-color: var(--checkbox-bg);
6176
+ border-color: transparent;
6177
+ }
6178
+
6179
+ ._input_luae3_35:where([data-variant='light'])[data-indeterminate]:not(:disabled) + ._icon_luae3_69, ._input_luae3_35:where([data-variant='light']):checked:not(:disabled) + ._icon_luae3_69 {
6180
+ color: var(--checkbox-icon-color);
6181
+ opacity: 1;
6182
+ transform: none;
6183
+ }
6184
+
6185
+ ._input_luae3_35:where([data-variant='outline']) + ._icon_luae3_69 {
6186
+ color: var(--checkbox-color);
6187
+ }
6188
+
6189
+ ._input_luae3_35:where([data-variant='outline'])[data-indeterminate]:not(:disabled),
6190
+ ._input_luae3_35:where([data-variant='outline']):checked:not(:disabled) {
6156
6191
  background-color: transparent;
6157
6192
  border-color: var(--checkbox-color);
6158
6193
  }
6159
6194
 
6160
- ._input_1s9a6_31:where([data-variant='outline'])[data-indeterminate]:not(:disabled) + ._icon_1s9a6_65, ._input_1s9a6_31:where([data-variant='outline']):checked:not(:disabled) + ._icon_1s9a6_65 {
6195
+ ._input_luae3_35:where([data-variant='outline'])[data-indeterminate]:not(:disabled) + ._icon_luae3_69, ._input_luae3_35:where([data-variant='outline']):checked:not(:disabled) + ._icon_luae3_69 {
6161
6196
  color: var(--checkbox-icon-color);
6162
6197
  opacity: 1;
6163
6198
  transform: none;
6164
6199
  }
6165
6200
 
6166
- ._icon_1s9a6_65 {
6201
+ ._icon_luae3_69 {
6167
6202
  position: absolute;
6168
6203
  inset: 0;
6169
6204
  width: 60%;
@@ -6599,7 +6634,7 @@ fieldset:disabled ._label_1va91_64,
6599
6634
  :where([data-mantine-color-scheme='dark']) ._card_1nfs3_1:where([data-with-border]) {
6600
6635
  border-color: var(--mantine-color-dark-4);
6601
6636
  }
6602
- ._indicator_37gqi_1 {
6637
+ ._indicator_f5tjg_1 {
6603
6638
  --radio-size-xs: calc(1rem * var(--mantine-scale));
6604
6639
  --radio-size-sm: calc(1.25rem * var(--mantine-scale));
6605
6640
  --radio-size-md: calc(1.5rem * var(--mantine-scale));
@@ -6634,49 +6669,60 @@ fieldset:disabled ._label_1va91_64,
6634
6669
  justify-content: center;
6635
6670
  }
6636
6671
 
6637
- :where([data-mantine-color-scheme='light']) ._indicator_37gqi_1 {
6672
+ :where([data-mantine-color-scheme='light']) ._indicator_f5tjg_1 {
6638
6673
  background-color: var(--mantine-color-white);
6639
6674
  border-color: var(--mantine-color-gray-4);
6640
6675
  }
6641
6676
 
6642
- :where([data-mantine-color-scheme='dark']) ._indicator_37gqi_1 {
6677
+ :where([data-mantine-color-scheme='dark']) ._indicator_f5tjg_1 {
6643
6678
  background-color: var(--mantine-color-dark-6);
6644
6679
  border-color: var(--mantine-color-dark-4);
6645
6680
  }
6646
6681
 
6647
- ._indicator_37gqi_1[data-checked] {
6682
+ ._indicator_f5tjg_1[data-checked] {
6648
6683
  background-color: var(--radio-color);
6649
6684
  border-color: var(--radio-color);
6650
6685
  }
6651
6686
 
6652
- ._indicator_37gqi_1[data-checked] > ._icon_37gqi_49 {
6687
+ ._indicator_f5tjg_1[data-checked] > ._icon_f5tjg_49 {
6653
6688
  opacity: 1;
6654
6689
  transform: none;
6655
6690
  color: var(--radio-icon-color);
6656
6691
  }
6657
6692
 
6658
- ._indicator_37gqi_1[data-disabled] {
6693
+ ._indicator_f5tjg_1[data-disabled] {
6659
6694
  cursor: not-allowed;
6660
6695
  background-color: var(--mantine-color-disabled);
6661
6696
  border-color: var(--mantine-color-disabled-border);
6662
6697
  }
6663
6698
 
6664
- ._indicator_37gqi_1[data-disabled][data-checked] > ._icon_37gqi_49 {
6699
+ ._indicator_f5tjg_1[data-disabled][data-checked] > ._icon_f5tjg_49 {
6665
6700
  color: var(--mantine-color-disabled-color);
6666
6701
  }
6667
6702
 
6668
- ._indicator--outline_37gqi_67[data-checked]:not([data-disabled]) {
6703
+ ._indicator_f5tjg_1:where([data-variant='light'])[data-checked]:not([data-disabled]) {
6704
+ background-color: var(--radio-bg);
6705
+ border-color: transparent;
6706
+ }
6707
+
6708
+ ._indicator_f5tjg_1:where([data-variant='light'])[data-checked]:not([data-disabled]) > ._icon_f5tjg_49 {
6709
+ color: var(--radio-icon-color);
6710
+ opacity: 1;
6711
+ transform: none;
6712
+ }
6713
+
6714
+ ._indicator_f5tjg_1:where([data-variant='outline'])[data-checked]:not([data-disabled]) {
6669
6715
  background-color: transparent;
6670
6716
  border-color: var(--radio-color);
6671
6717
  }
6672
6718
 
6673
- ._indicator--outline_37gqi_67[data-checked]:not([data-disabled]) > ._icon_37gqi_49 {
6719
+ ._indicator_f5tjg_1:where([data-variant='outline'])[data-checked]:not([data-disabled]) > ._icon_f5tjg_49 {
6674
6720
  color: var(--radio-color);
6675
6721
  opacity: 1;
6676
6722
  transform: none;
6677
6723
  }
6678
6724
 
6679
- ._icon_37gqi_49 {
6725
+ ._icon_f5tjg_49 {
6680
6726
  display: block;
6681
6727
  width: var(--radio-icon-size);
6682
6728
  height: var(--radio-icon-size);
@@ -6688,7 +6734,7 @@ fieldset:disabled ._label_1va91_64,
6688
6734
  transform 100ms ease,
6689
6735
  opacity 100ms ease;
6690
6736
  }
6691
- ._root_e95s2_1 {
6737
+ ._root_q3d8b_1 {
6692
6738
  --radio-size-xs: calc(1rem * var(--mantine-scale));
6693
6739
  --radio-size-sm: calc(1.25rem * var(--mantine-scale));
6694
6740
  --radio-size-md: calc(1.5rem * var(--mantine-scale));
@@ -6705,18 +6751,18 @@ fieldset:disabled ._label_1va91_64,
6705
6751
  --radio-icon-color: var(--mantine-color-white);
6706
6752
  }
6707
6753
 
6708
- ._inner_e95s2_18 {
6754
+ ._inner_q3d8b_18 {
6709
6755
  position: relative;
6710
6756
  width: var(--radio-size);
6711
6757
  height: var(--radio-size);
6712
6758
  order: 1;
6713
6759
  }
6714
6760
 
6715
- ._inner_e95s2_18:where([data-label-position='left']) {
6761
+ ._inner_q3d8b_18:where([data-label-position='left']) {
6716
6762
  order: 2;
6717
6763
  }
6718
6764
 
6719
- ._icon_e95s2_29 {
6765
+ ._icon_q3d8b_29 {
6720
6766
  color: var(--radio-icon-color);
6721
6767
  opacity: var(--radio-icon-opacity, 0);
6722
6768
  translate: -50% -50%;
@@ -6732,7 +6778,7 @@ fieldset:disabled ._label_1va91_64,
6732
6778
  left: 50%;
6733
6779
  }
6734
6780
 
6735
- ._radio_e95s2_45 {
6781
+ ._radio_q3d8b_45 {
6736
6782
  border: calc(0.0625rem * var(--mantine-scale)) solid;
6737
6783
  position: relative;
6738
6784
  appearance: none;
@@ -6750,54 +6796,64 @@ fieldset:disabled ._label_1va91_64,
6750
6796
  -webkit-tap-highlight-color: transparent;
6751
6797
  }
6752
6798
 
6753
- :where([data-mantine-color-scheme='light']) ._radio_e95s2_45 {
6799
+ :where([data-mantine-color-scheme='light']) ._radio_q3d8b_45 {
6754
6800
  background-color: var(--mantine-color-white);
6755
6801
  border-color: var(--mantine-color-gray-4);
6756
6802
  }
6757
6803
 
6758
- :where([data-mantine-color-scheme='dark']) ._radio_e95s2_45 {
6804
+ :where([data-mantine-color-scheme='dark']) ._radio_q3d8b_45 {
6759
6805
  background-color: var(--mantine-color-dark-6);
6760
6806
  border-color: var(--mantine-color-dark-4);
6761
6807
  }
6762
6808
 
6763
- ._radio_e95s2_45:checked {
6809
+ ._radio_q3d8b_45:checked {
6764
6810
  background-color: var(--radio-color, var(--mantine-primary-color-filled));
6765
6811
  border-color: var(--radio-color, var(--mantine-primary-color-filled));
6766
6812
  }
6767
6813
 
6768
- ._radio_e95s2_45:checked + ._icon_e95s2_29 {
6814
+ ._radio_q3d8b_45:checked + ._icon_q3d8b_29 {
6769
6815
  --radio-icon-opacity: 1;
6770
6816
  --radio-icon-transform: scale(1);
6771
6817
  }
6772
6818
 
6773
- ._radio_e95s2_45:disabled {
6819
+ ._radio_q3d8b_45:disabled {
6774
6820
  cursor: not-allowed;
6775
6821
  background-color: var(--mantine-color-disabled);
6776
6822
  border-color: var(--mantine-color-disabled-border);
6777
6823
  }
6778
6824
 
6779
- ._radio_e95s2_45:disabled + ._icon_e95s2_29 {
6825
+ ._radio_q3d8b_45:disabled + ._icon_q3d8b_29 {
6780
6826
  --radio-icon-color: var(--mantine-color-disabled-color);
6781
6827
  }
6782
6828
 
6783
- ._radio_e95s2_45:where([data-with-error-styles][data-error]) {
6829
+ ._radio_q3d8b_45:where([data-with-error-styles][data-error]) {
6784
6830
  border-color: var(--mantine-color-error);
6785
6831
  }
6786
6832
 
6787
- ._radio_e95s2_45:where([data-variant='outline']) + ._icon_e95s2_29 {
6833
+ ._radio_q3d8b_45:where([data-variant='outline']) + ._icon_q3d8b_29 {
6788
6834
  --radio-icon-color: var(--radio-color);
6789
6835
  }
6790
6836
 
6791
- ._radio_e95s2_45:where([data-variant='outline']):checked:not(:disabled) {
6837
+ ._radio_q3d8b_45:where([data-variant='outline']):checked:not(:disabled) {
6792
6838
  background-color: transparent;
6793
6839
  border-color: var(--radio-color);
6794
6840
  }
6795
6841
 
6796
- ._radio_e95s2_45:where([data-variant='outline']):checked:not(:disabled) + ._icon_e95s2_29 {
6842
+ ._radio_q3d8b_45:where([data-variant='outline']):checked:not(:disabled) + ._icon_q3d8b_29 {
6797
6843
  --radio-icon-color: var(--radio-color);
6798
6844
  --radio-icon-opacity: 1;
6799
6845
  --radio-icon-transform: none;
6800
6846
  }
6847
+
6848
+ ._radio_q3d8b_45:where([data-variant='light']):checked:not(:disabled) {
6849
+ background-color: var(--radio-bg);
6850
+ border-color: transparent;
6851
+ }
6852
+
6853
+ ._radio_q3d8b_45:where([data-variant='light']):checked:not(:disabled) + ._icon_q3d8b_29 {
6854
+ --radio-icon-opacity: 1;
6855
+ --radio-icon-transform: none;
6856
+ }
6801
6857
  ._root_y25wm_1 {
6802
6858
  --switch-height-xs: calc(1rem * var(--mantine-scale));
6803
6859
  --switch-height-sm: calc(1.25rem * var(--mantine-scale));
@@ -7659,16 +7715,16 @@ fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
7659
7715
  inset-inline: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
7660
7716
  border-radius: 10000rem;
7661
7717
  }
7662
- ._root_4dkw0_1[data-resizing] {
7718
+ ._root_i6ktr_1[data-resizing] {
7663
7719
  --app-shell-transition-duration: 0ms !important;
7664
7720
  }
7665
- ._root_4dkw0_1[data-disabled] {
7721
+ ._root_i6ktr_1[data-disabled] {
7666
7722
  --app-shell-header-offset: 0rem !important;
7667
7723
  --app-shell-navbar-offset: 0rem !important;
7668
7724
  --app-shell-aside-offset: 0rem !important;
7669
7725
  --app-shell-footer-offset: 0rem !important;
7670
7726
  }
7671
- ._root_4dkw0_1[data-mode='static'] {
7727
+ ._root_i6ktr_1[data-mode='static'] {
7672
7728
  display: grid;
7673
7729
  grid-template-columns: var(--app-shell-navbar-width, 0) 1fr var(--app-shell-aside-width, 0);
7674
7730
  grid-template-rows: auto 1fr auto;
@@ -7676,24 +7732,24 @@ fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
7676
7732
  height: 100%;
7677
7733
  overflow: auto;
7678
7734
  }
7679
- [data-mantine-color-scheme='light'] ._root_4dkw0_1 {
7735
+ [data-mantine-color-scheme='light'] ._root_i6ktr_1 {
7680
7736
  --app-shell-border-color: var(--mantine-color-gray-3);
7681
7737
  }
7682
- [data-mantine-color-scheme='dark'] ._root_4dkw0_1 {
7738
+ [data-mantine-color-scheme='dark'] ._root_i6ktr_1 {
7683
7739
  --app-shell-border-color: var(--mantine-color-dark-4);
7684
7740
  }
7685
7741
 
7686
- ._navbar_4dkw0_31,
7687
- ._aside_4dkw0_32,
7688
- ._header_4dkw0_33,
7689
- ._main_4dkw0_34,
7690
- ._footer_4dkw0_35 {
7742
+ ._navbar_i6ktr_31,
7743
+ ._aside_i6ktr_32,
7744
+ ._header_i6ktr_33,
7745
+ ._main_i6ktr_34,
7746
+ ._footer_i6ktr_35 {
7691
7747
  transition-duration: var(--app-shell-transition-duration);
7692
7748
  transition-timing-function: var(--app-shell-transition-timing-function);
7693
7749
  }
7694
7750
 
7695
- ._navbar_4dkw0_31,
7696
- ._aside_4dkw0_32 {
7751
+ ._navbar_i6ktr_31,
7752
+ ._aside_i6ktr_32 {
7697
7753
  position: fixed;
7698
7754
  display: flex;
7699
7755
  flex-direction: column;
@@ -7705,23 +7761,23 @@ fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
7705
7761
  transition-property: transform, top, height;
7706
7762
  }
7707
7763
 
7708
- :where([data-mode='static']) ._navbar_4dkw0_31, :where([data-mode='static']) ._aside_4dkw0_32 {
7764
+ :where([data-mode='static']) ._navbar_i6ktr_31, :where([data-mode='static']) ._aside_i6ktr_32 {
7709
7765
  position: var(--app-shell-navbar-position, fixed);
7710
7766
  grid-row: var(--app-shell-navbar-grid-row, auto);
7711
7767
  height: 100%;
7712
7768
  }
7713
7769
 
7714
- :where([data-layout='alt']) ._navbar_4dkw0_31, :where([data-layout='alt']) ._aside_4dkw0_32 {
7770
+ :where([data-layout='alt']) ._navbar_i6ktr_31, :where([data-layout='alt']) ._aside_i6ktr_32 {
7715
7771
  top: 0rem;
7716
7772
  height: 100dvh;
7717
7773
  }
7718
7774
 
7719
- :where([data-mode='static'][data-layout='alt']) ._navbar_4dkw0_31, :where([data-mode='static'][data-layout='alt']) ._aside_4dkw0_32 {
7775
+ :where([data-mode='static'][data-layout='alt']) ._navbar_i6ktr_31, :where([data-mode='static'][data-layout='alt']) ._aside_i6ktr_32 {
7720
7776
  grid-row: 1 / -1;
7721
7777
  height: 100%;
7722
7778
  }
7723
7779
 
7724
- ._navbar_4dkw0_31 {
7780
+ ._navbar_i6ktr_31 {
7725
7781
  inset-inline-start: 0;
7726
7782
  width: var(--app-shell-navbar-width);
7727
7783
  transition-property: transform, top, height;
@@ -7729,50 +7785,50 @@ fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
7729
7785
  z-index: var(--app-shell-navbar-z-index);
7730
7786
  }
7731
7787
 
7732
- :where([data-mode='static']) ._navbar_4dkw0_31 {
7788
+ :where([data-mode='static']) ._navbar_i6ktr_31 {
7733
7789
  grid-column: var(--app-shell-navbar-grid-column, auto);
7734
7790
  display: var(--app-shell-navbar-display, flex);
7735
7791
  }
7736
7792
 
7737
- :where([dir="rtl"]) ._navbar_4dkw0_31 {
7793
+ :where([dir="rtl"]) ._navbar_i6ktr_31 {
7738
7794
  transform: var(--app-shell-navbar-transform-rtl);
7739
7795
  }
7740
7796
 
7741
- ._navbar_4dkw0_31:where([data-with-border]) {
7797
+ ._navbar_i6ktr_31:where([data-with-border]) {
7742
7798
  border-inline-end: 1px solid var(--app-shell-border-color);
7743
7799
  }
7744
7800
 
7745
- ._aside_4dkw0_32 {
7801
+ ._aside_i6ktr_32 {
7746
7802
  inset-inline-end: 0;
7747
7803
  width: var(--app-shell-aside-width);
7748
7804
  transform: var(--app-shell-aside-transform);
7749
7805
  z-index: var(--app-shell-aside-z-index);
7750
7806
  }
7751
7807
 
7752
- :where([data-mode='static']) ._aside_4dkw0_32 {
7808
+ :where([data-mode='static']) ._aside_i6ktr_32 {
7753
7809
  position: var(--app-shell-aside-position, fixed);
7754
7810
  grid-column: var(--app-shell-aside-grid-column, auto);
7755
7811
  grid-row: var(--app-shell-aside-grid-row, auto);
7756
7812
  display: var(--app-shell-aside-display, flex);
7757
7813
  }
7758
7814
 
7759
- :where([dir="rtl"]) ._aside_4dkw0_32 {
7815
+ :where([dir="rtl"]) ._aside_i6ktr_32 {
7760
7816
  transform: var(--app-shell-aside-transform-rtl);
7761
7817
  }
7762
7818
 
7763
- ._aside_4dkw0_32:where([data-with-border]) {
7819
+ ._aside_i6ktr_32:where([data-with-border]) {
7764
7820
  border-inline-start: 1px solid var(--app-shell-border-color);
7765
7821
  }
7766
7822
 
7767
- :where([data-mode='static'][data-layout='alt']) ._aside_4dkw0_32 {
7823
+ :where([data-mode='static'][data-layout='alt']) ._aside_i6ktr_32 {
7768
7824
  grid-row: 1 / -1;
7769
7825
  }
7770
7826
 
7771
- :where([data-scroll-locked]) ._aside_4dkw0_32 {
7827
+ :where([data-scroll-locked]) ._aside_i6ktr_32 {
7772
7828
  visibility: var(--app-shell-aside-scroll-locked-visibility);
7773
7829
  }
7774
7830
 
7775
- ._main_4dkw0_34 {
7831
+ ._main_i6ktr_34 {
7776
7832
  padding-inline-start: calc(var(--app-shell-navbar-offset, 0rem) + var(--app-shell-padding));
7777
7833
  padding-inline-end: calc(var(--app-shell-aside-offset, 0rem) + var(--app-shell-padding));
7778
7834
  padding-top: calc(var(--app-shell-header-offset, 0rem) + var(--app-shell-padding));
@@ -7781,7 +7837,7 @@ fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
7781
7837
  transition-property: padding;
7782
7838
  }
7783
7839
 
7784
- :where([data-mode='static']) ._main_4dkw0_34 {
7840
+ :where([data-mode='static']) ._main_i6ktr_34 {
7785
7841
  padding-inline-start: var(--app-shell-padding);
7786
7842
  padding-inline-end: var(--app-shell-padding);
7787
7843
  padding-top: var(--app-shell-padding);
@@ -7791,31 +7847,31 @@ fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
7791
7847
  grid-row: var(--app-shell-main-grid-row, 2);
7792
7848
  }
7793
7849
 
7794
- ._header_4dkw0_33,
7795
- ._footer_4dkw0_35 {
7850
+ ._header_i6ktr_33,
7851
+ ._footer_i6ktr_35 {
7796
7852
  position: fixed;
7797
7853
  inset-inline: 0;
7798
7854
  transition-property: transform, margin-inline-start, margin-inline-end;
7799
7855
  background-color: var(--mantine-color-body);
7800
7856
  }
7801
7857
 
7802
- :where([data-mode='static']) ._header_4dkw0_33, :where([data-mode='static']) ._footer_4dkw0_35 {
7858
+ :where([data-mode='static']) ._header_i6ktr_33, :where([data-mode='static']) ._footer_i6ktr_35 {
7803
7859
  position: var(--app-shell-header-position, fixed);
7804
7860
  grid-column: var(--app-shell-header-grid-column, auto);
7805
7861
  }
7806
7862
 
7807
- :where([data-layout='alt']) ._header_4dkw0_33, :where([data-layout='alt']) ._footer_4dkw0_35 {
7863
+ :where([data-layout='alt']) ._header_i6ktr_33, :where([data-layout='alt']) ._footer_i6ktr_35 {
7808
7864
  margin-inline-start: var(--app-shell-navbar-offset, 0rem);
7809
7865
  margin-inline-end: var(--app-shell-aside-offset, 0rem);
7810
7866
  }
7811
7867
 
7812
- :where([data-mode='static'][data-layout='alt']) ._header_4dkw0_33, :where([data-mode='static'][data-layout='alt']) ._footer_4dkw0_35 {
7868
+ :where([data-mode='static'][data-layout='alt']) ._header_i6ktr_33, :where([data-mode='static'][data-layout='alt']) ._footer_i6ktr_35 {
7813
7869
  grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
7814
7870
  margin-inline-start: 0rem;
7815
7871
  margin-inline-end: 0rem;
7816
7872
  }
7817
7873
 
7818
- ._header_4dkw0_33 {
7874
+ ._header_i6ktr_33 {
7819
7875
  top: 0;
7820
7876
  height: var(--app-shell-header-height);
7821
7877
  background-color: var(--mantine-color-body);
@@ -7823,41 +7879,109 @@ fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
7823
7879
  z-index: var(--app-shell-header-z-index);
7824
7880
  }
7825
7881
 
7826
- :where([data-mode='static']) ._header_4dkw0_33 {
7882
+ :where([data-mode='static']) ._header_i6ktr_33 {
7827
7883
  grid-row: var(--app-shell-header-grid-row, auto);
7828
7884
  }
7829
7885
 
7830
- ._header_4dkw0_33:where([data-with-border]) {
7886
+ ._header_i6ktr_33:where([data-with-border]) {
7831
7887
  border-bottom: 1px solid var(--app-shell-border-color);
7832
7888
  }
7833
7889
 
7834
- ._footer_4dkw0_35 {
7890
+ ._footer_i6ktr_35 {
7835
7891
  bottom: 0;
7836
7892
  height: calc(var(--app-shell-footer-height) + env(safe-area-inset-bottom));
7837
7893
  padding-bottom: env(safe-area-inset-bottom);
7838
7894
  transform: var(--app-shell-footer-transform);
7839
7895
  z-index: var(--app-shell-footer-z-index);
7896
+ --app-shell-footer-safe-area: env(safe-area-inset-bottom);
7840
7897
  }
7841
7898
 
7842
- :where([data-mode='static']) ._footer_4dkw0_35 {
7899
+ :where([data-mode='static']) ._footer_i6ktr_35 {
7843
7900
  position: var(--app-shell-footer-position, fixed);
7844
7901
  grid-column: var(--app-shell-footer-grid-column, auto);
7845
7902
  grid-row: var(--app-shell-footer-grid-row, auto);
7846
7903
  }
7847
7904
 
7848
- :where([data-mode='static'][data-layout='alt']) ._footer_4dkw0_35 {
7905
+ :where([data-mode='static'][data-layout='alt']) ._footer_i6ktr_35 {
7849
7906
  grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
7850
7907
  }
7851
7908
 
7852
- ._footer_4dkw0_35:where([data-with-border]) {
7909
+ ._footer_i6ktr_35:where([data-with-border]) {
7853
7910
  border-top: 1px solid var(--app-shell-border-color);
7854
7911
  }
7855
7912
 
7856
- ._section_4dkw0_201 {
7913
+ ._resizeHandle_i6ktr_202 {
7914
+ position: absolute;
7915
+ z-index: 1;
7916
+ outline: none;
7917
+ touch-action: none;
7918
+ background-color: transparent;
7919
+ }
7920
+
7921
+ ._resizeHandle_i6ktr_202::after {
7922
+ content: '';
7923
+ position: absolute;
7924
+ background-color: transparent;
7925
+ transition: background-color 100ms ease;
7926
+ }
7927
+
7928
+ ._resizeHandle_i6ktr_202:where(:hover, [data-active])::after, ._resizeHandle_i6ktr_202:where(:focus-visible)::after {
7929
+ background-color: var(--mantine-primary-color-filled);
7930
+ }
7931
+
7932
+ ._resizeHandle_i6ktr_202:where([data-orientation='vertical']) {
7933
+ top: 0;
7934
+ bottom: 0;
7935
+ width: var(--app-shell-resize-handle-size, calc(0.375rem * var(--mantine-scale)));
7936
+ cursor: col-resize;
7937
+ }
7938
+
7939
+ ._resizeHandle_i6ktr_202:where([data-orientation='vertical'])::after {
7940
+ top: 0;
7941
+ bottom: 0;
7942
+ left: 50%;
7943
+ width: calc(0.125rem * var(--mantine-scale));
7944
+ transform: translateX(-50%);
7945
+ }
7946
+
7947
+ ._resizeHandle_i6ktr_202:where([data-orientation='horizontal']) {
7948
+ inset-inline: 0;
7949
+ height: var(--app-shell-resize-handle-size, calc(0.375rem * var(--mantine-scale)));
7950
+ cursor: row-resize;
7951
+ }
7952
+
7953
+ ._resizeHandle_i6ktr_202:where([data-orientation='horizontal'])::after {
7954
+ inset-inline: 0;
7955
+ top: 50%;
7956
+ height: calc(0.125rem * var(--mantine-scale));
7957
+ transform: translateY(-50%);
7958
+ }
7959
+
7960
+ ._resizeHandle_i6ktr_202:where([data-section='navbar']) {
7961
+ inset-inline-end: calc(var(--app-shell-resize-handle-size, calc(0.375rem * var(--mantine-scale))) / -2);
7962
+ display: var(--app-shell-navbar-resize-handle-display, block);
7963
+ }
7964
+
7965
+ ._resizeHandle_i6ktr_202:where([data-section='aside']) {
7966
+ inset-inline-start: calc(var(--app-shell-resize-handle-size, calc(0.375rem * var(--mantine-scale))) / -2);
7967
+ display: var(--app-shell-aside-resize-handle-display, block);
7968
+ }
7969
+
7970
+ ._resizeHandle_i6ktr_202:where([data-section='header']) {
7971
+ bottom: calc(var(--app-shell-resize-handle-size, calc(0.375rem * var(--mantine-scale))) / -2);
7972
+ display: var(--app-shell-header-resize-handle-display, block);
7973
+ }
7974
+
7975
+ ._resizeHandle_i6ktr_202:where([data-section='footer']) {
7976
+ top: calc(var(--app-shell-resize-handle-size, calc(0.375rem * var(--mantine-scale))) / -2);
7977
+ display: var(--app-shell-footer-resize-handle-display, block);
7978
+ }
7979
+
7980
+ ._section_i6ktr_270 {
7857
7981
  flex-grow: 0;
7858
7982
  }
7859
7983
 
7860
- ._section_4dkw0_201:where([data-grow]) {
7984
+ ._section_i6ktr_270:where([data-grow]) {
7861
7985
  flex-grow: 1;
7862
7986
  }
7863
7987
  ._root_1695l_1 {
@@ -8306,6 +8430,422 @@ fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
8306
8430
  border: 0;
8307
8431
  z-index: 1;
8308
8432
  }
8433
+ ._root_sim5l_1 {
8434
+ --toggle-size-xs: calc(1.375rem * var(--mantine-scale));
8435
+ --toggle-size-sm: calc(1.625rem * var(--mantine-scale));
8436
+ --toggle-size-md: calc(1.875rem * var(--mantine-scale));
8437
+ --toggle-size-lg: calc(2.25rem * var(--mantine-scale));
8438
+ --toggle-size-xl: calc(2.625rem * var(--mantine-scale));
8439
+ --toggle-size: var(--toggle-size-md);
8440
+
8441
+ display: flex;
8442
+ justify-content: center;
8443
+ align-items: center;
8444
+ border: calc(0.0625rem * var(--mantine-scale)) solid;
8445
+ border-radius: var(--toggle-radius, var(--mantine-radius-default));
8446
+ cursor: pointer;
8447
+ appearance: none;
8448
+ text-decoration: none;
8449
+ line-height: 1;
8450
+ user-select: none;
8451
+ font-size: var(--mantine-font-size-xs);
8452
+ width: var(--toggle-size);
8453
+ min-width: var(--toggle-size);
8454
+ height: var(--toggle-size);
8455
+ padding: calc(var(--toggle-size) / 5);
8456
+ font-weight: var(--mantine-font-weight-medium);
8457
+ }
8458
+
8459
+ ._root_sim5l_1:where([data-auto-width]) {
8460
+ width: auto;
8461
+ padding: 0 calc(var(--toggle-size) / 4);
8462
+ }
8463
+
8464
+ :where([data-mantine-color-scheme='light']) ._root_sim5l_1 {
8465
+ background-color: var(--mantine-color-white);
8466
+ border-color: var(--mantine-color-gray-4);
8467
+ color: var(--mantine-color-gray-7);
8468
+ }
8469
+
8470
+ :where([data-mantine-color-scheme='dark']) ._root_sim5l_1 {
8471
+ background-color: var(--mantine-color-dark-6);
8472
+ border-color: var(--mantine-color-dark-4);
8473
+ color: var(--mantine-color-dark-1);
8474
+ }
8475
+
8476
+ @media (hover: hover) {
8477
+ :where([data-mantine-color-scheme='light']) ._root_sim5l_1:hover:where(:not([data-disabled], [data-active])) {
8478
+ background-color: var(--mantine-color-gray-0);
8479
+ }
8480
+ :where([data-mantine-color-scheme='dark']) ._root_sim5l_1:hover:where(:not([data-disabled], [data-active])) {
8481
+ background-color: var(--mantine-color-dark-5);
8482
+ }
8483
+ }
8484
+
8485
+ @media (hover: none) {
8486
+ :where([data-mantine-color-scheme='light']) ._root_sim5l_1:active:where(:not([data-disabled], [data-active])) {
8487
+ background-color: var(--mantine-color-gray-0);
8488
+ }
8489
+ :where([data-mantine-color-scheme='dark']) ._root_sim5l_1:active:where(:not([data-disabled], [data-active])) {
8490
+ background-color: var(--mantine-color-dark-5);
8491
+ }
8492
+ }
8493
+
8494
+ ._root_sim5l_1:where([data-active]) {
8495
+ background-color: var(--toggle-active-bg, var(--mantine-primary-color-light));
8496
+ color: var(--toggle-active-color, var(--mantine-primary-color-light-color));
8497
+ border-color: transparent;
8498
+ }
8499
+
8500
+ @media (hover: hover) {
8501
+ ._root_sim5l_1:where([data-active]):hover:where(:not([data-disabled])) {
8502
+ background-color: var(--toggle-active-hover, var(--mantine-primary-color-light-hover));
8503
+ }
8504
+ }
8505
+
8506
+ @media (hover: none) {
8507
+ ._root_sim5l_1:where([data-active]):active:where(:not([data-disabled])) {
8508
+ background-color: var(--toggle-active-hover, var(--mantine-primary-color-light-hover));
8509
+ }
8510
+ }
8511
+
8512
+ ._root_sim5l_1:where([data-disabled]) {
8513
+ cursor: not-allowed;
8514
+ color: var(--mantine-color-disabled-color);
8515
+ background-color: var(--mantine-color-disabled);
8516
+ border-color: transparent;
8517
+ }
8518
+
8519
+ :where([data-mantine-color-scheme='light']) ._root_sim5l_1:where([data-disabled][data-active]) {
8520
+ background-color: var(--mantine-color-gray-4);
8521
+ color: var(--mantine-color-gray-6);
8522
+ }
8523
+
8524
+ :where([data-mantine-color-scheme='dark']) ._root_sim5l_1:where([data-disabled][data-active]) {
8525
+ background-color: var(--mantine-color-dark-4);
8526
+ color: var(--mantine-color-dark-2);
8527
+ }
8528
+ ._root_oivf9_1 {
8529
+ --toolbar-toggle-size-xs: calc(1.375rem * var(--mantine-scale));
8530
+ --toolbar-toggle-size-sm: calc(1.625rem * var(--mantine-scale));
8531
+ --toolbar-toggle-size-md: calc(1.875rem * var(--mantine-scale));
8532
+ --toolbar-toggle-size-lg: calc(2.25rem * var(--mantine-scale));
8533
+ --toolbar-toggle-size-xl: calc(2.625rem * var(--mantine-scale));
8534
+ --toolbar-padding-xs: calc(0.25rem * var(--mantine-scale));
8535
+ --toolbar-padding-sm: calc(0.3125rem * var(--mantine-scale));
8536
+ --toolbar-padding-md: calc(0.375rem * var(--mantine-scale));
8537
+ --toolbar-padding-lg: calc(0.5rem * var(--mantine-scale));
8538
+ --toolbar-padding-xl: calc(0.75rem * var(--mantine-scale));
8539
+ --toolbar-gap-xs: calc(var(--mantine-spacing-xs) / 2);
8540
+ --toolbar-gap-sm: var(--mantine-spacing-xs);
8541
+ --toolbar-gap-md: var(--mantine-spacing-sm);
8542
+ --toolbar-gap-lg: var(--mantine-spacing-sm);
8543
+ --toolbar-gap-xl: var(--mantine-spacing-md);
8544
+ --toolbar-toggle-size: var(--toolbar-toggle-size-md);
8545
+ --toolbar-padding: var(--toolbar-padding-md);
8546
+ --toolbar-gap: var(--toolbar-gap-md);
8547
+ --_tr: var(--toolbar-radius, var(--mantine-radius-default));
8548
+ --toolbar-toggle-radius: max(calc(var(--_tr) - var(--toolbar-padding)), min(var(--_tr), 2px));
8549
+
8550
+ display: flex;
8551
+ align-items: center;
8552
+ flex-wrap: wrap;
8553
+ gap: var(--toolbar-gap);
8554
+ background-color: var(--mantine-color-body);
8555
+ border-radius: var(--toolbar-radius, var(--mantine-radius-default));
8556
+ padding: var(--toolbar-padding);
8557
+ }
8558
+
8559
+ ._root_oivf9_1:where([data-with-border]) {
8560
+ border: calc(0.0625rem * var(--mantine-scale)) solid;
8561
+ }
8562
+
8563
+ :where([data-mantine-color-scheme='light']) ._root_oivf9_1:where([data-with-border]) {
8564
+ border-color: var(--mantine-color-gray-4);
8565
+ }
8566
+
8567
+ :where([data-mantine-color-scheme='dark']) ._root_oivf9_1:where([data-with-border]) {
8568
+ border-color: var(--mantine-color-dark-4);
8569
+ }
8570
+
8571
+ ._root_oivf9_1:where([data-orientation='vertical']) {
8572
+ flex-direction: column;
8573
+ align-items: stretch;
8574
+ width: fit-content;
8575
+ }
8576
+
8577
+ ._group_oivf9_48 {
8578
+ display: flex;
8579
+ background-color: var(--mantine-color-body);
8580
+ }
8581
+
8582
+ ._group_oivf9_48 :where([data-toolbar-toggle]):focus-visible {
8583
+ position: relative;
8584
+ z-index: 1;
8585
+ }
8586
+
8587
+ ._group_oivf9_48 :where([data-toolbar-toggle]):not(:only-child):first-child {
8588
+ border-end-end-radius: 0;
8589
+ border-start-end-radius: 0;
8590
+ border-inline-end-width: calc(1px / 2);
8591
+ }
8592
+
8593
+ ._group_oivf9_48 :where([data-toolbar-toggle]):not(:only-child):last-child {
8594
+ border-end-start-radius: 0;
8595
+ border-start-start-radius: 0;
8596
+ border-inline-start-width: calc(1px / 2);
8597
+ }
8598
+
8599
+ ._group_oivf9_48 :where([data-toolbar-toggle]):not(:only-child):not(:first-child):not(:last-child) {
8600
+ border-radius: 0;
8601
+ border-inline-width: calc(1px / 2);
8602
+ }
8603
+
8604
+ ._group_oivf9_48:where([data-orientation='vertical']) {
8605
+ flex-direction: column;
8606
+ }
8607
+
8608
+ ._group_oivf9_48:where([data-orientation='vertical']) :where([data-toolbar-toggle]):not(:only-child):first-child {
8609
+ border-end-start-radius: 0;
8610
+ border-end-end-radius: 0;
8611
+ border-start-end-radius: var(--toolbar-toggle-radius);
8612
+ border-inline-end-width: calc(0.0625rem * var(--mantine-scale));
8613
+ border-bottom-width: calc(1px / 2);
8614
+ }
8615
+
8616
+ ._group_oivf9_48:where([data-orientation='vertical']) :where([data-toolbar-toggle]):not(:only-child):last-child {
8617
+ border-start-start-radius: 0;
8618
+ border-start-end-radius: 0;
8619
+ border-end-start-radius: var(--toolbar-toggle-radius);
8620
+ border-inline-start-width: calc(0.0625rem * var(--mantine-scale));
8621
+ border-top-width: calc(1px / 2);
8622
+ }
8623
+
8624
+ ._group_oivf9_48:where([data-orientation='vertical']) :where([data-toolbar-toggle]):not(:only-child):not(:first-child):not(:last-child) {
8625
+ border-radius: 0;
8626
+ border-inline-width: calc(0.0625rem * var(--mantine-scale));
8627
+ border-bottom-width: calc(1px / 2);
8628
+ border-top-width: calc(1px / 2);
8629
+ }
8630
+
8631
+ ._toggle_oivf9_100 {
8632
+ display: flex;
8633
+ justify-content: center;
8634
+ align-items: center;
8635
+ border-radius: var(--toolbar-toggle-radius);
8636
+ cursor: pointer;
8637
+ appearance: none;
8638
+ text-decoration: none;
8639
+ line-height: 1;
8640
+ user-select: none;
8641
+ font-size: var(--mantine-font-size-xs);
8642
+ width: var(--toolbar-toggle-size);
8643
+ min-width: var(--toolbar-toggle-size);
8644
+ height: var(--toolbar-toggle-size);
8645
+ padding: calc(var(--toolbar-toggle-size) / 5);
8646
+ border: calc(0.0625rem * var(--mantine-scale)) solid;
8647
+ font-weight: var(--mantine-font-weight-medium);
8648
+ }
8649
+
8650
+ ._toggle_oivf9_100:where([data-auto-width]) {
8651
+ width: auto;
8652
+ padding: 0 calc(var(--toolbar-toggle-size) / 4);
8653
+ }
8654
+
8655
+ :where([data-mantine-color-scheme='light']) ._toggle_oivf9_100 {
8656
+ background-color: var(--mantine-color-white);
8657
+ border-color: var(--mantine-color-gray-4);
8658
+ color: var(--mantine-color-gray-7);
8659
+ }
8660
+
8661
+ :where([data-mantine-color-scheme='dark']) ._toggle_oivf9_100 {
8662
+ background-color: var(--mantine-color-dark-6);
8663
+ border-color: var(--mantine-color-dark-4);
8664
+ color: var(--mantine-color-dark-1);
8665
+ }
8666
+
8667
+ @media (hover: hover) {
8668
+ :where([data-mantine-color-scheme='light']) ._toggle_oivf9_100:hover:where(:not([data-disabled], [data-active])) {
8669
+ background-color: var(--mantine-color-gray-0);
8670
+ }
8671
+ :where([data-mantine-color-scheme='dark']) ._toggle_oivf9_100:hover:where(:not([data-disabled], [data-active])) {
8672
+ background-color: var(--mantine-color-dark-5);
8673
+ }
8674
+ }
8675
+
8676
+ @media (hover: none) {
8677
+ :where([data-mantine-color-scheme='light']) ._toggle_oivf9_100:active:where(:not([data-disabled], [data-active])) {
8678
+ background-color: var(--mantine-color-gray-0);
8679
+ }
8680
+ :where([data-mantine-color-scheme='dark']) ._toggle_oivf9_100:active:where(:not([data-disabled], [data-active])) {
8681
+ background-color: var(--mantine-color-dark-5);
8682
+ }
8683
+ }
8684
+
8685
+ ._toggle_oivf9_100:where([data-active]) {
8686
+ background-color: var(--toolbar-toggle-active-bg, var(--mantine-primary-color-light));
8687
+ color: var(--toolbar-toggle-active-color, var(--mantine-primary-color-light-color));
8688
+ border-color: transparent;
8689
+ }
8690
+
8691
+ @media (hover: hover) {
8692
+ ._toggle_oivf9_100:where([data-active]):hover:where(:not([data-disabled])) {
8693
+ background-color: var(
8694
+ --toolbar-toggle-active-hover,
8695
+ var(--mantine-primary-color-light-hover)
8696
+ );
8697
+ }
8698
+ }
8699
+
8700
+ @media (hover: none) {
8701
+ ._toggle_oivf9_100:where([data-active]):active:where(:not([data-disabled])) {
8702
+ background-color: var(
8703
+ --toolbar-toggle-active-hover,
8704
+ var(--mantine-primary-color-light-hover)
8705
+ );
8706
+ }
8707
+ }
8708
+
8709
+ ._toggle_oivf9_100:where([data-disabled]) {
8710
+ cursor: not-allowed;
8711
+ color: var(--mantine-color-disabled-color);
8712
+ background-color: var(--mantine-color-disabled);
8713
+ border-color: transparent;
8714
+ }
8715
+
8716
+ :where([data-mantine-color-scheme='light']) ._toggle_oivf9_100:where([data-disabled][data-active]) {
8717
+ background-color: var(--mantine-color-gray-4);
8718
+ color: var(--mantine-color-gray-6);
8719
+ }
8720
+
8721
+ :where([data-mantine-color-scheme='dark']) ._toggle_oivf9_100:where([data-disabled][data-active]) {
8722
+ background-color: var(--mantine-color-dark-4);
8723
+ color: var(--mantine-color-dark-2);
8724
+ }
8725
+
8726
+ :where([data-mantine-color-scheme='light']) ._divider_oivf9_173 {
8727
+ background-color: var(--mantine-color-gray-4);
8728
+ }
8729
+
8730
+ :where([data-mantine-color-scheme='dark']) ._divider_oivf9_173 {
8731
+ background-color: var(--mantine-color-dark-4);
8732
+ }
8733
+
8734
+ ._divider_oivf9_173:where([data-orientation='horizontal']) {
8735
+ width: calc(0.0625rem * var(--mantine-scale));
8736
+ align-self: stretch;
8737
+ }
8738
+
8739
+ ._divider_oivf9_173:where([data-orientation='vertical']) {
8740
+ height: calc(0.0625rem * var(--mantine-scale));
8741
+ align-self: stretch;
8742
+ }
8743
+ ._root_1y6i8_1 {
8744
+ position: fixed;
8745
+ inset: 0;
8746
+ pointer-events: none;
8747
+ z-index: var(--tour-z-index);
8748
+ }
8749
+ ._overlay_1y6i8_7 {
8750
+ position: fixed;
8751
+ inset: 0;
8752
+ pointer-events: auto;
8753
+ }
8754
+ ._overlay_1y6i8_7:where([data-with-overlay-interaction]) {
8755
+ pointer-events: none;
8756
+ }
8757
+ ._tooltip_1y6i8_15 {
8758
+ position: absolute;
8759
+ pointer-events: auto;
8760
+ padding: var(--mantine-spacing-md);
8761
+ border-radius: var(--tour-tooltip-radius, var(--mantine-radius-default));
8762
+ box-shadow: var(--tour-tooltip-shadow, var(--mantine-shadow-md));
8763
+ z-index: 1;
8764
+ box-sizing: border-box;
8765
+ }
8766
+ :where([data-mantine-color-scheme='light']) ._tooltip_1y6i8_15 {
8767
+ background-color: var(--mantine-color-white);
8768
+ border: 1px solid var(--mantine-color-gray-3);
8769
+ }
8770
+ :where([data-mantine-color-scheme='dark']) ._tooltip_1y6i8_15 {
8771
+ background-color: var(--mantine-color-dark-7);
8772
+ border: 1px solid var(--mantine-color-dark-4);
8773
+ }
8774
+ ._tooltip_1y6i8_15:where([data-centered]) {
8775
+ position: fixed;
8776
+ top: 50%;
8777
+ left: 50%;
8778
+ translate: -50% -50%;
8779
+ max-width: calc(100% - 16px);
8780
+ }
8781
+ ._title_1y6i8_39 {
8782
+ margin: 0 0 var(--mantine-spacing-xs);
8783
+ font-weight: 600;
8784
+ font-size: var(--mantine-font-size-md);
8785
+ line-height: 1.4;
8786
+ }
8787
+ ._body_1y6i8_45 {
8788
+ font-size: var(--mantine-font-size-sm);
8789
+ line-height: 1.55;
8790
+ }
8791
+ ._navigation_1y6i8_49 {
8792
+ margin-top: var(--mantine-spacing-md);
8793
+ }
8794
+ ._closeButton_1y6i8_52 {
8795
+ position: absolute;
8796
+ top: var(--mantine-spacing-xs);
8797
+ right: var(--mantine-spacing-xs);
8798
+ }
8799
+ :where([dir='rtl']) ._closeButton_1y6i8_52 {
8800
+ right: auto;
8801
+ left: var(--mantine-spacing-xs);
8802
+ }
8803
+ ._stepCounter_1y6i8_61 {
8804
+ font-size: var(--mantine-font-size-sm);
8805
+ }
8806
+ :where([data-mantine-color-scheme='light']) ._stepCounter_1y6i8_61 {
8807
+ color: var(--mantine-color-gray-6);
8808
+ }
8809
+ :where([data-mantine-color-scheme='dark']) ._stepCounter_1y6i8_61 {
8810
+ color: var(--mantine-color-dark-2);
8811
+ }
8812
+ ._beacon_1y6i8_70 {
8813
+ position: absolute;
8814
+ pointer-events: auto;
8815
+ width: var(--tour-beacon-size, 12px);
8816
+ height: var(--tour-beacon-size, 12px);
8817
+ border-radius: 50%;
8818
+ background-color: var(
8819
+ --tour-beacon-color,
8820
+ var(--tour-color, var(--mantine-primary-color-filled))
8821
+ );
8822
+ border: 0;
8823
+ padding: 0;
8824
+ cursor: pointer;
8825
+ z-index: 1;
8826
+ }
8827
+ ._beaconPulse_1y6i8_85 {
8828
+ position: absolute;
8829
+ inset: calc(var(--tour-beacon-size, 12px) * -0.35);
8830
+ border-radius: 50%;
8831
+ background-color: var(
8832
+ --tour-beacon-color,
8833
+ var(--tour-color, var(--mantine-primary-color-filled))
8834
+ );
8835
+ opacity: 0.3;
8836
+ animation: _tour-beacon-pulse_1y6i8_1 1.5s ease-in-out infinite;
8837
+ }
8838
+ @keyframes _tour-beacon-pulse_1y6i8_1 {
8839
+ 0%,
8840
+ 100% {
8841
+ transform: scale(0.8);
8842
+ opacity: 0.3;
8843
+ }
8844
+ 50% {
8845
+ transform: scale(1);
8846
+ opacity: 0;
8847
+ }
8848
+ }
8309
8849
  ._dropdown_gqzvg_1 {
8310
8850
  padding: calc(0.25rem * var(--mantine-scale));
8311
8851
  }