[develop]: Input: add variables for placeholder position in order to fix advanced search-input.

less/input.less

@@ -5,6 +5,8 @@
   --input-placeholder-color: @global-meta-color;
   --input-placeholder-weight: 400;
   --input-placeholder-padding-horizontal: 5px;
+  --input-placeholder-top: 0px;
+  --input-placeholder-transform: translateY(-50%);
   --input-hint-color: @global-meta-color;
   --input-color: @global-emphasis-color;
   --input-border-radius: @global-border-radius;
@@ -61,7 +63,7 @@
     background: var(--input-background);
     border-radius: var(--input-border-radius);
     position: relative;
-    padding: var(--input-padding-vertical) 0 var(--input-padding-vertical) var(--input-padding-horizontal);
+    padding: calc(var(--input-padding-vertical) + var(--input-placeholder-top)) 0 calc(var(--input-padding-vertical) - var(--input-placeholder-top)) var(--input-padding-horizontal);
     cursor: pointer;
     color: var(--input-color);
 
@@ -264,8 +266,8 @@
   &.active > .input-box > .placeholder > label,
   &.focused > .input-box > .placeholder > label,
   &.hint > .input-box > .placeholder > label {
-    transform: translateY(-50%);
-    top: calc(var(--input-border-width) * -1);
+    transform: var(--input-placeholder-transform);
+    top: calc(var(--input-placeholder-top) + var(--input-border-width) * -1);
     font-size: 12px;
     line-height: 18px;
   }
@@ -305,6 +307,8 @@
     --input-placeholder-weight: 700;
     --input-placeholder-color: @global-color;
     --input-border-radius: 54px;
+    --input-placeholder-top: 10px;
+    --input-placeholder-transform: none;
     --input-padding-horizontal: 30px;
     --input-padding-vertical: var(--search-input-icon-padding-vertical);
     --input-background-hover: @global-muted-background;