.width-full,.width-full input{width:100%}.text-input-container{flex-direction:column;flex:0;justify-content:flex-start;align-items:flex-start;gap:4px;display:flex}.text-input-container.invalid .text-input{--ring-input:var(--red-1000);--ring-input-hover:var(--red-1000)}.text-input-container.disabled label{opacity:.5}.text-input-container.disabled{cursor:not-allowed}.text-input-container .text-input-error{color:color-mix(in srgb, var(--red-1000) 72%, white);margin:0;font-size:12px;line-height:1.55}.text-input-container label{color:#fff;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;font-size:16px;font-weight:400;line-height:24px;display:flex;position:relative}.text-input-container .text-input{background:var(--surface-input);box-shadow:var(--shadow-input);color:#ffffffc7;transition:background var(--dur-hover) var(--ease-micro),box-shadow var(--dur-hover) var(--ease-micro);cursor:text;border:none;border-radius:8px;flex-direction:row;flex:auto;justify-content:flex-start;align-items:center;gap:8px;display:flex}@media (hover:none){.text-input-container .text-input{position:relative}.text-input-container .text-input:after{content:"";block-size:max(100%,44px);inline-size:max(100%,0px);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}}.text-input-container .text-input>.neo-icon{width:var(--neo-input-leading-size);height:var(--neo-input-leading-size);color:#fff9;transition:color var(--dur-hover) var(--ease-micro)}@media (hover:hover) and (pointer:fine){.text-input-container .text-input:hover:not(:focus-within){background:var(--surface-input-hover);box-shadow:var(--shadow-input-hover)}}.text-input-container .text-input:has(input:focus-visible){outline-offset:2px;box-shadow:var(--shadow-input-open);outline:2px solid #0000}.text-input-container .text-input:focus-within:not(:has(input:focus-visible)){box-shadow:var(--shadow-input-hover);outline:none}.text-input-container .text-input:focus-within>.neo-icon{color:#fff}.text-input-container .text-input:has(input:disabled){opacity:.5;cursor:not-allowed;pointer-events:none}.text-input-container .text-input:has(input:disabled) input{cursor:not-allowed}.text-input-container .text-input input{color:#fff;vertical-align:baseline;background:0 0;border:none;min-width:0;font-weight:400}.text-input-container .text-input input:focus-visible{outline:none}.text-input-container .text-input input::placeholder{color:#ffffffc7}.text-input-container .text-input.small{--neo-input-leading-size:16px;--neo-input-close-size:14px;--neo-input-password-size:16px;height:32px;padding:6px 12px}.text-input-container .text-input.small input{height:calc(100% - 2px);padding-top:2px;font-size:14px;line-height:1}@media only screen and (max-width:899px){.text-input-container .text-input.small input{font-size:16px}}.text-input-container .text-input.large{--neo-input-leading-size:20px;--neo-input-close-size:16px;--neo-input-password-size:18px;height:44px;padding:12px 16px;font-size:16px;line-height:24px}.text-input-container .text-input.large input{font-size:16px}.text-input-container .text-input.size-xs{--neo-control-height:32px;height:32px}.text-input-container .text-input.size-sm{--neo-control-height:40px;height:40px}.text-input-container .text-input.size-md{--neo-control-height:44px;height:44px}.text-input-container .text-input.size-lg{--neo-control-height:52px;height:52px}.text-input-container .text-input.small,.text-input-container .text-input.size-xs{--shadow-input:var(--shadow-input-compact);--shadow-input-hover:var(--shadow-input-compact-hover);--shadow-input-open:var(--shadow-input-compact-open)}.text-input-container .text-input .password-toggle,.text-input-container .text-input .input-affix{cursor:pointer;color:#ffffffc7;width:24px;height:24px;transition:color var(--dur-hover) var(--ease-micro),transform var(--dur-press) var(--ease-micro);background:0 0;border:none;flex:0 0 24px;justify-content:center;align-items:center;margin-inline-start:auto;padding:0;display:flex}@media (hover:hover) and (pointer:fine){.text-input-container .text-input .password-toggle:hover,.text-input-container .text-input .input-affix:hover{color:#fff}}.text-input-container .text-input .password-toggle:active,.text-input-container .text-input .input-affix:active{transform:scale(var(--press-scale))}.text-input-container .text-input .password-toggle{position:relative}.text-input-container .text-input .password-toggle .neo-icon{width:var(--neo-input-password-size);height:var(--neo-input-password-size)}.text-input-container .text-input .password-toggle:before{content:"";z-index:1;width:40px;height:40px;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.text-input-container .text-input .input-affix-slot{flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;margin-inline-start:auto;display:flex;position:relative}.text-input-container .text-input .input-affix-placeholder{pointer-events:none;width:100%;height:100%}.text-input-container .text-input .input-affix-slot>.input-affix{margin-inline-start:0}.text-input-container .text-input .input-affix--clear{position:relative}.text-input-container .text-input .input-affix--clear .neo-icon{width:var(--neo-input-close-size);height:var(--neo-input-close-size)}@media (prefers-reduced-motion:no-preference){.text-input-container .text-input .input-affix--clear .neo-icon{animation:neoClearAffixIn var(--dur-hover) var(--ease-out)}}.text-input-container .text-input .input-affix--clear:before{content:"";z-index:1;width:40px;height:40px;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}@keyframes neoClearAffixIn{0%{opacity:0;filter:blur(4px);transform:scale(.25)}to{opacity:1;filter:blur();transform:scale(1)}}