.input__item{background:none;border:none;color-scheme:var(--theme);outline:none;padding:16px;width:100%;z-index:20}.input__item::-webkit-inner-spin-button,.input__item::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;opacity:0}.input__item:-webkit-autofill,.input__item:-webkit-autofill:active,.input__item:-webkit-autofill:focus,.input__item:-webkit-autofill:hover{-webkit-text-fill-color:var(--md-sys-color-on-surface)!important;color:var(--md-sys-color-on-surface)!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.input__label{background:var(--md-sys-color-surface);left:16px;padding:0 5px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;z-index:10}.input__postfix{cursor:default;font-size:.7em;position:absolute;right:24px;top:50%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.input__prefix{left:19px;position:absolute;top:50%;transform:translateY(-50%)}.input__support-text{bottom:-4px;color:var(--md-sys-color-error);left:16px;position:absolute;transform:translateY(100%)}.input{align-items:center;background-color:inherit;border-radius:4px;display:flex;max-height:52px;position:relative}.input__label{max-width:calc(100% - 36px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input:focus-within{border-color:var(--md-sys-color-primary)}.input--search{background:var(--md-sys-color-surface-variant);border-radius:28px;font-size:14px}.input--search .input__item{color:var(--md-sys-color-on-surface);padding:16px 32px 16px 48px}.input--search .input__item::-moz-placeholder{color:var(--md-sys-color-on-surface-variant)}.input--search .input__item::placeholder{color:var(--md-sys-color-on-surface-variant)}.input--error{border:1px solid var(--md-sys-color-error)!important}.input--error .input__item:focus~.input__label{color:var(--md-sys-color-error)!important}.input--outline{border:1px solid var(--md-sys-color-outline,red);color:var(--md-sys-color-on-surface)}.input--outline.input--disabled{border-color:var(--md-sys-layer-on-surface-light-opacity-012);opacity:.38;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input--outline .input__item{color:var(--md-sys-color-on-surface)}.input--outline .input__item~.input__label{color:var(--md-sys-color-outline)}.input--outline .input__item::-moz-placeholder{color:var(--md-sys-color-on-surface-variant)}.input--outline .input__item::placeholder{color:var(--md-sys-color-on-surface-variant)}.input--outline .input__item:-moz-read-only~.input__label{font-size:.8em;left:16px;position:absolute;top:0;transform:translateY(-50%);-moz-transition:all .2s;transition:all .2s}.input--outline .input__item:focus~.input__label,.input--outline .input__item:read-only~.input__label,.input--outline .input__item:valid~.input__label{font-size:.8em;left:16px;position:absolute;top:0;transform:translateY(-50%);transition:all .2s}.input--outline .input__item:focus~.input__label{color:var(--md-sys-color-primary)}.input .input__item:-webkit-autofill~.input__label{font-size:.8em;left:16px;position:absolute;top:0;transform:translateY(-50%);-webkit-transition:all .2s;transition:all .2s}