/* Chat: o que fica embaixo da área que rola some num degradê em vez de sair cortado ao meio (no Início do 1440 o rótulo
   "Experimente começar por aqui" ficava partido pela caixa de escrever). Só enquanto há conteúdo abaixo: no fim da
   conversa o degradê some, e a mensagem mais nova fica inteira. Navegador sem rolagem animada: como antes (sem degradê). */
@property --ct-fim { syntax: '<length>'; inherits: false; initial-value: 0px; }
@supports (animation-timeline: scroll()) {
  .chat .ct__rolagem[data-chat-rolagem] {
    -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - var(--ct-fim)), transparent);
    mask-image: linear-gradient(to bottom, #000 calc(100% - var(--ct-fim)), transparent);
    animation: ct-fim linear both; animation-timeline: scroll(self);
  }
  @keyframes ct-fim { 0%, 97% { --ct-fim: 36px; } 100% { --ct-fim: 0px; } }
}