:root{--notification-bg:#fff;--notification-border-color:#e9ebed;--notification-error-color:#ea3223;--notification-info-color:#008fd6;--notification-message-text:#4d5d69;--notification-close-icon:#213444;--notification-line-color:#e9ebeda3}:root.dark-theme{--notification-bg:#334453;--notification-border-color:#e9ebed1f;--notification-error-color:#ec4235;--notification-info-color:#2ba2de;--notification-message-text:#e9eaec;--notification-close-icon:#e8eaec;--notification-line-color:#e9ebed1f}.ui-notification[data-v-c3d6e80c]{align-items:flex-start;background-color:var(--notification-bg);border-bottom:1px solid var(--notification-border-color);grid-template-columns:repeat(2,auto);padding:16px}.ui-notification .left-content .icon-content[data-v-c3d6e80c]{margin-right:12px}.ui-notification .left-content .icon-content .error-circle-icon[data-v-c3d6e80c] path{fill:var(--notification-error-color)}.ui-notification .left-content .message-text[data-v-c3d6e80c]{color:var(--notification-message-text);font-size:14px;line-height:20px}.ui-notification .left-content .message-text .status-text[data-v-c3d6e80c]{font-size:14px}.ui-notification .left-content .message-text .status-text.warning[data-v-c3d6e80c]{color:#fbce28}.ui-notification .left-content .message-text .status-text.error[data-v-c3d6e80c]{color:var(--notification-error-color)}.ui-notification .left-content .message-text .status-text.info[data-v-c3d6e80c]{color:var(--notification-info-color)}.ui-notification .right-content[data-v-c3d6e80c]{margin-left:32px}.ui-notification .right-content .action-button[data-v-c3d6e80c]{height:20px;margin-right:16px}.ui-notification .right-content .action-button-icon[data-v-c3d6e80c]{color:var(--btn-primary-outline-color);height:20px;margin-right:8px}.ui-notification .right-content .action-button-text[data-v-c3d6e80c]{color:var(--btn-primary-outline-color);font-size:14px;font-weight:500;line-height:normal}.ui-notification .right-content .action-button:hover .action-button-icon[data-v-c3d6e80c],.ui-notification .right-content .action-button:hover .action-button-text[data-v-c3d6e80c]{color:var(--btn-primary-outline-hover-color)}.ui-notification .right-content .action-line[data-v-c3d6e80c]{background-color:var(--notification-line-color);height:20px;margin-right:16px;width:1px}.ui-notification .right-content .close-button[data-v-c3d6e80c]{height:auto}.ui-notification .right-content .close-icon-content[data-v-c3d6e80c]{color:var(--notification-close-icon);height:20px}.ui-notification .right-content .close-icon-content[data-v-c3d6e80c] svg{margin-right:0}.ui-notification-pagination[data-v-c3d6e80c]{margin-left:32px;margin-top:12px}.ui-notification-pagination[data-v-c3d6e80c] .pagination,.ui-notification-pagination[data-v-c3d6e80c] .pagination-block{height:16px}.ui-notification-pagination[data-v-c3d6e80c] .previous-page-button{height:16px;margin-right:8px!important}.ui-notification-pagination[data-v-c3d6e80c] .previous-page-button .previous-page-button-icon,.ui-notification-pagination[data-v-c3d6e80c] .previous-page-button svg{height:16px;width:16px}.ui-notification-pagination[data-v-c3d6e80c] .next-page-button{height:16px;margin-left:8px!important}.ui-notification-pagination[data-v-c3d6e80c] .next-page-button .next-page-button-icon,.ui-notification-pagination[data-v-c3d6e80c] .next-page-button svg{height:16px;width:16px}