body .bubble_notification {
  min-width: 63px;
  min-height: 18px;
  padding: 9px 27px;
  position: fixed;
  top: 20px;
  right: 18px;
  color: #fff;
  background-color: #2d2d2d;
  border: 2px solid #676767;
  border-radius: 12.6px;
  overflow: hidden;
  font-size: 0.9rem;
  animation: notification_bubble_right 0.45s forwards;
  display: flex;
  gap: 9px;
  align-items: center;
  z-index: 9999999999;
}
body .bubble_notification.vertical_full {
  flex-direction: column;
}
body .bubble_notification.vertical_full .actions {
  width: 100%;
  flex-direction: column;
}
body .bubble_notification.vertical_full .actions button {
  width: 100%;
}
body .bubble_notification.vertical_full:has(button) {
  padding-left: 27px;
  padding-right: 27px;
}
body .bubble_notification.vertical:has(button) {
  padding-left: 16.2px;
  padding-right: 16.2px;
}
body .bubble_notification.vertical:has(button):has(.message img.thumbnail) {
  padding-left: 9px;
}
body .bubble_notification.vertical .actions {
  flex-direction: column;
}
body .bubble_notification.vertical .actions button {
  width: 100%;
}
body .bubble_notification.alert {
  background-color: #ef5350;
  border: 2px solid #ff8381;
}
body .bubble_notification.alert button {
  background-color: #ff6361;
}
body .bubble_notification .message {
  width: auto;
  white-space: break-spaces;
  display: flex;
  flex-direction: column;
}
body .bubble_notification .message:has(img) img {
  max-width: 270px;
  border-radius: 7.2px;
  overflow: hidden;
  margin-bottom: 9px;
}
body .bubble_notification .message:has(img.thumbnail) {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
body .bubble_notification .message:has(img.thumbnail) img {
  max-width: 120px;
  margin-bottom: 0;
}
body .bubble_notification .message .muted {
  color: rgba(255, 255, 255, 0.4901960784);
}
body .bubble_notification .message .muted.note {
  font-size: 0.63rem;
}
body .bubble_notification .message .title {
  font-size: 1.2rem;
}
body .bubble_notification .duration {
  width: 0%;
  height: 1.8px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #f6f6f6;
}
body .bubble_notification:has(button) {
  padding-left: 16.2px;
  padding-right: 9px;
}
body .bubble_notification .actions {
  display: flex;
  gap: 9px;
}
body .bubble_notification button {
  min-width: 27px;
  min-height: 27px;
  white-space: nowrap;
  background-color: #444444;
  border: none;
  border-radius: 10.8px;
  overflow: hidden;
  color: #fff;
}
body .bubble_notification button:has(span:nth-of-type(2)) span[class^=plx-], body .bubble_notification button:has(span:nth-of-type(2)) span[class*=" plx-"] {
  margin-right: 6px;
}
body .bubble_notification button span {
  min-width: -moz-max-content;
  min-width: max-content;
}
body .bubble_notification *[class^=plx-], body .bubble_notification *[class*=" plx-"] {
  font-family: "FontPerplexeus" !important;
  font-weight: normal !important;
}
body .bubble_notification *[class^=plx-] *[class^=path], body .bubble_notification *[class^=plx-] *[class*=" path"], body .bubble_notification *[class*=" plx-"] *[class^=path], body .bubble_notification *[class*=" plx-"] *[class*=" path"] {
  font-family: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
}/*# sourceMappingURL=bubble_notification.css.map */