.vl-notification-host{--vl-notification-enter-x:24px;z-index:var(--vl-z-toast);gap:var(--vl-space-3);box-sizing:border-box;width:384px;max-width:100%;max-height:100dvh;padding:var(--vl-space-4);pointer-events:none;flex-direction:column;display:flex;position:fixed;overflow:hidden auto}.vl-notification-host:empty{display:none}.vl-notification-host.is-top-left,.vl-notification-host.is-top-right{top:0}.vl-notification-host.is-bottom-left,.vl-notification-host.is-bottom-right{flex-direction:column-reverse;bottom:0}.vl-notification-host.is-bottom-right,.vl-notification-host.is-top-right{right:0}.vl-notification-host.is-bottom-left,.vl-notification-host.is-top-left{--vl-notification-enter-x:-24px;left:0}.vl-notification{background-color:var(--vl-color-bg-surface);border:1px solid var(--vl-color-border-light);border-radius:var(--vl-radius-md);box-shadow:var(--vl-shadow-md);--vl-notification-accent:var(--vl-color-info-text);align-items:flex-start;gap:var(--vl-space-3);box-sizing:border-box;width:100%;min-width:0;padding:var(--vl-space-4);color:var(--vl-color-text-primary);font-size:var(--vl-font-size-md);line-height:var(--vl-line-height-normal);overflow-wrap:anywhere;pointer-events:auto;flex:none;display:flex;position:relative}.vl-notification.is-success{--vl-notification-accent:var(--vl-color-success-text)}.vl-notification.is-warning{--vl-notification-accent:var(--vl-color-warning-text)}.vl-notification.is-error{--vl-notification-accent:var(--vl-color-danger-text)}.vl-notification__icon{width:20px;height:20px;color:var(--vl-notification-accent);flex:none;margin-top:1px}.vl-notification__body{flex:auto;min-width:0}.vl-notification__title{font-weight:var(--vl-font-weight-semibold)}.vl-notification__title+.vl-notification__content{margin-top:var(--vl-space-1)}.vl-notification__content{color:var(--vl-color-text-secondary)}.vl-notification__action{gap:var(--vl-space-2);margin-top:var(--vl-space-3);flex-wrap:wrap;display:flex}.vl-notification__close{border-radius:var(--vl-radius-sm);width:28px;height:28px;color:var(--vl-color-text-secondary);cursor:pointer;background:0 0;border:0;outline:none;flex:none;justify-content:center;align-items:center;margin:-3px -4px 0 0;padding:0;display:inline-flex}.vl-notification__close:focus-visible,.vl-notification__close:hover{background:var(--vl-color-bg-hover);color:var(--vl-color-text-primary)}.vl-notification__close svg{width:16px;height:16px}.vl-notification-fade-enter-active,.vl-notification-fade-leave-active{transition:opacity var(--vl-duration-medium) var(--vl-easing-standard),transform var(--vl-duration-medium) var(--vl-easing-emphasized)}.vl-notification-fade-enter-from,.vl-notification-fade-leave-to{opacity:0;transform:translateX(var(--vl-notification-enter-x))}@media (prefers-reduced-motion:reduce){.vl-notification-fade-enter-active,.vl-notification-fade-leave-active{transition:none}.vl-notification-fade-enter-from,.vl-notification-fade-leave-to{transform:none}}