.form-field{--form-field-border: var(--color-border);--form-field-surface: var(--color-paper);--form-field-radius: var(--radius-control);--form-field-height: 48px;--form-field-icon: 20px;--form-field-action: 44px;display:grid;gap:var(--space-2);color:var(--color-ink)}.form-field-label{font-size:var(--text-14);font-weight:600}.form-field-control{display:flex;align-items:center;min-height:var(--form-field-height);overflow:hidden;border:1px solid var(--form-field-border);border-radius:var(--form-field-radius);background:var(--form-field-surface);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.form-field-control:hover{border-color:color-mix(in srgb,var(--form-field-border) 60%,var(--color-ink))}.form-field-control:focus-within{border-color:var(--color-brand)}.form-field .form-field-input{width:100%;min-width:0;min-height:calc(var(--form-field-height) - 2px);padding:var(--space-3) var(--space-4);border:0;border-radius:0;outline:0;background:transparent;color:inherit;font-size:var(--text-16);line-height:1.35;-webkit-appearance:none;appearance:none}.form-field .form-field-input:focus,.form-field .form-field-input:focus-visible{border:0;outline:0;box-shadow:none}.form-field .form-field-input::placeholder{color:var(--color-placeholder);opacity:1}.form-field .form-field-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.form-field-leading{display:grid;width:var(--form-field-icon);margin-left:var(--space-4);flex:0 0 auto;place-items:center}.form-field-leading svg{width:var(--form-field-icon);height:var(--form-field-icon)}.form-field--has-leading .form-field-input{padding-left:var(--space-2)}.form-field-trailing-action{min-width:var(--form-field-action);min-height:var(--form-field-action);padding:var(--space-2);color:var(--color-ink-soft);font-size:var(--text-12);text-decoration:underline;text-underline-offset:3px}.form-field-trailing-action:hover{color:var(--color-brand);background:var(--color-wash)}.form-field--invalid .form-field-control{border-color:var(--color-brand);background:var(--color-error-surface)}.form-field--invalid .form-field-label{color:var(--color-brand-dark)}.form-field--disabled .form-field-control{border-color:var(--color-border);background:var(--color-disabled-surface)}.form-field--disabled .form-field-input{color:var(--color-disabled-ink);cursor:not-allowed}.form-field--disabled .form-field-control:hover{border-color:var(--color-border)}.form-field-help{margin:0;color:var(--color-ink-soft);font-size:var(--text-12);line-height:1.45}@media(prefers-reduced-motion:reduce){.form-field-control{transition:none}}.form-field--underline .form-field-control{min-height:0;border:0;border-bottom:1px solid var(--color-ink);border-radius:0;background:transparent}.form-field--underline .form-field-input{padding:var(--space-4) 0;font-size:var(--text-14)}.form-field--underline .form-field-control:focus-within{border-color:var(--color-brand)}.form-field--initials{--initials-height: 56px;--initials-icon: 20px;--form-field-border: color-mix(in srgb, var(--color-ink) 18%, transparent);--form-field-surface: color-mix(in srgb, var(--color-paper) 92%, transparent);--form-field-radius: var(--radius-pill)}.form-field--initials .form-field-control{position:relative;min-height:var(--initials-height);box-shadow:var(--shadow-soft)}.form-field--initials .form-field-input{min-height:var(--initials-height);padding:0 var(--space-12);color:var(--color-ink);font-family:var(--font-hand);font-size:var(--text-32);line-height:1;text-align:center}.form-field-trailing-icon{position:absolute;top:50%;right:var(--space-6);display:grid;color:var(--color-brand);translate:0 -50%;pointer-events:none}.form-field-trailing-icon svg{width:var(--initials-icon);height:var(--initials-icon)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/form-field.css.map */