@mantine/core 7.7.0 → 7.7.1

package/styles/Notification.css

@@ -1,4 +1,4 @@
-.m-a513464 {
+.m_a513464 {
   --notification-radius: var(--mantine-radius-default);
   --notification-color: var(--mantine-primary-color-filled);
 
@@ -15,7 +15,7 @@
   box-shadow: var(--mantine-shadow-lg);
 }
 
-  .m-a513464::before {
+  .m_a513464::before {
     content: '';
     display: block;
     position: absolute;
@@ -27,31 +27,31 @@
     background-color: var(--notification-color);
   }
 
-  :where([data-mantine-color-scheme='light']) .m-a513464 {
+  :where([data-mantine-color-scheme='light']) .m_a513464 {
     background-color: var(--mantine-color-white);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-a513464 {
+  :where([data-mantine-color-scheme='dark']) .m_a513464 {
     background-color: var(--mantine-color-dark-6);
 }
 
-  .m-a513464:where([data-with-icon]) {
+  .m_a513464:where([data-with-icon]) {
     padding-inline-start: var(--mantine-spacing-xs);
   }
 
-  .m-a513464:where([data-with-icon])::before {
+  .m_a513464:where([data-with-icon])::before {
       display: none;
     }
 
-  :where([data-mantine-color-scheme='light']) .m-a513464:where([data-with-border]) {
+  :where([data-mantine-color-scheme='light']) .m_a513464:where([data-with-border]) {
       border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-a513464:where([data-with-border]) {
+  :where([data-mantine-color-scheme='dark']) .m_a513464:where([data-with-border]) {
       border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
 }
 
-.m-a4ceffb {
+.m_a4ceffb {
   box-sizing: border-box;
   margin-inline-end: var(--mantine-spacing-md);
   width: calc(1.75rem * var(--mantine-scale));
@@ -64,17 +64,17 @@
   color: var(--mantine-color-white);
 }
 
-.m-b0920b15 {
+.m_b0920b15 {
   margin-inline-end: var(--mantine-spacing-md);
 }
 
-.m-a49ed24 {
+.m_a49ed24 {
   flex: 1;
   overflow: hidden;
   margin-inline-end: var(--mantine-spacing-xs);
 }
 
-.m-3feedf16 {
+.m_3feedf16 {
   margin-bottom: calc(0.125rem * var(--mantine-scale));
   overflow: hidden;
   text-overflow: ellipsis;
@@ -83,53 +83,53 @@
   font-weight: 500;
 }
 
-:where([data-mantine-color-scheme='light']) .m-3feedf16 {
+:where([data-mantine-color-scheme='light']) .m_3feedf16 {
     color: var(--mantine-color-gray-9);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-3feedf16 {
+:where([data-mantine-color-scheme='dark']) .m_3feedf16 {
     color: var(--mantine-color-white);
 }
 
-.m-3d733a3a {
+.m_3d733a3a {
   font-size: var(--mantine-font-size-sm);
   line-height: var(--mantine-line-height-sm);
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-:where([data-mantine-color-scheme='light']) .m-3d733a3a {
+:where([data-mantine-color-scheme='light']) .m_3d733a3a {
     color: var(--mantine-color-black);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-3d733a3a {
+:where([data-mantine-color-scheme='dark']) .m_3d733a3a {
     color: var(--mantine-color-dark-0);
 }
 
-:where([data-mantine-color-scheme='light']) .m-3d733a3a:where([data-with-title]) {
+:where([data-mantine-color-scheme='light']) .m_3d733a3a:where([data-with-title]) {
       color: var(--mantine-color-gray-6);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-3d733a3a:where([data-with-title]) {
+:where([data-mantine-color-scheme='dark']) .m_3d733a3a:where([data-with-title]) {
       color: var(--mantine-color-dark-2);
 }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m-919a4d88:hover {
+    :where([data-mantine-color-scheme='light']) .m_919a4d88:hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-919a4d88:hover {
+    :where([data-mantine-color-scheme='dark']) .m_919a4d88:hover {
       background-color: var(--mantine-color-dark-8);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m-919a4d88:active {
+    :where([data-mantine-color-scheme='light']) .m_919a4d88:active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-919a4d88:active {
+    :where([data-mantine-color-scheme='dark']) .m_919a4d88:active {
       background-color: var(--mantine-color-dark-8);
   }
 }

package/styles/Notification.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-a513464 {
+@layer mantine {.m_a513464 {
   --notification-radius: var(--mantine-radius-default);
   --notification-color: var(--mantine-primary-color-filled);
 
@@ -15,7 +15,7 @@
   box-shadow: var(--mantine-shadow-lg);
 }
 
-  .m-a513464::before {
+  .m_a513464::before {
     content: '';
     display: block;
     position: absolute;
@@ -27,31 +27,31 @@
     background-color: var(--notification-color);
   }
 
-  :where([data-mantine-color-scheme='light']) .m-a513464 {
+  :where([data-mantine-color-scheme='light']) .m_a513464 {
     background-color: var(--mantine-color-white);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-a513464 {
+  :where([data-mantine-color-scheme='dark']) .m_a513464 {
     background-color: var(--mantine-color-dark-6);
 }
 
-  .m-a513464:where([data-with-icon]) {
+  .m_a513464:where([data-with-icon]) {
     padding-inline-start: var(--mantine-spacing-xs);
   }
 
-  .m-a513464:where([data-with-icon])::before {
+  .m_a513464:where([data-with-icon])::before {
       display: none;
     }
 
-  :where([data-mantine-color-scheme='light']) .m-a513464:where([data-with-border]) {
+  :where([data-mantine-color-scheme='light']) .m_a513464:where([data-with-border]) {
       border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-a513464:where([data-with-border]) {
+  :where([data-mantine-color-scheme='dark']) .m_a513464:where([data-with-border]) {
       border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
 }
 
-.m-a4ceffb {
+.m_a4ceffb {
   box-sizing: border-box;
   margin-inline-end: var(--mantine-spacing-md);
   width: calc(1.75rem * var(--mantine-scale));
@@ -64,17 +64,17 @@
   color: var(--mantine-color-white);
 }
 
-.m-b0920b15 {
+.m_b0920b15 {
   margin-inline-end: var(--mantine-spacing-md);
 }
 
-.m-a49ed24 {
+.m_a49ed24 {
   flex: 1;
   overflow: hidden;
   margin-inline-end: var(--mantine-spacing-xs);
 }
 
-.m-3feedf16 {
+.m_3feedf16 {
   margin-bottom: calc(0.125rem * var(--mantine-scale));
   overflow: hidden;
   text-overflow: ellipsis;
@@ -83,53 +83,53 @@
   font-weight: 500;
 }
 
-:where([data-mantine-color-scheme='light']) .m-3feedf16 {
+:where([data-mantine-color-scheme='light']) .m_3feedf16 {
     color: var(--mantine-color-gray-9);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-3feedf16 {
+:where([data-mantine-color-scheme='dark']) .m_3feedf16 {
     color: var(--mantine-color-white);
 }
 
-.m-3d733a3a {
+.m_3d733a3a {
   font-size: var(--mantine-font-size-sm);
   line-height: var(--mantine-line-height-sm);
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-:where([data-mantine-color-scheme='light']) .m-3d733a3a {
+:where([data-mantine-color-scheme='light']) .m_3d733a3a {
     color: var(--mantine-color-black);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-3d733a3a {
+:where([data-mantine-color-scheme='dark']) .m_3d733a3a {
     color: var(--mantine-color-dark-0);
 }
 
-:where([data-mantine-color-scheme='light']) .m-3d733a3a:where([data-with-title]) {
+:where([data-mantine-color-scheme='light']) .m_3d733a3a:where([data-with-title]) {
       color: var(--mantine-color-gray-6);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-3d733a3a:where([data-with-title]) {
+:where([data-mantine-color-scheme='dark']) .m_3d733a3a:where([data-with-title]) {
       color: var(--mantine-color-dark-2);
 }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m-919a4d88:hover {
+    :where([data-mantine-color-scheme='light']) .m_919a4d88:hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-919a4d88:hover {
+    :where([data-mantine-color-scheme='dark']) .m_919a4d88:hover {
       background-color: var(--mantine-color-dark-8);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m-919a4d88:active {
+    :where([data-mantine-color-scheme='light']) .m_919a4d88:active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-919a4d88:active {
+    :where([data-mantine-color-scheme='dark']) .m_919a4d88:active {
       background-color: var(--mantine-color-dark-8);
   }
 }

package/styles/NumberInput.css

@@ -1,4 +1,4 @@
-.m-e2f5cd4e {
+.m_e2f5cd4e {
   --ni-right-section-width-xs: calc(1.0625rem * var(--mantine-scale));
   --ni-right-section-width-sm: calc(1.5rem * var(--mantine-scale));
   --ni-right-section-width-md: calc(1.6875rem * var(--mantine-scale));
@@ -6,7 +6,7 @@
   --ni-right-section-width-xl: calc(2.125rem * var(--mantine-scale));
 }
 
-.m-95e17d22 {
+.m_95e17d22 {
   --ni-chevron-size-xs: calc(0.625rem * var(--mantine-scale));
   --ni-chevron-size-sm: calc(0.875rem * var(--mantine-scale));
   --ni-chevron-size-md: calc(1rem * var(--mantine-scale));
@@ -22,7 +22,7 @@
   margin-inline-start: auto;
 }
 
-.m-80b4b171 {
+.m_80b4b171 {
   --control-border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
   --control-radius: calc(var(--input-radius) - calc(0.0625rem * var(--mantine-scale)));
 
@@ -39,50 +39,50 @@
   cursor: pointer;
 }
 
-.m-80b4b171:where(:disabled) {
+.m_80b4b171:where(:disabled) {
     background-color: transparent;
     cursor: not-allowed;
     opacity: 0.6;
   }
 
-:where([data-mantine-color-scheme='light']) .m-80b4b171:where(:disabled) {
+:where([data-mantine-color-scheme='light']) .m_80b4b171:where(:disabled) {
       color: var(--mantine-color-gray-4);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-80b4b171:where(:disabled) {
+:where([data-mantine-color-scheme='dark']) .m_80b4b171:where(:disabled) {
       color: var(--mantine-color-dark-3);
 }
 
-.m-e2f5cd4e[data-error] :where(.m-80b4b171) {
+.m_e2f5cd4e[data-error] :where(.m_80b4b171) {
     color: var(--mantine-color-error);
   }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m-80b4b171:hover {
+    :where([data-mantine-color-scheme='light']) .m_80b4b171:hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-80b4b171:hover {
+    :where([data-mantine-color-scheme='dark']) .m_80b4b171:hover {
       background-color: var(--mantine-color-dark-4);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m-80b4b171:active {
+    :where([data-mantine-color-scheme='light']) .m_80b4b171:active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-80b4b171:active {
+    :where([data-mantine-color-scheme='dark']) .m_80b4b171:active {
       background-color: var(--mantine-color-dark-4);
   }
 }
 
-.m-80b4b171:where(:first-of-type) {
+.m_80b4b171:where(:first-of-type) {
     border-radius: 0;
     border-start-end-radius: var(--control-radius);
   }
 
-.m-80b4b171:last-of-type {
+.m_80b4b171:last-of-type {
     border-top: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
     border-radius: 0;
     border-end-end-radius: var(--control-radius);

package/styles/NumberInput.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-e2f5cd4e {
+@layer mantine {.m_e2f5cd4e {
   --ni-right-section-width-xs: calc(1.0625rem * var(--mantine-scale));
   --ni-right-section-width-sm: calc(1.5rem * var(--mantine-scale));
   --ni-right-section-width-md: calc(1.6875rem * var(--mantine-scale));
@@ -6,7 +6,7 @@
   --ni-right-section-width-xl: calc(2.125rem * var(--mantine-scale));
 }
 
-.m-95e17d22 {
+.m_95e17d22 {
   --ni-chevron-size-xs: calc(0.625rem * var(--mantine-scale));
   --ni-chevron-size-sm: calc(0.875rem * var(--mantine-scale));
   --ni-chevron-size-md: calc(1rem * var(--mantine-scale));
@@ -22,7 +22,7 @@
   margin-inline-start: auto;
 }
 
-.m-80b4b171 {
+.m_80b4b171 {
   --control-border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
   --control-radius: calc(var(--input-radius) - calc(0.0625rem * var(--mantine-scale)));
 
@@ -39,50 +39,50 @@
   cursor: pointer;
 }
 
-.m-80b4b171:where(:disabled) {
+.m_80b4b171:where(:disabled) {
     background-color: transparent;
     cursor: not-allowed;
     opacity: 0.6;
   }
 
-:where([data-mantine-color-scheme='light']) .m-80b4b171:where(:disabled) {
+:where([data-mantine-color-scheme='light']) .m_80b4b171:where(:disabled) {
       color: var(--mantine-color-gray-4);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-80b4b171:where(:disabled) {
+:where([data-mantine-color-scheme='dark']) .m_80b4b171:where(:disabled) {
       color: var(--mantine-color-dark-3);
 }
 
-.m-e2f5cd4e[data-error] :where(.m-80b4b171) {
+.m_e2f5cd4e[data-error] :where(.m_80b4b171) {
     color: var(--mantine-color-error);
   }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m-80b4b171:hover {
+    :where([data-mantine-color-scheme='light']) .m_80b4b171:hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-80b4b171:hover {
+    :where([data-mantine-color-scheme='dark']) .m_80b4b171:hover {
       background-color: var(--mantine-color-dark-4);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m-80b4b171:active {
+    :where([data-mantine-color-scheme='light']) .m_80b4b171:active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m-80b4b171:active {
+    :where([data-mantine-color-scheme='dark']) .m_80b4b171:active {
       background-color: var(--mantine-color-dark-4);
   }
 }
 
-.m-80b4b171:where(:first-of-type) {
+.m_80b4b171:where(:first-of-type) {
     border-radius: 0;
     border-start-end-radius: var(--control-radius);
   }
 
-.m-80b4b171:last-of-type {
+.m_80b4b171:last-of-type {
     border-top: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
     border-radius: 0;
     border-end-end-radius: var(--control-radius);

package/styles/Overlay.css

@@ -1,4 +1,4 @@
-.m-9814e45f {
+.m_9814e45f {
   inset: 0;
   position: absolute;
   background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
@@ -8,11 +8,11 @@
   z-index: var(--overlay-z-index);
 }
 
-  .m-9814e45f:where([data-fixed]) {
+  .m_9814e45f:where([data-fixed]) {
     position: fixed;
   }
 
-  .m-9814e45f:where([data-center]) {
+  .m_9814e45f:where([data-center]) {
     display: flex;
     align-items: center;
     justify-content: center;

package/styles/Overlay.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-9814e45f {
+@layer mantine {.m_9814e45f {
   inset: 0;
   position: absolute;
   background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
@@ -8,11 +8,11 @@
   z-index: var(--overlay-z-index);
 }
 
-  .m-9814e45f:where([data-fixed]) {
+  .m_9814e45f:where([data-fixed]) {
     position: fixed;
   }
 
-  .m-9814e45f:where([data-center]) {
+  .m_9814e45f:where([data-center]) {
     display: flex;
     align-items: center;
     justify-content: center;

package/styles/Pagination.css

@@ -1,4 +1,4 @@
-.m-4addd315 {
+.m_4addd315 {
   --pagination-control-size-xs: calc(1.375rem * var(--mantine-scale));
   --pagination-control-size-sm: calc(1.625rem * var(--mantine-scale));
   --pagination-control-size-md: calc(2rem * var(--mantine-scale));
@@ -9,7 +9,7 @@
   --pagination-active-bg: var(--mantine-primary-color-filled);
 }
 
-.m-326d024a {
+.m_326d024a {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -23,50 +23,50 @@
   border-radius: var(--pagination-control-radius, var(--mantine-radius-default));
 }
 
-.m-326d024a:where([data-with-padding]) {
+.m_326d024a:where([data-with-padding]) {
     padding: calc(var(--pagination-control-size) / 4);
   }
 
-.m-326d024a:where(:disabled, [data-disabled]) {
+.m_326d024a:where(:disabled, [data-disabled]) {
     cursor: not-allowed;
     opacity: 0.4;
   }
 
-:where([data-mantine-color-scheme='light']) .m-326d024a {
+:where([data-mantine-color-scheme='light']) .m_326d024a {
     border-color: var(--mantine-color-gray-4);
     background-color: var(--mantine-color-white);
 }
 
 @media (hover: hover) {
-      :where([data-mantine-color-scheme='light']) .m-326d024a:hover:where(:not(:disabled, [data-disabled])) {
+      :where([data-mantine-color-scheme='light']) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
         background-color: var(--mantine-color-gray-0);
       }
 }
 
 @media (hover: none) {
-      :where([data-mantine-color-scheme='light']) .m-326d024a:active:where(:not(:disabled, [data-disabled])) {
+      :where([data-mantine-color-scheme='light']) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
         background-color: var(--mantine-color-gray-0);
       }
 }
 
-:where([data-mantine-color-scheme='dark']) .m-326d024a {
+:where([data-mantine-color-scheme='dark']) .m_326d024a {
     border-color: var(--mantine-color-dark-4);
     background-color: var(--mantine-color-dark-6);
 }
 
 @media (hover: hover) {
-      :where([data-mantine-color-scheme='dark']) .m-326d024a:hover:where(:not(:disabled, [data-disabled])) {
+      :where([data-mantine-color-scheme='dark']) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
         background-color: var(--mantine-color-dark-5);
       }
 }
 
 @media (hover: none) {
-      :where([data-mantine-color-scheme='dark']) .m-326d024a:active:where(:not(:disabled, [data-disabled])) {
+      :where([data-mantine-color-scheme='dark']) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
         background-color: var(--mantine-color-dark-5);
       }
 }
 
-.m-326d024a:where([data-active]) {
+.m_326d024a:where([data-active]) {
     background-color: var(--pagination-active-bg);
     border-color: var(--pagination-active-bg);
     color: var(--pagination-active-color, var(--mantine-color-white));
@@ -74,19 +74,19 @@
 
 @media (hover: hover) {
 
-  .m-326d024a:where([data-active]):hover {
+  .m_326d024a:where([data-active]):hover {
       background-color: var(--pagination-active-bg);
   }
 }
 
 @media (hover: none) {
 
-  .m-326d024a:where([data-active]):active {
+  .m_326d024a:where([data-active]):active {
       background-color: var(--pagination-active-bg);
   }
 }
 
-.m-4ad7767d {
+.m_4ad7767d {
   height: var(--pagination-control-size);
   min-width: var(--pagination-control-size);
   display: flex;

package/styles/Pagination.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-4addd315 {
+@layer mantine {.m_4addd315 {
   --pagination-control-size-xs: calc(1.375rem * var(--mantine-scale));
   --pagination-control-size-sm: calc(1.625rem * var(--mantine-scale));
   --pagination-control-size-md: calc(2rem * var(--mantine-scale));
@@ -9,7 +9,7 @@
   --pagination-active-bg: var(--mantine-primary-color-filled);
 }
 
-.m-326d024a {
+.m_326d024a {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -23,50 +23,50 @@
   border-radius: var(--pagination-control-radius, var(--mantine-radius-default));
 }
 
-.m-326d024a:where([data-with-padding]) {
+.m_326d024a:where([data-with-padding]) {
     padding: calc(var(--pagination-control-size) / 4);
   }
 
-.m-326d024a:where(:disabled, [data-disabled]) {
+.m_326d024a:where(:disabled, [data-disabled]) {
     cursor: not-allowed;
     opacity: 0.4;
   }
 
-:where([data-mantine-color-scheme='light']) .m-326d024a {
+:where([data-mantine-color-scheme='light']) .m_326d024a {
     border-color: var(--mantine-color-gray-4);
     background-color: var(--mantine-color-white);
 }
 
 @media (hover: hover) {
-      :where([data-mantine-color-scheme='light']) .m-326d024a:hover:where(:not(:disabled, [data-disabled])) {
+      :where([data-mantine-color-scheme='light']) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
         background-color: var(--mantine-color-gray-0);
       }
 }
 
 @media (hover: none) {
-      :where([data-mantine-color-scheme='light']) .m-326d024a:active:where(:not(:disabled, [data-disabled])) {
+      :where([data-mantine-color-scheme='light']) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
         background-color: var(--mantine-color-gray-0);
       }
 }
 
-:where([data-mantine-color-scheme='dark']) .m-326d024a {
+:where([data-mantine-color-scheme='dark']) .m_326d024a {
     border-color: var(--mantine-color-dark-4);
     background-color: var(--mantine-color-dark-6);
 }
 
 @media (hover: hover) {
-      :where([data-mantine-color-scheme='dark']) .m-326d024a:hover:where(:not(:disabled, [data-disabled])) {
+      :where([data-mantine-color-scheme='dark']) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
         background-color: var(--mantine-color-dark-5);
       }
 }
 
 @media (hover: none) {
-      :where([data-mantine-color-scheme='dark']) .m-326d024a:active:where(:not(:disabled, [data-disabled])) {
+      :where([data-mantine-color-scheme='dark']) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
         background-color: var(--mantine-color-dark-5);
       }
 }
 
-.m-326d024a:where([data-active]) {
+.m_326d024a:where([data-active]) {
     background-color: var(--pagination-active-bg);
     border-color: var(--pagination-active-bg);
     color: var(--pagination-active-color, var(--mantine-color-white));
@@ -74,19 +74,19 @@
 
 @media (hover: hover) {
 
-  .m-326d024a:where([data-active]):hover {
+  .m_326d024a:where([data-active]):hover {
       background-color: var(--pagination-active-bg);
   }
 }
 
 @media (hover: none) {
 
-  .m-326d024a:where([data-active]):active {
+  .m_326d024a:where([data-active]):active {
       background-color: var(--pagination-active-bg);
   }
 }
 
-.m-4ad7767d {
+.m_4ad7767d {
   height: var(--pagination-control-size);
   min-width: var(--pagination-control-size);
   display: flex;