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