NxTIC/css/notif/expanded.css

body > #notification-container {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
  z-index: 200;
  pointer-events: none;
}

body > #notification-container .notification-element {
  display: block;
  position: relative;
  margin: .2em auto;
  padding: 0 1em;
  border-radius: 3px;
  border: 1px solid #ddd;
  border-bottom: 1px solid #bbb;
  box-shadow: inset 0 0 1em #eee;
  background-color: #fff;
  pointer-events: all;
  transition: opacity .5s ease-in-out;
  opacity: 0;
}

body > #notification-container .notification-element.notification-visible {
  opacity: 1;
}

body > #notification-container .notification-element strong[class] {
  padding-left: 1.5em;
}

body > #notification-container .notification-element strong[class]:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 1.2em;
  left: 1em;
  width: .9em;
  height: .9em;
  border-radius: 50% / 50%;
  box-shadow: inset -1px 1px 2px rgba(50, 50, 50, 0.5);
  background-color: red;
}

body > #notification-container .notification-element strong[class].warning:before {
  background-color: #dd6a45;
}

body > #notification-container .notification-element strong[class].info:before {
  background-color: #2195da;
}

body > #notification-container .notification-element strong[class].success:before {
  background-color: #5fca4a;
}

body > #notification-container .notification-element strong[class].error:before {
  background-color: #d94747;
}

