@mantine-vue/core 3.4.0 → 3.6.0

package/styles.css

@@ -2791,26 +2791,26 @@ fieldset:disabled .mantine-active:active {
 ._content_1sy9q_7 {
   min-width: 100%;
 }
-._root_ltqd9_1 {
+._root_1ysxv_1 {
   --accordion-radius: var(--mantine-radius-default);
 }
 
-._panel_ltqd9_5 {
+._panel_1ysxv_5 {
   overflow-wrap: break-word;
 }
 
-._content_ltqd9_9 {
+._content_1ysxv_9 {
   padding: var(--mantine-spacing-md);
   padding-top: calc(var(--mantine-spacing-xs) / 2);
 }
 
-._itemTitle_ltqd9_14 {
+._itemTitle_1ysxv_14 {
   margin: 0;
   padding: 0;
   width: 100%;
 }
 
-._control_ltqd9_20 {
+._control_1ysxv_20 {
   width: 100%;
   display: flex;
   align-items: center;
@@ -2822,37 +2822,37 @@ fieldset:disabled .mantine-active:active {
   color: var(--mantine-color-bright);
 }
 
-._control_ltqd9_20:where([data-chevron-position='left']) {
+._control_1ysxv_20:where([data-chevron-position='left']) {
     flex-direction: row;
     padding-inline-start: 0;
   }
 
-._control_ltqd9_20:where(:disabled, [data-disabled]) {
+._control_1ysxv_20:where(:disabled, [data-disabled]) {
     opacity: 0.4;
     cursor: not-allowed;
   }
 
 @media (hover: hover) {
-      :where([data-mantine-color-scheme='light']) ._control--default_ltqd9_42:where(:not(:disabled, [data-disabled])):hover, :where([data-mantine-color-scheme='light']) ._control--contained_ltqd9_43:where(:not(:disabled, [data-disabled])):hover {
+      :where([data-mantine-color-scheme='light']) ._control--default_1ysxv_42:where(:not(:disabled, [data-disabled])):hover, :where([data-mantine-color-scheme='light']) ._control--contained_1ysxv_43:where(:not(:disabled, [data-disabled])):hover {
         background-color: var(--mantine-color-gray-0);
   }
 
-      :where([data-mantine-color-scheme='dark']) ._control--default_ltqd9_42:where(:not(:disabled, [data-disabled])):hover, :where([data-mantine-color-scheme='dark']) ._control--contained_ltqd9_43:where(:not(:disabled, [data-disabled])):hover {
+      :where([data-mantine-color-scheme='dark']) ._control--default_1ysxv_42:where(:not(:disabled, [data-disabled])):hover, :where([data-mantine-color-scheme='dark']) ._control--contained_1ysxv_43:where(:not(:disabled, [data-disabled])):hover {
         background-color: var(--mantine-color-dark-6);
   }
 }
 
 @media (hover: none) {
-      :where([data-mantine-color-scheme='light']) ._control--default_ltqd9_42:where(:not(:disabled, [data-disabled])):active, :where([data-mantine-color-scheme='light']) ._control--contained_ltqd9_43:where(:not(:disabled, [data-disabled])):active {
+      :where([data-mantine-color-scheme='light']) ._control--default_1ysxv_42:where(:not(:disabled, [data-disabled])):active, :where([data-mantine-color-scheme='light']) ._control--contained_1ysxv_43:where(:not(:disabled, [data-disabled])):active {
         background-color: var(--mantine-color-gray-0);
   }
 
-      :where([data-mantine-color-scheme='dark']) ._control--default_ltqd9_42:where(:not(:disabled, [data-disabled])):active, :where([data-mantine-color-scheme='dark']) ._control--contained_ltqd9_43:where(:not(:disabled, [data-disabled])):active {
+      :where([data-mantine-color-scheme='dark']) ._control--default_1ysxv_42:where(:not(:disabled, [data-disabled])):active, :where([data-mantine-color-scheme='dark']) ._control--contained_1ysxv_43:where(:not(:disabled, [data-disabled])):active {
         background-color: var(--mantine-color-dark-6);
   }
 }
 
-._label_ltqd9_57 {
+._label_1ysxv_57 {
   color: inherit;
   font-weight: var(--mantine-font-weight-regular);
   flex: 1;
@@ -2862,7 +2862,7 @@ fieldset:disabled .mantine-active:active {
   padding-bottom: var(--mantine-spacing-sm);
 }
 
-._chevron_ltqd9_67 {
+._chevron_1ysxv_67 {
   display: flex;
   align-items: center;
   justify-content: flex-start;
@@ -2872,102 +2872,104 @@ fieldset:disabled .mantine-active:active {
   transform: rotate(0deg);
 }
 
-._chevron_ltqd9_67:where([data-rotate]) {
+._chevron_1ysxv_67:where([data-rotate]) {
     transform: rotate(180deg);
   }
 
-._chevron_ltqd9_67:where([data-position='left']) {
+._chevron_1ysxv_67:where([data-position='left']) {
     margin-inline-end: var(--mantine-spacing-md);
     margin-inline-start: var(--mantine-spacing-md);
   }
 
-._icon_ltqd9_86 {
+._icon_1ysxv_86 {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-inline-end: var(--mantine-spacing-sm);
 }
 
-._icon_ltqd9_86:where([data-chevron-position='left']) {
+._icon_1ysxv_86:where([data-chevron-position='left']) {
     margin-inline-end: 0;
     margin-inline-start: var(--mantine-spacing-lg);
   }
 
-:where([data-mantine-color-scheme='light']) ._item_ltqd9_14 {
+:where([data-mantine-color-scheme='light']) ._item_1ysxv_14 {
     --item-border-color: var(--mantine-color-gray-3);
     --item-filled-color: var(--mantine-color-gray-0);
 }
 
-:where([data-mantine-color-scheme='dark']) ._item_ltqd9_14 {
+:where([data-mantine-color-scheme='dark']) ._item_1ysxv_14 {
     --item-border-color: var(--mantine-color-dark-4);
     --item-filled-color: var(--mantine-color-dark-6);
 }
 
-._item--default_ltqd9_110 {
+._item--default_1ysxv_110 {
   border-bottom: 1px solid var(--item-border-color);
 }
 
-._item--contained_ltqd9_114 {
+._item--contained_1ysxv_114 {
   border: 1px solid var(--item-border-color);
   transition: background-color 150ms ease;
 }
 
-._item--contained_ltqd9_114:where([data-active]) {
+._item--contained_1ysxv_114:where([data-active]) {
     background-color: var(--item-filled-color);
   }
 
-._item--contained_ltqd9_114:first-of-type {
+._item--contained_1ysxv_114:first-of-type {
     border-start-start-radius: var(--accordion-radius);
     border-start-end-radius: var(--accordion-radius);
   }
 
-._item--contained_ltqd9_114:first-of-type > [data-accordion-control] {
+._item--contained_1ysxv_114:first-of-type > [data-accordion-control],
+    ._item--contained_1ysxv_114:first-of-type > ._itemTitle_1ysxv_14 > [data-accordion-control] {
       border-start-start-radius: var(--accordion-radius);
       border-start-end-radius: var(--accordion-radius);
     }
 
-._item--contained_ltqd9_114:last-of-type {
+._item--contained_1ysxv_114:last-of-type {
     border-end-start-radius: var(--accordion-radius);
     border-end-end-radius: var(--accordion-radius);
   }
 
-._item--contained_ltqd9_114:last-of-type > [data-accordion-control] {
+._item--contained_1ysxv_114:last-of-type > [data-accordion-control],
+    ._item--contained_1ysxv_114:last-of-type > ._itemTitle_1ysxv_14 > [data-accordion-control] {
       border-end-start-radius: var(--accordion-radius);
       border-end-end-radius: var(--accordion-radius);
     }
 
-._item--contained_ltqd9_114 + ._item--contained_ltqd9_114 {
+._item--contained_1ysxv_114 + ._item--contained_1ysxv_114 {
     border-top: 0;
   }
 
-._item--filled_ltqd9_147 {
+._item--filled_1ysxv_149 {
   border-radius: var(--accordion-radius);
 }
 
-._item--filled_ltqd9_147:where([data-active]) {
+._item--filled_1ysxv_149:where([data-active]) {
     background-color: var(--item-filled-color);
   }
 
-._item--separated_ltqd9_155 {
+._item--separated_1ysxv_157 {
   background-color: var(--item-filled-color);
   border-radius: var(--accordion-radius);
   border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
   transition: background-color 150ms ease;
 }
 
-._item--separated_ltqd9_155[data-active] {
+._item--separated_1ysxv_157[data-active] {
     border-color: var(--item-border-color);
   }
 
-:where([data-mantine-color-scheme='light']) ._item--separated_ltqd9_155[data-active] {
+:where([data-mantine-color-scheme='light']) ._item--separated_1ysxv_157[data-active] {
       background-color: var(--mantine-color-white);
 }
 
-:where([data-mantine-color-scheme='dark']) ._item--separated_ltqd9_155[data-active] {
+:where([data-mantine-color-scheme='dark']) ._item--separated_1ysxv_157[data-active] {
       background-color: var(--mantine-color-dark-7);
 }
 
-._item--separated_ltqd9_155 + ._item--separated_ltqd9_155 {
+._item--separated_1ysxv_157 + ._item--separated_1ysxv_157 {
     margin-top: var(--mantine-spacing-md);
   }
 ._root_xvb0q_1 {
@@ -3418,18 +3420,18 @@ fieldset:disabled .mantine-active:active {
   transform: translateY(-50%);
   inset-inline: var(--rp-label-offset);
 }
-._root_j0d70_1 {
+._root_1i7w6_1 {
   position: relative;
   display: inline-flex;
   align-items: baseline;
   overflow: hidden;
 }
 
-  ._root_j0d70_1[data-tabular-numbers] {
+  ._root_1i7w6_1[data-tabular-numbers] {
     font-variant-numeric: tabular-nums;
   }
 
-._copyValue_j0d70_12 {
+._copyValue_1i7w6_12 {
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -3439,7 +3441,7 @@ fieldset:disabled .mantine-active:active {
   forced-color-adjust: none;
 }
 
-._digit_j0d70_22 {
+._digit_1i7w6_22 {
   position: relative;
   z-index: 2;
   display: inline-block;
@@ -3455,25 +3457,26 @@ fieldset:disabled .mantine-active:active {
     opacity var(--rn-duration) var(--rn-timing-function);
 }
 
-._digit_j0d70_22[data-empty] {
+._digit_1i7w6_22[data-empty] {
     width: 0;
     opacity: 0;
   }
 
-._digitColumn_j0d70_43 {
+._digitColumn_1i7w6_43 {
+  position: relative;
   display: flex;
   flex-direction: column;
-  animation: _mantine-rolling-number-roll_j0d70_1 var(--rn-duration) var(--rn-timing-function);
+  animation: _mantine-rolling-number-roll_1i7w6_1 var(--rn-duration) var(--rn-timing-function);
 }
 
-._digitColumn_j0d70_43 > span {
+._digitColumn_1i7w6_43 > span {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 1em;
   }
 
-._char_j0d70_56 {
+._char_1i7w6_57 {
   position: relative;
   z-index: 2;
   display: inline-block;
@@ -3485,12 +3488,12 @@ fieldset:disabled .mantine-active:active {
   transition: opacity var(--rn-duration) var(--rn-timing-function);
 }
 
-._char_j0d70_56[data-empty] {
+._char_1i7w6_57[data-empty] {
     width: 0;
     opacity: 0;
   }
 
-@keyframes _mantine-rolling-number-roll_j0d70_1 {
+@keyframes _mantine-rolling-number-roll_1i7w6_1 {
   from {
     transform: var(--rn-roll-from);
   }
@@ -4824,7 +4827,7 @@ fieldset:disabled .mantine-active:active {
 ._chevron_vc2rm_96 {
   transform: rotate(-90deg);
 }
-@keyframes _marquee-horizontal_14fvq_1 {
+@keyframes _marquee-horizontal_iik21_1 {
   from {
     transform: translateX(0);
   }
@@ -4839,7 +4842,7 @@ fieldset:disabled .mantine-active:active {
   }
 }
 
-@keyframes _marquee-vertical_14fvq_1 {
+@keyframes _marquee-vertical_iik21_1 {
   from {
     transform: translateY(0);
   }
@@ -4854,7 +4857,7 @@ fieldset:disabled .mantine-active:active {
   }
 }
 
-._root_14fvq_31 {
+._root_iik21_31 {
   --_fade-color: var(--marquee-fade-color, var(--mantine-color-body));
   --_fade-size: var(--marquee-fade-size, 5%);
 
@@ -4871,93 +4874,93 @@ fieldset:disabled .mantine-active:active {
   /* Vertical fade edges */
 }
 
-._root_14fvq_31:where([data-orientation='horizontal']) {
+._root_iik21_31:where([data-orientation='horizontal']) {
     flex-direction: row;
   }
 
-._root_14fvq_31:where([data-orientation='vertical']) {
+._root_iik21_31:where([data-orientation='vertical']) {
     flex-direction: column;
   }
 
-._root_14fvq_31[data-fade-edges]::before,
-  ._root_14fvq_31[data-fade-edges]::after {
+._root_iik21_31[data-fade-edges]::before,
+  ._root_iik21_31[data-fade-edges]::after {
     content: '';
     position: absolute;
     z-index: 1;
     pointer-events: none;
   }
 
-._root_14fvq_31[data-orientation='horizontal'][data-fade-edges]::before,
-  ._root_14fvq_31[data-orientation='horizontal'][data-fade-edges]::after {
+._root_iik21_31[data-orientation='horizontal'][data-fade-edges]::before,
+  ._root_iik21_31[data-orientation='horizontal'][data-fade-edges]::after {
     top: 0;
     bottom: 0;
     width: var(--_fade-size);
   }
 
-._root_14fvq_31[data-orientation='horizontal'][data-fade-edges]::before {
+._root_iik21_31[data-orientation='horizontal'][data-fade-edges]::before {
     left: 0;
     background: linear-gradient(to right, var(--_fade-color), transparent);
   }
 
-._root_14fvq_31[data-orientation='horizontal'][data-fade-edges]::after {
+._root_iik21_31[data-orientation='horizontal'][data-fade-edges]::after {
     right: 0;
     background: linear-gradient(to left, var(--_fade-color), transparent);
   }
 
-._root_14fvq_31[data-orientation='vertical'][data-fade-edges]::before,
-  ._root_14fvq_31[data-orientation='vertical'][data-fade-edges]::after {
+._root_iik21_31[data-orientation='vertical'][data-fade-edges]::before,
+  ._root_iik21_31[data-orientation='vertical'][data-fade-edges]::after {
     left: 0;
     right: 0;
     height: var(--_fade-size);
   }
 
-._root_14fvq_31[data-orientation='vertical'][data-fade-edges]::before {
+._root_iik21_31[data-orientation='vertical'][data-fade-edges]::before {
     top: 0;
     background: linear-gradient(to bottom, var(--_fade-color), transparent);
   }
 
-._root_14fvq_31[data-orientation='vertical'][data-fade-edges]::after {
+._root_iik21_31[data-orientation='vertical'][data-fade-edges]::after {
     bottom: 0;
     background: linear-gradient(to top, var(--_fade-color), transparent);
   }
 
-._content_14fvq_95 {
+._content_iik21_95 {
   display: flex;
   gap: var(--marquee-gap, var(--mantine-spacing-md));
-  animation-duration: var(--marquee-duration, 40000ms);
+  animation-duration: var(--marquee-duration, 100000ms);
   animation-timing-function: linear;
   animation-iteration-count: infinite;
 }
 
-._root_14fvq_31[data-orientation='horizontal'] > ._content_14fvq_95 {
+._root_iik21_31[data-orientation='horizontal'] > ._content_iik21_95 {
     flex-direction: row;
-    animation-name: _marquee-horizontal_14fvq_1;
+    animation-name: _marquee-horizontal_iik21_1;
   }
 
-._root_14fvq_31[data-orientation='vertical'] > ._content_14fvq_95 {
+._root_iik21_31[data-orientation='vertical'] > ._content_iik21_95 {
     flex-direction: column;
-    animation-name: _marquee-vertical_14fvq_1;
+    animation-name: _marquee-vertical_iik21_1;
   }
 
-._root_14fvq_31[data-reverse] > ._content_14fvq_95 {
+._root_iik21_31[data-reverse] > ._content_iik21_95 {
     animation-direction: reverse;
   }
 
-._root_14fvq_31[data-pause-on-hover]:hover > ._content_14fvq_95 {
+._root_iik21_31[data-pause-on-hover]:hover > ._content_iik21_95 {
     animation-play-state: paused;
   }
 
-._group_14fvq_121 {
+._group_iik21_121 {
   display: flex;
   flex-shrink: 0;
   gap: var(--marquee-gap, var(--mantine-spacing-md));
 }
 
-._root_14fvq_31[data-orientation='horizontal'] ._group_14fvq_121 {
+._root_iik21_31[data-orientation='horizontal'] ._group_iik21_121 {
     flex-direction: row;
   }
 
-._root_14fvq_31[data-orientation='vertical'] ._group_14fvq_121 {
+._root_iik21_31[data-orientation='vertical'] ._group_iik21_121 {
     flex-direction: column;
   }
 ._root_rcum7_1 {
@@ -4968,7 +4971,7 @@ fieldset:disabled .mantine-active:active {
   top: var(--affix-top);
   bottom: var(--affix-bottom);
 }
-._root_17nvu_1 {
+._root_tyng0_1 {
   --dialog-size-xs: calc(10rem * var(--mantine-scale));
   --dialog-size-sm: calc(12.5rem * var(--mantine-scale));
   --dialog-size-md: calc(21.25rem * var(--mantine-scale));
@@ -4980,9 +4983,10 @@ fieldset:disabled .mantine-active:active {
   width: var(--dialog-size);
   max-width: calc(100vw - var(--mantine-spacing-xl) * 2);
   min-height: calc(3.125rem * var(--mantine-scale));
+  padding: var(--mantine-spacing-md);
 }
 
-._closeButton_17nvu_15 {
+._closeButton_tyng0_16 {
   position: absolute;
   top: calc(var(--mantine-spacing-md) / 2);
   inset-inline-end: calc(var(--mantine-spacing-md) / 2);
@@ -5804,15 +5808,16 @@ fieldset:disabled ._label_1va91_64,
       --tab-bg: var(--tabs-color);
     }
 }
-._root_1wjjt_1 {
+._root_niw4h_1 {
   display: flex;
   align-items: center;
   gap: var(--mantine-spacing-sm);
   width: fit-content;
   margin-inline: auto;
+  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
 }
 
-._divider_1wjjt_9 {
+._divider_niw4h_10 {
   width: calc(0.0625rem * var(--mantine-scale));
   align-self: stretch;
   background-color: var(--mantine-color-default-border);
@@ -5967,7 +5972,7 @@ fieldset:disabled ._label_1va91_64,
   :where([data-mantine-color-scheme='dark']) ._card_1nfs3_1:where([data-with-border]) {
       border-color: var(--mantine-color-dark-4);
 }
-._indicator_17pgd_1 {
+._indicator_17okj_1 {
   --checkbox-size-xs: calc(1rem * var(--mantine-scale));
   --checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
   --checkbox-size-md: calc(1.5rem * var(--mantine-scale));
@@ -5978,15 +5983,15 @@ fieldset:disabled ._label_1va91_64,
   --checkbox-color: var(--mantine-primary-color-filled);
 }
 
-  ._indicator_17pgd_1:where([data-variant='filled']) {
+  ._indicator_17okj_1:where([data-variant='filled']) {
     --checkbox-icon-color: var(--mantine-color-white);
   }
 
-  ._indicator_17pgd_1:where([data-variant='outline']) {
+  ._indicator_17okj_1:where([data-variant='outline']) {
     --checkbox-icon-color: var(--checkbox-color);
   }
 
-  ._indicator_17pgd_1 {
+  ._indicator_17okj_1 {
 
   position: relative;
   border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
@@ -6005,55 +6010,67 @@ fieldset:disabled ._label_1va91_64,
   justify-content: center;
 }
 
-  :where([data-mantine-color-scheme='light']) ._indicator_17pgd_1 {
+  :where([data-mantine-color-scheme='light']) ._indicator_17okj_1 {
     background-color: var(--mantine-color-white);
     border-color: var(--mantine-color-gray-4);
 }
 
-  :where([data-mantine-color-scheme='dark']) ._indicator_17pgd_1 {
+  :where([data-mantine-color-scheme='dark']) ._indicator_17okj_1 {
     background-color: var(--mantine-color-dark-6);
     border-color: var(--mantine-color-dark-4);
 }
 
-  ._indicator_17pgd_1[data-indeterminate],
-  ._indicator_17pgd_1[data-checked] {
+  ._indicator_17okj_1[data-indeterminate],
+  ._indicator_17okj_1[data-checked] {
     background-color: var(--checkbox-color);
     border-color: var(--checkbox-color);
   }
 
-  ._indicator_17pgd_1[data-indeterminate] > ._icon_17pgd_50, ._indicator_17pgd_1[data-checked] > ._icon_17pgd_50 {
+  ._indicator_17okj_1[data-indeterminate] > ._icon_17okj_50, ._indicator_17okj_1[data-checked] > ._icon_17okj_50 {
       opacity: 1;
       transform: none;
       color: var(--checkbox-icon-color);
     }
 
-  ._indicator_17pgd_1[data-disabled] {
+  ._indicator_17okj_1[data-disabled] {
     cursor: not-allowed;
     border-color: var(--mantine-color-disabled-border);
     background-color: var(--mantine-color-disabled);
   }
 
-  [data-mantine-color-scheme='light'] ._indicator_17pgd_1[data-disabled][data-checked] > ._icon_17pgd_50 {
+  [data-mantine-color-scheme='light'] ._indicator_17okj_1[data-disabled][data-checked] > ._icon_17okj_50 {
         color: var(--mantine-color-gray-5);
 }
 
-  [data-mantine-color-scheme='dark'] ._indicator_17pgd_1[data-disabled][data-checked] > ._icon_17pgd_50 {
+  [data-mantine-color-scheme='dark'] ._indicator_17okj_1[data-disabled][data-checked] > ._icon_17okj_50 {
         color: var(--mantine-color-dark-3);
 }
 
-._indicator_17pgd_1:where([data-variant='outline'])[data-indeterminate]:not([data-disabled]),
-  ._indicator_17pgd_1:where([data-variant='outline'])[data-checked]:not([data-disabled]) {
+._indicator_17okj_1:where([data-variant='light'])[data-indeterminate]:not([data-disabled]),
+  ._indicator_17okj_1:where([data-variant='light'])[data-checked]:not([data-disabled]) {
+    background-color: var(--checkbox-bg);
+    border-color: transparent;
+  }
+
+._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 {
+      color: var(--checkbox-icon-color);
+      opacity: 1;
+      transform: none;
+    }
+
+._indicator_17okj_1:where([data-variant='outline'])[data-indeterminate]:not([data-disabled]),
+  ._indicator_17okj_1:where([data-variant='outline'])[data-checked]:not([data-disabled]) {
     background-color: transparent;
     border-color: var(--checkbox-color);
   }
 
-._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 {
+._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 {
       color: var(--checkbox-icon-color);
       opacity: 1;
       transform: none;
     }
 
-._icon_17pgd_50 {
+._icon_17okj_50 {
   display: block;
   width: 60%;
   color: transparent;
@@ -6064,7 +6081,7 @@ fieldset:disabled ._label_1va91_64,
     transform 100ms ease,
     opacity 100ms ease;
 }
-._root_1s9a6_1 {
+._root_luae3_1 {
   --checkbox-size-xs: calc(1rem * var(--mantine-scale));
   --checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
   --checkbox-size-md: calc(1.5rem * var(--mantine-scale));
@@ -6075,26 +6092,30 @@ fieldset:disabled ._label_1va91_64,
   --checkbox-color: var(--mantine-primary-color-filled);
 }
 
-  ._root_1s9a6_1:where([data-variant='filled']) {
+  ._root_luae3_1:where([data-variant='filled']) {
     --checkbox-icon-color: var(--mantine-color-white);
   }
 
-  ._root_1s9a6_1:where([data-variant='outline']) {
+  ._root_luae3_1:where([data-variant='outline']) {
     --checkbox-icon-color: var(--checkbox-color);
   }
 
-._inner_1s9a6_20 {
+  ._root_luae3_1:where([data-variant='light']) {
+    --checkbox-icon-color: var(--checkbox-color);
+  }
+
+._inner_luae3_24 {
   position: relative;
   width: var(--checkbox-size);
   height: var(--checkbox-size);
   order: 1;
 }
 
-._inner_1s9a6_20:where([data-label-position='left']) {
+._inner_luae3_24:where([data-label-position='left']) {
     order: 2;
   }
 
-._input_1s9a6_31 {
+._input_luae3_35 {
   appearance: none;
   border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
   width: var(--checkbox-size);
@@ -6110,58 +6131,74 @@ fieldset:disabled ._label_1va91_64,
   -webkit-tap-highlight-color: transparent;
 }
 
-:where([data-mantine-color-scheme='light']) ._input_1s9a6_31 {
+:where([data-mantine-color-scheme='light']) ._input_luae3_35 {
     background-color: var(--mantine-color-white);
     border-color: var(--mantine-color-gray-4);
 }
 
-:where([data-mantine-color-scheme='dark']) ._input_1s9a6_31 {
+:where([data-mantine-color-scheme='dark']) ._input_luae3_35 {
     background-color: var(--mantine-color-dark-6);
     border-color: var(--mantine-color-dark-4);
 }
 
-._input_1s9a6_31:where([data-with-error-styles][data-error]) {
+._input_luae3_35:where([data-with-error-styles][data-error]) {
     border-color: var(--mantine-color-error);
   }
 
-._input_1s9a6_31[data-indeterminate],
-  ._input_1s9a6_31:checked {
+._input_luae3_35[data-indeterminate],
+  ._input_luae3_35:checked {
     background-color: var(--checkbox-color);
     border-color: var(--checkbox-color);
   }
 
-._input_1s9a6_31[data-indeterminate] + ._icon_1s9a6_65, ._input_1s9a6_31:checked + ._icon_1s9a6_65 {
+._input_luae3_35[data-indeterminate] + ._icon_luae3_69, ._input_luae3_35:checked + ._icon_luae3_69 {
       opacity: 1;
       transform: none;
     }
 
-._input_1s9a6_31:disabled {
+._input_luae3_35:disabled {
     cursor: not-allowed;
     border-color: var(--mantine-color-disabled-border);
     background-color: var(--mantine-color-disabled);
   }
 
-._input_1s9a6_31:disabled + ._icon_1s9a6_65 {
+._input_luae3_35:disabled + ._icon_luae3_69 {
       color: var(--mantine-color-disabled-color);
     }
 
-._input_1s9a6_31:where([data-variant='outline']) + ._icon_1s9a6_65 {
+._input_luae3_35:where([data-variant='light']) + ._icon_luae3_69 {
     color: var(--checkbox-color);
   }
 
-._input_1s9a6_31:where([data-variant='outline'])[data-indeterminate]:not(:disabled),
-  ._input_1s9a6_31:where([data-variant='outline']):checked:not(:disabled) {
+._input_luae3_35:where([data-variant='light'])[data-indeterminate]:not(:disabled),
+  ._input_luae3_35:where([data-variant='light']):checked:not(:disabled) {
+    background-color: var(--checkbox-bg);
+    border-color: transparent;
+  }
+
+._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 {
+      color: var(--checkbox-icon-color);
+      opacity: 1;
+      transform: none;
+    }
+
+._input_luae3_35:where([data-variant='outline']) + ._icon_luae3_69 {
+    color: var(--checkbox-color);
+  }
+
+._input_luae3_35:where([data-variant='outline'])[data-indeterminate]:not(:disabled),
+  ._input_luae3_35:where([data-variant='outline']):checked:not(:disabled) {
     background-color: transparent;
     border-color: var(--checkbox-color);
   }
 
-._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 {
+._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 {
       color: var(--checkbox-icon-color);
       opacity: 1;
       transform: none;
     }
 
-._icon_1s9a6_65 {
+._icon_luae3_69 {
   position: absolute;
   inset: 0;
   width: 60%;
@@ -6597,7 +6634,7 @@ fieldset:disabled ._label_1va91_64,
   :where([data-mantine-color-scheme='dark']) ._card_1nfs3_1:where([data-with-border]) {
       border-color: var(--mantine-color-dark-4);
 }
-._indicator_37gqi_1 {
+._indicator_f5tjg_1 {
   --radio-size-xs: calc(1rem * var(--mantine-scale));
   --radio-size-sm: calc(1.25rem * var(--mantine-scale));
   --radio-size-md: calc(1.5rem * var(--mantine-scale));
@@ -6632,49 +6669,60 @@ fieldset:disabled ._label_1va91_64,
   justify-content: center;
 }
 
-  :where([data-mantine-color-scheme='light']) ._indicator_37gqi_1 {
+  :where([data-mantine-color-scheme='light']) ._indicator_f5tjg_1 {
     background-color: var(--mantine-color-white);
     border-color: var(--mantine-color-gray-4);
 }
 
-  :where([data-mantine-color-scheme='dark']) ._indicator_37gqi_1 {
+  :where([data-mantine-color-scheme='dark']) ._indicator_f5tjg_1 {
     background-color: var(--mantine-color-dark-6);
     border-color: var(--mantine-color-dark-4);
 }
 
-  ._indicator_37gqi_1[data-checked] {
+  ._indicator_f5tjg_1[data-checked] {
     background-color: var(--radio-color);
     border-color: var(--radio-color);
   }
 
-  ._indicator_37gqi_1[data-checked] > ._icon_37gqi_49 {
+  ._indicator_f5tjg_1[data-checked] > ._icon_f5tjg_49 {
       opacity: 1;
       transform: none;
       color: var(--radio-icon-color);
     }
 
-  ._indicator_37gqi_1[data-disabled] {
+  ._indicator_f5tjg_1[data-disabled] {
     cursor: not-allowed;
     background-color: var(--mantine-color-disabled);
     border-color: var(--mantine-color-disabled-border);
   }
 
-  ._indicator_37gqi_1[data-disabled][data-checked] > ._icon_37gqi_49 {
+  ._indicator_f5tjg_1[data-disabled][data-checked] > ._icon_f5tjg_49 {
       color: var(--mantine-color-disabled-color);
     }
 
-._indicator--outline_37gqi_67[data-checked]:not([data-disabled]) {
+._indicator_f5tjg_1:where([data-variant='light'])[data-checked]:not([data-disabled]) {
+    background-color: var(--radio-bg);
+    border-color: transparent;
+  }
+
+._indicator_f5tjg_1:where([data-variant='light'])[data-checked]:not([data-disabled]) > ._icon_f5tjg_49 {
+      color: var(--radio-icon-color);
+      opacity: 1;
+      transform: none;
+    }
+
+._indicator_f5tjg_1:where([data-variant='outline'])[data-checked]:not([data-disabled]) {
     background-color: transparent;
     border-color: var(--radio-color);
   }
 
-._indicator--outline_37gqi_67[data-checked]:not([data-disabled]) > ._icon_37gqi_49 {
+._indicator_f5tjg_1:where([data-variant='outline'])[data-checked]:not([data-disabled]) > ._icon_f5tjg_49 {
       color: var(--radio-color);
       opacity: 1;
       transform: none;
     }
 
-._icon_37gqi_49 {
+._icon_f5tjg_49 {
   display: block;
   width: var(--radio-icon-size);
   height: var(--radio-icon-size);
@@ -6686,7 +6734,7 @@ fieldset:disabled ._label_1va91_64,
     transform 100ms ease,
     opacity 100ms ease;
 }
-._root_e95s2_1 {
+._root_q3d8b_1 {
   --radio-size-xs: calc(1rem * var(--mantine-scale));
   --radio-size-sm: calc(1.25rem * var(--mantine-scale));
   --radio-size-md: calc(1.5rem * var(--mantine-scale));
@@ -6703,18 +6751,18 @@ fieldset:disabled ._label_1va91_64,
   --radio-icon-color: var(--mantine-color-white);
 }
 
-._inner_e95s2_18 {
+._inner_q3d8b_18 {
   position: relative;
   width: var(--radio-size);
   height: var(--radio-size);
   order: 1;
 }
 
-._inner_e95s2_18:where([data-label-position='left']) {
+._inner_q3d8b_18:where([data-label-position='left']) {
     order: 2;
   }
 
-._icon_e95s2_29 {
+._icon_q3d8b_29 {
   color: var(--radio-icon-color);
   opacity: var(--radio-icon-opacity, 0);
   translate: -50% -50%;
@@ -6730,7 +6778,7 @@ fieldset:disabled ._label_1va91_64,
   left: 50%;
 }
 
-._radio_e95s2_45 {
+._radio_q3d8b_45 {
   border: calc(0.0625rem * var(--mantine-scale)) solid;
   position: relative;
   appearance: none;
@@ -6748,54 +6796,64 @@ fieldset:disabled ._label_1va91_64,
   -webkit-tap-highlight-color: transparent;
 }
 
-:where([data-mantine-color-scheme='light']) ._radio_e95s2_45 {
+:where([data-mantine-color-scheme='light']) ._radio_q3d8b_45 {
     background-color: var(--mantine-color-white);
     border-color: var(--mantine-color-gray-4);
 }
 
-:where([data-mantine-color-scheme='dark']) ._radio_e95s2_45 {
+:where([data-mantine-color-scheme='dark']) ._radio_q3d8b_45 {
     background-color: var(--mantine-color-dark-6);
     border-color: var(--mantine-color-dark-4);
 }
 
-._radio_e95s2_45:checked {
+._radio_q3d8b_45:checked {
     background-color: var(--radio-color, var(--mantine-primary-color-filled));
     border-color: var(--radio-color, var(--mantine-primary-color-filled));
   }
 
-._radio_e95s2_45:checked + ._icon_e95s2_29 {
+._radio_q3d8b_45:checked + ._icon_q3d8b_29 {
       --radio-icon-opacity: 1;
       --radio-icon-transform: scale(1);
     }
 
-._radio_e95s2_45:disabled {
+._radio_q3d8b_45:disabled {
     cursor: not-allowed;
     background-color: var(--mantine-color-disabled);
     border-color: var(--mantine-color-disabled-border);
   }
 
-._radio_e95s2_45:disabled + ._icon_e95s2_29 {
+._radio_q3d8b_45:disabled + ._icon_q3d8b_29 {
       --radio-icon-color: var(--mantine-color-disabled-color);
     }
 
-._radio_e95s2_45:where([data-with-error-styles][data-error]) {
+._radio_q3d8b_45:where([data-with-error-styles][data-error]) {
     border-color: var(--mantine-color-error);
   }
 
-._radio_e95s2_45:where([data-variant='outline']) + ._icon_e95s2_29 {
+._radio_q3d8b_45:where([data-variant='outline']) + ._icon_q3d8b_29 {
       --radio-icon-color: var(--radio-color);
     }
 
-._radio_e95s2_45:where([data-variant='outline']):checked:not(:disabled) {
+._radio_q3d8b_45:where([data-variant='outline']):checked:not(:disabled) {
       background-color: transparent;
       border-color: var(--radio-color);
     }
 
-._radio_e95s2_45:where([data-variant='outline']):checked:not(:disabled) + ._icon_e95s2_29 {
+._radio_q3d8b_45:where([data-variant='outline']):checked:not(:disabled) + ._icon_q3d8b_29 {
         --radio-icon-color: var(--radio-color);
         --radio-icon-opacity: 1;
         --radio-icon-transform: none;
       }
+
+._radio_q3d8b_45:where([data-variant='light']):checked:not(:disabled) {
+      background-color: var(--radio-bg);
+      border-color: transparent;
+    }
+
+._radio_q3d8b_45:where([data-variant='light']):checked:not(:disabled) + ._icon_q3d8b_29 {
+        --radio-icon-opacity: 1;
+        --radio-icon-transform: none;
+      }
 ._root_y25wm_1 {
   --switch-height-xs: calc(1rem * var(--mantine-scale));
   --switch-height-sm: calc(1.25rem * var(--mantine-scale));
@@ -7657,16 +7715,16 @@ fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
   inset-inline: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
   border-radius: 10000rem;
 }
-._root_4dkw0_1[data-resizing] {
+._root_i6ktr_1[data-resizing] {
     --app-shell-transition-duration: 0ms !important;
   }
-  ._root_4dkw0_1[data-disabled] {
+  ._root_i6ktr_1[data-disabled] {
     --app-shell-header-offset: 0rem !important;
     --app-shell-navbar-offset: 0rem !important;
     --app-shell-aside-offset: 0rem !important;
     --app-shell-footer-offset: 0rem !important;
   }
-  ._root_4dkw0_1[data-mode='static'] {
+  ._root_i6ktr_1[data-mode='static'] {
     display: grid;
     grid-template-columns: var(--app-shell-navbar-width, 0) 1fr var(--app-shell-aside-width, 0);
     grid-template-rows: auto 1fr auto;
@@ -7674,24 +7732,24 @@ fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
     height: 100%;
     overflow: auto;
   }
-  [data-mantine-color-scheme='light'] ._root_4dkw0_1 {
+  [data-mantine-color-scheme='light'] ._root_i6ktr_1 {
     --app-shell-border-color: var(--mantine-color-gray-3);
 }
-  [data-mantine-color-scheme='dark'] ._root_4dkw0_1 {
+  [data-mantine-color-scheme='dark'] ._root_i6ktr_1 {
     --app-shell-border-color: var(--mantine-color-dark-4);
 }
 
-._navbar_4dkw0_31,
-._aside_4dkw0_32,
-._header_4dkw0_33,
-._main_4dkw0_34,
-._footer_4dkw0_35 {
+._navbar_i6ktr_31,
+._aside_i6ktr_32,
+._header_i6ktr_33,
+._main_i6ktr_34,
+._footer_i6ktr_35 {
   transition-duration: var(--app-shell-transition-duration);
   transition-timing-function: var(--app-shell-transition-timing-function);
 }
 
-._navbar_4dkw0_31,
-._aside_4dkw0_32 {
+._navbar_i6ktr_31,
+._aside_i6ktr_32 {
   position: fixed;
   display: flex;
   flex-direction: column;
@@ -7703,23 +7761,23 @@ fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
   transition-property: transform, top, height;
 }
 
-:where([data-mode='static']) ._navbar_4dkw0_31, :where([data-mode='static']) ._aside_4dkw0_32 {
+:where([data-mode='static']) ._navbar_i6ktr_31, :where([data-mode='static']) ._aside_i6ktr_32 {
     position: var(--app-shell-navbar-position, fixed);
     grid-row: var(--app-shell-navbar-grid-row, auto);
     height: 100%;
   }
 
-:where([data-layout='alt']) ._navbar_4dkw0_31, :where([data-layout='alt']) ._aside_4dkw0_32 {
+:where([data-layout='alt']) ._navbar_i6ktr_31, :where([data-layout='alt']) ._aside_i6ktr_32 {
     top: 0rem;
     height: 100dvh;
   }
 
-:where([data-mode='static'][data-layout='alt']) ._navbar_4dkw0_31, :where([data-mode='static'][data-layout='alt']) ._aside_4dkw0_32 {
+:where([data-mode='static'][data-layout='alt']) ._navbar_i6ktr_31, :where([data-mode='static'][data-layout='alt']) ._aside_i6ktr_32 {
     grid-row: 1 / -1;
     height: 100%;
   }
 
-._navbar_4dkw0_31 {
+._navbar_i6ktr_31 {
   inset-inline-start: 0;
   width: var(--app-shell-navbar-width);
   transition-property: transform, top, height;
@@ -7727,50 +7785,50 @@ fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
   z-index: var(--app-shell-navbar-z-index);
 }
 
-:where([data-mode='static']) ._navbar_4dkw0_31 {
+:where([data-mode='static']) ._navbar_i6ktr_31 {
     grid-column: var(--app-shell-navbar-grid-column, auto);
     display: var(--app-shell-navbar-display, flex);
   }
 
-:where([dir="rtl"]) ._navbar_4dkw0_31 {
+:where([dir="rtl"]) ._navbar_i6ktr_31 {
     transform: var(--app-shell-navbar-transform-rtl);
 }
 
-._navbar_4dkw0_31:where([data-with-border]) {
+._navbar_i6ktr_31:where([data-with-border]) {
     border-inline-end: 1px solid var(--app-shell-border-color);
   }
 
-._aside_4dkw0_32 {
+._aside_i6ktr_32 {
   inset-inline-end: 0;
   width: var(--app-shell-aside-width);
   transform: var(--app-shell-aside-transform);
   z-index: var(--app-shell-aside-z-index);
 }
 
-:where([data-mode='static']) ._aside_4dkw0_32 {
+:where([data-mode='static']) ._aside_i6ktr_32 {
     position: var(--app-shell-aside-position, fixed);
     grid-column: var(--app-shell-aside-grid-column, auto);
     grid-row: var(--app-shell-aside-grid-row, auto);
     display: var(--app-shell-aside-display, flex);
   }
 
-:where([dir="rtl"]) ._aside_4dkw0_32 {
+:where([dir="rtl"]) ._aside_i6ktr_32 {
     transform: var(--app-shell-aside-transform-rtl);
 }
 
-._aside_4dkw0_32:where([data-with-border]) {
+._aside_i6ktr_32:where([data-with-border]) {
     border-inline-start: 1px solid var(--app-shell-border-color);
   }
 
-:where([data-mode='static'][data-layout='alt']) ._aside_4dkw0_32 {
+:where([data-mode='static'][data-layout='alt']) ._aside_i6ktr_32 {
     grid-row: 1 / -1;
   }
 
-:where([data-scroll-locked]) ._aside_4dkw0_32 {
+:where([data-scroll-locked]) ._aside_i6ktr_32 {
     visibility: var(--app-shell-aside-scroll-locked-visibility);
   }
 
-._main_4dkw0_34 {
+._main_i6ktr_34 {
   padding-inline-start: calc(var(--app-shell-navbar-offset, 0rem) + var(--app-shell-padding));
   padding-inline-end: calc(var(--app-shell-aside-offset, 0rem) + var(--app-shell-padding));
   padding-top: calc(var(--app-shell-header-offset, 0rem) + var(--app-shell-padding));
@@ -7779,7 +7837,7 @@ fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
   transition-property: padding;
 }
 
-:where([data-mode='static']) ._main_4dkw0_34 {
+:where([data-mode='static']) ._main_i6ktr_34 {
     padding-inline-start: var(--app-shell-padding);
     padding-inline-end: var(--app-shell-padding);
     padding-top: var(--app-shell-padding);
@@ -7789,31 +7847,31 @@ fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
     grid-row: var(--app-shell-main-grid-row, 2);
   }
 
-._header_4dkw0_33,
-._footer_4dkw0_35 {
+._header_i6ktr_33,
+._footer_i6ktr_35 {
   position: fixed;
   inset-inline: 0;
   transition-property: transform, margin-inline-start, margin-inline-end;
   background-color: var(--mantine-color-body);
 }
 
-:where([data-mode='static']) ._header_4dkw0_33, :where([data-mode='static']) ._footer_4dkw0_35 {
+:where([data-mode='static']) ._header_i6ktr_33, :where([data-mode='static']) ._footer_i6ktr_35 {
     position: var(--app-shell-header-position, fixed);
     grid-column: var(--app-shell-header-grid-column, auto);
   }
 
-:where([data-layout='alt']) ._header_4dkw0_33, :where([data-layout='alt']) ._footer_4dkw0_35 {
+:where([data-layout='alt']) ._header_i6ktr_33, :where([data-layout='alt']) ._footer_i6ktr_35 {
     margin-inline-start: var(--app-shell-navbar-offset, 0rem);
     margin-inline-end: var(--app-shell-aside-offset, 0rem);
   }
 
-:where([data-mode='static'][data-layout='alt']) ._header_4dkw0_33, :where([data-mode='static'][data-layout='alt']) ._footer_4dkw0_35 {
+:where([data-mode='static'][data-layout='alt']) ._header_i6ktr_33, :where([data-mode='static'][data-layout='alt']) ._footer_i6ktr_35 {
     grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
     margin-inline-start: 0rem;
     margin-inline-end: 0rem;
   }
 
-._header_4dkw0_33 {
+._header_i6ktr_33 {
   top: 0;
   height: var(--app-shell-header-height);
   background-color: var(--mantine-color-body);
@@ -7821,41 +7879,109 @@ fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
   z-index: var(--app-shell-header-z-index);
 }
 
-:where([data-mode='static']) ._header_4dkw0_33 {
+:where([data-mode='static']) ._header_i6ktr_33 {
     grid-row: var(--app-shell-header-grid-row, auto);
   }
 
-._header_4dkw0_33:where([data-with-border]) {
+._header_i6ktr_33:where([data-with-border]) {
     border-bottom: 1px solid var(--app-shell-border-color);
   }
 
-._footer_4dkw0_35 {
+._footer_i6ktr_35 {
   bottom: 0;
   height: calc(var(--app-shell-footer-height) + env(safe-area-inset-bottom));
   padding-bottom: env(safe-area-inset-bottom);
   transform: var(--app-shell-footer-transform);
   z-index: var(--app-shell-footer-z-index);
+  --app-shell-footer-safe-area: env(safe-area-inset-bottom);
 }
 
-:where([data-mode='static']) ._footer_4dkw0_35 {
+:where([data-mode='static']) ._footer_i6ktr_35 {
     position: var(--app-shell-footer-position, fixed);
     grid-column: var(--app-shell-footer-grid-column, auto);
     grid-row: var(--app-shell-footer-grid-row, auto);
   }
 
-:where([data-mode='static'][data-layout='alt']) ._footer_4dkw0_35 {
+:where([data-mode='static'][data-layout='alt']) ._footer_i6ktr_35 {
     grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
   }
 
-._footer_4dkw0_35:where([data-with-border]) {
+._footer_i6ktr_35:where([data-with-border]) {
     border-top: 1px solid var(--app-shell-border-color);
   }
 
-._section_4dkw0_201 {
+._resizeHandle_i6ktr_202 {
+  position: absolute;
+  z-index: 1;
+  outline: none;
+  touch-action: none;
+  background-color: transparent;
+}
+
+._resizeHandle_i6ktr_202::after {
+    content: '';
+    position: absolute;
+    background-color: transparent;
+    transition: background-color 100ms ease;
+  }
+
+._resizeHandle_i6ktr_202:where(:hover, [data-active])::after, ._resizeHandle_i6ktr_202:where(:focus-visible)::after {
+    background-color: var(--mantine-primary-color-filled);
+  }
+
+._resizeHandle_i6ktr_202:where([data-orientation='vertical']) {
+    top: 0;
+    bottom: 0;
+    width: var(--app-shell-resize-handle-size, calc(0.375rem * var(--mantine-scale)));
+    cursor: col-resize;
+  }
+
+._resizeHandle_i6ktr_202:where([data-orientation='vertical'])::after {
+      top: 0;
+      bottom: 0;
+      left: 50%;
+      width: calc(0.125rem * var(--mantine-scale));
+      transform: translateX(-50%);
+    }
+
+._resizeHandle_i6ktr_202:where([data-orientation='horizontal']) {
+    inset-inline: 0;
+    height: var(--app-shell-resize-handle-size, calc(0.375rem * var(--mantine-scale)));
+    cursor: row-resize;
+  }
+
+._resizeHandle_i6ktr_202:where([data-orientation='horizontal'])::after {
+      inset-inline: 0;
+      top: 50%;
+      height: calc(0.125rem * var(--mantine-scale));
+      transform: translateY(-50%);
+    }
+
+._resizeHandle_i6ktr_202:where([data-section='navbar']) {
+    inset-inline-end: calc(var(--app-shell-resize-handle-size, calc(0.375rem * var(--mantine-scale))) / -2);
+    display: var(--app-shell-navbar-resize-handle-display, block);
+  }
+
+._resizeHandle_i6ktr_202:where([data-section='aside']) {
+    inset-inline-start: calc(var(--app-shell-resize-handle-size, calc(0.375rem * var(--mantine-scale))) / -2);
+    display: var(--app-shell-aside-resize-handle-display, block);
+  }
+
+._resizeHandle_i6ktr_202:where([data-section='header']) {
+    bottom: calc(var(--app-shell-resize-handle-size, calc(0.375rem * var(--mantine-scale))) / -2);
+    display: var(--app-shell-header-resize-handle-display, block);
+  }
+
+._resizeHandle_i6ktr_202:where([data-section='footer']) {
+    top: calc(var(--app-shell-resize-handle-size, calc(0.375rem * var(--mantine-scale))) / -2);
+    display: var(--app-shell-footer-resize-handle-display, block);
+  }
+
+._section_i6ktr_270 {
   flex-grow: 0;
 }
 
-._section_4dkw0_201:where([data-grow]) {
+._section_i6ktr_270:where([data-grow]) {
     flex-grow: 1;
   }
 ._root_1695l_1 {
@@ -8304,6 +8430,422 @@ fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
   border: 0;
   z-index: 1;
 }
+._root_sim5l_1 {
+  --toggle-size-xs: calc(1.375rem * var(--mantine-scale));
+  --toggle-size-sm: calc(1.625rem * var(--mantine-scale));
+  --toggle-size-md: calc(1.875rem * var(--mantine-scale));
+  --toggle-size-lg: calc(2.25rem * var(--mantine-scale));
+  --toggle-size-xl: calc(2.625rem * var(--mantine-scale));
+  --toggle-size: var(--toggle-size-md);
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: calc(0.0625rem * var(--mantine-scale)) solid;
+  border-radius: var(--toggle-radius, var(--mantine-radius-default));
+  cursor: pointer;
+  appearance: none;
+  text-decoration: none;
+  line-height: 1;
+  user-select: none;
+  font-size: var(--mantine-font-size-xs);
+  width: var(--toggle-size);
+  min-width: var(--toggle-size);
+  height: var(--toggle-size);
+  padding: calc(var(--toggle-size) / 5);
+  font-weight: var(--mantine-font-weight-medium);
+}
+
+  ._root_sim5l_1:where([data-auto-width]) {
+    width: auto;
+    padding: 0 calc(var(--toggle-size) / 4);
+  }
+
+  :where([data-mantine-color-scheme='light']) ._root_sim5l_1 {
+    background-color: var(--mantine-color-white);
+    border-color: var(--mantine-color-gray-4);
+    color: var(--mantine-color-gray-7);
+}
+
+  :where([data-mantine-color-scheme='dark']) ._root_sim5l_1 {
+    background-color: var(--mantine-color-dark-6);
+    border-color: var(--mantine-color-dark-4);
+    color: var(--mantine-color-dark-1);
+}
+
+  @media (hover: hover) {
+      :where([data-mantine-color-scheme='light']) ._root_sim5l_1:hover:where(:not([data-disabled], [data-active])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+      :where([data-mantine-color-scheme='dark']) ._root_sim5l_1:hover:where(:not([data-disabled], [data-active])) {
+        background-color: var(--mantine-color-dark-5);
+  }
+}
+
+  @media (hover: none) {
+      :where([data-mantine-color-scheme='light']) ._root_sim5l_1:active:where(:not([data-disabled], [data-active])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+      :where([data-mantine-color-scheme='dark']) ._root_sim5l_1:active:where(:not([data-disabled], [data-active])) {
+        background-color: var(--mantine-color-dark-5);
+  }
+}
+
+  ._root_sim5l_1:where([data-active]) {
+    background-color: var(--toggle-active-bg, var(--mantine-primary-color-light));
+    color: var(--toggle-active-color, var(--mantine-primary-color-light-color));
+    border-color: transparent;
+  }
+
+  @media (hover: hover) {
+      ._root_sim5l_1:where([data-active]):hover:where(:not([data-disabled])) {
+        background-color: var(--toggle-active-hover, var(--mantine-primary-color-light-hover));
+      }
+}
+
+  @media (hover: none) {
+      ._root_sim5l_1:where([data-active]):active:where(:not([data-disabled])) {
+        background-color: var(--toggle-active-hover, var(--mantine-primary-color-light-hover));
+      }
+}
+
+  ._root_sim5l_1:where([data-disabled]) {
+    cursor: not-allowed;
+    color: var(--mantine-color-disabled-color);
+    background-color: var(--mantine-color-disabled);
+    border-color: transparent;
+  }
+
+  :where([data-mantine-color-scheme='light']) ._root_sim5l_1:where([data-disabled][data-active]) {
+      background-color: var(--mantine-color-gray-4);
+      color: var(--mantine-color-gray-6);
+}
+
+  :where([data-mantine-color-scheme='dark']) ._root_sim5l_1:where([data-disabled][data-active]) {
+      background-color: var(--mantine-color-dark-4);
+      color: var(--mantine-color-dark-2);
+}
+._root_oivf9_1 {
+  --toolbar-toggle-size-xs: calc(1.375rem * var(--mantine-scale));
+  --toolbar-toggle-size-sm: calc(1.625rem * var(--mantine-scale));
+  --toolbar-toggle-size-md: calc(1.875rem * var(--mantine-scale));
+  --toolbar-toggle-size-lg: calc(2.25rem * var(--mantine-scale));
+  --toolbar-toggle-size-xl: calc(2.625rem * var(--mantine-scale));
+  --toolbar-padding-xs: calc(0.25rem * var(--mantine-scale));
+  --toolbar-padding-sm: calc(0.3125rem * var(--mantine-scale));
+  --toolbar-padding-md: calc(0.375rem * var(--mantine-scale));
+  --toolbar-padding-lg: calc(0.5rem * var(--mantine-scale));
+  --toolbar-padding-xl: calc(0.75rem * var(--mantine-scale));
+  --toolbar-gap-xs: calc(var(--mantine-spacing-xs) / 2);
+  --toolbar-gap-sm: var(--mantine-spacing-xs);
+  --toolbar-gap-md: var(--mantine-spacing-sm);
+  --toolbar-gap-lg: var(--mantine-spacing-sm);
+  --toolbar-gap-xl: var(--mantine-spacing-md);
+  --toolbar-toggle-size: var(--toolbar-toggle-size-md);
+  --toolbar-padding: var(--toolbar-padding-md);
+  --toolbar-gap: var(--toolbar-gap-md);
+  --_tr: var(--toolbar-radius, var(--mantine-radius-default));
+  --toolbar-toggle-radius: max(calc(var(--_tr) - var(--toolbar-padding)), min(var(--_tr), 2px));
+
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--toolbar-gap);
+  background-color: var(--mantine-color-body);
+  border-radius: var(--toolbar-radius, var(--mantine-radius-default));
+  padding: var(--toolbar-padding);
+}
+
+  ._root_oivf9_1:where([data-with-border]) {
+    border: calc(0.0625rem * var(--mantine-scale)) solid;
+  }
+
+  :where([data-mantine-color-scheme='light']) ._root_oivf9_1:where([data-with-border]) {
+      border-color: var(--mantine-color-gray-4);
+}
+
+  :where([data-mantine-color-scheme='dark']) ._root_oivf9_1:where([data-with-border]) {
+      border-color: var(--mantine-color-dark-4);
+}
+
+  ._root_oivf9_1:where([data-orientation='vertical']) {
+    flex-direction: column;
+    align-items: stretch;
+    width: fit-content;
+  }
+
+._group_oivf9_48 {
+  display: flex;
+  background-color: var(--mantine-color-body);
+}
+
+._group_oivf9_48 :where([data-toolbar-toggle]):focus-visible {
+      position: relative;
+      z-index: 1;
+    }
+
+._group_oivf9_48 :where([data-toolbar-toggle]):not(:only-child):first-child {
+      border-end-end-radius: 0;
+      border-start-end-radius: 0;
+      border-inline-end-width: calc(1px / 2);
+    }
+
+._group_oivf9_48 :where([data-toolbar-toggle]):not(:only-child):last-child {
+      border-end-start-radius: 0;
+      border-start-start-radius: 0;
+      border-inline-start-width: calc(1px / 2);
+    }
+
+._group_oivf9_48 :where([data-toolbar-toggle]):not(:only-child):not(:first-child):not(:last-child) {
+      border-radius: 0;
+      border-inline-width: calc(1px / 2);
+    }
+
+._group_oivf9_48:where([data-orientation='vertical']) {
+    flex-direction: column;
+  }
+
+._group_oivf9_48:where([data-orientation='vertical']) :where([data-toolbar-toggle]):not(:only-child):first-child {
+        border-end-start-radius: 0;
+        border-end-end-radius: 0;
+        border-start-end-radius: var(--toolbar-toggle-radius);
+        border-inline-end-width: calc(0.0625rem * var(--mantine-scale));
+        border-bottom-width: calc(1px / 2);
+      }
+
+._group_oivf9_48:where([data-orientation='vertical']) :where([data-toolbar-toggle]):not(:only-child):last-child {
+        border-start-start-radius: 0;
+        border-start-end-radius: 0;
+        border-end-start-radius: var(--toolbar-toggle-radius);
+        border-inline-start-width: calc(0.0625rem * var(--mantine-scale));
+        border-top-width: calc(1px / 2);
+      }
+
+._group_oivf9_48:where([data-orientation='vertical']) :where([data-toolbar-toggle]):not(:only-child):not(:first-child):not(:last-child) {
+        border-radius: 0;
+        border-inline-width: calc(0.0625rem * var(--mantine-scale));
+        border-bottom-width: calc(1px / 2);
+        border-top-width: calc(1px / 2);
+      }
+
+._toggle_oivf9_100 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: var(--toolbar-toggle-radius);
+  cursor: pointer;
+  appearance: none;
+  text-decoration: none;
+  line-height: 1;
+  user-select: none;
+  font-size: var(--mantine-font-size-xs);
+  width: var(--toolbar-toggle-size);
+  min-width: var(--toolbar-toggle-size);
+  height: var(--toolbar-toggle-size);
+  padding: calc(var(--toolbar-toggle-size) / 5);
+  border: calc(0.0625rem * var(--mantine-scale)) solid;
+  font-weight: var(--mantine-font-weight-medium);
+}
+
+._toggle_oivf9_100:where([data-auto-width]) {
+    width: auto;
+    padding: 0 calc(var(--toolbar-toggle-size) / 4);
+  }
+
+:where([data-mantine-color-scheme='light']) ._toggle_oivf9_100 {
+    background-color: var(--mantine-color-white);
+    border-color: var(--mantine-color-gray-4);
+    color: var(--mantine-color-gray-7);
+}
+
+:where([data-mantine-color-scheme='dark']) ._toggle_oivf9_100 {
+    background-color: var(--mantine-color-dark-6);
+    border-color: var(--mantine-color-dark-4);
+    color: var(--mantine-color-dark-1);
+}
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='light']) ._toggle_oivf9_100:hover:where(:not([data-disabled], [data-active])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+      :where([data-mantine-color-scheme='dark']) ._toggle_oivf9_100:hover:where(:not([data-disabled], [data-active])) {
+        background-color: var(--mantine-color-dark-5);
+  }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='light']) ._toggle_oivf9_100:active:where(:not([data-disabled], [data-active])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+      :where([data-mantine-color-scheme='dark']) ._toggle_oivf9_100:active:where(:not([data-disabled], [data-active])) {
+        background-color: var(--mantine-color-dark-5);
+  }
+}
+
+._toggle_oivf9_100:where([data-active]) {
+    background-color: var(--toolbar-toggle-active-bg, var(--mantine-primary-color-light));
+    color: var(--toolbar-toggle-active-color, var(--mantine-primary-color-light-color));
+    border-color: transparent;
+  }
+
+@media (hover: hover) {
+      ._toggle_oivf9_100:where([data-active]):hover:where(:not([data-disabled])) {
+        background-color: var(
+          --toolbar-toggle-active-hover,
+          var(--mantine-primary-color-light-hover)
+        );
+      }
+}
+
+@media (hover: none) {
+      ._toggle_oivf9_100:where([data-active]):active:where(:not([data-disabled])) {
+        background-color: var(
+          --toolbar-toggle-active-hover,
+          var(--mantine-primary-color-light-hover)
+        );
+      }
+}
+
+._toggle_oivf9_100:where([data-disabled]) {
+    cursor: not-allowed;
+    color: var(--mantine-color-disabled-color);
+    background-color: var(--mantine-color-disabled);
+    border-color: transparent;
+  }
+
+:where([data-mantine-color-scheme='light']) ._toggle_oivf9_100:where([data-disabled][data-active]) {
+      background-color: var(--mantine-color-gray-4);
+      color: var(--mantine-color-gray-6);
+}
+
+:where([data-mantine-color-scheme='dark']) ._toggle_oivf9_100:where([data-disabled][data-active]) {
+      background-color: var(--mantine-color-dark-4);
+      color: var(--mantine-color-dark-2);
+}
+
+:where([data-mantine-color-scheme='light']) ._divider_oivf9_173 {
+    background-color: var(--mantine-color-gray-4);
+}
+
+:where([data-mantine-color-scheme='dark']) ._divider_oivf9_173 {
+    background-color: var(--mantine-color-dark-4);
+}
+
+._divider_oivf9_173:where([data-orientation='horizontal']) {
+    width: calc(0.0625rem * var(--mantine-scale));
+    align-self: stretch;
+  }
+
+._divider_oivf9_173:where([data-orientation='vertical']) {
+    height: calc(0.0625rem * var(--mantine-scale));
+    align-self: stretch;
+  }
+._root_1y6i8_1 {
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  z-index: var(--tour-z-index);
+}
+._overlay_1y6i8_7 {
+  position: fixed;
+  inset: 0;
+  pointer-events: auto;
+}
+._overlay_1y6i8_7:where([data-with-overlay-interaction]) {
+    pointer-events: none;
+  }
+._tooltip_1y6i8_15 {
+  position: absolute;
+  pointer-events: auto;
+  padding: var(--mantine-spacing-md);
+  border-radius: var(--tour-tooltip-radius, var(--mantine-radius-default));
+  box-shadow: var(--tour-tooltip-shadow, var(--mantine-shadow-md));
+  z-index: 1;
+  box-sizing: border-box;
+}
+:where([data-mantine-color-scheme='light']) ._tooltip_1y6i8_15 {
+    background-color: var(--mantine-color-white);
+    border: 1px solid var(--mantine-color-gray-3);
+}
+:where([data-mantine-color-scheme='dark']) ._tooltip_1y6i8_15 {
+    background-color: var(--mantine-color-dark-7);
+    border: 1px solid var(--mantine-color-dark-4);
+}
+._tooltip_1y6i8_15:where([data-centered]) {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    translate: -50% -50%;
+    max-width: calc(100% - 16px);
+  }
+._title_1y6i8_39 {
+  margin: 0 0 var(--mantine-spacing-xs);
+  font-weight: 600;
+  font-size: var(--mantine-font-size-md);
+  line-height: 1.4;
+}
+._body_1y6i8_45 {
+  font-size: var(--mantine-font-size-sm);
+  line-height: 1.55;
+}
+._navigation_1y6i8_49 {
+  margin-top: var(--mantine-spacing-md);
+}
+._closeButton_1y6i8_52 {
+  position: absolute;
+  top: var(--mantine-spacing-xs);
+  right: var(--mantine-spacing-xs);
+}
+:where([dir='rtl']) ._closeButton_1y6i8_52 {
+    right: auto;
+    left: var(--mantine-spacing-xs);
+  }
+._stepCounter_1y6i8_61 {
+  font-size: var(--mantine-font-size-sm);
+}
+:where([data-mantine-color-scheme='light']) ._stepCounter_1y6i8_61 {
+    color: var(--mantine-color-gray-6);
+}
+:where([data-mantine-color-scheme='dark']) ._stepCounter_1y6i8_61 {
+    color: var(--mantine-color-dark-2);
+}
+._beacon_1y6i8_70 {
+  position: absolute;
+  pointer-events: auto;
+  width: var(--tour-beacon-size, 12px);
+  height: var(--tour-beacon-size, 12px);
+  border-radius: 50%;
+  background-color: var(
+    --tour-beacon-color,
+    var(--tour-color, var(--mantine-primary-color-filled))
+  );
+  border: 0;
+  padding: 0;
+  cursor: pointer;
+  z-index: 1;
+}
+._beaconPulse_1y6i8_85 {
+  position: absolute;
+  inset: calc(var(--tour-beacon-size, 12px) * -0.35);
+  border-radius: 50%;
+  background-color: var(
+    --tour-beacon-color,
+    var(--tour-color, var(--mantine-primary-color-filled))
+  );
+  opacity: 0.3;
+  animation: _tour-beacon-pulse_1y6i8_1 1.5s ease-in-out infinite;
+}
+@keyframes _tour-beacon-pulse_1y6i8_1 {
+  0%,
+  100% {
+    transform: scale(0.8);
+    opacity: 0.3;
+  }
+  50% {
+    transform: scale(1);
+    opacity: 0;
+  }
+}
 ._dropdown_gqzvg_1 {
   padding: calc(0.25rem * var(--mantine-scale));
 }