/* Standalone messages: no Vue, Element Plus, icon font or page overlay. */
.knn-notifications{position:fixed;z-index:2000000000;top:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;width:min(480px,calc(100% - 24px));pointer-events:none;box-sizing:border-box}
.knn-notification{--knn-note-color:#409eff;display:flex;align-items:flex-start;gap:10px;box-sizing:border-box;max-width:100%;padding:12px 15px;border:1px solid var(--knn-note-color);border-radius:9px;background:var(--knn-bg-color-card,#fff);color:var(--knn-text-color,#303133);box-shadow:0 5px 20px #0002;pointer-events:auto;animation:knn-note-in .18s ease-out}
.knn-notification--success{--knn-note-color:#35a765}.knn-notification--error{--knn-note-color:#e65656}.knn-notification--warning{--knn-note-color:#bd841c}
.knn-notification__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 19px;width:19px;height:19px;margin-top:1px;border-radius:50%;background:var(--knn-note-color);color:#fff;font-size:12px;font-style:normal;font-weight:700;line-height:1}
.knn-notification__text{min-width:0;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px}
.knn-notification__close{flex:0 0 22px;width:22px;height:22px;border:0;border-radius:4px;padding:0;background:transparent;color:inherit;cursor:pointer;font-size:20px;line-height:20px;opacity:.65}
.knn-notification__close:hover{opacity:1}.knn-notification__close:focus-visible{outline:2px solid var(--knn-note-color);outline-offset:2px}
body.dark-mode .knn-notification{background:var(--knn-bg-color-card,#202630);color:var(--knn-text-color,#eef1f6)}
@keyframes knn-note-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){.knn-notifications{top:calc(12px + env(safe-area-inset-top,0px))}.knn-notification{width:100%;padding:11px 12px}}
@media(prefers-reduced-motion:reduce){.knn-notification{animation:none}}