@layer components{.gb-reveal{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.gb-reveal[data-in]{opacity:1;transform:none}.gb-msg{opacity:0;position:relative;transform:translateY(10px)scale(.98)}[data-in] .gb-msg{animation:.4s cubic-bezier(.2,.7,.2,1) forwards gb-rise}[data-in] .gb-m1{animation-delay:.3s}[data-in] .gb-m2{animation-delay:.9s}[data-in] .gb-m3{animation-delay:1.5s}[data-in] .gb-m4{animation-delay:2.2s}.gb-typing{background:var(--color-surface-2);opacity:0;border-radius:18px 18px 18px 6px;gap:5px;padding:12px 14px;display:inline-flex;position:absolute;top:0;left:0}[data-in] .gb-typing{animation:1s ease-in-out 1.5s gb-blink}.gb-typing i{background:#a6a2b2;border-radius:50%;width:6px;height:6px;animation:1s infinite gb-dot}.gb-typing i:nth-child(2){animation-delay:.15s}.gb-typing i:nth-child(3){animation-delay:.3s}.gb-m4{min-height:42px}@keyframes gb-rise{to{opacity:1;transform:none}}@keyframes gb-blink{0%,to{opacity:0}12%,88%{opacity:1}}@keyframes gb-dot{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (scripting:none){.gb-reveal,.gb-msg{opacity:1;transform:none}.gb-typing{display:none}}@media (prefers-reduced-motion:reduce){.gb-reveal{opacity:1;transition:none;transform:none}.gb-msg{opacity:1;transform:none;animation:none!important}.gb-typing{display:none}}}
