@syncfusion/blazor-themes 24.1.47 → 24.2.3

package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss

@@ -32,6 +32,7 @@ $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 7px) !default;
 $image-editor-finetune-value-span: 31% !default;
 $image-editor-finetune-span: 31% !default;
+$image-editor-slider-wrap: calc(50% - 15px) !default;
 
 @include export-module('image-editor-layout') {
 
@@ -546,15 +547,21 @@ $image-editor-finetune-span: 31% !default;
   }
 
   .e-ie-finetune-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-transparency-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-ie-slider-wrap {
     top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' {
+      top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
+    }
+    @if $skin-name == 'tailwind' {
+      top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
 
   .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -585,6 +592,30 @@ $image-editor-finetune-span: 31% !default;
       }
     }
   }
+
+  .e-device .e-transparency-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-value-span {
+    @if $skin-name == 'Material3' {
+      top: 29% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-finetune-slider-label {
+    @if $skin-name == 'Material3' {
+      top: 28% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-slider-wrap {
+    top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
 
 

package/SCSS-Themes/image-editor/image-editor/bootstrap.scss

@@ -32,6 +32,7 @@ $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 7px) !default;
 $image-editor-finetune-value-span: 31% !default;
 $image-editor-finetune-span: 31% !default;
+$image-editor-slider-wrap: calc(50% - 15px) !default;
 
 @include export-module('image-editor-layout') {
 
@@ -546,15 +547,21 @@ $image-editor-finetune-span: 31% !default;
   }
 
   .e-ie-finetune-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-transparency-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-ie-slider-wrap {
     top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' {
+      top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
+    }
+    @if $skin-name == 'tailwind' {
+      top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
 
   .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -585,6 +592,30 @@ $image-editor-finetune-span: 31% !default;
       }
     }
   }
+
+  .e-device .e-transparency-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-value-span {
+    @if $skin-name == 'Material3' {
+      top: 29% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-finetune-slider-label {
+    @if $skin-name == 'Material3' {
+      top: 28% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-slider-wrap {
+    top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
 
 

package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss

@@ -32,6 +32,7 @@ $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 7px) !default;
 $image-editor-finetune-value-span: 31% !default;
 $image-editor-finetune-span: 31% !default;
+$image-editor-slider-wrap: calc(50% - 15px) !default;
 
 @include export-module('image-editor-layout') {
 
@@ -546,15 +547,21 @@ $image-editor-finetune-span: 31% !default;
   }
 
   .e-ie-finetune-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-transparency-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-ie-slider-wrap {
     top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' {
+      top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
+    }
+    @if $skin-name == 'tailwind' {
+      top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
 
   .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -585,6 +592,30 @@ $image-editor-finetune-span: 31% !default;
       }
     }
   }
+
+  .e-device .e-transparency-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-value-span {
+    @if $skin-name == 'Material3' {
+      top: 29% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-finetune-slider-label {
+    @if $skin-name == 'Material3' {
+      top: 28% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-slider-wrap {
+    top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
 
 

package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss

@@ -32,6 +32,7 @@ $image-editor-bigger-slider-handler: calc(50% - 6px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
 $image-editor-finetune-value-span: 29% !default;
 $image-editor-finetune-span: 29% !default;
+$image-editor-slider-wrap: calc(50% - 15px) !default;
 
 @include export-module('image-editor-layout') {
 
@@ -546,15 +547,21 @@ $image-editor-finetune-span: 29% !default;
   }
 
   .e-ie-finetune-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-transparency-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-ie-slider-wrap {
     top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' {
+      top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
+    }
+    @if $skin-name == 'tailwind' {
+      top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
 
   .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -585,6 +592,30 @@ $image-editor-finetune-span: 29% !default;
       }
     }
   }
+
+  .e-device .e-transparency-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-value-span {
+    @if $skin-name == 'Material3' {
+      top: 29% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-finetune-slider-label {
+    @if $skin-name == 'Material3' {
+      top: 28% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-slider-wrap {
+    top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
 
 

package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss

@@ -32,6 +32,7 @@ $image-editor-bigger-slider-handler: calc(50% - 6px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
 $image-editor-finetune-value-span: 29% !default;
 $image-editor-finetune-span: 29% !default;
+$image-editor-slider-wrap: calc(50% - 15px) !default;
 
 @include export-module('image-editor-layout') {
 
@@ -546,15 +547,21 @@ $image-editor-finetune-span: 29% !default;
   }
 
   .e-ie-finetune-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-transparency-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-ie-slider-wrap {
     top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' {
+      top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
+    }
+    @if $skin-name == 'tailwind' {
+      top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
 
   .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -585,6 +592,30 @@ $image-editor-finetune-span: 29% !default;
       }
     }
   }
+
+  .e-device .e-transparency-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-value-span {
+    @if $skin-name == 'Material3' {
+      top: 29% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-finetune-slider-label {
+    @if $skin-name == 'Material3' {
+      top: 28% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-slider-wrap {
+    top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
 
 

package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss

@@ -32,6 +32,7 @@ $image-editor-bigger-slider-handler: calc(50% - 9px) !default;
 $image-editor-device-slider-handler: calc(50% - 9px) !default;
 $image-editor-finetune-value-span: 29% !default;
 $image-editor-finetune-span: 29% !default;
+$image-editor-slider-wrap: calc(50% - 15px) !default;
 
 @include export-module('image-editor-layout') {
 
@@ -546,15 +547,21 @@ $image-editor-finetune-span: 29% !default;
   }
 
   .e-ie-finetune-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-transparency-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-ie-slider-wrap {
     top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' {
+      top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
+    }
+    @if $skin-name == 'tailwind' {
+      top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
 
   .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -585,6 +592,30 @@ $image-editor-finetune-span: 29% !default;
       }
     }
   }
+
+  .e-device .e-transparency-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-value-span {
+    @if $skin-name == 'Material3' {
+      top: 29% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-finetune-slider-label {
+    @if $skin-name == 'Material3' {
+      top: 28% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-slider-wrap {
+    top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
 
 

package/SCSS-Themes/image-editor/image-editor/fabric.scss

@@ -32,6 +32,7 @@ $image-editor-bigger-slider-handler: calc(50% - 9px) !default;
 $image-editor-device-slider-handler: calc(50% - 9px) !default;
 $image-editor-finetune-value-span: 29% !default;
 $image-editor-finetune-span: 29% !default;
+$image-editor-slider-wrap: calc(50% - 15px) !default;
 
 @include export-module('image-editor-layout') {
 
@@ -546,15 +547,21 @@ $image-editor-finetune-span: 29% !default;
   }
 
   .e-ie-finetune-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-transparency-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-ie-slider-wrap {
     top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' {
+      top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
+    }
+    @if $skin-name == 'tailwind' {
+      top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
 
   .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -585,6 +592,30 @@ $image-editor-finetune-span: 29% !default;
       }
     }
   }
+
+  .e-device .e-transparency-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-value-span {
+    @if $skin-name == 'Material3' {
+      top: 29% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-finetune-slider-label {
+    @if $skin-name == 'Material3' {
+      top: 28% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-slider-wrap {
+    top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
 
 

package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss

@@ -32,6 +32,7 @@ $image-editor-bigger-slider-handler: calc(50% - 8px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
 $image-editor-finetune-value-span: 29% !default;
 $image-editor-finetune-span: 29% !default;
+$image-editor-slider-wrap: calc(50% - 15px) !default;
 
 @include export-module('image-editor-layout') {
 
@@ -546,15 +547,21 @@ $image-editor-finetune-span: 29% !default;
   }
 
   .e-ie-finetune-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-transparency-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-ie-slider-wrap {
     top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' {
+      top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
+    }
+    @if $skin-name == 'tailwind' {
+      top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
 
   .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -585,6 +592,30 @@ $image-editor-finetune-span: 29% !default;
       }
     }
   }
+
+  .e-device .e-transparency-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-value-span {
+    @if $skin-name == 'Material3' {
+      top: 29% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-finetune-slider-label {
+    @if $skin-name == 'Material3' {
+      top: 28% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-slider-wrap {
+    top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
 
 

package/SCSS-Themes/image-editor/image-editor/fluent.scss

@@ -32,6 +32,7 @@ $image-editor-bigger-slider-handler: calc(50% - 8px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
 $image-editor-finetune-value-span: 29% !default;
 $image-editor-finetune-span: 29% !default;
+$image-editor-slider-wrap: calc(50% - 15px) !default;
 
 @include export-module('image-editor-layout') {
 
@@ -546,15 +547,21 @@ $image-editor-finetune-span: 29% !default;
   }
 
   .e-ie-finetune-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-transparency-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-ie-slider-wrap {
     top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' {
+      top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
+    }
+    @if $skin-name == 'tailwind' {
+      top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
 
   .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -585,6 +592,30 @@ $image-editor-finetune-span: 29% !default;
       }
     }
   }
+
+  .e-device .e-transparency-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-value-span {
+    @if $skin-name == 'Material3' {
+      top: 29% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-finetune-slider-label {
+    @if $skin-name == 'Material3' {
+      top: 28% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-slider-wrap {
+    top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
 
 

package/SCSS-Themes/image-editor/image-editor/highcontrast.scss

@@ -32,6 +32,7 @@ $image-editor-bigger-slider-handler: calc(50% - 8px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
 $image-editor-finetune-value-span: 29% !default;
 $image-editor-finetune-span: 29% !default;
+$image-editor-slider-wrap: calc(50% - 15px) !default;
 
 @include export-module('image-editor-layout') {
 
@@ -546,15 +547,21 @@ $image-editor-finetune-span: 29% !default;
   }
 
   .e-ie-finetune-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-transparency-slider-wrap {
-    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-ie-slider-wrap {
     top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' {
+      top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
+    }
+    @if $skin-name == 'tailwind' {
+      top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
 
   .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -585,6 +592,30 @@ $image-editor-finetune-span: 29% !default;
       }
     }
   }
+
+  .e-device .e-transparency-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device .e-ie-finetune-value-span {
+    @if $skin-name == 'Material3' {
+      top: 29% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-finetune-slider-label {
+    @if $skin-name == 'Material3' {
+      top: 28% !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device .e-ie-slider-wrap {
+    top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  }
 }