.notification-toast{top:calc(var(--layout-header-offset) + 12px);z-index:10000;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:min(380px,100vw - 32px);display:flex;position:fixed;left:50%;right:auto;transform:translate(-50%)}.notification-toast__item{pointer-events:auto;border-radius:var(--ui-radius-control);border:1px solid var(--border);background:var(--card);width:100%;box-shadow:0 16px 48px color-mix(in srgb, var(--text) 18%, transparent);align-items:center;gap:12px;padding:16px 18px;animation:.28s ease-out notification-toast-in;display:flex}@keyframes notification-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-toast__text{min-width:0;color:var(--text);text-align:center;flex:1}.notification-toast__close{opacity:.8;flex-shrink:0}.notification-toast__close:hover{opacity:1}.notification-toast__item--success{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--card))}.notification-toast__item--error{border-color:color-mix(in srgb, var(--status-danger) 55%, var(--border));background:color-mix(in srgb, var(--status-danger) 10%, var(--card))}.notification-toast__item--info{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--card))}@media (max-width:480px){.notification-toast{width:calc(100vw - (var(--layout-page-padding-x) * 2))}}