.noty_theme__list {
  &.noty_bar {
    margin-bottom: $margin / 2;
    border-radius: 4px;
    box-shadow: 0px 2px 10px 0px rgba(196, 196, 196, 0.8);
    .dark & {
      box-shadow: 0px 2px 10px 0px rgba(128, 128, 128, 0.8);
    }
    .noty_body {
      color: $black;
      padding: $margin;
      background: transparentize($white-blank, 0.1);

      .dark & {
        color: $white-perl;
        background: transparentize($black, 0.1);
      }
    }
    .lst-noty-icon {
      font-size: 36px;
    }
    .list-noty-icon-wrapper {
      margin-right: $margin;
    }
    .noty_close_button {
      top: 6px;
      right: 6px;
      background: none;
      color: $black-light-40;
      &:hover {
        background: inherit;
      }
    }
  }
  &.noty_type__success {
    i {
      color: $green;
    }
  }
  &.noty_type__error {
    i {
      color: $red;
    }
  }
  &.noty_type__warn {
    i {
      color: $yellow;
    }
  }
}

.lst-notifications-uploads {
  @extend .fade-in;
  position: absolute;
  right: 20px;
  bottom: 0px;
  width: 30%;
  padding: $margin;
  margin-bottom: $margin / 2;
  border-radius: 4px;
  background: $white-blank;
  color: $black-light-40;
  box-shadow: 0px 2px 10px 0px transparentize($nord0, 0.8);
  .dark & {
    background: $nord0;
    color: $white-perl;
    box-shadow: 0px 2px 10px 0px transparentize($nord0, 0.8);
  }
}
