#vvd_notifications {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 200;
  display: flex;
  flex-direction: column;
}
#vvd_notifications .vvd_notification {
  width: 400px;
  height: 160px;
  border-radius: 4px;
  padding: 16px;
  margin: 16px;
  display: flex;
  flex-direction: column;
  background-color: hsla(0, 0%, 50%, 0.875);
  cursor: pointer;
}
#vvd_notifications .vvd_notification > * {
  width: 100%;
}
#vvd_notifications .vvd_notification .vvd_notification_title {
  font-weight: bold;
  text-overflow: ellipsis;
}
#vvd_notifications .vvd_notification .vvd_notification_body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px;
}
#vvd_notifications .vvd_notification .vvd_notification_body > .vvd_notification_icon {
  flex: 1;
}
#vvd_notifications .vvd_notification .vvd_notification_body > .vvd_notification_icon > img {
  width: 80px;
  height: 80px;
}
#vvd_notifications .vvd_notification .vvd_notification_body > .vvd_notification_text {
  flex: 4;
  padding: 16px;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NvdXJjZS9zdHlsZS9ub3RpZmljYXRpb25zLmxlc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDQyxlQUFBO0VBQ0EsU0FBQTtFQUNBLFdBQUE7RUFDQSxZQUFBO0VBRUEsYUFBQTtFQUNBLHNCQUFBOztBQUVBLGtCQUFFO0VBQ0QsWUFBQTtFQUNBLGFBQUE7RUFDQSxrQkFBQTtFQUNBLGFBQUE7RUFDQSxZQUFBO0VBRUEsYUFBQTtFQUNBLHNCQUFBO0VBRUEseUNBQUE7RUFFQSxlQUFBOztBQUVBLGtCQWRDLGtCQWNDO0VBQ0QsV0FBQTs7QUFHRCxrQkFsQkMsa0JBa0JDO0VBQ0QsaUJBQUE7RUFDQSx1QkFBQTs7QUFHRCxrQkF2QkMsa0JBdUJDO0VBQ0QsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsZUFBQTtFQUVBLGFBQUE7O0FBRUEsa0JBOUJBLGtCQXVCQyx1QkFPQztFQUNELE9BQUE7O0FBRUEsa0JBakNELGtCQXVCQyx1QkFPQyx5QkFHQztFQUNELFdBQUE7RUFDQSxZQUFBOztBQUlGLGtCQXZDQSxrQkF1QkMsdUJBZ0JDO0VBQ0QsT0FBQTtFQUVBLGFBQUEiLCJmaWxlIjoibm90aWZpY2F0aW9ucy5jc3MifQ== */