@mantine/core 7.7.1 → 7.8.0

package/styles/Rating.css

@@ -1,9 +1,9 @@
 .m_f8d312f2 {
-  --rating-size-xs: calc(0.875rem * var(--mantine-scale));
-  --rating-size-sm: calc(1.125rem * var(--mantine-scale));
-  --rating-size-md: calc(1.25rem * var(--mantine-scale));
-  --rating-size-lg: calc(1.75rem * var(--mantine-scale));
-  --rating-size-xl: calc(2rem * var(--mantine-scale));
+  --rating-size-xs: 14px;
+  --rating-size-sm: 18px;
+  --rating-size-md: 20px;
+  --rating-size-lg: 28px;
+  --rating-size-xl: 32px;
 
   display: flex;
   width: max-content;
@@ -55,8 +55,8 @@
 }
 
 .m_211007ba:focus-visible + label {
-    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
-    outline-offset: calc(0.125rem * var(--mantine-scale));
+    outline: 2px solid var(--mantine-primary-color-filled);
+    outline-offset: 2px;
   }
 
 .m_21342ee4 {

package/styles/Rating.layer.css

@@ -1,9 +1,9 @@
 @layer mantine {.m_f8d312f2 {
-  --rating-size-xs: calc(0.875rem * var(--mantine-scale));
-  --rating-size-sm: calc(1.125rem * var(--mantine-scale));
-  --rating-size-md: calc(1.25rem * var(--mantine-scale));
-  --rating-size-lg: calc(1.75rem * var(--mantine-scale));
-  --rating-size-xl: calc(2rem * var(--mantine-scale));
+  --rating-size-xs: 14px;
+  --rating-size-sm: 18px;
+  --rating-size-md: 20px;
+  --rating-size-lg: 28px;
+  --rating-size-xl: 32px;
 
   display: flex;
   width: max-content;
@@ -55,8 +55,8 @@
 }
 
 .m_211007ba:focus-visible + label {
-    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
-    outline-offset: calc(0.125rem * var(--mantine-scale));
+    outline: 2px solid var(--mantine-primary-color-filled);
+    outline-offset: 2px;
   }
 
 .m_21342ee4 {

package/styles/ScrollArea.css

@@ -1,5 +1,5 @@
 .m_d57069b5 {
-  --scrollarea-scrollbar-size: calc(0.75rem * var(--mantine-scale));
+  --scrollarea-scrollbar-size: 12px;
 
   position: relative;
   overflow: hidden;
@@ -96,8 +96,8 @@
     height: var(--scrollarea-scrollbar-size);
     flex-direction: column;
     bottom: 0;
-    inset-inline-end: 0;
-    inset-inline-start: var(--sa-corner-height);
+    inset-inline-start: 0;
+    inset-inline-end: var(--sa-corner-width);
   }
 
 .m_d8b5e363 {
@@ -116,8 +116,8 @@
     transform: translate(-50%, -50%);
     width: 100%;
     height: 100%;
-    min-width: calc(2.75rem * var(--mantine-scale));
-    min-height: calc(2.75rem * var(--mantine-scale));
+    min-width: 44px;
+    min-height: 44px;
   }
 
 :where([data-mantine-color-scheme='light']) .m_d8b5e363 {

package/styles/ScrollArea.layer.css

@@ -1,5 +1,5 @@
 @layer mantine {.m_d57069b5 {
-  --scrollarea-scrollbar-size: calc(0.75rem * var(--mantine-scale));
+  --scrollarea-scrollbar-size: 12px;
 
   position: relative;
   overflow: hidden;
@@ -96,8 +96,8 @@
     height: var(--scrollarea-scrollbar-size);
     flex-direction: column;
     bottom: 0;
-    inset-inline-end: 0;
-    inset-inline-start: var(--sa-corner-height);
+    inset-inline-start: 0;
+    inset-inline-end: var(--sa-corner-width);
   }
 
 .m_d8b5e363 {
@@ -116,8 +116,8 @@
     transform: translate(-50%, -50%);
     width: 100%;
     height: 100%;
-    min-width: calc(2.75rem * var(--mantine-scale));
-    min-height: calc(2.75rem * var(--mantine-scale));
+    min-width: 44px;
+    min-height: 44px;
   }
 
 :where([data-mantine-color-scheme='light']) .m_d8b5e363 {

package/styles/SegmentedControl.css

@@ -1,9 +1,9 @@
 .m_cf365364 {
-  --sc-padding-xs: calc(0.1875rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
-  --sc-padding-sm: calc(0.3125rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
-  --sc-padding-md: calc(0.4375rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
-  --sc-padding-lg: calc(0.5625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
-  --sc-padding-xl: calc(0.75rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
+  --sc-padding-xs: 3px 6px;
+  --sc-padding-sm: 5px 10px;
+  --sc-padding-md: 7px 14px;
+  --sc-padding-lg: 9px 16px;
+  --sc-padding-xl: 12px 20px;
 
   --sc-transition-duration: 200ms;
   --sc-padding: var(--sc-padding-sm);
@@ -17,7 +17,7 @@
   border-radius: var(--sc-radius, var(--mantine-radius-default));
   overflow: hidden;
   padding: 4px;
-} /* px required for correct indicator calculations */
+}
 
   .m_cf365364:where([data-full-width]) {
     display: flex;
@@ -182,11 +182,11 @@ fieldset:disabled .m_1738fcb2,
 }
 
 .m_1714d588[data-focus-ring='auto']:focus:focus-visible + .m_1738fcb2 {
-        --segmented-control-outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
       }
 
 .m_1714d588[data-focus-ring='always']:focus + .m_1738fcb2 {
-        --segmented-control-outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
       }
 
 .m_69686b9b {
@@ -203,7 +203,7 @@ fieldset:disabled .m_1738fcb2,
     bottom: 0;
     inset-inline-start: 0;
     background-color: var(--separator-color);
-    width: calc(0.0625rem * var(--mantine-scale));
+    width: 1px;
     transition: background-color var(--sc-transition-duration) var(--sc-transition-timing-function);
   }
 
@@ -211,7 +211,7 @@ fieldset:disabled .m_1738fcb2,
       top: 0;
       inset-inline: 0;
       bottom: auto;
-      height: calc(0.0625rem * var(--mantine-scale));
+      height: 1px;
       width: auto;
     }
 

package/styles/SegmentedControl.layer.css

@@ -1,9 +1,9 @@
 @layer mantine {.m_cf365364 {
-  --sc-padding-xs: calc(0.1875rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
-  --sc-padding-sm: calc(0.3125rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
-  --sc-padding-md: calc(0.4375rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
-  --sc-padding-lg: calc(0.5625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
-  --sc-padding-xl: calc(0.75rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
+  --sc-padding-xs: 3px 6px;
+  --sc-padding-sm: 5px 10px;
+  --sc-padding-md: 7px 14px;
+  --sc-padding-lg: 9px 16px;
+  --sc-padding-xl: 12px 20px;
 
   --sc-transition-duration: 200ms;
   --sc-padding: var(--sc-padding-sm);
@@ -17,7 +17,7 @@
   border-radius: var(--sc-radius, var(--mantine-radius-default));
   overflow: hidden;
   padding: 4px;
-} /* px required for correct indicator calculations */
+}
 
   .m_cf365364:where([data-full-width]) {
     display: flex;
@@ -182,11 +182,11 @@ fieldset:disabled .m_1738fcb2,
 }
 
 .m_1714d588[data-focus-ring='auto']:focus:focus-visible + .m_1738fcb2 {
-        --segmented-control-outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
       }
 
 .m_1714d588[data-focus-ring='always']:focus + .m_1738fcb2 {
-        --segmented-control-outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
       }
 
 .m_69686b9b {
@@ -203,7 +203,7 @@ fieldset:disabled .m_1738fcb2,
     bottom: 0;
     inset-inline-start: 0;
     background-color: var(--separator-color);
-    width: calc(0.0625rem * var(--mantine-scale));
+    width: 1px;
     transition: background-color var(--sc-transition-duration) var(--sc-transition-timing-function);
   }
 
@@ -211,7 +211,7 @@ fieldset:disabled .m_1738fcb2,
       top: 0;
       inset-inline: 0;
       bottom: auto;
-      height: calc(0.0625rem * var(--mantine-scale));
+      height: 1px;
       width: auto;
     }
 

package/styles/Slider.css

@@ -1,12 +1,12 @@
 .m_dd36362e {
-  --slider-size-xs: calc(0.25rem * var(--mantine-scale));
-  --slider-size-sm: calc(0.375rem * var(--mantine-scale));
-  --slider-size-md: calc(0.5rem * var(--mantine-scale));
-  --slider-size-lg: calc(0.625rem * var(--mantine-scale));
-  --slider-size-xl: calc(0.75rem * var(--mantine-scale));
+  --slider-size-xs: 4px;
+  --slider-size-sm: 6px;
+  --slider-size-md: 8px;
+  --slider-size-lg: 10px;
+  --slider-size-xl: 12px;
 
   --slider-size: var(--slider-size-md);
-  --slider-radius: calc(62.5rem * var(--mantine-scale));
+  --slider-radius: 1000px;
   --slider-color: var(--mantine-primary-color-filled);
 
   -webkit-tap-highlight-color: transparent;
@@ -32,7 +32,7 @@
 
 .m_c9357328 {
   position: absolute;
-  top: calc(-2.25rem * var(--mantine-scale));
+  top: -36px;
   font-size: var(--mantine-font-size-xs);
   color: var(--mantine-color-white);
   padding: calc(var(--mantine-spacing-xs) / 2);
@@ -56,7 +56,7 @@
   display: flex;
   height: var(--slider-thumb-size);
   width: var(--slider-thumb-size);
-  border: calc(0.25rem * var(--mantine-scale)) solid;
+  border: 4px solid;
   transform: translate(-50%, -50%);
   color: var(--slider-color);
   top: 50%;
@@ -70,7 +70,7 @@
   z-index: 3;
   user-select: none;
   touch-action: none;
-  outline-offset: calc(0.125rem * var(--mantine-scale));
+  outline-offset: 2px;
   left: var(--slider-thumb-offset);
 }
 
@@ -171,10 +171,10 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
 }
 
 .m_dd33bc19 {
-  border: calc(0.125rem * var(--mantine-scale)) solid;
+  border: 2px solid;
   height: var(--slider-size);
   width: var(--slider-size);
-  border-radius: calc(62.5rem * var(--mantine-scale));
+  border-radius: 1000px;
   transform: translateX((calc(var(--slider-size) / -2)));
   background-color: var(--mantine-color-white);
   pointer-events: none;

package/styles/Slider.layer.css

@@ -1,12 +1,12 @@
 @layer mantine {.m_dd36362e {
-  --slider-size-xs: calc(0.25rem * var(--mantine-scale));
-  --slider-size-sm: calc(0.375rem * var(--mantine-scale));
-  --slider-size-md: calc(0.5rem * var(--mantine-scale));
-  --slider-size-lg: calc(0.625rem * var(--mantine-scale));
-  --slider-size-xl: calc(0.75rem * var(--mantine-scale));
+  --slider-size-xs: 4px;
+  --slider-size-sm: 6px;
+  --slider-size-md: 8px;
+  --slider-size-lg: 10px;
+  --slider-size-xl: 12px;
 
   --slider-size: var(--slider-size-md);
-  --slider-radius: calc(62.5rem * var(--mantine-scale));
+  --slider-radius: 1000px;
   --slider-color: var(--mantine-primary-color-filled);
 
   -webkit-tap-highlight-color: transparent;
@@ -32,7 +32,7 @@
 
 .m_c9357328 {
   position: absolute;
-  top: calc(-2.25rem * var(--mantine-scale));
+  top: -36px;
   font-size: var(--mantine-font-size-xs);
   color: var(--mantine-color-white);
   padding: calc(var(--mantine-spacing-xs) / 2);
@@ -56,7 +56,7 @@
   display: flex;
   height: var(--slider-thumb-size);
   width: var(--slider-thumb-size);
-  border: calc(0.25rem * var(--mantine-scale)) solid;
+  border: 4px solid;
   transform: translate(-50%, -50%);
   color: var(--slider-color);
   top: 50%;
@@ -70,7 +70,7 @@
   z-index: 3;
   user-select: none;
   touch-action: none;
-  outline-offset: calc(0.125rem * var(--mantine-scale));
+  outline-offset: 2px;
   left: var(--slider-thumb-offset);
 }
 
@@ -171,10 +171,10 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
 }
 
 .m_dd33bc19 {
-  border: calc(0.125rem * var(--mantine-scale)) solid;
+  border: 2px solid;
   height: var(--slider-size);
   width: var(--slider-size);
-  border-radius: calc(62.5rem * var(--mantine-scale));
+  border-radius: 1000px;
   transform: translateX((calc(var(--slider-size) / -2)));
   background-color: var(--mantine-color-white);
   pointer-events: none;

package/styles/Spoiler.css

@@ -3,7 +3,7 @@
 }
 
   .m_559cce2d:where([data-has-spoiler]) {
-    margin-bottom: calc(1.5rem * var(--mantine-scale));
+    margin-bottom: 24px;
   }
 
 .m_b912df4e {
@@ -17,5 +17,5 @@
   position: absolute;
   inset-inline-start: 0;
   top: 100%;
-  height: calc(1.5rem * var(--mantine-scale));
+  height: 24px;
 }

package/styles/Spoiler.layer.css

@@ -3,7 +3,7 @@
 }
 
   .m_559cce2d:where([data-has-spoiler]) {
-    margin-bottom: calc(1.5rem * var(--mantine-scale));
+    margin-bottom: 24px;
   }
 
 .m_b912df4e {
@@ -17,6 +17,6 @@
   position: absolute;
   inset-inline-start: 0;
   top: 100%;
-  height: calc(1.5rem * var(--mantine-scale));
+  height: 24px;
 }
 }

package/styles/Stepper.css

@@ -1,15 +1,15 @@
 .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-xs: 34px;
+  --stepper-icon-size-sm: 36px;
+  --stepper-icon-size-md: 42px;
+  --stepper-icon-size-lg: 48px;
+  --stepper-icon-size-xl: 52px;
 
   --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-radius: 1000px;
   --stepper-fz: var(--mantine-font-size-md);
 }
 
@@ -60,12 +60,12 @@
   }
 
 .m_2a371ac9:where([data-orientation='horizontal']) {
-    height: calc(0.125rem * var(--mantine-scale));
+    height: 2px;
     margin-inline: var(--mantine-spacing-md);
   }
 
 .m_2a371ac9:where([data-orientation='vertical']) {
-    width: calc(0.125rem * var(--mantine-scale));
+    width: 2px;
     margin-top: calc(var(--mantine-spacing-xs) / 2);
     margin-bottom: calc(var(--mantine-spacing-xs) - calc(0.125rem * var(--mantine-scale)));
   }
@@ -131,7 +131,7 @@
   inset-inline-start: calc(var(--stepper-icon-size) / 2);
   height: 100vh;
   position: absolute;
-  border-inline-start: calc(0.125rem * var(--mantine-scale)) solid;
+  border-inline-start: 2px solid;
 }
 
 :where([data-mantine-color-scheme='light']) .m_6496b3f3 {
@@ -161,7 +161,7 @@
   transition:
     background-color 150ms ease,
     border-color 150ms ease;
-  border: calc(0.125rem * var(--mantine-scale)) solid;
+  border: 2px solid;
 }
 
 :where([data-mantine-color-scheme='light']) .m_1959ad01 {

package/styles/Stepper.layer.css

@@ -1,15 +1,15 @@
 @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-xs: 34px;
+  --stepper-icon-size-sm: 36px;
+  --stepper-icon-size-md: 42px;
+  --stepper-icon-size-lg: 48px;
+  --stepper-icon-size-xl: 52px;
 
   --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-radius: 1000px;
   --stepper-fz: var(--mantine-font-size-md);
 }
 
@@ -60,12 +60,12 @@
   }
 
 .m_2a371ac9:where([data-orientation='horizontal']) {
-    height: calc(0.125rem * var(--mantine-scale));
+    height: 2px;
     margin-inline: var(--mantine-spacing-md);
   }
 
 .m_2a371ac9:where([data-orientation='vertical']) {
-    width: calc(0.125rem * var(--mantine-scale));
+    width: 2px;
     margin-top: calc(var(--mantine-spacing-xs) / 2);
     margin-bottom: calc(var(--mantine-spacing-xs) - calc(0.125rem * var(--mantine-scale)));
   }
@@ -131,7 +131,7 @@
   inset-inline-start: calc(var(--stepper-icon-size) / 2);
   height: 100vh;
   position: absolute;
-  border-inline-start: calc(0.125rem * var(--mantine-scale)) solid;
+  border-inline-start: 2px solid;
 }
 
 :where([data-mantine-color-scheme='light']) .m_6496b3f3 {
@@ -161,7 +161,7 @@
   transition:
     background-color 150ms ease,
     border-color 150ms ease;
-  border: calc(0.125rem * var(--mantine-scale)) solid;
+  border: 2px solid;
 }
 
 :where([data-mantine-color-scheme='light']) .m_1959ad01 {

package/styles/Switch.css

@@ -1,40 +1,40 @@
 .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-xs: 16px;
+  --switch-height-sm: 20px;
+  --switch-height-md: 24px;
+  --switch-height-lg: 30px;
+  --switch-height-xl: 36px;
+
+  --switch-width-xs: 32px;
+  --switch-width-sm: 38px;
+  --switch-width-md: 46px;
+  --switch-width-lg: 56px;
+  --switch-width-xl: 72px;
+
+  --switch-thumb-size-xs: 12px;
+  --switch-thumb-size-sm: 14px;
+  --switch-thumb-size-md: 18px;
+  --switch-thumb-size-lg: 22px;
+  --switch-thumb-size-xl: 28px;
+
+  --switch-label-font-size-xs: 5px;
+  --switch-label-font-size-sm: 6px;
+  --switch-label-font-size-md: 7px;
+  --switch-label-font-size-lg: 9px;
+  --switch-label-font-size-xl: 11px;
+
+  --switch-track-label-padding-xs: 1px;
+  --switch-track-label-padding-sm: 2px;
+  --switch-track-label-padding-md: 2px;
+  --switch-track-label-padding-lg: 3px;
+  --switch-track-label-padding-xl: 3px;
 
   --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-radius: 1000px;
   --switch-color: var(--mantine-primary-color-filled);
 
   position: relative;
@@ -58,7 +58,7 @@
   position: relative;
   border-radius: var(--switch-radius);
   background-color: var(--switch-bg);
-  border: calc(0.0625rem * var(--mantine-scale)) solid var(--switch-bd);
+  border: 1px solid var(--switch-bd);
   height: var(--switch-height);
   min-width: var(--switch-width);
   margin: 0;
@@ -78,8 +78,8 @@
 }
 
 .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));
+    outline: 2px solid var(--mantine-primary-color-filled);
+    outline-offset: 2px;
   }
 
 .m_926b4011:checked + .m_9307d992 {
@@ -125,7 +125,7 @@
   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);
+  border: 1px solid var(--switch-thumb-bd);
   inset-inline-start: var(--switch-thumb-start, var(--switch-track-label-padding));
   transition: inset-inline-start 150ms ease;
 }