.vue3__apps .av-notification{position:relative;width:100%;padding:1rem;border-radius:var(--av-border-radius-notification)}.vue3__apps .av-notification button.av-notification__close{color:var(--av-color-icon-action);position:absolute;top:1rem;right:1rem;height:20px;border:none}.vue3__apps .av-notification button.av-notification__close:hover,.vue3__apps .av-notification button.av-notification__close:active{color:var(--av-color-icon-action-hover)}.vue3__apps .av-notification__content{color:var(--av-color-notification-text);font:var(--av-typography-body-regular);letter-spacing:var(--av-typography-body-regular-letter-spacing)}.vue3__apps .av-notification__content_with-clearable{padding-right:28px}.vue3__apps .av-notification__content-text p:first-child,.vue3__apps .av-notification__content .av-body-regular p:first-child{margin-top:0}.vue3__apps .av-notification__content-text p:last-child,.vue3__apps .av-notification__content .av-body-regular p:last-child{margin-bottom:0}.vue3__apps .av-notification__content-text a,.vue3__apps .av-notification__content .av-body-regular a{color:inherit}.vue3__apps .av-notification__content-text a:hover,.vue3__apps .av-notification__content .av-body-regular a:hover{text-decoration:none}.vue3__apps .av-notification_success{background:var(--av-color-notification-surface-success)}.vue3__apps .av-notification_success .av-h4,.vue3__apps .av-notification_success .av-body-semibold{color:var(--av-color-notification-text-title-success)}.vue3__apps .av-notification_info{background:var(--av-color-notification-surface-info)}.vue3__apps .av-notification_info .av-h4,.vue3__apps .av-notification_info .av-body-semibold{color:var(--av-color-notification-text-title-info)}.vue3__apps .av-notification_warning{background:var(--av-color-notification-surface-warning)}.vue3__apps .av-notification_warning .av-h4,.vue3__apps .av-notification_warning .av-body-semibold{color:var(--av-color-notification-text-title-warning)}.vue3__apps .av-notification_dangerous{background:var(--av-color-notification-surface-error)}.vue3__apps .av-notification_dangerous .av-h4,.vue3__apps .av-notification_dangerous .av-body-semibold{color:var(--av-color-notification-text-title-error)}