/* Pilula de mensagens de doacao: surge pequena, abre, mostra a mensagem e sai. Flutua: nao empurra a pagina. */
.pilula-doacao{position:fixed;z-index:60;left:50%;top:calc(env(safe-area-inset-top,0px) + 72px);display:flex;align-items:center;gap:.6rem;
  box-sizing:border-box;width:2.5rem;height:2.5rem;padding:.5rem;overflow:hidden;border:1px solid rgba(255,45,120,.7);border-radius:1.25rem;
  background:rgba(20,10,28,.96);color:#f3eef7;box-shadow:0 0 18px rgba(255,45,120,.45);
  transform:translate(-50%,-14px) scale(.6);opacity:0;pointer-events:none;
  transition:width .55s cubic-bezier(.2,.8,.2,1),opacity .3s ease,transform .35s ease,padding .3s ease}
.pilula-doacao[hidden]{display:none}
.pilula-doacao.is-visivel{opacity:1;transform:translate(-50%,0) scale(1)}
.pilula-doacao.is-aberta{width:var(--larg,320px);padding:.5rem .95rem .5rem .6rem}
.pilula-doacao.is-saindo{opacity:0;transform:translate(-50%,-10px) scale(.9)}
.pilula-doacao__icone{flex:none;display:grid;place-items:center;width:1.5rem;height:1.5rem;color:#ff2d78;filter:drop-shadow(0 0 6px #ff2d78)}
.pilula-doacao__texto{min-width:0;font-size:.88rem;line-height:1.3;white-space:nowrap;overflow:hidden;opacity:0;transition:opacity .25s ease .25s}
.pilula-doacao.is-aberta .pilula-doacao__texto{opacity:1}
/* O texto fica sempre em uma linha. Se nao couber, ele rola por dentro da pilula. */
.pilula-doacao__fio{display:inline-block;white-space:nowrap;will-change:transform}
.pilula-doacao.is-rola .pilula-doacao__fio{animation:pilula-rola var(--rola,5s) ease-in-out 1 forwards}
@keyframes pilula-rola{from{transform:translateX(0)}to{transform:translateX(var(--desl,0px))}}
.pilula-doacao__texto b{color:#ff2d78;font-weight:700}
@media (prefers-reduced-motion:reduce){.pilula-doacao,.pilula-doacao__texto{transition:none}}