.input-field,.input-field .input-field__container{position:relative}.input-field .input-field__input{width:100%;height:var(--input-field-height);padding:0 var(--spacing-s);border:.0625rem solid #bfbfbf;border:.0625rem solid var(--color-border-inactive, #bfbfbf);font-size:var(--text-xs);font-weight:var(--font-weight-normal);line-height:1.6;letter-spacing:var(--tracking-normal);color:var(--color-foreground);background-color:var(--color-white);text-transform:none;transition:border-color .2s ease}@container style(--max-md: true){.input-field .input-field__input{font-size:1rem;letter-spacing:var(--tracking-normal)}.input-field .input-field__input::-moz-placeholder{font-size:var(--text-xs)}.input-field .input-field__input::placeholder{font-size:var(--text-xs)}}.input-field .input-field__input:hover:not(:focus):not(:disabled){border-color:#757575;border-color:var(--color-border-secondary, #757575)}.input-field .input-field__input:focus{border-color:#757575;border-color:var(--color-border-secondary, #757575);outline:none}.input-field .input-field__input:not(:-moz-placeholder):not(:focus){border-color:#bfbfbf;border-color:var(--color-border-inactive, #bfbfbf)}.input-field .input-field__input:not(:placeholder-shown):not(:focus){border-color:#bfbfbf;border-color:var(--color-border-inactive, #bfbfbf)}.input-field .input-field__input:disabled{border-color:#bfbfbf;border-color:var(--color-border-inactive, #bfbfbf);color:var(--color-disabled);cursor:not-allowed}.input-field .input-field__input:focus-visible{outline:none}.input-field .input-field__label{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:var(--text-xs);font-weight:var(--font-weight-normal);line-height:1.6;letter-spacing:var(--tracking-normal);color:#757575;color:var(--color-disabled, #757575);text-transform:none;pointer-events:none;transition:all .15s ease;background-color:transparent;padding:0}@container style(--max-md: true){.input-field .input-field__label{font-size:var(--text-xs);letter-spacing:var(--tracking-normal)}}.input-field .input-field__input:not(:-moz-placeholder)+.input-field__label{top:0;transform:translateY(-50%);left:.625rem;font-size:var(--text-3xs);line-height:1.2;letter-spacing:.025rem;color:var(--color-text-secondary);background-color:var(--color-white);padding:0 .125rem}.input-field .input-field__input:focus+.input-field__label,.input-field .input-field__input:not(:placeholder-shown)+.input-field__label{top:0;transform:translateY(-50%);left:.625rem;font-size:var(--text-3xs);line-height:1.2;letter-spacing:.025rem;color:var(--color-text-secondary);background-color:var(--color-white);padding:0 .125rem}.input-field .input-field__input:disabled+.input-field__label{color:var(--color-disabled)}.input-field .input-field__input:disabled:not(:-moz-placeholder)+.input-field__label{color:var(--color-disabled)}.input-field .input-field__input:disabled:not(:placeholder-shown)+.input-field__label{color:var(--color-disabled)}.input-field[data-error=true] .input-field__input{border-color:#757575;border-color:var(--color-border-secondary, #757575)}.input-field[data-error=true] .input-field__input:-moz-placeholder+.input-field__label{color:var(--color-error)}.input-field[data-error=true] .input-field__input:placeholder-shown+.input-field__label{color:var(--color-error)}.input-field[data-error=true] .input-field__input:not(:-moz-placeholder)+.input-field__label{color:var(--color-error)}.input-field[data-error=true] .input-field__input:not(:placeholder-shown)+.input-field__label{color:var(--color-error)}.input-field .input-field__error{font-size:var(--text-3xs);font-weight:var(--font-weight-normal);line-height:1.2;letter-spacing:.025rem;color:var(--color-error);text-transform:none;margin:0;padding-top:var(--spacing-xs)}.input-field .input-field__error[hidden]{display:none}.input-field .input-field__required-indicator{margin-left:.125rem;color:var(--color-error)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/input-field.css.map */