.orixfy-notification-root{
  position:fixed;
  top:92px;
  left:50%;
  transform:translateX(-50%);
  z-index:12000;
  width:min(92vw,520px);
  display:flex;
  flex-direction:column;
  gap:10px;
  pointer-events:none;
}
.orixfy-notification{
  display:grid;
  grid-template-columns:34px 1fr 30px;
  align-items:center;
  gap:10px;
  padding:13px 13px 13px 14px;
  border-radius:15px;
  border:1px solid rgba(107,157,226,.27);
  background:rgba(6,20,40,.97);
  color:#eff6ff;
  box-shadow:0 18px 60px rgba(0,0,0,.42);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  opacity:0;
  transform:translateY(-10px) scale(.98);
  transition:opacity .18s ease,transform .18s ease;
  pointer-events:auto;
}
.orixfy-notification.is-visible{opacity:1;transform:none}
.orixfy-notification.is-leaving{opacity:0;transform:translateY(-7px) scale(.98)}
.orixfy-notification-icon{
  width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;
  font-weight:900;
  background:rgba(91,151,255,.14);
  color:#77b0ff;
}
.orixfy-notification-message{
  font-size:.93rem;
  line-height:1.35;
  font-weight:700;
}
.orixfy-notification-close{
  border:0;
  background:transparent;
  color:#8fa4bd;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  border-radius:8px;
}
.orixfy-notification-close:hover{color:#fff;background:rgba(255,255,255,.06)}
.orixfy-notification.is-success{border-color:rgba(76,210,157,.28)}
.orixfy-notification.is-success .orixfy-notification-icon{color:#62d9aa;background:rgba(76,210,157,.13)}
.orixfy-notification.is-error{border-color:rgba(255,101,128,.33)}
.orixfy-notification.is-error .orixfy-notification-icon{color:#ff7d95;background:rgba(255,101,128,.13)}
.orixfy-notification.is-warning{border-color:rgba(255,190,88,.30)}
.orixfy-notification.is-warning .orixfy-notification-icon{color:#ffc96c;background:rgba(255,190,88,.13)}
@media(max-width:700px){
  .orixfy-notification-root{top:78px;width:calc(100vw - 24px)}
}