@layer components.form{[data-role=search-icon]{display:none}:host([leading-icon]){--_label-left:2.35rem}:host([leading-icon]) input{padding-inline-start:2.35rem}:host([leading-icon]) [data-role=search-icon]{left:.75rem;top:calc(var(--input-height,var(--control-height,2.75rem)) / 2);z-index:1;appearance:none;cursor:pointer;color:var(--color-primary);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:absolute;transform:translateY(-50%)}}