@import "../../styles/variables.scss";
@import "../common/typography/text.mixins.scss";

:host {
  &.active {
    display: inline-block;
    margin-bottom: $spacing-md;
  }
  > div {
    display: inline-block;
    border-radius: 0.25rem;
    background-color: var(--background-main, $off-white);
    color: var(--text-main, $dark);
    padding: $spacing-lg;
    text-align: right;
    > div {
      display: flex;
      > i {
        flex-shrink: 0;
        text-align: center;
        margin-top: 0.3rem;
        margin-right: $spacing-md;
        color: #aaaaaa;
      }
      > p {
        @include novo-body-text();
        width: 100%;
        padding: 0;
        text-align: left;
        white-space: pre-line;
      }
    }
  }
}