@syncfusion/blazor-themes 31.1.22 → 31.2.2

package/Compiled-Themes/fluent-lite.css

@@ -9872,7 +9872,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -10026,6 +10026,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,
@@ -36875,18 +36879,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: #605e5c;
@@ -66292,14 +66307,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/fluent.css

@@ -13269,7 +13269,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -13423,6 +13423,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,
@@ -34819,13 +34823,13 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -2.7em;
+  margin-top: -32px;
   font-size: 14px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.7em;
+  margin-top: -32px;
   margin-top: -2.25em;
 }
 
@@ -35124,7 +35128,7 @@ ejs-multiselect {
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  margin-top: -1.6em;
+  margin-top: -24px;
 }
 
 /* stylelint-disable property-no-vendor-prefix */
@@ -46986,18 +46990,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: #605e5c;
@@ -83927,14 +83942,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);
@@ -84120,8 +84135,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #a19f9d;
 }
 
-.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/fluent2-dark-lite.css

@@ -12948,7 +12948,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -13087,6 +13087,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,
@@ -29445,6 +29449,8 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 18px;
+  font-size: 18px;
   content: "\e7e7";
   cursor: pointer;
   margin: auto;
@@ -40207,18 +40213,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-icon-color);
@@ -70188,14 +70205,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/fluent2-dark.css

@@ -18607,7 +18607,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -18746,6 +18746,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,
@@ -40102,6 +40106,8 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 18px;
+  font-size: 18px;
   content: "\e7e7";
   cursor: pointer;
   margin: auto;
@@ -40181,12 +40187,12 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -2.3em;
+  margin-top: -36px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.5em;
+  margin-top: -32px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],
@@ -52531,18 +52537,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-icon-color);
@@ -90140,14 +90157,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);
@@ -90337,8 +90354,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: var(--color-sf-content-text-color-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/fluent2-highcontrast-lite.css

@@ -12948,7 +12948,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -13087,6 +13087,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,
@@ -29458,6 +29462,8 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 18px;
+  font-size: 18px;
   content: "\e7e7";
   cursor: pointer;
   margin: auto;
@@ -40229,18 +40235,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-icon-color);
@@ -70215,14 +70232,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/fluent2-highcontrast.css

@@ -18607,7 +18607,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -18746,6 +18746,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,
@@ -40115,6 +40119,8 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 18px;
+  font-size: 18px;
   content: "\e7e7";
   cursor: pointer;
   margin: auto;
@@ -40194,12 +40200,12 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -2.3em;
+  margin-top: -36px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.5em;
+  margin-top: -32px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],
@@ -52553,18 +52559,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-icon-color);
@@ -90167,14 +90184,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);
@@ -90364,8 +90381,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: var(--color-sf-content-text-color-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/fluent2-lite.css

@@ -13651,7 +13651,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -13790,6 +13790,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,
@@ -30153,6 +30157,8 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 18px;
+  font-size: 18px;
   content: "\e7e7";
   cursor: pointer;
   margin: auto;
@@ -40915,18 +40921,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-icon-color);
@@ -70914,14 +70931,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);