@syncfusion/blazor-themes 31.1.22 → 31.2.2

package/Compiled-Themes/bds-dark-lite.css

@@ -10045,7 +10045,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -10193,6 +10193,10 @@ ejs-calendar {
   pointer-events: none;
 }
 
+.e-overlay .e-checkbox-wrapper .e-ripple-container {
+  pointer-events: none;
+}
+
 .e-small .e-checkbox-wrapper .e-frame,
 .e-small.e-checkbox-wrapper .e-frame,
 .e-small .e-css.e-checkbox-wrapper .e-frame,
@@ -37050,18 +37054,29 @@ li.e-separator.e-menu-item.e-excel-separator {
     line-height: normal;
   }
 
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     /* stylelint-enable declaration-no-important */
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable .e-table {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-table {
     border-spacing: 0 !important;
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable .e-rowcell {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-rowcell {
     line-height: 1;
   }
 }
 /* stylelint-enable function-url-quotes */
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+    /* stylelint-disable declaration-no-important */
+  }
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-table {
+    border-spacing: 0 !important;
+  }
+}
+/* stylelint-enable function-url-quotes */
 .e-grid .e-icons:not(.e-btn-icon, .e-check, .e-stop),
 .e-grid-popup .e-icons:not(.e-btn-icon, .e-check, .e-stop) {
   color: #cecfd2;
@@ -66438,14 +66453,14 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);

package/Compiled-Themes/bds-dark.css

@@ -13450,7 +13450,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -13598,6 +13598,10 @@ ejs-calendar {
   pointer-events: none;
 }
 
+.e-overlay .e-checkbox-wrapper .e-ripple-container {
+  pointer-events: none;
+}
+
 .e-small .e-checkbox-wrapper .e-frame,
 .e-small.e-checkbox-wrapper .e-frame,
 .e-small .e-css.e-checkbox-wrapper .e-frame,
@@ -47545,18 +47549,29 @@ li.e-separator.e-menu-item.e-excel-separator {
     line-height: normal;
   }
 
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     /* stylelint-enable declaration-no-important */
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable .e-table {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-table {
     border-spacing: 0 !important;
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable .e-rowcell {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-rowcell {
     line-height: 1;
   }
 }
 /* stylelint-enable function-url-quotes */
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+    /* stylelint-disable declaration-no-important */
+  }
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-table {
+    border-spacing: 0 !important;
+  }
+}
+/* stylelint-enable function-url-quotes */
 .e-grid .e-icons:not(.e-btn-icon, .e-check, .e-stop),
 .e-grid-popup .e-icons:not(.e-btn-icon, .e-check, .e-stop) {
   color: #cecfd2;
@@ -84349,14 +84364,14 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);
@@ -84542,8 +84557,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: var(--color-sf-text-disabled);
 }
 
