.support-reply-banner[hidden] { display: none; }
.support-reply-banner {
  position: fixed; right: 24px; bottom: 24px; z-index: 110;
  display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 14px;
  box-sizing: border-box; width: min(470px, calc(100vw - 32px)); padding: 20px;
  color: #29251f; background: #fff9e9; border: 1px solid #c2a265;
  border-left: 5px solid #8c4535; border-radius: 10px;
  box-shadow: 0 8px 36px #2b231c40; font: 15px/1.5 system-ui, sans-serif;
}
.support-reply-banner-mark { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; color: white; background: #8c4535; font-size: 23px; }
.support-reply-banner strong { font-size: 20px; }
.support-reply-banner p { margin: 6px 0 12px; overflow-wrap: anywhere; }
.support-reply-banner-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.support-reply-banner a, .support-reply-banner button { box-sizing: border-box; min-height: 42px; padding: 10px 13px; border: 1px solid #b6a58c; border-radius: 5px; font: inherit; cursor: pointer; text-decoration: none; }
.support-reply-banner a { background: #354d40; color: white; border-color: #354d40; }
.support-reply-banner button { background: #fffdf8; color: #514738; }
.support-reply-banner a:focus-visible, .support-reply-banner button:focus-visible { outline: 3px solid #967841; outline-offset: 2px; }
.support-reply-banner [data-error] { color: #9c302a; margin-bottom: 0; }
@media (max-width: 600px) {
  .support-reply-banner { right: 10px; bottom: 10px; width: calc(100vw - 20px); padding: 14px; gap: 10px; }
  .support-reply-banner strong { font-size: 18px; }
}