:root{
  --miber-toast-success:#12a779;
  --miber-toast-danger:#e54f65;
  --miber-toast-warning:#d88b1f;
  --miber-toast-info:#2388db;
}
.miber-toast-stack{
  position:fixed;
  top:max(18px,env(safe-area-inset-top));
  right:max(18px,env(safe-area-inset-right));
  z-index:2147483600;
  width:min(410px,calc(100vw - 28px));
  display:grid;
  gap:10px;
  pointer-events:none;
}
.miber-toast{
  --toast-accent:var(--miber-toast-info);
  --toast-duration:5600ms;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 30px!important;
  gap:12px!important;
  align-items:start!important;
  overflow:hidden!important;
  border:1px solid rgba(13,35,55,.10)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.97)!important;
  color:#142235!important;
  box-shadow:0 18px 55px rgba(4,24,43,.18),0 2px 8px rgba(4,24,43,.06)!important;
  backdrop-filter:blur(18px) saturate(140%);
  transform:translateX(18px) scale(.985)!important;
  opacity:0!important;
  pointer-events:auto;
  isolation:isolate;
  animation:miberToastIn .28s cubic-bezier(.2,.8,.2,1) forwards;
}
.miber-toast.success{--toast-accent:var(--miber-toast-success)}
.miber-toast.danger,.miber-toast.error{--toast-accent:var(--miber-toast-danger)}
.miber-toast.warning,.miber-toast.warn{--toast-accent:var(--miber-toast-warning)}
.miber-toast.info{--toast-accent:var(--miber-toast-info)}
.miber-toast::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--toast-accent);
  opacity:.95;
}
.miber-toast.is-leaving{
  animation:miberToastOut .22s ease forwards!important;
}
.miber-toast__icon{
  width:34px;
  height:34px;
  margin:14px 0 14px 14px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#eef5f8;
  background:color-mix(in srgb,var(--toast-accent) 11%,white);
  color:var(--toast-accent);
  font-size:16px;
  font-weight:950;
  line-height:1;
}
.miber-toast__body{
  min-width:0;
  padding:13px 0 15px;
}
.miber-toast__title{
  display:block;
  margin:0 0 3px;
  color:#142235;
  font-size:12px;
  font-weight:900;
  letter-spacing:-.01em;
}
.miber-toast__message{
  display:block;
  color:#65758a;
  font-size:11px;
  font-weight:650;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.miber-toast__close{
  width:28px;
  height:28px;
  margin:10px 8px 0 0;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#98a4b3;
  cursor:pointer;
  font:700 17px/1 Arial,sans-serif;
  transition:.16s ease;
}
.miber-toast__close:hover{background:#f1f4f7;color:#344255}
.miber-toast__progress{
  position:absolute;
  left:4px;
  right:0;
  bottom:0;
  height:3px;
  overflow:hidden;
  background:rgba(35,136,219,.08);
  background:color-mix(in srgb,var(--toast-accent) 10%,transparent);
}
.miber-toast__progress::after{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:var(--toast-accent);
  transform-origin:left center;
  animation:miberToastProgress var(--toast-duration) linear forwards;
}
.miber-toast.is-paused .miber-toast__progress::after{animation-play-state:paused}
@keyframes miberToastIn{to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes miberToastOut{to{opacity:0;transform:translateX(18px) scale(.985)}}
@keyframes miberToastProgress{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:640px){
  .miber-toast-stack{top:max(10px,env(safe-area-inset-top));right:10px;left:10px;width:auto}
  .miber-toast{grid-template-columns:40px minmax(0,1fr) 28px!important;border-radius:16px!important}
  .miber-toast__icon{margin-left:12px}
}
@media(prefers-reduced-motion:reduce){
  .miber-toast{animation:none!important;opacity:1!important;transform:none!important}
  .miber-toast.is-leaving{opacity:0!important;transition:opacity .12s ease}
}