.textbox{color:var(--secondary-color);display:block;position:relative;width:100%}.textbox:focus-within{color:var(--brand-color)}.textbox .textbox__label{background-color:var(--page-background);overflow:hidden;pointer-events:none;position:absolute;right:var(--el-margin-sm-md);text-overflow:ellipsis;transition:left .3s,top .3s,padding .3s,font-size .3s,color .3s;white-space:nowrap}.textbox:has(.textbox__error-icon) .textbox__input:-moz-placeholder+.textbox__label{padding-right:24px}.textbox:has(.textbox__error-icon) .textbox__input:placeholder-shown+.textbox__label{padding-right:24px}.textbox .textbox__input:-moz-placeholder+.textbox__label{font-size:16px;left:var(--el-margin-sm-md);padding:var(--el-margin-xs) 0;top:var(--el-margin-sm)}.textbox .textbox__input:placeholder-shown+.textbox__label{font-size:16px;left:var(--el-margin-sm-md);padding:var(--el-margin-xs) 0;top:var(--el-margin-sm)}.textbox .textbox__input.textbox__input--has-placeholder+.textbox__label,.textbox .textbox__input:focus+.textbox__label,.textbox .textbox__label{font-size:11px;left:24px;padding:0;top:var(--el-margin-xs)}.textbox .textbox__input:focus+.textbox__label{color:var(--brand-color)}.textbox .textbox__input{background-color:var(--page-background);border:var(--el-border-base);border-radius:calc(var(--el-height-md)/2);color:var(--primary-color);font-size:16px;height:var(--el-height-md);padding:8px 16px 0;transition:border-color .3s;width:100%}.textbox .textbox__input:focus,.textbox .textbox__input:hover{border-color:var(--brand-color)}.textbox .textbox__input:focus{outline:none}.textbox .textbox__input:-webkit-autofill,.textbox .textbox__input:-webkit-autofill:active,.textbox .textbox__input:-webkit-autofill:focus,.textbox .textbox__input:-webkit-autofill:hover{caret-color:var(--primary-color);-webkit-text-fill-color:var(--primary-color)!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.textbox .textbox__icon{font-size:20px;left:21px;pointer-events:none;position:absolute;top:14px;transition:color .3s}.textbox .textbox__error-icon{color:var(--danger-color);font-size:24px;position:absolute;right:16px;top:12px}.textbox .textbox__error-icon--moved{position:absolute;right:42px;top:12px}.textbox .textbox__clear{--icon-btn-height:12px;--icon-btn-padding:5px;background:var(--secondary-color);border-radius:100%;color:var(--page-background);position:absolute;right:18px;top:13px;transition:background .2s;width:22px}@media(hover:hover){.textbox .textbox__clear:hover{background:var(--primary-color)}}.textbox .textbox__show-password{--icon-btn-height:24px;outline:1px solid transparent;position:absolute;right:18px;top:13px}.textbox .textbox__show-password .icon{color:var(--secondary-color);transition:color .3s}@media(hover:hover){.textbox .textbox__show-password .icon:hover{color:var(--primary-color)}}.textbox .textbox__show-password.textbox__show-password--moved{right:50px}.textbox .field-hint-text{color:var(--secondary-color)}.textbox--error,.textbox--error .textbox__input{color:var(--danger-color)}.textbox--error .textbox__input,.textbox--error .textbox__input:focus,.textbox--error .textbox__input:hover{border-color:var(--danger-color)}.textbox--error .textbox__label{color:var(--danger-color)!important}.textbox--error .icon{color:var(--danger-color)}.textbox--error .textbox__prepend{color:var(--danger-color)!important}.textbox--multiline{height:-moz-min-content;height:min-content}.textbox--multiline .textbox__input{height:300px;padding:18px var(--el-margin-md);resize:none}.textbox--multiline .textbox__input:-moz-placeholder:not(:focus)+.textbox__label{left:20px;top:var(--el-margin-sm)}.textbox--multiline .textbox__input:placeholder-shown:not(:focus)+.textbox__label{left:20px;top:var(--el-margin-sm)}.textbox--multiline .textbox__icon{display:none}.textbox--clearable .textbox__input{padding-right:var(--el-margin-lg)}.textbox--with-icon .textbox__input:-moz-placeholder+.textbox__label{left:50px}.textbox--with-icon .textbox__input.textbox__input--has-placeholder+.textbox__label,.textbox--with-icon .textbox__input:placeholder-shown+.textbox__label{left:50px}.textbox--with-icon .textbox__input:focus+.textbox__label,.textbox--with-icon .textbox__label{left:50px}.textbox--with-icon .textbox__input{padding-left:50px}.textbox--with-prepend .textbox__prepend{color:var(--primary-color);font-size:16px;left:25px;position:absolute;top:18px}.textbox--with-prepend .textbox__input{padding-left:34px}.textbox--valid .textbox__label{color:var(--brand-color)!important}.textbox--valid .textbox__icon{color:var(--brand-color)}.textbox--valid:hover .textbox__input{border-color:var(--brand-color)}