/**
 *  !!! COPY-PASTED FROM APERTO !!!
 */
/* ===================================================
BREAKPOINT SETTINGS
=================================================== */
/* ---------------------------------------------------
Transitions
--------------------------------------------------- */
/**
 * Colors
 */
/**
 * Typography
 */
/**
 * Radius
 */
/**
 * Link
 */
/**
 * Animation
 */
/**
 * Shadow
 */
/**
 * Section
 */
/**
 * Input
 */
/**
 * Breakpoints
 */
/**
 * Box
 */
/* Bulma Utilities */
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
:host {
  display: inline-flex;
  position: relative;
  align-self: center;
  cursor: pointer;
  width: 100%;
  justify-content: center;
  flex-grow: 0 !important;
}
:host .toast {
  align-self: center;
  display: inline-flex;
  animation-duration: 150ms;
  margin: 0.5em 0;
  text-align: center;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  border-radius: 3px;
  padding: 20px 40px;
  pointer-events: auto;
  max-width: 600px;
  flex-grow: 1;
  font-size: 0.9375rem;
  font-weight: 700;
}
:host .toast.is-primary {
  background: #009ee7;
  color: #ffffff;
}
:host .toast.is-info {
  background: #003399;
  color: #fff;
}
:host .toast.is-success {
  background: #3fc889;
  color: #ffffff;
}
:host .toast.is-warning {
  background: #ff9900;
  color: #ffffff;
}
:host .toast.is-danger {
  background: #ff3366;
  color: #ffffff;
}