@mantine/core 7.6.0 → 7.6.1

package/styles/Stepper.css

@@ -1 +1,228 @@
-.m-cbb4ea7e{--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));--stepper-icon-size-lg:calc(3rem*var(--mantine-scale));--stepper-icon-size-xl:calc(3.25rem*var(--mantine-scale));--stepper-icon-size:var(--stepper-icon-size-md);--stepper-color:var(--mantine-primary-color-filled);--stepper-content-padding:var(--mantine-spacing-md);--stepper-spacing:var(--mantine-spacing-md);--stepper-radius:calc(62.5rem*var(--mantine-scale));--stepper-fz:var(--mantine-font-size-md)}.m-aaf89d0b{align-items:center;display:flex;flex-wrap:nowrap}.m-aaf89d0b:where([data-wrap]){flex-wrap:wrap;gap:var(--mantine-spacing-md) 0}.m-aaf89d0b:where([data-orientation=vertical]){flex-direction:column}.m-aaf89d0b:where([data-orientation=vertical]):where([data-icon-position=left]){align-items:flex-start}.m-aaf89d0b:where([data-orientation=vertical]):where([data-icon-position=right]){align-items:flex-end}.m-aaf89d0b:where([data-orientation=horizontal]){flex-direction:row}.m-2a371ac9{--separator-offset:calc(var(--stepper-icon-size)/2 - 0.0625rem*var(--mantine-scale));flex:1;transition:background-color .15s ease}:where([data-mantine-color-scheme=light]) .m-2a371ac9{background-color:var(--mantine-color-gray-2)}:where([data-mantine-color-scheme=dark]) .m-2a371ac9{background-color:var(--mantine-color-dark-2)}.m-2a371ac9:where([data-active]){background-color:var(--stepper-color)}.m-2a371ac9:where([data-orientation=horizontal]){height:calc(.125rem*var(--mantine-scale));margin-inline:var(--mantine-spacing-md)}.m-2a371ac9:where([data-orientation=vertical]){margin-bottom:calc(var(--mantine-spacing-xs) - .125rem*var(--mantine-scale));margin-top:calc(var(--mantine-spacing-xs)/2);width:calc(.125rem*var(--mantine-scale))}.m-2a371ac9:where([data-orientation=vertical]):where([data-icon-position=left]){margin-inline-start:var(--separator-offset)}.m-2a371ac9:where([data-orientation=vertical]):where([data-icon-position=right]){margin-inline-end:var(--separator-offset)}.m-78da155d{padding-top:var(--stepper-content-padding)}.m-cbb57068{--step-color:var(--stepper-color);cursor:default;display:flex}.m-cbb57068:where([data-allow-click]){cursor:pointer}.m-cbb57068:where([data-icon-position=left]){flex-direction:row}.m-cbb57068:where([data-icon-position=right]){flex-direction:row-reverse}.m-f56b1e2c{align-items:center}.m-833edb7e{--separator-spacing:calc(var(--mantine-spacing-xs)/2);justify-content:flex-start;margin-top:var(--separator-spacing);min-height:calc(var(--stepper-icon-size) + var(--mantine-spacing-xl) + var(--separator-spacing));overflow:hidden}.m-833edb7e:where(:first-of-type){margin-top:0}.m-833edb7e:where(:last-of-type) .m-6496b3f3{display:none}.m-818e70b{position:relative}.m-6496b3f3{border-inline-start:calc(.125rem*var(--mantine-scale)) solid;height:100vh;inset-inline-start:calc(var(--stepper-icon-size)/2);position:absolute;top:calc(var(--stepper-icon-size) + var(--separator-spacing))}:where([data-mantine-color-scheme=light]) .m-6496b3f3{border-color:var(--mantine-color-gray-1)}:where([data-mantine-color-scheme=dark]) .m-6496b3f3{border-color:var(--mantine-color-dark-5)}.m-6496b3f3:where([data-active]){border-color:var(--stepper-color)}.m-1959ad01{align-items:center;border:calc(.125rem*var(--mantine-scale)) solid;border-radius:var(--stepper-radius);display:flex;font-size:var(--stepper-fz);font-weight:700;height:var(--stepper-icon-size);justify-content:center;min-height:var(--stepper-icon-size);min-width:var(--stepper-icon-size);position:relative;transition:background-color .15s ease,border-color .15s ease;width:var(--stepper-icon-size)}:where([data-mantine-color-scheme=light]) .m-1959ad01{background-color:var(--mantine-color-gray-1);border-color:var(--mantine-color-gray-1);color:var(--mantine-color-gray-7)}:where([data-mantine-color-scheme=dark]) .m-1959ad01{background-color:var(--mantine-color-dark-5);border-color:var(--mantine-color-dark-5);color:var(--mantine-color-dark-1)}.m-1959ad01:where([data-progress]){border-color:var(--step-color)}.m-1959ad01:where([data-completed]){background-color:var(--step-color);border-color:var(--step-color);color:var(--stepper-icon-color,var(--mantine-color-white))}.m-a79331dc{align-items:center;color:var(--stepper-icon-color,var(--mantine-color-white));display:flex;inset:0;justify-content:center;position:absolute}.m-1956aa2a{display:flex;flex-direction:column}.m-1956aa2a:where([data-icon-position=left]){margin-inline-start:var(--mantine-spacing-sm)}.m-1956aa2a:where([data-icon-position=right]){margin-inline-end:var(--mantine-spacing-sm);text-align:right}:where([dir=rtl]) .m-1956aa2a:where([data-icon-position=right]){text-align:left}.m-12051f6c{font-size:var(--stepper-fz);font-weight:500;line-height:1}.m-164eea74{color:var(--mantine-color-dimmed);font-size:calc(var(--stepper-fz) - .125rem*var(--mantine-scale));line-height:1;margin-bottom:calc(var(--stepper-spacing)/3);margin-top:calc(var(--stepper-spacing)/3)}
+.m-cbb4ea7e {
+  --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));
+  --stepper-icon-size-lg: calc(3rem * var(--mantine-scale));
+  --stepper-icon-size-xl: calc(3.25rem * var(--mantine-scale));
+
+  --stepper-icon-size: var(--stepper-icon-size-md);
+  --stepper-color: var(--mantine-primary-color-filled);
+  --stepper-content-padding: var(--mantine-spacing-md);
+  --stepper-spacing: var(--mantine-spacing-md);
+  --stepper-radius: calc(62.5rem * var(--mantine-scale));
+  --stepper-fz: var(--mantine-font-size-md);
+}
+
+.m-aaf89d0b {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.m-aaf89d0b:where([data-wrap]) {
+    flex-wrap: wrap;
+    gap: var(--mantine-spacing-md) 0;
+  }
+
+.m-aaf89d0b:where([data-orientation='vertical']) {
+    flex-direction: column;
+  }
+
+.m-aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='left']) {
+      align-items: flex-start;
+    }
+
+.m-aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='right']) {
+      align-items: flex-end;
+    }
+
+.m-aaf89d0b:where([data-orientation='horizontal']) {
+    flex-direction: row;
+  }
+
+.m-2a371ac9 {
+  --separator-offset: calc(var(--stepper-icon-size) / 2 - calc(0.0625rem * var(--mantine-scale)));
+
+  transition: background-color 150ms ease;
+  flex: 1;
+}
+
+:where([data-mantine-color-scheme='light']) .m-2a371ac9 {
+    background-color: var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m-2a371ac9 {
+    background-color: var(--mantine-color-dark-2);
+}
+
+.m-2a371ac9:where([data-active]) {
+    background-color: var(--stepper-color);
+  }
+
+.m-2a371ac9:where([data-orientation='horizontal']) {
+    height: calc(0.125rem * var(--mantine-scale));
+    margin-inline: var(--mantine-spacing-md);
+  }
+
+.m-2a371ac9:where([data-orientation='vertical']) {
+    width: calc(0.125rem * var(--mantine-scale));
+    margin-top: calc(var(--mantine-spacing-xs) / 2);
+    margin-bottom: calc(var(--mantine-spacing-xs) - calc(0.125rem * var(--mantine-scale)));
+  }
+
+.m-2a371ac9:where([data-orientation='vertical']):where([data-icon-position='left']) {
+      margin-inline-start: var(--separator-offset);
+    }
+
+.m-2a371ac9:where([data-orientation='vertical']):where([data-icon-position='right']) {
+      margin-inline-end: var(--separator-offset);
+    }
+
+.m-78da155d {
+  padding-top: var(--stepper-content-padding);
+}
+
+.m-cbb57068 {
+  --step-color: var(--stepper-color);
+
+  display: flex;
+  cursor: default;
+}
+
+.m-cbb57068:where([data-allow-click]) {
+    cursor: pointer;
+  }
+
+.m-cbb57068:where([data-icon-position='left']) {
+    flex-direction: row;
+  }
+
+.m-cbb57068:where([data-icon-position='right']) {
+    flex-direction: row-reverse;
+  }
+
+.m-f56b1e2c {
+  align-items: center;
+}
+
+.m-833edb7e {
+  --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;
+}
+
+.m-833edb7e:where(:first-of-type) {
+    margin-top: 0;
+  }
+
+.m-833edb7e:where(:last-of-type) .m-6496b3f3 {
+    display: none;
+  }
+
+.m-818e70b {
+  position: relative;
+}
+
+.m-6496b3f3 {
+  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: calc(0.125rem * var(--mantine-scale)) solid;
+}
+
+:where([data-mantine-color-scheme='light']) .m-6496b3f3 {
+    border-color: var(--mantine-color-gray-1);
+}
+
+:where([data-mantine-color-scheme='dark']) .m-6496b3f3 {
+    border-color: var(--mantine-color-dark-5);
+}
+
+.m-6496b3f3:where([data-active]) {
+    border-color: var(--stepper-color);
+  }
+
+.m-1959ad01 {
+  height: var(--stepper-icon-size);
+  width: var(--stepper-icon-size);
+  min-height: var(--stepper-icon-size);
+  min-width: var(--stepper-icon-size);
+  border-radius: var(--stepper-radius);
+  font-size: var(--stepper-fz);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  font-weight: bold;
+  transition:
+    background-color 150ms ease,
+    border-color 150ms ease;
+  border: calc(0.125rem * var(--mantine-scale)) solid;
+}
+
+:where([data-mantine-color-scheme='light']) .m-1959ad01 {
+    background-color: var(--mantine-color-gray-1);
+    border-color: var(--mantine-color-gray-1);
+    color: var(--mantine-color-gray-7);
+}
+
+:where([data-mantine-color-scheme='dark']) .m-1959ad01 {
+    background-color: var(--mantine-color-dark-5);
+    border-color: var(--mantine-color-dark-5);
+    color: var(--mantine-color-dark-1);
+}
+
+.m-1959ad01:where([data-progress]) {
+    border-color: var(--step-color);
+  }
+
+.m-1959ad01:where([data-completed]) {
+    color: var(--stepper-icon-color, var(--mantine-color-white));
+    background-color: var(--step-color);
+    border-color: var(--step-color);
+  }
+
+.m-a79331dc {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--stepper-icon-color, var(--mantine-color-white));
+}
+
+.m-1956aa2a {
+  display: flex;
+  flex-direction: column;
+}
+
+.m-1956aa2a:where([data-icon-position='left']) {
+    margin-inline-start: var(--mantine-spacing-sm);
+  }
+
+.m-1956aa2a:where([data-icon-position='right']) {
+    text-align: right;
+    margin-inline-end: var(--mantine-spacing-sm);
+  }
+
+:where([dir="rtl"]) .m-1956aa2a:where([data-icon-position='right']) {
+      text-align: left;
+}
+
+.m-12051f6c {
+  font-weight: 500;
+  font-size: var(--stepper-fz);
+  line-height: 1;
+}
+
+.m-164eea74 {
+  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)));
+  line-height: 1;
+  color: var(--mantine-color-dimmed);
+}

