.form-field{display:flex;flex-direction:column;width:100%;font-family:var(--font-body)}input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not(.form-field__input),textarea:not(.form-field__input),select:not(.form-field__input){display:block;width:100%;height:var(--Form-Height-Inside);padding:0 var(--Form-Padding-X);background-color:var(--Light-form-bg);border:1px solid var(--Light-form-border);border-radius:var(--Form-Radius);font-family:var(--font-body);font-size:var(--Font-Paragraph-Sm-Size);letter-spacing:var(--Font-Paragraph-Sm-Letter-Spacing);font-weight:var(--font-weight-regular);color:var(--Light-form-text-input);outline:none;appearance:none;-webkit-appearance:none;transition:border-color .2s ease,box-shadow .2s ease}textarea:not(.form-field__input){height:auto;min-height:120px;padding-top:var(--Spacing-Tokens-3XS);padding-bottom:var(--Spacing-Tokens-3XS);resize:vertical}input:not(.form-field__input):focus,textarea:not(.form-field__input):focus,select:not(.form-field__input):focus{border-color:var(--Light-form-border-hover);box-shadow:var(--Form-Shadow)}input:not(.form-field__input)::placeholder,textarea:not(.form-field__input)::placeholder{color:var(--Light-form-text-label);opacity:1}input:not(.form-field__input):disabled,textarea:not(.form-field__input):disabled,select:not(.form-field__input):disabled{opacity:.36;pointer-events:none}.form-field--default{--curr-bg: var(--Light-form-bg);--curr-border: var(--Light-form-border);--curr-border-hover: var(--Light-form-border-hover);--curr-border-active: var(--Light-form-border-hover);--curr-border-error: var(--Light-form-border-error);--curr-text: var(--Light-form-text-input);--curr-placeholder: var(--Light-form-text-placeholder);--curr-label: var(--Light-form-text-label);--curr-label-bg: var(--Light-form-bg);--curr-support: var(--Light-form-text-supporting);--curr-error-text: var(--Light-form-text-error);--curr-shadow: var(--Form-Shadow)}.form-field--on-dark{--curr-bg: var(--Dark-form-bg);--curr-border: var(--Dark-form-border);--curr-border-hover: var(--Dark-form-border-hover);--curr-border-active: var(--Dark-form-border-pressed);--curr-border-error: var(--Dark-form-border-error);--curr-text: var(--Dark-form-text-input);--curr-placeholder: var(--Dark-form-text-label);--curr-label: var(--Dark-form-text-label);--curr-label-bg: var(--Dark-form-label-bg);--curr-support: var(--Dark-form-text-supporting);--curr-error-text: var(--Dark-form-text-error);--curr-shadow: none}.form-field__container{position:relative;display:flex;align-items:center;background-color:var(--curr-bg);border:1px solid var(--curr-border);border-radius:var(--Form-Radius);padding-left:var(--Form-Padding-X);padding-right:var(--Form-Padding-X);transition:border-color .2s ease,box-shadow .2s ease;gap:var(--Spacing-Tokens-5XS)}.form-field:not(.form-field--disabled) .form-field__container:hover{border-color:var(--curr-border-hover)}.form-field--active .form-field__container,.form-field__container:focus-within{border-color:var(--curr-border-active);box-shadow:var(--curr-shadow)}.form-field--error .form-field__container,.form-field--on-dark.form-field--error .form-field__container{border-color:var(--curr-border-error)}.form-field--disabled{opacity:.36;pointer-events:none}.form-field--overlap .form-field__container{height:var(--Form-Height-Overlap)}.form-field--inside .form-field__container{height:var(--Form-Height-Inside)}.form-field__input{flex:1;width:100%;border:none;background:transparent;padding:0;margin:0;outline:none;-webkit-appearance:none;appearance:none;font-family:var(--font-body);font-size:var(--Font-Paragraph-Sm-Size);letter-spacing:var(--Font-Paragraph-Sm-Letter-Spacing);font-weight:var(--font-weight-regular);line-height:1.45;color:var(--curr-text)}.form-field__input::placeholder{color:var(--curr-label);opacity:1}.form-field__label{position:absolute;font-family:var(--font-body);font-weight:var(--font-weight-regular);color:var(--curr-label);transition:all .2s ease;pointer-events:none;z-index:1}.form-field--overlap .form-field__label{font-size:var(--Font-Disclaimer-Size);line-height:1.4;letter-spacing:0px;top:0;left:var(--Form-Padding-X);transform:translateY(-50%);background-color:var(--curr-label-bg);padding:0 6px;white-space:nowrap}.form-field--inside .form-field__label{top:50%;left:var(--Form-Padding-X);transform:translateY(-50%);font-size:var(--Font-Paragraph-Sm-Size)}.form-field__prefix,.form-field__suffix{display:flex;align-items:center;justify-content:center;color:var(--curr-label)}.form-field__suffix-text{font-family:var(--font-body);font-size:var(--Font-Disclaimer-Size);color:var(--curr-label);line-height:1.4}.form-field__supporting{margin-top:var(--Form-Gap);font-family:var(--font-body);font-size:var(--Font-Disclaimer-Size);line-height:1.4;letter-spacing:0px;color:var(--curr-support);padding:0 var(--Form-Padding-X)}.form-field__char-count{margin-left:auto;font-family:var(--font-body);font-size:var(--Font-Disclaimer-Size);color:var(--curr-support)}.form-field--error .form-field__supporting,.form-field--error .form-field__label,.form-field--error .form-field__suffix-text{color:var(--curr-error-text)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/forms.css.map */