/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiZXhwYW5kZWQuY3NzIiwKCSJzb3VyY2VzIjogWwoJCSIuLi9ub3RpZi5zY3NzIgoJXSwKCSJzb3VyY2VzQ29udGVudCI6IFsKCQkiYm9keSA+ICNub3RpZmljYXRpb24tY29udGFpbmVye1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG5cbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXgtd3JhcDogbm93cmFwO1xuXG4gICAgei1pbmRleDogMjAwO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG5cbiAgICAubm90aWZpY2F0aW9uLWVsZW1lbnR7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBtYXJnaW46IC4yZW0gYXV0bztcbiAgICAgICAgICAgIHBhZGRpbmc6IDAgMWVtO1xuXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2RkZDtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNiYmI7XG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAxZW0gI2VlZTtcblxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG5cbiAgICAgICAgLy8gQU5JTUFUSU9OIERFIGZhZGVJbiArIGZhZGVPdXRcbiAgICAgICAgdHJhbnNpdGlvbjogb3BhY2l0eSAuNXMgZWFzZS1pbi1vdXQ7XG4gICAgICAgIG9wYWNpdHk6IDA7XG5cbiAgICAgICAgJi5ub3RpZmljYXRpb24tdmlzaWJsZXtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cblxuXG5cbiAgICAgICAgLy8gRElGRkVSRU5UUyBUSEVNRVNcbiAgICAgICAgc3Ryb25nW2NsYXNzXXtcblxuICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiAxLjVlbTtcblxuICAgICAgICAgICAgJjpiZWZvcmV7XG4gICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICB0b3A6IDEuMmVtO1xuICAgICAgICAgICAgICAgIGxlZnQ6IDFlbTtcbiAgICAgICAgICAgICAgICB3aWR0aDogLjllbTtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IC45ZW07XG5cbiAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCUgLyA1MCU7XG4gICAgICAgICAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgLTFweCAxcHggMnB4IHJnYmEoNTAsIDUwLCA1MCwgLjUpO1xuXG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmVkO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAvLyBXQVJOSU5HXG4gICAgICAgICAgICAmLndhcm5pbmc6YmVmb3JleyBiYWNrZ3JvdW5kLWNvbG9yOiAjZGQ2YTQ1OyB9XG4gICAgICAgICAgICAvLyBJTkZPXG4gICAgICAgICAgICAmLmluZm86YmVmb3JleyBiYWNrZ3JvdW5kLWNvbG9yOiAjMjE5NWRhOyB9XG4gICAgICAgICAgICAvLyBTVUNDRVNTXG4gICAgICAgICAgICAmLnN1Y2Nlc3M6YmVmb3JleyBiYWNrZ3JvdW5kLWNvbG9yOiAjNWZjYTRhOyB9XG4gICAgICAgICAgICAvLyBFUlJPUlxuICAgICAgICAgICAgJi5lcnJvcjpiZWZvcmV7IGJhY2tncm91bmQtY29sb3I6ICNkOTQ3NDc7IH1cbiAgICAgICAgfVxuXG5cbiAgICB9XG5cbn1cbiIKCV0sCgkibWFwcGluZ3MiOiAiQUFBQSxJQUFJLEdBQUcsdUJBQXVCLENBQUE7RUFFMUIsT0FBTyxFQUFFLElBQUs7RUFDZCxRQUFRLEVBQUUsUUFBUztFQUNmLE1BQU0sRUFBRSxDQUFFO0VBQ1YsSUFBSSxFQUFFLENBQUU7RUFDUixLQUFLLEVBQUUsSUFBSztFQUVoQixjQUFjLEVBQUUsTUFBTztFQUN2QixTQUFTLEVBQUUsTUFBTztFQUVsQixPQUFPLEVBQUUsR0FBSTtFQUNiLGNBQWMsRUFBRSxJQUFLO0NBNkR4Qjs7QUF6RUQsSUFBSSxHQUFHLHVCQUF1QixDQWUxQixxQkFBcUIsQ0FBQTtFQUNqQixPQUFPLEVBQUUsS0FBTTtFQUNmLFFBQVEsRUFBRSxRQUFTO0VBQ2YsTUFBTSxFQUFFLFNBQVU7RUFDbEIsT0FBTyxFQUFFLEtBQU07RUFFbkIsYUFBYSxFQUFFLEdBQUk7RUFDbkIsTUFBTSxFQUFFLGNBQWU7RUFDdkIsYUFBYSxFQUFFLGNBQWU7RUFDOUIsVUFBVSxFQUFFLGtCQUFtQjtFQUUvQixnQkFBZ0IsRUFBRSxJQUFLO0VBRXZCLGNBQWMsRUFBRSxHQUFJO0VBR3BCLFVBQVUsRUFBRSx1QkFBd0I7RUFDcEMsT0FBTyxFQUFFLENBQUU7Q0F1Q2Q7O0FBdkVMLElBQUksR0FBRyx1QkFBdUIsQ0FlMUIscUJBQXFCLEFBbUJoQixxQkFBcUIsQ0FBQTtFQUNsQixPQUFPLEVBQUUsQ0FBRTtDQUNkOztBQXBDVCxJQUFJLEdBQUcsdUJBQXVCLENBZTFCLHFCQUFxQixDQTBCakIsTUFBTSxDQUFBLEFBQUEsS0FBQyxBQUFBLEVBQU07RUFFVCxZQUFZLEVBQUUsS0FBTTtDQXlCdkI7O0FBcEVULElBQUksR0FBRyx1QkFBdUIsQ0FlMUIscUJBQXFCLENBMEJqQixNQUFNLENBQUEsQUFBQSxLQUFDLEFBQUEsQ0FJRixPQUFPLENBQUE7RUFDSixPQUFPLEVBQUUsRUFBRztFQUNaLE9BQU8sRUFBRSxZQUFhO0VBQ3RCLFFBQVEsRUFBRSxRQUFTO0VBQ25CLEdBQUcsRUFBRSxLQUFNO0VBQ1gsSUFBSSxFQUFFLEdBQUk7RUFDVixLQUFLLEVBQUUsSUFBSztFQUNaLE1BQU0sRUFBRSxJQUFLO0VBRWIsYUFBYSxFQUFFLFNBQVU7RUFDekIsVUFBVSxFQUFFLEtBQUssQ0FBRSxJQUFHLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxxQkFBSTtFQUVuQyxnQkFBZ0IsRUFBRSxHQUFJO0NBQ3pCOztBQTFEYixJQUFJLEdBQUcsdUJBQXVCLENBZTFCLHFCQUFxQixDQTBCakIsTUFBTSxDQUFBLEFBQUEsS0FBQyxBQUFBLENBb0JGLFFBQVEsQUFBQSxPQUFPLENBQUE7RUFBRSxnQkFBZ0IsRUFBRSxPQUFRO0NBQUk7O0FBN0Q1RCxJQUFJLEdBQUcsdUJBQXVCLENBZTFCLHFCQUFxQixDQTBCakIsTUFBTSxDQUFBLEFBQUEsS0FBQyxBQUFBLENBc0JGLEtBQUssQUFBQSxPQUFPL