:root {
  --notification-width: 317px;
  --notification-font-size: 12px;
  --notification-img-height: 35px;
}

#notification-container {
  z-index: 1000000;
  position: fixed;
  bottom: 4px;
  left: 0;
  margin-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
#notification-container .notification {
  width: var(--notification-width);
}
#notification-container .notification img {
  height: var(--notification-img-height);
}
#notification-container .notification p {
  font-size: var(--notification-font-size);
  margin: 0%;
}
#notification-container .notification .cntr-notification-message * {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#offcanvas-cntr-notification {
  z-index: 1000000;
}
#offcanvas-cntr-notification .notification {
  width: 100%;
}
#offcanvas-cntr-notification .notification img {
  height: var(--notification-img-height);
}
#offcanvas-cntr-notification .notification p {
  font-size: var(--notification-font-size);
  margin: 0%;
}

.notification-filter-label {
  transition: background-color ease-in-out 0.2s;
}
.notification-filter-label:has(input:checked) {
  --bs-bg-opacity: 1;
  color: white !important;
}
.notification-filter-label:not(:has(input:checked)) {
  --bs-bg-opacity: 0;
}

/*# sourceMappingURL=notification.css.map */