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

package/cjs/index.css

@@ -633,7 +633,7 @@ body {
 .mantine-wi6tb4S {
   color: inherit;
   font-weight: 400;
-  flex: 1;
+  flex: 1 1;
   overflow: hidden;
   text-overflow: ellipsis;
   padding-top: var(--mantine-spacing-sm);
@@ -802,7 +802,7 @@ body {
 }
 
 .mantine-Vr3xFOO {
-  flex: 1;
+  flex: 1 1;
   background: var(--loader-color);
   animation: mantine-CbbKYq7 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
   border-radius: calc(0.125rem * var(--mantine-scale));
@@ -1062,7 +1062,7 @@ body {
 }
 
 .mantine-9PtDsve {
-  flex: 1;
+  flex: 1 1;
 }
 
 .mantine-dlG1-0a {
@@ -1232,867 +1232,687 @@ body {
     object-fit: cover;
   }
 
-.mantine-4FAj0g7 {
-  display: flex;
-  padding-left: var(--ag-spacing);
+.mantine-k-roXEr {
+  line-height: var(--mantine-line-height);
 }
 
-  [dir="rtl"] .mantine-4FAj0g7 {
-    padding-left: 0;
-    padding-right: var(--ag-spacing);
+.mantine-BMQXnww {
+  display: inline-block;
+  font-weight: 500;
+  word-break: break-word;
+  cursor: default;
+  -webkit-tap-highlight-color: transparent;
+
+  font-size: var(--input-label-size);
 }
 
-.mantine-f8qyj5h {
-  --avatar-size-xs: calc(1rem * var(--mantine-scale));
-  --avatar-size-sm: calc(1.625rem * var(--mantine-scale));
-  --avatar-size-md: calc(2.375rem * var(--mantine-scale));
-  --avatar-size-lg: calc(3.5rem * var(--mantine-scale));
-  --avatar-size-xl: calc(5.25rem * var(--mantine-scale));
+.mantine-7gKrkkZ {
+  color: var(--input-asterisk-color);
+}
 
-  -webkit-tap-highlight-color: transparent;
-  position: relative;
+.mantine-mToQZGN,
+.mantine-G6m1fCH {
+  word-wrap: break-word;
+  line-height: 1.2;
   display: block;
-  user-select: none;
-  overflow: hidden;
-  border-radius: var(--avatar-radius);
-  text-decoration: none;
-  border: var(--_avatar-border, none);
-  background-color: var(--_avatar-bg, transparent);
+  margin: 0;
   padding: 0;
-  width: var(--avatar-size);
-  height: var(--avatar-size);
-  min-width: var(--avatar-size);
-  margin-left: var(--_avatar-ml, unset);
-  margin-right: var(--_avatar-mr, unset);
 }
 
-  .mantine-f8qyj5h[data-within-group] {
-    --_avatar-ml: calc(var(--ag-spacing) * -1);
-    --_avatar-border: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-body);
-    --_avatar-bg: var(--mantine-color-body);
-  }
-
-  [dir="rtl"] .mantine-f8qyj5h[data-within-group] {
-      --_avatar-mr: calc(var(--ag-spacing) * -1);
-      --_avatar-ml: unset;
+.mantine-mToQZGN {
+  color: var(--mantine-color-error);
+  font-size: var(--input-error-size);
 }
 
-.mantine-BmxEl6O {
-  object-fit: cover;
-  width: 100%;
-  height: 100%;
-  display: block;
+.mantine-G6m1fCH {
+  color: var(--mantine-color-dimmed);
+  font-size: var(--input-description-size);
 }
 
-.mantine-2J4mxDh {
-  font-weight: 700;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  user-select: none;
-  border-radius: var(--avatar-radius);
-  font-size: calc(var(--avatar-size) / 2.5);
-  color: var(--avatar-color);
-  background: var(--avatar-bg);
-  border: var(--avatar-bd);
+.mantine-7YWxW9a {
+  color: var(--mantine-color-placeholder);
 }
 
-.mantine-2J4mxDh > [data-avatar-placeholder-icon] {
-    width: 70%;
-    height: 70%;
-  }
-
-.mantine-mBE3oR4 {
-  background-size: cover;
-  background-position: center;
-  display: block;
-  width: 100%;
-  border: 0;
-  text-decoration: none;
-  border-radius: var(--bi-radius);
-}
+.mantine-RqD0YyD {
+  position: relative;
+  margin-top: var(--input-margin-top, 0rem);
+  margin-bottom: var(--input-margin-bottom, 0rem);
 
-.mantine-WM8AqtG {
-  --badge-height-xs: calc(1rem * var(--mantine-scale));
-  --badge-height-sm: calc(1.125rem * var(--mantine-scale));
-  --badge-height-md: calc(1.25rem * var(--mantine-scale));
-  --badge-height-lg: calc(1.625rem * var(--mantine-scale));
-  --badge-height-xl: calc(2rem * var(--mantine-scale));
+  --input-height-xs: calc(1.875rem * var(--mantine-scale));
+  --input-height-sm: calc(2.25rem * var(--mantine-scale));
+  --input-height-md: calc(2.625rem * var(--mantine-scale));
+  --input-height-lg: calc(3.125rem * var(--mantine-scale));
+  --input-height-xl: calc(3.75rem * var(--mantine-scale));
 
-  --badge-fz-xs: calc(0.5625rem * var(--mantine-scale));
-  --badge-fz-sm: calc(0.625rem * var(--mantine-scale));
-  --badge-fz-md: calc(0.6875rem * var(--mantine-scale));
-  --badge-fz-lg: calc(0.8125rem * var(--mantine-scale));
-  --badge-fz-xl: calc(1rem * var(--mantine-scale));
+  --input-padding-y-xs: calc(0.3125rem * var(--mantine-scale));
+  --input-padding-y-sm: calc(0.375rem * var(--mantine-scale));
+  --input-padding-y-md: calc(0.5rem * var(--mantine-scale));
+  --input-padding-y-lg: calc(0.625rem * var(--mantine-scale));
+  --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));
 
-  --badge-padding-x-xs: calc(0.375rem * var(--mantine-scale));
-  --badge-padding-x-sm: calc(0.5rem * var(--mantine-scale));
-  --badge-padding-x-md: calc(0.625rem * var(--mantine-scale));
-  --badge-padding-x-lg: calc(0.75rem * var(--mantine-scale));
-  --badge-padding-x-xl: calc(1rem * var(--mantine-scale));
+  --_input-cursor: text;
+  --_input-text-align: left;
+  --_input-line-height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
+  --_input-padding: calc(var(--input-height) / 3);
+  --_input-padding-left: var(--_input-padding);
+  --_input-padding-right: var(--_input-padding);
+  --_input-placeholder-color: var(--mantine-color-placeholder);
+  --_input-color: inherit;
+  --_input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));
+  --_input-right-section-size: var(
+    --input-right-section-width,
+    calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)))
+  );
+  --_input-size: var(--input-height);
 
-  font-size: var(--badge-fz);
-  border-radius: var(--badge-radius);
-  height: var(--badge-height);
-  -webkit-tap-highlight-color: transparent;
-  line-height: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
-  text-decoration: none;
-  padding: 0 var(--badge-padding-x);
-  display: var(--_badge-display, inline-flex);
-  align-items: center;
-  justify-content: center;
-  width: var(--_badge-width, auto);
-  text-transform: uppercase;
-  font-weight: 700;
-  letter-spacing: calc(0.015625rem * var(--mantine-scale));
-  cursor: inherit;
-  text-overflow: ellipsis;
-  overflow: hidden;
+  --_section-y: calc(0.0625rem * var(--mantine-scale));
+  --_left-section-left: calc(0.0625rem * var(--mantine-scale));
+  --_left-section-right: unset;
+  --_left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
 
-  color: var(--badge-color);
-  background: var(--badge-bg);
-  border: var(--badge-bd);
+  --_right-section-left: unset;
+  --_right-section-right: calc(0.0625rem * var(--mantine-scale));
+  --_right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
 }
 
-  .mantine-WM8AqtG[data-block] {
-    --_badge-display: flex;
-    --_badge-width: 100%;
+  .mantine-RqD0YyD[data-pointer] {
+    --_input-cursor: pointer;
   }
 
-.mantine-d3u1-wu {
-  --badge-dot-size: calc(var(--badge-height) / 3.4);
+  .mantine-RqD0YyD[data-multiline] {
+    --_input-size: auto;
+    --_input-line-height: var(--mantine-line-height);
+  }
 
-  background-color: var(--_badge-bg);
-  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_badge-border-color);
-  color: var(--_badge-color);
-}
+  .mantine-RqD0YyD[data-variant='unstyled'] {
+    --input-padding: 0;
+    --input-padding-y: 0;
+  }
 
-[data-mantine-color-scheme='light'] .mantine-d3u1-wu {
-    --_badge-bg: var(--mantine-color-white);
-    --_badge-border-color: var(--mantine-color-gray-4);
-    --_badge-color: var(--mantine-color-black);
-}
+  .mantine-RqD0YyD[data-with-left-section] {
+    --_input-padding-left: var(--_input-left-section-size);
+  }
 
-[data-mantine-color-scheme='dark'] .mantine-d3u1-wu {
-    --_badge-bg: var(--mantine-color-dark-5);
-    --_badge-border-color: var(--mantine-color-dark-5);
-    --_badge-color: var(--mantine-color-white);
+  [dir="rtl"] .mantine-RqD0YyD[data-with-left-section] {
+      --_input-padding-right: var(--_input-left-section-size);
 }
 
-.mantine-d3u1-wu::before {
-    content: '';
-    display: block;
-    width: var(--badge-dot-size);
-    height: var(--badge-dot-size);
-    border-radius: var(--badge-dot-size);
-    background-color: var(--badge-dot-color);
-    margin-right: var(--badge-dot-size);
+  .mantine-RqD0YyD[data-with-right-section] {
+    --_input-padding-right: var(--_input-right-section-size);
   }
 
-[dir="rtl"] .mantine-d3u1-wu::before {
-      margin-right: 0;
-      margin-left: var(--badge-dot-size);
+  [dir="rtl"] .mantine-RqD0YyD[data-with-right-section] {
+      --_input-padding-left: var(--_input-right-section-size);
 }
 
-.mantine-LN56t-P {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  [data-mantine-color-scheme='light'] .mantine-RqD0YyD {
+    --_input-disabled-bg: var(--mantine-color-gray-1);
+    --_input-disabled-color: var(--mantine-color-gray-6);
 }
 
-.mantine-cbpGUul {
-  --_section-margin: calc(var(--mantine-spacing-xs) / 2);
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-}
+  [data-mantine-color-scheme='light'] .mantine-RqD0YyD[data-variant='default'] {
+      --_input-bd: var(--mantine-color-gray-4);
+      --_input-bg: var(--mantine-color-white);
+      --_input-bd-focus: var(--mantine-color-primary);
+    }
 
-.mantine-cbpGUul[data-position='left'] {
-    margin-left: var(--_left-section-ml, 0);
-    margin-right: var(--_left-section-mr, var(--_section-margin));
-  }
+  [data-mantine-color-scheme='light'] .mantine-RqD0YyD[data-variant='filled'] {
+      --_input-bd: transparent;
+      --_input-bg: var(--mantine-color-gray-1);
+      --_input-bd-focus: var(--mantine-color-primary);
+    }
 
-[dir="rtl"] .mantine-cbpGUul[data-position='left'] {
-      --_left-section-ml: var(--_section-margin);
-      --_left-section-mr: 0;
-}
+  [data-mantine-color-scheme='light'] .mantine-RqD0YyD[data-variant='unstyled'] {
+      --_input-bd: transparent;
+      --_input-bg: transparent;
+      --_input-bd-focus: transparent;
+    }
 
-.mantine-cbpGUul[data-position='right'] {
-    margin-left: var(--_right-section-ml, var(--_section-margin));
-    margin-right: var(--_right-section-mr, 0);
-  }
+  [data-mantine-color-scheme='dark'] .mantine-RqD0YyD {
+    --_input-disabled-bg: var(--mantine-color-dark-6);
+    --_input-disabled-color: var(--mantine-color-dark-2);
+}
 
-[dir="rtl"] .mantine-cbpGUul[data-position='right'] {
-      --_right-section-mr: var(--_section-margin);
-      --_right-section-ml: 0;
-}
+  [data-mantine-color-scheme='dark'] .mantine-RqD0YyD[data-variant='default'] {
+      --_input-bd: var(--mantine-color-dark-4);
+      --_input-bg: var(--mantine-color-dark-6);
+      --_input-bd-focus: var(--mantine-color-primary);
+    }
 
-.mantine-ecNe4vP {
-  --_bq-border: calc(0.1875rem * var(--mantine-scale)) solid var(--bq-bd);
+  [data-mantine-color-scheme='dark'] .mantine-RqD0YyD[data-variant='filled'] {
+      --_input-bd: transparent;
+      --_input-bg: var(--mantine-color-dark-5);
+      --_input-bd-focus: var(--mantine-color-primary);
+    }
 
-  position: relative;
-  margin: 0;
-  background-color: var(--_bq-bg);
-  border-left: var(--_bq-border-left, var(--_bq-border));
-  border-right: var(--_bq-border-right, 0);
-  border-radius: var(--bq-radius);
-  border-top-left-radius: var(--_bq-radius-left, 0);
-  border-top-right-radius: var(--_bq-radius-right, var(--bq-radius));
-  border-bottom-left-radius: var(--_bq-radius-left, 0);
-  border-bottom-right-radius: var(--_bq-radius-right, var(--bq-radius));
-  padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale));
-}
+  [data-mantine-color-scheme='dark'] .mantine-RqD0YyD[data-variant='unstyled'] {
+      --_input-bd: transparent;
+      --_input-bg: transparent;
+      --_input-bd-focus: transparent;
+    }
 
-  [dir="rtl"] .mantine-ecNe4vP {
-    --_bq-radius-left: var(--bq-radius);
-    --_bq-radius-right: 0;
-    --_bq-border-left: 0;
-    --_bq-border-right: var(--_bq-border);
-}
+  [data-mantine-color-scheme] .mantine-RqD0YyD[data-error] {
+    --_input-bd: var(--mantine-color-error);
+    --_input-color: var(--mantine-color-error);
+    --_input-placeholder-color: var(--mantine-color-error);
+    --_input-section-color: var(--mantine-color-error);
+  }
 
-  [data-mantine-color-scheme='light'] .mantine-ecNe4vP {
-    --_bq-bg: var(--bq-bg-light);
+  [dir="rtl"] .mantine-RqD0YyD {
+    --_input-text-align: right;
+    --_left-section-left: unset;
+    --_left-section-right: calc(0.0625rem * var(--mantine-scale));
+    --_left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
+    --_right-section-left: calc(0.0625rem * var(--mantine-scale));
+    --_right-section-right: unset;
+    --_right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
 }
 
-  [data-mantine-color-scheme='dark'] .mantine-ecNe4vP {
-    --_bq-bg: var(--bq-bg-dark);
+.mantine-SbVPkHB {
+  -webkit-tap-highlight-color: transparent;
+  appearance: none;
+  resize: none;
+  display: block;
+  width: 100%;
+  transition: border-color 100ms ease;
+
+  text-align: var(--_input-text-align);
+  color: var(--_input-color);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_input-bd);
+  background-color: var(--_input-bg);
+  font-family: var(--mantine-font-family);
+  height: var(--_input-size);
+  min-height: var(--input-height);
+  line-height: var(--_input-line-height);
+  font-size: var(--input-fz);
+  border-radius: var(--input-radius);
+  padding-left: var(--_input-padding-left);
+  padding-right: var(--_input-padding-right);
+  padding-top: var(--input-padding-y, 0rem);
+  padding-bottom: var(--input-padding-y, 0rem);
+  cursor: var(--_input-cursor);
 }
 
-.mantine-OY7Gota {
+.mantine-SbVPkHB:focus,
+  .mantine-SbVPkHB:focus-within {
+    outline: none;
+    border-color: var(--_input-bd-focus);
+  }
+
+.mantine-SbVPkHB::placeholder {
+    color: var(--_input-placeholder-color);
+    opacity: 1;
+  }
+
+.mantine-SbVPkHB::-webkit-inner-spin-button,
+  .mantine-SbVPkHB::-webkit-outer-spin-button,
+  .mantine-SbVPkHB::-webkit-search-decoration,
+  .mantine-SbVPkHB::-webkit-search-cancel-button,
+  .mantine-SbVPkHB::-webkit-search-results-button,
+  .mantine-SbVPkHB::-webkit-search-results-decoration {
+    appearance: none;
+  }
+
+.mantine-SbVPkHB[type='number'] {
+    -moz-appearance: textfield;
+  }
+
+.mantine-SbVPkHB:has(input:disabled),
+  .mantine-SbVPkHB:disabled,
+  .mantine-SbVPkHB[data-disabled] {
+    cursor: not-allowed;
+    opacity: 0.6;
+    background-color: var(--_input-disabled-bg);
+    color: var(--_input-disabled-color);
+  }
+
+.mantine-gNNdAfw {
+  pointer-events: var(--_section-pointer-events);
   position: absolute;
-  color: var(--bq-bd);
-  background-color: var(--mantine-color-body);
+  z-index: 1;
+  left: var(--_section-left);
+  right: var(--_section-right);
+  bottom: var(--_section-y);
+  top: var(--_section-y);
   display: flex;
   align-items: center;
   justify-content: center;
-  top: calc(var(--bq-icon-size) / -2);
-  left: var(--_bq-icon-left, calc(var(--bq-icon-size) / -2));
-  right: var(--_bq-icon-right, 0);
-  width: var(--bq-icon-size);
-  height: var(--bq-icon-size);
-  border-radius: var(--bq-icon-size);
+  width: var(--_section-size);
+  border-radius: var(--_section-border-radius);
+  color: var(--mantine-color-placeholder);
 }
 
-[dir="rtl"] .mantine-OY7Gota {
-    --_bq-icon-left: 0;
-    --_bq-icon-right: calc(var(--bq-icon-size) / -2);
-}
+.mantine-gNNdAfw[data-position='right'] {
+    --_section-pointer-events: var(--input-right-section-pointer-events);
+    --_section-left: var(--_right-section-left);
+    --_section-right: var(--_right-section-right);
+    --_section-size: var(--_input-right-section-size);
+    --_section-border-radius: var(--_right-section-border-radius);
+  }
 
-.mantine-PxBRqGd {
-  display: block;
-  margin-top: var(--mantine-spacing-md);
-  opacity: 0.6;
-  font-size: 85%;
-}
+.mantine-gNNdAfw[data-position='left'] {
+    --_section-pointer-events: var(--input-left-section-pointer-events);
+    --_section-left: var(--_left-section-left);
+    --_section-right: var(--_left-section-right);
+    --_section-size: var(--_input-left-section-size);
+    --_section-border-radius: var(--_left-section-border-radius);
+  }
 
-.mantine-DpaSRWv {
-  display: flex;
-  align-items: center;
-}
+.mantine--1TgA5h {
+  --combobox-chevron-size-xs: calc(0.875rem * var(--mantine-scale));
+  --combobox-chevron-size-sm: calc(1.125rem * var(--mantine-scale));
+  --combobox-chevron-size-md: calc(1.25rem * var(--mantine-scale));
+  --combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale));
+  --combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale));
 
-.mantine-Xf5Xl8f {
-  line-height: 1;
-  white-space: nowrap;
-  -webkit-tap-highlight-color: transparent;
+  width: var(--combobox-chevron-size);
+  height: var(--combobox-chevron-size);
+  color: var(--_color);
 }
 
-.mantine-ixC9ZM7 {
-  margin-left: var(--bc-separator-margin);
-  margin-right: var(--bc-separator-margin);
-  color: var(--_separator-color);
-  line-height: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  [data-mantine-color-scheme='light'] .mantine--1TgA5h {
+    --_color: var(--mantine-color-gray-6);
 }
 
-[data-mantine-color-scheme='light'] .mantine-ixC9ZM7 {
-    --_separator-color: var(--mantine-color-gray-7);
+  [data-mantine-color-scheme='dark'] .mantine--1TgA5h {
+    --_color: var(--mantine-color-dark-3);
 }
 
-[data-mantine-color-scheme='dark'] .mantine-ixC9ZM7 {
-    --_separator-color: var(--mantine-color-dark-2);
-}
+  .mantine--1TgA5h[data-error] {
+    --_color: var(--mantine-color-error);
+  }
 
-.mantine-PpER79h {
-  --burger-size-xs: calc(0.75rem * var(--mantine-scale));
-  --burger-size-sm: calc(1.125rem * var(--mantine-scale));
-  --burger-size-md: calc(1.5rem * var(--mantine-scale));
-  --burger-size-lg: calc(2.125rem * var(--mantine-scale));
-  --burger-size-xl: calc(2.625rem * var(--mantine-scale));
+.mantine-Hu7S-XH {
+  position: absolute;
+  background-color: var(--_popover-bg);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_popover-bd);
+  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
+  box-shadow: var(--popover-shadow, none);
+  border-radius: var(--popover-radius);
+}
 
-  width: calc(var(--burger-size) + var(--mantine-spacing-xs));
-  height: calc(var(--burger-size) + var(--mantine-spacing-xs));
-  padding: calc(var(--mantine-spacing-xs) / 2);
-  cursor: pointer;
+  .mantine-Hu7S-XH:focus {
+    outline: none;
+  }
 
-  --_burger-color: var(--burger-color, var(--__burger-color));
+  [data-mantine-color-scheme='light'] .mantine-Hu7S-XH {
+    --_popover-bg: var(--mantine-color-white);
+    --_popover-bd: var(--mantine-color-gray-2);
 }
 
-  [data-mantine-color-scheme='light'] .mantine-PpER79h {
-    --__burger-color: var(--mantine-color-black);
+  [data-mantine-color-scheme='dark'] .mantine-Hu7S-XH {
+    --_popover-bg: var(--mantine-color-dark-6);
+    --_popover-bd: var(--mantine-color-dark-4);
 }
 
-  [data-mantine-color-scheme='dark'] .mantine-PpER79h {
-    --__burger-color: var(--mantine-color-white);
+.mantine-XLi9Yuw {
+  background-color: inherit;
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_popover-bd);
+  z-index: 1;
 }
 
-.mantine-VLigGGW {
-  position: relative;
-  user-select: none;
+.mantine-oGVJEaz {
+  padding: var(--combobox-padding);
 }
 
-.mantine-VLigGGW,
-  .mantine-VLigGGW::before,
-  .mantine-VLigGGW::after {
-    display: block;
-    width: var(--burger-size);
-    height: calc(var(--burger-size) / 12);
-    background-color: var(--_burger-color);
-    outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
-    transition-property: background-color, transform;
-    transition-duration: var(--burger-transition-duration);
-    transition-timing-function: var(--burger-transition-timing-function);
+  .mantine-oGVJEaz[data-hidden] {
+    display: none;
   }
 
-.mantine-VLigGGW::before,
-  .mantine-VLigGGW::after {
-    position: absolute;
-    content: '';
-    left: 0;
-  }
+/* Variables must be both on dropdown and options to support usage of Combobox.Options without Combobox.Dropdown */
+.mantine-oGVJEaz,
+.mantine-5kIu9Ez {
+  --combobox-option-padding-xs: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
+  --combobox-option-padding-sm: calc(0.375rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
+  --combobox-option-padding-md: calc(0.5rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale));
+  --combobox-option-padding-lg: calc(0.625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
+  --combobox-option-padding-xl: calc(0.875rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
+}
 
-.mantine-VLigGGW::before {
-    top: calc(var(--burger-size) / -3);
-  }
+.mantine-Jvh599k {
+  padding: var(--combobox-option-padding);
+  font-size: var(--combobox-option-fz);
+  border-radius: var(--mantine-radius-default);
+  background-color: var(--_option-bg, transparent);
+  color: var(--_option-color, inherit);
+  opacity: var(--_option-opacity, 1);
+  cursor: var(--_option-cursor, pointer);
+  word-break: break-word;
+}
 
-.mantine-VLigGGW::after {
-    top: calc(var(--burger-size) / 3);
+.mantine-Jvh599k[data-combobox-selected] {
+    --_option-bg: var(--mantine-color-primary);
+    --_option-color: var(--mantine-color-white);
   }
 
-.mantine-VLigGGW[data-opened] {
-    background-color: transparent;
+.mantine-Jvh599k[data-combobox-disabled] {
+    --_option-cursor: not-allowed;
+    --_option-opacity: 0.35;
   }
 
-.mantine-VLigGGW[data-opened]::before {
-      transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
-    }
-
-.mantine-VLigGGW[data-opened]::after {
-      transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
-    }
+@media (hover: hover) {
+      [data-mantine-color-scheme='light'] .mantine-Jvh599k:hover:not([data-combobox-selected], [data-combobox-disabled]) {
+        --_option-bg: var(--mantine-color-gray-0);
+  }
 
-.mantine-VaCj17A {
-  display: flex;
+      [data-mantine-color-scheme='dark'] .mantine-Jvh599k:hover:not([data-combobox-selected], [data-combobox-disabled]) {
+        --_option-bg: var(--mantine-color-dark-7);
+  }
 }
 
-  .mantine-VaCj17A[data-orientation='horizontal'] {
-    flex-direction: row;
+@media (hover: none) {
+      [data-mantine-color-scheme='light'] .mantine-Jvh599k:active:not([data-combobox-selected], [data-combobox-disabled]) {
+        --_option-bg: var(--mantine-color-gray-0);
   }
 
-  .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):first-child {
-        border-bottom-right-radius: 0;
-        border-top-right-radius: 0;
-        border-right-width: calc(var(--button-border-width) / 2);
-      }
-
-  .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):last-child {
-        border-bottom-left-radius: 0;
-        border-top-left-radius: 0;
-        border-left-width: calc(var(--button-border-width) / 2);
-      }
-
-  .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):not(:first-child):not(:last-child) {
-        border-radius: 0;
-        border-right-width: calc(var(--button-border-width) / 2);
-        border-left-width: calc(var(--button-border-width) / 2);
-      }
-
-  .mantine-VaCj17A[data-orientation='vertical'] {
-    flex-direction: column;
+      [data-mantine-color-scheme='dark'] .mantine-Jvh599k:active:not([data-combobox-selected], [data-combobox-disabled]) {
+        --_option-bg: var(--mantine-color-dark-7);
   }
+}
 
-  .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):first-child {
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0;
-        border-bottom-width: calc(var(--button-border-width) / 2);
-      }
-
-  .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):last-child {
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-        border-top-width: calc(var(--button-border-width) / 2);
-      }
-
-  .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):not(:first-child):not(:last-child) {
-        border-radius: 0;
-        border-bottom-width: calc(var(--button-border-width) / 2);
-        border-top-width: calc(var(--button-border-width) / 2);
-      }
-
-.mantine-c33yiTy {
-  --button-height-xs: calc(1.875rem * var(--mantine-scale));
-  --button-height-sm: calc(2.25rem * var(--mantine-scale));
-  --button-height-md: calc(2.625rem * var(--mantine-scale));
-  --button-height-lg: calc(3.125rem * var(--mantine-scale));
-  --button-height-xl: calc(3.75rem * var(--mantine-scale));
+.mantine-E0imXrV {
+  margin-left: calc(var(--combobox-padding) * -1);
+  margin-right: calc(var(--combobox-padding) * -1);
+  margin-top: calc(var(--combobox-padding) * -1);
+  width: calc(100% + var(--combobox-padding) * 2);
+  border-top-width: 0;
+  border-right-width: 0;
+  border-left-width: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-bottom: var(--combobox-padding);
+  background-color: var(--_search_background);
+  position: relative;
+  z-index: 1000;
+}
 
-  --button-height-compact-xs: calc(1.375rem * var(--mantine-scale));
-  --button-height-compact-sm: calc(1.625rem * var(--mantine-scale));
-  --button-height-compact-md: calc(1.875rem * var(--mantine-scale));
-  --button-height-compact-lg: calc(2.125rem * var(--mantine-scale));
-  --button-height-compact-xl: calc(2.5rem * var(--mantine-scale));
+.mantine-E0imXrV,
+  .mantine-E0imXrV:focus {
+    border-color: var(--_search-border-color);
+  }
 
-  --button-padding-x-xs: calc(0.875rem * var(--mantine-scale));
-  --button-padding-x-sm: calc(1.125rem * var(--mantine-scale));
-  --button-padding-x-md: calc(1.375rem * var(--mantine-scale));
-  --button-padding-x-lg: calc(1.625rem * var(--mantine-scale));
-  --button-padding-x-xl: calc(2rem * var(--mantine-scale));
+[data-mantine-color-scheme='light'] .mantine-E0imXrV {
+    --_search-border-color: var(--mantine-color-gray-2);
+    --_search_background: var(--mantine-color-white);
+}
 
-  --button-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
-  --button-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
-  --button-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
-  --button-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
-  --button-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));
+[data-mantine-color-scheme='dark'] .mantine-E0imXrV {
+    --_search-border-color: var(--mantine-color-dark-4);
+    --_search_background: var(--mantine-color-dark-7);
+}
 
-  user-select: none;
-  font-weight: 600;
-  position: relative;
-  line-height: 1;
+.mantine-AHC-x-C {
+  font-size: var(--combobox-option-fz);
   text-align: center;
-
-  width: var(--_button-width, auto);
-  cursor: var(--_button-cursor, pointer);
-  display: var(--_button-display, inline-block);
-  border-radius: var(--button-radius);
-  font-size: var(--button-fz);
-  background: var(--_button-bg, var(--button-bg));
-  border: var(--_button-bd, var(--button-bd));
-  color: var(--_button-color, var(--button-color));
-  height: var(--button-height);
-  padding-left: var(--_button-padding-left, var(--button-padding-x));
-  padding-right: var(--_button-padding-right, var(--button-padding-x));
+  padding: var(--combobox-option-padding);
+  color: var(--mantine-color-dimmed);
 }
 
-  .mantine-c33yiTy[data-block] {
-    --_button-display: block;
-    --_button-width: 100%;
-  }
+.mantine-raltP2G,
+.mantine-dRrkbFg {
+  font-size: var(--combobox-option-fz);
+  border: 0 solid var(--_footer-border-color);
+  margin-left: calc(var(--combobox-padding) * -1);
+  margin-right: calc(var(--combobox-padding) * -1);
+  padding: var(--combobox-option-padding);
+}
 
-  .mantine-c33yiTy[data-with-left-section] {
-    --_button-padding-left: calc(var(--button-padding-x) / 1.5);
-  }
+[data-mantine-color-scheme='light'] .mantine-raltP2G, [data-mantine-color-scheme='light'] .mantine-dRrkbFg {
+    --_footer-border-color: var(--mantine-color-gray-2);
+}
 
-  [dir="rtl"] .mantine-c33yiTy[data-with-left-section] {
-      --_button-padding-left: var(--button-padding-x);
-      --_button-padding-right: calc(var(--button-padding-x) / 1.5);
+[data-mantine-color-scheme='dark'] .mantine-raltP2G, [data-mantine-color-scheme='dark'] .mantine-dRrkbFg {
+    --_footer-border-color: var(--mantine-color-dark-4);
 }
 
-  .mantine-c33yiTy[data-with-right-section] {
-    --_button-padding-right: calc(var(--button-padding-x) / 1.5);
-  }
+.mantine-dRrkbFg {
+  border-top-width: calc(0.0625rem * var(--mantine-scale));
+  margin-top: var(--combobox-padding);
+  margin-bottom: calc(var(--combobox-padding) * -1);
+}
 
-  [dir="rtl"] .mantine-c33yiTy[data-with-right-section] {
-      --_button-padding-right: var(--button-padding-x);
-      --_button-padding-left: calc(var(--button-padding-x) / 1.5);
+.mantine-raltP2G {
+  border-bottom-width: calc(0.0625rem * var(--mantine-scale));
+  margin-bottom: var(--combobox-padding);
+  margin-top: calc(var(--combobox-padding) * -1);
 }
 
-  .mantine-c33yiTy:disabled:not([data-loading]),
-  .mantine-c33yiTy[data-disabled]:not([data-loading]) {
-    --_button-cursor: not-allowed;
-    --_button-bg: var(--_disabled-bg);
-    --_button-color: var(--_disabled-color);
-    transform: none;
+.mantine-kkccSNb:has(.mantine-e3mmS3k:only-child) {
+    display: none;
   }
 
-  .mantine-c33yiTy[data-loading] {
-    --_button-cursor: not-allowed;
+.mantine-e3mmS3k {
+  color: var(--mantine-color-dimmed);
+  font-size: calc(var(--combobox-option-fz) * 0.85);
+  padding: var(--combobox-option-padding);
+  font-weight: 500;
+  position: relative;
+  display: flex;
+  align-items: center;
+}
 
-    transform: none;
+.mantine-e3mmS3k::after {
+    content: '';
+    flex: 1 1;
+    left: 0;
+    right: 0;
+    height: calc(0.0625rem * var(--mantine-scale));
+    margin-left: var(--mantine-spacing-xs);
+    background-color: var(--_divider-bg);
   }
 
-  .mantine-c33yiTy[data-loading]::before {
-      content: '';
-      position: absolute;
-      inset: calc(-0.0625rem * var(--mantine-scale));
-      border-radius: var(--button-radius);
-      background-color: var(--_button-loading-overlay-bg);
-    }
-
-  @media (hover: hover) {
-    .mantine-c33yiTy:hover:not([data-loading]):not(:disabled):not([data-disabled]) {
-      --_button-bg: var(--button-hover);
-    }
+[data-mantine-color-scheme='light'] .mantine-e3mmS3k::after {
+      --_divider-bg: var(--mantine-color-gray-2);
 }
 
-  @media (hover: none) {
-    .mantine-c33yiTy:active:not([data-loading]):not(:disabled):not([data-disabled]) {
-      --_button-bg: var(--button-hover);
-    }
+[data-mantine-color-scheme='dark'] .mantine-e3mmS3k::after {
+      --_divider-bg: var(--mantine-color-dark-4);
 }
 
-  [data-mantine-color-scheme='light'] .mantine-c33yiTy {
-    --_disabled-color: var(--mantine-color-gray-5);
-    --_disabled-bg: var(--mantine-color-gray-1);
-    --_button-loading-overlay-bg: rgba(255, 255, 255, 0.35);
-}
+.mantine-e3mmS3k:only-child {
+    display: none;
+  }
 
-  [data-mantine-color-scheme='dark'] .mantine-c33yiTy {
-    --_disabled-color: var(--mantine-color-dark-3);
-    --_disabled-bg: var(--mantine-color-dark-6);
-    --_button-loading-overlay-bg: rgba(0, 0, 0, 0.35);
+.mantine--CW641A {
+  position: relative;
+  overflow: hidden;
 }
 
-.mantine-O2hyOF7 {
-  display: flex;
-  align-items: center;
-  justify-content: var(--button-justify, center);
+.mantine-VMS5T20 {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  -webkit-overflow-scrolling: touch;
+  width: 100%;
   height: 100%;
-  overflow: visible;
+  padding-right: var(--_viewport-padding-right, 0rem);
+  padding-left: var(--_viewport-padding-left, 0rem);
+  padding-bottom: var(--_viewport-padding-bottom, 0rem);
 }
 
-.mantine-57Dsm73 {
-  white-space: nowrap;
-  height: 100%;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  opacity: var(--_button-label-opacity, 1);
-}
+.mantine-VMS5T20::-webkit-scrollbar {
+    display: none;
+  }
 
-.mantine-57Dsm73[data-loading] {
-    --_button-label-opacity: 0.2;
+.mantine-VMS5T20[data-offset-scrollbars='xy'],
+  .mantine-VMS5T20[data-offset-scrollbars='y'] {
+    --_viewport-padding-right: var(--scrollarea-scrollbar-size);
+    --_viewport-padding-left: unset;
   }
 
-.mantine-klSE8ka {
-  display: flex;
-  align-items: center;
-  margin-right: var(--_button-section-margin-right);
-  margin-left: var(--_button-section-margin-left);
+[dir="rtl"] .mantine-VMS5T20[data-offset-scrollbars='xy'], [dir="rtl"] .mantine-VMS5T20[data-offset-scrollbars='y'] {
+      --_viewport-padding-right: unset;
+      --_viewport-padding-left: var(--scrollarea-scrollbar-size);
 }
 
-.mantine-klSE8ka[data-position='left'] {
-    --_button-section-margin-right: var(--mantine-spacing-xs);
+.mantine-VMS5T20[data-offset-scrollbars='xy'],
+  .mantine-VMS5T20[data-offset-scrollbars='x'] {
+    --_viewport-padding-bottom: var(--scrollarea-scrollbar-size);
   }
 
-[dir="rtl"] .mantine-klSE8ka[data-position='left'] {
-      --_button-section-margin-right: 0;
-      --_button-section-margin-left: var(--mantine-spacing-xs);
+.mantine-u-8GE5z {
+  min-width: 100%;
+  display: table;
 }
 
-.mantine-klSE8ka[data-position='right'] {
-    --_button-section-margin-left: var(--mantine-spacing-xs);
-  }
+.mantine-zngBbDv {
+  user-select: none;
+  touch-action: none;
+  box-sizing: border-box;
+  transition: background-color 150ms ease, opacity 150ms ease;
 
-[dir="rtl"] .mantine-klSE8ka[data-position='right'] {
-      --_button-section-margin-left: 0;
-      --_button-section-margin-right: var(--mantine-spacing-xs);
+  padding: calc(var(--scrollarea-scrollbar-size) / 5);
+  display: var(--_scrollbar-display, flex);
+  background-color: var(--_scrollbar-bg, transparent);
+  width: var(--_scrollbar-width);
+  height: var(--_scrollbar-height);
+  flex-direction: var(--_scrollbar-direction, row);
 }
 
-.mantine-2p4-weR {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
+.mantine-zngBbDv > .mantine-5u72r1f {
+    background-color: var(--_thumb-bg);
+  }
 
-.mantine-FiYZkHS {
-  display: var(--center-display);
-  align-items: center;
-  justify-content: center;
-}
+@media (hover: hover) {
+    [data-mantine-color-scheme='light'] .mantine-zngBbDv:hover {
+      --_scrollbar-bg: var(--mantine-color-gray-0);
+      --_thumb-bg: rgba(0, 0, 0, 0.5);
+  }
 
-.mantine-k-roXEr {
-  line-height: var(--mantine-line-height);
+    [data-mantine-color-scheme='dark'] .mantine-zngBbDv:hover {
+      --_scrollbar-bg: var(--mantine-color-dark-8);
+      --_thumb-bg: rgba(255, 255, 255, 0.5);
+  }
 }
 
-.mantine-BMQXnww {
-  display: inline-block;
-  font-weight: 500;
-  word-break: break-word;
-  cursor: default;
-  -webkit-tap-highlight-color: transparent;
+@media (hover: none) {
+    [data-mantine-color-scheme='light'] .mantine-zngBbDv:active {
+      --_scrollbar-bg: var(--mantine-color-gray-0);
+      --_thumb-bg: rgba(0, 0, 0, 0.5);
+  }
 
-  font-size: var(--input-label-size);
+    [data-mantine-color-scheme='dark'] .mantine-zngBbDv:active {
+      --_scrollbar-bg: var(--mantine-color-dark-8);
+      --_thumb-bg: rgba(255, 255, 255, 0.5);
+  }
 }
 
-.mantine-7gKrkkZ {
-  color: var(--input-asterisk-color);
-}
+.mantine-zngBbDv[data-hidden],
+  .mantine-zngBbDv[data-state='hidden'] {
+    --_scrollbar-display: none;
+  }
 
-.mantine-mToQZGN,
-.mantine-G6m1fCH {
-  word-wrap: break-word;
-  line-height: 1.2;
-  display: block;
-  margin: 0;
-  padding: 0;
-}
+.mantine-zngBbDv[data-orientation='vertical'] {
+    --_scrollbar-width: var(--scrollarea-scrollbar-size);
 
-.mantine-mToQZGN {
-  color: var(--mantine-color-error);
-  font-size: var(--input-error-size);
-}
+    top: 0;
+    bottom: var(--sa-corner-width);
+    right: 0;
+  }
 
-.mantine-G6m1fCH {
-  color: var(--mantine-color-dimmed);
-  font-size: var(--input-description-size);
+[dir="rtl"] .mantine-zngBbDv[data-orientation='vertical'] {
+      right: unset;
+      left: 0;
 }
 
-.mantine-7YWxW9a {
-  color: var(--mantine-color-placeholder);
+.mantine-zngBbDv[data-orientation='horizontal'] {
+    --_scrollbar-height: var(--scrollarea-scrollbar-size);
+    --_scrollbar-direction: column;
+
+    bottom: 0;
+    left: 0;
+    right: var(--sa-corner-height);
+  }
+
+[dir="rtl"] .mantine-zngBbDv[data-orientation='horizontal'] {
+      right: 0;
+      left: var(--sa-corner-height);
 }
 
-.mantine-RqD0YyD {
+.mantine-5u72r1f {
+  flex: 1 1;
+  border-radius: var(--scrollarea-scrollbar-size);
   position: relative;
-  margin-top: var(--input-margin-top, 0rem);
-  margin-bottom: var(--input-margin-bottom, 0rem);
+  transition: background-color 150ms ease;
+  overflow: hidden;
+  background-color: var(--_thumb-bg);
+}
 
-  --input-height-xs: calc(1.875rem * var(--mantine-scale));
-  --input-height-sm: calc(2.25rem * var(--mantine-scale));
-  --input-height-md: calc(2.625rem * var(--mantine-scale));
-  --input-height-lg: calc(3.125rem * var(--mantine-scale));
-  --input-height-xl: calc(3.75rem * var(--mantine-scale));
+.mantine-5u72r1f::before {
+    content: '""';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+    height: 100%;
+    min-width: calc(2.75rem * var(--mantine-scale));
+    min-height: calc(2.75rem * var(--mantine-scale));
+  }
 
-  --input-padding-y-xs: calc(0.3125rem * var(--mantine-scale));
-  --input-padding-y-sm: calc(0.375rem * var(--mantine-scale));
-  --input-padding-y-md: calc(0.5rem * var(--mantine-scale));
-  --input-padding-y-lg: calc(0.625rem * var(--mantine-scale));
-  --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));
+[data-mantine-color-scheme='light'] .mantine-5u72r1f {
+    --_thumb-bg: rgba(0, 0, 0, 0.4);
+}
 
-  --_input-cursor: text;
-  --_input-text-align: left;
-  --_input-line-height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
-  --_input-padding: calc(var(--input-height) / 3);
-  --_input-padding-left: var(--_input-padding);
-  --_input-padding-right: var(--_input-padding);
-  --_input-placeholder-color: var(--mantine-color-placeholder);
-  --_input-color: inherit;
-  --_input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));
-  --_input-right-section-size: var(
-    --input-right-section-width,
-    calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)))
-  );
-  --_input-size: var(--input-height);
+[data-mantine-color-scheme='dark'] .mantine-5u72r1f {
+    --_thumb-bg: rgba(255, 255, 255, 0.4);
+}
 
-  --_section-y: calc(0.0625rem * var(--mantine-scale));
-  --_left-section-left: calc(0.0625rem * var(--mantine-scale));
-  --_left-section-right: unset;
-  --_left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
+.mantine-29iF76- {
+  position: absolute;
+  opacity: var(--_corner-opacity, 0);
+  transition: opacity 150ms ease;
+  background-color: var(--_corner-bg);
+  display: var(--_corner-display, block);
+  right: 0;
+  bottom: 0;
+}
 
-  --_right-section-left: unset;
-  --_right-section-right: calc(0.0625rem * var(--mantine-scale));
-  --_right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
+[dir="rtl"] .mantine-29iF76- {
+    right: unset;
+    left: 0;
+    bottom: 0;
 }
 
-  .mantine-RqD0YyD[data-pointer] {
-    --_input-cursor: pointer;
-  }
+[data-mantine-color-scheme='light'] .mantine-29iF76- {
+    --_corner-bg: var(--mantine-color-gray-0);
+}
 
-  .mantine-RqD0YyD[data-multiline] {
-    --_input-size: auto;
-    --_input-line-height: var(--mantine-line-height);
-  }
+[data-mantine-color-scheme='dark'] .mantine-29iF76- {
+    --_corner-bg: var(--mantine-color-dark-8);
+}
 
-  .mantine-RqD0YyD[data-variant='unstyled'] {
-    --input-padding: 0;
-    --input-padding-y: 0;
+.mantine-29iF76-[data-hovered] {
+    --_corner-opacity: 1;
   }
 
-  .mantine-RqD0YyD[data-with-left-section] {
-    --_input-padding-left: var(--_input-left-section-size);
+.mantine-29iF76-[data-hidden] {
+    --_corner-display: none;
   }
 
-  [dir="rtl"] .mantine-RqD0YyD[data-with-left-section] {
-      --_input-padding-right: var(--_input-left-section-size);
+.mantine-3rVj5cu {
+  --label-lh-xs: calc(1rem * var(--mantine-scale));
+  --label-lh-sm: calc(1.25rem * var(--mantine-scale));
+  --label-lh-md: calc(1.5rem * var(--mantine-scale));
+  --label-lh-lg: calc(1.875rem * var(--mantine-scale));
+  --label-lh-xl: calc(2.25rem * var(--mantine-scale));
 }
 
-  .mantine-RqD0YyD[data-with-right-section] {
-    --_input-padding-right: var(--_input-right-section-size);
+  .mantine-3rVj5cu[data-label-position='left'] {
+    --_label-order: 1;
+    --_offset-right: var(--mantine-spacing-sm);
+    --_offset-left: 0;
   }
 
-  [dir="rtl"] .mantine-RqD0YyD[data-with-right-section] {
-      --_input-padding-left: var(--_input-right-section-size);
+  [dir="rtl"] .mantine-3rVj5cu[data-label-position='left'] {
+      --_offset-right: 0;
+      --_offset-left: var(--mantine-spacing-sm);
 }
 
-  [data-mantine-color-scheme='light'] .mantine-RqD0YyD {
-    --_input-disabled-bg: var(--mantine-color-gray-1);
-    --_input-disabled-color: var(--mantine-color-gray-6);
-}
-
-  [data-mantine-color-scheme='light'] .mantine-RqD0YyD[data-variant='default'] {
-      --_input-bd: var(--mantine-color-gray-4);
-      --_input-bg: var(--mantine-color-white);
-      --_input-bd-focus: var(--mantine-color-primary);
-    }
-
-  [data-mantine-color-scheme='light'] .mantine-RqD0YyD[data-variant='filled'] {
-      --_input-bd: transparent;
-      --_input-bg: var(--mantine-color-gray-1);
-      --_input-bd-focus: var(--mantine-color-primary);
-    }
-
-  [data-mantine-color-scheme='light'] .mantine-RqD0YyD[data-variant='unstyled'] {
-      --_input-bd: transparent;
-      --_input-bg: transparent;
-      --_input-bd-focus: transparent;
-    }
-
-  [data-mantine-color-scheme='dark'] .mantine-RqD0YyD {
-    --_input-disabled-bg: var(--mantine-color-dark-6);
-    --_input-disabled-color: var(--mantine-color-dark-2);
-}
-
-  [data-mantine-color-scheme='dark'] .mantine-RqD0YyD[data-variant='default'] {
-      --_input-bd: var(--mantine-color-dark-4);
-      --_input-bg: var(--mantine-color-dark-6);
-      --_input-bd-focus: var(--mantine-color-primary);
-    }
-
-  [data-mantine-color-scheme='dark'] .mantine-RqD0YyD[data-variant='filled'] {
-      --_input-bd: transparent;
-      --_input-bg: var(--mantine-color-dark-5);
-      --_input-bd-focus: var(--mantine-color-primary);
-    }
-
-  [data-mantine-color-scheme='dark'] .mantine-RqD0YyD[data-variant='unstyled'] {
-      --_input-bd: transparent;
-      --_input-bg: transparent;
-      --_input-bd-focus: transparent;
-    }
-
-  [data-mantine-color-scheme] .mantine-RqD0YyD[data-error] {
-    --_input-bd: var(--mantine-color-error);
-    --_input-color: var(--mantine-color-error);
-    --_input-placeholder-color: var(--mantine-color-error);
-    --_input-section-color: var(--mantine-color-error);
-  }
-
-  [dir="rtl"] .mantine-RqD0YyD {
-    --_input-text-align: right;
-    --_left-section-left: unset;
-    --_left-section-right: calc(0.0625rem * var(--mantine-scale));
-    --_left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
-    --_right-section-left: calc(0.0625rem * var(--mantine-scale));
-    --_right-section-right: unset;
-    --_right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
-}
-
-.mantine-SbVPkHB {
-  -webkit-tap-highlight-color: transparent;
-  appearance: none;
-  resize: none;
-  display: block;
-  width: 100%;
-  transition: border-color 100ms ease;
-
-  text-align: var(--_input-text-align);
-  color: var(--_input-color);
-  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_input-bd);
-  background-color: var(--_input-bg);
-  font-family: var(--mantine-font-family);
-  height: var(--_input-size);
-  min-height: var(--input-height);
-  line-height: var(--_input-line-height);
-  font-size: var(--input-fz);
-  border-radius: var(--input-radius);
-  padding-left: var(--_input-padding-left);
-  padding-right: var(--_input-padding-right);
-  padding-top: var(--input-padding-y, 0rem);
-  padding-bottom: var(--input-padding-y, 0rem);
-  cursor: var(--_input-cursor);
-}
-
-.mantine-SbVPkHB:focus,
-  .mantine-SbVPkHB:focus-within {
-    outline: none;
-    border-color: var(--_input-bd-focus);
-  }
-
-.mantine-SbVPkHB::placeholder {
-    color: var(--_input-placeholder-color);
-    opacity: 1;
-  }
-
-.mantine-SbVPkHB::-webkit-inner-spin-button,
-  .mantine-SbVPkHB::-webkit-outer-spin-button,
-  .mantine-SbVPkHB::-webkit-search-decoration,
-  .mantine-SbVPkHB::-webkit-search-cancel-button,
-  .mantine-SbVPkHB::-webkit-search-results-button,
-  .mantine-SbVPkHB::-webkit-search-results-decoration {
-    appearance: none;
-  }
-
-.mantine-SbVPkHB[type='number'] {
-    -moz-appearance: textfield;
-  }
-
-.mantine-SbVPkHB:disabled,
-  .mantine-SbVPkHB[data-disabled] {
-    cursor: not-allowed;
-    opacity: 0.6;
-    background-color: var(--_input-disabled-bg);
-    color: var(--_input-disabled-color);
-  }
-
-.mantine-gNNdAfw {
-  pointer-events: var(--_section-pointer-events);
-  position: absolute;
-  z-index: 1;
-  left: var(--_section-left);
-  right: var(--_section-right);
-  bottom: var(--_section-y);
-  top: var(--_section-y);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--_section-size);
-  border-radius: var(--_section-border-radius);
-  color: var(--mantine-color-placeholder);
-}
-
-.mantine-gNNdAfw[data-position='right'] {
-    --_section-pointer-events: var(--input-right-section-pointer-events);
-    --_section-left: var(--_right-section-left);
-    --_section-right: var(--_right-section-right);
-    --_section-size: var(--_input-right-section-size);
-    --_section-border-radius: var(--_right-section-border-radius);
-  }
-
-.mantine-gNNdAfw[data-position='left'] {
-    --_section-pointer-events: var(--input-left-section-pointer-events);
-    --_section-left: var(--_left-section-left);
-    --_section-right: var(--_left-section-right);
-    --_section-size: var(--_input-left-section-size);
-    --_section-border-radius: var(--_left-section-border-radius);
-  }
-
-.mantine-3rVj5cu {
-  --label-lh-xs: calc(1rem * var(--mantine-scale));
-  --label-lh-sm: calc(1.25rem * var(--mantine-scale));
-  --label-lh-md: calc(1.5rem * var(--mantine-scale));
-  --label-lh-lg: calc(1.875rem * var(--mantine-scale));
-  --label-lh-xl: calc(2.25rem * var(--mantine-scale));
-}
-
-  .mantine-3rVj5cu[data-label-position='left'] {
-    --_label-order: 1;
-    --_offset-right: var(--mantine-spacing-sm);
-    --_offset-left: 0;
-  }
-
-  [dir="rtl"] .mantine-3rVj5cu[data-label-position='left'] {
-      --_offset-right: 0;
-      --_offset-left: var(--mantine-spacing-sm);
-}
-
-  .mantine-3rVj5cu[data-label-position='right'] {
-    --_label-order: 2;
-    --_offset-right: 0;
-    --_offset-left: var(--mantine-spacing-sm);
-  }
+  .mantine-3rVj5cu[data-label-position='right'] {
+    --_label-order: 2;
+    --_offset-right: 0;
+    --_offset-left: var(--mantine-spacing-sm);
+  }
 
   [dir="rtl"] .mantine-3rVj5cu[data-label-position='right'] {
       --_offset-right: var(--mantine-spacing-sm);
@@ -2183,55 +2003,658 @@ body {
     --_checkbox-bd-color: var(--mantine-color-dark-4);
 }
 
-.mantine-1b7xjww[data-error] {
-    --_checkbox-bd-color: var(--mantine-color-error);
+.mantine-1b7xjww[data-error] {
+    --_checkbox-bd-color: var(--mantine-color-error);
+  }
+
+[data-mantine-color-scheme] .mantine-1b7xjww[data-indeterminate], [data-mantine-color-scheme] .mantine-1b7xjww:checked {
+      --_checkbox-bg: var(--checkbox-color);
+      --_checkbox-bd-color: var(--checkbox-color);
+    }
+
+[data-mantine-color-scheme] .mantine-1b7xjww[data-indeterminate] + .mantine-yTl8m6C, [data-mantine-color-scheme] .mantine-1b7xjww:checked + .mantine-yTl8m6C {
+        --_checkbox-icon-opacity: 1;
+        --_checkbox-icon-transform: none;
+      }
+
+.mantine-1b7xjww:disabled {
+    --_checkbox-cursor: not-allowed;
+  }
+
+[data-mantine-color-scheme='light'] .mantine-1b7xjww:disabled {
+      --_checkbox-bg: var(--mantine-color-gray-2);
+      --_checkbox-bd-color: var(--mantine-color-gray-3);
+}
+
+[data-mantine-color-scheme='dark'] .mantine-1b7xjww:disabled {
+      --_checkbox-bg: var(--mantine-color-dark-6);
+      --_checkbox-bd-color: var(--mantine-color-dark-6);
+}
+
+[data-mantine-color-scheme='light'] .mantine-1b7xjww:disabled + .mantine-yTl8m6C {
+        --_checkbox-icon-color: var(--mantine-color-gray-5);
+}
+
+[data-mantine-color-scheme='dark'] .mantine-1b7xjww:disabled + .mantine-yTl8m6C {
+        --_checkbox-icon-color: var(--mantine-color-dark-3);
+}
+
+.mantine-yTl8m6C {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 60%;
+  margin: auto;
+  color: var(--_checkbox-icon-color, var(--mantine-color-white));
+  pointer-events: none;
+  transform: var(--_checkbox-icon-transform, translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5));
+  opacity: var(--_checkbox-icon-opacity, 0);
+  transition: transform 100ms ease, opacity 100ms ease;
+}
+
+.mantine-3T31VvB {
+  margin-right: calc(var(--combobox-padding) * -1);
+}
+
+  [dir="rtl"] .mantine-3T31VvB {
+    margin-left: calc(var(--combobox-padding) * -1);
+    margin-right: 0;
+}
+
+.mantine-wU7y-u6 {
+  display: flex;
+  align-items: center;
+  flex-direction: var(--_flex-direction, row);
+  gap: calc(0.5rem * var(--mantine-scale));
+}
+
+.mantine-wU7y-u6[data-reverse] {
+    /* --_flex-direction: row-reverse; */
+    justify-content: space-between;
+  }
+
+.mantine-c9ncf6H {
+  opacity: 0.4;
+  width: 0.8em;
+  height: 0.8em;
+}
+
+[data-combobox-selected] .mantine-c9ncf6H {
+    opacity: 1;
+  }
+
+.mantine-4FAj0g7 {
+  display: flex;
+  padding-left: var(--ag-spacing);
+}
+
+  [dir="rtl"] .mantine-4FAj0g7 {
+    padding-left: 0;
+    padding-right: var(--ag-spacing);
+}
+
+.mantine-f8qyj5h {
+  --avatar-size-xs: calc(1rem * var(--mantine-scale));
+  --avatar-size-sm: calc(1.625rem * var(--mantine-scale));
+  --avatar-size-md: calc(2.375rem * var(--mantine-scale));
+  --avatar-size-lg: calc(3.5rem * var(--mantine-scale));
+  --avatar-size-xl: calc(5.25rem * var(--mantine-scale));
+
+  -webkit-tap-highlight-color: transparent;
+  position: relative;
+  display: block;
+  user-select: none;
+  overflow: hidden;
+  border-radius: var(--avatar-radius);
+  text-decoration: none;
+  border: var(--_avatar-border, none);
+  background-color: var(--_avatar-bg, transparent);
+  padding: 0;
+  width: var(--avatar-size);
+  height: var(--avatar-size);
+  min-width: var(--avatar-size);
+  margin-left: var(--_avatar-ml, unset);
+  margin-right: var(--_avatar-mr, unset);
+}
+
+  .mantine-f8qyj5h[data-within-group] {
+    --_avatar-ml: calc(var(--ag-spacing) * -1);
+    --_avatar-border: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-body);
+    --_avatar-bg: var(--mantine-color-body);
+  }
+
+  [dir="rtl"] .mantine-f8qyj5h[data-within-group] {
+      --_avatar-mr: calc(var(--ag-spacing) * -1);
+      --_avatar-ml: unset;
+}
+
+.mantine-BmxEl6O {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.mantine-2J4mxDh {
+  font-weight: 700;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  user-select: none;
+  border-radius: var(--avatar-radius);
+  font-size: calc(var(--avatar-size) / 2.5);
+  color: var(--avatar-color);
+  background: var(--avatar-bg);
+  border: var(--avatar-bd);
+}
+
+.mantine-2J4mxDh > [data-avatar-placeholder-icon] {
+    width: 70%;
+    height: 70%;
+  }
+
+.mantine-mBE3oR4 {
+  background-size: cover;
+  background-position: center;
+  display: block;
+  width: 100%;
+  border: 0;
+  text-decoration: none;
+  border-radius: var(--bi-radius);
+}
+
+.mantine-WM8AqtG {
+  --badge-height-xs: calc(1rem * var(--mantine-scale));
+  --badge-height-sm: calc(1.125rem * var(--mantine-scale));
+  --badge-height-md: calc(1.25rem * var(--mantine-scale));
+  --badge-height-lg: calc(1.625rem * var(--mantine-scale));
+  --badge-height-xl: calc(2rem * var(--mantine-scale));
+
+  --badge-fz-xs: calc(0.5625rem * var(--mantine-scale));
+  --badge-fz-sm: calc(0.625rem * var(--mantine-scale));
+  --badge-fz-md: calc(0.6875rem * var(--mantine-scale));
+  --badge-fz-lg: calc(0.8125rem * var(--mantine-scale));
+  --badge-fz-xl: calc(1rem * var(--mantine-scale));
+
+  --badge-padding-x-xs: calc(0.375rem * var(--mantine-scale));
+  --badge-padding-x-sm: calc(0.5rem * var(--mantine-scale));
+  --badge-padding-x-md: calc(0.625rem * var(--mantine-scale));
+  --badge-padding-x-lg: calc(0.75rem * var(--mantine-scale));
+  --badge-padding-x-xl: calc(1rem * var(--mantine-scale));
+
+  font-size: var(--badge-fz);
+  border-radius: var(--badge-radius);
+  height: var(--badge-height);
+  -webkit-tap-highlight-color: transparent;
+  line-height: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
+  text-decoration: none;
+  padding: 0 var(--badge-padding-x);
+  display: var(--_badge-display, inline-flex);
+  align-items: center;
+  justify-content: center;
+  width: var(--_badge-width, auto);
+  text-transform: uppercase;
+  font-weight: 700;
+  letter-spacing: calc(0.015625rem * var(--mantine-scale));
+  cursor: inherit;
+  text-overflow: ellipsis;
+  overflow: hidden;
+
+  color: var(--badge-color);
+  background: var(--badge-bg);
+  border: var(--badge-bd);
+}
+
+  .mantine-WM8AqtG[data-block] {
+    --_badge-display: flex;
+    --_badge-width: 100%;
+  }
+
+.mantine-d3u1-wu {
+  --badge-dot-size: calc(var(--badge-height) / 3.4);
+
+  background-color: var(--_badge-bg);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_badge-border-color);
+  color: var(--_badge-color);
+}
+
+[data-mantine-color-scheme='light'] .mantine-d3u1-wu {
+    --_badge-bg: var(--mantine-color-white);
+    --_badge-border-color: var(--mantine-color-gray-4);
+    --_badge-color: var(--mantine-color-black);
+}
+
+[data-mantine-color-scheme='dark'] .mantine-d3u1-wu {
+    --_badge-bg: var(--mantine-color-dark-5);
+    --_badge-border-color: var(--mantine-color-dark-5);
+    --_badge-color: var(--mantine-color-white);
+}
+
+.mantine-d3u1-wu::before {
+    content: '';
+    display: block;
+    width: var(--badge-dot-size);
+    height: var(--badge-dot-size);
+    border-radius: var(--badge-dot-size);
+    background-color: var(--badge-dot-color);
+    margin-right: var(--badge-dot-size);
+  }
+
+[dir="rtl"] .mantine-d3u1-wu::before {
+      margin-right: 0;
+      margin-left: var(--badge-dot-size);
+}
+
+.mantine-LN56t-P {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.mantine-cbpGUul {
+  --_section-margin: calc(var(--mantine-spacing-xs) / 2);
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.mantine-cbpGUul[data-position='left'] {
+    margin-left: var(--_left-section-ml, 0);
+    margin-right: var(--_left-section-mr, var(--_section-margin));
+  }
+
+[dir="rtl"] .mantine-cbpGUul[data-position='left'] {
+      --_left-section-ml: var(--_section-margin);
+      --_left-section-mr: 0;
+}
+
+.mantine-cbpGUul[data-position='right'] {
+    margin-left: var(--_right-section-ml, var(--_section-margin));
+    margin-right: var(--_right-section-mr, 0);
+  }
+
+[dir="rtl"] .mantine-cbpGUul[data-position='right'] {
+      --_right-section-mr: var(--_section-margin);
+      --_right-section-ml: 0;
+}
+
+.mantine-ecNe4vP {
+  --_bq-border: calc(0.1875rem * var(--mantine-scale)) solid var(--bq-bd);
+
+  position: relative;
+  margin: 0;
+  background-color: var(--_bq-bg);
+  border-left: var(--_bq-border-left, var(--_bq-border));
+  border-right: var(--_bq-border-right, 0);
+  border-radius: var(--bq-radius);
+  border-top-left-radius: var(--_bq-radius-left, 0);
+  border-top-right-radius: var(--_bq-radius-right, var(--bq-radius));
+  border-bottom-left-radius: var(--_bq-radius-left, 0);
+  border-bottom-right-radius: var(--_bq-radius-right, var(--bq-radius));
+  padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale));
+}
+
+  [dir="rtl"] .mantine-ecNe4vP {
+    --_bq-radius-left: var(--bq-radius);
+    --_bq-radius-right: 0;
+    --_bq-border-left: 0;
+    --_bq-border-right: var(--_bq-border);
+}
+
+  [data-mantine-color-scheme='light'] .mantine-ecNe4vP {
+    --_bq-bg: var(--bq-bg-light);
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-ecNe4vP {
+    --_bq-bg: var(--bq-bg-dark);
+}
+
+.mantine-OY7Gota {
+  position: absolute;
+  color: var(--bq-bd);
+  background-color: var(--mantine-color-body);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  top: calc(var(--bq-icon-size) / -2);
+  left: var(--_bq-icon-left, calc(var(--bq-icon-size) / -2));
+  right: var(--_bq-icon-right, 0);
+  width: var(--bq-icon-size);
+  height: var(--bq-icon-size);
+  border-radius: var(--bq-icon-size);
+}
+
+[dir="rtl"] .mantine-OY7Gota {
+    --_bq-icon-left: 0;
+    --_bq-icon-right: calc(var(--bq-icon-size) / -2);
+}
+
+.mantine-PxBRqGd {
+  display: block;
+  margin-top: var(--mantine-spacing-md);
+  opacity: 0.6;
+  font-size: 85%;
+}
+
+.mantine-DpaSRWv {
+  display: flex;
+  align-items: center;
+}
+
+.mantine-Xf5Xl8f {
+  line-height: 1;
+  white-space: nowrap;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.mantine-ixC9ZM7 {
+  margin-left: var(--bc-separator-margin);
+  margin-right: var(--bc-separator-margin);
+  color: var(--_separator-color);
+  line-height: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+[data-mantine-color-scheme='light'] .mantine-ixC9ZM7 {
+    --_separator-color: var(--mantine-color-gray-7);
+}
+
+[data-mantine-color-scheme='dark'] .mantine-ixC9ZM7 {
+    --_separator-color: var(--mantine-color-dark-2);
+}
+
+.mantine-PpER79h {
+  --burger-size-xs: calc(0.75rem * var(--mantine-scale));
+  --burger-size-sm: calc(1.125rem * var(--mantine-scale));
+  --burger-size-md: calc(1.5rem * var(--mantine-scale));
+  --burger-size-lg: calc(2.125rem * var(--mantine-scale));
+  --burger-size-xl: calc(2.625rem * var(--mantine-scale));
+
+  width: calc(var(--burger-size) + var(--mantine-spacing-xs));
+  height: calc(var(--burger-size) + var(--mantine-spacing-xs));
+  padding: calc(var(--mantine-spacing-xs) / 2);
+  cursor: pointer;
+
+  --_burger-color: var(--burger-color, var(--__burger-color));
+}
+
+  [data-mantine-color-scheme='light'] .mantine-PpER79h {
+    --__burger-color: var(--mantine-color-black);
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-PpER79h {
+    --__burger-color: var(--mantine-color-white);
+}
+
+.mantine-VLigGGW {
+  position: relative;
+  user-select: none;
+}
+
+.mantine-VLigGGW,
+  .mantine-VLigGGW::before,
+  .mantine-VLigGGW::after {
+    display: block;
+    width: var(--burger-size);
+    height: calc(var(--burger-size) / 12);
+    background-color: var(--_burger-color);
+    outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
+    transition-property: background-color, transform;
+    transition-duration: var(--burger-transition-duration);
+    transition-timing-function: var(--burger-transition-timing-function);
+  }
+
+.mantine-VLigGGW::before,
+  .mantine-VLigGGW::after {
+    position: absolute;
+    content: '';
+    left: 0;
+  }
+
+.mantine-VLigGGW::before {
+    top: calc(var(--burger-size) / -3);
+  }
+
+.mantine-VLigGGW::after {
+    top: calc(var(--burger-size) / 3);
+  }
+
+.mantine-VLigGGW[data-opened] {
+    background-color: transparent;
+  }
+
+.mantine-VLigGGW[data-opened]::before {
+      transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
+    }
+
+.mantine-VLigGGW[data-opened]::after {
+      transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
+    }
+
+.mantine-VaCj17A {
+  display: flex;
+}
+
+  .mantine-VaCj17A[data-orientation='horizontal'] {
+    flex-direction: row;
+  }
+
+  .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):first-child {
+        border-bottom-right-radius: 0;
+        border-top-right-radius: 0;
+        border-right-width: calc(var(--button-border-width) / 2);
+      }
+
+  .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):last-child {
+        border-bottom-left-radius: 0;
+        border-top-left-radius: 0;
+        border-left-width: calc(var(--button-border-width) / 2);
+      }
+
+  .mantine-VaCj17A[data-orientation='horizontal'] [data-button]:not(:only-child):not(:first-child):not(:last-child) {
+        border-radius: 0;
+        border-right-width: calc(var(--button-border-width) / 2);
+        border-left-width: calc(var(--button-border-width) / 2);
+      }
+
+  .mantine-VaCj17A[data-orientation='vertical'] {
+    flex-direction: column;
+  }
+
+  .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):first-child {
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+        border-bottom-width: calc(var(--button-border-width) / 2);
+      }
+
+  .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):last-child {
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+        border-top-width: calc(var(--button-border-width) / 2);
+      }
+
+  .mantine-VaCj17A[data-orientation='vertical'] [data-button]:not(:only-child):not(:first-child):not(:last-child) {
+        border-radius: 0;
+        border-bottom-width: calc(var(--button-border-width) / 2);
+        border-top-width: calc(var(--button-border-width) / 2);
+      }
+
+.mantine-c33yiTy {
+  --button-height-xs: calc(1.875rem * var(--mantine-scale));
+  --button-height-sm: calc(2.25rem * var(--mantine-scale));
+  --button-height-md: calc(2.625rem * var(--mantine-scale));
+  --button-height-lg: calc(3.125rem * var(--mantine-scale));
+  --button-height-xl: calc(3.75rem * var(--mantine-scale));
+
+  --button-height-compact-xs: calc(1.375rem * var(--mantine-scale));
+  --button-height-compact-sm: calc(1.625rem * var(--mantine-scale));
+  --button-height-compact-md: calc(1.875rem * var(--mantine-scale));
+  --button-height-compact-lg: calc(2.125rem * var(--mantine-scale));
+  --button-height-compact-xl: calc(2.5rem * var(--mantine-scale));
+
+  --button-padding-x-xs: calc(0.875rem * var(--mantine-scale));
+  --button-padding-x-sm: calc(1.125rem * var(--mantine-scale));
+  --button-padding-x-md: calc(1.375rem * var(--mantine-scale));
+  --button-padding-x-lg: calc(1.625rem * var(--mantine-scale));
+  --button-padding-x-xl: calc(2rem * var(--mantine-scale));
+
+  --button-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
+  --button-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
+  --button-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
+  --button-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
+  --button-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));
+
+  user-select: none;
+  font-weight: 600;
+  position: relative;
+  line-height: 1;
+  text-align: center;
+
+  width: var(--_button-width, auto);
+  cursor: var(--_button-cursor, pointer);
+  display: var(--_button-display, inline-block);
+  border-radius: var(--button-radius);
+  font-size: var(--button-fz);
+  background: var(--_button-bg, var(--button-bg));
+  border: var(--_button-bd, var(--button-bd));
+  color: var(--_button-color, var(--button-color));
+  height: var(--button-height);
+  padding-left: var(--_button-padding-left, var(--button-padding-x));
+  padding-right: var(--_button-padding-right, var(--button-padding-x));
+}
+
+  .mantine-c33yiTy[data-block] {
+    --_button-display: block;
+    --_button-width: 100%;
+  }
+
+  .mantine-c33yiTy[data-with-left-section] {
+    --_button-padding-left: calc(var(--button-padding-x) / 1.5);
+  }
+
+  [dir="rtl"] .mantine-c33yiTy[data-with-left-section] {
+      --_button-padding-left: var(--button-padding-x);
+      --_button-padding-right: calc(var(--button-padding-x) / 1.5);
+}
+
+  .mantine-c33yiTy[data-with-right-section] {
+    --_button-padding-right: calc(var(--button-padding-x) / 1.5);
+  }
+
+  [dir="rtl"] .mantine-c33yiTy[data-with-right-section] {
+      --_button-padding-right: var(--button-padding-x);
+      --_button-padding-left: calc(var(--button-padding-x) / 1.5);
+}
+
+  .mantine-c33yiTy:disabled:not([data-loading]),
+  .mantine-c33yiTy[data-disabled]:not([data-loading]) {
+    --_button-cursor: not-allowed;
+    --_button-bg: var(--_disabled-bg);
+    --_button-color: var(--_disabled-color);
+    transform: none;
+  }
+
+  .mantine-c33yiTy[data-loading] {
+    --_button-cursor: not-allowed;
+
+    transform: none;
+  }
+
+  .mantine-c33yiTy[data-loading]::before {
+      content: '';
+      position: absolute;
+      inset: calc(-0.0625rem * var(--mantine-scale));
+      border-radius: var(--button-radius);
+      background-color: var(--_button-loading-overlay-bg);
+    }
+
+  @media (hover: hover) {
+    .mantine-c33yiTy:hover:not([data-loading]):not(:disabled):not([data-disabled]) {
+      --_button-bg: var(--button-hover);
+    }
+}
+
+  @media (hover: none) {
+    .mantine-c33yiTy:active:not([data-loading]):not(:disabled):not([data-disabled]) {
+      --_button-bg: var(--button-hover);
+    }
+}
+
+  [data-mantine-color-scheme='light'] .mantine-c33yiTy {
+    --_disabled-color: var(--mantine-color-gray-5);
+    --_disabled-bg: var(--mantine-color-gray-1);
+    --_button-loading-overlay-bg: rgba(255, 255, 255, 0.35);
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-c33yiTy {
+    --_disabled-color: var(--mantine-color-dark-3);
+    --_disabled-bg: var(--mantine-color-dark-6);
+    --_button-loading-overlay-bg: rgba(0, 0, 0, 0.35);
+}
+
+.mantine-O2hyOF7 {
+  display: flex;
+  align-items: center;
+  justify-content: var(--button-justify, center);
+  height: 100%;
+  overflow: visible;
+}
+
+.mantine-57Dsm73 {
+  white-space: nowrap;
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  opacity: var(--_button-label-opacity, 1);
+}
+
+.mantine-57Dsm73[data-loading] {
+    --_button-label-opacity: 0.2;
   }
 
-[data-mantine-color-scheme] .mantine-1b7xjww[data-indeterminate], [data-mantine-color-scheme] .mantine-1b7xjww:checked {
-      --_checkbox-bg: var(--checkbox-color);
-      --_checkbox-bd-color: var(--checkbox-color);
-    }
-
-[data-mantine-color-scheme] .mantine-1b7xjww[data-indeterminate] + .mantine-yTl8m6C, [data-mantine-color-scheme] .mantine-1b7xjww:checked + .mantine-yTl8m6C {
-        --_checkbox-icon-opacity: 1;
-        --_checkbox-icon-transform: none;
-      }
+.mantine-klSE8ka {
+  display: flex;
+  align-items: center;
+  margin-right: var(--_button-section-margin-right);
+  margin-left: var(--_button-section-margin-left);
+}
 
-.mantine-1b7xjww:disabled {
-    --_checkbox-cursor: not-allowed;
+.mantine-klSE8ka[data-position='left'] {
+    --_button-section-margin-right: var(--mantine-spacing-xs);
   }
 
-[data-mantine-color-scheme='light'] .mantine-1b7xjww:disabled {
-      --_checkbox-bg: var(--mantine-color-gray-2);
-      --_checkbox-bd-color: var(--mantine-color-gray-3);
+[dir="rtl"] .mantine-klSE8ka[data-position='left'] {
+      --_button-section-margin-right: 0;
+      --_button-section-margin-left: var(--mantine-spacing-xs);
 }
 
-[data-mantine-color-scheme='dark'] .mantine-1b7xjww:disabled {
-      --_checkbox-bg: var(--mantine-color-dark-6);
-      --_checkbox-bd-color: var(--mantine-color-dark-6);
-}
+.mantine-klSE8ka[data-position='right'] {
+    --_button-section-margin-left: var(--mantine-spacing-xs);
+  }
 
-[data-mantine-color-scheme='light'] .mantine-1b7xjww:disabled + .mantine-yTl8m6C {
-        --_checkbox-icon-color: var(--mantine-color-gray-5);
+[dir="rtl"] .mantine-klSE8ka[data-position='right'] {
+      --_button-section-margin-left: 0;
+      --_button-section-margin-right: var(--mantine-spacing-xs);
 }
 
-[data-mantine-color-scheme='dark'] .mantine-1b7xjww:disabled + .mantine-yTl8m6C {
-        --_checkbox-icon-color: var(--mantine-color-dark-3);
+.mantine-2p4-weR {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
 }
 
-.mantine-yTl8m6C {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  width: 60%;
-  margin: auto;
-  color: var(--_checkbox-icon-color, var(--mantine-color-white));
-  pointer-events: none;
-  transform: var(--_checkbox-icon-transform, translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5));
-  opacity: var(--_checkbox-icon-opacity, 0);
-  transition: transform 100ms ease, opacity 100ms ease;
+.mantine-FiYZkHS {
+  display: var(--center-display);
+  align-items: center;
+  justify-content: center;
 }
 
 .mantine-pIzHFb4 {
@@ -2362,7 +2785,7 @@ body {
 }
 
 .mantine-bzrGvmu {
-  flex: 1;
+  flex: 1 1;
 }
 
 .mantine-bzrGvmu:not(:only-child) {
@@ -2450,189 +2873,15 @@ body {
     --_slider-checkers: var(--mantine-color-dark-4);
 }
 
-.mantine-MQUCZVH {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
-  right: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
-  border-radius: 10000rem;
-}
-
-.mantine--1TgA5h {
-  --combobox-chevron-size-xs: calc(0.875rem * var(--mantine-scale));
-  --combobox-chevron-size-sm: calc(1.125rem * var(--mantine-scale));
-  --combobox-chevron-size-md: calc(1.25rem * var(--mantine-scale));
-  --combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale));
-  --combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale));
-
-  width: var(--combobox-chevron-size);
-  height: var(--combobox-chevron-size);
-  color: var(--_color);
-}
-
-  [data-mantine-color-scheme='light'] .mantine--1TgA5h {
-    --_color: var(--mantine-color-gray-6);
-}
-
-  [data-mantine-color-scheme='dark'] .mantine--1TgA5h {
-    --_color: var(--mantine-color-dark-3);
-}
-
-  .mantine--1TgA5h[data-error] {
-    --_color: var(--mantine-color-error);
-  }
-
-.mantine-Hu7S-XH {
-  position: absolute;
-  background-color: var(--_popover-bg);
-  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_popover-bd);
-  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
-  box-shadow: var(--popover-shadow, none);
-  border-radius: var(--popover-radius);
-}
-
-  .mantine-Hu7S-XH:focus {
-    outline: none;
-  }
-
-  [data-mantine-color-scheme='light'] .mantine-Hu7S-XH {
-    --_popover-bg: var(--mantine-color-white);
-    --_popover-bd: var(--mantine-color-gray-2);
-}
-
-  [data-mantine-color-scheme='dark'] .mantine-Hu7S-XH {
-    --_popover-bg: var(--mantine-color-dark-6);
-    --_popover-bd: var(--mantine-color-dark-4);
-}
-
-.mantine-XLi9Yuw {
-  background-color: inherit;
-  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_popover-bd);
-  z-index: 1;
-}
-
-.mantine-oGVJEaz {
-  --combobox-option-padding-xs: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
-  --combobox-option-padding-sm: calc(0.375rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
-  --combobox-option-padding-md: calc(0.5rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale));
-  --combobox-option-padding-lg: calc(0.625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
-  --combobox-option-padding-xl: calc(0.875rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
-
-  padding: var(--combobox-padding);
-}
-
-  .mantine-oGVJEaz[data-hidden] {
-    display: none;
-  }
-
-.mantine-Jvh599k {
-  padding: var(--combobox-option-padding);
-  font-size: var(--combobox-option-fz);
-  border-radius: var(--mantine-radius-default);
-  background-color: var(--_option-bg, transparent);
-  color: var(--_option-color, inherit);
-  opacity: var(--_option-opacity, 1);
-  cursor: var(--_option-cursor, pointer);
-}
-
-.mantine-Jvh599k[data-combobox-selected] {
-    --_option-bg: var(--mantine-color-primary);
-    --_option-color: var(--mantine-color-white);
-  }
-
-.mantine-Jvh599k[data-combobox-disabled] {
-    --_option-cursor: not-allowed;
-    --_option-opacity: 0.35;
-  }
-
-@media (hover: hover) {
-      [data-mantine-color-scheme='light'] .mantine-Jvh599k:hover:not([data-combobox-selected], [data-combobox-disabled]) {
-        --_option-bg: var(--mantine-color-gray-0);
-  }
-
-      [data-mantine-color-scheme='dark'] .mantine-Jvh599k:hover:not([data-combobox-selected], [data-combobox-disabled]) {
-        --_option-bg: var(--mantine-color-dark-7);
-  }
-}
-
-@media (hover: none) {
-      [data-mantine-color-scheme='light'] .mantine-Jvh599k:active:not([data-combobox-selected], [data-combobox-disabled]) {
-        --_option-bg: var(--mantine-color-gray-0);
-  }
-
-      [data-mantine-color-scheme='dark'] .mantine-Jvh599k:active:not([data-combobox-selected], [data-combobox-disabled]) {
-        --_option-bg: var(--mantine-color-dark-7);
-  }
-}
-
-.mantine-E0imXrV {
-  margin-left: calc(var(--combobox-padding) * -1);
-  margin-right: calc(var(--combobox-padding) * -1);
-  margin-top: calc(var(--combobox-padding) * -1);
-  width: calc(100% + var(--combobox-padding) * 2);
-  border-top-width: 0;
-  border-right-width: 0;
-  border-left-width: 0;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-  margin-bottom: var(--combobox-padding);
-  background-color: var(--_search_background);
-  position: relative;
-  z-index: 1000;
-}
-
-.mantine-E0imXrV,
-  .mantine-E0imXrV:focus {
-    border-color: var(--_search-border-color);
-  }
-
-[data-mantine-color-scheme='light'] .mantine-E0imXrV {
-    --_search-border-color: var(--mantine-color-gray-2);
-    --_search_background: var(--mantine-color-white);
-}
-
-[data-mantine-color-scheme='dark'] .mantine-E0imXrV {
-    --_search-border-color: var(--mantine-color-dark-4);
-    --_search_background: var(--mantine-color-dark-7);
-}
-
-.mantine-AHC-x-C {
-  font-size: var(--combobox-option-fz);
-  text-align: center;
-  padding: var(--combobox-option-padding);
-  color: var(--mantine-color-dimmed);
-}
-
-.mantine-raltP2G,
-.mantine-dRrkbFg {
-  font-size: var(--combobox-option-fz);
-  border: 0 solid var(--_footer-border-color);
-  margin-left: calc(var(--combobox-padding) * -1);
-  margin-right: calc(var(--combobox-padding) * -1);
-  padding: var(--combobox-option-padding);
-}
-
-[data-mantine-color-scheme='light'] .mantine-raltP2G, [data-mantine-color-scheme='light'] .mantine-dRrkbFg {
-    --_footer-border-color: var(--mantine-color-gray-2);
-}
-
-[data-mantine-color-scheme='dark'] .mantine-raltP2G, [data-mantine-color-scheme='dark'] .mantine-dRrkbFg {
-    --_footer-border-color: var(--mantine-color-dark-4);
-}
-
-.mantine-dRrkbFg {
-  border-top-width: calc(0.0625rem * var(--mantine-scale));
-  margin-top: var(--combobox-padding);
-  margin-bottom: calc(var(--combobox-padding) * -1);
-}
-
-.mantine-raltP2G {
-  border-bottom-width: calc(0.0625rem * var(--mantine-scale));
-  margin-bottom: var(--combobox-padding);
-  margin-top: calc(var(--combobox-padding) * -1);
-}
-
+.mantine-MQUCZVH {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
+  right: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
+  border-radius: 10000rem;
+}
+
 .mantine-jQnfD5v {
   --container-size-xs: calc(33.75rem * var(--mantine-scale));
   --container-size-sm: calc(45rem * var(--mantine-scale));
@@ -2697,7 +2946,7 @@ body {
 
 .mantine--fjjU6c::before {
     content: '';
-    flex: 1;
+    flex: 1 1;
     height: calc(0.0625rem * var(--mantine-scale));
     border-top: var(--divider-size) var(--divider-border-style, solid)
       var(--divider-color, var(--_divider-color));
@@ -2711,7 +2960,7 @@ body {
 
 .mantine--fjjU6c::after {
     content: '';
-    flex: 1;
+    flex: 1 1;
     height: calc(0.0625rem * var(--mantine-scale));
     border-top: var(--divider-size) var(--divider-border-style, solid)
       var(--divider-color, var(--_divider-color));
@@ -3018,6 +3267,171 @@ body {
   padding-right: var(--_inner-x-offset, var(--modal-x-offset));
 }
 
+.mantine-WAKiSWq {
+  background-color: transparent;
+  appearance: none;
+  min-width: calc(6.25rem * var(--mantine-scale));
+  flex: 1 1;
+  border: 0;
+  font-size: inherit;
+  height: 1.6em;
+  color: inherit;
+  padding: 0;
+}
+
+  .mantine-WAKiSWq::placeholder {
+    color: var(--_input-placeholder-color);
+    opacity: 1;
+  }
+
+  .mantine-WAKiSWq[data-type='hidden'],
+  .mantine-WAKiSWq[data-type='auto'] {
+    height: calc(0.0625rem * var(--mantine-scale));
+    width: calc(0.0625rem * var(--mantine-scale));
+    top: 0;
+    left: 0;
+    pointer-events: none;
+    position: absolute;
+    opacity: 0;
+  }
+
+  .mantine-WAKiSWq:focus {
+    outline: none;
+  }
+
+  .mantine-WAKiSWq[data-type='auto']:focus {
+    height: 1.6em;
+    visibility: visible;
+    opacity: 1;
+    position: static;
+  }
+
+  .mantine-WAKiSWq[data-pointer]:not([data-disabled], :disabled) {
+    cursor: pointer;
+  }
+
+  .mantine-WAKiSWq[data-disabled],
+  .mantine-WAKiSWq:disabled {
+    cursor: not-allowed;
+  }
+
+.mantine-RShN60E {
+  --pg-gap-xs: calc(0.375rem * var(--mantine-scale));
+  --pg-gap-sm: calc(0.5rem * var(--mantine-scale));
+  --pg-gap-md: calc(0.625rem * var(--mantine-scale));
+  --pg-gap-lg: calc(0.75rem * var(--mantine-scale));
+  --pg-gap-xl: calc(0.75rem * var(--mantine-scale));
+
+  display: flex;
+  align-items: center;
+  gap: var(--pg-gap);
+  flex-wrap: wrap;
+}
+
+.mantine-J5gv-yj {
+  --pill-fz-xs: calc(0.625rem * var(--mantine-scale));
+  --pill-fz-sm: calc(0.75rem * var(--mantine-scale));
+  --pill-fz-md: calc(0.875rem * var(--mantine-scale));
+  --pill-fz-lg: calc(1rem * var(--mantine-scale));
+  --pill-fz-xl: calc(1.125rem * var(--mantine-scale));
+
+  --pill-height-xs: calc(1.125rem * var(--mantine-scale));
+  --pill-height-sm: calc(1.375rem * var(--mantine-scale));
+  --pill-height-md: calc(1.5625rem * var(--mantine-scale));
+  --pill-height-lg: calc(1.75rem * var(--mantine-scale));
+  --pill-height-xl: calc(2rem * var(--mantine-scale));
+
+  font-size: var(--pill-fz);
+  flex: 0 1;
+  height: var(--pill-height);
+  padding-left: 0.8em;
+  padding-right: var(--_pill-padding-right, 0.8em);
+  display: inline-flex;
+  align-items: center;
+  border-radius: var(--pill-radius);
+  background-color: var(--_pill-bg);
+  line-height: 1;
+  white-space: nowrap;
+  user-select: none;
+  -webkit-user-select: none;
+  max-width: 100%;
+  color: var(--_pill-color);
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-J5gv-yj {
+    --_pill-bg: var(--mantine-color-dark-7);
+    --_pill-color: var(--mantine-color-dark-0);
+}
+
+  [data-mantine-color-scheme='light'] .mantine-J5gv-yj {
+    --_pill-color: var(--mantine-color-black);
+}
+
+  .mantine-J5gv-yj[data-with-remove] {
+    --_pill-padding-right: 0;
+  }
+
+  .mantine-J5gv-yj[data-disabled],
+  .mantine-J5gv-yj:has(button:disabled) {
+    --_pill-cursor: not-allowed;
+  }
+
+[data-mantine-color-scheme='light'] .mantine-rXyJVOg {
+    --_pill-bg: var(--mantine-color-gray-1);
+}
+
+[data-mantine-color-scheme='light'] .mantine-rXyJVOg[data-disabled],
+    [data-mantine-color-scheme='light'] .mantine-rXyJVOg:has(button:disabled) {
+      --_pill-bg: var(--mantine-color-gray-3);
+    }
+
+[data-mantine-color-scheme='light'] .mantine-mDSPFyE {
+    --_pill-bg: var(--mantine-color-white);
+}
+
+[data-mantine-color-scheme='light'] .mantine-mDSPFyE[data-disabled],
+    [data-mantine-color-scheme='light'] .mantine-mDSPFyE:has(button:disabled) {
+      --_pill-bg: var(--mantine-color-gray-3);
+    }
+
+.mantine-BmcncON {
+  cursor: var(--_pill-cursor, default);
+  overflow: hidden;
+  height: 100%;
+  line-height: var(--pill-height);
+  text-overflow: ellipsis;
+}
+
+.mantine-wJMJ0gV {
+  color: inherit;
+  font-size: inherit;
+  height: 100%;
+  min-height: unset;
+  min-width: 2em;
+  width: unset;
+  border-radius: 0;
+  padding-left: 0.1em;
+  padding-right: 0.3em;
+  flex: 0 1;
+}
+
+.mantine-J5gv-yj[data-disabled] > .mantine-wJMJ0gV,
+  .mantine-wJMJ0gV:disabled {
+    background-color: transparent;
+    width: 0.8em;
+    min-width: 0.8em;
+    padding: 0;
+    cursor: not-allowed;
+  }
+
+.mantine-J5gv-yj[data-disabled] > .mantine-wJMJ0gV > svg, .mantine-wJMJ0gV:disabled > svg {
+      display: none;
+    }
+
+.mantine-wJMJ0gV > svg {
+    pointer-events: none;
+  }
+
 .mantine-YiPmNPd {
   overflow: hidden;
   box-sizing: border-box;
@@ -3112,7 +3526,7 @@ body {
 }
 
 .mantine-afBXh4T {
-  flex: 1;
+  flex: 1 1;
   overflow: hidden;
   margin-right: var(--_body-margin-right, var(--mantine-spacing-xs));
   margin-left: var(--_body-margin-left, 0);
@@ -3174,177 +3588,6 @@ body {
     --_close-button-hover-bg: var(--mantine-color-dark-8);
 }
 
-.mantine--CW641A {
-  position: relative;
-  overflow: hidden;
-}
-
-.mantine-VMS5T20 {
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  -webkit-overflow-scrolling: touch;
-  width: 100%;
-  height: 100%;
-  padding-right: var(--_viewport-padding-right, 0rem);
-  padding-left: var(--_viewport-padding-left, 0rem);
-  padding-bottom: var(--_viewport-padding-bottom, 0rem);
-}
-
-.mantine-VMS5T20::-webkit-scrollbar {
-    display: none;
-  }
-
-.mantine-VMS5T20[data-offset-scrollbars] {
-    --_viewport-padding-right: var(--scrollarea-scrollbar-size);
-    --_viewport-padding-bottom: var(--scrollarea-scrollbar-size);
-    --_viewport-padding-left: unset;
-  }
-
-[dir="rtl"] .mantine-VMS5T20[data-offset-scrollbars] {
-      --_viewport-padding-right: unset;
-      --_viewport-padding-left: var(--scrollarea-scrollbar-size);
-}
-
-.mantine-u-8GE5z {
-  min-width: 100%;
-  display: table;
-}
-
-.mantine-zngBbDv {
-  user-select: none;
-  touch-action: none;
-  box-sizing: border-box;
-  transition: background-color 150ms ease, opacity 150ms ease;
-
-  padding: calc(var(--scrollarea-scrollbar-size) / 5);
-  display: var(--_scrollbar-display, flex);
-  background-color: var(--_scrollbar-bg, transparent);
-  width: var(--_scrollbar-width);
-  height: var(--_scrollbar-height);
-  flex-direction: var(--_scrollbar-direction, row);
-}
-
-.mantine-zngBbDv > .mantine-5u72r1f {
-    background-color: var(--_thumb-bg);
-  }
-
-@media (hover: hover) {
-    [data-mantine-color-scheme='light'] .mantine-zngBbDv:hover {
-      --_scrollbar-bg: var(--mantine-color-gray-0);
-      --_thumb-bg: rgba(0, 0, 0, 0.5);
-  }
-
-    [data-mantine-color-scheme='dark'] .mantine-zngBbDv:hover {
-      --_scrollbar-bg: var(--mantine-color-dark-8);
-      --_thumb-bg: rgba(255, 255, 255, 0.5);
-  }
-}
-
-@media (hover: none) {
-    [data-mantine-color-scheme='light'] .mantine-zngBbDv:active {
-      --_scrollbar-bg: var(--mantine-color-gray-0);
-      --_thumb-bg: rgba(0, 0, 0, 0.5);
-  }
-
-    [data-mantine-color-scheme='dark'] .mantine-zngBbDv:active {
-      --_scrollbar-bg: var(--mantine-color-dark-8);
-      --_thumb-bg: rgba(255, 255, 255, 0.5);
-  }
-}
-
-.mantine-zngBbDv[data-hidden],
-  .mantine-zngBbDv[data-state='hidden'] {
-    --_scrollbar-display: none;
-  }
-
-.mantine-zngBbDv[data-orientation='vertical'] {
-    --_scrollbar-width: var(--scrollarea-scrollbar-size);
-
-    top: 0;
-    bottom: var(--sa-corner-width);
-    right: 0;
-  }
-
-[dir="rtl"] .mantine-zngBbDv[data-orientation='vertical'] {
-      right: unset;
-      left: 0;
-}
-
-.mantine-zngBbDv[data-orientation='horizontal'] {
-    --_scrollbar-height: var(--scrollarea-scrollbar-size);
-    --_scrollbar-direction: column;
-
-    bottom: 0;
-    left: 0;
-    right: var(--sa-corner-height);
-  }
-
-[dir="rtl"] .mantine-zngBbDv[data-orientation='horizontal'] {
-      right: 0;
-      left: var(--sa-corner-height);
-}
-
-.mantine-5u72r1f {
-  flex: 1;
-  border-radius: var(--scrollarea-scrollbar-size);
-  position: relative;
-  transition: background-color 150ms ease;
-  overflow: hidden;
-  background-color: var(--_thumb-bg);
-}
-
-.mantine-5u72r1f::before {
-    content: '""';
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: 100%;
-    height: 100%;
-    min-width: calc(2.75rem * var(--mantine-scale));
-    min-height: calc(2.75rem * var(--mantine-scale));
-  }
-
-[data-mantine-color-scheme='light'] .mantine-5u72r1f {
-    --_thumb-bg: rgba(0, 0, 0, 0.4);
-}
-
-[data-mantine-color-scheme='dark'] .mantine-5u72r1f {
-    --_thumb-bg: rgba(255, 255, 255, 0.4);
-}
-
-.mantine-29iF76- {
-  position: absolute;
-  opacity: var(--_corner-opacity, 0);
-  transition: opacity 150ms ease;
-  background-color: var(--_corner-bg);
-  display: var(--_corner-display, block);
-  right: 0;
-  bottom: 0;
-}
-
-[dir="rtl"] .mantine-29iF76- {
-    right: unset;
-    left: 0;
-    bottom: 0;
-}
-
-[data-mantine-color-scheme='light'] .mantine-29iF76- {
-    --_corner-bg: var(--mantine-color-gray-0);
-}
-
-[data-mantine-color-scheme='dark'] .mantine-29iF76- {
-    --_corner-bg: var(--mantine-color-dark-8);
-}
-
-.mantine-29iF76-[data-hovered] {
-    --_corner-opacity: 1;
-  }
-
-.mantine-29iF76-[data-hidden] {
-    --_corner-display: none;
-  }
-
 .mantine-7LbAahg {
   --sc-padding-xs: calc(0.1875rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
   --sc-padding-sm: calc(0.3125rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
@@ -3516,7 +3759,7 @@ fieldset:disabled .mantine-xOh3CVo,
 
 .mantine-y34erSP {
   position: relative;
-  flex: 1;
+  flex: 1 1;
   z-index: 2;
   transition: border-color var(--sc-transition-duration) var(--sc-transition-timing-function);
 }