/* Base wrapper */
.effi-wrap { position: relative; }
/* Icon */
.effi-icon {
  position: absolute;
  inset-inline-start: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px; height: 18px;
  pointer-events: none; opacity: .65;
}
/* Input padding so text doesn't overlap the icon */
.effi-has-icon input[type="text"],
.effi-has-icon input[type="email"],
.effi-has-icon input[type="tel"],
.effi-has-icon input[type="url"],
.effi-has-icon input[type="number"],
.effi-has-icon input[type="password"],
.effi-has-icon textarea {
  padding-inline-start: 42px !important;
}
/* Works with light/dark; inherits currentColor */
.effi-icon svg { display:block; width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.6; }