.btn,button.btn,a.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-body);font-weight:600;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--sm{height:32px;padding:0 12px;font-size:12px;line-height:1;border-radius:var(--radius-md)}.btn,.btn--md{height:40px;padding:0 16px;font-size:13px;line-height:1;border-radius:var(--radius-lg)}.btn--lg{height:48px;padding:0 20px;font-size:14px;line-height:1;border-radius:var(--radius-lg)}.btn--primary{background-color:var(--color-brand-primary);color:var(--color-text-on-primary);border-color:var(--color-brand-primary)}.btn--primary:hover{background-color:var(--color-brand-hover);border-color:var(--color-brand-hover)}.btn--primary:active{transform:translateY(1px)}.btn--secondary{background-color:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-border-default)}.btn--secondary:hover{background-color:var(--color-bg-neutral);border-color:var(--color-border-strong)}.btn--ghost{background-color:transparent;color:var(--color-brand-primary);border-color:transparent}.btn--ghost:hover{background-color:var(--color-brand-subtle)}.btn--destructive{background-color:var(--color-danger);color:var(--color-text-on-primary);border-color:var(--color-danger)}.btn--destructive:hover{background-color:#b91c1c;border-color:#b91c1c}.btn--block{width:100%}.btn--icon{padding:0;width:40px}.btn--icon.btn--sm{width:32px}.btn--icon.btn--lg{width:48px}.form-field{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-base)}.form-field__label{font-size:var(--font-size-body-sm);font-weight:500;color:var(--color-text-primary);line-height:var(--font-lh-body-sm)}.form-field__hint{font-size:var(--font-size-caption);line-height:var(--font-lh-caption);color:var(--color-text-tertiary)}.form-field__error{font-size:var(--font-size-caption);line-height:var(--font-lh-caption);color:var(--color-danger);display:flex;align-items:center;gap:var(--space-xs)}.form-field--required .form-field__label:after{content:" *";color:var(--color-danger)}.input,input[type=text].input,input[type=email].input,input[type=tel].input,input[type=number].input,input[type=password].input,input[type=search].input,input[type=url].input{width:100%;height:40px;padding:0 12px;font-family:var(--font-body);font-size:13px;line-height:1;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);appearance:none;-webkit-appearance:none}.input::placeholder{color:var(--color-text-tertiary)}.input:hover{border-color:var(--color-border-strong)}.input:focus,.input:focus-visible{outline:none;border-color:var(--color-brand-primary);border-width:2px;padding:0 11px}.input--error,.input[aria-invalid=true]{border-color:var(--color-danger);border-width:1.5px;padding:0 11.5px}.input--error:focus,.input[aria-invalid=true]:focus{border-color:var(--color-danger);border-width:2px;padding:0 11px;box-shadow:0 0 0 3px var(--color-danger-bg)}.input:disabled,.input[aria-disabled=true]{background-color:var(--color-bg-neutral);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.7}.input-group{position:relative;width:100%}.input-group__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);font-size:14px;pointer-events:none;z-index:1}.input-group .input{padding-left:36px}.input-group .input:focus{padding-left:35px}.textarea{width:100%;min-height:96px;padding:12px;font-family:var(--font-body);font-size:13px;line-height:var(--font-lh-body-sm);color:var(--color-text-primary);background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.textarea::placeholder{color:var(--color-text-tertiary)}.textarea:hover{border-color:var(--color-border-strong)}.textarea:focus,.textarea:focus-visible{outline:none;border-color:var(--color-brand-primary);border-width:2px;padding:11px}.textarea--error,.textarea[aria-invalid=true]{border-color:var(--color-danger)}.textarea:disabled{background-color:var(--color-bg-neutral);color:var(--color-text-tertiary);cursor:not-allowed}.select-wrapper{position:relative;width:100%}.select{width:100%;height:40px;padding:0 36px 0 12px;font-family:var(--font-body);font-size:13px;line-height:1;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color var(--transition-fast)}.select-wrapper:after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:2px solid var(--color-text-secondary);border-bottom:2px solid var(--color-text-secondary);transform:translateY(-75%) rotate(45deg);pointer-events:none}.select:hover{border-color:var(--color-border-strong)}.select:focus,.select:focus-visible{outline:none;border-color:var(--color-brand-primary);border-width:2px;padding:0 35px 0 11px}.select:disabled{background-color:var(--color-bg-neutral);color:var(--color-text-tertiary);cursor:not-allowed}.checkbox-field{display:inline-flex;align-items:center;gap:var(--space-sm);padding:4px 0;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox-field input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-field__box{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;background-color:var(--color-bg-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.checkbox-field__box:after{content:"";width:10px;height:6px;border-left:2px solid var(--color-text-on-primary);border-bottom:2px solid var(--color-text-on-primary);transform:rotate(-45deg) translate(1px,-1px) scale(0);transition:transform var(--transition-fast)}.checkbox-field input:checked+.checkbox-field__box{background-color:var(--color-brand-primary);border-color:var(--color-brand-primary)}.checkbox-field input:checked+.checkbox-field__box:after{transform:rotate(-45deg) translate(1px,-1px) scale(1)}.checkbox-field input:focus-visible+.checkbox-field__box{border-color:var(--color-brand-primary);border-width:2px;box-shadow:0 0 0 3px var(--color-brand-subtle)}.checkbox-field input:disabled+.checkbox-field__box{background-color:var(--color-bg-neutral);border-color:var(--color-border-default);cursor:not-allowed}.checkbox-field__label{font-size:13px;line-height:var(--font-lh-body-sm);color:var(--color-text-primary)}.checkbox-field input:disabled~.checkbox-field__label{color:var(--color-text-tertiary);cursor:not-allowed}.radio-field{display:inline-flex;align-items:center;gap:var(--space-sm);padding:4px 0;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio-field input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio-field__circle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;background-color:var(--color-bg-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-full);transition:border-color var(--transition-fast)}.radio-field__circle:after{content:"";width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-brand-primary);transform:scale(0);transition:transform var(--transition-fast)}.radio-field input:checked+.radio-field__circle{border-color:var(--color-brand-primary);border-width:2px}.radio-field input:checked+.radio-field__circle:after{transform:scale(1)}.radio-field input:focus-visible+.radio-field__circle{border-color:var(--color-brand-primary);border-width:2px;box-shadow:0 0 0 3px var(--color-brand-subtle)}.radio-field input:disabled+.radio-field__circle{border-color:var(--color-border-default);cursor:not-allowed;opacity:.6}.radio-field__label{font-size:13px;line-height:var(--font-lh-body-sm);color:var(--color-text-primary)}.radio-field input:disabled~.radio-field__label{color:var(--color-text-tertiary);cursor:not-allowed}.quantity{display:inline-flex;align-items:center;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background-color:var(--color-bg-surface);overflow:hidden;height:40px}.quantity__btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:100%;background:transparent;border:none;color:var(--color-text-primary);font-size:16px;cursor:pointer;transition:background-color var(--transition-fast)}.quantity__btn:hover{background-color:var(--color-bg-neutral)}.quantity__btn:disabled{color:var(--color-text-tertiary);cursor:not-allowed}.quantity__input{width:48px;height:100%;text-align:center;border:none;background:transparent;color:var(--color-text-primary);font-family:var(--font-body);font-size:14px;font-weight:500;-moz-appearance:textfield}.quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity__input:focus{outline:none}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-forms.css.map */