import { createGlobalStyle } from 'antd-style';

export default createGlobalStyle`
.${(p) => p.theme.prefixCls}-chat-anywhere-header {
  height: 64px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  backdrop-filter: blur(100px);
  z-index: 1;
  display: flex;
  align-items: center;
}

.${(p) => p.theme.prefixCls}-chat-anywhere-header
  ~ .${(p) => p.theme.prefixCls}-chat-anywhere-chat
  .${(p) => p.theme.prefixCls}-bubble-list {
  &::before {
    content: ' ';
    display: block;
    height: 24px;
    flex: 0 0 24px;
  }

  &.${(p) => p.theme.prefixCls}-bubble-list-order-desc {
    &::before {
      content: ' ';
      height: 16px;
      flex: 0 0 0;
    }

    &::after {
      height: 24px;
      flex: 0 0 24px;
    }
  }
}

`;