:root{--ni-radius:50px;--ni-padding-y:0.75rem;--ni-padding-x:3rem;--ni-font-size:30px;--ni-width:500px;--ni-height:45px;--ni-border:2px solid rgba(139,92,246,.3);--ni-border-focus:2px solid rgba(139,92,246,.6);--ni-inset-glow:inset 0 0 10px rgba(139,92,246,.2);--ni-inset-glow-focus:inset 0 0 15px rgba(139,92,246,.3);--ni-neon-shadow:inset 0 0 25px rgba(255,20,189,.7),0 4px 8px rgba(0,0,0,.3);--ni-neon-shadow-focus:inset 0 0 35px rgba(255,20,189,.9);--ni-placeholder-color:hsla(0,0%,100%,.7);--ni-text-color:#fff;--ni-backdrop-blur:blur(5px)}.neon-input{position:relative;display:inline-flex;border-radius:var(--ni-radius);background:transparent;border:var(--ni-border);box-shadow:var(--ni-inset-glow);transition:border .2s ease,box-shadow .2s ease;overflow:hidden;isolation:isolate}.neon-input:focus-within{border:var(--ni-border-focus);box-shadow:var(--ni-inset-glow-focus)}.neon-input__field{width:var(--ni-width);height:var(--ni-height);padding:var(--ni-padding-y) var(--ni-padding-x);border:none;outline:none;background:transparent;color:var(--ni-text-color);text-align:center;font-family:var(--font-grandstander,"Grandstander"),"Grandstander",cursive,sans-serif;font-weight:700;font-size:var(--ni-font-size);line-height:1;border-radius:var(--ni-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:var(--ni-neon-shadow)}.neon-input__field:focus{box-shadow:var(--ni-neon-shadow-focus);outline:none}.neon-input__field::-moz-placeholder{color:var(--ni-placeholder-color);opacity:1;text-transform:uppercase;font-family:var(--font-grandstander,"Grandstander"),"Grandstander",cursive,sans-serif;font-weight:700;font-size:var(--ni-font-size)}.neon-input__field::placeholder{color:var(--ni-placeholder-color);opacity:1;text-transform:uppercase;font-family:var(--font-grandstander,"Grandstander"),"Grandstander",cursive,sans-serif;font-weight:700;font-size:var(--ni-font-size)}.neon-input__field:-webkit-autofill,.neon-input__field:-webkit-autofill:focus,.neon-input__field:-webkit-autofill:hover{-webkit-text-fill-color:var(--ni-text-color);-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s;box-shadow:inset 0 0 0 1000px transparent!important;-webkit-box-shadow:inset 0 0 0 1000px transparent!important;caret-color:var(--ni-text-color)}.neon-input--fluid .neon-input__field{width:100%}