.reflective-input-container{position:relative;width:100%;border-radius:12px;background:hsla(0,0%,100%,.05);transition:all .3s cubic-bezier(.4,0,.2,1);isolation:isolate}.reflective-input-container:hover{background:hsla(0,0%,100%,.08)}.reflective-input-container.is-focused{background:#000;transform:scale(1.01)}.input-glow{position:absolute;inset:-2px;border-radius:14px;background:transparent;transition:all .3s ease;z-index:-1;opacity:0}.reflective-input-container.is-focused .input-glow{opacity:1;box-shadow:0 0 20px hsla(0,0%,100%,.3),0 0 40px hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.1)}.input-border{position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(180deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.05));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .3s ease}.reflective-input-container.is-focused .input-border{background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.5));opacity:1}.input-content{position:relative;display:flex;align-items:center;padding:0 20px;height:52px}.input-field{flex:1;background:transparent;border:none;color:#fff;font-family:Inter,sans-serif;font-size:15px;font-weight:400;outline:none;width:100%;padding:14px 0;letter-spacing:.01em}.input-field::placeholder{color:hsla(0,0%,100%,.3);font-weight:400}.input-icon{display:flex;align-items:center;color:hsla(0,0%,100%,.4);margin-right:12px;transition:color .3s ease}.reflective-input-container.is-focused .input-icon{color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.5)}.input-right-element{margin-left:12px;display:flex;align-items:center}.input-field:-webkit-autofill,.input-field:-webkit-autofill:active,.input-field:-webkit-autofill:focus,.input-field:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px transparent!important;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;transition:background-color 5000s ease-in-out 0s;background-color:transparent!important}.input-field:autofill{background-color:transparent!important;color:#fff!important}.reflective-input-container:has(.textarea-field) .input-content{height:auto;min-height:48px;align-items:flex-start;padding-top:16px;padding-bottom:16px}.textarea-field{resize:none;min-height:100px;line-height:1.6}