.alert-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;width:100%;max-width:420px;padding:20px;display:flex;position:fixed}.alert-container>*{pointer-events:auto}.alert-container-top-right{align-items:flex-end;top:0;right:0}.alert-container-top-left{align-items:flex-start;top:0;left:0}.alert-container-top-center{align-items:center;top:0;left:50%;transform:translate(-50%)}.alert-container-bottom-right{align-items:flex-end;bottom:0;right:0}.alert-container-bottom-left{align-items:flex-start;bottom:0;left:0}.alert-container-bottom-center{align-items:center;bottom:0;left:50%;transform:translate(-50%)}.alert{-webkit-backdrop-filter:blur(32px)saturate(180%);background:#121217eb;border:none;border-radius:16px;align-items:flex-start;gap:16px;min-width:360px;max-width:480px;padding:20px 24px;transition:all .3s cubic-bezier(.16,1,.3,1);animation:.5s cubic-bezier(.16,1,.3,1) alertSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff17,inset 0 1px #ffffff1c}.alert:before{content:"";opacity:1;background:currentColor;width:4px;height:100%;position:absolute;top:0;left:0}.alert:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 24px 72px #000000a6,0 0 0 1px #ffffff1f,inset 0 1px #ffffff21}@keyframes alertSlideIn{0%{opacity:0;transform:translate(120%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.alert-container-top-left .alert{animation:.4s cubic-bezier(.16,1,.3,1) alertSlideInLeft}@keyframes alertSlideInLeft{0%{opacity:0;transform:translate(-100%)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.alert-container-top-center .alert,.alert-container-bottom-center .alert{animation:.4s cubic-bezier(.16,1,.3,1) alertSlideInCenter}@keyframes alertSlideInCenter{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.alert-icon-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-top:0;display:flex}.alert-icon{stroke-width:2.5px;width:100%;height:100%}.alert-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.alert-title{letter-spacing:-.3px;color:#fff;margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.3}.alert-message{word-wrap:break-word;color:#ffffffbf;margin:0;font-size:14px;font-weight:400;line-height:1.6}.alert-close{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:0;margin-right:0;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.alert-close:hover{color:#fff;background:#ffffff1f;border-color:#fff3;transform:scale(1.05)rotate(90deg)}.alert-close:active{transform:scale(.95)rotate(90deg)}.alert-close svg{width:18px;height:18px}.alert-success{background:linear-gradient(135deg,#121217eb 0%,#0f1614eb 100%);box-shadow:0 20px 60px #0009,0 0 0 1px #10b98140,inset 0 1px #ffffff1c,0 0 40px #10b9812e}.alert-success .alert-icon-wrapper{color:#10b981;background:#10b98133;border-color:#10b9814d}.alert-success .alert-title{color:#10b981}.alert-success:before{background:linear-gradient(#10b981 0%,#059669 100%)}.alert-success:hover{box-shadow:0 24px 72px #000000a6,0 0 0 1px #10b98159,inset 0 1px #ffffff21,0 0 50px #10b98140}.alert-error{background:linear-gradient(135deg,#121217eb 0%,#160f0feb 100%);box-shadow:0 20px 60px #0009,0 0 0 1px #ef444440,inset 0 1px #ffffff1c,0 0 40px #ef44442e}.alert-error .alert-icon-wrapper{color:#ef4444;background:#ef444433;border-color:#ef44444d}.alert-error .alert-title{color:#ef4444}.alert-error:before{background:linear-gradient(#ef4444 0%,#dc2626 100%)}.alert-error:hover{box-shadow:0 24px 72px #000000a6,0 0 0 1px #ef444459,inset 0 1px #ffffff21,0 0 50px #ef444440}.alert-warning{background:linear-gradient(135deg,#121217eb 0%,#16140feb 100%);box-shadow:0 20px 60px #0009,0 0 0 1px #f59e0b40,inset 0 1px #ffffff1c,0 0 40px #f59e0b2e}.alert-warning .alert-icon-wrapper{color:#f59e0b;background:#f59e0b33;border-color:#f59e0b4d}.alert-warning .alert-title{color:#f59e0b}.alert-warning:before{background:linear-gradient(#f59e0b 0%,#d97706 100%)}.alert-warning:hover{box-shadow:0 24px 72px #000000a6,0 0 0 1px #f59e0b59,inset 0 1px #ffffff21,0 0 50px #f59e0b40}.alert-info{background:linear-gradient(135deg,#121217eb 0%,#12121aeb 100%);box-shadow:0 20px 60px #0009,0 0 0 1px #6366f140,inset 0 1px #ffffff1c,0 0 40px #6366f12e}.alert-info .alert-icon-wrapper{color:#6366f1;background:#6366f133;border-color:#6366f14d}.alert-info .alert-title{color:#6366f1}.alert-info:before{background:linear-gradient(#6366f1 0%,#4f46e5 100%)}.alert-info:hover{box-shadow:0 24px 72px #000000a6,0 0 0 1px #6366f159,inset 0 1px #ffffff21,0 0 50px #6366f140}@media (max-width:480px){.alert-container{max-width:100%;padding:12px}.alert{gap:14px;min-width:auto;max-width:100%;padding:16px 18px}.alert-icon-wrapper{width:36px;height:36px}.alert-title{font-size:14px}.alert-message{font-size:13px}.alert-close{width:24px;height:24px}.alert-close svg{width:14px;height:14px}}@media (prefers-color-scheme:light){.alert{background:#fffffff2;box-shadow:0 8px 32px #0000001a,inset 0 0 0 1px #0000000d}.alert-message{color:#000000b3}.alert-close{color:#00000080}.alert-close:hover{color:#000c;background:#0000000d}}