form,.form,[class*=form-wrapper],[class*=form-group]{display:flex;flex-direction:column;gap:var(--form-gap, 1.5rem)}.form-row,.form--horizontal,.form--inline{display:flex;gap:var(--form-row-gap, 1.5rem);flex-wrap:wrap}.form-row>*,.form--horizontal>*,.form--inline>*{flex:1;min-width:200px}.form-field,.form__field,[class*=field-wrapper],.field{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-field--inline,.field--inline{flex-direction:row;align-items:center;gap:1rem}label,.form-label,[class*=field-label]{font-weight:600;font-size:.95rem;color:var(--label-color, rgba(0, 0, 0, .9));display:flex;align-items:center;gap:.375rem}label.required:after,.form-label.required:after,[class*=field-label].required:after{content:"*";color:var(--error-color, #dc2626);font-weight:700}.label-hint,.form-hint,[class*=field-hint]{font-size:.85rem;color:var(--hint-color, rgba(0, 0, 0, .55));font-weight:400}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],input[type=time],input[type=search],textarea,select,.form-input,.form-control,[class*=input]{padding:var(--input-padding-y, .75rem) var(--input-padding-x, 1rem);border:2px solid var(--input-border, rgba(0, 0, 0, .15));border-radius:var(--input-radius, .375rem);font-size:1rem;font-family:inherit;background-color:var(--input-bg, #fff);color:var(--input-text, rgba(0, 0, 0, .9));transition:all .2s ease;width:100%;line-height:1.5}input:focus,textarea:focus,select:focus,.form-input:focus,.form-control:focus,[class*=input]:focus{outline:none;border-color:var(--input-focus-border, #6366f1);box-shadow:0 0 0 3px var(--input-focus-shadow, rgba(99, 102, 241, .1));background-color:var(--input-focus-bg, #fff)}input:hover:not(:focus),textarea:hover:not(:focus),select:hover:not(:focus),.form-input:hover:not(:focus),.form-control:hover:not(:focus),[class*=input]:hover:not(:focus){border-color:var(--input-hover-border, rgba(0, 0, 0, .25))}input:disabled,textarea:disabled,select:disabled,.form-input:disabled,.form-control:disabled,[class*=input]:disabled{background-color:var(--input-disabled-bg, rgba(0, 0, 0, .05));color:var(--input-disabled-text, rgba(0, 0, 0, .5));cursor:not-allowed;opacity:.6}input.error,textarea.error,select.error,.form-input.error,.form-control.error,[class*=input].error,input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--error-color, #dc2626);background-color:var(--error-bg, rgba(220, 38, 38, .02))}input.error:focus,textarea.error:focus,select.error:focus,input[aria-invalid=true]:focus,textarea[aria-invalid=true]:focus,select[aria-invalid=true]:focus{box-shadow:0 0 0 3px #dc26261a}input.success,textarea.success,select.success,.form-input.success,.form-control.success,[class*=input].success{border-color:var(--success-color, #059669);background-color:var(--success-bg, rgba(5, 150, 105, .02))}textarea,[class*=textarea]{resize:vertical;min-height:6rem;max-width:100%}textarea.auto-expand{resize:none;overflow:hidden}select,[class*=select]{-webkit-appearance:none;appearance:none;padding-right:2.5rem}input[type=checkbox],input[type=radio],.checkbox,.radio{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--accent-color, #6366f1);flex-shrink:0}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--color-focus-ring, #6366f1);outline-offset:2px}.checkbox-group,.radio-group,.form-check{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-group input,.radio-group input,.form-check input{cursor:pointer}.checkbox-group label,.radio-group label,.form-check label{margin:0;cursor:pointer;flex:1;font-weight:400}.error-message,.form-error,[class*=error]{color:var(--error-color, #dc2626);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.375rem;margin-top:.5rem}.error-message:before,.form-error:before{content:"X";flex-shrink:0}.success-message,.form-success,[class*=success]{color:var(--success-color, #059669);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.375rem}.success-message:before,.form-success:before{content:"V";flex-shrink:0}.form-alert,[class*=alert]{padding:1rem 1.25rem;border-radius:.375rem;border-left:4px solid;display:flex;align-items:flex-start;gap:1rem;margin:1.5rem 0}.form-alert--error,.alert--error,.alert-danger{border-left-color:var(--error-color, #dc2626);background-color:var(--error-bg, rgba(220, 38, 38, .08));color:var(--error-color, #dc2626)}.form-alert--success,.alert--success,.alert-success{border-left-color:var(--success-color, #059669);background-color:var(--success-bg, rgba(5, 150, 105, .08));color:var(--success-color, #059669)}.form-alert--warning,.alert--warning,.alert-warning{border-left-color:var(--warning-color, #d97706);background-color:var(--warning-bg, rgba(217, 119, 6, .08));color:var(--warning-color, #d97706)}.form-alert--info,.alert--info,.alert-info{border-left-color:var(--info-color, #0284c7);background-color:var(--info-bg, rgba(2, 132, 199, .08));color:var(--info-color, #0284c7)}.form-alert-icon,.alert-icon{width:1.5rem;height:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700}.form-actions,.button-group,.btn-group{display:flex;gap:var(--button-gap, 1rem);margin-top:var(--actions-margin, 2rem);flex-wrap:wrap}.form-actions.stacked,.button-group.stacked{flex-direction:column}.form-actions.stacked>*,.button-group.stacked>*{width:100%}button[type=submit],.btn--submit,[class*=submit]{position:relative;overflow:hidden}button[type=submit]:disabled,.btn--submit:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}button[type=submit].loading,.btn--loading,button.loading{position:relative;color:transparent}button.loading:after,.btn--loading:after{content:"";position:absolute;width:1rem;height:1rem;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}input[type=search],.search-input,[class*=search-field]{padding-left:2.5rem}input[type=file],.file-input{display:none}.file-input-wrapper,.file-upload{position:relative;display:inline-block;width:100%}.file-input-label,.file-upload-label{display:flex;align-items:center;justify-content:center;padding:2rem;border:2px dashed var(--file-border, rgba(0, 0, 0, .2));border-radius:.5rem;background-color:var(--file-bg, rgba(99, 102, 241, .04));cursor:pointer;transition:all .2s ease}.file-input-label:hover,.file-upload-label:hover{border-color:var(--file-border-hover, #6366f1);background-color:var(--file-bg-hover, rgba(99, 102, 241, .08))}.file-input-label.drag-over,.file-upload-label.drag-over{border-color:var(--file-border-active, #6366f1);background-color:var(--file-bg-active, rgba(99, 102, 241, .12));box-shadow:inset 0 0 0 2px #6366f1}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible,[role=link]:focus-visible{outline:2px solid var(--color-focus-ring, #6366f1);outline-offset:2px}:focus{outline:none}
/*# sourceMappingURL=/cdn/shop/t/49/assets/visual-form-interactions.css.map */