// Form add note
.add-note {
  textarea {
    margin-bottom : .5rem;
  }

  &__info {
    opacity: .5;
    font-style: italic;
    margin-bottom : .5rem;
  }
}

.notes {
  padding-top : 2rem;
}

.note {
  border : 1px solid var(--border-color);
  font-size: fontSize(small);
  border-radius : .25rem;

  &--edit {
    background : rgba($accentColor,.075);
  }

  &--delete {
    position : relative;

    &__alert {
      position : absolute;
      top : 0;
      left : 0;
      width : 100%;
      height : 100%;
      background : rgba(#fff,.95);
      display : flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border : 1px solid rgba($accentColor,.5);
    }
  }

  &__header {
    background: var(--text-color);
    color: var(--border-color);
    padding : .5rem 1rem;
    border-radius : .25rem .25rem 0 0;
    font-size : 12px;
    p {
      margin : 0;
    }
  }

  &__content {
    padding: 1rem 1rem .5rem;

    p, blockquote, pre {
      margin-bottom : 1rem;
    }
  }

  &__footer {
    padding: 0 1rem 1rem;

    img {
      width: 1rem;
      height : 1rem;
      margin-right : 1rem;
    }
  }
}