package/styles/Stepper.layer.css

@@ -0,0 +1,229 @@
+@layer mantine {.m-cbb4ea7e {
+  --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));
+  --stepper-icon-size-lg: calc(3rem * var(--mantine-scale));
+  --stepper-icon-size-xl: calc(3.25rem * var(--mantine-scale));
+
+  --stepper-icon-size: var(--stepper-icon-size-md);
+  --stepper-color: var(--mantine-primary-color-filled);
+  --stepper-content-padding: var(--mantine-spacing-md);
+  --stepper-spacing: var(--mantine-spacing-md);
+  --stepper-radius: calc(62.5rem * var(--mantine-scale));
+  --stepper-fz: var(--mantine-font-size-md);
+}
+
+.m-aaf89d0b {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.m-aaf89d0b:where([data-wrap]) {
+    flex-wrap: wrap;
+    gap: var(--mantine-spacing-md) 0;
+  }
+
+.m-aaf89d0b:where([data-orientation='vertical']) {
+    flex-direction: column;
+  }
+
+.m-aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='left']) {
+      align-items: flex-start;
+    }
+
+.m-aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='right']) {
+      align-items: flex-end;
+    }
+
+.m-aaf89d0b:where([data-orientation='horizontal']) {
+    flex-direction: row;
+  }
+
+.m-2a371ac9 {
+  --separator-offset: calc(var(--stepper-icon-size) / 2 - calc(0.0625rem * var(--mantine-scale)));
+
+  transition: background-color 150ms ease;
+  flex: 1;
+}
+
+:where([data-mantine-color-scheme='light']) .m-2a371ac9 {
+    background-color: var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m-2a371ac9 {
+    background-color: var(--mantine-color-dark-2);
+}
+
+.m-2a371ac9:where([data-active]) {
+    background-color: var(--stepper-color);
+  }
+
+.m-2a371ac9:where([data-orientation='horizontal']) {
+    height: calc(0.125rem * var(--mantine-scale));
+    margin-inline: var(--mantine-spacing-md);
+  }
+
+.m-2a371ac9:where([data-orientation='vertical']) {
+    width: calc(0.125rem * var(--mantine-scale));
+    margin-top: calc(var(--mantine-spacing-xs) / 2);
+    margin-bottom: calc(var(--mantine-spacing-xs) - calc(0.125rem * var(--mantine-scale)));
+  }
+
+.m-2a371ac9:where([data-orientation='vertical']):where([data-icon-position='left']) {
+      margin-inline-start: var(--separator-offset);
+    }
+
+.m-2a371ac9:where([data-orientation='vertical']):where([data-icon-position='right']) {
+      margin-inline-end: var(--separator-offset);
+    }
+
+.m-78da155d {
+  padding-top: var(--stepper-content-padding);
+}
+
+.m-cbb57068 {
+  --step-color: var(--stepper-color);
+
+  display: flex;
+  cursor: default;
+}
+
+.m-cbb57068:where([data-allow-click]) {
+    cursor: pointer;
+  }
+
+.m-cbb57068:where([data-icon-position='left']) {
+    flex-direction: row;
+  }
+
+.m-cbb57068:where([data-icon-position='right']) {
+    flex-direction: row-reverse;
+  }
+
+.m-f56b1e2c {
+  align-items: center;
+}
+
+.m-833edb7e {
+  --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;
+}
+
+.m-833edb7e:where(:first-of-type) {
+    margin-top: 0;
+  }
+
+.m-833edb7e:where(:last-of-type) .m-6496b3f3 {
+    display: none;
+  }
+
+.m-818e70b {
+  position: relative;
+}
+
+.m-6496b3f3 {
+  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: calc(0.125rem * var(--mantine-scale)) solid;
+}
+
+:where([data-mantine-color-scheme='light']) .m-6496b3f3 {
+    border-color: var(--mantine-color-gray-1);
+}
+
+:where([data-mantine-color-scheme='dark']) .m-6496b3f3 {
+    border-color: var(--mantine-color-dark-5);
+}
+
+.m-6496b3f3:where([data-active]) {
+    border-color: var(--stepper-color);
+  }
+
+.m-1959ad01 {
+  height: var(--stepper-icon-size);
+  width: var(--stepper-icon-size);
+  min-height: var(--stepper-icon-size);
+  min-width: var(--stepper-icon-size);
+  border-radius: var(--stepper-radius);
+  font-size: var(--stepper-fz);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  font-weight: bold;
+  transition:
+    background-color 150ms ease,
+    border-color 150ms ease;
+  border: calc(0.125rem * var(--mantine-scale)) solid;
+}
+
+:where([data-mantine-color-scheme='light']) .m-1959ad01 {
+    background-color: var(--mantine-color-gray-1);
+    border-color: var(--mantine-color-gray-1);
+    color: var(--mantine-color-gray-7);
+}
+
+:where([data-mantine-color-scheme='dark']) .m-1959ad01 {
+    background-color: var(--mantine-color-dark-5);
+    border-color: var(--mantine-color-dark-5);
+    color: var(--mantine-color-dark-1);
+}
+
+.m-1959ad01:where([data-progress]) {
+    border-color: var(--step-color);
+  }
+
+.m-1959ad01:where([data-completed]) {
+    color: var(--stepper-icon-color, var(--mantine-color-white));
+    background-color: var(--step-color);
+    border-color: var(--step-color);
+  }
+
+.m-a79331dc {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--stepper-icon-color, var(--mantine-color-white));
+}
+
+.m-1956aa2a {
+  display: flex;
+  flex-direction: column;
+}
+
+.m-1956aa2a:where([data-icon-position='left']) {
+    margin-inline-start: var(--mantine-spacing-sm);
+  }
+
+.m-1956aa2a:where([data-icon-position='right']) {
+    text-align: right;
+    margin-inline-end: var(--mantine-spacing-sm);
+  }
+
+:where([dir="rtl"]) .m-1956aa2a:where([data-icon-position='right']) {
+      text-align: left;
+}
+
+.m-12051f6c {
+  font-weight: 500;
+  font-size: var(--stepper-fz);
+  line-height: 1;
+}
+
+.m-164eea74 {
+  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)));
+  line-height: 1;
+  color: var(--mantine-color-dimmed);
+}
+}

