.width-full,.width-full input{width:100%}.text-input-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:0 1;gap:4px}.text-input-container.invalid label:after{color:var(--red-1000);content:"Required"}.text-input-container.invalid .text-input{border-color:var(--red-1000)}.text-input-container label{gap:8px;position:relative;line-height:24px;font-size:16px;font-weight:300;color:#fff}.text-input-container .text-input,.text-input-container label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.text-input-container .text-input{background:#232027;border-radius:8px;border:1px solid hsla(0,0%,100%,.6);gap:6px;color:hsla(0,0%,100%,.78);flex:1 1;transition:background var(--dur-hover) var(--ease-micro),border-color var(--dur-hover) var(--ease-micro)}@media(hover:hover)and (pointer:fine){.text-input-container .text-input:hover:not(:focus-within){background:hsla(0,0%,100%,.06)}}.text-input-container .text-input:focus-within{border-color:var(--brand-1000);box-shadow:0 0 0 3px var(--brand-200)}.text-input-container .text-input input{min-width:0;background:rgba(0,0,0,0);border:none;font-weight:300;color:#fff;vertical-align:baseline}.text-input-container .text-input input:focus-visible{outline:none}.text-input-container .text-input input::placeholder{color:hsla(0,0%,100%,.78)}.text-input-container .text-input.small{padding:6px 12px;height:32px}.text-input-container .text-input.small input{font-size:14px;height:calc(100% - 2px);line-height:1;padding-top:2px}@media only screen and (max-width:899px){.text-input-container .text-input.small input{font-size:16px}}.text-input-container .text-input.small img{width:16px;height:16px}.text-input-container .text-input.large{padding:12px 16px;font-size:16px;height:48px;line-height:24px}.text-input-container .text-input.large input{font-size:16px}.text-input-container .text-input .input-affix,.text-input-container .text-input .password-toggle{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;padding:4px;margin-left:auto;cursor:pointer;color:hsla(0,0%,100%,.78);transition:color var(--dur-hover) var(--ease-micro),transform var(--dur-press) var(--ease-micro)}@media(hover:hover)and (pointer:fine){.text-input-container .text-input .input-affix:hover,.text-input-container .text-input .password-toggle:hover{color:#fff}}.text-input-container .text-input .input-affix:active,.text-input-container .text-input .password-toggle:active{transform:scale(.97)}.text-input-container .text-input .input-affix img,.text-input-container .text-input .password-toggle img{width:18px;height:18px;filter:brightness(0) invert(.6);transition:filter var(--dur-hover) var(--ease-micro)}@media(hover:hover)and (pointer:fine){.text-input-container .text-input .input-affix:hover img,.text-input-container .text-input .password-toggle:hover img{filter:brightness(0) invert(1)}}.text-input-container .text-input .input-affix--fade{opacity:0;transform:scale(.8);pointer-events:none;transition:opacity var(--dur-press) var(--ease-out),transform var(--dur-press) var(--ease-out),color var(--dur-hover) var(--ease-micro)}.text-input-container .text-input .input-affix--fade.is-visible{opacity:1;transform:scale(1);pointer-events:auto}