#notification {
  padding: 16px;
  border: solid 1px @outlineVariant;
  border-radius: 20px;
  margin-bottom: 12px;
  background-color: @surfaceContainerLow;
  min-width: 350px;
}

.notification-header .summary {
  font-size: 0.92rem;
  font-weight: bold;
}

.notification-body .body {
  color: darker(@foreground);
  font-weight: 600;
  font-size: 0.92rem;
}

#notification .close-button {
  border-radius: 100px;
}

#notification .close-button:hover {
  background: alpha(@foreground, 0.2);
  transition: background 0.15s ease-in-out;
  border-radius: 100px;
}

#notification-action-button button.start-action {
  margin-left: 0;
}

#notification-action-button button.end-action {
  margin-right: 0;
}

#notification-action-buttons button {
  padding: 0.6rem;
  font-weight: 600;
  border-radius: 100px;
  background-color: transparent;
}
#notification-action-buttons button:hover {
  background-color: lighter(@outlineVariant);
}

#notification-icon {
  margin-right: 5px;
}

.image {
  border-radius: 30px;
}

#notification-circular-progress-bar {
  border: solid 0px @outlineVariant;
  color: transparent;
}