@mantine/core 7.6.2 → 7.7.1

package/styles/Combobox.layer.css

@@ -1,15 +1,15 @@
-@layer mantine {.m-88b62a41 {
+@layer mantine {.m_88b62a41 {
   --combobox-padding: calc(0.25rem * var(--mantine-scale));
   padding: var(--combobox-padding);
 }
 
-  .m-88b62a41[data-hidden] {
+  .m_88b62a41[data-hidden] {
     display: none;
   }
 
 /* Variables must be both on dropdown and options to support usage of Combobox.Options without Combobox.Dropdown */
-.m-88b62a41,
-.m-b2821a6e {
+.m_88b62a41,
+.m_b2821a6e {
   --combobox-option-padding-xs: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
   --combobox-option-padding-sm: calc(0.375rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
   --combobox-option-padding-md: calc(0.5rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale));
@@ -18,7 +18,7 @@
   --combobox-option-padding: var(--combobox-option-padding-sm);
 }
 
-.m-92253aa5 {
+.m_92253aa5 {
   padding: var(--combobox-option-padding);
   font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
   border-radius: var(--mantine-radius-default);
@@ -28,37 +28,37 @@
   word-break: break-word;
 }
 
-.m-92253aa5:where([data-combobox-selected]) {
+.m_92253aa5:where([data-combobox-selected]) {
     background-color: var(--mantine-primary-color-filled);
     color: var(--mantine-color-white);
   }
 
-.m-92253aa5:where([data-combobox-disabled]) {
+.m_92253aa5:where([data-combobox-disabled]) {
     cursor: not-allowed;
     opacity: 0.35;
   }
 
 @media (hover: hover) {
-      :where([data-mantine-color-scheme='light']) .m-92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+      :where([data-mantine-color-scheme='light']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
         background-color: var(--mantine-color-gray-0);
   }
 
-      :where([data-mantine-color-scheme='dark']) .m-92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+      :where([data-mantine-color-scheme='dark']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
         background-color: var(--mantine-color-dark-7);
   }
 }
 
 @media (hover: none) {
-      :where([data-mantine-color-scheme='light']) .m-92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+      :where([data-mantine-color-scheme='light']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
         background-color: var(--mantine-color-gray-0);
   }
 
-      :where([data-mantine-color-scheme='dark']) .m-92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+      :where([data-mantine-color-scheme='dark']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
         background-color: var(--mantine-color-dark-7);
   }
 }
 
-.m-985517d8 {
+.m_985517d8 {
   margin-inline: calc(var(--combobox-padding) * -1);
   margin-top: calc(var(--combobox-padding) * -1);
   width: calc(100% + var(--combobox-padding) * 2);
@@ -70,62 +70,62 @@
   position: relative;
 }
 
-:where([data-mantine-color-scheme='light']) .m-985517d8, :where([data-mantine-color-scheme='light']) .m-985517d8:focus {
+:where([data-mantine-color-scheme='light']) .m_985517d8, :where([data-mantine-color-scheme='light']) .m_985517d8:focus {
       border-color: var(--mantine-color-gray-2);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-985517d8, :where([data-mantine-color-scheme='dark']) .m-985517d8:focus {
+:where([data-mantine-color-scheme='dark']) .m_985517d8, :where([data-mantine-color-scheme='dark']) .m_985517d8:focus {
       border-color: var(--mantine-color-dark-4);
 }
 
-:where([data-mantine-color-scheme='light']) .m-985517d8 {
+:where([data-mantine-color-scheme='light']) .m_985517d8 {
     background-color: var(--mantine-color-white);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-985517d8 {
+:where([data-mantine-color-scheme='dark']) .m_985517d8 {
     background-color: var(--mantine-color-dark-7);
 }
 
-.m-2530cd1d {
+.m_2530cd1d {
   font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
   text-align: center;
   padding: var(--combobox-option-padding);
   color: var(--mantine-color-dimmed);
 }
 
-.m-858f94bd,
-.m-82b967cb {
+.m_858f94bd,
+.m_82b967cb {
   font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
   border: 0 solid transparent;
   margin-inline: calc(var(--combobox-padding) * -1);
   padding: var(--combobox-option-padding);
 }
 
-:where([data-mantine-color-scheme='light']) .m-858f94bd, :where([data-mantine-color-scheme='light']) .m-82b967cb {
+:where([data-mantine-color-scheme='light']) .m_858f94bd, :where([data-mantine-color-scheme='light']) .m_82b967cb {
     border-color: var(--mantine-color-gray-2);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-858f94bd, :where([data-mantine-color-scheme='dark']) .m-82b967cb {
+:where([data-mantine-color-scheme='dark']) .m_858f94bd, :where([data-mantine-color-scheme='dark']) .m_82b967cb {
     border-color: var(--mantine-color-dark-4);
 }
 
-.m-82b967cb {
+.m_82b967cb {
   border-top-width: calc(0.0625rem * var(--mantine-scale));
   margin-top: var(--combobox-padding);
   margin-bottom: calc(var(--combobox-padding) * -1);
 }
 
-.m-858f94bd {
+.m_858f94bd {
   border-bottom-width: calc(0.0625rem * var(--mantine-scale));
   margin-bottom: var(--combobox-padding);
   margin-top: calc(var(--combobox-padding) * -1);
 }
 
-.m-254f3e4f:has(.m-2bb2e9e5:only-child) {
+.m_254f3e4f:has(.m_2bb2e9e5:only-child) {
     display: none;
   }
 
-.m-2bb2e9e5 {
+.m_2bb2e9e5 {
   color: var(--mantine-color-dimmed);
   font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85);
   padding: var(--combobox-option-padding);
@@ -135,7 +135,7 @@
   align-items: center;
 }
 
-.m-2bb2e9e5::after {
+.m_2bb2e9e5::after {
     content: '';
     flex: 1;
     inset-inline: 0;
@@ -143,20 +143,20 @@
     margin-inline-start: var(--mantine-spacing-xs);
   }
 
-:where([data-mantine-color-scheme='light']) .m-2bb2e9e5::after {
+:where([data-mantine-color-scheme='light']) .m_2bb2e9e5::after {
       background-color: var(--mantine-color-gray-2);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-2bb2e9e5::after {
+:where([data-mantine-color-scheme='dark']) .m_2bb2e9e5::after {
       background-color: var(--mantine-color-dark-4);
 }
 
-.m-2bb2e9e5:only-child {
+.m_2bb2e9e5:only-child {
     display: none;
   }
 
 /* ------- Combobox.Chevron ------- */
-.m-2943220b {
+.m_2943220b {
   --combobox-chevron-size-xs: calc(0.875rem * var(--mantine-scale));
   --combobox-chevron-size-sm: calc(1.125rem * var(--mantine-scale));
   --combobox-chevron-size-md: calc(1.25rem * var(--mantine-scale));
@@ -167,34 +167,34 @@
   width: var(--combobox-chevron-size);
   height: var(--combobox-chevron-size);
 }
-:where([data-mantine-color-scheme='light']) .m-2943220b {
+:where([data-mantine-color-scheme='light']) .m_2943220b {
     color: var(--mantine-color-gray-6);
 }
-:where([data-mantine-color-scheme='dark']) .m-2943220b {
+:where([data-mantine-color-scheme='dark']) .m_2943220b {
     color: var(--mantine-color-dark-3);
 }
-.m-2943220b:where([data-error]) {
+.m_2943220b:where([data-error]) {
     color: var(--mantine-color-error);
   }
 
 /* ------- OptionsDropdown ------- */
-.m-390b5f4 {
+.m_390b5f4 {
   display: flex;
   align-items: center;
   gap: calc(0.5rem * var(--mantine-scale));
 }
-.m-390b5f4:where([data-reverse]) {
+.m_390b5f4:where([data-reverse]) {
     justify-content: space-between;
   }
 
-.m-8ee53fc2 {
+.m_8ee53fc2 {
   opacity: 0.4;
   width: 0.8em;
   min-width: 0.8em;
   height: 0.8em;
 }
 
-:where([data-combobox-selected]) .m-8ee53fc2 {
+:where([data-combobox-selected]) .m_8ee53fc2 {
     opacity: 1;
   }
 }

package/styles/Container.css

@@ -1,4 +1,4 @@
-.m-7485cace {
+.m_7485cace {
   --container-size-xs: calc(33.75rem * var(--mantine-scale));
   --container-size-sm: calc(45rem * var(--mantine-scale));
   --container-size-md: calc(60rem * var(--mantine-scale));
@@ -11,6 +11,6 @@
   margin-inline: auto;
 }
 
-  .m-7485cace:where([data-fluid]) {
+  .m_7485cace:where([data-fluid]) {
     max-width: 100%;
   }

package/styles/Container.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-7485cace {
+@layer mantine {.m_7485cace {
   --container-size-xs: calc(33.75rem * var(--mantine-scale));
   --container-size-sm: calc(45rem * var(--mantine-scale));
   --container-size-md: calc(60rem * var(--mantine-scale));
@@ -11,7 +11,7 @@
   margin-inline: auto;
 }
 
-  .m-7485cace:where([data-fluid]) {
+  .m_7485cace:where([data-fluid]) {
     max-width: 100%;
   }
 }

package/styles/Dialog.css

@@ -1,4 +1,4 @@
-.m-e2125a27 {
+.m_e2125a27 {
   --dialog-size-xs: calc(10rem * var(--mantine-scale));
   --dialog-size-sm: calc(12.5rem * var(--mantine-scale));
   --dialog-size-md: calc(21.25rem * var(--mantine-scale));
@@ -12,7 +12,7 @@
   min-height: calc(3.125rem * var(--mantine-scale));
 }
 
-.m-5abab665 {
+.m_5abab665 {
   position: absolute;
   top: calc(var(--mantine-spacing-md) / 2);
   inset-inline-end: calc(var(--mantine-spacing-md) / 2);

package/styles/Dialog.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-e2125a27 {
+@layer mantine {.m_e2125a27 {
   --dialog-size-xs: calc(10rem * var(--mantine-scale));
   --dialog-size-sm: calc(12.5rem * var(--mantine-scale));
   --dialog-size-md: calc(21.25rem * var(--mantine-scale));
@@ -12,7 +12,7 @@
   min-height: calc(3.125rem * var(--mantine-scale));
 }
 
-.m-5abab665 {
+.m_5abab665 {
   position: absolute;
   top: calc(var(--mantine-spacing-md) / 2);
   inset-inline-end: calc(var(--mantine-spacing-md) / 2);

package/styles/Divider.css

@@ -1,4 +1,4 @@
-.m-3eebeb36 {
+.m_3eebeb36 {
   --divider-size-xs: calc(0.0625rem * var(--mantine-scale));
   --divider-size-sm: calc(0.125rem * var(--mantine-scale));
   --divider-size-md: calc(0.1875rem * var(--mantine-scale));
@@ -7,29 +7,29 @@
   --divider-size: var(--divider-size-xs);
 }
 
-  :where([data-mantine-color-scheme='light']) .m-3eebeb36 {
+  :where([data-mantine-color-scheme='light']) .m_3eebeb36 {
     --divider-color: var(--mantine-color-gray-3);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-3eebeb36 {
+  :where([data-mantine-color-scheme='dark']) .m_3eebeb36 {
     --divider-color: var(--mantine-color-dark-4);
 }
 
-  .m-3eebeb36:where([data-orientation='horizontal']) {
+  .m_3eebeb36:where([data-orientation='horizontal']) {
     border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
   }
 
-  .m-3eebeb36:where([data-orientation='vertical']) {
+  .m_3eebeb36:where([data-orientation='vertical']) {
     border-inline-start: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
     height: auto;
     align-self: stretch;
   }
 
-  .m-3eebeb36:where([data-with-label]) {
+  .m_3eebeb36:where([data-with-label]) {
     border: 0;
   }
 
-.m-9e365f20 {
+.m_9e365f20 {
   display: flex;
   align-items: center;
   font-size: var(--mantine-font-size-xs);
@@ -37,15 +37,15 @@
   white-space: nowrap;
 }
 
-.m-9e365f20:where([data-position='left'])::before {
+.m_9e365f20:where([data-position='left'])::before {
     display: none;
   }
 
-.m-9e365f20:where([data-position='right'])::after {
+.m_9e365f20:where([data-position='right'])::after {
     display: none;
   }
 
-.m-9e365f20::before {
+.m_9e365f20::before {
     content: '';
     flex: 1;
     height: calc(0.0625rem * var(--mantine-scale));
@@ -53,7 +53,7 @@
     margin-inline-end: var(--mantine-spacing-xs);
   }
 
-.m-9e365f20::after {
+.m_9e365f20::after {
     content: '';
     flex: 1;
     height: calc(0.0625rem * var(--mantine-scale));

package/styles/Divider.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-3eebeb36 {
+@layer mantine {.m_3eebeb36 {
   --divider-size-xs: calc(0.0625rem * var(--mantine-scale));
   --divider-size-sm: calc(0.125rem * var(--mantine-scale));
   --divider-size-md: calc(0.1875rem * var(--mantine-scale));
@@ -7,29 +7,29 @@
   --divider-size: var(--divider-size-xs);
 }
 
-  :where([data-mantine-color-scheme='light']) .m-3eebeb36 {
+  :where([data-mantine-color-scheme='light']) .m_3eebeb36 {
     --divider-color: var(--mantine-color-gray-3);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-3eebeb36 {
+  :where([data-mantine-color-scheme='dark']) .m_3eebeb36 {
     --divider-color: var(--mantine-color-dark-4);
 }
 
-  .m-3eebeb36:where([data-orientation='horizontal']) {
+  .m_3eebeb36:where([data-orientation='horizontal']) {
     border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
   }
 
-  .m-3eebeb36:where([data-orientation='vertical']) {
+  .m_3eebeb36:where([data-orientation='vertical']) {
     border-inline-start: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
     height: auto;
     align-self: stretch;
   }
 
-  .m-3eebeb36:where([data-with-label]) {
+  .m_3eebeb36:where([data-with-label]) {
     border: 0;
   }
 
-.m-9e365f20 {
+.m_9e365f20 {
   display: flex;
   align-items: center;
   font-size: var(--mantine-font-size-xs);
@@ -37,15 +37,15 @@
   white-space: nowrap;
 }
 
-.m-9e365f20:where([data-position='left'])::before {
+.m_9e365f20:where([data-position='left'])::before {
     display: none;
   }
 
-.m-9e365f20:where([data-position='right'])::after {
+.m_9e365f20:where([data-position='right'])::after {
     display: none;
   }
 
-.m-9e365f20::before {
+.m_9e365f20::before {
     content: '';
     flex: 1;
     height: calc(0.0625rem * var(--mantine-scale));
@@ -53,7 +53,7 @@
     margin-inline-end: var(--mantine-spacing-xs);
   }
 
-.m-9e365f20::after {
+.m_9e365f20::after {
     content: '';
     flex: 1;
     height: calc(0.0625rem * var(--mantine-scale));

package/styles/Drawer.css

@@ -1,4 +1,4 @@
-.m-f11b401e {
+.m_f11b401e {
   --drawer-size-xs: calc(20rem * var(--mantine-scale));
   --drawer-size-sm: calc(23.75rem * var(--mantine-scale));
   --drawer-size-md: calc(27.5rem * var(--mantine-scale));
@@ -8,11 +8,11 @@
   --drawer-offset: 0rem;
 }
 
-.m-5a7c2c9 {
+.m_5a7c2c9 {
   z-index: 1000;
 }
 
-.m-b8a05bbd {
+.m_b8a05bbd {
   flex: var(--drawer-flex, 0 0 var(--drawer-size));
   height: var(--drawer-height, calc(100% - var(--drawer-offset) * 2));
   margin: var(--drawer-offset);
@@ -21,7 +21,7 @@
   overflow-y: auto;
 }
 
-.m-31cd769a {
+.m_31cd769a {
   display: flex;
   justify-content: var(--drawer-justify, flex-start);
   align-items: var(--drawer-align, flex-start);

package/styles/Drawer.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-f11b401e {
+@layer mantine {.m_f11b401e {
   --drawer-size-xs: calc(20rem * var(--mantine-scale));
   --drawer-size-sm: calc(23.75rem * var(--mantine-scale));
   --drawer-size-md: calc(27.5rem * var(--mantine-scale));
@@ -8,11 +8,11 @@
   --drawer-offset: 0rem;
 }
 
-.m-5a7c2c9 {
+.m_5a7c2c9 {
   z-index: 1000;
 }
 
-.m-b8a05bbd {
+.m_b8a05bbd {
   flex: var(--drawer-flex, 0 0 var(--drawer-size));
   height: var(--drawer-height, calc(100% - var(--drawer-offset) * 2));
   margin: var(--drawer-offset);
@@ -21,7 +21,7 @@
   overflow-y: auto;
 }
 
-.m-31cd769a {
+.m_31cd769a {
   display: flex;
   justify-content: var(--drawer-justify, flex-start);
   align-items: var(--drawer-align, flex-start);

package/styles/Fieldset.css

@@ -1,49 +1,49 @@
-.m-e9408a47 {
+.m_e9408a47 {
   padding: var(--mantine-spacing-lg);
   padding-top: var(--mantine-spacing-xs);
   border-radius: var(--fieldset-radius, var(--mantine-radius-default));
   min-inline-size: auto;
 }
 
-.m-84c9523a {
+.m_84c9523a {
   border: calc(0.0625rem * var(--mantine-scale)) solid;
 }
 
-:where([data-mantine-color-scheme='light']) .m-84c9523a {
+:where([data-mantine-color-scheme='light']) .m_84c9523a {
     border-color: var(--mantine-color-gray-3);
     background-color: var(--mantine-color-white);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-84c9523a {
+:where([data-mantine-color-scheme='dark']) .m_84c9523a {
     border-color: var(--mantine-color-dark-4);
     background-color: var(--mantine-color-dark-7);
 }
 
-.m-ef274e49 {
+.m_ef274e49 {
   border: calc(0.0625rem * var(--mantine-scale)) solid;
 }
 
-:where([data-mantine-color-scheme='light']) .m-ef274e49 {
+:where([data-mantine-color-scheme='light']) .m_ef274e49 {
     border-color: var(--mantine-color-gray-3);
     background-color: var(--mantine-color-gray-0);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-ef274e49 {
+:where([data-mantine-color-scheme='dark']) .m_ef274e49 {
     border-color: var(--mantine-color-dark-4);
     background-color: var(--mantine-color-dark-6);
 }
 
-.m-eda993d3 {
+.m_eda993d3 {
   padding: 0;
   border: 0;
   border-radius: 0;
 }
 
-.m-90794832 {
+.m_90794832 {
   font-size: var(--mantine-font-size-sm);
 }
 
-.m-74ca27fe {
+.m_74ca27fe {
   padding: 0;
   margin-bottom: var(--mantine-spacing-sm);
 }

package/styles/Fieldset.layer.css

@@ -1,49 +1,49 @@
-@layer mantine {.m-e9408a47 {
+@layer mantine {.m_e9408a47 {
   padding: var(--mantine-spacing-lg);
   padding-top: var(--mantine-spacing-xs);
   border-radius: var(--fieldset-radius, var(--mantine-radius-default));
   min-inline-size: auto;
 }
 
-.m-84c9523a {
+.m_84c9523a {
   border: calc(0.0625rem * var(--mantine-scale)) solid;
 }
 
-:where([data-mantine-color-scheme='light']) .m-84c9523a {
+:where([data-mantine-color-scheme='light']) .m_84c9523a {
     border-color: var(--mantine-color-gray-3);
     background-color: var(--mantine-color-white);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-84c9523a {
+:where([data-mantine-color-scheme='dark']) .m_84c9523a {
     border-color: var(--mantine-color-dark-4);
     background-color: var(--mantine-color-dark-7);
 }
 
-.m-ef274e49 {
+.m_ef274e49 {
   border: calc(0.0625rem * var(--mantine-scale)) solid;
 }
 
-:where([data-mantine-color-scheme='light']) .m-ef274e49 {
+:where([data-mantine-color-scheme='light']) .m_ef274e49 {
     border-color: var(--mantine-color-gray-3);
     background-color: var(--mantine-color-gray-0);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-ef274e49 {
+:where([data-mantine-color-scheme='dark']) .m_ef274e49 {
     border-color: var(--mantine-color-dark-4);
     background-color: var(--mantine-color-dark-6);
 }
 
-.m-eda993d3 {
+.m_eda993d3 {
   padding: 0;
   border: 0;
   border-radius: 0;
 }
 
-.m-90794832 {
+.m_90794832 {
   font-size: var(--mantine-font-size-sm);
 }
 
-.m-74ca27fe {
+.m_74ca27fe {
   padding: 0;
   margin-bottom: var(--mantine-spacing-sm);
 }

package/styles/Flex.css

@@ -1,3 +1,3 @@
-.m-8bffd616 {
+.m_8bffd616 {
   display: flex;
 }

package/styles/Flex.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-8bffd616 {
+@layer mantine {.m_8bffd616 {
   display: flex;
 }
 }

package/styles/FloatingIndicator.css

@@ -0,0 +1,20 @@
+.m_96b553a6 {
+  --transition-duration: 150ms;
+
+  top: 0;
+  left: 0;
+  position: absolute;
+  z-index: 0;
+  transition-property: transform, width, height;
+  transition-timing-function: ease;
+  transition-duration: 0ms;
+}
+
+  .m_96b553a6:where([data-initialized]) {
+    transition-duration: var(--transition-duration);
+  }
+
+  .m_96b553a6:where([data-hidden]) {
+    background-color: red;
+    display: none;
+  }

package/styles/FloatingIndicator.layer.css

@@ -0,0 +1,21 @@
+@layer mantine {.m_96b553a6 {
+  --transition-duration: 150ms;
+
+  top: 0;
+  left: 0;
+  position: absolute;
+  z-index: 0;
+  transition-property: transform, width, height;
+  transition-timing-function: ease;
+  transition-duration: 0ms;
+}
+
+  .m_96b553a6:where([data-initialized]) {
+    transition-duration: var(--transition-duration);
+  }
+
+  .m_96b553a6:where([data-hidden]) {
+    background-color: red;
+    display: none;
+  }
+}

package/styles/Grid.css

@@ -1,4 +1,4 @@
-.m-410352e9 {
+.m_410352e9 {
   --grid-overflow: visible;
   --grid-margin: calc(var(--grid-gutter) / -2);
   --grid-col-padding: calc(var(--grid-gutter) / 2);
@@ -6,7 +6,7 @@
   overflow: var(--grid-overflow);
 }
 
-.m-dee7bd2f {
+.m_dee7bd2f {
   width: calc(100% + var(--grid-gutter));
   display: flex;
   flex-wrap: wrap;
@@ -15,7 +15,7 @@
   margin: var(--grid-margin);
 }
 
-.m-96bdd299 {
+.m_96bdd299 {
   --col-flex-grow: 0;
   --col-offset: 0rem;