.notifier-viewport{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;width:min(380px,100vw - 48px);display:flex;position:fixed;top:24px;right:24px}.notifier-toast{pointer-events:auto;background:rgb(var(--bg-default));color:rgb(var(--content-emphasis));border:1px solid rgb(var(--border-subtle) / .5);font-size:13px;font-family:var(--font-default), Inter, system-ui, sans-serif;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:transform .22s cubic-bezier(.2,.7,.2,1),opacity .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 32px -10px #141e3c2e,0 2px 6px #141e3c0f}.notifier-enter{opacity:0;transform:translate(20px)}.notifier-live{opacity:1;transform:translate(0)}.notifier-exit{opacity:0;transform:translate(20px)}.notifier-icon{width:22px;height:22px;color:rgb(var(--content-inverted));border-radius:6px;flex-shrink:0;place-items:center;display:grid}.notifier-success .notifier-icon{background:rgb(var(--content-success))}.notifier-error .notifier-icon{background:rgb(var(--content-error))}.notifier-loading .notifier-icon{background:rgb(var(--bg-inverted))}.notifier-msg{color:rgb(var(--content-emphasis));flex:1;min-width:0;line-height:1.4}.notifier-action{color:rgb(var(--bg-inverted));cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:12px;font-weight:600}.notifier-action:hover{background:rgb(var(--bg-inverted) / .06)}.notifier-x{width:22px;height:22px;color:rgb(var(--content-subtle));cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;place-items:center;display:grid}.notifier-x:hover{background:rgb(var(--bg-subtle));color:rgb(var(--content-emphasis))}.notifier-progress{background:rgb(var(--border-subtle) / .5);height:2px;position:absolute;bottom:0;left:0;right:0}.notifier-progress-fill{border-radius:0 2px 2px 0;height:100%;transition:width 60ms linear}.notifier-success .notifier-progress-fill{background:rgb(var(--content-success))}.notifier-error .notifier-progress-fill{background:rgb(var(--content-error))}.notifier-loading .notifier-progress-fill{background:rgb(var(--bg-inverted))}.notifier-spin{transform-origin:50%;transform-box:fill-box;animation:.9s linear infinite notifier-spin}@keyframes notifier-spin{to{transform:rotate(360deg)}}
