.vue3__apps .av-notification{box-sizing:border-box;border-radius:var(--av-border-radius-notification);width:100%;padding:1rem;position:relative}.vue3__apps .av-notification *{box-sizing:border-box}.vue3__apps .av-notification button.av-notification__close{color:var(--av-color-icon-action);border:none;height:20px;position:absolute;top:1rem;right:1rem}.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);word-break:break-word}.vue3__apps .av-notification__content_with-clearable{padding-right:28px}.vue3__apps .av-notification_success{background:var(--av-color-notification-surface-success)}.vue3__apps .av-notification_success .av-notification__title,.vue3__apps .av-notification_success .av-notification__subtitle{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-notification__title,.vue3__apps .av-notification_info .av-notification__subtitle{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-notification__title,.vue3__apps .av-notification_warning .av-notification__subtitle{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-notification__title,.vue3__apps .av-notification_dangerous .av-notification__subtitle{color:var(--av-color-notification-text-title-error)}