-.e-bigger.e-timeline [class^="e-dot "]::before,
-.e-bigger .e-timeline [class^="e-dot "]::before {
+.e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
+.e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 40px;
   min-height: 40px;
   font-size: 18px;

package/Compiled-Themes/bds-lite.css

@@ -18,7 +18,7 @@
   --color-sf-text-tertiary: #475467;
   --color-sf-text-tertiary-hover: #344054;
   --color-sf-text-tertiary-on-brand: #eaecf0;
-  --color-sf-text-quarterary: #101828;
+  --color-sf-text-quarterary: #667085;
   --color-sf-text-quarterary-on-brand: #101828;
   --color-sf-text-white: #fff;
   --color-sf-text-disabled: #667085;
@@ -10268,7 +10268,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -10416,6 +10416,10 @@ ejs-calendar {
   pointer-events: none;
 }
 
+.e-overlay .e-checkbox-wrapper .e-ripple-container {
+  pointer-events: none;
+}
+
 .e-small .e-checkbox-wrapper .e-frame,
 .e-small.e-checkbox-wrapper .e-frame,
 .e-small .e-css.e-checkbox-wrapper .e-frame,
@@ -37273,18 +37277,29 @@ li.e-separator.e-menu-item.e-excel-separator {
     line-height: normal;
   }
 
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     /* stylelint-enable declaration-no-important */
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable .e-table {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-table {
     border-spacing: 0 !important;
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable .e-rowcell {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-rowcell {
     line-height: 1;
   }
 }
 /* stylelint-enable function-url-quotes */
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+    /* stylelint-disable declaration-no-important */
+  }
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-table {
+    border-spacing: 0 !important;
+  }
+}
+/* stylelint-enable function-url-quotes */
 .e-grid .e-icons:not(.e-btn-icon, .e-check, .e-stop),
 .e-grid-popup .e-icons:not(.e-btn-icon, .e-check, .e-stop) {
   color: var(--color-sf-fg-secondary);
@@ -66652,14 +66667,14 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);

package/Compiled-Themes/bds.css

@@ -18,7 +18,7 @@
   --color-sf-text-tertiary: #475467;
   --color-sf-text-tertiary-hover: #344054;
   --color-sf-text-tertiary-on-brand: #eaecf0;
-  --color-sf-text-quarterary: #101828;
+  --color-sf-text-quarterary: #667085;
   --color-sf-text-quarterary-on-brand: #101828;
   --color-sf-text-white: #fff;
   --color-sf-text-disabled: #667085;
@@ -13673,7 +13673,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -13821,6 +13821,10 @@ ejs-calendar {
   pointer-events: none;
 }
 
+.e-overlay .e-checkbox-wrapper .e-ripple-container {
+  pointer-events: none;
+}
+
 .e-small .e-checkbox-wrapper .e-frame,
 .e-small.e-checkbox-wrapper .e-frame,
 .e-small .e-css.e-checkbox-wrapper .e-frame,
@@ -47768,18 +47772,29 @@ li.e-separator.e-menu-item.e-excel-separator {
     line-height: normal;
   }
 
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     /* stylelint-enable declaration-no-important */
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable .e-table {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-table {
     border-spacing: 0 !important;
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable .e-rowcell {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-rowcell {
     line-height: 1;
   }
 }
 /* stylelint-enable function-url-quotes */
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+    /* stylelint-disable declaration-no-important */
+  }
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-table {
+    border-spacing: 0 !important;
+  }
+}
+/* stylelint-enable function-url-quotes */
 .e-grid .e-icons:not(.e-btn-icon, .e-check, .e-stop),
 .e-grid-popup .e-icons:not(.e-btn-icon, .e-check, .e-stop) {
   color: var(--color-sf-fg-secondary);
@@ -84563,14 +84578,14 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);
@@ -84756,8 +84771,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: var(--color-sf-text-disabled);
 }
 
-.e-bigger.e-timeline [class^="e-dot "]::before,
-.e-bigger .e-timeline [class^="e-dot "]::before {
+.e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
+.e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 40px;
   min-height: 40px;
   font-size: 18px;

package/Compiled-Themes/bootstrap-dark-lite.css

@@ -10274,7 +10274,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -10422,6 +10422,10 @@ ejs-calendar {
   pointer-events: none;
 }
 
+.e-overlay .e-checkbox-wrapper .e-ripple-container {
+  pointer-events: none;
+}
+
 .e-small .e-checkbox-wrapper .e-frame,
 .e-small.e-checkbox-wrapper .e-frame,
 .e-small .e-css.e-checkbox-wrapper .e-frame,
@@ -36771,18 +36775,29 @@ li.e-separator.e-menu-item.e-excel-separator {
     line-height: normal;
   }
 
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     /* stylelint-enable declaration-no-important */
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable .e-table {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-table {
     border-spacing: 0 !important;
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable .e-rowcell {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-rowcell {
     line-height: 1;
   }
 }
 /* stylelint-enable function-url-quotes */
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+    /* stylelint-disable declaration-no-important */
+  }
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-table {
+    border-spacing: 0 !important;
+  }
+}
+/* stylelint-enable function-url-quotes */
 .e-grid .e-icons:not(.e-btn-icon, .e-check, .e-stop),
 .e-grid-popup .e-icons:not(.e-btn-icon, .e-check, .e-stop) {
   color: #fff;
@@ -65830,14 +65845,14 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);

package/Compiled-Themes/bootstrap-dark.css

@@ -13503,7 +13503,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -13651,6 +13651,10 @@ ejs-calendar {
   pointer-events: none;
 }
 
+.e-overlay .e-checkbox-wrapper .e-ripple-container {
+  pointer-events: none;
+}
+
 .e-small .e-checkbox-wrapper .e-frame,
 .e-small.e-checkbox-wrapper .e-frame,
 .e-small .e-css.e-checkbox-wrapper .e-frame,
@@ -46180,18 +46184,29 @@ li.e-separator.e-menu-item.e-excel-separator {
     line-height: normal;
   }
 
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     /* stylelint-enable declaration-no-important */
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable .e-table {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-table {
     border-spacing: 0 !important;
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable .e-rowcell {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-rowcell {
     line-height: 1;
   }
 }
 /* stylelint-enable function-url-quotes */
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+    /* stylelint-disable declaration-no-important */
+  }
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-table {
+    border-spacing: 0 !important;
+  }
+}
+/* stylelint-enable function-url-quotes */
 .e-grid .e-icons:not(.e-btn-icon, .e-check, .e-stop),
 .e-grid-popup .e-icons:not(.e-btn-icon, .e-check, .e-stop) {
   color: #fff;
@@ -82438,14 +82453,14 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);
@@ -82631,8 +82646,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #767676;
 }
 
