.rr-feedback{z-index:45;pointer-events:none;font-family:var(--font-sans);color:var(--color-foreground);position:fixed;inset:0;overflow:clip}.rr-feedback button,.rr-feedback a,.rr-feedback-composer{pointer-events:auto}.rr-feedback-toggle,.rr-feedback-pencil,.rr-feedback-submit,.rr-feedback-cancel{border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:44px;min-height:44px;font-family:inherit;font-size:var(--type-body-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0;justify-content:center;align-items:center;gap:8px;margin:0;font-weight:600;line-height:1;display:inline-flex}.rr-feedback-toggle{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:1;background:var(--color-background);width:44px;color:var(--color-muted-foreground);box-shadow:var(--shadow-card);padding:0;position:absolute}.rr-feedback-toggle[aria-pressed=true],.rr-feedback-submit{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-foreground)}.rr-feedback-pencil{background:var(--color-background);width:44px;color:var(--color-muted-foreground);box-shadow:var(--shadow-card);border-color:#0000;padding:0;position:absolute}.rr-feedback-pencil svg{width:20px;height:20px}.rr-feedback-pencil[aria-expanded=true]{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary)}.rr-feedback-composer{z-index:2;box-sizing:border-box;overscroll-behavior:contain;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-foreground);box-shadow:var(--shadow-card-hover);transform-origin:100% 0;animation:rr-feedback-drop var(--duration-base) var(--ease-standard) both;padding:20px;position:absolute;overflow-y:auto}.rr-feedback-composer h2{font-size:var(--type-body);font-weight:600;line-height:var(--type-body-lh);margin:0;padding-right:8px}.rr-feedback-author{font-size:var(--type-micro);line-height:var(--type-micro-lh);color:var(--color-muted-foreground);margin:4px 0 16px}.rr-feedback-composer textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-background);width:100%;min-height:112px;color:var(--color-foreground);font:inherit;font-size:var(--type-body);line-height:var(--type-body-lh);padding:12px;display:block}.rr-feedback-composer textarea::placeholder{color:var(--color-muted-foreground)}.rr-feedback-actions{gap:8px;margin-top:16px;display:flex}.rr-feedback-submit,.rr-feedback-cancel{padding:0 16px;text-decoration:none}.rr-feedback-cancel{color:var(--color-muted-foreground);background:0 0;border-color:#0000}.rr-feedback-error{font-size:var(--type-body-sm);line-height:var(--type-body-sm-lh);color:var(--color-destructive);margin:12px 0 0}.rr-feedback-saved{font-size:var(--type-body-sm);line-height:var(--type-body-sm-lh);color:var(--color-foreground);align-items:center;gap:8px;margin:0;display:flex}.rr-feedback-saved svg{color:var(--color-primary)}.rr-feedback :is(button,a,textarea):focus-visible{box-shadow:0 0 0 3px color-mix(in oklch, var(--color-ring) 50%, transparent);outline:none}.rr-feedback button:disabled,.rr-feedback textarea:disabled{opacity:.55;cursor:not-allowed}.rr-feedback :is(button,a):not(:disabled):active{transform:scale(.98)}@media (hover:hover){.rr-feedback-pencil:hover,.rr-feedback-cancel:hover{background:var(--color-primary-soft);color:var(--color-primary)}.rr-feedback-pencil:hover{border-color:var(--color-border)}.rr-feedback-toggle[aria-pressed=false]:hover{background:var(--color-surface);color:var(--color-foreground)}.rr-feedback-submit:hover,.rr-feedback-toggle[aria-pressed=true]:hover{background:color-mix(in oklch, var(--color-primary) 92%, var(--color-foreground))}}@keyframes rr-feedback-drop{0%{opacity:0;transform:translateY(-8px)scaleY(.98)}to{opacity:1;transform:translateY(0)scaleY(1)}}@media (prefers-reduced-motion:reduce){.rr-feedback-composer{animation:none}.rr-feedback *{transition:none}}
