@layer block{.chat{--color-glow:light-dark(color-mix(in srgb,var(--green-700) 16%,transparent),color-mix(in srgb,var(--green-600) 32%,transparent));display:flex;flex-direction:column;margin:0 auto;max-width:40rem;padding:var(--space-12) var(--space-4) var(--space-8);width:100%}@media screen and not (max-width:480px){.chat{padding-block-start:var(--space-24)}}.chat__greeting{margin-block-end:var(--space-8);text-align:center}.chat__greeting-tag{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.016em;line-height:var(--leading-snug);margin:0 0 var(--space-3)}@media screen and not (max-width:480px){.chat__greeting-tag{font-size:var(--text-4xl)}}.chat__greeting-highlight{color:var(--color-text-primary)}.chat__greeting-enter-active,.chat__greeting-leave-active{transition:opacity var(--duration-slow) ease,translate var(--duration-slow) ease}.chat__greeting-enter-from,.chat__greeting-leave-to{opacity:0;translate:0 var(--space-2)}.chat__messages{flex:1;min-height:0;position:relative}.chat__messages-enter-active{transition:opacity var(--duration-slow) ease}.chat__messages-enter-from{opacity:0}.chat__messages-body{--stack-space:var(--space-8);height:100%;overflow-y:auto;padding-block-end:var(--space-36);padding-inline:var(--space-4)}.chat__error{color:var(--color-text-accent);font-size:var(--text-sm)}.chat__suggestions{padding-inline:var(--page-side-padding)}.chat__suggestions-enter-active,.chat__suggestions-leave-active{transition:opacity var(--duration-slow) ease,translate var(--duration-slow) ease}.chat__suggestions-enter-from,.chat__suggestions-leave-to{opacity:0;translate:0 calc(var(--space-2)*-1)}.chat__suggestions-label{margin-block:var(--space-8) var(--space-4);text-align:center}@media screen and not (max-width:480px){.chat__suggestions-label{margin-block-start:var(--space-24)}}.chat__suggestions-list{--cluster-justify:center}@media screen and not (max-width:480px){.chat__suggestions-list{--cluster-space:var(--space-8)}}.chat-container{--wrapper-max:var(--bp-lg);display:flex;flex-direction:column;height:var(--visual-viewport-height,100%);padding-top:var(--space-12)}@media screen and not (max-width:768px){.chat-container{justify-content:center;padding-top:0}}}@layer exception{.chat[data-active=true]{flex:1;justify-content:flex-start;min-height:0}.chat:not([data-active=true]) .chat-form{filter:drop-shadow(0 16px 40px var(--color-glow))}}