/**
 *  !!! 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);
  }
}
.notification:not(:last-child) {
  margin-bottom: 1.5rem;
}

.notification {
  background-color: #f5f5f6;
  border-radius: 0;
  position: relative;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
}
.notification a:not(.button):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}
.notification strong {
  color: currentColor;
}
.notification code,
.notification pre {
  background: #ffffff;
}
.notification pre code {
  background: transparent;
}
.notification > .delete {
  right: 0.5rem;
  position: absolute;
  top: 0.5rem;
}
.notification .title,
.notification .subtitle,
.notification .content {
  color: currentColor;
}
.notification.is-white {
  background-color: #ffffff;
  color: #222222;
}
.notification.is-black {
  background-color: #222222;
  color: #ffffff;
}
.notification.is-light {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.7);
}
.notification.is-dark {
  background-color: #003399;
  color: #fff;
}
.notification.is-primary {
  background-color: #009ee7;
  color: #ffffff;
}
.notification.is-primary.is-light {
  background-color: #ebf9ff;
  color: #0085c2;
}
.notification.is-link {
  background-color: #009ee7;
  color: #003399;
}
.notification.is-link.is-light {
  background-color: #ebf9ff;
  color: #0085c2;
}
.notification.is-info {
  background-color: #003399;
  color: #fff;
}
.notification.is-info.is-light {
  background-color: #f0fbff;
  color: #002b82;
}
.notification.is-success {
  background-color: #3fc889;
  color: #ffffff;
}
.notification.is-success.is-light {
  background-color: #effaf5;
  color: #237b53;
}
.notification.is-warning {
  background-color: #ff9900;
  color: #fff;
}
.notification.is-warning.is-light {
  background-color: #fff7eb;
  color: #9e5f00;
}
.notification.is-danger {
  background-color: #ff3366;
  color: #fff;
}
.notification.is-danger.is-light {
  background-color: #ffebf0;
  color: #db0037;
}

:host {
  display: block;
  position: static;
}
:host .notification {
  background: #f0fbff;
  border: 1px solid #d3dbeb;
  color: #003399;
  font-family: MetaPro, Arial, sans-serif;
}
:host .notification.is-primary {
  background: #003399;
  border: 1px solid #003399;
  color: #ffffff;
}
:host .notification.is-info {
  background: #fafafa;
  border: 1px solid #d3dbeb;
  color: #222222;
}
:host .notification.is-link {
  background: #003399;
  color: #ffffff;
  border: none;
}
:host .notification.is-warning {
  background: #ff9900;
  color: #ffffff;
  border: none;
}
:host .notification.is-danger {
  background: #ff3366;
  color: #ffffff;
  border: none;
}
:host .notification.is-success {
  background: #3fc889;
  color: #ffffff;
  border: none;
}