@mantine-vue/core 3.2.0 → 3.4.0

package/styles.layer.css

@@ -3419,58 +3419,79 @@ fieldset:disabled .mantine-active:active {
   transform: translateY(-50%);
   inset-inline: var(--rp-label-offset);
 }
-._root_ox6qq_1 {
+._root_j0d70_1 {
+  position: relative;
   display: inline-flex;
   align-items: baseline;
   overflow: hidden;
 }
 
-  ._root_ox6qq_1[data-tabular-numbers] {
+  ._root_j0d70_1[data-tabular-numbers] {
     font-variant-numeric: tabular-nums;
   }
 
-._digit_ox6qq_11 {
+._copyValue_j0d70_12 {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  overflow: hidden;
+  white-space: pre;
+  color: transparent;
+  forced-color-adjust: none;
+}
+
+._digit_j0d70_22 {
+  position: relative;
+  z-index: 2;
   display: inline-block;
   width: 1ch;
   height: 1em;
   overflow: hidden;
   line-height: 1;
+  pointer-events: none;
+  user-select: none;
+  -webkit-user-select: none;
   transition:
     width var(--rn-duration) var(--rn-timing-function),
     opacity var(--rn-duration) var(--rn-timing-function);
 }
 
-._digit_ox6qq_11[data-empty] {
+._digit_j0d70_22[data-empty] {
     width: 0;
     opacity: 0;
   }
 
-._digitColumn_ox6qq_27 {
+._digitColumn_j0d70_43 {
   display: flex;
   flex-direction: column;
-  animation: _mantine-rolling-number-roll_ox6qq_1 var(--rn-duration) var(--rn-timing-function);
+  animation: _mantine-rolling-number-roll_j0d70_1 var(--rn-duration) var(--rn-timing-function);
 }
 
-._digitColumn_ox6qq_27 > span {
+._digitColumn_j0d70_43 > span {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 1em;
   }
 
-._char_ox6qq_40 {
+._char_j0d70_56 {
+  position: relative;
+  z-index: 2;
   display: inline-block;
   overflow: hidden;
   white-space: pre;
+  pointer-events: none;
+  user-select: none;
+  -webkit-user-select: none;
   transition: opacity var(--rn-duration) var(--rn-timing-function);
 }
 
-._char_ox6qq_40[data-empty] {
+._char_j0d70_56[data-empty] {
     width: 0;
     opacity: 0;
   }
 
-@keyframes _mantine-rolling-number-roll_ox6qq_1 {
+@keyframes _mantine-rolling-number-roll_j0d70_1 {
   from {
     transform: var(--rn-roll-from);
   }
@@ -3698,96 +3719,96 @@ fieldset:disabled .mantine-active:active {
     padding-inline-end: var(--offset);
     text-align: end;
   }
-._root_1ezfc_1 :first-child {
+._root_whr49_1 :first-child {
     margin-top: 0;
   }
-  ._root_1ezfc_1 :last-child {
+  ._root_whr49_1 :last-child {
     margin-bottom: 0;
   }
-  ._root_1ezfc_1 :where(h1, h2, h3, h4, h5, h6) {
+  ._root_whr49_1 :where(h1, h2, h3, h4, h5, h6) {
     margin-bottom: var(--mantine-spacing-xs);
     text-wrap: var(--mantine-heading-text-wrap);
     font-family: var(--mantine-font-family-headings);
   }
-  ._root_1ezfc_1 :where(h1) {
+  ._root_whr49_1 :where(h1) {
     margin-top: calc(1.5 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h1-font-size);
     line-height: var(--mantine-h1-line-height);
     font-weight: var(--mantine-h1-font-weight);
   }
-  ._root_1ezfc_1 :where(h2) {
+  ._root_whr49_1 :where(h2) {
     margin-top: var(--mantine-spacing-xl);
     font-size: var(--mantine-h2-font-size);
     line-height: var(--mantine-h2-line-height);
     font-weight: var(--mantine-h2-font-weight);
   }
-  ._root_1ezfc_1 :where(h3) {
+  ._root_whr49_1 :where(h3) {
     margin-top: calc(0.8 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h3-font-size);
     line-height: var(--mantine-h3-line-height);
     font-weight: var(--mantine-h3-font-weight);
   }
-  ._root_1ezfc_1 :where(h4) {
+  ._root_whr49_1 :where(h4) {
     margin-top: calc(0.8 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h4-font-size);
     line-height: var(--mantine-h4-line-height);
     font-weight: var(--mantine-h4-font-weight);
   }
-  ._root_1ezfc_1 :where(h5) {
+  ._root_whr49_1 :where(h5) {
     margin-top: calc(0.5 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h5-font-size);
     line-height: var(--mantine-h5-line-height);
     font-weight: var(--mantine-h5-font-weight);
   }
-  ._root_1ezfc_1 :where(h6) {
+  ._root_whr49_1 :where(h6) {
     margin-top: calc(0.5 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h6-font-size);
     line-height: var(--mantine-h6-line-height);
     font-weight: var(--mantine-h6-font-weight);
   }
-  ._root_1ezfc_1 :where(img) {
+  ._root_whr49_1 :where(img) {
     max-width: 100%;
     margin-bottom: var(--mantine-spacing-xs);
   }
-  ._root_1ezfc_1 :where(p) {
+  ._root_whr49_1 :where(p) {
     margin-top: 0;
     margin-bottom: var(--mantine-spacing-lg);
   }
-  :where([data-mantine-color-scheme='light']) ._root_1ezfc_1 :where(mark) {
+  :where([data-mantine-color-scheme='light']) ._root_whr49_1 :where(mark) {
       background-color: var(--mantine-color-yellow-2);
       color: inherit;
 }
-  :where([data-mantine-color-scheme='dark']) ._root_1ezfc_1 :where(mark) {
+  :where([data-mantine-color-scheme='dark']) ._root_whr49_1 :where(mark) {
       background-color: var(--mantine-color-yellow-5);
       color: var(--mantine-color-black);
 }
-  ._root_1ezfc_1 :where(a) {
+  ._root_whr49_1 :where(a) {
     color: var(--mantine-color-anchor);
     text-decoration: none;
   }
   @media (hover: hover) {
-    ._root_1ezfc_1 :where(a):hover {
+    ._root_whr49_1 :where(a):hover {
       text-decoration: underline;
     }
 }
   @media (hover: none) {
-    ._root_1ezfc_1 :where(a):active {
+    ._root_whr49_1 :where(a):active {
       text-decoration: underline;
     }
 }
-  ._root_1ezfc_1 :where(hr) {
+  ._root_whr49_1 :where(hr) {
     margin-top: var(--mantine-spacing-md);
     margin-bottom: var(--mantine-spacing-md);
     border: 0;
     border-top: calc(0.0625rem * var(--mantine-scale)) solid;
   }
-  :where([data-mantine-color-scheme='light']) ._root_1ezfc_1 :where(hr) {
+  :where([data-mantine-color-scheme='light']) ._root_whr49_1 :where(hr) {
       border-color: var(--mantine-color-gray-3);
 }
-  :where([data-mantine-color-scheme='dark']) ._root_1ezfc_1 :where(hr) {
+  :where([data-mantine-color-scheme='dark']) ._root_whr49_1 :where(hr) {
       border-color: var(--mantine-color-dark-3);
 }
-  ._root_1ezfc_1 :where(pre) {
+  ._root_whr49_1 :where(pre) {
     padding: var(--mantine-spacing-xs);
     line-height: var(--mantine-line-height);
     margin: 0;
@@ -3798,20 +3819,20 @@ fieldset:disabled .mantine-active:active {
     font-size: var(--mantine-font-size-xs);
     border-radius: var(--mantine-radius-sm);
   }
-  :where([data-mantine-color-scheme='light']) ._root_1ezfc_1 :where(pre) {
+  :where([data-mantine-color-scheme='light']) ._root_whr49_1 :where(pre) {
       background-color: var(--mantine-color-gray-0);
 }
-  :where([data-mantine-color-scheme='dark']) ._root_1ezfc_1 :where(pre) {
+  :where([data-mantine-color-scheme='dark']) ._root_whr49_1 :where(pre) {
       background-color: var(--mantine-color-dark-8);
 }
-  ._root_1ezfc_1 :where(pre) :where(code) {
+  ._root_whr49_1 :where(pre) :where(code) {
       background-color: transparent;
       padding: 0;
       border-radius: 0;
       color: inherit;
       border: 0;
     }
-  ._root_1ezfc_1 :where(kbd) {
+  ._root_whr49_1 :where(kbd) {
     --kbd-fz: calc(0.75rem * var(--mantine-scale));
     --kbd-padding: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
 
@@ -3824,87 +3845,141 @@ fieldset:disabled .mantine-active:active {
     border: calc(0.0625rem * var(--mantine-scale)) solid;
     border-bottom-width: calc(0.1875rem * var(--mantine-scale));
   }
-  :where([data-mantine-color-scheme='light']) ._root_1ezfc_1 :where(kbd) {
+  :where([data-mantine-color-scheme='light']) ._root_whr49_1 :where(kbd) {
       border-color: var(--mantine-color-gray-3);
       color: var(--mantine-color-gray-7);
       background-color: var(--mantine-color-gray-0);
 }
-  :where([data-mantine-color-scheme='dark']) ._root_1ezfc_1 :where(kbd) {
+  :where([data-mantine-color-scheme='dark']) ._root_whr49_1 :where(kbd) {
       border-color: var(--mantine-color-dark-3);
       color: var(--mantine-color-dark-0);
       background-color: var(--mantine-color-dark-5);
 }
-  ._root_1ezfc_1 :where(code) {
+  ._root_whr49_1 :where(code) {
     line-height: var(--mantine-line-height);
     padding: calc(0.0625rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
     border-radius: var(--mantine-radius-sm);
     font-family: var(--mantine-font-family-monospace);
     font-size: var(--mantine-font-size-xs);
   }
-  :where([data-mantine-color-scheme='light']) ._root_1ezfc_1 :where(code) {
+  :where([data-mantine-color-scheme='light']) ._root_whr49_1 :where(code) {
       background-color: var(--mantine-color-gray-0);
       color: var(--mantine-color-black);
 }
-  :where([data-mantine-color-scheme='dark']) ._root_1ezfc_1 :where(code) {
+  :where([data-mantine-color-scheme='dark']) ._root_whr49_1 :where(code) {
       background-color: var(--mantine-color-dark-5);
       color: var(--mantine-color-white);
 }
-  ._root_1ezfc_1 :where(ul, ol):not([data-type='taskList']) {
+  ._root_whr49_1 :where(ul, ol):not([data-type='taskList']) {
     margin-bottom: var(--mantine-spacing-md);
     padding-inline-start: var(--mantine-spacing-xl);
     list-style-position: outside;
   }
-  ._root_1ezfc_1 :where(table) {
+  ._root_whr49_1 :where(table) {
     width: 100%;
     border-collapse: collapse;
     caption-side: bottom;
     margin-bottom: var(--mantine-spacing-md);
   }
-  :where([data-mantine-color-scheme='light']) ._root_1ezfc_1 :where(table) {
+  :where([data-mantine-color-scheme='light']) ._root_whr49_1 :where(table) {
       --table-border-color: var(--mantine-color-gray-3);
 }
-  :where([data-mantine-color-scheme='dark']) ._root_1ezfc_1 :where(table) {
+  :where([data-mantine-color-scheme='dark']) ._root_whr49_1 :where(table) {
       --table-border-color: var(--mantine-color-dark-4);
 }
-  ._root_1ezfc_1 :where(table) :where(caption) {
+  ._root_whr49_1 :where(table) :where(caption) {
       margin-top: var(--mantine-spacing-xs);
       font-size: var(--mantine-font-size-sm);
       color: var(--mantine-color-dimmed);
     }
-  ._root_1ezfc_1 :where(table) :where(th) {
+  ._root_whr49_1 :where(table) :where(th) {
       text-align: start;
       font-weight: bold;
       font-size: var(--mantine-font-size-sm);
       padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
     }
-  ._root_1ezfc_1 :where(table) :where(thead th) {
+  ._root_whr49_1 :where(table) :where(thead th) {
       border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
       border-color: var(--table-border-color);
     }
-  ._root_1ezfc_1 :where(table) :where(tfoot th) {
+  ._root_whr49_1 :where(table) :where(tfoot th) {
       border-top: calc(0.0625rem * var(--mantine-scale)) solid;
       border-color: var(--table-border-color);
     }
-  ._root_1ezfc_1 :where(table) :where(td) {
+  ._root_whr49_1 :where(table) :where(td) {
       padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
       border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
       border-color: var(--table-border-color);
       font-size: var(--mantine-font-size-sm);
     }
-  ._root_1ezfc_1 :where(table) :where(tr:last-of-type td) {
+  ._root_whr49_1 :where(table) :where(tr:last-of-type td) {
       border-bottom: 0;
     }
-  ._root_1ezfc_1 :where(blockquote) {
+  ._root_whr49_1 :where(details) {
+    margin-bottom: var(--mantine-spacing-md);
+    padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
+    border: 1px solid var(--details-border-color);
+    border-radius: var(--mantine-radius-default);
+  }
+  :where([data-mantine-color-scheme='light']) ._root_whr49_1 :where(details) {
+      --details-border-color: var(--mantine-color-gray-3);
+      --details-summary-hover: var(--mantine-color-gray-1);
+}
+  :where([data-mantine-color-scheme='dark']) ._root_whr49_1 :where(details) {
+      --details-border-color: var(--mantine-color-dark-4);
+      --details-summary-hover: var(--mantine-color-dark-5);
+}
+  ._root_whr49_1 :where(details) :where(summary) {
+      position: relative;
+      display: flex;
+      align-items: center;
+      gap: var(--mantine-spacing-xs);
+      cursor: pointer;
+      font-weight: 600;
+      list-style: none;
+    }
+  ._root_whr49_1 :where(details) :where(summary)::-webkit-details-marker {
+      display: none;
+    }
+  ._root_whr49_1 :where(details) :where(summary)::before {
+      content: '';
+      flex-shrink: 0;
+      width: 1.25rem;
+      height: calc(1em * var(--mantine-line-height));
+      border-radius: var(--mantine-radius-sm);
+    }
+  ._root_whr49_1 :where(details) :where(summary:hover)::before {
+      background-color: var(--details-summary-hover);
+    }
+  ._root_whr49_1 :where(details) :where(summary)::after {
+      content: '';
+      position: absolute;
+      inset-inline-start: calc(0.4375rem * var(--mantine-scale));
+      top: 50%;
+      width: 0;
+      height: 0;
+      border-style: solid;
+      border-width: calc(0.3125rem * var(--mantine-scale)) 0 calc(0.3125rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
+      border-color: transparent transparent transparent currentColor;
+      transform: translateY(-50%);
+    }
+  ._root_whr49_1 :where(details):where([open]) > :where(summary)::after {
+      transform: translateY(-50%) rotate(90deg);
+    }
+  ._root_whr49_1 :where(details) > :where(*:last-child) {
+      margin-bottom: 0;
+    }
+  ._root_whr49_1 :where(blockquote) {
     font-size: var(--mantine-font-size-lg);
     line-height: var(--mantine-line-height);
     margin: var(--mantine-spacing-md) 0;
     border-radius: var(--mantine-radius-sm);
     padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
   }
-  :where([data-mantine-color-scheme='light']) ._root_1ezfc_1 :where(blockquote) {
+  :where([data-mantine-color-scheme='light']) ._root_whr49_1 :where(blockquote) {
       background-color: var(--mantine-color-gray-0);
 }
-  :where([data-mantine-color-scheme='dark']) ._root_1ezfc_1 :where(blockquote) {
+  :where([data-mantine-color-scheme='dark']) ._root_whr49_1 :where(blockquote) {
       background-color: var(--mantine-color-dark-8);
 }
 ._root_1aicl_1 {
@@ -5730,6 +5805,19 @@ fieldset:disabled ._label_1va91_64,
       --tab-bg: var(--tabs-color);
     }
 }
+._root_1wjjt_1 {
+  display: flex;
+  align-items: center;
+  gap: var(--mantine-spacing-sm);
+  width: fit-content;
+  margin-inline: auto;
+}
+
+._divider_1wjjt_9 {
+  width: calc(0.0625rem * var(--mantine-scale));
+  align-self: stretch;
+  background-color: var(--mantine-color-default-border);
+}
 ._root_1ge97_1 {
   --psi-button-size-xs: calc(1.375rem * var(--mantine-scale));
   --psi-button-size-sm: calc(1.625rem * var(--mantine-scale));
@@ -6886,7 +6974,7 @@ fieldset:disabled ._label_1va91_64,
   justify-content: var(--stack-justify, flex-start);
   gap: var(--stack-gap, var(--mantine-spacing-md));
 }
-._root_yawst_1 {
+._root_1g4m5_1 {
   --stepper-icon-size-xs: calc(2.125rem * var(--mantine-scale));
   --stepper-icon-size-sm: calc(2.25rem * var(--mantine-scale));
   --stepper-icon-size-md: calc(2.625rem * var(--mantine-scale));
@@ -6900,98 +6988,114 @@ fieldset:disabled ._label_1va91_64,
   --stepper-fz: var(--mantine-font-size-md);
   --stepper-outline-thickness: calc(0.125rem * var(--mantine-scale));
 }
-[data-mantine-color-scheme='light'] ._root_yawst_1 {
+[data-mantine-color-scheme='light'] ._root_1g4m5_1 {
     --stepper-outline-color: var(--mantine-color-gray-2);
 }
-[data-mantine-color-scheme='dark'] ._root_yawst_1 {
+[data-mantine-color-scheme='dark'] ._root_1g4m5_1 {
     --stepper-outline-color: var(--mantine-color-dark-5);
 }
 
-._steps_yawst_25 {
+._steps_1g4m5_25 {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
 }
-._steps_yawst_25:where([data-wrap]) {
+._steps_1g4m5_25:where([data-wrap]) {
   flex-wrap: wrap;
   gap: var(--mantine-spacing-md) 0;
 }
-._steps_yawst_25:where([data-orientation='vertical']) {
+._steps_1g4m5_25:where([data-orientation='vertical']) {
   flex-direction: column;
 }
-._steps_yawst_25:where([data-orientation='vertical'][data-icon-position='left']) {
+._steps_1g4m5_25:where([data-orientation='vertical'][data-icon-position='left']) {
   align-items: flex-start;
 }
-._steps_yawst_25:where([data-orientation='vertical'][data-icon-position='right']) {
+._steps_1g4m5_25:where([data-orientation='vertical'][data-icon-position='right']) {
   align-items: flex-end;
 }
-._steps_yawst_25:where([data-orientation='horizontal']) {
+._steps_1g4m5_25:where([data-orientation='horizontal']) {
   flex-direction: row;
 }
+._steps_1g4m5_25:where([data-label-position='bottom']) {
+  align-items: flex-start;
+}
 
-._separator_yawst_47 {
+._separator_1g4m5_50 {
   transition: background-color 150ms ease;
   flex: 1;
   height: var(--stepper-outline-thickness);
   margin-inline: var(--mantine-spacing-md);
   background-color: var(--stepper-outline-color);
 }
-._separator_yawst_47:where([data-active]) {
+._separator_1g4m5_50:where([data-active]) {
   background-color: var(--stepper-color);
 }
-._content_yawst_57 {
+._steps_1g4m5_25:where([data-label-position='bottom']) ._separator_1g4m5_50 {
+  margin-top: calc((var(--stepper-icon-size) - var(--stepper-outline-thickness)) / 2);
+}
+._content_1g4m5_63 {
   padding-top: var(--stepper-content-padding);
 }
 
-._step_yawst_25 {
+._step_1g4m5_25 {
   --step-color: var(--stepper-color);
   display: flex;
   cursor: default;
 }
-._step_yawst_25:where([data-allow-click]) {
+._step_1g4m5_25:where([data-allow-click]) {
   cursor: pointer;
 }
-._step_yawst_25:where([data-icon-position='left']) {
+._step_1g4m5_25:where([data-icon-position='left']) {
   flex-direction: row;
 }
-._step_yawst_25:where([data-icon-position='right']) {
+._step_1g4m5_25:where([data-icon-position='right']) {
   flex-direction: row-reverse;
 }
-._step--horizontal_yawst_75 {
+._step_1g4m5_25:where([data-label-position='bottom']) {
+  flex-direction: column;
   align-items: center;
+  min-width: var(--stepper-icon-size);
+  max-width: calc(var(--stepper-icon-size) * 4);
+  overflow: visible;
+}
+._step_1g4m5_25:where([data-label-position='bottom'][data-icon-position='right']) {
+  flex-direction: column;
 }
-._step--vertical_yawst_78 {
+._step--horizontal_1g4m5_91 {
+  align-items: center;
+}
+._step--vertical_1g4m5_94 {
   --separator-spacing: calc(var(--mantine-spacing-xs) / 2);
   justify-content: flex-start;
   min-height: calc(var(--stepper-icon-size) + var(--mantine-spacing-xl) + var(--separator-spacing));
   margin-top: var(--separator-spacing);
   overflow: hidden;
 }
-._step--vertical_yawst_78:where(:first-of-type) {
+._step--vertical_1g4m5_94:where(:first-of-type) {
   margin-top: 0;
 }
-._step--vertical_yawst_78:where(:last-of-type) {
+._step--vertical_1g4m5_94:where(:last-of-type) {
   min-height: auto;
 }
-._step--vertical_yawst_78:where(:last-of-type) ._verticalSeparator_yawst_91 {
+._step--vertical_1g4m5_94:where(:last-of-type) ._verticalSeparator_1g4m5_107 {
   display: none;
 }
 
-._stepWrapper_yawst_95 {
+._stepWrapper_1g4m5_111 {
   position: relative;
 }
-._verticalSeparator_yawst_91 {
+._verticalSeparator_1g4m5_107 {
   top: calc(var(--stepper-icon-size) + var(--separator-spacing));
   inset-inline-start: calc(var(--stepper-icon-size) / 2);
   height: 100vh;
   position: absolute;
   border-inline-start: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
 }
-._verticalSeparator_yawst_91:where([data-active]) {
+._verticalSeparator_1g4m5_107:where([data-active]) {
   border-color: var(--stepper-color);
 }
 
-._stepIcon_yawst_109 {
+._stepIcon_1g4m5_125 {
   height: var(--stepper-icon-size);
   width: var(--stepper-icon-size);
   min-height: var(--stepper-icon-size);
@@ -7009,24 +7113,24 @@ fieldset:disabled ._label_1va91_64,
   border: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
   background-color: var(--stepper-outline-color);
 }
-:where([data-mantine-color-scheme='light']) ._stepIcon_yawst_109 {
+:where([data-mantine-color-scheme='light']) ._stepIcon_1g4m5_125 {
     color: var(--mantine-color-gray-7);
 }
-:where([data-mantine-color-scheme='dark']) ._stepIcon_yawst_109 {
+:where([data-mantine-color-scheme='dark']) ._stepIcon_1g4m5_125 {
     color: var(--mantine-color-dark-1);
 }
-._stepIcon_yawst_109:where([data-progress]) {
+._stepIcon_1g4m5_125:where([data-progress]) {
   border-color: var(--step-color);
 }
-._stepIcon_yawst_109:where([data-completed]) {
+._stepIcon_1g4m5_125:where([data-completed]) {
   color: var(--stepper-icon-color, var(--mantine-color-white));
   background-color: var(--step-color);
   border-color: var(--step-color);
 }
-._stepIconContent_yawst_144 {
+._stepIconContent_1g4m5_160 {
   display: flex;
 }
-._stepCompletedIcon_yawst_147 {
+._stepCompletedIcon_1g4m5_163 {
   position: absolute;
   inset: 0;
   display: flex;
@@ -7034,23 +7138,28 @@ fieldset:disabled ._label_1va91_64,
   justify-content: center;
   color: var(--stepper-icon-color, var(--mantine-color-white));
 }
-._stepBody_yawst_155 {
+._stepBody_1g4m5_171 {
   display: flex;
   flex-direction: column;
 }
-._stepBody_yawst_155:where([data-icon-position='left']) {
+._stepBody_1g4m5_171:where([data-icon-position='left']) {
   margin-inline-start: var(--mantine-spacing-sm);
 }
-._stepBody_yawst_155:where([data-icon-position='right']) {
+._stepBody_1g4m5_171:where([data-icon-position='right']) {
   text-align: end;
   margin-inline-end: var(--mantine-spacing-sm);
 }
-._stepLabel_yawst_166 {
+._step_1g4m5_25:where([data-label-position='bottom']) ._stepBody_1g4m5_171 {
+  align-items: center;
+  text-align: center;
+  margin: calc(var(--mantine-spacing-xs) / 2) 0 0;
+}
+._stepLabel_1g4m5_187 {
   font-weight: var(--mantine-font-weight-medium);
   font-size: var(--stepper-fz);
   line-height: 1;
 }
-._stepDescription_yawst_171 {
+._stepDescription_1g4m5_192 {
   margin-top: calc(var(--stepper-spacing) / 3);
   margin-bottom: calc(var(--stepper-spacing) / 3);
   font-size: calc(var(--stepper-fz) - calc(0.125rem * var(--mantine-scale)));
@@ -8158,7 +8267,7 @@ fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
   position: fixed;
   inset: 0;
 }
-._tooltip_117du_1 {
+._tooltip_1mme1_1 {
   --tooltip-radius: var(--mantine-radius-default);
 
   position: absolute;
@@ -8169,25 +8278,29 @@ fieldset:disabled ._bar_1osrz_187:where(:not([data-inverted])),
   border-radius: var(--tooltip-radius);
 }
 
-  :where([data-mantine-color-scheme='light']) ._tooltip_117du_1 {
+  :where([data-mantine-color-scheme='light']) ._tooltip_1mme1_1 {
     background-color: var(--tooltip-bg, var(--mantine-color-gray-9));
     color: var(--tooltip-color, var(--mantine-color-white));
 }
 
-  :where([data-mantine-color-scheme='dark']) ._tooltip_117du_1 {
+  :where([data-mantine-color-scheme='dark']) ._tooltip_1mme1_1 {
     background-color: var(--tooltip-bg, var(--mantine-color-gray-2));
     color: var(--tooltip-color, var(--mantine-color-black));
 }
 
-  ._tooltip_117du_1:where([data-multiline]) {
+  ._tooltip_1mme1_1:where([data-multiline]) {
     white-space: normal;
   }
 
-  ._tooltip_117du_1:where([data-fixed]) {
+  ._tooltip_1mme1_1:where([data-fixed]) {
     position: fixed;
   }
 
-._arrow_117du_30 {
+  ._tooltip_1mme1_1:where([data-interactive]) {
+    pointer-events: auto;
+  }
+
+._arrow_1mme1_34 {
   background-color: inherit;
   border: 0;
   z-index: 1;