<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media (max-width:800px) {
  .maincontainer:has(s-messenger-chatflow) {padding-top:0; padding-bottom:0 !important;}
}
.maincontainer:has(s-messenger-chatflow) {padding-bottom:1rem; max-height:1rem; /* wtf? */  }

s-messenger-chatflow .chat-container {
  display:flex;
  height:100%;
  flex-direction: column;
  gap:1rem;

}
s-messenger-chatflow{
  position:relative;
  height:100%;
  max-height:100%;
}
s-messenger-chatflow .messagesContainer {
  flex:1;
  display:flex;
  gap:1rem;
  flex-direction: column;
  align-items: flex-start;
  overflow-y:scroll;
  position:relative;
}
s-messenger-chatflow .chat-footer{ display:flex; align-items: center; gap:1rem;}
s-messenger-chatflow .chat-footer s-field-text {flex:1}
s-messenger-chatflow .chat-header {font-size: 1.3rem;}


s-messenger-message {
  display:block;
  border-radius: var(--border-radius);
  border:1px solid var(--color-gray);
  padding:0.5rem;
}
s-messenger-message.my {
  background-color:var(--color-surface-green);
  align-self: flex-end;
}

</pre></body></html>