.p3ess-toast-stack{
  position:fixed;
  top:24px;
  right:24px;
  z-index:99999;
  display:flex;
  flex-direction:column;
  gap:12px;
  width:min(380px, calc(100vw - 32px));
}
.p3ess-toast{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 14px 14px 16px;
  border-radius:8px;
  border:1px solid #dbeafe;
  background:#eff6ff;
  color:#1d4ed8;
  box-shadow:0 14px 34px rgba(15,23,42,.18);
}
.p3ess-toast.is-success{background:#edfaef;border-color:#b8e0c2;color:#0a6e1f}
.p3ess-toast.is-error{background:#fde8e8;border-color:#f1b5b5;color:#8a1f1f}
.p3ess-toast.is-warning{background:#fff4d6;border-color:#e8c976;color:#7a5a00}
.p3ess-toast.is-info{background:#eff6ff;border-color:#dbeafe;color:#1d4ed8}
.p3ess-toast-icon{flex:0 0 auto;font-size:18px;line-height:1.2;margin-top:1px}
.p3ess-toast-body{flex:1 1 auto;font-size:13px;line-height:1.45}
.p3ess-toast-close{
  flex:0 0 auto;
  width:28px;
  height:28px;
  border:0;
  border-radius:5px;
  background:transparent;
  color:inherit;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  opacity:.72;
}
.p3ess-toast-close:hover{opacity:1;background:rgba(15,23,42,.08)}
.p3ess-toast-seed{display:none}
@media (max-width:782px){
  .p3ess-toast-stack{top:16px;right:16px;left:16px;width:auto}
}