
.mbt-post-it-line {
  height: 4em;
  border-radius: 1em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: var(--postItTextColor);
  box-shadow: var(--bubbleShadow);
  padding: 0.5em;
  width: 100%;
  overflow: hidden;

  p {
    margin: 0;
    padding: 0;
  }

  > .post-it-line-image {
    margin: 0.2em;
    object-fit: contain;
    height: 100%;
    border-radius: 0.5em;
  }

  > .post-it-line-container {
    width: 100%;
    margin: 0.2em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

    > p {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
  }

  > .post-it-line-header {
    margin: 0.2em;
    > .post-it-line-tools {
      display: flex;
      justify-content: center;
      align-items: center;

      > .post-it-line-tool{
        margin: 0.2em;
        font-size: 1.5em;
      }
      > .post-it-line-tool:last-child{
        font-size: 2em;
      }
    }
  }

  > .post-it-line-footer {
    > .post-it-infos {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0.2em;
      > p {
        margin: 0.5em;
        text-align: center;
      }
    }
  }
}