-.e-bigger.e-timeline [class^="e-dot "]::before,
-.e-bigger .e-timeline [class^="e-dot "]::before {
+.e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
+.e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 40px;
   min-height: 40px;
   font-size: 18px;

package/Compiled-Themes/bootstrap-lite.css

@@ -10277,7 +10277,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -10425,6 +10425,10 @@ ejs-calendar {
   pointer-events: none;
 }
 
+.e-overlay .e-checkbox-wrapper .e-ripple-container {
+  pointer-events: none;
+}
+
 .e-small .e-checkbox-wrapper .e-frame,
 .e-small.e-checkbox-wrapper .e-frame,
 .e-small .e-css.e-checkbox-wrapper .e-frame,
@@ -36801,18 +36805,29 @@ li.e-separator.e-menu-item.e-excel-separator {
     line-height: normal;
   }
 
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     /* stylelint-enable declaration-no-important */
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable .e-table {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-table {
     border-spacing: 0 !important;
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable .e-rowcell {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-rowcell {
     line-height: 1;
   }
 }
 /* stylelint-enable function-url-quotes */
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+    /* stylelint-disable declaration-no-important */
+  }
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-table {
+    border-spacing: 0 !important;
+  }
+}
+/* stylelint-enable function-url-quotes */
 .e-grid .e-icons:not(.e-btn-icon, .e-check, .e-stop),
 .e-grid-popup .e-icons:not(.e-btn-icon, .e-check, .e-stop) {
   color: #333;
@@ -65989,14 +66004,14 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);

package/Compiled-Themes/bootstrap.css

@@ -13507,7 +13507,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -13655,6 +13655,10 @@ ejs-calendar {
   pointer-events: none;
 }
 
+.e-overlay .e-checkbox-wrapper .e-ripple-container {
+  pointer-events: none;
+}
+
 .e-small .e-checkbox-wrapper .e-frame,
 .e-small.e-checkbox-wrapper .e-frame,
 .e-small .e-css.e-checkbox-wrapper .e-frame,
@@ -46222,18 +46226,29 @@ li.e-separator.e-menu-item.e-excel-separator {
     line-height: normal;
   }
 
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     /* stylelint-enable declaration-no-important */
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable .e-table {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-table {
     border-spacing: 0 !important;
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable .e-rowcell {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-rowcell {
     line-height: 1;
   }
 }
 /* stylelint-enable function-url-quotes */
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+    /* stylelint-disable declaration-no-important */
+  }
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) .e-table {
+    border-spacing: 0 !important;
+  }
+}
+/* stylelint-enable function-url-quotes */
 .e-grid .e-icons:not(.e-btn-icon, .e-check, .e-stop),
 .e-grid-popup .e-icons:not(.e-btn-icon, .e-check, .e-stop) {
   color: #333;
@@ -82617,14 +82632,14 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);
@@ -82810,8 +82825,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #adadad;
 }
 
-.e-bigger.e-timeline [class^="e-dot "]::before,
-.e-bigger .e-timeline [class^="e-dot "]::before {
+.e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
+.e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 40px;
   min-height: 40px;
   font-size: 18px;