1@define-color text            @primary;
  2@define-color background-alt  @background;
  3@define-color selected        @secondary;
  4@define-color hover           @surface;
  5@define-color urgent          @error;
  6
  7* {
  8  color: @text;
  9  all: unset;
 10  font-size: 14px;
 11  font-family: "JetBrains Mono Nerd Font 10";
 12  transition: 200ms;
 13
 14}
 15
 16.notification-row {
 17  outline: none;
 18  margin: 0;
 19  padding: 0px;
 20}
 21
 22.floating-notifications.background .notification-row .notification-background {
 23  background: @background-alt;
 24  box-shadow: 0 0 8px 0 rgba(0,0,0,.6);
 25  border: 1px solid @selected;
 26  border-radius: 9px;
 27  margin: 16px;
 28  padding: 0;
 29}
 30
 31.floating-notifications.background .notification-row .notification-background .notification {
 32  padding: 6px;
 33  border-radius: 9px;
 34}
 35
 36.floating-notifications.background .notification-row .notification-background .notification.critical {
 37  border: 2px solid @errr;
 38}
 39
 40.floating-notifications.background .notification-row .notification-background .notification .notification-content {
 41  margin: 14px;
 42}
 43
 44.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * {
 45  min-height: 3.4em;
 46}
 47
 48.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action {
 49  border-radius: 9px;
 50  background-color: @background-alt ;
 51  margin: 6px;
 52  border: 1px solid transparent;
 53}
 54
 55.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action:hover {
 56  background-color: @hover;
 57  border: 1px solid @selected;
 58}
 59
 60.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action:active {
 61  background-color: @selected;
 62  color: @background;
 63}
 64
 65.image {
 66  margin: 10px 20px 10px 0px;
 67}
 68
 69.summary {
 70  font-weight: 800;
 71  font-size: 1rem;
 72}
 73
 74.body {
 75  font-size: 0.8rem;
 76}
 77
 78.floating-notifications.background .notification-row .notification-background .close-button {
 79  margin: 6px;
 80  padding: 2px;
 81  border-radius: 6px;
 82  background-color: transparent;
 83  border: 1px solid transparent;
 84}
 85
 86.close-button{
 87  margin-right: 5px;
 88  margin-top: 7px;
 89}
 90
 91.floating-notifications.background .notification-row .notification-background .close-button:hover {
 92  background-color: @selected;
 93}
 94
 95.floating-notifications.background .notification-row .notification-background .close-button:active {
 96  background-color: @selected;
 97  color: @background;
 98}
 99
100.notification.critical progress {
101  background-color: @selected;
102}
103
104.notification.low progress,
105.notification.normal progress {
106  background-color: @selected;
107}
108