package/styles/Switch.css

@@ -1 +1,171 @@
-.m-5f93f3bb{--switch-height-xs:calc(1rem*var(--mantine-scale));--switch-height-sm:calc(1.25rem*var(--mantine-scale));--switch-height-md:calc(1.5rem*var(--mantine-scale));--switch-height-lg:calc(1.875rem*var(--mantine-scale));--switch-height-xl:calc(2.25rem*var(--mantine-scale));--switch-width-xs:calc(2rem*var(--mantine-scale));--switch-width-sm:calc(2.375rem*var(--mantine-scale));--switch-width-md:calc(2.875rem*var(--mantine-scale));--switch-width-lg:calc(3.5rem*var(--mantine-scale));--switch-width-xl:calc(4.5rem*var(--mantine-scale));--switch-thumb-size-xs:calc(0.75rem*var(--mantine-scale));--switch-thumb-size-sm:calc(0.875rem*var(--mantine-scale));--switch-thumb-size-md:calc(1.125rem*var(--mantine-scale));--switch-thumb-size-lg:calc(1.375rem*var(--mantine-scale));--switch-thumb-size-xl:calc(1.75rem*var(--mantine-scale));--switch-label-font-size-xs:calc(0.3125rem*var(--mantine-scale));--switch-label-font-size-sm:calc(0.375rem*var(--mantine-scale));--switch-label-font-size-md:calc(0.4375rem*var(--mantine-scale));--switch-label-font-size-lg:calc(0.5625rem*var(--mantine-scale));--switch-label-font-size-xl:calc(0.6875rem*var(--mantine-scale));--switch-track-label-padding-xs:calc(0.0625rem*var(--mantine-scale));--switch-track-label-padding-sm:calc(0.125rem*var(--mantine-scale));--switch-track-label-padding-md:calc(0.125rem*var(--mantine-scale));--switch-track-label-padding-lg:calc(0.1875rem*var(--mantine-scale));--switch-track-label-padding-xl:calc(0.1875rem*var(--mantine-scale));--switch-height:var(--switch-height-sm);--switch-width:var(--switch-width-sm);--switch-thumb-size:var(--switch-thumb-size-sm);--switch-label-font-size:var(--switch-label-font-size-sm);--switch-track-label-padding:var(--switch-track-label-padding-sm);--switch-radius:calc(62.5rem*var(--mantine-scale));--switch-color:var(--mantine-primary-color-filled);position:relative}.m-926b4011{height:0;opacity:0;padding:0;position:absolute;white-space:nowrap;width:0}.m-926b4011,.m-9307d992{margin:0;overflow:hidden}.m-9307d992{-webkit-tap-highlight-color:transparent;align-items:center;appearance:none;background-color:var(--switch-bg);border:calc(.0625rem*var(--mantine-scale)) solid var(--switch-bd);border-radius:var(--switch-radius);color:var(--switch-text-color);cursor:var(--switch-cursor,var(--mantine-cursor-type));display:flex;font-size:var(--switch-label-font-size);font-weight:600;height:var(--switch-height);line-height:0;min-width:var(--switch-width);order:var(--switch-order,1);position:relative;transition:background-color .15s ease,border-color .15s ease;user-select:none;z-index:0}.m-926b4011:focus-visible+.m-9307d992{outline:calc(.125rem*var(--mantine-scale)) solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem*var(--mantine-scale))}.m-926b4011:checked+.m-9307d992{--switch-bg:var(--switch-color);--switch-bd:var(--switch-color);--switch-text-color:var(--mantine-color-white)}.m-926b4011:disabled+.m-9307d992,.m-926b4011[data-disabled]+.m-9307d992{--switch-bg:var(--switch-disabled-color);--switch-bd:var(--switch-disabled-color);--switch-cursor:not-allowed}[data-mantine-color-scheme=light] .m-9307d992{--switch-bg:var(--mantine-color-gray-2);--switch-bd:var(--mantine-color-gray-3);--switch-text-color:var(--mantine-color-gray-6);--switch-disabled-color:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .m-9307d992{--switch-bg:var(--mantine-color-dark-6);--switch-bd:var(--mantine-color-dark-4);--switch-text-color:var(--mantine-color-dark-1);--switch-disabled-color:var(--mantine-color-dark-4)}.m-9307d992[data-error]{--switch-bd:var(--mantine-color-error)}.m-9307d992[data-label-position=left]{--switch-order:2}.m-93039a1d{background-color:var(--switch-thumb-bg,var(--mantine-color-white));border:calc(.0625rem*var(--mantine-scale)) solid var(--switch-thumb-bd);border-radius:var(--switch-radius);display:flex;height:var(--switch-thumb-size);inset-inline-start:var(--switch-thumb-start,var(--switch-track-label-padding));position:absolute;transition:inset-inline-start .15s ease;width:var(--switch-thumb-size);z-index:1}.m-93039a1d>*{margin:auto}.m-926b4011:checked+*>.m-93039a1d{--switch-thumb-start:calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding));--switch-thumb-bd:var(--mantine-color-white)}.m-926b4011:disabled+*>.m-93039a1d,.m-926b4011[data-disabled]+*>.m-93039a1d{--switch-thumb-bd:var(--switch-thumb-bg-disabled);--switch-thumb-bg:var(--switch-thumb-bg-disabled)}[data-mantine-color-scheme=light] .m-93039a1d{--switch-thumb-bd:var(--mantine-color-gray-3);--switch-thumb-bg-disabled:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-93039a1d{--switch-thumb-bd:var(--mantine-color-white);--switch-thumb-bg-disabled:var(--mantine-color-dark-3)}.m-8277e082{display:grid;height:100%;margin-inline-start:calc(var(--switch-thumb-size) + var(--switch-track-label-padding));min-width:calc(var(--switch-width) - var(--switch-thumb-size));padding-inline:var(--switch-track-label-padding);place-content:center;transition:margin .15s ease}.m-926b4011:checked+*>.m-8277e082{margin-inline-end:calc(var(--switch-thumb-size) + var(--switch-track-label-padding));margin-inline-start:0}
+.m-5f93f3bb {
+  --switch-height-xs: calc(1rem * var(--mantine-scale));
+  --switch-height-sm: calc(1.25rem * var(--mantine-scale));
+  --switch-height-md: calc(1.5rem * var(--mantine-scale));
+  --switch-height-lg: calc(1.875rem * var(--mantine-scale));
+  --switch-height-xl: calc(2.25rem * var(--mantine-scale));
+
+  --switch-width-xs: calc(2rem * var(--mantine-scale));
+  --switch-width-sm: calc(2.375rem * var(--mantine-scale));
+  --switch-width-md: calc(2.875rem * var(--mantine-scale));
+  --switch-width-lg: calc(3.5rem * var(--mantine-scale));
+  --switch-width-xl: calc(4.5rem * var(--mantine-scale));
+
+  --switch-thumb-size-xs: calc(0.75rem * var(--mantine-scale));
+  --switch-thumb-size-sm: calc(0.875rem * var(--mantine-scale));
+  --switch-thumb-size-md: calc(1.125rem * var(--mantine-scale));
+  --switch-thumb-size-lg: calc(1.375rem * var(--mantine-scale));
+  --switch-thumb-size-xl: calc(1.75rem * var(--mantine-scale));
+
+  --switch-label-font-size-xs: calc(0.3125rem * var(--mantine-scale));
+  --switch-label-font-size-sm: calc(0.375rem * var(--mantine-scale));
+  --switch-label-font-size-md: calc(0.4375rem * var(--mantine-scale));
+  --switch-label-font-size-lg: calc(0.5625rem * var(--mantine-scale));
+  --switch-label-font-size-xl: calc(0.6875rem * var(--mantine-scale));
+
+  --switch-track-label-padding-xs: calc(0.0625rem * var(--mantine-scale));
+  --switch-track-label-padding-sm: calc(0.125rem * var(--mantine-scale));
+  --switch-track-label-padding-md: calc(0.125rem * var(--mantine-scale));
+  --switch-track-label-padding-lg: calc(0.1875rem * var(--mantine-scale));
+  --switch-track-label-padding-xl: calc(0.1875rem * var(--mantine-scale));
+
+  --switch-height: var(--switch-height-sm);
+  --switch-width: var(--switch-width-sm);
+  --switch-thumb-size: var(--switch-thumb-size-sm);
+  --switch-label-font-size: var(--switch-label-font-size-sm);
+  --switch-track-label-padding: var(--switch-track-label-padding-sm);
+  --switch-radius: calc(62.5rem * var(--mantine-scale));
+  --switch-color: var(--mantine-primary-color-filled);
+
+  position: relative;
+}
+
+.m-926b4011 {
+  height: 0;
+  width: 0;
+  opacity: 0;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.m-9307d992 {
+  -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: calc(0.0625rem * var(--mantine-scale)) 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-text-color);
+}
+
+.m-926b4011:focus-visible + .m-9307d992 {
+    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
+    outline-offset: calc(0.125rem * var(--mantine-scale));
+  }
+
+.m-926b4011:checked + .m-9307d992 {
+    --switch-bg: var(--switch-color);
+    --switch-bd: var(--switch-color);
+    --switch-text-color: var(--mantine-color-white);
+  }
+
+.m-926b4011:disabled + .m-9307d992,
+  .m-926b4011[data-disabled] + .m-9307d992 {
+    --switch-bg: var(--switch-disabled-color);
+    --switch-bd: var(--switch-disabled-color);
+    --switch-cursor: not-allowed;
+  }
+
+[data-mantine-color-scheme='light'] .m-9307d992 {
+    --switch-bg: var(--mantine-color-gray-2);
+    --switch-bd: var(--mantine-color-gray-3);
+    --switch-text-color: var(--mantine-color-gray-6);
+    --switch-disabled-color: var(--mantine-color-gray-2);
+}
+
+[data-mantine-color-scheme='dark'] .m-9307d992 {
+    --switch-bg: var(--mantine-color-dark-6);
+    --switch-bd: var(--mantine-color-dark-4);
+    --switch-text-color: var(--mantine-color-dark-1);
+    --switch-disabled-color: var(--mantine-color-dark-4);
+}
+
+.m-9307d992[data-error] {
+    --switch-bd: var(--mantine-color-error);
+  }
+
+.m-9307d992[data-label-position='left'] {
+    --switch-order: 2;
+  }
+
+.m-93039a1d {
+  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: calc(0.0625rem * var(--mantine-scale)) solid var(--switch-thumb-bd);
+  inset-inline-start: var(--switch-thumb-start, var(--switch-track-label-padding));
+  transition: inset-inline-start 150ms ease;
+}
+
+.m-93039a1d > * {
+    margin: auto;
+  }
+
+.m-926b4011:checked + * > .m-93039a1d {
+    --switch-thumb-start: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding));
+    --switch-thumb-bd: var(--mantine-color-white);
+  }
+
+.m-926b4011:disabled + * > .m-93039a1d,
+  .m-926b4011[data-disabled] + * > .m-93039a1d {
+    --switch-thumb-bd: var(--switch-thumb-bg-disabled);
+    --switch-thumb-bg: var(--switch-thumb-bg-disabled);
+  }
+
+[data-mantine-color-scheme='light'] .m-93039a1d {
+    --switch-thumb-bd: var(--mantine-color-gray-3);
+    --switch-thumb-bg-disabled: var(--mantine-color-gray-0);
+}
+
+[data-mantine-color-scheme='dark'] .m-93039a1d {
+    --switch-thumb-bd: var(--mantine-color-white);
+    --switch-thumb-bg-disabled: var(--mantine-color-dark-3);
+}
+
+.m-8277e082 {
+  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-inline-start: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
+  transition: margin 150ms ease;
+}
+
+.m-926b4011:checked + * > .m-8277e082 {
+    margin-inline-end: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
+    margin-inline-start: 0;
+  }