.input input:focus+span{background:linear-gradient(to left,var(--first-color),var(--second-color))!important}.input span{z-index:1;background-color:var(--plc-input);width:100%;height:100%;transition:all .4s;position:absolute;top:0}.input :not(span){z-index:10!important}.input input::placeholder{color:var(--plc-input)!important}.darkmode:not(.active)~div,.darkmode:not(.active)~div{--plc-input:#c9c9c9}.darkmode.active~div,.darkmode.active~div{--plc-input:#494949}:-webkit-any(input:-webkit-autofill,input:autofill){-webkit-text-fill-color:var(--color-b);box-shadow:inset 0 0 20px 20px var(--color-w);-webkit-background-clip:text;transition:background-color 5000s ease-in-out}:is(input:autofill,input:autofill){-webkit-text-fill-color:var(--color-b);box-shadow:inset 0 0 20px 20px var(--color-w);-webkit-background-clip:text;transition:background-color 5000s ease-in-out}