#flash-banner-wrapper{top:calc(var(--navbar-height,70px) + 12px);z-index:9999;pointer-events:none;flex-direction:column;gap:10px;width:min(540px,100vw - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.flash-banner{-webkit-backdrop-filter:blur(20px);pointer-events:all;border:1px solid #0000;border-radius:16px;align-items:center;gap:14px;padding:14px 18px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards flashSlideIn;display:flex;box-shadow:0 8px 32px #00000026}.flash-banner--error{color:#ef4444;background:#ef44441f;border-color:#ef44444d}html[data-theme=dark] .flash-banner--error{background:#ef44442e;border-color:#ef444466}.flash-banner--success{color:#16a34a;background:#22c55e1f;border-color:#22c55e4d}html[data-theme=dark] .flash-banner--success{color:#22c55e;background:#22c55e29;border-color:#22c55e59}.flash-banner--warning{color:#ca8a04;background:#eab3081f;border-color:#eab30859}html[data-theme=dark] .flash-banner--warning{color:#eab308;background:#eab30829;border-color:#eab30866}.flash-banner--info{color:#2563eb;background:#3b82f61f;border-color:#3b82f64d}html[data-theme=dark] .flash-banner--info{color:#60a5fa;background:#3b82f629;border-color:#3b82f659}.flash-banner__icon{width:36px;height:36px;color:inherit;background:currentColor;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.flash-banner__icon svg{color:#fff;flex-shrink:0}.flash-banner__text{flex:1;margin:0;font-size:14px;font-weight:600;line-height:1.5}.flash-banner__close{cursor:pointer;color:currentColor;opacity:.6;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:opacity .2s,background .2s;display:flex}.flash-banner__close:hover{opacity:1;background:#0000000d}@keyframes flashSlideIn{0%{opacity:0;transform:translateY(-16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes flashSlideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-12px)scale(.96)}}@media (width<=640px){#flash-banner-wrapper{top:calc(var(--navbar-height,60px) + 8px)}.flash-banner{gap:10px;padding:12px 14px}.flash-banner__icon{width:30px;height:30px}.flash-banner__icon svg{width:16px;height:16px}.flash-banner__text{font-size:13px}}