.form-grid{display:grid;gap:1.1rem 1rem;margin-bottom:1.5rem}@media(min-width:750px){.form-grid{grid-template-columns:1fr 1fr}.field--full{grid-column:1 / -1}}.field{display:grid;gap:.45rem;min-width:0}.field__label{font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.field__input,.select__input{width:100%;min-height:3.1rem;padding:.8rem 1rem;font-size:1rem;color:var(--color-fg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-input);transition:border-color .3s,box-shadow .3s;-webkit-appearance:none;appearance:none}textarea.field__input{min-height:7rem;resize:vertical;line-height:1.5}.field__input:hover,.select__input:hover{border-color:color-mix(in srgb,var(--color-fg) 40%,var(--color-border))}.field__input:focus-visible,.select__input:focus-visible{outline:none;border-color:var(--color-fg);box-shadow:0 0 0 1px var(--color-fg)}.field__input[aria-invalid=true]{border-color:var(--color-error)}.field__input::placeholder{color:var(--color-muted);opacity:.8}.field__hint{font-size:.75rem;color:var(--color-muted);margin:0}.field__error{font-size:.75rem;color:var(--color-error);margin:0}.motion-ok .field__error:not([hidden]){animation:shake .4s var(--ease-out)}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.select{position:relative}.select__input{padding-right:2.5rem;cursor:pointer}.select__icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none}.select--inline .select__input{min-height:2.5rem;padding:.4rem 2.25rem .4rem .75rem;font-size:.8125rem;border-color:transparent;background:transparent}.select--inline .select__icon{right:.75rem}.field--checkbox{display:flex;align-items:flex-start;gap:.75rem}.field--checkbox input[type=checkbox]{width:1.1rem;height:1.1rem;margin:.2rem 0 0;accent-color:var(--color-fg);flex-shrink:0}.field--checkbox label a{text-decoration:underline}.field--checkbox .field__error{flex-basis:100%}.account-form{display:grid;gap:1.25rem;margin-top:2rem}.account-form .form-grid{margin-bottom:0}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-forms.css.map */
