.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-label);font-weight:var(--weight-semibold);color:var(--text-primary)}.form-label--required:after{content:" *";color:var(--color-error)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);min-height:48px;transition:border-color var(--duration-micro) var(--ease-out),box-shadow var(--duration-micro) var(--ease-out);-webkit-appearance:none;appearance:none}.form-input::placeholder{color:var(--text-tertiary)}.form-input:hover{border-color:var(--color-steel)}.form-input:focus{border-color:var(--color-cta);box-shadow:0 0 0 3px #bf4a1926;outline:none}.form-input:not(:placeholder-shown){border-color:var(--color-slate)}.form-input.is-error,.form-field.is-error .form-input{border-color:var(--color-error)}.form-input.is-error:focus,.form-field.is-error .form-input:focus{box-shadow:0 0 0 3px #dc262626}.form-error{font-size:var(--text-body-sm);color:var(--color-error);display:flex;align-items:center;gap:var(--space-1)}.form-input.is-success{border-color:var(--color-success)}.form-helper{font-size:var(--text-body-sm);color:var(--text-tertiary)}.form-input:disabled{background-color:var(--color-light);color:var(--text-tertiary);cursor:not-allowed;opacity:.7}.form-select{composes:form-input;padding-right:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:20px;cursor:pointer}select.form-input{padding-right:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:20px;cursor:pointer}textarea.form-input{min-height:120px;resize:vertical}.form-check{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.form-check__input{-webkit-appearance:none;appearance:none;width:20px;height:20px;min-width:20px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-white);cursor:pointer;transition:background-color var(--duration-micro) var(--ease-out),border-color var(--duration-micro) var(--ease-out);position:relative;margin-top:2px}.form-check__input:checked{background-color:var(--color-cta);border-color:var(--color-cta)}.form-check__input:checked:after{content:"";position:absolute;top:3px;left:6px;width:5px;height:10px;border:solid var(--color-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.form-check__input:focus-visible{box-shadow:0 0 0 3px #bf4a1926}.form-check__input[type=radio]{border-radius:50%}.form-check__input[type=radio]:checked:after{top:4px;left:4px;width:10px;height:10px;border:none;border-radius:50%;background-color:var(--color-white);transform:none}.form-check__label{font-size:var(--text-body);color:var(--text-primary);cursor:pointer}.quantity{display:inline-flex;align-items:center;border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.quantity__btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;color:var(--text-primary);transition:background-color var(--duration-micro) var(--ease-out)}.quantity__btn:hover{background-color:var(--color-light)}.quantity__btn:disabled{opacity:.3;cursor:not-allowed}.quantity__input{width:48px;height:44px;text-align:center;font-size:var(--text-body);font-weight:var(--weight-medium);border:none;border-left:1.5px solid var(--color-border);border-right:1.5px solid var(--color-border);-moz-appearance:textfield}.quantity__input::-webkit-inner-spin-button,.quantity__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.size-selector{display:flex;flex-wrap:wrap;gap:var(--space-2)}.size-selector__option{display:flex;align-items:center;justify-content:center;min-width:48px;height:44px;padding:var(--space-2) var(--space-3);font-size:var(--text-body-sm);font-weight:var(--weight-medium);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-micro) var(--ease-out),background-color var(--duration-micro) var(--ease-out)}.size-selector__option:hover{border-color:var(--color-black)}.size-selector__option.is-selected{border-color:var(--color-black);background-color:var(--color-black);color:var(--color-white)}.size-selector__option.is-unavailable{opacity:.4;cursor:not-allowed;text-decoration:line-through}.swatch-selector{display:flex;flex-wrap:wrap;gap:var(--space-2)}.swatch{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-border);cursor:pointer;transition:border-color var(--duration-micro) var(--ease-out),box-shadow var(--duration-micro) var(--ease-out);position:relative}.swatch:hover{border-color:var(--color-steel)}.swatch.is-selected{border-color:var(--color-black);box-shadow:0 0 0 2px var(--color-white),0 0 0 4px var(--color-black)}.email-signup{display:flex;gap:var(--space-2);max-width:420px}.email-signup .form-input{flex:1;min-height:48px}.email-signup .btn{flex-shrink:0}@media(max-width:479px){.email-signup{flex-direction:column}.email-signup .btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-form.css.map */