.ssm-chartpie {
  background-color: #fff;
  padding: calc(26px - 10px);

  .m-hd {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;

    & > label {
      font-size: var(--title-default-size, 16px);
    }

    & > span {
      font-size: var(--desc-default-size, 12px);
      color: #ccc;
      margin-top: 5px;
    }
  }

  .m-bd {
    display: flex;
    overflow: hidden;

    &.small .highcharts-title > span:nth-child(2) {
      width: 36%;
    }

    & > div {
      flex: 1;
    }

    .highcharts-title {
      display: flex !important;
      flex-direction: column;
      align-items: center;
      width: 100% !important;
      left: 0 !important;
      margin-top: -6px !important;

      & > span:nth-child(1) {
        font-weight: bold;
      }

      & > span:nth-child(2) {
        color: #b8b8b8;
        margin-top: 3px;
        width: 24%;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* ! autoprefixer: off */
        -webkit-box-orient: vertical;
        /* autoprefixer: on */
        overflow: hidden;
        font-size: 12px;
        word-break: break-all;
        word-wrap: break-word;
        white-space: normal;
      }
    }

    & > .m-img {
      width: 100%;
      height: calc(100vw / 2.23) !important;
      border-radius: 4px;
      overflow: hidden;

      &.np {
        margin: 0 calc(10px - 26px);
        width: calc(100% + (26px - 10px) * 2) !important;
        border-radius: 0 !important;
      }

      &.no-margin {
        margin-bottom: calc(-26px - 10px);
      }
    }

    & > p {
      display: -webkit-box;
      /* ! autoprefixer: off */
      -webkit-box-orient: vertical;
      /* autoprefixer: on */
      -webkit-line-clamp: 2;
      overflow: hidden;
      margin: 12px 0 0;
      font-weight: var(--font-weight, initial);
      font-size: var(--content-default-size, 15px);
      color: #000;
    }
  }
}

.sp-margin {
  padding: 0;

  .g-wb_tl {
    padding: calc(26px - 10px) calc(26px - 10px) 0 calc(26px - 10px);
  }

  .m-bd {
    & > p {
      padding: 0 calc(26px - 10px);
      margin-bottom: calc(26px - 10px);
    }
  }
}
