@mantine/core 6.0.9 → 7.0.0-alpha.2

package/cjs/index.css

@@ -0,0 +1,3404 @@
+html,
+body {
+  height: 100%;
+}
+
+body {
+  margin: 0;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+:root {
+  color-scheme: var(--mantine-color-scheme);
+}
+
+body {
+  font-family: var(--mantine-font-family);
+  font-size: var(--mantine-font-size-md);
+  line-height: var(--mantine-line-height);
+  background-color: var(--mantine-color-body);
+  color: var(--mantine-color-text);
+
+  -webkit-font-smoothing: var(--mantine-webkit-font-smoothing);
+  -moz-osx-font-smoothing: var(--mantine-moz-font-smoothing);
+}
+
+@media (prefers-reduced-motion: reduce) {
+    [data-respect-reduced-motion] [data-reduce-motion] {
+      transition: none;
+      animation: none;
+    }
+  }
+
+.mantine-focus-auto:focus-visible {
+    outline: 0.125rem solid var(--mantine-color-primary);
+    outline-offset: 0.125rem;
+  }
+
+.mantine-focus-always:focus {
+    outline: 0.125rem solid var(--mantine-color-primary);
+    outline-offset: 0.125rem;
+  }
+
+.mantine-focus-never:focus {
+    outline: none;
+  }
+
+.mantine-active:active {
+    transform: translateY(0.0625rem);
+  }
+
+[dir="rtl"] .mantine-rotate-rtl {
+    transform: rotate(180deg);
+}
+
+.mantine-YsIDHdR {
+  background-color: transparent;
+  cursor: pointer;
+  border: 0;
+  padding: 0;
+  appearance: none;
+  font-size: var(--mantine-font-size-md);
+  text-align: left;
+  text-decoration: none;
+  color: inherit;
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
+}
+
+@keyframes mantine-CbbKYq7 {
+  0% {
+    transform: scale(0.6);
+    opacity: 0;
+  }
+
+  50%,
+  100% {
+    transform: scale(1);
+  }
+}
+
+.mantine-jUL-C9E {
+  position: relative;
+  width: var(--loader-size);
+  height: var(--loader-size);
+  display: flex;
+  gap: calc(var(--loader-size) / 5);
+}
+
+.mantine-Vr3xFOO {
+  flex: 1;
+  background: var(--loader-color);
+  animation: mantine-CbbKYq7 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
+  border-radius: 0.125rem;
+}
+
+.mantine-Vr3xFOO:nth-of-type(1) {
+    animation-delay: -240ms;
+  }
+
+.mantine-Vr3xFOO:nth-of-type(2) {
+    animation-delay: -120ms;
+  }
+
+.mantine-Vr3xFOO:nth-of-type(3) {
+    animation-delay: 0;
+  }
+
+@keyframes mantine-61wydlj {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.mantine-e-ztMiT {
+  display: inline-block;
+  width: var(--loader-size);
+  height: var(--loader-size);
+}
+
+.mantine-e-ztMiT::after {
+    content: '';
+    display: block;
+    width: var(--loader-size);
+    height: var(--loader-size);
+    border-radius: 625rem;
+    border-width: calc(var(--loader-size) / 8);
+    border-style: solid;
+    border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
+    animation: mantine-61wydlj 1.2s linear infinite;
+  }
+
+@keyframes mantine--ObWAwB {
+  0%,
+  100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.5;
+  }
+}
+
+.mantine-k1XfX4K {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: calc(var(--loader-size) / 10);
+  flex-wrap: wrap;
+  position: relative;
+  width: var(--loader-size);
+  height: var(--loader-size);
+}
+
+.mantine-NjfH0Vn {
+  width: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
+  height: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
+  border-radius: 50%;
+  background: var(--loader-color);
+  animation: mantine--ObWAwB 1200ms linear infinite;
+}
+
+.mantine-NjfH0Vn:nth-child(2),
+  .mantine-NjfH0Vn:nth-child(4) {
+    animation-delay: -400ms;
+  }
+
+.mantine-NjfH0Vn:nth-child(3),
+  .mantine-NjfH0Vn:nth-child(5),
+  .mantine-NjfH0Vn:nth-child(7) {
+    animation-delay: -800ms;
+  }
+
+.mantine-NjfH0Vn:nth-child(6),
+  .mantine-NjfH0Vn:nth-child(8) {
+    animation-delay: -1200ms;
+  }
+
+.mantine-NjfH0Vn:nth-child(9) {
+    animation-delay: -1600ms;
+  }
+
+.mantine-69SxO-t {
+  --loader-size-xs: 1.125rem;
+  --loader-size-sm: 1.375rem;
+  --loader-size-md: 2.25rem;
+  --loader-size-lg: 2.75rem;
+  --loader-size-xl: 3.625rem;
+}
+
+.mantine-64TYjOY {
+  display: flex;
+}
+
+  .mantine-64TYjOY[data-orientation='horizontal'] {
+    flex-direction: row;
+  }
+
+  .mantine-64TYjOY[data-orientation='horizontal'] [data-action-icon]:not(:only-child):first-of-type {
+        border-bottom-right-radius: 0;
+        border-top-right-radius: 0;
+        border-right-width: calc(var(--ai-border-width) / 2);
+      }
+
+  .mantine-64TYjOY[data-orientation='horizontal'] [data-action-icon]:not(:only-child):last-of-type {
+        border-bottom-left-radius: 0;
+        border-top-left-radius: 0;
+        border-left-width: calc(var(--ai-border-width) / 2);
+      }
+
+  .mantine-64TYjOY[data-orientation='horizontal'] [data-action-icon]:not(:only-child):not(:first-of-type):not(:last-of-type) {
+        border-radius: 0;
+        border-right-width: calc(var(--ai-border-width) / 2);
+        border-left-width: calc(var(--ai-border-width) / 2);
+      }
+
+  .mantine-64TYjOY[data-orientation='vertical'] {
+    flex-direction: column;
+  }
+
+  .mantine-64TYjOY[data-orientation='vertical'] [data-action-icon]:not(:only-child):first-of-type {
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+        border-bottom-width: calc(var(--ai-border-width) / 2);
+      }
+
+  .mantine-64TYjOY[data-orientation='vertical'] [data-action-icon]:not(:only-child):last-of-type {
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+        border-top-width: calc(var(--ai-border-width) / 2);
+      }
+
+  .mantine-64TYjOY[data-orientation='vertical'] [data-action-icon]:not(:only-child):not(:first-of-type):not(:last-of-type) {
+        border-radius: 0;
+        border-bottom-width: calc(var(--ai-border-width) / 2);
+        border-top-width: calc(var(--ai-border-width) / 2);
+      }
+
+.mantine-7371IxG {
+  --ai-size-xs: 1.125rem;
+  --ai-size-sm: 1.375rem;
+  --ai-size-md: 1.75rem;
+  --ai-size-lg: 2.125rem;
+  --ai-size-xl: 2.75rem;
+
+  line-height: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  user-select: none;
+
+  width: var(--ai-size);
+  height: var(--ai-size);
+  min-width: var(--ai-size);
+  min-height: var(--ai-size);
+  border-radius: var(--ai-radius);
+  background: var(--_ai-bg, var(--ai-bg));
+  color: var(--_ai-color, var(--ai-color));
+  border: var(--ai-bd);
+  cursor: var(--_ai-cursor, pointer);
+}
+
+  @media (hover: hover) {
+    .mantine-7371IxG:hover:not([data-loading]):not(:disabled):not([data-disabled]) {
+      --_ai-bg: var(--ai-hover);
+    }
+}
+
+  @media (hover: none) {
+    .mantine-7371IxG:active:not([data-loading]):not(:disabled):not([data-disabled]) {
+      --_ai-bg: var(--ai-hover);
+    }
+}
+
+  [data-mantine-color-scheme='light'] .mantine-7371IxG {
+    --_ai-loading-overlay-bg: rgba(255, 255, 255, 0.35);
+    --_ai-disabled-bg: var(--mantine-color-gray-1);
+    --_ai-disabled-color: var(--mantine-color-gray-5);
+}
+
+  @media (prefers-color-scheme: light) {
+
+  .mantine-7371IxG {
+    --_ai-loading-overlay-bg: rgba(255, 255, 255, 0.35);
+    --_ai-disabled-bg: var(--mantine-color-gray-1);
+    --_ai-disabled-color: var(--mantine-color-gray-5);
+  }
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-7371IxG {
+    --_ai-loading-overlay-bg: rgba(0, 0, 0, 0.35);
+    --_ai-disabled-bg: var(--mantine-color-dark-6);
+    --_ai-disabled-color: var(--mantine-color-dark-3);
+}
+
+  @media (prefers-color-scheme: dark) {
+
+  .mantine-7371IxG {
+    --_ai-loading-overlay-bg: rgba(0, 0, 0, 0.35);
+    --_ai-disabled-bg: var(--mantine-color-dark-6);
+    --_ai-disabled-color: var(--mantine-color-dark-3);
+  }
+}
+
+  .mantine-7371IxG[data-loading] {
+    --_ai-cursor: not-allowed;
+  }
+
+  .mantine-7371IxG[data-loading]::before {
+      content: '';
+      position: absolute;
+      inset: -0.0625rem;
+      border-radius: var(--ai-radius);
+      background-color: var(--_ai-loading-overlay-bg);
+    }
+
+  .mantine-7371IxG:disabled:not([data-loading]),
+  .mantine-7371IxG[data-disabled]:not([data-loading]) {
+    --_ai-cursor: not-allowed;
+    --_ai-bg: var(--_ai-disabled-bg);
+    --_ai-color: var(--_ai-disabled-color);
+  }
+
+.mantine-BWsEIZ5 {
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.mantine-HAmVvpP {
+  -webkit-tap-highlight-color: transparent;
+  text-decoration: none;
+  font-size: var(--text-fz, inherit);
+  line-height: var(--_text-line-height, var(--text-lh));
+  font-weight: var(--_text-font-weight, normal);
+  margin: 0;
+  padding: 0;
+}
+
+  .mantine-HAmVvpP[data-truncate] {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .mantine-HAmVvpP[data-truncate='start'] {
+    direction: rtl;
+    text-align: right;
+  }
+
+  [dir="rtl"] .mantine-HAmVvpP[data-truncate='start'] {
+      direction: ltr;
+      text-align: left;
+}
+
+  .mantine-HAmVvpP[data-variant='gradient'] {
+    background-image: var(--text-gradient);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
+
+  .mantine-HAmVvpP[data-line-clamp] {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: var(--text-line-clamp);
+    -webkit-box-orient: vertical;
+  }
+
+  .mantine-HAmVvpP[data-inherit] {
+    --_text-line-height: inherit;
+    --_text-font-weight: inherit;
+  }
+
+  .mantine-HAmVvpP[data-inline] {
+    --_text-line-height: 1;
+  }
+
+.mantine-pSL9pMg {
+  color: var(--mantine-color-anchor);
+  text-decoration: var(--_text-decoration, none);
+  appearance: none;
+  border: none;
+  display: inline;
+  padding: 0;
+  margin: 0;
+  background-color: transparent;
+  cursor: pointer;
+}
+
+  @media (hover: hover) {
+
+  .mantine-pSL9pMg[data-underline='hover']:hover {
+      --_text-decoration: underline;
+  }
+}
+
+  @media (hover: none) {
+
+  .mantine-pSL9pMg[data-underline='hover']:active {
+      --_text-decoration: underline;
+  }
+}
+
+  .mantine-pSL9pMg[data-underline='always'] {
+    --_text-decoration: underline;
+  }
+
+.mantine-mBE3oR4 {
+  background-size: cover;
+  background-position: center;
+  display: block;
+  width: 100%;
+  border: 0;
+  text-decoration: none;
+  border-radius: var(--bi-radius);
+}
+
+.mantine-ecNe4vP {
+  --_bq-border: 0.1875rem 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) 2.375rem;
+}
+
+  [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);
+}
+
+  @media (prefers-color-scheme: light) {
+
+  .mantine-ecNe4vP {
+    --_bq-bg: var(--bq-bg-light);
+  }
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-ecNe4vP {
+    --_bq-bg: var(--bq-bg-dark);
+}
+
+  @media (prefers-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);
+}
+
+@media (prefers-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);
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine-ixC9ZM7 {
+    --_separator-color: var(--mantine-color-dark-2);
+  }
+}
+
+.mantine-PpER79h {
+  --burger-size-xs: 0.75rem;
+  --burger-size-sm: 1.125rem;
+  --burger-size-md: 1.5rem;
+  --burger-size-lg: 2.125rem;
+  --burger-size-xl: 2.625rem;
+
+  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);
+}
+
+  @media (prefers-color-scheme: light) {
+
+  .mantine-PpER79h {
+    --__burger-color: var(--mantine-color-black);
+  }
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-PpER79h {
+    --__burger-color: var(--mantine-color-white);
+}
+
+  @media (prefers-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: 0.0625rem 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-of-type {
+        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-of-type {
+        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-of-type):not(:last-of-type) {
+        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-of-type {
+        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-of-type {
+        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-of-type):not(:last-of-type) {
+        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: 1.875rem;
+  --button-height-sm: 2.25rem;
+  --button-height-md: 2.625rem;
+  --button-height-lg: 3.125rem;
+  --button-height-xl: 3.75rem;
+
+  --button-height-compact-xs: 1.375rem;
+  --button-height-compact-sm: 1.625rem;
+  --button-height-compact-md: 1.875rem;
+  --button-height-compact-lg: 2.125rem;
+  --button-height-compact-xl: 2.5rem;
+
+  --button-padding-x-xs: 0.875rem;
+  --button-padding-x-sm: 1.125rem;
+  --button-padding-x-md: 1.375rem;
+  --button-padding-x-lg: 1.625rem;
+  --button-padding-x-xl: 2rem;
+
+  --button-padding-x-compact-xs: 0.4375rem;
+  --button-padding-x-compact-sm: 0.5rem;
+  --button-padding-x-compact-md: 0.625rem;
+  --button-padding-x-compact-lg: 0.75rem;
+  --button-padding-x-compact-xl: 0.875rem;
+
+  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: -0.0625rem;
+      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);
+}
+
+  @media (prefers-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);
+}
+
+  @media (prefers-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;
+  }
+
+.mantine-klSE8ka {
+  display: flex;
+  align-items: center;
+  margin-right: var(--_button-section-margin-right);
+  margin-left: var(--_button-section-margin-left);
+}
+
+.mantine-klSE8ka[data-position='left'] {
+    --_button-section-margin-right: var(--mantine-spacing-xs);
+  }
+
+[dir="rtl"] .mantine-klSE8ka[data-position='left'] {
+      --_button-section-margin-right: 0;
+      --_button-section-margin-left: var(--mantine-spacing-xs);
+}
+
+.mantine-klSE8ka[data-position='right'] {
+    --_button-section-margin-left: var(--mantine-spacing-xs);
+  }
+
+[dir="rtl"] .mantine-klSE8ka[data-position='right'] {
+      --_button-section-margin-left: 0;
+      --_button-section-margin-right: var(--mantine-spacing-xs);
+}
+
+.mantine-2p4-weR {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.mantine-FiYZkHS {
+  display: var(--center-display);
+  align-items: center;
+  justify-content: center;
+}
+
+.mantine-pIzHFb4 {
+  font-family: var(--mantine-font-family-monospace);
+  line-height: var(--mantine-line-height);
+  padding: var(--_code-padding, 0.125rem calc(var(--mantine-spacing-xs) / 2));
+  border-radius: var(--mantine-radius-sm);
+  font-size: var(--mantine-font-size-xs);
+  background-color: var(--_code-bg);
+  color: var(--_code-color);
+  margin: 0;
+  overflow: auto;
+}
+
+  [data-mantine-color-scheme='light'] .mantine-pIzHFb4 {
+    --_code-bg: var(--code-bg, var(--mantine-color-gray-1));
+    --_code-color: var(--mantine-color-black);
+}
+
+  @media (prefers-color-scheme: light) {
+
+  .mantine-pIzHFb4 {
+    --_code-bg: var(--code-bg, var(--mantine-color-gray-1));
+    --_code-color: var(--mantine-color-black);
+  }
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-pIzHFb4 {
+    --_code-bg: var(--code-bg, var(--mantine-color-dark-5));
+    --_code-color: var(--mantine-color-white);
+}
+
+  @media (prefers-color-scheme: dark) {
+
+  .mantine-pIzHFb4 {
+    --_code-bg: var(--code-bg, var(--mantine-color-dark-5));
+    --_code-color: var(--mantine-color-white);
+  }
+}
+
+  .mantine-pIzHFb4[data-block] {
+    --_code-padding: var(--mantine-spacing-xs);
+  }
+
+.mantine-NrgS8tw {
+  -webkit-tap-highlight-color: transparent;
+  border: none;
+  appearance: none;
+  display: block;
+  line-height: 1;
+  position: relative;
+  width: var(--cs-size);
+  height: var(--cs-size);
+  min-width: var(--cs-size);
+  min-height: var(--cs-size);
+  border-radius: var(--cs-radius);
+  color: inherit;
+  text-decoration: none;
+}
+
+  [data-mantine-color-scheme='light'] .mantine-NrgS8tw {
+    --_alpha-overlay-color: var(--mantine-color-gray-3);
+    --_alpha-overlay-bg: var(--mantine-color-white);
+}
+
+  @media (prefers-color-scheme: light) {
+
+  .mantine-NrgS8tw {
+    --_alpha-overlay-color: var(--mantine-color-gray-3);
+    --_alpha-overlay-bg: var(--mantine-color-white);
+  }
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-NrgS8tw {
+    --_alpha-overlay-color: var(--mantine-color-dark-4);
+    --_alpha-overlay-bg: var(--mantine-color-dark-7);
+}
+
+  @media (prefers-color-scheme: dark) {
+
+  .mantine-NrgS8tw {
+    --_alpha-overlay-color: var(--mantine-color-dark-4);
+    --_alpha-overlay-bg: var(--mantine-color-dark-7);
+  }
+}
+
+.mantine-HF00v22 {
+  position: absolute;
+  inset: 0;
+  border-radius: var(--cs-radius);
+}
+
+.mantine-Prv63wq {
+  position: absolute;
+  inset: 0;
+  border-radius: var(--cs-radius);
+  z-index: 1;
+  box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.0625rem inset, rgb(0, 0, 0, 0.15) 0 0 0.25rem inset;
+}
+
+.mantine-moWfGYP {
+  position: absolute;
+  inset: 0;
+  border-radius: var(--cs-radius);
+  background-size: 0.5rem 0.5rem;
+  background-position: 0 0, 0 0.25rem, 0.25rem -0.25rem, -0.25rem 0;
+  background-image: linear-gradient(45deg, var(--_alpha-overlay-color) 25%, transparent 25%),
+    linear-gradient(-45deg, var(--_alpha-overlay-color) 25%, transparent 25%),
+    linear-gradient(45deg, transparent 75%, var(--_alpha-overlay-color) 75%),
+    linear-gradient(-45deg, var(--_alpha-overlay-bg) 75%, var(--_alpha-overlay-color) 75%);
+}
+
+.mantine-r5DDD9D {
+  position: absolute;
+  inset: 0;
+  border-radius: var(--cs-radius);
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.mantine-RhoTzer {
+  --cp-width-xs: 11.25rem;
+  --cp-width-sm: 12.5rem;
+  --cp-width-md: 15rem;
+  --cp-width-lg: 17.5rem;
+  --cp-width-xl: 20rem;
+
+  --cp-preview-size-xs: 1.625rem;
+  --cp-preview-size-sm: 2.125rem;
+  --cp-preview-size-md: 2.625rem;
+  --cp-preview-size-lg: 3.125rem;
+  --cp-preview-size-xl: 3.375rem;
+
+  --cp-thumb-size-xs: 0.5rem;
+  --cp-thumb-size-sm: 0.75rem;
+  --cp-thumb-size-md: 1rem;
+  --cp-thumb-size-lg: 1.25rem;
+  --cp-thumb-size-xl: 1.375rem;
+
+  --cp-saturation-height-xs: 6.25rem;
+  --cp-saturation-height-sm: 6.875rem;
+  --cp-saturation-height-md: 7.5rem;
+  --cp-saturation-height-lg: 8.75rem;
+  --cp-saturation-height-xl: 10rem;
+
+  width: var(--cp-width);
+  padding: 0.0625rem;
+}
+
+.mantine-v16j2jS {
+  width: var(--cp-preview-size);
+  height: var(--cp-preview-size);
+}
+
+.mantine-CUkJfqd {
+  display: flex;
+  padding-top: calc(var(--cp-body-spacing) / 2);
+}
+
+.mantine-bzrGvmu {
+  flex: 1;
+}
+
+.mantine-bzrGvmu:not(:only-child) {
+    margin-right: var(--mantine-spacing-xs);
+  }
+
+.mantine-DJZAmcN {
+  overflow: hidden;
+  position: absolute;
+  box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0.6);
+  border: 0.125rem solid var(--mantine-color-white);
+  width: var(--cp-thumb-size);
+  height: var(--cp-thumb-size);
+  border-radius: var(--cp-thumb-size);
+  outline: var(--_outline);
+  left: calc(var(--_thumb-x-offset) - var(--cp-thumb-size) / 2);
+  top: calc(var(--_thumb-y-offset) - var(--cp-thumb-size) / 2);
+}
+
+.mantine-mSFZEpu {
+  height: 0;
+  margin: 0.125rem;
+  cursor: pointer;
+  width: calc(var(--cp-swatch-size) - 0.25rem);
+  padding-bottom: calc(var(--cp-swatch-size) - 0.25rem);
+  min-width: 0;
+  min-height: 0;
+}
+
+.mantine-CPxyKG9 {
+  margin-top: 0.3125rem;
+  margin-left: -0.125rem;
+  margin-right: -0.125rem;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.mantine-TPZ71OH {
+  -webkit-tap-highlight-color: transparent;
+  position: relative;
+  height: var(--cp-saturation-height);
+  border-radius: var(--mantine-radius-sm);
+  margin: calc(var(--cp-thumb-size) / 2);
+}
+
+.mantine-TPZ71OH[data-focus-ring='auto']:focus:focus-visible .mantine-DJZAmcN {
+        --_outline: 0.125rem solid var(--mantine-color-blue-filled);
+      }
+
+.mantine-TPZ71OH[data-focus-ring='always']:focus .mantine-DJZAmcN {
+        --_outline: 0.125rem solid var(--mantine-color-blue-filled);
+      }
+
+.mantine-8lc2iAe {
+  position: absolute;
+  border-radius: var(--mantine-radius-sm);
+  inset: calc(var(--cp-thumb-size) * -1 / 2 - 0.0625rem);
+}
+
+.mantine-PKmOErI {
+  position: relative;
+  height: calc(var(--cp-thumb-size) + 0.125rem);
+  margin-left: calc(var(--cp-thumb-size) / 2);
+  margin-right: calc(var(--cp-thumb-size) / 2);
+  outline: none;
+}
+
+.mantine-PKmOErI + .mantine-PKmOErI {
+    margin-top: 0.375rem;
+  }
+
+.mantine-PKmOErI[data-focus-ring='auto']:focus:focus-visible .mantine-DJZAmcN {
+        --_outline: 0.125rem solid var(--mantine-color-blue-filled);
+      }
+
+.mantine-PKmOErI[data-focus-ring='always']:focus .mantine-DJZAmcN {
+        --_outline: 0.125rem solid var(--mantine-color-blue-filled);
+      }
+
+[data-mantine-color-scheme='light'] .mantine-PKmOErI {
+    --_slider-checkers: var(--mantine-color-gray-3);
+}
+
+@media (prefers-color-scheme: light) {
+
+  .mantine-PKmOErI {
+    --_slider-checkers: var(--mantine-color-gray-3);
+  }
+}
+
+[data-mantine-color-scheme='dark'] .mantine-PKmOErI {
+    --_slider-checkers: var(--mantine-color-dark-4);
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine-PKmOErI {
+    --_slider-checkers: var(--mantine-color-dark-4);
+  }
+}
+
+.mantine-MQUCZVH {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: calc(var(--cp-thumb-size) * -1 / 2 - 0.0625rem);
+  right: calc(var(--cp-thumb-size) * -1 / 2 - 0.0625rem);
+  border-radius: 10000rem;
+}
+
+.mantine-jQnfD5v {
+  --container-size-xs: 33.75rem;
+  --container-size-sm: 45rem;
+  --container-size-md: 60rem;
+  --container-size-lg: 71.25rem;
+  --container-size-xl: 82.5rem;
+
+  padding-left: var(--mantine-spacing-md);
+  padding-right: var(--mantine-spacing-md);
+  max-width: var(--container-size);
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.mantine-SGOzUCS {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: var(--group-wrap, wrap);
+  justify-content: var(--group-justify);
+  align-items: var(--group-align);
+  gap: var(--group-gap);
+}
+
+  .mantine-SGOzUCS[data-grow] > * {
+      flex-grow: 1;
+      max-width: var(--group-child-width);
+    }
+
+.mantine--7TY0Qe {
+  background-color: var(--_mark-bg);
+  color: var(--_mark-color);
+}
+
+  [data-mantine-color-scheme='light'] .mantine--7TY0Qe {
+    --_mark-bg: var(--mark-bg-light);
+    --_mark-color: inherit;
+}
+
+  @media (prefers-color-scheme: light) {
+
+  .mantine--7TY0Qe {
+    --_mark-bg: var(--mark-bg-light);
+    --_mark-color: inherit;
+  }
+}
+
+  [data-mantine-color-scheme='dark'] .mantine--7TY0Qe {
+    --_mark-bg: var(--mark-bg-dark);
+    --_mark-color: var(--mantine-color-dark-9);
+}
+
+  @media (prefers-color-scheme: dark) {
+
+  .mantine--7TY0Qe {
+    --_mark-bg: var(--mark-bg-dark);
+    --_mark-color: var(--mantine-color-dark-9);
+  }
+}
+
+.mantine-k-roXEr {
+  line-height: var(--mantine-line-height);
+}
+
+.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-7gKrkkZ {
+  color: var(--input-asterisk-color);
+}
+
+.mantine-mToQZGN,
+.mantine-G6m1fCH {
+  word-wrap: break-word;
+  line-height: 1.2;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+
+.mantine-mToQZGN {
+  color: var(--mantine-color-error);
+  font-size: var(--input-error-size);
+}
+
+.mantine-G6m1fCH {
+  color: var(--mantine-color-dimmed);
+  font-size: var(--input-description-size);
+}
+
+.mantine-7YWxW9a {
+  color: var(--mantine-color-placeholder);
+}
+
+.mantine-RqD0YyD {
+  position: relative;
+  margin-top: var(--input-margin-top, 0rem);
+  margin-bottom: var(--input-margin-bottom, 0rem);
+
+  --input-height-xs: 1.875rem;
+  --input-height-sm: 2.25rem;
+  --input-height-md: 2.625rem;
+  --input-height-lg: 3.125rem;
+  --input-height-xl: 3.75rem;
+
+  --input-padding-y-xs: 0.3125rem;
+  --input-padding-y-sm: 0.375rem;
+  --input-padding-y-md: 0.5rem;
+  --input-padding-y-lg: 0.625rem;
+  --input-padding-y-xl: 0.8125rem;
+
+  --_input-cursor: text;
+  --_input-text-align: left;
+  --_input-line-height: calc(var(--input-height) - 0.125rem);
+  --_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) - 0.125rem));
+  --_input-right-section-size: var(
+    --input-right-section-width,
+    calc(var(--input-height) - 0.125rem)
+  );
+  --_input-size: var(--input-height);
+
+  --_section-y: 0.0625rem;
+  --_left-section-left: 0.0625rem;
+  --_left-section-right: unset;
+  --_left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
+
+  --_right-section-left: unset;
+  --_right-section-right: 0.0625rem;
+  --_right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
+}
+
+  .mantine-RqD0YyD[data-pointer] {
+    --_input-cursor: pointer;
+  }
+
+  .mantine-RqD0YyD[data-multiline] {
+    --_input-size: auto;
+    --_input-line-height: var(--mantine-line-height);
+  }
+
+  .mantine-RqD0YyD[data-variant='unstyled'] {
+    --input-padding: 0;
+    --input-padding-y: 0;
+  }
+
+  .mantine-RqD0YyD[data-with-left-section] {
+    --_input-padding-left: var(--_input-left-section-size);
+  }
+
+  [dir="rtl"] .mantine-RqD0YyD[data-with-left-section] {
+      --_input-padding-right: var(--_input-left-section-size);
+}
+
+  .mantine-RqD0YyD[data-with-right-section] {
+    --_input-padding-right: var(--_input-right-section-size);
+  }
+
+  [dir="rtl"] .mantine-RqD0YyD[data-with-right-section] {
+      --_input-padding-left: var(--_input-right-section-size);
+}
+
+  [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;
+    }
+
+  @media (prefers-color-scheme: light) {
+
+  .mantine-RqD0YyD {
+    --_input-disabled-bg: var(--mantine-color-gray-1);
+    --_input-disabled-color: var(--mantine-color-gray-6);
+  }
+
+    .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-RqD0YyD[data-variant='filled'] {
+      --_input-bd: transparent;
+      --_input-bg: var(--mantine-color-gray-1);
+      --_input-bd-focus: var(--mantine-color-primary);
+    }
+
+    .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;
+    }
+
+  @media (prefers-color-scheme: dark) {
+
+  .mantine-RqD0YyD {
+    --_input-disabled-bg: var(--mantine-color-dark-6);
+    --_input-disabled-color: var(--mantine-color-dark-2);
+  }
+
+    .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-RqD0YyD[data-variant='filled'] {
+      --_input-bd: transparent;
+      --_input-bg: var(--mantine-color-dark-5);
+      --_input-bd-focus: var(--mantine-color-primary);
+    }
+
+    .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: 0.0625rem;
+    --_left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
+    --_right-section-left: 0.0625rem;
+    --_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: 0.0625rem 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-w2QLGBV {
+  --kbd-fz-xs: 0.625rem;
+  --kbd-fz-sm: 0.75rem;
+  --kbd-fz-md: 0.875rem;
+  --kbd-fz-lg: 1rem;
+  --kbd-fz-xl: 1.25rem;
+
+  --kbd-padding-xs: 0.125rem 0.25rem;
+  --kbd-padding-sm: 0.1875rem 0.3125rem;
+  --kbd-padding-md: 0.25rem 0.4375rem;
+  --kbd-padding-lg: 0.3125rem 0.5625rem;
+  --kbd-padding-xl: 0.5rem 0.875rem;
+
+  font-family: var(--mantine-font-family-monospace);
+  line-height: var(--mantine-line-height);
+  font-weight: 700;
+  padding: var(--kbd-padding);
+  font-size: var(--kbd-fz);
+  border-radius: var(--mantine-radius-sm);
+  border: 0.0625rem solid var(--_kbd-border-color);
+  border-bottom-width: 0.1875rem;
+  background-color: var(--_kbd-bg);
+  color: var(--_kbd-color);
+}
+
+  [data-mantine-color-scheme='light'] .mantine-w2QLGBV {
+    --_kbd-border-color: var(--mantine-color-gray-3);
+    --_kbd-color: var(--mantine-color-gray-7);
+    --_kbd-bg: var(--mantine-color-gray-0);
+}
+
+  @media (prefers-color-scheme: light) {
+
+  .mantine-w2QLGBV {
+    --_kbd-border-color: var(--mantine-color-gray-3);
+    --_kbd-color: var(--mantine-color-gray-7);
+    --_kbd-bg: var(--mantine-color-gray-0);
+  }
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-w2QLGBV {
+    --_kbd-border-color: var(--mantine-color-dark-4);
+    --_kbd-color: var(--mantine-color-dark-0);
+    --_kbd-bg: var(--mantine-color-dark-5);
+}
+
+  @media (prefers-color-scheme: dark) {
+
+  .mantine-w2QLGBV {
+    --_kbd-border-color: var(--mantine-color-dark-4);
+    --_kbd-color: var(--mantine-color-dark-0);
+    --_kbd-bg: var(--mantine-color-dark-5);
+  }
+}
+
+.mantine--1TgA5h {
+  --combobox-chevron-size-xs: 0.875rem;
+  --combobox-chevron-size-sm: 1.125rem;
+  --combobox-chevron-size-md: 1.25rem;
+  --combobox-chevron-size-lg: 1.5rem;
+  --combobox-chevron-size-xl: 1.75rem;
+
+  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);
+}
+
+  @media (prefers-color-scheme: light) {
+
+  .mantine--1TgA5h {
+    --_color: var(--mantine-color-gray-6);
+  }
+}
+
+  [data-mantine-color-scheme='dark'] .mantine--1TgA5h {
+    --_color: var(--mantine-color-dark-3);
+}
+
+  @media (prefers-color-scheme: dark) {
+
+  .mantine--1TgA5h {
+    --_color: var(--mantine-color-dark-3);
+  }
+}
+
+  .mantine--1TgA5h[data-error] {
+    --_color: var(--mantine-color-error);
+  }
+
+.mantine-lqpFSmK {
+  outline: 0;
+  -webkit-tap-highlight-color: transparent;
+  display: block;
+  touch-action: manipulation;
+  text-decoration: none;
+  border-radius: var(--paper-radius);
+  box-shadow: var(--paper-shadow);
+  background-color: var(--mantine-color-body);
+  border: var(--_paper-border-width, 0) solid var(--_paper-border-color, transparent);
+}
+
+  .mantine-lqpFSmK[data-with-border] {
+    --_paper-border-width: 1px;
+  }
+
+  [data-mantine-color-scheme='light'] .mantine-lqpFSmK[data-with-border] {
+      --_paper-border-color: var(--mantine-color-gray-3);
+}
+
+  @media (prefers-color-scheme: light) {
+
+  .mantine-lqpFSmK[data-with-border] {
+      --_paper-border-color: var(--mantine-color-gray-3);
+  }
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-lqpFSmK[data-with-border] {
+      --_paper-border-color: var(--mantine-color-dark-4);
+}
+
+  @media (prefers-color-scheme: dark) {
+
+  .mantine-lqpFSmK[data-with-border] {
+      --_paper-border-color: var(--mantine-color-dark-4);
+  }
+}
+
+.mantine-Hu7S-XH {
+  position: absolute;
+  background-color: var(--_popover-bg);
+  border: 0.0625rem 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);
+}
+
+  @media (prefers-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);
+}
+
+  @media (prefers-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: 0.0625rem solid var(--_popover-bd);
+  z-index: 1;
+}
+
+.mantine--CW641A {
+  overflow: hidden;
+}
+
+.mantine-VMS5T20 {
+  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[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-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);
+  background-color: var(--_scrollbar-bg);
+  width: var(--_scrollbar-width);
+  height: var(--_scrollbar-height);
+  flex-direction: var(--_scrollbar-direction, row);
+}
+
+.mantine-zngBbDv > .mantine-5u72r1f {
+    background-color: var(--_thumb-bg);
+  }
+
+.mantine-zngBbDv {
+
+  --_scrollbar-display: flex;
+  --_scrollbar-bg: transparent;
+}
+
+@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);
+  }
+    @media (prefers-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 (prefers-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);
+  }
+    @media (prefers-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);
+  }
+
+    @media (prefers-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);
+  }
+
+.mantine-zngBbDv[data-orientation='horizontal'] {
+    --_scrollbar-height: var(--scrollarea-scrollbar-size);
+    --_scrollbar-direction: column;
+  }
+
+.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: 2.75rem;
+    min-height: 2.75rem;
+  }
+
+[data-mantine-color-scheme='light'] .mantine-5u72r1f {
+    --_thumb-bg: rgba(0, 0, 0, 0.4);
+}
+
+@media (prefers-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);
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine-5u72r1f {
+    --_thumb-bg: rgba(255, 255, 255, 0.4);
+  }
+}
+
+.mantine-29iF76- {
+  opacity: var(--_corner-opacity);
+  transition: opacity 150ms ease;
+  background-color: var(--_corner-bg);
+  display: var(--_corner-display);
+
+  --_corner-opacity: 0;
+  --_corner-display: block;
+}
+
+[data-mantine-color-scheme='light'] .mantine-29iF76- {
+    --_corner-bg: var(--mantine-color-gray-0);
+}
+
+@media (prefers-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);
+}
+
+@media (prefers-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: 0.1875rem 0.375rem;
+  --sc-padding-sm: 0.3125rem 0.625rem;
+  --sc-padding-md: 0.4375rem 0.875rem;
+  --sc-padding-lg: 0.5625rem 1rem;
+  --sc-padding-xl: 0.75rem 1.25rem;
+
+  position: relative;
+  display: var(--_display, inline-flex);
+  flex-direction: var(--_flex-direction, row);
+  width: var(--_width, auto);
+  background-color: var(--_bg);
+  border-radius: var(--sc-radius);
+  overflow: hidden;
+  padding: 4px;
+} /* px required for correct indicator calculations */
+
+  .mantine-7LbAahg[data-full-width] {
+    --_display: flex;
+  }
+
+  .mantine-7LbAahg[data-orientation='vertical'] {
+    --_display: flex;
+    --_flex-direction: column;
+    --_width: max-content;
+  }
+
+  .mantine-7LbAahg[data-orientation='vertical'][data-full-width] {
+      --_width: auto;
+    }
+
+  [data-mantine-color-scheme='light'] .mantine-7LbAahg {
+    --_bg: var(--mantine-color-gray-1);
+}
+
+  @media (prefers-color-scheme: light) {
+
+  .mantine-7LbAahg {
+    --_bg: var(--mantine-color-gray-1);
+  }
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-7LbAahg {
+    --_bg: var(--mantine-color-dark-8);
+}
+
+  @media (prefers-color-scheme: dark) {
+
+  .mantine-7LbAahg {
+    --_bg: var(--mantine-color-dark-8);
+  }
+}
+
+.mantine---46L-G {
+  position: absolute;
+  display: block;
+  z-index: 1;
+  border-radius: var(--sc-radius);
+  box-shadow: var(--_box-shadow);
+  width: var(--sc-indicator-width);
+  height: var(--sc-indicator-height);
+  transform: var(--sc-indicator-transform);
+  transition: transform var(--sc-transition-duration) var(--sc-transition-timing-function),
+    width var(--sc-transition-duration) var(--sc-transition-timing-function);
+  background-color: var(--_bg);
+}
+
+[data-mantine-color-scheme='light'] .mantine---46L-G {
+    --_box-shadow: var(--sc-shadow, none);
+    --_bg: var(--sc-color, var(--mantine-color-white));
+}
+
+@media (prefers-color-scheme: light) {
+
+  .mantine---46L-G {
+    --_box-shadow: var(--sc-shadow, none);
+    --_bg: var(--sc-color, var(--mantine-color-white));
+  }
+}
+
+[data-mantine-color-scheme='dark'] .mantine---46L-G {
+    --_box-shadow: none;
+    --_bg: var(--sc-color, var(--mantine-color-dark-5));
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine---46L-G {
+    --_box-shadow: none;
+    --_bg: var(--sc-color, var(--mantine-color-dark-5));
+  }
+}
+
+.mantine-xOh3CVo {
+  -webkit-tap-highlight-color: transparent;
+  font-weight: 500;
+  display: block;
+  text-align: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  user-select: none;
+  border-radius: var(--sc-radius);
+  font-size: var(--sc-font-size);
+  padding: var(--sc-padding);
+  transition: color var(--sc-transition-duration) var(--sc-transition-timing-function);
+  cursor: var(--_cursor, pointer);
+  color: var(--_color);
+
+  /* outline is controlled by .input */
+  outline: var(--_outline, none);
+}
+
+.mantine-xOh3CVo[data-disabled] {
+    --_cursor: not-allowed;
+  }
+
+[data-mantine-color-scheme='light'] .mantine-xOh3CVo[data-disabled] {
+      --_color: var(--mantine-color-gray-5);
+}
+
+@media (prefers-color-scheme: light) {
+
+  .mantine-xOh3CVo[data-disabled] {
+      --_color: var(--mantine-color-gray-5);
+  }
+}
+
+[data-mantine-color-scheme='dark'] .mantine-xOh3CVo[data-disabled] {
+      --_color: var(--mantine-color-dark-3);
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine-xOh3CVo[data-disabled] {
+      --_color: var(--mantine-color-dark-3);
+  }
+}
+
+[data-mantine-color-scheme='light'] .mantine-xOh3CVo[data-active] {
+      --_color: var(--sc-label-color, var(--mantine-color-black));
+}
+
+@media (prefers-color-scheme: light) {
+
+  .mantine-xOh3CVo[data-active] {
+      --_color: var(--sc-label-color, var(--mantine-color-black));
+  }
+}
+
+[data-mantine-color-scheme='dark'] .mantine-xOh3CVo[data-active] {
+      --_color: var(--sc-label-color, var(--mantine-color-white));
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine-xOh3CVo[data-active] {
+      --_color: var(--sc-label-color, var(--mantine-color-white));
+  }
+}
+
+@media (hover: hover) {
+      [data-mantine-color-scheme='light'] .mantine-xOh3CVo:not([data-disabled]):not([data-active]):hover {
+        --_color: var(--mantine-color-black);
+  }
+      @media (prefers-color-scheme: light) {
+
+    .mantine-xOh3CVo:not([data-disabled]):not([data-active]):hover {
+        --_color: var(--mantine-color-black);
+    }
+  }
+
+      [data-mantine-color-scheme='dark'] .mantine-xOh3CVo:not([data-disabled]):not([data-active]):hover {
+        --_color: var(--mantine-color-white);
+  }
+
+      @media (prefers-color-scheme: dark) {
+
+    .mantine-xOh3CVo:not([data-disabled]):not([data-active]):hover {
+        --_color: var(--mantine-color-white);
+    }
+  }
+}
+
+@media (hover: none) {
+      [data-mantine-color-scheme='light'] .mantine-xOh3CVo:not([data-disabled]):not([data-active]):active {
+        --_color: var(--mantine-color-black);
+  }
+      @media (prefers-color-scheme: light) {
+
+    .mantine-xOh3CVo:not([data-disabled]):not([data-active]):active {
+        --_color: var(--mantine-color-black);
+    }
+  }
+
+      [data-mantine-color-scheme='dark'] .mantine-xOh3CVo:not([data-disabled]):not([data-active]):active {
+        --_color: var(--mantine-color-white);
+  }
+
+      @media (prefers-color-scheme: dark) {
+
+    .mantine-xOh3CVo:not([data-disabled]):not([data-active]):active {
+        --_color: var(--mantine-color-white);
+    }
+  }
+}
+
+[data-mantine-color-scheme='light'] .mantine-xOh3CVo {
+    --_color: var(--mantine-color-gray-7);
+}
+
+@media (prefers-color-scheme: light) {
+
+  .mantine-xOh3CVo {
+    --_color: var(--mantine-color-gray-7);
+  }
+}
+
+[data-mantine-color-scheme='dark'] .mantine-xOh3CVo {
+    --_color: var(--mantine-color-dark-1);
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine-xOh3CVo {
+    --_color: var(--mantine-color-dark-1);
+  }
+}
+
+.mantine-i69xIe7 {
+  height: 0;
+  width: 0;
+  position: absolute;
+  overflow: hidden;
+  white-space: nowrap;
+  opacity: 0;
+}
+
+.mantine-i69xIe7[data-focus-ring='auto']:focus:focus-visible + .mantine-xOh3CVo {
+        --_outline: 0.125rem solid var(--mantine-color-blue-filled);
+      }
+
+.mantine-i69xIe7[data-focus-ring='always']:focus + .mantine-xOh3CVo {
+        --_outline: 0.125rem solid var(--mantine-color-blue-filled);
+      }
+
+.mantine-y34erSP {
+  position: relative;
+  flex: 1;
+  z-index: 2;
+  transition: border-color var(--sc-transition-duration) var(--sc-transition-timing-function);
+  border-style: solid;
+  border-width: var(--_border-width, 0);
+  border-color: var(--_border-color);
+}
+
+[data-mantine-color-scheme='light'] .mantine-y34erSP {
+    --_border-color: var(--mantine-color-gray-3);
+}
+
+@media (prefers-color-scheme: light) {
+
+  .mantine-y34erSP {
+    --_border-color: var(--mantine-color-gray-3);
+  }
+}
+
+[data-mantine-color-scheme='dark'] .mantine-y34erSP {
+    --_border-color: var(--mantine-color-dark-4);
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine-y34erSP {
+    --_border-color: var(--mantine-color-dark-4);
+  }
+}
+
+.mantine-y34erSP:not(:first-of-type) {
+    --_border-width: 0 0 0 0.0625rem;
+  }
+
+[dir="rtl"] .mantine-y34erSP:not(:first-of-type) {
+      --_border-width: 0 0.0625rem 0 0;
+}
+
+.mantine-y34erSP:not(:first-of-type)[data-orientation='vertical'] {
+      --_border-width: 0.0625rem 0 0 0;
+    }
+
+[data-mantine-color-scheme] .mantine-y34erSP[data-active],
+      [data-mantine-color-scheme] .mantine-y34erSP[data-active] + .mantine-y34erSP {
+        --_border-color: transparent;
+      }
+
+.mantine-nol3fL4 {
+  --slider-size-xs: 0.25rem;
+  --slider-size-sm: 0.375rem;
+  --slider-size-md: 0.5rem;
+  --slider-size-lg: 0.625rem;
+  --slider-size-xl: 0.75rem;
+
+  -webkit-tap-highlight-color: transparent;
+  outline: none;
+  height: calc(var(--slider-size) * 2);
+  padding-left: var(--slider-size);
+  padding-right: var(--slider-size);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  touch-action: none;
+  position: relative;
+}
+
+  [data-mantine-color-scheme='light'] .mantine-nol3fL4 {
+    --slider-track-bg: var(--mantine-color-gray-2);
+    --slider-track-disabled-bg: var(--mantine-color-gray-4);
+}
+
+  @media (prefers-color-scheme: light) {
+
+  .mantine-nol3fL4 {
+    --slider-track-bg: var(--mantine-color-gray-2);
+    --slider-track-disabled-bg: var(--mantine-color-gray-4);
+  }
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-nol3fL4 {
+    --slider-track-bg: var(--mantine-color-dark-4);
+    --slider-track-disabled-bg: var(--mantine-color-dark-3);
+}
+
+  @media (prefers-color-scheme: dark) {
+
+  .mantine-nol3fL4 {
+    --slider-track-bg: var(--mantine-color-dark-4);
+    --slider-track-disabled-bg: var(--mantine-color-dark-3);
+  }
+}
+
+.mantine-xKQTtLt {
+  position: absolute;
+  top: -2.25rem;
+  background-color: var(--_label-bg);
+  font-size: var(--mantine-font-size-xs);
+  color: var(--mantine-color-white);
+  padding: calc(var(--mantine-spacing-xs) / 2);
+  border-radius: var(--mantine-radius-sm);
+  white-space: nowrap;
+  pointer-events: none;
+  user-select: none;
+  touch-action: none;
+}
+
+[data-mantine-color-scheme='light'] .mantine-xKQTtLt {
+    --_label-bg: var(--mantine-color-gray-9);
+}
+
+@media (prefers-color-scheme: light) {
+
+  .mantine-xKQTtLt {
+    --_label-bg: var(--mantine-color-gray-9);
+  }
+}
+
+[data-mantine-color-scheme='dark'] .mantine-xKQTtLt {
+    --_label-bg: var(--mantine-color-dark-4);
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine-xKQTtLt {
+    --_label-bg: var(--mantine-color-dark-4);
+  }
+}
+
+.mantine-sJmZ8C4 {
+  position: absolute;
+  display: var(--_thumb-display, flex);
+  height: var(--slider-thumb-size);
+  width: var(--slider-thumb-size);
+  background-color: var(--_thumb-bg);
+  border: 0.25rem solid var(--_thumb-bd);
+  color: var(--_thumb-bd);
+  transform: var(--_thumb-transform, translate(-50%, -50%));
+  top: 50%;
+  cursor: pointer;
+  border-radius: var(--slider-radius);
+  align-items: center;
+  justify-content: center;
+  transition: box-shadow 100ms ease, transform 100ms ease;
+  z-index: 3;
+  user-select: none;
+  touch-action: none;
+  box-shadow: var(--_thumb-box-shadow, none);
+  outline-offset: 0.125rem;
+  left: var(--slider-thumb-offset);
+}
+
+[dir="rtl"] .mantine-sJmZ8C4 {
+    left: auto;
+    right: calc(var(--slider-thumb-offset) - var(--slider-thumb-size));
+}
+
+.mantine-sJmZ8C4[data-disabled] {
+    --_thumb-display: none;
+  }
+
+.mantine-sJmZ8C4[data-dragging] {
+    --_thumb-transform: translate(-50%, -50%) scale(1.05);
+    --_thumb-box-shadow: var(--mantine-shadow-sm);
+  }
+
+[data-mantine-color-scheme='light'] .mantine-sJmZ8C4 {
+    --_thumb-bd: var(--slider-color);
+    --_thumb-bg: var(--mantine-color-white);
+}
+
+@media (prefers-color-scheme: light) {
+
+  .mantine-sJmZ8C4 {
+    --_thumb-bd: var(--slider-color);
+    --_thumb-bg: var(--mantine-color-white);
+  }
+}
+
+[data-mantine-color-scheme='dark'] .mantine-sJmZ8C4 {
+    --_thumb-bd: var(--mantine-color-white);
+    --_thumb-bg: var(--slider-color);
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine-sJmZ8C4 {
+    --_thumb-bd: var(--mantine-color-white);
+    --_thumb-bg: var(--slider-color);
+  }
+}
+
+.mantine-kRMnp6I {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  cursor: var(--_track-cursor, pointer);
+}
+
+.mantine-kRMnp6I[data-disabled] {
+    --_track-cursor: not-allowed;
+  }
+
+.mantine-jorJI0e {
+  position: relative;
+  width: 100%;
+  height: var(--slider-size);
+}
+
+.mantine-jorJI0e[data-inverted]:not([data-disabled]) {
+    --_track-bg: var(--slider-color);
+  }
+
+.mantine-jorJI0e[data-inverted][data-disabled] {
+    --_track-bg: var(--slider-track-disabled-bg);
+  }
+
+.mantine-jorJI0e::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    border-radius: var(--slider-radius);
+    right: calc(var(--slider-size) * -1);
+    left: calc(var(--slider-size) * -1);
+    background-color: var(--_track-bg, var(--slider-track-bg));
+    z-index: 0;
+  }
+
+.mantine-NegW5ug {
+  position: absolute;
+  z-index: 1;
+  top: 0;
+  bottom: 0;
+  background-color: var(--_bar-bg, var(--slider-color));
+  border-radius: var(--slider-radius);
+  width: var(--slider-bar-width);
+  left: var(--slider-bar-offset);
+}
+
+[dir="rtl"] .mantine-NegW5ug {
+    left: auto;
+    right: var(--slider-bar-offset);
+}
+
+.mantine-NegW5ug[data-inverted] {
+    --_bar-bg: var(--slider-track-bg);
+  }
+
+.mantine-NegW5ug[data-disabled]:not([data-inverted]) {
+    --_bar-bg: var(--_bar-disabled-bg);
+  }
+
+[data-mantine-color-scheme='light'] .mantine-NegW5ug {
+    --_bar-disabled-bg: var(--mantine-color-gray-4);
+}
+
+@media (prefers-color-scheme: light) {
+
+  .mantine-NegW5ug {
+    --_bar-disabled-bg: var(--mantine-color-gray-4);
+  }
+}
+
+[data-mantine-color-scheme='dark'] .mantine-NegW5ug {
+    --_bar-disabled-bg: var(--mantine-color-dark-3);
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine-NegW5ug {
+    --_bar-disabled-bg: var(--mantine-color-dark-3);
+  }
+}
+
+.mantine-uvc-APn {
+  position: absolute;
+  left: calc(var(--mark-offset) - var(--slider-size) / 2);
+  top: 0;
+  z-index: 2;
+  height: 0;
+  pointer-events: none;
+}
+
+[dir="rtl"] .mantine-uvc-APn {
+    left: unset;
+    right: calc(var(--mark-offset) - var(--slider-size) / 2);
+}
+
+.mantine-Qm4b1ye {
+  border: 0.125rem solid var(--_mark-bd);
+  height: var(--slider-size);
+  width: var(--slider-size);
+  border-radius: 62.5rem;
+  transform: translateX((calc(var(--slider-size) / -2)));
+  background-color: var(--_mark-bg, var(--mantine-color-white));
+  pointer-events: none;
+}
+
+[data-mantine-color-scheme] .mantine-Qm4b1ye[data-filled] {
+      --_mark-bd: var(--slider-color);
+    }
+
+[data-mantine-color-scheme='light'] .mantine-Qm4b1ye[data-filled][data-disabled] {
+        --_mark-bd: var(--mantine-color-gray-4);
+}
+
+@media (prefers-color-scheme: light) {
+
+  .mantine-Qm4b1ye[data-filled][data-disabled] {
+        --_mark-bd: var(--mantine-color-gray-4);
+  }
+}
+
+[data-mantine-color-scheme='dark'] .mantine-Qm4b1ye[data-filled][data-disabled] {
+        --_mark-bd: var(--mantine-color-dark-3);
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine-Qm4b1ye[data-filled][data-disabled] {
+        --_mark-bd: var(--mantine-color-dark-3);
+  }
+}
+
+[data-mantine-color-scheme='light'] .mantine-Qm4b1ye {
+    --_mark-bd: var(--mantine-color-gray-2);
+}
+
+@media (prefers-color-scheme: light) {
+
+  .mantine-Qm4b1ye {
+    --_mark-bd: var(--mantine-color-gray-2);
+  }
+}
+
+[data-mantine-color-scheme='dark'] .mantine-Qm4b1ye {
+    --_mark-bd: var(--mantine-color-dark-4);
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine-Qm4b1ye {
+    --_mark-bd: var(--mantine-color-dark-4);
+  }
+}
+
+.mantine-0j-3iGC {
+  transform: translate(calc(-50% + var(--slider-size) / 2), calc(var(--mantine-spacing-xs) / 2));
+  font-size: var(--mantine-font-size-sm);
+  color: var(--_mark-label-color);
+  white-space: nowrap;
+  cursor: pointer;
+  user-select: none;
+}
+
+[data-mantine-color-scheme='light'] .mantine-0j-3iGC {
+    --_mark-label-color: var(--mantine-color-gray-6);
+}
+
+@media (prefers-color-scheme: light) {
+
+  .mantine-0j-3iGC {
+    --_mark-label-color: var(--mantine-color-gray-6);
+  }
+}
+
+[data-mantine-color-scheme='dark'] .mantine-0j-3iGC {
+    --_mark-label-color: var(--mantine-color-dark-2);
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine-0j-3iGC {
+    --_mark-label-color: var(--mantine-color-dark-2);
+  }
+}
+
+.mantine--J46Qoq {
+  display: flex;
+  flex-direction: column;
+  align-items: var(--stack-align);
+  justify-content: var(--stack-justify);
+  gap: var(--stack-gap);
+}
+
+.mantine-3rVj5cu {
+  --label-lh-xs: 1rem;
+  --label-lh-sm: 1.25rem;
+  --label-lh-md: 1.5rem;
+  --label-lh-lg: 1.875rem;
+  --label-lh-xl: 2.25rem;
+}
+
+  .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);
+  }
+
+  [dir="rtl"] .mantine-3rVj5cu[data-label-position='right'] {
+      --_offset-right: var(--mantine-spacing-sm);
+      --_offset-left: 0;
+}
+
+.mantine-GFiygFd {
+  display: flex;
+}
+
+.mantine-G13Gjxh {
+  -webkit-tap-highlight-color: transparent;
+  display: inline-flex;
+  flex-direction: column;
+  font-size: var(--label-fz);
+  line-height: var(--label-lh);
+  cursor: var(--mantine-cursor-type);
+  order: var(--_label-order);
+}
+
+.mantine-Q8C6aYL {
+  cursor: var(--mantine-cursor-type);
+  color: var(--_label-color, inherit);
+  padding-left: var(--_offset-left);
+  padding-right: var(--_offset-right);
+}
+
+[data-mantine-color-scheme='light'] .mantine-Q8C6aYL[data-disabled] {
+      --_label-color: var(--mantine-color-gray-5);
+}
+
+@media (prefers-color-scheme: light) {
+
+  .mantine-Q8C6aYL[data-disabled] {
+      --_label-color: var(--mantine-color-gray-5);
+  }
+}
+
+[data-mantine-color-scheme='dark'] .mantine-Q8C6aYL[data-disabled] {
+      --_label-color: var(--mantine-color-dark-3);
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine-Q8C6aYL[data-disabled] {
+      --_label-color: var(--mantine-color-dark-3);
+  }
+}
+
+.mantine-cILs42v {
+  margin-top: calc(var(--mantine-spacing-xs) / 2);
+  padding-left: var(--_offset-left);
+  padding-right: var(--_offset-right);
+}
+
+.mantine-6o0A46s {
+  margin-top: calc(var(--mantine-spacing-xs) / 2);
+  padding-left: var(--_offset-left);
+  padding-right: var(--_offset-right);
+}
+
+.mantine-ALPBoeW {
+  --switch-height-xs: 1rem;
+  --switch-height-sm: 1.25rem;
+  --switch-height-md: 1.5rem;
+  --switch-height-lg: 1.875rem;
+  --switch-height-xl: 2.25rem;
+
+  --switch-width-xs: 2rem;
+  --switch-width-sm: 2.375rem;
+  --switch-width-md: 2.875rem;
+  --switch-width-lg: 3.5rem;
+  --switch-width-xl: 4.5rem;
+
+  --switch-thumb-size-xs: 0.75rem;
+  --switch-thumb-size-sm: 0.875rem;
+  --switch-thumb-size-md: 1.125rem;
+  --switch-thumb-size-lg: 1.375rem;
+  --switch-thumb-size-xl: 1.75rem;
+
+  --switch-label-font-size-xs: 0.3125rem;
+  --switch-label-font-size-sm: 0.375rem;
+  --switch-label-font-size-md: 0.4375rem;
+  --switch-label-font-size-lg: 0.5625rem;
+  --switch-label-font-size-xl: 0.6875rem;
+
+  --switch-track-label-padding-xs: 0.0625rem;
+  --switch-track-label-padding-sm: 0.125rem;
+  --switch-track-label-padding-md: 0.125rem;
+  --switch-track-label-padding-lg: 0.1875rem;
+  --switch-track-label-padding-xl: 0.1875rem;
+
+  position: relative;
+}
+
+.mantine-6BtVmwd {
+  height: 0;
+  width: 0;
+  opacity: 0;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.mantine-BU-ARqd {
+  -webkit-tap-highlight-color: transparent;
+  cursor: var(--_switch-cursor, var(--mantine-cursor-type));
+  overflow: hidden;
+  position: relative;
+  border-radius: var(--switch-radius);
+  background-color: var(--_switch-bg);
+  border: 0.0625rem solid var(--_switch-bd);
+  height: var(--switch-height);
+  min-width: var(--switch-width);
+  margin: 0;
+  transition: background-color 150ms ease, border-color 150ms ease;
+  appearance: none;
+  display: flex;
+  align-items: center;
+  font-size: var(--switch-label-font-size);
+  font-weight: 600;
+  order: var(--_switch-order, 1);
+  user-select: none;
+  z-index: 0;
+  line-height: 0;
+  color: var(--_switch-color);
+}
+
+.mantine-6BtVmwd:checked + .mantine-BU-ARqd {
+    --_switch-bg: var(--switch-color);
+    --_switch-bd: var(--switch-color);
+    --_switch-color: var(--mantine-color-white);
+  }
+
+.mantine-6BtVmwd:disabled + .mantine-BU-ARqd,
+  .mantine-6BtVmwd[data-disabled] + .mantine-BU-ARqd {
+    --_switch-bg: var(--_switch-disabled-color);
+    --_switch-bd: var(--_switch-disabled-color);
+    --_switch-cursor: not-allowed;
+  }
+
+[data-mantine-color-scheme='light'] .mantine-BU-ARqd {
+    --_switch-bg: var(--mantine-color-gray-2);
+    --_switch-bd: var(--mantine-color-gray-3);
+    --_switch-color: var(--mantine-color-gray-6);
+    --_switch-disabled-color: var(--mantine-color-gray-2);
+}
+
+@media (prefers-color-scheme: light) {
+
+  .mantine-BU-ARqd {
+    --_switch-bg: var(--mantine-color-gray-2);
+    --_switch-bd: var(--mantine-color-gray-3);
+    --_switch-color: var(--mantine-color-gray-6);
+    --_switch-disabled-color: var(--mantine-color-gray-2);
+  }
+}
+
+[data-mantine-color-scheme='dark'] .mantine-BU-ARqd {
+    --_switch-bg: var(--mantine-color-dark-6);
+    --_switch-bd: var(--mantine-color-dark-4);
+    --_switch-color: var(--mantine-color-dark-1);
+    --_switch-disabled-color: var(--mantine-color-dark-4);
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine-BU-ARqd {
+    --_switch-bg: var(--mantine-color-dark-6);
+    --_switch-bd: var(--mantine-color-dark-4);
+    --_switch-color: var(--mantine-color-dark-1);
+    --_switch-disabled-color: var(--mantine-color-dark-4);
+  }
+}
+
+.mantine-BU-ARqd[data-error] {
+    --_switch-bd: var(--mantine-color-error);
+  }
+
+.mantine-BU-ARqd[data-label-position='left'] {
+    --_switch-order: 2;
+  }
+
+.mantine-i2HdMIO {
+  position: absolute;
+  z-index: 1;
+  border-radius: var(--switch-radius);
+  display: flex;
+  background-color: var(--_switch-thumb-bg, var(--mantine-color-white));
+  height: var(--switch-thumb-size);
+  width: var(--switch-thumb-size);
+  border: 0.0625rem solid var(--_switch-thumb-bd);
+  left: var(--_switch-thumb-left, var(--switch-track-label-padding));
+  transition: left 150ms ease;
+}
+
+.mantine-i2HdMIO > * {
+    margin: auto;
+  }
+
+.mantine-6BtVmwd:checked + * > .mantine-i2HdMIO {
+    --_switch-thumb-left: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding));
+    --_switch-thumb-bd: var(--mantine-color-white);
+  }
+
+.mantine-6BtVmwd:disabled + * > .mantine-i2HdMIO,
+  .mantine-6BtVmwd[data-disabled] + * > .mantine-i2HdMIO {
+    --_switch-thumb-bd: var(--_switch-thumb-bg-disabled);
+    --_switch-thumb-bg: var(--_switch-thumb-bg-disabled);
+  }
+
+[data-mantine-color-scheme='light'] .mantine-i2HdMIO {
+    --_switch-thumb-bd: var(--mantine-color-gray-3);
+    --_switch-thumb-bg-disabled: var(--mantine-color-gray-0);
+}
+
+@media (prefers-color-scheme: light) {
+
+  .mantine-i2HdMIO {
+    --_switch-thumb-bd: var(--mantine-color-gray-3);
+    --_switch-thumb-bg-disabled: var(--mantine-color-gray-0);
+  }
+}
+
+[data-mantine-color-scheme='dark'] .mantine-i2HdMIO {
+    --_switch-thumb-bd: var(--mantine-color-white);
+    --_switch-thumb-bg-disabled: var(--mantine-color-dark-3);
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .mantine-i2HdMIO {
+    --_switch-thumb-bd: var(--mantine-color-white);
+    --_switch-thumb-bg-disabled: var(--mantine-color-dark-3);
+  }
+}
+
+.mantine-0X3WnHm {
+  height: 100%;
+  display: grid;
+  place-content: center;
+  min-width: calc(var(--switch-width) - var(--switch-thumb-size));
+  padding-inline: var(--switch-track-label-padding);
+  margin: 0 0 0 calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
+  transition: margin 150ms ease;
+}
+
+.mantine-6BtVmwd:checked + * > .mantine-0X3WnHm {
+    margin: 0 calc(var(--switch-thumb-size) + var(--switch-track-label-padding)) 0 0;
+  }
+
+.mantine-4pMcfOJ {
+  width: 100%;
+  border-collapse: collapse;
+  line-height: var(--mantine-line-height);
+  font-size: var(--mantine-font-size-sm);
+  table-layout: var(--table-layout, auto);
+  caption-side: var(--table-caption-side);
+  border: var(--_table-border, none);
+}
+
+  [data-mantine-color-scheme='light'] .mantine-4pMcfOJ {
+    --_table-hover-color: var(--table-highlight-on-hover-color, var(--mantine-color-gray-1));
+    --_table-striped-color: var(--table-striped-color, var(--mantine-color-gray-0));
+    --_table-border-color: var(--table-border-color, var(--mantine-color-gray-3));
+}
+
+  @media (prefers-color-scheme: light) {
+
+  .mantine-4pMcfOJ {
+    --_table-hover-color: var(--table-highlight-on-hover-color, var(--mantine-color-gray-1));
+    --_table-striped-color: var(--table-striped-color, var(--mantine-color-gray-0));
+    --_table-border-color: var(--table-border-color, var(--mantine-color-gray-3));
+  }
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-4pMcfOJ {
+    --_table-hover-color: var(--table-highlight-on-hover-color, var(--mantine-color-dark-5));
+    --_table-striped-color: var(--table-striped-color, var(--mantine-color-dark-6));
+    --_table-border-color: var(--table-border-color, var(--mantine-color-dark-4));
+}
+
+  @media (prefers-color-scheme: dark) {
+
+  .mantine-4pMcfOJ {
+    --_table-hover-color: var(--table-highlight-on-hover-color, var(--mantine-color-dark-5));
+    --_table-striped-color: var(--table-striped-color, var(--mantine-color-dark-6));
+    --_table-border-color: var(--table-border-color, var(--mantine-color-dark-4));
+  }
+}
+
+  .mantine-4pMcfOJ[data-with-table-border] {
+    --_table-border: 0.0625rem solid var(--_table-border-color);
+  }
+
+.mantine-3gTtPB9 {
+  text-align: var(--_th-text-align, left);
+}
+
+[dir="rtl"] .mantine-3gTtPB9 {
+    --_th-text-align: right;
+}
+
+.mantine-iKGktTN {
+  border-bottom: var(--_tr-border-bottom, none);
+  background-color: var(--_tr-bg, transparent);
+}
+
+@media (hover: hover) {
+
+  .mantine-iKGktTN:hover {
+    --_tr-bg: var(--_tr-hover-bg, transparent);
+  }
+}
+
+@media (hover: none) {
+
+  .mantine-iKGktTN:active {
+    --_tr-bg: var(--_tr-hover-bg, transparent);
+  }
+}
+
+.mantine-iKGktTN[data-with-row-border] {
+    --_tr-border-bottom: 0.0625rem solid var(--_table-border-color);
+  }
+
+.mantine-2ZfSoeP,
+.mantine-3gTtPB9 {
+  padding: var(--table-vertical-spacing) var(--table-horizontal-spacing);
+  border-left: var(--_border-left);
+  border-right: var(--_border-right);
+
+  --_border-right: none;
+  --_border-left: none;
+}
+
+.mantine-2ZfSoeP[data-with-column-border]:not(:last-of-type), .mantine-3gTtPB9[data-with-column-border]:not(:last-of-type) {
+    --_border-right: 0.0625rem solid var(--_table-border-color);
+  }
+
+[dir="rtl"] .mantine-2ZfSoeP[data-with-column-border]:not(:last-of-type), [dir="rtl"] .mantine-3gTtPB9[data-with-column-border]:not(:last-of-type) {
+      --_border-left: 0.0625rem solid var(--_table-border-color);
+      --_border-right: none;
+}
+
+.mantine-z46XZly > .mantine-iKGktTN:last-of-type[data-with-row-border] {
+        --_tr-border-bottom: none;
+      }
+
+.mantine-z46XZly > .mantine-iKGktTN[data-striped='odd']:nth-of-type(odd) {
+      --_tr-bg: var(--_table-striped-color);
+    }
+
+.mantine-z46XZly > .mantine-iKGktTN[data-striped='even']:nth-of-type(even) {
+      --_tr-bg: var(--_table-striped-color);
+    }
+
+.mantine-z46XZly > .mantine-iKGktTN[data-hover] {
+      --_tr-hover-bg: var(--_table-hover-color);
+    }
+
+.mantine-0faD29m {
+  color: var(--mantine-color-dimmed);
+  margin-top: var(--_margin-top, 0);
+  margin-bottom: var(--_margin-bottom, 0);
+}
+
+.mantine-0faD29m[data-side='top'] {
+    --_margin-bottom: var(--mantine-spacing-xs);
+  }
+
+.mantine-0faD29m[data-side='bottom'] {
+    --_margin-top: var(--mantine-spacing-xs);
+  }
+
+.mantine-fBtrIHJ {
+  display: var(--_tabs-display);
+  flex-direction: var(--_tabs-flex-direction);
+
+  --_tab-justify: flex-start;
+  --_list-direction: row;
+  --_panel-grow: unset;
+  --_tabs-display: block;
+  --_tabs-flex-direction: row;
+  --_list-border-width: 0;
+  --_list-border-size: 0 0 var(--_list-border-width) 0;
+  --_list-gap: unset;
+
+  --_list-line-bottom: 0;
+  --_list-line-top: unset;
+  --_list-line-left: 0;
+  --_list-line-right: 0;
+
+  --_tab-radius: var(--tabs-radius) var(--tabs-radius) 0 0;
+  --_tab-border-width: 0 0 var(--_list-border-width) 0;
+}
+
+  .mantine-fBtrIHJ[data-inverted] {
+    --_list-line-bottom: unset;
+    --_list-line-top: 0;
+    --_tab-radius: 0 0 var(--tabs-radius) var(--tabs-radius);
+    --_tab-border-width: var(--_list-border-width) 0 0 0;
+  }
+
+  .mantine-fBtrIHJ[data-inverted] .mantine--ujetQ3::before {
+      top: 0;
+      bottom: unset;
+    }
+
+  .mantine-fBtrIHJ[data-orientation='vertical'] {
+    --_list-line-left: unset;
+    --_list-line-right: 0;
+    --_list-line-top: 0;
+    --_list-line-bottom: 0;
+    --_list-border-size: 0 var(--_list-border-width) 0 0;
+    --_tab-border-width: 0 var(--_list-border-width) 0 0;
+    --_tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
+    --_list-direction: column;
+    --_panel-grow: 1;
+    --_tabs-display: flex;
+  }
+
+  [dir="rtl"] .mantine-fBtrIHJ[data-orientation='vertical'] {
+      --_list-line-left: 0;
+      --_list-line-right: unset;
+      --_list-border-size: 0 0 0 var(--_list-border-width);
+      --_tab-border-width: 0 0 0 var(--_list-border-width);
+      --_tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
+}
+
+  .mantine-fBtrIHJ[data-orientation='vertical'][data-placement='right'] {
+      --_tabs-flex-direction: row-reverse;
+      --_list-line-left: 0;
+      --_list-line-right: unset;
+      --_list-border-size: 0 0 0 var(--_list-border-width);
+      --_tab-border-width: 0 0 0 var(--_list-border-width);
+      --_tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
+    }
+
+  [dir="rtl"] .mantine-fBtrIHJ[data-orientation='vertical'][data-placement='right'] {
+        --_list-line-left: unset;
+        --_list-line-right: 0;
+        --_list-border-size: 0 var(--_list-border-width) 0 0;
+        --_tab-border-width: 0 var(--_list-border-width) 0 0;
+        --_tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
+}
+
+  [data-mantine-color-scheme='light'] .mantine-fBtrIHJ {
+    --_tab-border-color: var(--mantine-color-gray-3);
+}
+
+  @media (prefers-color-scheme: light) {
+
+  .mantine-fBtrIHJ {
+    --_tab-border-color: var(--mantine-color-gray-3);
+  }
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-fBtrIHJ {
+    --_tab-border-color: var(--mantine-color-dark-4);
+}
+
+  @media (prefers-color-scheme: dark) {
+
+  .mantine-fBtrIHJ {
+    --_tab-border-color: var(--mantine-color-dark-4);
+  }
+}
+
+  .mantine-fBtrIHJ[data-orientation='horizontal'] {
+    --_tab-justify: center;
+  }
+
+  .mantine-fBtrIHJ[data-variant='default'] {
+    --_list-border-width: 0.125rem;
+  }
+
+  [data-mantine-color-scheme='light'] .mantine-fBtrIHJ[data-variant='default'] {
+      --_tab-hover-color: var(--mantine-color-gray-0);
+}
+
+  @media (prefers-color-scheme: light) {
+
+  .mantine-fBtrIHJ[data-variant='default'] {
+      --_tab-hover-color: var(--mantine-color-gray-0);
+  }
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-fBtrIHJ[data-variant='default'] {
+      --_tab-hover-color: var(--mantine-color-dark-6);
+}
+
+  @media (prefers-color-scheme: dark) {
+
+  .mantine-fBtrIHJ[data-variant='default'] {
+      --_tab-hover-color: var(--mantine-color-dark-6);
+  }
+}
+
+  .mantine-fBtrIHJ[data-variant='outline'] {
+    --_list-border-width: 0.0625rem;
+  }
+
+  .mantine-fBtrIHJ[data-variant='pills'] {
+    --_list-gap: calc(var(--mantine-spacing-sm) / 2);
+  }
+
+  [data-mantine-color-scheme='light'] .mantine-fBtrIHJ[data-variant='pills'] {
+      --_tab-hover-color: var(--mantine-color-gray-0);
+}
+
+  @media (prefers-color-scheme: light) {
+
+  .mantine-fBtrIHJ[data-variant='pills'] {
+      --_tab-hover-color: var(--mantine-color-gray-0);
+  }
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-fBtrIHJ[data-variant='pills'] {
+      --_tab-hover-color: var(--mantine-color-dark-6);
+}
+
+  @media (prefers-color-scheme: dark) {
+
+  .mantine-fBtrIHJ[data-variant='pills'] {
+      --_tab-hover-color: var(--mantine-color-dark-6);
+  }
+}
+
+.mantine-b84LNt- {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: var(--tabs-justify, flex-start);
+  flex-direction: var(--_list-direction);
+  gap: var(--_list-gap);
+
+  --_tab-grow: unset;
+}
+
+.mantine-b84LNt-[data-grow] {
+    --_tab-grow: 1;
+  }
+
+.mantine-6B21-pC {
+  flex-grow: var(--_panel-grow);
+}
+
+.mantine-aoNu4SV {
+  position: relative;
+  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
+  font-size: var(--mantine-font-size-sm);
+  white-space: nowrap;
+  z-index: 0;
+  display: flex;
+  align-items: center;
+  line-height: 1;
+  user-select: none;
+  flex-grow: var(--_tab-grow);
+  justify-content: var(--_tab-justify);
+}
+
+.mantine-aoNu4SV:disabled,
+  .mantine-aoNu4SV[data-disabled] {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+.mantine-aoNu4SV:focus {
+    z-index: 1;
+  }
+
+.mantine-de9dLS8,
+.mantine-cxL3ppu {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.mantine-de9dLS8 {
+  margin-right: var(--_tab-left-section-margin-right);
+  margin-left: var(--_tab-left-section-margin-left);
+
+  --_tab-left-section-margin-right: 0rem;
+  --_tab-left-section-margin-left: 0rem;
+}
+
+.mantine-de9dLS8:not(:only-child) {
+    --_tab-left-section-margin-right: var(--mantine-spacing-xs);
+  }
+
+[dir="rtl"] .mantine-de9dLS8:not(:only-child) {
+      --_tab-left-section-margin-right: 0rem;
+      --_tab-left-section-margin-left: var(--mantine-spacing-xs);
+}
+
+.mantine-cxL3ppu {
+  margin-left: var(--_tab-right-section-margin-left);
+  margin-right: var(--_tab-right-section-margin-right);
+
+  --_tab-right-section-margin-left: 0rem;
+  --_tab-right-section-margin-right: 0rem;
+}
+
+.mantine-cxL3ppu:not(:only-child) {
+    --_tab-right-section-margin-left: var(--mantine-spacing-xs);
+  }
+
+[dir="rtl"] .mantine-cxL3ppu:not(:only-child) {
+      --_tab-right-section-margin-left: 0rem;
+      --_tab-right-section-margin-right: var(--mantine-spacing-xs);
+}
+
+/*************************************** default variant ***************************************/
+.mantine--ujetQ3 {
+  position: relative;
+}
+.mantine--ujetQ3::before {
+    content: '';
+    position: absolute;
+    border-color: var(--_tab-border-color);
+    border-width: var(--_list-border-size);
+    border-style: solid;
+    bottom: var(--_list-line-bottom);
+    left: var(--_list-line-left);
+    right: var(--_list-line-right);
+    top: var(--_list-line-top);
+  }
+
+.mantine-29OfT1F {
+  border-radius: var(--_tab-radius);
+  border-width: var(--_tab-border-width);
+  border-style: solid;
+  border-color: var(--__tab-border-color);
+  background-color: var(--_tab-bg);
+
+  --__tab-border-color: transparent;
+  --_tab-bg: transparent;
+}
+
+.mantine-29OfT1F[data-active] {
+    --__tab-border-color: var(--tabs-color);
+  }
+
+@media (hover: hover) {
+
+  .mantine-29OfT1F:hover {
+    --_tab-bg: var(--_tab-hover-color);
+  }
+
+    .mantine-29OfT1F:hover:not([data-active]) {
+      --__tab-border-color: var(--_tab-border-color);
+    }
+}
+
+@media (hover: none) {
+
+  .mantine-29OfT1F:active {
+    --_tab-bg: var(--_tab-hover-color);
+  }
+
+    .mantine-29OfT1F:active:not([data-active]) {
+      --__tab-border-color: var(--_tab-border-color);
+    }
+}
+
+@media (hover: hover) {
+
+  .mantine-29OfT1F:disabled:hover, .mantine-29OfT1F[data-disabled]:hover {
+      --_tab-bg: transparent;
+  }
+}
+
+@media (hover: none) {
+
+  .mantine-29OfT1F:disabled:active, .mantine-29OfT1F[data-disabled]:active {
+      --_tab-bg: transparent;
+  }
+}
+
+/*************************************** outline variant ***************************************/
+.mantine-qPTfIBZ {
+  position: relative;
+}
+.mantine-qPTfIBZ::before {
+    content: '';
+    position: absolute;
+    border-color: var(--_tab-border-color);
+    border-width: var(--_list-border-size);
+    border-style: solid;
+    bottom: var(--_list-line-bottom);
+    left: var(--_list-line-left);
+    right: var(--_list-line-right);
+    top: var(--_list-line-top);
+  }
+
+.mantine-0AMwxi5 {
+  border: 0.0625rem solid transparent;
+  border-top-color: var(--_tab-border-top-color);
+  border-bottom-color: var(--_tab-border-bottom-color);
+  border-left-color: var(--_tab-border-left-color);
+  border-right-color: var(--_tab-border-right-color);
+  border-radius: var(--_tab-radius);
+
+  --_tab-border-bottom-color: transparent;
+  --_tab-border-top-color: transparent;
+  --_tab-border-right-color: transparent;
+  --_tab-border-left-color: transparent;
+}
+
+.mantine-0AMwxi5[data-active] {
+    --_tab-border-top-color: var(--_tab-border-color);
+    --_tab-border-left-color: var(--_tab-border-color);
+    --_tab-border-right-color: var(--_tab-border-color);
+    --_tab-border-bottom-color: var(--mantine-color-body);
+  }
+
+.mantine-0AMwxi5[data-active][data-inverted] {
+      --_tab-border-bottom-color: var(--_tab-border-color);
+      --_tab-border-top-color: var(--mantine-color-body);
+    }
+
+.mantine-0AMwxi5[data-active][data-orientation='vertical'][data-placement='left'] {
+        --_tab-border-right-color: var(--mantine-color-body);
+        --_tab-border-left-color: var(--_tab-border-color);
+        --_tab-border-bottom-color: var(--_tab-border-color);
+      }
+
+[dir="rtl"] .mantine-0AMwxi5[data-active][data-orientation='vertical'][data-placement='left'] {
+          --_tab-border-right-color: var(--_tab-border-color);
+          --_tab-border-left-color: var(--mantine-color-body);
+}
+
+.mantine-0AMwxi5[data-active][data-orientation='vertical'][data-placement='right'] {
+        --_tab-border-left-color: var(--mantine-color-body);
+        --_tab-border-right-color: var(--_tab-border-color);
+        --_tab-border-bottom-color: var(--_tab-border-color);
+      }
+
+[dir="rtl"] .mantine-0AMwxi5[data-active][data-orientation='vertical'][data-placement='right'] {
+          --_tab-border-left-color: var(--_tab-border-color);
+          --_tab-border-right-color: var(--mantine-color-body);
+}
+
+/*************************************** pills variant ***************************************/
+.mantine--HC5qJb {
+  border-radius: var(--tabs-radius);
+  background-color: var(--_tab-bg);
+  color: var(--_tab-color);
+
+  --_tab-bg: transparent;
+  --_tab-color: inherit;
+}
+@media (hover: hover) {
+
+  .mantine--HC5qJb:not([data-disabled]):hover {
+      --_tab-bg: var(--_tab-hover-color);
+  }
+}
+@media (hover: none) {
+
+  .mantine--HC5qJb:not([data-disabled]):active {
+      --_tab-bg: var(--_tab-hover-color);
+  }
+}
+.mantine--HC5qJb[data-active][data-active] {
+    --_tab-bg: var(--tabs-color);
+    --_tab-color: var(--mantine-color-white);
+  }
+@media (hover: hover) {
+
+  .mantine--HC5qJb[data-active][data-active]:hover {
+      --_tab-bg: var(--tabs-color);
+  }
+}
+@media (hover: none) {
+
+  .mantine--HC5qJb[data-active][data-active]:active {
+      --_tab-bg: var(--tabs-color);
+  }
+}
+
+.mantine-ORyC6kG {
+  margin: 0;
+  font-weight: var(--title-fw);
+  font-size: var(--title-fz);
+  line-height: var(--title-lh);
+  font-family: var(--mantine-font-family-headings);
+}
+
+.mantine-XNobA9l {
+  position: absolute;
+  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs);
+  pointer-events: none;
+  font-size: var(--mantine-font-size-sm);
+  white-space: var(--_tooltip-white-space, nowrap);
+  background-color: var(--_tooltip-bg);
+  color: var(--_tooltip-color);
+  border-radius: var(--tooltip-radius);
+}
+
+  [data-mantine-color-scheme='light'] .mantine-XNobA9l {
+    --_tooltip-bg: var(--tooltip-bg, var(--mantine-color-gray-9));
+    --_tooltip-color: var(--mantine-color-white);
+}
+
+  @media (prefers-color-scheme: light) {
+
+  .mantine-XNobA9l {
+    --_tooltip-bg: var(--tooltip-bg, var(--mantine-color-gray-9));
+    --_tooltip-color: var(--mantine-color-white);
+  }
+}
+
+  [data-mantine-color-scheme='dark'] .mantine-XNobA9l {
+    --_tooltip-bg: var(--tooltip-bg, var(--mantine-color-gray-2));
+    --_tooltip-color: var(--mantine-color-black);
+}
+
+  @media (prefers-color-scheme: dark) {
+
+  .mantine-XNobA9l {
+    --_tooltip-bg: var(--tooltip-bg, var(--mantine-color-gray-2));
+    --_tooltip-color: var(--mantine-color-black);
+  }
+}
+
+  .mantine-XNobA9l[data-multiline] {
+    --_tooltip-white-space: unset;
+  }
+
+.mantine-NpDXIwZ {
+  background-color: inherit;
+  border: 0;
+  z-index: 1;
+}
+
+.mantine-27MenJe {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  width: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+}