.field{display:grid;gap:var(--space-3)}.field__label,.form-label{font-size:var(--text-sm);font-weight:600}.field__input,.field__select,.field__textarea,.form-control{width:100%;min-height:var(--control-height);padding:var(--space-4) var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--style-border-radius-inputs);color:var(--color-text);background:var(--color-surface);transition:border-color calc(var(--duration-fast) * var(--motion-scale)) var(--ease-standard),box-shadow calc(var(--duration-fast) * var(--motion-scale)) var(--ease-standard);-webkit-appearance:none;appearance:none}.field__textarea{min-height:8rem;resize:vertical}.field__input:hover,.field__select:hover,.field__textarea:hover,.form-control:hover{border-color:var(--color-text-muted)}.field__input:focus-visible,.field__select:focus-visible,.field__textarea:focus-visible,.form-control:focus-visible{border-color:var(--color-focus);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 24%,transparent)}.field__input::placeholder,.field__textarea::placeholder{color:var(--color-text-muted);opacity:.75}.field__select{padding-inline-end:var(--space-8);background-image:linear-gradient(45deg,transparent 50%,currentcolor 50%),linear-gradient(135deg,currentcolor 50%,transparent 50%);background-position:calc(100% - 1rem) 50%,calc(100% - .7rem) 50%;background-size:.35rem .35rem;background-repeat:no-repeat}.field__help{color:var(--color-text-muted);font-size:var(--text-xs)}.field__error{color:var(--color-error);font-size:var(--text-sm)}.field__input[aria-invalid=true],.field__select[aria-invalid=true],.field__textarea[aria-invalid=true]{border-color:var(--color-error)}.field__input:disabled,.field__select:disabled,.field__textarea:disabled{opacity:.55;background:var(--color-surface-muted)}.choice{display:inline-flex;align-items:flex-start;gap:var(--space-3)}.choice__control{width:1.25rem;height:1.25rem;margin-block-start:.1em;flex:0 0 auto;border:var(--border-width) solid var(--color-border);accent-color:var(--color-accent)}.choice__control[type=checkbox]{border-radius:var(--radius-xs)}.choice__control[type=radio]{border-radius:50%}.form-message{padding:var(--space-4) var(--space-5);border-inline-start:3px solid currentcolor;background:var(--color-surface-muted)}.form-message--success{color:var(--color-success)}.form-message--warning{color:var(--color-warning)}.form-message--error{color:var(--color-error)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-form.css.map */