import { css } from "lit";
const compentStyle = css`
          * {
            -webkit-tap-highlight-color: transparent;
          }

.wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 16px;
}

.wrapper.middle,.wrapper.bottom {
    padding-top: 4px;
  }

.wrapper.self {
    align-items: flex-end;
  }

.wrapper.other {
    align-items: flex-start;
  }

.header {
  display: flex;
  gap: 8px;
}

.header .name {
    font-family: var(--font-family-main);
    font-weight: var(--global-typography-ui-button-font-weight);
    font-size: var(--global-typography-ui-button-font-size);
    line-height: var(--global-typography-ui-button-line-height);
    font-feature-settings:
    "liga" off,
    "clig" off,
    "ss04" on;
    color: var(--element-active-color);
  }

.header .date {
    font-family: var(--font-family-main);
    font-weight: var(--global-typography-ui-body-font-weight);
    font-size: var(--global-typography-ui-body-font-size);
    line-height: var(--global-typography-ui-body-line-height);
    font-feature-settings:
    "liga" off,
    "clig" off,
    "ss04" on;
    color: var(--element-neutral-color);
  }

.content {
  max-width: min(80ch, calc(100% - 64px));
  box-sizing: border-box;
  font-family: var(--font-family-main);
  font-weight: var(--global-typography-ui-body-font-weight);
  font-size: var(--global-typography-ui-body-font-size);
  line-height: var(--global-typography-ui-body-line-height);
  font-feature-settings:
    "liga" off,
    "clig" off,
    "ss04" on;
  box-shadow: var(--shadow-flat);

  padding: 8px 16px;
  border-radius: 8px;
}

.self .content {
    background-color: var(--normal-enabled-background-color);
    color: var(--element-active-color);
    border-top-right-radius: 0;
  }

.other .content {
    background-color: var(--amplified-enabled-background-color);
    color: var(--on-amplified-active-color);
    border-top-left-radius: 0;
  }

.round .content {
    border-radius: 8px;
  }
`;
export {
  compentStyle as default
};
//# sourceMappingURL=chat-message.css.js.map
