.notification-container{bottom:calc(var(--px) * 32);right:calc(var(--px) * 32);z-index:2147483647;gap:calc(var(--px) * 16);pointer-events:none;flex-direction:column;display:flex;position:fixed}.notification{-webkit-backdrop-filter:blur(6.5px);backdrop-filter:blur(6.5px);border-radius:calc(var(--px) * 50);color:#fff;padding:calc(var(--px) * 16) calc(var(--px) * 24);min-width:calc(var(--px) * 300);max-width:calc(var(--px) * 400);pointer-events:auto;box-shadow:0 calc(var(--px) * 4) calc(var(--px) * 12) #00000026;background:#353535cc;font-family:Manrope,sans-serif;animation:.3s ease-out slideIn}.notification-clickable{cursor:pointer;transition:transform .2s,background .2s}.notification-clickable:hover{transform:translateY(calc(var(--px) * -2));background:#353535e6}.notification-content{justify-content:space-between;align-items:center;gap:calc(var(--px) * 16);display:flex}.notification-message{font-size:calc(var(--px) * 14);flex:1;line-height:1.4}.notification-close{cursor:pointer;padding:calc(var(--px) * 4);opacity:.7;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.notification-close:hover{opacity:1}.notification-close img{filter:brightness(0)invert()}@keyframes slideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.notification-container{bottom:calc(var(--px) * 16);right:calc(var(--px) * 16);left:calc(var(--px) * 16)}.notification{min-width:auto;max-width:100%}}