feedback-button{--feedback-primary: #2563eb;--feedback-primary-hover: #1d4ed8;--feedback-success: #10b981;--feedback-success-bg: #d1fae5;--feedback-error: #ef4444;--feedback-error-bg: #fee2e2;--feedback-star: #fbbf24;--feedback-star-empty: #d1d5db;--feedback-bg: #ffffff;--feedback-text: #1f2937;--feedback-text-muted: #6b7280;--feedback-border: #e5e7eb;--feedback-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);--feedback-radius: 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--feedback-text)}.feedback-fab{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:none;border-radius:50%;background:var(--feedback-primary);color:#fff;cursor:pointer;box-shadow:0 4px 14px #2563eb66;transition:all .2s ease;display:none}.feedback-fab:hover{background:var(--feedback-primary-hover);transform:scale(1.05);box-shadow:0 6px 20px #2563eb80}.feedback-fab:active{transform:scale(.95)}.feedback-fab svg{width:24px;height:24px;stroke-width:2}.feedback-panel{position:fixed;bottom:24px;right:24px;z-index:10000;width:380px;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);background:var(--feedback-bg);border-radius:var(--feedback-radius);box-shadow:var(--feedback-shadow);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1)}.feedback-panel.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.feedback-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--feedback-primary);color:#fff}.feedback-panel__title{margin:0;font-size:16px;font-weight:600}.feedback-panel__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:#ffffff26;color:#fff;cursor:pointer;transition:background .2s ease}.feedback-panel__close:hover{background:#ffffff40}.feedback-panel__close svg{width:18px;height:18px}.feedback-panel__body{padding:20px;max-height:calc(100vh - 150px);overflow-y:auto}.feedback-form{display:flex;flex-direction:column;gap:16px}.feedback-form__group{display:flex;flex-direction:column;gap:6px}.feedback-form__label{font-size:13px;font-weight:600;color:var(--feedback-text)}.feedback-form__select,.feedback-form__textarea{width:100%;padding:10px 12px;border:1px solid var(--feedback-border);border-radius:8px;background:var(--feedback-bg);color:var(--feedback-text);font-size:14px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.feedback-form__select:focus,.feedback-form__textarea:focus{outline:none;border-color:var(--feedback-primary);box-shadow:0 0 0 3px #2563eb1a}.feedback-form__textarea{resize:vertical;min-height:80px}.feedback-form__submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;border:none;border-radius:8px;background:var(--feedback-primary);color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.feedback-form__submit:hover:not(:disabled){background:var(--feedback-primary-hover)}.feedback-form__submit:disabled{opacity:.7;cursor:not-allowed}.feedback-form__submit svg{width:18px;height:18px}.feedback-stars{display:flex;gap:4px}.feedback-stars__button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;cursor:pointer;transition:transform .1s ease}.feedback-stars__button:hover{transform:scale(1.15)}.feedback-stars__button svg{width:24px;height:24px;fill:var(--feedback-star-empty);stroke:var(--feedback-star-empty);stroke-width:1;transition:all .15s ease}.feedback-stars__button.is-active svg,.feedback-stars__button.is-hover svg{fill:var(--feedback-star);stroke:var(--feedback-star)}.feedback-screenshot{border:1px dashed var(--feedback-border);border-radius:8px;overflow:hidden}.feedback-screenshot__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;color:var(--feedback-text-muted);font-size:13px}.feedback-screenshot__loading svg{width:24px;height:24px;animation:feedback-spin 1s linear infinite}@keyframes feedback-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feedback-screenshot__preview{padding:8px;background:#f3f4f6}.feedback-screenshot__image{width:100%;height:auto;border-radius:4px;display:block}.feedback-screenshot__actions{display:flex;gap:8px;padding:8px;background:#f9fafb;border-top:1px solid var(--feedback-border)}.feedback-screenshot__btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--feedback-border);border-radius:6px;background:#fff;color:var(--feedback-text);font-size:12px;font-family:inherit;cursor:pointer;transition:all .2s ease}.feedback-screenshot__btn:hover{background:#f3f4f6;border-color:#d1d5db}.feedback-screenshot__btn svg{width:14px;height:14px}.feedback-form__checkboxes{display:flex;flex-direction:column;gap:8px}.feedback-form__checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--feedback-text);cursor:pointer}.feedback-form__checkbox input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--feedback-primary);cursor:pointer}.feedback-form__checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.feedback-form__checkbox-count{color:var(--feedback-text-muted);font-size:12px}.feedback-context{padding:10px 12px;background:#f9fafb;border-radius:6px;font-size:12px}.feedback-context__item{display:flex;gap:6px}.feedback-context__label{color:var(--feedback-text-muted)}.feedback-context__value{color:var(--feedback-text);font-family:Monaco,Menlo,monospace;word-break:break-all}.feedback-error{display:flex;align-items:flex-start;gap:10px;padding:12px;margin-bottom:16px;background:var(--feedback-error-bg);border-radius:8px;border-left:3px solid var(--feedback-error)}.feedback-error svg{flex-shrink:0;width:18px;height:18px;color:var(--feedback-error)}.feedback-error__message{margin:0;font-size:13px;color:#991b1b}.feedback-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;animation:feedback-success-appear .4s cubic-bezier(.4,0,.2,1)}@keyframes feedback-success-appear{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.feedback-success__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:16px;background:var(--feedback-success-bg);border-radius:50%;animation:feedback-icon-bounce .5s cubic-bezier(.4,0,.2,1) .2s both}@keyframes feedback-icon-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.feedback-success__icon svg{width:32px;height:32px;color:var(--feedback-success);animation:feedback-checkmark .4s ease-out .4s both}@keyframes feedback-checkmark{0%{stroke-dasharray:50;stroke-dashoffset:50}to{stroke-dasharray:50;stroke-dashoffset:0}}.feedback-success__title{margin:0 0 8px;font-size:20px;font-weight:700;color:var(--feedback-success)}.feedback-success__message{margin:0;font-size:14px;color:var(--feedback-text-muted)}@media (max-width: 480px){.feedback-fab{bottom:16px;right:16px;width:48px;height:48px}.feedback-fab svg{width:20px;height:20px}.feedback-panel{bottom:0;right:0;left:0;width:100%;max-width:100%;max-height:85vh;border-radius:var(--feedback-radius) var(--feedback-radius) 0 0}.feedback-panel__body{max-height:calc(85vh - 60px)}}@media (prefers-color-scheme: dark){feedback-button{--feedback-bg: #1f2937;--feedback-text: #f9fafb;--feedback-text-muted: #9ca3af;--feedback-border: #374151;--feedback-success-bg: #064e3b;--feedback-error-bg: #7f1d1d}.feedback-form__select,.feedback-form__textarea{background:#374151;color:#f9fafb}.feedback-context,.feedback-screenshot__preview{background:#374151}.feedback-screenshot__actions{background:#2d3748}.feedback-screenshot__btn{background:#374151;color:#f9fafb;border-color:#4b5563}.feedback-screenshot__btn:hover{background:#4b5563}.feedback-error__message{color:#fecaca}}@media print{feedback-button{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-feedback-button.css.map */