.signum-notification-body {
  @apply flex flex-col w-full divide-y;

  &__mb {
    /*  main body */
    @apply flex basis-full divide-x;

    &__bc {
      /* body container */
      @apply flex grow py-4 px-2 overflow-hidden;

      &__ic {
        /* icon container */
        @apply grow-0 pl-2 pr-3;

        svg.info {
          /* icon info */
          @apply text-sky-400;
        }

        svg.success {
          /* icon success */
          @apply text-green-400;
        }

        svg.error {
          /* icon error */
          @apply text-red-400;
        }

        svg.warning {
          /* icon warning */
          @apply text-orange-400;
        }
      }

      &__mc {
        /* main container */
        @apply grow text-left break-words overflow-hidden;

        &__ti {
          /*  title */
          @apply text-[0.81rem] font-medium text-gray-900;
        }

        &__tx {
          /* text */
          @apply text-xs text-gray-500 mt-1;
        }

        &__lkc {
          /* links container */
          @apply flex flex-wrap mt-3;

          &__lk {
            /* link */
            @apply rounded-md text-xs font-medium text-gray-700 hover:text-gray-500 focus:outline-none mr-2;
          }
        }

        &__attc {
          /* attachments links container */
          @apply flex flex-wrap mt-3;

          &__att {
            /* attachment link */
            @apply rounded-md text-xs font-medium text-gray-700 hover:text-gray-500 focus:outline-none mr-2;
          }
        }
      }

      &__bcc {
        /* close button container */
        @apply grow-0 m-1;

        &__b {
          /* button */
          @apply text-gray-400 hover:text-gray-500 cursor-pointer;
        }
      }
    }

    &__bmc {
      /* buttons main container */
      @apply flex grow-0 flex-col divide-y divide-gray-200;

      &__bc {
        /* buttons container */
        @apply flex flex-1;

        &__b {
          /* button */
          @apply flex w-full items-center justify-center text-xs font-medium text-gray-700 hover:text-gray-500 focus:outline-none px-4 py-3;
        }
      }
    }
  }

  &__pbc {
    /* progress bar container */
    @apply basis-full p-1;
  }
}