@layer components{.feedback-card{z-index:var(--z-sticky);right:var(--space-xs);bottom:var(--feedback-bottom,var(--space-xs));left:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-canvas);box-shadow:var(--shadow-pop);animation:feedback-in-sheet .32s var(--ease-out) both;position:fixed}.feedback-card[data-leaving]{animation:feedback-out .18s var(--ease-in) both}@media (min-width:60rem){.feedback-card{right:var(--space-lg);bottom:var(--feedback-bottom,var(--space-lg));width:calc(var(--space-2xl) * 4 + var(--space-xl) + var(--space-2xs));animation-name:feedback-in;animation-duration:.28s;left:auto}}@media (prefers-reduced-motion:reduce){.feedback-card{animation:.12s linear both feedback-fade}.feedback-card[data-leaving]{animation:.12s linear both feedback-fade-out}}@keyframes feedback-in{0%{opacity:0;transform:translateY(var(--space-sm)) scale(.98)}}@keyframes feedback-in-sheet{0%{transform:translateY(100%)}}@keyframes feedback-out{to{opacity:0;transform:translateY(var(--space-xs))}}@keyframes feedback-fade{0%{opacity:0}}@keyframes feedback-fade-out{to{opacity:0}}}