.rp-wrap{display:flex;justify-content:flex-end;width:100%;flex:0 0 100%;grid-column:1/-1;clear:both;margin:4px 0 0;box-sizing:border-box}.rp-btn{position:static;display:inline-flex;align-items:center;gap:4px;margin:0;padding:2px 7px;min-height:22px;border:0;border-radius:999px;background:#fff8ecc0;color:#7a5a30;font:inherit;font-size:10px;line-height:1;opacity:.55;cursor:pointer}
.rp-btn:hover,.rp-btn:focus-visible{opacity:1}
.rp-dlg{width:min(380px,92vw);border:1.5px solid #e6d3b3;border-radius:14px;padding:14px;background:#fffaf2;box-sizing:border-box}
.rp-dlg h3{margin:0 0 8px;color:#8a2c0d}.rp-dlg label{display:block;margin:6px 0;font-size:14px}
.rp-dlg input,.rp-dlg select,.rp-dlg textarea{display:block;width:100%;box-sizing:border-box;margin-top:3px;padding:8px;border:1px solid #d9c3a0;border-radius:8px;font:inherit}
.rp-note{font-size:12px;color:#6b5a48}.rp-ok{color:#2c5a28;font-size:13px;min-height:1em}
.rp-row{display:flex;justify-content:flex-end;gap:8px}.rp-row button{min-height:40px;padding:6px 12px;border-radius:10px;border:1.5px solid #c2551c;background:#fff;color:#c2551c;font:inherit}
.rp-row .rp-send{background:#c2551c;color:#fff}
@media (prefers-reduced-motion:no-preference){.rp-dlg[open]{animation:rpf .2s}}@keyframes rpf{from{opacity:0}to{opacity:1}}
/* The Feedback row is a flex child of row-flex cards (.snap.mix): let it wrap onto its own line below the card instead of squeezing the card. */
.snap.mix:has(>.rp-wrap){flex-wrap:wrap;align-content:center}
.snap.mix>.rp-wrap{padding-inline:max(0px,calc((100% - 36rem) / 2))}