@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.proactive-bubble{background-color:var(--primary-background);max-width:320px;color:var(--primary-text);border:1px solid var(--border-color);z-index:50;cursor:pointer;border-radius:1rem;padding:1rem;transition:box-shadow .2s;animation:.4s cubic-bezier(.25,1,.5,1) forwards slide-in-bottom;position:fixed;bottom:6.5rem;right:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.proactive-bubble:hover{box-shadow:0 10px 25px -5px #4f46e526,0 8px 10px -6px #4f46e526}.bubble-content{align-items:flex-start;gap:.75rem;display:flex}.bubble-logo-wrapper{background-color:var(--surface-background);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.bubble-logo{width:1.5rem;height:1.5rem}.bubble-text{color:var(--secondary-text);margin:0;padding-right:1rem;font-size:.875rem;line-height:1.5}.bubble-close{color:var(--subtle-text);border-radius:9999px;padding:.25rem;transition:all .2s;position:absolute;top:.5rem;right:.5rem}.bubble-close:hover{color:var(--primary-text);background-color:var(--surface-background)}.bubble-close svg{width:1rem;height:1rem}