namirasoft-site-react 1.3.395 → 1.3.396

package/dist/components/NSLayoutHeroBanner.module.css

@@ -0,0 +1,43 @@
+.hero_holder {
+	background-color: #001664;
+	position: relative;
+}
+
+.hero_wraper {
+	padding-bottom: 24px;
+	padding-top: 24px;
+	display: flex;
+	justify-content: center;
+}
+
+.hero_text_container {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: flex-start;
+	color: #fff;
+	z-index: 9;
+}
+
+.hero_image_bg {
+	background-position: center;
+	background-repeat: no-repeat;
+	background-size: cover;
+	border-radius: 24px;
+	overflow: hidden;
+}
+
+@media only screen and (min-width: 1024px) {
+	.ns_hero_vector_bg {
+		position: absolute;
+		width: 100%;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		z-index: 2;
+		background-position: right bottom;
+		background-size: auto;
+		background-repeat: no-repeat;
+	}
+}

package/dist/components/NSLayoutTitle.d.ts

@@ -0,0 +1,2 @@
+import { INSLayoutTitleProps } from './NSLayout';
+export declare function NSLayoutTitle(props: INSLayoutTitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSLayoutTitle.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from './NSLayoutTitle.module.css';
+export function NSLayoutTitle(props) {
+    var _a;
+    let lines = ((_a = props.description) !== null && _a !== void 0 ? _a : "").split(/(\n|\\n|<br>|<br\s*\/>)/gm);
+    return (_jsxs("div", { children: [_jsx("h1", { className: Styles.title, children: props.title }), props.description && lines &&
+                _jsx("p", { className: Styles.description, children: lines.map((line, index) => {
+                        return _jsxs(_Fragment, { children: [line.trim(), index != lines.length - 1 && _jsx("br", {})] });
+                    }) })] }));
+}
+//# sourceMappingURL=NSLayoutTitle.js.map

package/dist/components/NSLayoutTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSLayoutTitle.js","sourceRoot":"","sources":["../../src/components/NSLayoutTitle.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,MAAM,UAAU,aAAa,CAAC,KAA0B;;IAEvD,IAAI,KAAK,GAAG,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IACzE,OAAO,CACN,0BACC,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,IAAI,KAAK;gBAC1B,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wBAEzB,OAAO,8BACL,IAAI,CAAC,IAAI,EAAE,EACX,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAM,IAClC,CAAC;oBACL,CAAC,CAAC,GACE,IAED,CACN,CAAC;AACH,CAAC"}

package/dist/components/NSLayoutTitle.module.css

@@ -0,0 +1,10 @@
+.title {
+	text-align: center;
+	color: rgba(20, 27, 92, 1);
+}
+
+.description {
+	text-align: center;
+	color: rgba(20, 27, 92, 1);
+	margin: 0px;
+}

package/dist/components/NSLink.module.css

@@ -1,37 +1,37 @@
-.ns_link_parent {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	width: 100%;
-	gap: 24px;
-}
-
-.ns_link {
-	text-decoration: none;
-	/* box-shadow: inset 2px 2px 2px 0 #1754F3; */
-	box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
-	color: #fff;
-	font-size: 16px;
-	font-weight: 600;
-	line-height: 16px;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	border-radius: 8px;
-	width: 358px;
-	height: 48px;
-	width: 100%;
-}
-
-.ns_link_absolute {
-	position: absolute;
-	width: 100%;
-	height: 100%;
-	left: 0;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	cursor: pointer;
-	background-color: transparent !important;
+.ns_link_parent {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	width: 100%;
+	gap: 24px;
+}
+
+.ns_link {
+	text-decoration: none;
+	/* box-shadow: inset 2px 2px 2px 0 #1754F3; */
+	box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
+	color: #fff;
+	font-size: 16px;
+	font-weight: 600;
+	line-height: 16px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	border-radius: 8px;
+	width: 358px;
+	height: 48px;
+	width: 100%;
+}
+
+.ns_link_absolute {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	cursor: pointer;
+	background-color: transparent !important;
 }

package/dist/components/NSLoading.module.css

@@ -1,30 +1,30 @@
-.ns_loading_parent {
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	margin: 0 auto;
-	padding: 48px 0;
-}
-
-.ns_loader {
-	margin: 16px 0;
-	width: 75px;
-	height: 75px;
-	border-radius: 50%;
-	padding: 1px;
-	background: conic-gradient(#0000 10%, #001664) content-box;
-	-webkit-mask:
-		repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg),
-		radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 calc(100% - 8px));
-	-webkit-mask-composite: destination-in;
-	mask-composite: intersect;
-	animation: s4 1s infinite steps(10);
-}
-
-@keyframes s4 {
-	to {
-		transform: rotate(1turn)
-	}
+.ns_loading_parent {
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	margin: 0 auto;
+	padding: 48px 0;
+}
+
+.ns_loader {
+	margin: 16px 0;
+	width: 75px;
+	height: 75px;
+	border-radius: 50%;
+	padding: 1px;
+	background: conic-gradient(#0000 10%, #001664) content-box;
+	-webkit-mask:
+		repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg),
+		radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 calc(100% - 8px));
+	-webkit-mask-composite: destination-in;
+	mask-composite: intersect;
+	animation: s4 1s infinite steps(10);
+}
+
+@keyframes s4 {
+	to {
+		transform: rotate(1turn)
+	}
 }

package/dist/components/NSModal.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+export interface INSModalProps extends IBaseComponentProps
+{
+    title?: string;
+    description?: string;
+    show: boolean;
+    children?: React.ReactNode;
+    onClose: () => void;
+}
+export declare function NSModal(props: INSModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSModal.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { NSSpace, NSSpaceSizeType, NSTitle } from "../main";
+import Styles from './NSModal.module.css';
+export function NSModal(props) {
+    var _a;
+    const handleModalClick = (event) => {
+        event.stopPropagation();
+    };
+    return (_jsx("div", { onClick: props.onClose, children: _jsx("section", { id: props.id, className: `${props.show ? Styles.ns_show : Styles.ns_hide}
+					${Styles.ns_modal} 
+					${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, onClick: props.onClose, children: _jsx("div", { className: Styles.ns_modal_container, onClick: handleModalClick, children: _jsxs("div", { className: Styles.ns_modal_content, children: [props.title && (_jsxs(_Fragment, { children: [_jsx(NSTitle, { title: props.title, style: { marginBottom: "0" } }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO })] })), props.description && (_jsx("div", { children: _jsx("p", { style: { marginBottom: "0" }, className: Styles.ns_modal_description, children: props.description }) })), props.children && (_jsx("div", { children: props.children }))] }) }) }) }));
+}
+//# sourceMappingURL=NSModal.js.map

package/dist/components/NSModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSModal.js","sourceRoot":"","sources":["../../src/components/NSModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACjF,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAS1C,MAAM,UAAU,OAAO,CAAC,KAAoB;;IAE3C,MAAM,gBAAgB,GAAG,CAAC,KAAuB,EAAE,EAAE;QAEpD,KAAK,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC,CAAC;IACF,OAAO,CACN,cAAK,OAAO,EAAE,KAAK,CAAC,OAAO,YAC1B,kBACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO;OACvD,MAAM,CAAC,QAAQ;OACf,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC/B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,YAEtB,cAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAE,OAAO,EAAE,gBAAgB,YACnE,eAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,aACrC,KAAK,CAAC,KAAK,IAAI,CACf,8BACC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,GAAI,EAC7D,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,IACtC,CACH,EAEA,KAAK,CAAC,WAAW,IAAI,CACpB,wBACC,YAAG,KAAK,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,oBAAoB,YAAG,KAAK,CAAC,WAAW,GAAK,GAC3F,CACN,EAGD,KAAK,CAAC,QAAQ,IAAI,CACjB,wBACE,KAAK,CAAC,QAAQ,GACV,CACN,IAEG,GACD,GACG,GACL,CACN,CAAC;AACH,CAAC"}

package/dist/components/NSModal.module.css

@@ -0,0 +1,71 @@
+/* Modal */
+.ns_modal {
+	position: fixed;
+	margin: 0 16px;
+	z-index: 10;
+	color: rgba(20, 27, 92, 1);
+	width: 100%;
+	height: 100%;
+	right: 0;
+	background-color: rgba(0, 0, 0, 0.8);
+	top: 0;
+	right: 0;
+	left: 0;
+	margin: 0;
+	display: none;
+	justify-content: center;
+	align-items: center;
+	z-index: 99;
+	text-align: center;
+	padding: 0 12px;
+}
+
+.ns_modal_container {
+	background-color: #fff;
+	width: 100%;
+	max-width: 600px;
+	position: relative;
+	border-radius: 8px;
+	border-radius: 8px;
+	padding: 24px;
+}
+
+.ns_close_modal {
+	border: none;
+	position: absolute;
+	right: 24px;
+	margin: 0;
+	top: 24px;
+	width: 24px;
+	height: 24px;
+	background-color: rgb(0, 0, 0);
+	border-radius: 50%;
+}
+
+.ns_close_modal img {
+	width: 12px;
+	height: 12px;
+}
+
+.ns_modal_content {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	height: 100%;
+}
+
+.ns_show {
+	display: flex;
+}
+
+.ns_hide {
+	display: none;
+}
+
+
+@media screen and (min-width: 554px) {
+	.ns_modal {
+		padding: 0;
+	}
+}

package/dist/components/NSNoData.module.css

@@ -1,9 +1,9 @@
-.ns_table_no_data {
-    background-color: rgb(255, 255, 255);
-    color: rgba(140, 140, 140, 0.7);
-    text-align: center;
-}
-
-.ns_table_no_data h4 {
-    font-size: 24px;
+.ns_table_no_data {
+    background-color: rgb(255, 255, 255);
+    color: rgba(140, 140, 140, 0.7);
+    text-align: center;
+}
+
+.ns_table_no_data h4 {
+    font-size: 24px;
 }

package/dist/components/NSNotification.d.ts

@@ -0,0 +1,21 @@
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+export interface INSNotificationProps extends IBaseComponentProps {
+    text: string;
+    type: NotificationType;
+    color: NSNotificationColor;
+    onClose: () => void;
+}
+export declare enum NSNotificationColor {
+    GRAY = "GRAY",
+    BLUE = "BLUE",
+    GREEN = "GREEN",
+    YELLOW = "YELLOW",
+    RED = "RED"
+}
+export declare enum NotificationType {
+    Information = "Information",
+    Warning = "Warning",
+    Success = "Success",
+    Error = "Error"
+}
+export declare function NSNotification(props: INSNotificationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSNotification.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from "./NSNotification.module.css";
+export var NSNotificationColor;
+(function (NSNotificationColor) {
+    NSNotificationColor["GRAY"] = "GRAY";
+    NSNotificationColor["BLUE"] = "BLUE";
+    NSNotificationColor["GREEN"] = "GREEN";
+    NSNotificationColor["YELLOW"] = "YELLOW";
+    NSNotificationColor["RED"] = "RED";
+})(NSNotificationColor || (NSNotificationColor = {}));
+export var NotificationType;
+(function (NotificationType) {
+    NotificationType["Information"] = "Information";
+    NotificationType["Warning"] = "Warning";
+    NotificationType["Success"] = "Success";
+    NotificationType["Error"] = "Error";
+})(NotificationType || (NotificationType = {}));
+export function NSNotification(props) {
+    let className = Styles["ns_" + props.color.toString().toLowerCase()];
+    let type = props.type;
+    let src = "";
+    switch (type) {
+        case "Error":
+            src = "https://static.namirasoft.com/image/concept/close/error.svg";
+            break;
+        case "Success":
+            src = "https://static.namirasoft.com/image/concept/close/success.svg";
+            break;
+        case "Warning":
+            src = "https://static.namirasoft.com/image/concept/close/warning.svg";
+            break;
+        case "Information":
+            src = "https://static.namirasoft.com/image/concept/close/info.svg";
+    }
+    return (_jsxs("div", { id: props.id, className: `${Styles.ns_messenger} ${className}`, style: props.style, children: [_jsx("p", { className: `mb-0 ns-font-16-normal`, children: props.text }), _jsx("img", { className: Styles.ns_exit_icon, src: src, alt: "exit", width: 32, height: 32, onClick: props.onClose })] }));
+}
+//# sourceMappingURL=NSNotification.js.map

package/dist/components/NSNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSNotification.js","sourceRoot":"","sources":["../../src/components/NSNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAWjD,MAAM,CAAN,IAAY,mBAOX;AAPD,WAAY,mBAAmB;IAE3B,oCAAa,CAAA;IACb,oCAAa,CAAA;IACb,sCAAe,CAAA;IACf,wCAAiB,CAAA;IACjB,kCAAW,CAAA;AACf,CAAC,EAPW,mBAAmB,KAAnB,mBAAmB,QAO9B;AAED,MAAM,CAAN,IAAY,gBAMX;AAND,WAAY,gBAAgB;IAExB,+CAA2B,CAAA;IAC3B,uCAAmB,CAAA;IACnB,uCAAmB,CAAA;IACnB,mCAAe,CAAA;AACnB,CAAC,EANW,gBAAgB,KAAhB,gBAAgB,QAM3B;AAED,MAAM,UAAU,cAAc,CAAC,KAA2B;IAEtD,IAAI,SAAS,GAAG,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC;IACrE,IAAI,IAAI,GAAE,KAAK,CAAC,IAAI,CAAC;IACrB,IAAI,GAAG,GAAC,EAAE,CAAC;IACX,QAAQ,IAAI,EACZ;QACI,KAAK,OAAO;YACR,GAAG,GAAG,6DAA6D,CAAC;YACpE,MAAM;QACV,KAAK,SAAS;YACV,GAAG,GAAG,+DAA+D,CAAC;YACtE,MAAM;QACV,KAAK,SAAS;YACV,GAAG,GAAG,+DAA+D,CAAC;YACtE,MAAM;QACV,KAAK,aAAa;YACd,GAAG,GAAG,4DAA4D,CAAC;KAC1E;IACD,OAAO,CACH,eAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EACb,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,SAAS,EAAE,EAChD,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,YAAG,SAAS,EAAE,wBAAwB,YAAG,KAAK,CAAC,IAAI,GAAK,EACxD,cACI,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,KAAK,CAAC,OAAO,GACxB,IACA,CACT,CAAC;AACN,CAAC"}

package/dist/components/NSNotification.module.css

@@ -0,0 +1,32 @@
+.ns_messenger {
+    background-color: #fff;
+    padding: 12px 15px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.ns_gray {
+    border: 3px solid gray;
+    box-shadow: 1px 1px 8px 0px gray;
+}
+
+.ns_blue {
+    border: 3px solid blue;
+    box-shadow: 1px 1px 8px 0px blue;
+}
+
+.ns_green {
+    border: 3px solid rgba(112, 224, 0, 1);
+    box-shadow: 1px 1px 8px 0px rgba(112, 224, 0, 1);
+}
+
+.ns_yellow {
+    border: 3px solid yellow;
+    box-shadow: 1px 1px 8px 0px yellow;
+}
+
+.ns_red {
+    border: 3px solid red;
+    box-shadow: 1px 1px 8px 0px red;
+}

package/dist/components/NSPageSelectionModal.module.css

@@ -1,103 +1,103 @@
-.ns_print_container {
-    z-index: 1;
-    top: 0%;
-    transform: translate(50%, 50%);
-    background-color: rgba(255, 255, 255, 1);
-    border-radius: 16px;
-    border: 0.2px solid rgb(210, 210, 210);
-    padding: 16px;
-    max-width: 380px;
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    z-index: 3;
-}
-
-.ns_header_print {
-    position: relative;
-}
-
-.ns_close_icon {
-    position: absolute;
-    right: 0px;
-    top: 0px;
-    cursor: pointer;
-}
-
-.ns_print_title {
-    display: flex;
-    gap: 8px;
-    color: #141B5C;
-    justify-content: center;
-    margin: 0;
-    align-items: center;
-}
-
-.ns_print_description {
-    color: #141B5C;
-    margin: 0;
-}
-
-.ns_parent_checkboxs {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    gap: 8px;
-}
-
-.ns_w_box_boolean div {
-    width: 100% !important;
-}
-
-.ns_w_box_boolean {
-    width: 100% !important;
-}
-
-.ns_w_box_string {
-    width: 100% !important;
-}
-
-.ns_w_box_string input {
-    width: 100% !important;
-    max-width: 100% !important;
-}
-
-@media only screen and (min-width: 768px) {
-    .ns_print_container {
-        max-width: 590px;
-    }
-
-    .ns_w_box_boolean div {
-        width: 272px !important;
-    }
-
-    .ns_w_box_boolean {
-        width: 272px !important;
-    }
-
-    .ns_w_box_string {
-        width: 272px !important;
-    }
-
-    .ns_w_box_string input {
-        width: 272px !important;
-    }
-}
-
-.ns_toast_background {
-    width: 100vw;
-    height: 100vh;
-    background-color: #00000059;
-    position: fixed;
-    top: 0;
-    left: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: default;
-}
-
-.ns_parent_modal {
-    /* position: relative; */
+.ns_print_container {
+    z-index: 1;
+    top: 0%;
+    transform: translate(50%, 50%);
+    background-color: rgba(255, 255, 255, 1);
+    border-radius: 16px;
+    border: 0.2px solid rgb(210, 210, 210);
+    padding: 16px;
+    max-width: 380px;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 3;
+}
+
+.ns_header_print {
+    position: relative;
+}
+
+.ns_close_icon {
+    position: absolute;
+    right: 0px;
+    top: 0px;
+    cursor: pointer;
+}
+
+.ns_print_title {
+    display: flex;
+    gap: 8px;
+    color: #141B5C;
+    justify-content: center;
+    margin: 0;
+    align-items: center;
+}
+
+.ns_print_description {
+    color: #141B5C;
+    margin: 0;
+}
+
+.ns_parent_checkboxs {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    gap: 8px;
+}
+
+.ns_w_box_boolean div {
+    width: 100% !important;
+}
+
+.ns_w_box_boolean {
+    width: 100% !important;
+}
+
+.ns_w_box_string {
+    width: 100% !important;
+}
+
+.ns_w_box_string input {
+    width: 100% !important;
+    max-width: 100% !important;
+}
+
+@media only screen and (min-width: 768px) {
+    .ns_print_container {
+        max-width: 590px;
+    }
+
+    .ns_w_box_boolean div {
+        width: 272px !important;
+    }
+
+    .ns_w_box_boolean {
+        width: 272px !important;
+    }
+
+    .ns_w_box_string {
+        width: 272px !important;
+    }
+
+    .ns_w_box_string input {
+        width: 272px !important;
+    }
+}
+
+.ns_toast_background {
+    width: 100vw;
+    height: 100vh;
+    background-color: #00000059;
+    position: fixed;
+    top: 0;
+    left: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: default;
+}
+
+.ns_parent_modal {
+    /* position: relative; */
 }