.captcha-container{--captcha-primary: #007bff;--captcha-success: #28a745;--captcha-error: #dc3545;--captcha-warning: #ffc107;--captcha-light: #f8f9fa;--captcha-dark: #343a40;--captcha-border: #dee2e6;--captcha-shadow: 0 2px 4px rgba(0, 0, 0, .1);--captcha-radius: 8px;--captcha-spacing: 1rem;max-width:400px}.captcha-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--captcha-spacing);flex-wrap:wrap;gap:.5rem}.captcha-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--captcha-dark)}.captcha-mode-toggle{display:flex;background:#fff;border-radius:var(--captcha-radius);border:1px solid var(--captcha-border);overflow:hidden}.captcha-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none;background:transparent;color:var(--captcha-dark);font-size:.875rem;cursor:pointer;transition:all .2s ease}.captcha-toggle-btn:hover{background:var(--captcha-light)}.captcha-toggle-btn.active{background:var(--captcha-primary);color:#fff}.captcha-icon{width:16px;height:16px}.captcha-content{margin-bottom:var(--captcha-spacing)}.captcha-visual,.captcha-audio{padding:12px 0}.captcha-canvas-container{position:relative;display:inline-block;margin-bottom:.75rem}.captcha-canvas{border:2px solid var(--captcha-border);border-radius:var(--captcha-radius);background:#fff;cursor:pointer}.captcha-refresh-btn{position:absolute;top:-8px;right:-8px;width:32px;height:32px;border:none;border-radius:50%;background:var(--captcha-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--captcha-shadow);transition:all .2s ease}.captcha-refresh-btn:hover{background:#0056b3;transform:scale(1.1)}.captcha-refresh-btn svg{width:16px;height:16px}.captcha-audio-controls{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.captcha-audio-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid var(--captcha-primary);border-radius:var(--captcha-radius);background:#fff;color:var(--captcha-primary);font-weight:500;cursor:pointer;transition:all .2s ease}.captcha-audio-btn:hover{background:var(--captcha-primary);color:#fff}.captcha-audio-btn--stop{border-color:var(--captcha-error);color:var(--captcha-error)}.captcha-audio-btn--stop:hover{background:var(--captcha-error);color:#fff}.captcha-audio-icon{width:18px;height:18px}.captcha-instructions{margin:0;font-size:.875rem;color:var(--captcha-dark);line-height:1.4}.captcha-input-container{margin-top:var(--captcha-spacing)}.captcha-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--captcha-dark)}.captcha-input-wrapper{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.captcha-input{flex:1;padding:.75rem;border:2px solid var(--captcha-border);border-radius:var(--captcha-radius);font-size:1rem;transition:border-color .2s ease;margin-bottom:12px!important}.captcha-input:focus{outline:none;border-color:var(--captcha-primary);box-shadow:0 0 0 3px #007bff1a}.captcha-input.error{border-color:var(--captcha-error)}.captcha-input.success{border-color:var(--captcha-success)}.captcha-validate-btn{padding:.75rem 1rem;border:none;border-radius:var(--captcha-radius);background:var(--captcha-primary);color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.captcha-validate-btn:hover{background:#0056b3}.captcha-validate-btn:disabled{background:var(--captcha-border);cursor:not-allowed}.captcha-error,.captcha-success{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--captcha-radius);font-size:.875rem;font-weight:500}.captcha-error{color:var(--captcha-error)}.captcha-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.captcha-success-icon{width:16px;height:16px}.hidden{display:none!important}@media (max-width: 480px){.captcha-container{margin:.5rem 0;padding:.75rem}.captcha-header{flex-direction:column;align-items:stretch}.captcha-mode-toggle{justify-content:center}.captcha-input-wrapper{flex-direction:column}.captcha-validate-btn{width:100%}.captcha-audio-controls{flex-direction:column}.captcha-audio-btn{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){.captcha-toggle-btn,.captcha-refresh-btn,.captcha-audio-btn,.captcha-validate-btn,.captcha-input{transition:none}}@media (prefers-contrast: high){.captcha-container{border-width:2px}.captcha-toggle-btn.active{border:2px solid currentColor}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/captcha.css.map */