@import '@/styles/common.less';
@import '@/styles/variables.less';

.material-message {
  width: calc(100% - 64px);
  .flex-column();
  align-items: flex-start;
  margin: 40px 32px 0;
  padding: 20px 24px;
  background: #FFFFFF;
  border-radius: 20px;
  box-sizing: border-box;

  &__name {
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
    color: @blColor;
  }

  &__basic,
  &__categories {
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    color: @blColorG2;
    margin-top: 8px;
  }

}