.notification-card{position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(180deg,#1d2230,#191d28);box-shadow:0 18px 50px -12px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.07);color:#eef1fb;width:100%;max-width:380px;padding:15px 16px 16px;transform-origin:top right;animation:notification-toast-in .42s cubic-bezier(.2,.9,.25,1) both}.notification-card__row{display:flex;align-items:center;gap:13px;min-height:50px;padding-right:40px}.notification-card__sprite-tile{position:relative;width:50px;height:50px;flex:none;display:grid;place-items:center;overflow:visible}.notification-card__content{flex:1;min-width:0}.notification-card__title{font-size:14px;font-weight:700;letter-spacing:.2px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#aab2c8}.notification-card[data-variant=pending] .notification-card__title,.notification-card[data-variant=speedup] .notification-card__title{color:#73a4ff}.notification-card[data-variant=success] .notification-card__title{color:#2ee591}.notification-card[data-variant=cancelled] .notification-card__title,.notification-card[data-variant=failed] .notification-card__title{color:#ff5d6c}.notification-card[data-variant=warning] .notification-card__title{color:#f3b340}.notification-card[data-variant=error] .notification-card__title{color:#ff5d6c}.notification-card[data-variant=info] .notification-card__title{color:#aab2c8}.notification-card__stepper{display:flex;align-items:center;margin-top:8px;padding-right:10px}.notification-card__stepper-step{display:flex;align-items:center;gap:5px;flex:none}.notification-card__stepper-line{flex:1;height:2px;background:rgba(170,178,200,.18);border-radius:1px;overflow:hidden;margin:0 6px}.notification-card__stepper-line-fill{display:block;width:100%;height:100%;background:transparent}.notification-card__stepper-line-fill--done{background:#0fc679}.notification-card__stepper-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex:none}.notification-card__stepper-icon--pending{color:#aab2c8}.notification-card__stepper-icon--failed{color:#ff5d6c}.notification-card__stepper-done-link{display:inline-flex;align-items:center;gap:5px;text-decoration:none;border-radius:4px;transition:opacity .15s}.notification-card__stepper-done-link:hover{opacity:.8}.notification-card__stepper-done-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;color:#0fc679}.notification-card__stepper-label{font-size:11px;font-weight:600;color:#eef1fb;white-space:nowrap}.notification-card__stepper-label--failed{color:#ff5d6c}@keyframes notification-stepper-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notification-card__stepper-spinner{animation:notification-stepper-spin .9s linear infinite}.notification-card__description--stepper{margin-top:6px;padding-right:10px}.notification-card__description{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:14px;font-weight:600}.notification-card__description-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#aab2c8}.notification-card__footer{display:flex;align-items:center;justify-content:flex-end;margin-top:8px;padding-top:2px;border-top:1px solid rgba(255,255,255,.07)}.notification-card:has(.notification-card__footer){padding-bottom:2px}.notification-card__footer-link{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;font-size:11px;font-weight:600;text-decoration:none;color:#aab2c8;transition:color .15s;appearance:none;border:none;background:transparent;cursor:pointer;padding:0;font-family:inherit}.notification-card__footer-link:hover{color:#eef1fb}.notification-card[data-variant=success] .notification-card__footer-link:hover{color:#2ee591}.notification-card__footer-link:focus-visible{outline:2px solid #73a4ff;outline-offset:2px;border-radius:4px}.notification-card__footer-link svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}.notification-card__close{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:#535c74;cursor:pointer;opacity:.6;transition:opacity .18s,background .18s,color .18s;border:none;background:transparent}.notification-card__close:hover{opacity:1;background:rgba(255,255,255,.08);color:#eef1fb}.notification-card__close:focus-visible{opacity:1;outline:2px solid #73a4ff;outline-offset:2px}.notification-card__logos{display:flex;align-items:center;flex:none}.notification-card__logo-monogram{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:800;color:#fff;letter-spacing:-.3px;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);background:#2864ff}.notification-card__logo-monogram:not(:first-child){margin-left:-7px}.notification-card__logo-overflow{margin-left:-7px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:800;color:#fff;background:rgba(255,255,255,.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);flex:none}.notification-card__progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:transparent}.notification-card__progress span{display:block;height:100%;width:100%;transform-origin:left}.notification-card__progress--indeterminate span{width:38%;background:#4f8bf5;animation:notification-indet 1.15s ease-in-out infinite}.notification-card__progress--success span{background:#1ed783;animation:notification-countdown var(--auto-dismiss-ms) linear forwards}.notification-card__progress--failure span{background:#ff5d6c;animation:notification-countdown var(--auto-dismiss-ms) linear forwards}.notification-card__sprite{position:relative;z-index:2;background-repeat:no-repeat;background-size:400% 100%;background-position:0 50%;filter:drop-shadow(0 3px 5px rgba(0,0,0,.45))}.notification-card__sprite--fly{width:60px;height:50px;background-image:url(/assets/notifications/fly-sprite.png)}.notification-card__sprite--fail{width:42px;height:54px;background-image:url(/assets/notifications/fail-sprite.png)}[data-sprite-state=pending]{animation:notification-dragon-float 2.8s ease-in-out infinite}[data-sprite-state=pending] .notification-card__sprite{animation:notification-fly-idle .82s step-end infinite}[data-sprite-state=failed] .notification-card__sprite--fail{animation:notification-sprite-emerge .5s cubic-bezier(.2,.8,.3,1) .18s both,notification-fail-dizzy 1.15s step-end .68s infinite}[data-sprite-state=confirmed]{animation:notification-dragon-float 2.8s ease-in-out infinite}.notification-card__dragon-fire{position:relative;z-index:2;width:44px;height:36px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.45));animation:notification-fire-emerge 2.2s ease both;background-image:url(/assets/notifications/dragon-fire.png);background-size:contain;background-repeat:no-repeat;background-position:50%}.notification-card__success-check{position:absolute;inset:0;display:grid;place-items:center;z-index:4;opacity:1}.notification-card__success-check svg{width:26px;height:26px;stroke:#2ee591;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 5px rgba(46,229,145,.5))}[data-sprite-state=confirmed] .notification-card__success-check{animation:notification-check-rise .58s cubic-bezier(.2,1.3,.4,1) 1.62s both}.notification-card__flash--amber{position:absolute;inset:-8px;border-radius:50%;z-index:1;opacity:0;transform-origin:80% 84%;background:radial-gradient(circle at 80% 82%,rgba(255,228,140,.92),rgba(255,150,60,.5) 32%,transparent 58%);animation:notification-amber-burst .8s ease-out both}.notification-card__flash--green{position:absolute;inset:-8px;border-radius:50%;z-index:3;opacity:0;background:radial-gradient(circle at 50% 55%,rgba(150,255,200,.85),rgba(46,229,131,.45) 38%,transparent 70%);animation:notification-flash-burst .78s ease-out 1.4s both}.notification-card__fire-sparks{position:absolute;right:5px;bottom:6px;width:0;height:0;z-index:3;pointer-events:none}.notification-card__fire-sparks span{position:absolute;width:3px;height:3px;border-radius:50%;opacity:0;background:#ffd27a;box-shadow:0 0 6px rgba(255,170,60,.95)}.notification-card__fire-sparks span:first-child{--dx:-15px;--dy:-17px;width:4px;height:4px;animation:notification-fspark .62s ease-out .02s both}.notification-card__fire-sparks span:nth-child(2){--dx:-7px;--dy:-22px;animation:notification-fspark .7s ease-out .08s both}.notification-card__fire-sparks span:nth-child(3){--dx:-21px;--dy:-9px;animation:notification-fspark .66s ease-out .14s both}.notification-card__fire-sparks span:nth-child(4){--dx:-12px;--dy:-13px;width:2px;height:2px;animation:notification-fspark .58s ease-out .2s both}.notification-card__fire-sparks span:nth-child(5){--dx:-24px;--dy:-19px;width:2px;height:2px;animation:notification-fspark .74s ease-out .05s both}.notification-card__fire-sparks span:nth-child(6){--dx:-18px;--dy:-25px;width:3px;height:3px;animation:notification-fspark .8s ease-out .26s both}.notification-card__embers{position:absolute;inset:0;z-index:3;pointer-events:none}.notification-card__embers span{position:absolute;bottom:15px;left:50%;width:4px;height:4px;border-radius:50%;opacity:0;background:#7dffbe;box-shadow:0 0 6px rgba(46,229,131,.95)}.notification-card__embers span:first-child{--dx:-13px;animation:notification-ember .8s ease-out 1.42s both}.notification-card__embers span:nth-child(2){--dx:10px;width:3px;height:3px;animation:notification-ember .9s ease-out 1.48s both}.notification-card__embers span:nth-child(3){--dx:-6px;width:5px;height:5px;animation:notification-ember .75s ease-out 1.54s both}.notification-card__embers span:nth-child(4){--dx:15px;width:3px;height:3px;animation:notification-ember .85s ease-out 1.46s both}.notification-card__embers span:nth-child(5){--dx:2px;animation:notification-ember .7s ease-out 1.58s both}.notification-card__embers span:nth-child(6){--dx:-17px;width:3px;height:3px;animation:notification-ember .95s ease-out 1.4s both}.notification-card__flames{position:absolute;left:50%;bottom:1px;width:44px;height:50px;transform:translateX(-50%);z-index:3;pointer-events:none}.notification-card__flames span{position:absolute;bottom:0;transform-origin:50% 100%;opacity:0;clip-path:polygon(50% 0,72% 30%,87% 62%,68% 100%,32% 100%,13% 62%,28% 30%);filter:blur(.6px);mix-blend-mode:screen}.notification-card__flames.red span{background:linear-gradient(0deg,#ffe7a8,#ff9a3c 32%,#ff4d4d 66%,rgba(255,77,77,0))}.notification-card__flames span:first-child{left:50%;margin-left:-11px;width:22px;height:46px;animation:notification-flame .78s ease-out .03s both}.notification-card__flames span:nth-child(2){left:50%;margin-left:-19px;width:16px;height:30px;animation:notification-flame .72s ease-out .15s both}.notification-card__flames span:nth-child(3){left:50%;margin-left:4px;width:15px;height:32px;animation:notification-flame .74s ease-out .1s both}.notification-card__impact-lines{position:absolute;top:6px;left:50%;width:0;height:0;z-index:6}.notification-card__impact-lines span{position:absolute;left:-1.4px;top:0;width:2.8px;height:11px;border-radius:2px;background:linear-gradient(0deg,rgba(255,210,63,0),#ffe27a);transform-origin:50% 150%;opacity:0}.notification-card__impact-lines span:first-child{--a:-64deg;animation:notification-impact .42s ease-out .5s both}.notification-card__impact-lines span:nth-child(2){--a:-32deg;animation:notification-impact .42s ease-out .55s both}.notification-card__impact-lines span:nth-child(3){--a:0deg;animation:notification-impact .42s ease-out .58s both}.notification-card__impact-lines span:nth-child(4){--a:32deg;animation:notification-impact .42s ease-out .55s both}.notification-card__impact-lines span:nth-child(5){--a:64deg;animation:notification-impact .42s ease-out .5s both}@keyframes notification-toast-in{0%{transform:translateX(14px) scale(.985)}to{transform:none}}@keyframes notification-dragon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes notification-fly-idle{0%{background-position:0 50%}25%{background-position:33.333% 50%}50%{background-position:66.667% 50%}75%{background-position:33.333% 50%}to{background-position:0 50%}}@keyframes notification-fail-dizzy{0%{background-position:0 50%}25%{background-position:33.333% 50%}50%{background-position:66.667% 50%}75%{background-position:100% 50%}to{background-position:0 50%}}@keyframes notification-fire-emerge{0%{opacity:0;transform:scale(.92)}16%{opacity:1;transform:scale(1)}30%{transform:scale(1.03)}44%{transform:scale(1)}68%{opacity:1;transform:scale(1)}85%{opacity:.5;transform:scale(1.08)}to{opacity:0;transform:scale(1.16)}}@keyframes notification-amber-burst{0%{opacity:0;transform:scale(.3)}30%{opacity:.95}to{opacity:0;transform:scale(1.25)}}@keyframes notification-flash-burst{0%{opacity:0;transform:scale(.4)}32%{opacity:.9}to{opacity:0;transform:scale(1.4)}}@keyframes notification-fspark{0%{opacity:0;transform:translate(0) scale(.4)}22%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}@keyframes notification-ember{0%{opacity:0;transform:translate(-50%) scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),-22px) scale(.3)}}@keyframes notification-flame{0%{opacity:0;transform:translateY(9px) scaleY(.3) scaleX(.8)}22%{opacity:1;transform:translateY(0) scaleY(1) scaleX(1)}48%{transform:translateY(-2px) scaleY(1.18) scaleX(.88)}72%{opacity:.85;transform:translateY(-5px) scaleY(1.04) scaleX(1.06)}to{opacity:0;transform:translateY(-12px) scaleY(1.35) scaleX(.65)}}@keyframes notification-sprite-emerge{0%{transform:translateY(5px) scale(.62)}55%{transform:scale(1.06)}to{transform:none}}@keyframes notification-check-rise{0%{opacity:0;transform:scale(.4)}40%{opacity:1}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes notification-impact{0%{opacity:0;transform:rotate(var(--a)) translateY(-3px) scaleY(.25)}40%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-17px) scaleY(1)}}@keyframes notification-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes notification-indet{0%{transform:translateX(-110%)}to{transform:translateX(330%)}}@media (prefers-reduced-motion:reduce){.notification-card,.notification-card__sprite-tile,.notification-card__sprite-tile .notification-card__dragon-fire,.notification-card__sprite-tile .notification-card__sprite,.notification-card__sprite-tile .notification-card__success-check{animation:none!important}.notification-card__dragon-fire,.notification-card__embers,.notification-card__fire-sparks,.notification-card__flames,.notification-card__flash--amber,.notification-card__flash--green,.notification-card__impact-lines{display:none!important}.notification-card__sprite--fail,.notification-card__sprite--fly{background-position:0 50%}.notification-card__success-check{opacity:1;transform:none}.notification-card__progress--failure span,.notification-card__progress--indeterminate span,.notification-card__progress--success span{animation:none!important}}