.vt-notification-host{display:flex;flex-direction:column;gap:var(--vt-notification-host-gap);pointer-events:none}.vt-notification-host--global{position:fixed;top:var(--vt-notification-host-top);left:var(--vt-notification-host-left);transform:translate(var(--vt-notification-host-translate-x));width:var(--vt-notification-host-width);max-width:calc(100vw - (var(--vt-notification-host-viewport-gutter) * 2));z-index:var(--vt-notification-host-z)}.vt-notification-host--component{position:absolute;top:var(--vt-notification-component-top);right:var(--vt-notification-component-right);width:var(--vt-notification-component-width);max-width:calc(100% - (var(--vt-notification-component-right) * 2));margin-bottom:0;z-index:var(--vt-notification-component-z)}.vt-notification{--vt-notification-accent-current: var(--vt-notification-info-accent);--vt-notification-bg-current: var(--vt-notification-info-bg);--vt-notification-text-current: var(--vt-notification-info-text);--vt-notification-close-bg-hover-current: var(--vt-notification-info-close-bg-hover);--vt-notification-action-bg-current: var(--vt-notification-info-action-bg);--vt-notification-action-hover-bg-current: var(--vt-notification-info-action-hover-bg);--vt-notification-action-text-current: var(--vt-notification-info-action-text);--vt-notification-action-hover-text-current: var(--vt-notification-info-action-hover-text);pointer-events:auto;position:relative;display:flex;flex-direction:column;gap:var(--vt-notification-gap);border-radius:var(--vt-notification-radius);background:var(--vt-notification-bg-current);color:var(--vt-notification-text-current);box-shadow:var(--vt-notification-shadow);padding:var(--vt-notification-padding-y) var(--vt-notification-padding-x);box-sizing:border-box}.vt-notification--inline{box-shadow:var(--vt-notification-inline-shadow)}.vt-notification--info{--vt-notification-accent-current: var(--vt-notification-info-accent);--vt-notification-bg-current: var(--vt-notification-info-bg);--vt-notification-text-current: var(--vt-notification-info-text);--vt-notification-close-bg-hover-current: var(--vt-notification-info-close-bg-hover);--vt-notification-action-bg-current: var(--vt-notification-info-action-bg);--vt-notification-action-hover-bg-current: var(--vt-notification-info-action-hover-bg);--vt-notification-action-text-current: var(--vt-notification-info-action-text);--vt-notification-action-hover-text-current: var(--vt-notification-info-action-hover-text)}.vt-notification--success{--vt-notification-accent-current: var(--vt-notification-success-accent);--vt-notification-bg-current: var(--vt-notification-success-bg);--vt-notification-text-current: var(--vt-notification-success-text);--vt-notification-close-bg-hover-current: var(--vt-notification-success-close-bg-hover);--vt-notification-action-bg-current: var(--vt-notification-success-action-bg);--vt-notification-action-hover-bg-current: var(--vt-notification-success-action-hover-bg);--vt-notification-action-text-current: var(--vt-notification-success-action-text);--vt-notification-action-hover-text-current: var(--vt-notification-success-action-hover-text)}.vt-notification--warning{--vt-notification-accent-current: var(--vt-notification-warning-accent);--vt-notification-bg-current: var(--vt-notification-warning-bg);--vt-notification-text-current: var(--vt-notification-warning-text);--vt-notification-close-bg-hover-current: var(--vt-notification-warning-close-bg-hover);--vt-notification-action-bg-current: var(--vt-notification-warning-action-bg);--vt-notification-action-hover-bg-current: var(--vt-notification-warning-action-hover-bg);--vt-notification-action-text-current: var(--vt-notification-warning-action-text);--vt-notification-action-hover-text-current: var(--vt-notification-warning-action-hover-text)}.vt-notification--error{--vt-notification-accent-current: var(--vt-notification-error-accent);--vt-notification-bg-current: var(--vt-notification-error-bg);--vt-notification-text-current: var(--vt-notification-error-text);--vt-notification-close-bg-hover-current: var(--vt-notification-error-close-bg-hover);--vt-notification-action-bg-current: var(--vt-notification-error-action-bg);--vt-notification-action-hover-bg-current: var(--vt-notification-error-action-hover-bg);--vt-notification-action-text-current: var(--vt-notification-error-action-text);--vt-notification-action-hover-text-current: var(--vt-notification-error-action-hover-text)}.vt-notification__head{display:flex;align-items:flex-start;gap:var(--vt-notification-head-gap)}.vt-notification__icon{display:inline-flex;align-items:baseline;justify-content:center;width:var(--vt-notification-icon-size);height:var(--vt-notification-icon-size);color:var(--vt-notification-accent-current);flex:0 0 auto}.vt-notification__body{flex:1 1 auto;min-width:0;padding-top:var(--vt-notification-padding-top)}.vt-notification__title{margin:0;font-size:var(--vt-notification-title-size);font-weight:var(--vt-notification-title-weight);line-height:var(--vt-notification-title-line-height)}.vt-notification__messages{margin:var(--vt-notification-messages-margin-top) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--vt-notification-message-gap)}.vt-notification__actions{margin-top:var(--vt-notification-actions-margin-top);display:flex;justify-content:flex-end}.vt-notification__action-btn{border:0;border-radius:var(--vt-notification-action-radius);min-width:var(--vt-notification-action-min-width);height:var(--vt-notification-action-height);padding:0 var(--vt-notification-action-padding-x);background:var(--vt-notification-action-bg-current);color:var(--vt-notification-action-text-current);font-size:var(--vt-notification-action-size);font-weight:var(--vt-notification-action-weight);line-height:1;cursor:pointer;transition:var(--vt-notification-action-transition)}.vt-notification__action-btn:hover{background:var(--vt-notification-action-hover-bg-current);color:var(--vt-notification-action-hover-text-current)}.vt-notification__action-btn:disabled{opacity:var(--vt-notification-action-disabled-opacity);cursor:not-allowed}.vt-notification__action-btn:focus-visible{outline:var(--vt-border-width) solid var(--vt-notification-accent-current);outline-offset:var(--vt-notification-focus-offset)}.vt-notification__message{margin:0;font-size:var(--vt-notification-body-size);font-weight:var(--vt-notification-body-weight);line-height:var(--vt-notification-body-line-height)}.vt-notification__close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--vt-notification-close-size);height:var(--vt-notification-close-size);border:0;border-radius:var(--vt-notification-close-radius);background:transparent;color:var(--vt-notification-text-current);cursor:pointer;transition:var(--vt-notification-close-transition)}.vt-notification__close:hover{background:var(--vt-notification-close-bg-hover-current)}.vt-notification__close:focus-visible{outline:var(--vt-border-width) solid var(--vt-notification-accent-current);outline-offset:var(--vt-notification-focus-offset)}.vt-notification__progress{width:var(--vt-notification-progress-width);height:var(--vt-notification-progress-height);border-radius:var(--vt-notification-progress-radius);background:var(--vt-notification-progress-track);overflow:hidden;margin-left:var(--vt-notification-progress-margin-left)}.vt-notification__progress-fill{display:block;width:0%;height:100%;background:var(--vt-notification-accent-current);position:relative;z-index:1;transition:width 50ms linear}