.generic-input-field{width:100%;height:46px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:0 16px;color:#fff;font-size:.925rem;font-family:Red Hat Display,sans-serif;font-weight:400;box-sizing:border-box;transition:border-color .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),background-color .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);outline:none}.generic-input-field::placeholder{color:hsla(0,0%,100%,.35);transition:color .3s ease}.generic-input-field:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.15)}.generic-input-field:hover::placeholder{color:hsla(0,0%,100%,.55)}.generic-input-field:focus{background:hsla(0,0%,100%,.05);border-color:rgba(0,68,255,.5);box-shadow:0 0 0 4px rgba(0,68,255,.12),0 8px 24px rgba(0,68,255,.05);transform:translateY(-1px);outline:none}.generic-input-field:-webkit-autofill,.generic-input-field:-webkit-autofill:focus,.generic-input-field:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 1000px #0b0b0b!important;border:1px solid rgba(0,68,255,.4)!important;border-radius:12px}