/* Common */
/* Checkbox */
/* Radio */
/* Badge */
/* Toast */
/* Notification */
:host {
  display: block;
}
:host .notification {
  display: flex;
  align-items: center;
}
:host .notification.toast {
  border-radius: 4px;
  filter: drop-shadow(-8px 8px 8px rgba(189, 189, 189, 0.3));
  padding: 16px;
  box-sizing: border-box;
  width: 420px;
}
:host .notification.toast.info {
  background-color: #ffffff;
  border: 1px solid #6A5F9B;
}
:host .notification.toast.warning {
  background-color: #FFF5B5;
  border: 1px solid #E08300;
}
:host .notification.toast.success {
  background-color: #D6E9D8;
  border: 1px solid #2EA84D;
}
:host .notification.toast.danger {
  background-color: #F6C7CD;
  border: 1px solid #DE1F14;
}
:host .notification.inline-colored {
  border-radius: 4px;
  padding: 16px;
  box-sizing: border-box;
  width: 100%;
}
:host .notification.inline-colored.info {
  border: 1px solid #6A5F9B;
}
:host .notification.inline-colored.warning {
  border: 1px solid #E08300;
}
:host .notification.inline-colored.success {
  border: 1px solid #2EA84D;
}
:host .notification.inline-colored.danger {
  border: 1px solid #DE1F14;
}
:host .notification .text {
  flex: 1;
  margin-left: 8px;
}
:host .notification .close {
  cursor: pointer;
  margin-left: 4px;
}