mada-design-system 0.1.1 → 0.2.0

package/package.json

@@ -1,147 +1,147 @@
 {
-    "name": "mada-design-system",
-    "version": "0.1.1",
-    "sideEffects": false,
-    "private": false,
-    "main": "index.es.js",
-    "scripts": {
-        "dev": "vite --open",
-        "build:storybook": "tsc && storybook build",
-        "build:lib": "tsc && vite build  && pnpm run build:config",
-        "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-        "preview": "vite preview",
-        "start": "storybook dev -p 6006",
-        "build:config": "node  build-tailwind",
-        "sonar": "node ./src/Lib/sonar.ts"
+  "name": "mada-design-system",
+  "version": "0.2.0",
+  "sideEffects": false,
+  "private": false,
+  "main": "index.es.js",
+  "scripts": {
+    "dev": "vite --open",
+    "build:storybook": "tsc && storybook build",
+    "build:lib": "tsc && vite build  && pnpm run build:config",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "start": "storybook dev -p 6006",
+    "build:config": "node  build-tailwind",
+    "sonar": "node ./src/Lib/sonar.ts"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "dependencies": {
+    "@date-io/moment": "2.17.0",
+    "@dnd-kit/core": "^6.2.0",
+    "@dnd-kit/sortable": "^9.0.0",
+    "@emotion/react": "11.11.3",
+    "@emotion/styled": "11.11.0",
+    "@hookform/resolvers": "^3.3.1",
+    "@mui/material": "5.15.3",
+    "@mui/x-date-pickers": "6.18.7",
+    "@radix-ui/react-accordion": "^1.2.2",
+    "@radix-ui/react-alert-dialog": "^1.1.5",
+    "@radix-ui/react-avatar": "^1.1.2",
+    "@radix-ui/react-checkbox": "^1.1.3",
+    "@radix-ui/react-collapsible": "^1.1.2",
+    "@radix-ui/react-dialog": "^1.1.5",
+    "@radix-ui/react-dropdown-menu": "^2.1.5",
+    "@radix-ui/react-label": "^2.1.1",
+    "@radix-ui/react-navigation-menu": "^1.2.4",
+    "@radix-ui/react-popover": "^1.1.5",
+    "@radix-ui/react-progress": "^1.1.1",
+    "@radix-ui/react-radio-group": "^1.2.2",
+    "@radix-ui/react-scroll-area": "^1.2.2",
+    "@radix-ui/react-select": "^2.1.5",
+    "@radix-ui/react-separator": "^1.1.1",
+    "@radix-ui/react-slider": "^1.2.2",
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-switch": "^1.1.2",
+    "@radix-ui/react-tabs": "^1.1.2",
+    "@radix-ui/react-toast": "^1.2.5",
+    "@radix-ui/react-toggle": "^1.1.1",
+    "@radix-ui/react-toggle-group": "^1.1.1",
+    "@radix-ui/react-tooltip": "^1.1.7",
+    "@tailwindcss/typography": "^0.5.10",
+    "@tanstack/react-query": "5.55.4",
+    "@tanstack/react-table": "^8.20.6",
+    "@tanstack/react-virtual": "^3.13.2",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "cmdk": "^0.2.0",
+    "embla-carousel-react": "^8.5.2",
+    "google-material-icons": "^2.0.1",
+    "highcharts": "^11.2.0",
+    "highcharts-react-official": "^3.2.1",
+    "immer": "^10.1.1",
+    "input-otp": "^1.4.2",
+    "moment": "^2.30.1",
+    "moment-hijri": "^2.1.2",
+    "oidc-client-ts": "^3.1.0",
+    "react-hook-form": "7.54.2",
+    "react-localization": "^1.0.19",
+    "react-router-dom": "^6.16.0",
+    "recharts": "^2.15.1",
+    "sonarqube-scanner": "^4.2.6",
+    "tailwind-merge": "^1.14.0",
+    "tailwind-scrollbar": "^3.1.0",
+    "tailwindcss-animate": "^1.0.7",
+    "usehooks-ts": "^2.9.1",
+    "zod": "^3.24.1",
+    "zustand": "^4.5.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3",
+    "@originjs/vite-plugin-commonjs": "^1.0.3",
+    "@rollup/plugin-inject": "^5.0.5",
+    "@storybook/addon-a11y": "^8.5.3",
+    "@storybook/addon-essentials": "^8.5.3",
+    "@storybook/addon-interactions": "^8.5.3",
+    "@storybook/addon-links": "^8.5.3",
+    "@storybook/addon-mdx-gfm": "^8.5.3",
+    "@storybook/addon-onboarding": "^8.5.3",
+    "@storybook/addon-themes": "^8.5.6",
+    "@storybook/blocks": "^8.5.3",
+    "@storybook/manager-api": "^8.5.3",
+    "@storybook/preview-api": "^8.5.3",
+    "@storybook/react": "^8.5.3",
+    "@storybook/react-vite": "^8.5.3",
+    "@storybook/test": "^8.5.3",
+    "@storybook/theming": "^8.5.3",
+    "@types/moment-hijri": "^2.1.4",
+    "@types/node": "^20.8.3",
+    "@types/react": "18.2.18",
+    "@types/react-dom": "^18.2.17",
+    "@types/uuid": "^9.0.8",
+    "@typescript-eslint/eslint-plugin": "^6.2.1",
+    "@typescript-eslint/parser": "^6.2.1",
+    "@vitejs/plugin-basic-ssl": "^1.2.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^8.46.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "eslint-plugin-storybook": "^0.11.2",
+    "postcss": "^8.5.1",
+    "postcss-rtlcss": "^4.0.8",
+    "prettier": "^3.4.2",
+    "prettier-plugin-tailwindcss": "^0.5.11",
+    "rtlcss": "^4.3.0",
+    "storybook": "^8.5.3",
+    "storybook-dark-mode": "^4.0.2",
+    "tailwindcss": "^3.4.3",
+    "typescript": "^5.7.3",
+    "vite": "^4.4.8",
+    "vite-plugin-dts": "^4.5.0"
+  },
+  "module": "index.es.js",
+  "types": "index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.es.js",
+      "require": "./index.cjs.js",
+      "types": "./index.d.ts"
     },
-    "peerDependencies": {
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0"
+    "./tailwind": {
+      "import": "./tailwind.config.js",
+      "require": "./tailwind.config.cjs"
     },
-    "dependencies": {
-        "@date-io/moment": "2.17.0",
-        "@dnd-kit/core": "^6.2.0",
-        "@dnd-kit/sortable": "^9.0.0",
-        "@emotion/react": "11.11.3",
-        "@emotion/styled": "11.11.0",
-        "@hookform/resolvers": "^3.3.1",
-        "@mui/material": "5.15.3",
-        "@mui/x-date-pickers": "6.18.7",
-        "@radix-ui/react-accordion": "^1.2.2",
-        "@radix-ui/react-alert-dialog": "^1.1.5",
-        "@radix-ui/react-avatar": "^1.1.2",
-        "@radix-ui/react-checkbox": "^1.1.3",
-        "@radix-ui/react-collapsible": "^1.1.2",
-        "@radix-ui/react-dialog": "^1.1.5",
-        "@radix-ui/react-dropdown-menu": "^2.1.5",
-        "@radix-ui/react-label": "^2.1.1",
-        "@radix-ui/react-navigation-menu": "^1.2.4",
-        "@radix-ui/react-popover": "^1.1.5",
-        "@radix-ui/react-progress": "^1.1.1",
-        "@radix-ui/react-radio-group": "^1.2.2",
-        "@radix-ui/react-scroll-area": "^1.2.2",
-        "@radix-ui/react-select": "^2.1.5",
-        "@radix-ui/react-separator": "^1.1.1",
-        "@radix-ui/react-slider": "^1.2.2",
-        "@radix-ui/react-slot": "^1.1.2",
-        "@radix-ui/react-switch": "^1.1.2",
-        "@radix-ui/react-tabs": "^1.1.2",
-        "@radix-ui/react-toast": "^1.2.5",
-        "@radix-ui/react-toggle": "^1.1.1",
-        "@radix-ui/react-toggle-group": "^1.1.1",
-        "@radix-ui/react-tooltip": "^1.1.7",
-        "@tailwindcss/typography": "^0.5.10",
-        "@tanstack/react-query": "5.55.4",
-        "@tanstack/react-table": "^8.20.6",
-        "@tanstack/react-virtual": "^3.13.2",
-        "class-variance-authority": "^0.7.0",
-        "clsx": "^2.1.1",
-        "cmdk": "^0.2.0",
-        "embla-carousel-react": "^8.5.2",
-        "google-material-icons": "^2.0.1",
-        "highcharts": "^11.2.0",
-        "highcharts-react-official": "^3.2.1",
-        "immer": "^10.1.1",
-        "input-otp": "^1.4.2",
-        "moment": "^2.30.1",
-        "moment-hijri": "^2.1.2",
-        "oidc-client-ts": "^3.1.0",
-        "react-hook-form": "7.54.2",
-        "react-localization": "^1.0.19",
-        "react-router-dom": "^6.16.0",
-        "recharts": "^2.15.1",
-        "sonarqube-scanner": "^4.2.6",
-        "tailwind-merge": "^1.14.0",
-        "tailwind-scrollbar": "^3.1.0",
-        "tailwindcss-animate": "^1.0.7",
-        "usehooks-ts": "^2.9.1",
-        "zod": "^3.24.1",
-        "zustand": "^4.5.1"
-    },
-    "devDependencies": {
-        "@chromatic-com/storybook": "^3",
-        "@originjs/vite-plugin-commonjs": "^1.0.3",
-        "@rollup/plugin-inject": "^5.0.5",
-        "@storybook/addon-a11y": "^8.5.3",
-        "@storybook/addon-essentials": "^8.5.3",
-        "@storybook/addon-interactions": "^8.5.3",
-        "@storybook/addon-links": "^8.5.3",
-        "@storybook/addon-mdx-gfm": "^8.5.3",
-        "@storybook/addon-onboarding": "^8.5.3",
-        "@storybook/addon-themes": "^8.5.6",
-        "@storybook/blocks": "^8.5.3",
-        "@storybook/manager-api": "^8.5.3",
-        "@storybook/preview-api": "^8.5.3",
-        "@storybook/react": "^8.5.3",
-        "@storybook/react-vite": "^8.5.3",
-        "@storybook/test": "^8.5.3",
-        "@storybook/theming": "^8.5.3",
-        "@types/moment-hijri": "^2.1.4",
-        "@types/node": "^20.8.3",
-        "@types/react": "18.2.18",
-        "@types/react-dom": "^18.2.17",
-        "@types/uuid": "^9.0.8",
-        "@typescript-eslint/eslint-plugin": "^6.2.1",
-        "@typescript-eslint/parser": "^6.2.1",
-        "@vitejs/plugin-basic-ssl": "^1.2.0",
-        "@vitejs/plugin-react": "^4.3.4",
-        "autoprefixer": "^10.4.20",
-        "eslint": "^8.46.0",
-        "eslint-config-prettier": "^9.1.0",
-        "eslint-plugin-react": "^7.37.4",
-        "eslint-plugin-react-hooks": "^4.6.0",
-        "eslint-plugin-react-refresh": "^0.4.3",
-        "eslint-plugin-storybook": "^0.11.2",
-        "postcss": "^8.5.1",
-        "postcss-rtlcss": "^4.0.8",
-        "prettier": "^3.4.2",
-        "prettier-plugin-tailwindcss": "^0.5.11",
-        "rtlcss": "^4.3.0",
-        "storybook": "^8.5.3",
-        "storybook-dark-mode": "^4.0.2",
-        "tailwindcss": "^3.4.3",
-        "typescript": "^5.7.3",
-        "vite": "^4.4.8",
-        "vite-plugin-dts": "^4.5.0"
-    },
-    "module": "index.es.js",
-    "types": "index.d.ts",
-    "exports": {
-        ".": {
-            "import": "./index.es.js",
-            "require": "./index.cjs.js",
-            "types": "./index.d.ts"
-        },
-        "./tailwind": {
-            "import": "./tailwind.config.js",
-            "require": "./tailwind.config.cjs"
-        },
-        "./eslint": "./.eslintrc.cjs",
-        "./prettier": "./.prettierrc.json",
-        "./tsconfig": "./tsconfig.json",
-        "./style": "./style.css"
-    },
-    "files": [
-        "*"
-    ]
-}
+    "./eslint": "./.eslintrc.cjs",
+    "./prettier": "./.prettierrc.json",
+    "./tsconfig": "./tsconfig.json",
+    "./style": "./style.css"
+  },
+  "files": [
+    "*"
+  ]
+}

package/style.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--background: #F9f9f9;--background-foreground: #0F0F0F;--background-secondary: #EBEBEB;--background-brand: #F7FDF9;--foreground: #0F0F0F;--overlay: #212625BD;--foreground-secondary: #212625BD;--foreground-tertiary: #353B3A99;--card: #fff;--card-foreground: #0F0F0F;--card-hover: #7E7E7E0D;--card-active: #FAFAFA;--popover: #fff;--popover-foreground: #0F0F0F;--primary: #1B8354;--primary-foreground: #fff;--primary-light: #88D8AD;--primary-dark: #166A45;--primary-oncontainer: #104631;--primary-container: #DFF6E7;--secondary: #DBA102;--secondary-foreground: #fff;--secondary-light: #FAE996;--secondary-dark: #B87B02;--secondary-oncontainer: #6E3C00;--secondary-container: #FFFCE6;--tertiary: #6D428F;--tertiary-foreground: #fff;--tertiary-light: #CCADD9;--tertiary-dark: #532D75;--tertiary-oncontainer: #281047;--tertiary-container: #F2E9F5;--error: #D92D20;--error-foreground: #fff;--error-light: #FDA29B;--error-dark: #B42318;--error-oncontainer: #7A271A;--error-container: #FEE4E2;--sucess: #079455;--sucess-foreground: #fff;--sucess-light: #75E0A7;--sucess-dark: #067647;--sucess-oncontainer: #074D31;--sucess-container: #DCFAE6;--warning: #DC6803;--warning-foreground: #fff;--warning-light: #FEC84B;--warning-dark: #B54708;--warning-oncontainer: #7A2E0E;--warning-container: #FEF0C7;--info: #1570EF;--info-foreground: #fff;--info-light: #84CAFF;--info-dark: #175CD3;--info-oncontainer: #194185;--info-container: #D1E9FF;--muted: #F9f9f9;--muted-foreground: #0F0F0F;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: #F04438;--destructive-foreground: #fff;--inverted: #0F0F0F;--inverted-secondary: #353B3A99;--inverted-foreground: #fff;--border: #EBEBEB;--border-secondary: #EBEBEB;--disabled: #9DA4AE;--disabled-foreground: #F9FAFB;--disabled-control-disabled: #9DA4AE;--disabled-border-disabled: #9DA4AE;--input: #353B3A3B;--ring: #0F0F0F;--divider: #353B3A3B;--skeleton: #353B3A33;--radius: 12px;--primary-10: #FFFFFF;--primary-25: #F7FDF9;--primary-50: #F3FCF6;--primary-100: #DFF6E7;--primary-200: #B8EACB;--primary-300: #88D8AD;--primary-400: #54C08A;--primary-500: #25935F;--primary-600: #1B8354;--primary-700: #166A45;--primary-800: #14573A;--primary-900: #104631;--primary-950: #092A1E;--secondary-10: #FFFFFF;--secondary-25: #FFFEF7;--secondary-50: #FFFEF2;--secondary-100: #FFFCE6;--secondary-200: #FCF3BD;--secondary-300: #FAE996;--secondary-400: #F7D54D;--secondary-500: #F5BD02;--secondary-600: #DBA102;--secondary-700: #B87B02;--secondary-800: #945C01;--secondary-900: #6E3C00;--secondary-950: #472400;--tertiary-10: #FFFFFF;--tertiary-25: #FEFCFF;--tertiary-50: #F9F5FA;--tertiary-100: #F2E9F5;--tertiary-200: #E1CCE8;--tertiary-300: #CCADD9;--tertiary-400: #A57BBA;--tertiary-500: #80519F;--tertiary-600: #6D428F;--tertiary-700: #532D75;--tertiary-800: #3D1D5E;--tertiary-900: #281047;--tertiary-950: #16072E;--text-default: #161616;--text-primary: var(--primary-600);--text-secondary: var(--secondary-600);--text-tertiary: var(--tertiary-600);--text-primary-sa-flag: var(--primary-800);--text-display: #1F2A37;--text-paragraph-primary: #384250;--text-paragraph-secondary: #6C737F;--text-oncolor-primary: #fff;--text-oncolor-secondary: #FFFFFFCC;--text-oncolor-tertiary: #FFFFFFB2;--text-success: #067647;--text-info: #175CD3;--text-warning: #B54708;--text-error: #B42318;--text-primary-light: var(--primary-300);--text-secondary-light: var(--secondary-300);--text-tertiary-light: var(--tertiary-300);--text-default-disabled: #9DA4AE;--text-default-oncolor-disabled: #FFFFFF66;--text-form-title: var(--text-default);--text-form-paragraph: var(--text-paragraph-secondary);--field-text-label: var(--text-default);--field-text-placeholder: var(--text-paragraph-secondary);--field-text-hovered: var(--text-default);--field-text-focused: var(--text-paragraph-primary);--field-text-pressed: var(--text-paragraph-primary);--field-text-filled: var(--text-default);--field-text-readonly: var(--text-default);--field-text-helper: var(--text-paragraph-secondary);--field-background-default: var(--background-card);--field-background-lighter: #FCFCFD;--field-background-darker: #F3F4F6;--field-background-pressed: #F3F4F6;--field-border-default: #9DA4AE;--field-border-hovered: #384250;--field-border-pressed: #0D121C;--field-border-error: var(--border-error);--border-primary: #E5E7EB;--border-secondary: #D2D6DB;--border-white: #fff;--border-white-40: #FFFFFF66;--border-black: #161616;--border-primary-default: var(--primary-600);--border-primary-light: var(--primary-200);--border-secondary-default: var(--secondary-600);--border-secondary-light: var(--secondary-200);--border-tertiary: var(--tertiary-500);--border-tertiary-light: var(--tertiary-200);--border-neutral-primary: #D2D6DB;--border-neutral-secondary: #E5E7EB;--border-neutral-tertiary: #F3F4F6;--border-background-white: #F3F4F6;--border-background-neutral: #D2D6DB;--border-transparent-10: #FFFFFF19;--border-oncolor-transparent-30: #FFFFFF4C;--border-success: #067647;--border-success-light: #ABEFC6;--border-info: #175CD3;--border-info-light: #B2DDFF;--border-warning: #B54708;--border-warning-light: #FEDF89;--border-error: #B42318;--border-error-light: #FECDCA;--border-disabled: #D2D6DB;--control-primary: #fff;--control-primary-checked: var(--primary-600);--control-primary-hovered: var(--primary-800);--control-primary-pressed: var(--primary-900);--control-primary-focused: var(--primary-600);--control-neutral-checked: #0D121C;--control-neutral-hovered: #4D5761;--control-neutral-pressed: #6C737F;--control-neutral-focused: #0D121C;--control-primary--readonly: #fff;--control-pressed: #D2D6DB;--control-ripple-effect: #F3F4F6;--control-border: #6C737F;--control-icon-hovered: #fff;--control-icon-pressed: #fff;--control-icon-disabled: #fff;--control-border-disabled: #9DA4AE;--control-disabled: #D2D6DB;--tag-background-neutral: #4D5761;--tag-background-neutral-light: #F9FAFB;--tag-background-on-color: #FFFFFF33;--tag-text-neutral: #1F2A37;--tag-text-success: #085D3A;--tag-text-info: #1849A9;--tag-text-warning: #93370D;--tag-text-error: #912018;--tag-text-primary: var(--primary-800);--tag-text-secondary: var(--secondary-800);--tag-icon-primary: var(--primary-800);--tag-icon-secondary: var(--secondary-800);--tag-icon-tertiary: var(--tertiary-800);--tag-text-tertiary: var(--tertiary-800);--tag-icon-neutral: #1F2A37;--tag-icon-success: #085D3A;--tag-icon-info: #1849A9;--tag-icon-warning: #93370D;--tag-icon-error: #912018;--tag-background-success: #067647;--tag-background-success-light: #ECFDF3;--tag-background-info: #1570EF;--tag-background-info-light: #EFF8FF;--tag-background-warning: #B54708;--tag-background-warning-light: #FFFAEB;--tag-background-error: #D92D20;--tag-background-error-light: #FEF3F2;--tag-background-primary: var(--primary-600);--tag-background-primary-light: var(--primary-50);--tag-background-secondary: var(--secondary-600);--tag-background-secondary-light: var(--secondary-50);--tag-background-tertiary: var(--tertiary-600);--tag-background-tertiary-light: var(--tertiary-50);--tag-border-neutral: #4D5761;--tag-border-neutral-light: #F9FAFB;--tag-border-on-color: #FFFFFF99;--tag-border-success: #067647;--tag-border-success-light: #ABEFC6;--tag-border-info: #175CD3;--tag-border-info-light: #B2DDFF;--tag-border-warning: #B54708;--tag-border-warning-light: #FEDF89;--tag-border-error: #B42318;--tag-border-error-light: #FECDCA;--tag-border-primary: var(--primary-700);--tag-border-primary-light: var(--primary-200);--tag-border-secondary: var(--secondary-700);--tag-border-secondary-light: var(--secondary-200);--tag-border-tertiary: var(--tertiary-700);--tag-border-tertiary-light: var(--tertiary-200);--tag-dot: #FFFFFF99;--icon-oncolor: #fff;--icon-default: #161616;--icon-default-500: #6C737F;--icon-default-400: #9DA4AE;--icon-primary: var(--primary-600);--icon-primary-light: var(--primary-50);--icon-primary-400: var(--primary-400);--icon-neutral: #384250;--icon-neutral-light: #F9FAFB;--icon-secondary: var(--secondary-600);--icon-secondary-light: var(--secondary-50);--icon-tertiary: var(--tertiary-500);--icon-tertiary-light: var(--tertiary-50);--icon-success: #067647;--icon-success-light: #ECFDF3;--icon-info: #175CD3;--icon-info-light: #EFF8FF;--icon-warning: #B54708;--icon-warning-light: #FFFAEB;--icon-error: #B42318;--icon-error-light: #FEF3F2;--background-warning-light: var(--background-warning-50);--background-error-light: var(--background-error-50);--background-primary-light: var(--background-primary-50);--background-info-light: var(--background-info-50);--background-success-light: var(--background-success-50);--unselected-tab-icon: #384250;--icon-default-disabled: #9DA4AE;--icon-default-oncolor-disabled: #FFFFFF66;--background-white: #fff;--background-body: #F9FAFB;--background-menu: #fff;--background-muted: #FCFCFD;--background-card: #fff;--surface-oncolor: #161616;--background-black: #161616;--background-neutral-800: #1F2A37;--background-neutral-400: #9DA4AE;--background-neutral-300: #D2D6DB;--background-neutral-200: #E5E7EB;--background-neutral-100: #F3F4F6;--background-neutral-50: #F9FAFB;--background-neutral-25: #FCFCFD;--background-primary: var(--primary-600);--background-primary-400: var(--primary-400);--background-primary-200: var(--primary-200);--background-primary-50: var(--primary-50);--background-primary-25: var(--primary-25);--background-secondary-default: var(--secondary-600);--background-secondary-50: var(--secondary-50);--background-secondary-25: var(--secondary-25);--background-tertiary: var(--tertiary-600);--background-tertiary-50: var(--tertiary-50);--background-tertiary-25: var(--tertiary-25);--background-success: #079455;--background-success-50: #ECFDF3;--background-success-25: #F6FEF9;--background-info: #1570EF;--background-info-50: #EFF8FF;--background-info-25: #F5FAFF;--background-warning: #DC6803;--background-warning-50: #FFFAEB;--background-warning-25: #FFFCF5;--background-error: #D92D20;--background-error-50: #FEF3F2;--background-error-25: #FFFBFA;--background-SA-Flag: #074D31;--background-SA-Flag-50: #ECFDF3;--background-SA-Flag-25: #F6FEF9;--background-notification-white: #fff;--background-nav-header: var(--primary-800);--background-disabled: #E5E7EB;--background-disabled-primary: var(--primary-200);--background-inverse-disabled: #F3F4F6;--background-black-default: #0D121C;--background-black-hovered: #1F2A37;--background-black-pressed: #4D5761;--background-black-selected: #384250;--background-black-focused: #0D121C;--background-primary-default: var(--primary-600);--background-primary-hovered: var(--primary-700);--background-primary-pressed: var(--primary-900);--background-primary-selected: var(--primary-800);--background-primary-focused: var(--primary-600);--background-neutral-default: #F3F4F6;--background-neutral-hovered: #F3F4F6;--background-neutral-pressed: #E5E7EB;--background-neutral-selected: #E5E7EB;--background-neutral-focused: #F3F4F6;--background-error-default: #D92D20;--background-error-hovered: #B42318;--background-error-pressed: #7A271A;--background-error-selected: #912018;--background-error-focused: #D92D20;--label-error-primary-oncolor-1: #FECDCA;--label-error-primary-oncolor-2: #FDA29B;--label-error-primary-oncolor-3: #F97066;--background-error-secondary-default: #FEF3F2;--background-error-secondary-hovered: #FEE4E2;--background-error-secondary-pressed: #FECDCA;--background-error-secondary-selected: #FEF3F2;--background-error-secondary-focused: #FEF3F2;--background-primary-light-default: var(--primary-50);--background-primary-light-hovered: var(--primary-100);--background-primary-light-pressed: var(--primary-200);--background-primary-light-selected: var(--primary-50);--background-primary-light-focused: var(--primary-50);--background-oncolor-default: #fff;--background-oncolor-hovered: #FFFFFFCC;--background-oncolor-pressed: #FFFFFF99;--background-oncolor-selected: #FFFFFFB2;--background-oncolor-focused: #FFFFFF;--background-transparent-default: #FFFFFF00;--background-transparent-hovered: #FFFFFF33;--background-transparent-pressed: #FFFFFF66;--background-transparent-selected: #FFFFFF4C;--background-transparent-focused: #FFFFFF00;--background-disabled-oncolor: #FFFFFF33;--label-transparent-hover-oncolor: var(--primary-400);--label-transparent-pressed-oncolor: var(--primary-300);--label-transparent-selected-oncolor: var(--primary-400);--icon-transparent-hover-oncolor: var(--primary-400);--icon-transparent-pressed-oncolor: var(--primary-300);--icon-transparent-selected-oncolor: var(--primary-400);--link-primary: var(--primary-600);--link-primary-hovered: var(--primary-400);--link-primary-pressed: var(--primary-300);--link-primary-focused: var(--primary-600);--link-primary-visited: var(--primary-800);--link-icon-primary-hovered: var(--primary-400);--link-icon-primary-pressed: var(--primary-300);--link-icon-primary-focused: var(--primary-600);--link-icon-primary-visited: var(--primary-800);--link-neutral: #384250;--link-neutral-hovered: #6C737F;--link-neutral-pressed: #9DA4AE;--link-neutral-focused: #384250;--link-neutral-visited: #4D5761;--link-icon-neutral-hovered: #6C737F;--link-icon-neutral-pressed: #9DA4AE;--link-icon-neutral-focused: #384250;--link-icon-neutral-visited: #4D5761;--link-oncolor: #fff;--link-oncolor-hovered: #FFFFFFCC;--link-icon-oncolor-hovered: #FFFFFFCC;--link-oncolor-pressed: #FFFFFF99;--link-icon-oncolor-pressed: #FFFFFF99;--link-oncolor-focused: #fff;--link-oncolor-visited: #FFFFFFE5;--link-icon-oncolor-visited: #FFFFFFE5;--link-oncolor-disabled: #FFFFFF4C;--link-icon-oncolor-disabled: #FFFFFF4C;--link-error: #D92D20;--link-error-hovered: #B42318;--link-icon-error-hovered: #B42318;--link-error-pressed: #7A271A;--link-icon-error-pressed: #7A271A;--link-error-focused: #912018;--link-icon-error-focused: #912018;--link-error-visited: #D92D20;--link-icon-error-visited: #D92D20;--link-secondary: var(--secondary-600);--link-secondary-hovered: var(--secondary-400);--link-secondary-pressed: var(--secondary-300);--link-secondary-focused: var(--secondary-600);--link-secondary-visited: var(--secondary-900);--link-tertiary: var(--tertiary-500);--link-tertiary-hovered: var(--tertiary-400);--link-tertiary-pressed: var(--tertiary-300);--link-tertiary-focused: var(--tertiary-500);--link-tertiary-visited: var(--tertiary-800)}.dark{--background: #313336;--background-foreground: #FFFFFF;--background-secondary: #414549;--background-brand: #313336;--foreground: #fff;--overlay: #CECECE;--foreground-secondary: #CECECE;--foreground-tertiary: #B7BBBC;--card: #242629;--card-foreground: #fff;--card-hover: #414549;--card-active: #313336;--popover: #242629;--popover-foreground: #fff;--primary: #25935F;--primary-foreground: #fff;--primary-light: #54C08A;--primary-dark: #1B8354;--primary-oncontainer: #F3FCF6;--primary-container: #104631;--secondary: #80519F;--secondary-foreground: #fff;--secondary-light: #A57BBA;--secondary-dark: #6D428F;--secondary-oncontainer: #F9F5FA;--secondary-container: #281047;--tertiary: #2E90FA;--tertiary-foreground: #fff;--tertiary-light: #53B1FD;--tertiary-dark: #1570EF;--tertiary-oncontainer: #EFF8FF;--tertiary-container: #194185;--error: #F04438;--error-foreground: #fff;--error-light: #F97066;--error-dark: #D92D20;--error-oncontainer: #FEF3F2;--error-container: #7A271A;--sucess: #17B26A;--sucess-foreground: #fff;--sucess-light: #47CD89;--sucess-dark: #079455;--sucess-oncontainer: #ECFDF3;--sucess-container: #074D31;--warning: #F79009;--warning-foreground: #fff;--warning-light: #FDB022;--warning-dark: #DC6803;--warning-oncontainer: #FFFAEB;--warning-container: #7A2E0E;--info: #2E90FA;--info-foreground: #fff;--info-light: #53B1FD;--info-dark: #1570EF;--info-oncontainer: #EFF8FF;--info-container: #194185;--muted: #313336;--muted-foreground: #fff;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: #F04438;--destructive-foreground: #fff;--inverted: #FFFFFF;--inverted-secondary: #CECECE;--inverted-foreground: #242629;--border: #555E65;--border-secondary: #494F55;--disabled: #9DA4AE;--disabled-foreground: #F9FAFB;--disabled-control-disabled: #FFFFFF4C;--disabled-border-disabled: #9DA4AE;--input: #555E65;--ring: #0F0F0F;--divider: #555E65;--skeleton: #636F77;--radius: 12px;--text-default: #fff;--text-primary: var(--primary-400);--text-secondary: var(--secondary-400);--text-tertiary: var(--tertiary-400);--text-primary-sa-flag: var(--primary-100);--text-display: #F9FAFB;--text-paragraph-primary: #F3F4F6;--text-paragraph-secondary: #E5E7EB;--text-oncolor-primary: #fff;--text-oncolor-secondary: #161616CC;--text-oncolor-tertiary: #161616B2;--text-success: #47CD89;--text-info: #53B1FD;--text-warning: #FDB022;--text-error: #F97066;--text-primary-light: var(--primary-300);--text-secondary-light: var(--secondary-400);--text-tertiary-light: var(--tertiary-400);--text-default-disabled: #9DA4AE;--text-default-oncolor-disabled: #16161666;--text-form-title: var(--text-default);--text-form-paragraph: var(--text-paragraph-secondary);--field-text-label: var(--text-default);--field-text-placeholder: var(--text-paragraph-secondary);--field-text-hovered: var(--text-default);--field-text-focused: var(--text-paragraph-primary);--field-text-pressed: var(--text-paragraph-primary);--field-text-filled: var(--text-default);--field-text-readonly: var(--text-default);--field-text-helper: var(--text-paragraph-secondary);--field-background-default: #1F2A37;--field-background-lighter: #4D5761;--field-background-darker: #1F2A37;--field-background-pressed: #4D5761;--field-border-default: #6C737F;--field-border-hovered: #E5E7EB;--field-border-pressed: #FCFCFD;--border-primary: #6C737F;--border-secondary: #4D5761;--border-white: #161616;--border-white-40: #16161666;--border-black: #fff;--border-primary-default: var(--primary-600);--border-primary-light: var(--primary-200);--border-secondary-default: var(--secondary-600);--border-secondary-light: var(--secondary-200);--border-tertiary: var(--tertiary-500);--border-tertiary-light: var(--tertiary-200);--border-neutral-primary: #6C737F;--border-neutral-secondary: #384250;--border-neutral-tertiary: #1F2A37;--border-background-white: #4D5761;--border-background-neutral: #4D5761;--border-transparent-10: #16161619;--border-oncolor-transparent-30: #FFFFFF4C;--border-success: #17B26A;--border-success-light: #ABEFC6;--border-info: #175CD3;--border-info-light: #B2DDFF;--border-warning: #B54708;--border-warning-light: #FEDF89;--border-error: #B42318;--border-error-light: #FECDCA;--border-disabled: #6C737F;--control-primary: #16161600;--control-primary-checked: var(--primary-600);--control-primary-hovered: var(--primary-300);--control-primary-pressed: var(--primary-400);--control-primary-focused: var(--primary-600);--control-neutral-checked: #4D5761;--control-neutral-hovered: #9DA4AE;--control-neutral-pressed: #9DA4AE;--control-neutral-focused: #4D5761;--control-primary--readonly: #16161600;--control-pressed: #4D5761;--control-ripple-effect: #111927;--control-border: #9DA4AE;--control-icon-hovered: var(--primary-800);--control-icon-pressed: var(--primary-800);--control-icon-disabled: #9DA4AE;--control-border-disabled: #1616164C;--control-disabled: #D2D6DB;--tag-background-neutral: var(--primary-600);--tag-background-neutral-light: #1F2A37;--tag-background-on-color: #FFFFFF33;--tag-text-neutral: #F3F4F6;--tag-text-success: #085D3A;--tag-text-info: #1849A9;--tag-text-warning: #93370D;--tag-text-error: #912018;--tag-text-primary: var(--primary-800);--tag-text-secondary: var(--secondary-800);--tag-icon-primary: var(--primary-800);--tag-icon-secondary: var(--secondary-800);--tag-icon-tertiary: var(--tertiary-800);--tag-text-tertiary: var(--tertiary-800);--tag-icon-neutral: #F3F4F6;--tag-icon-success: #085D3A;--tag-icon-info: #1849A9;--tag-icon-warning: #93370D;--tag-icon-error: #912018;--tag-background-success: #067647;--tag-background-success-light: #ECFDF3;--tag-background-info: #1570EF;--tag-background-info-light: #EFF8FF;--tag-background-warning: #B54708;--tag-background-warning-light: #FFFAEB;--tag-background-error: #D92D20;--tag-background-error-light: #FEF3F2;--tag-background-primary: var(--primary-600);--tag-background-primary-light: var(--primary-50);--tag-background-secondary: var(--secondary-600);--tag-background-secondary-light: var(--secondary-50);--tag-background-tertiary: var(--tertiary-600);--tag-background-tertiary-light: var(--tertiary-50);--tag-border-neutral: #D2D6DB;--tag-border-neutral-light: #1F2A37;--tag-border-on-color: #FFFFFF99;--tag-border-success: #067647;--tag-border-success-light: #ABEFC6;--tag-border-info: #175CD3;--tag-border-info-light: #B2DDFF;--tag-border-warning: #B54708;--tag-border-warning-light: #FEDF89;--tag-border-error: #B42318;--tag-border-error-light: #FECDCA;--tag-border-primary: var(--primary-700);--tag-border-primary-light: var(--primary-200);--tag-border-secondary: var(--secondary-700);--tag-border-secondary-light: var(--secondary-200);--tag-border-tertiary: var(--tertiary-700);--tag-border-tertiary-light: var(--tertiary-200);--tag-dot: #FFFFFF99;--icon-oncolor: #fff;--icon-default: #fff;--icon-default-500: #E5E7EB;--icon-default-400: #6C737F;--icon-primary: var(--primary-400);--icon-primary-light: var(--primary-50);--icon-primary-400: var(--primary-200);--icon-neutral: #9DA4AE;--icon-neutral-light: #0D121C;--icon-secondary: var(--secondary-400);--icon-secondary-light: var(--secondary-50);--icon-tertiary: var(--tertiary-400);--icon-tertiary-light: var(--tertiary-50);--icon-success: #47CD89;--icon-success-light: #ECFDF3;--icon-info: #53B1FD;--icon-info-light: #EFF8FF;--icon-warning: #FDB022;--icon-warning-light: #FFFAEB;--icon-error: #F97066;--icon-error-light: #FEF3F2;--background-warning-light: var(--background-warning-10);--background-error-light: var(--background-error-10);--background-primary-light: var(--background-primary-10);--background-info-light: var(--background-info-10);--background-success-light: var(--background-success-10);--unselected-tab-icon: #F3F4F6;--icon-default-disabled: #fff;--icon-default-oncolor-disabled: #fff;--background-white: #0D121C;--background-body: #111927;--background-menu: #1F2A37;--background-muted: #384250;--background-card: #1F2A37;--surface-oncolor: #fff;--background-black: #fff;--background-neutral-800: #4D5761;--background-neutral-400: #9DA4AE;--background-neutral-300: #6C737F;--background-neutral-200: #4D5761;--background-neutral-100: #1F2A37;--background-neutral-50: #111927;--background-neutral-25: #0D121C;--background-primary: var(--primary-600);--background-primary-400: var(--primary-400);--background-primary-200: #384250;--background-primary-50: #1B83541A;--background-primary-25: var(--primary-950);--background-secondary-default: var(--secondary-600);--background-secondary-50: #1F2A37;--background-secondary-25: #111927;--background-tertiary: var(--tertiary-600);--background-tertiary-50: #1F2A37;--background-tertiary-25: #111927;--background-success: #079455;--background-success-50: #07945533;--background-success-25: #1B83541A;--background-info: #1570EF;--background-info-50: #EFF8FF;--background-info-25: #F5FAFF;--background-warning: #DC6803;--background-warning-50: #DC680333;--background-warning-25: #DC68031A;--background-error: #D92D20;--background-error-50: #D92D2033;--background-error-25: #D92D201A;--background-SA-Flag: #079455;--background-SA-Flag-50: #1F2A37;--background-SA-Flag-25: #111927;--background-notification-white: #111927;--background-nav-header: var(--primary-800);--background-disabled: #384250;--background-disabled-primary: var(--primary-200);--background-inverse-disabled: #384250;--background-neutral-default: #1F2A37;--background-neutral-hovered: #384250;--background-neutral-pressed: #4D5761;--background-neutral-selected: #384250;--background-neutral-focused: #1F2A37;--background-oncolor-default: #161616;--background-oncolor-hovered: #161616CC;--background-oncolor-pressed: #16161699;--background-oncolor-selected: #161616B2;--background-oncolor-focused: #161616;--background-transparent-default: #16161600;--background-transparent-hovered: #16161633;--background-transparent-pressed: #16161666;--background-transparent-selected: #1616164C;--background-transparent-focused: #16161600;--background-disabled-oncolor: #16161633;--link-neutral: #E5E7EB;--link-neutral-hovered: #9DA4AE;--link-neutral-visited: #D2D6DB;--link-neutral-focused: #E5E7EB;--link-neutral-pressed: #6C737F;--link-icon-neutral-hovered: #9DA4AE;--link-icon-neutral-pressed: #6C737F;--link-icon-neutral-focused: #E5E7EB;--link-icon-neutral-visited: #D2D6DB;--link-icon-oncolor-hovered: #161616CC;--link-icon-oncolor-pressed: #16161699;--link-icon-oncolor-visited: #161616E5;--link-icon-oncolor-disabled: #1616164C}*{border-color:var(--border)}html{scroll-behavior:smooth;font-size:55%}@media (min-width: 640px){html{font-size:62.5%}}body{background-color:var(--background-white);font-family:IBM Plex Sans Arabic,ui-sans-serif,system-ui;font-size:1.6rem;color:var(--foreground)}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-transition:background-color 0s 600000s,color 0s 600000s!important;transition:background-color 0s 600000s,color 0s 600000s!important}.title-01{font-size:2rem;line-height:2.8rem}@media (min-width: 1024px){.title-01{font-size:2.4rem;line-height:3.2rem}}.title-02{font-size:2.4rem;font-weight:700;line-height:3.2rem}@media (min-width: 1024px){.title-02{font-size:3.2rem;line-height:4rem}}.title-03{font-size:2.8rem;line-height:3.6rem}@media (min-width: 768px){.title-03{font-size:4rem;line-height:5.2rem}}@media (min-width: 1024px){.title-03{font-size:4.8rem;line-height:6rem}}.display-01{font-size:4rem;font-weight:700;line-height:5.2rem}@media (min-width: 1024px){.display-01{font-size:4.8rem;line-height:6.2rem}}@media (min-width: 1280px){.display-01{font-size:6.4rem;line-height:8.8rem}}.display-02{font-size:4.2rem;font-weight:700;line-height:5.4rem}@media (min-width: 768px){.display-02{font-size:5.4rem;line-height:7rem}}@media (min-width: 1024px){.display-02{font-size:8.4rem;line-height:9.8rem}}.dsgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media (min-width: 768px){.dsgrid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width: 1024px){.dsgrid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}}.MuiButtonBase-root.MuiPickersDay-root{border-radius:8px;font-family:IBM Plex Sans Arabic,ui-sans-serif,system-ui;font-size:1.4rem;line-height:2rem}.MuiButtonBase-root.MuiPickersDay-root:hover{background-color:var(--primary-container)}.MuiButtonBase-root.MuiPickersDay-root:disabled{color:var(--disabled)!important}.MuiButtonBase-root.MuiPickersDay-root:is(.dark *){color:var(--foreground)}.MuiPickersCalendarHeader-label,.MuiDayCalendar-header .MuiTypography-caption.MuiDayCalendar-weekDayLabel{font-family:IBM Plex Sans Arabic,ui-sans-serif,system-ui}.MuiButtonBase-root.MuiPickersDay-root.Mui-selected,.MuiButtonBase-root.MuiPickersDay-root:focus.Mui-selected{background-color:var(--primary)}.MuiDayCalendar-header .MuiTypography-caption{font-size:1.2rem;line-height:1.6rem;color:var(--foreground-secondary)}.MuiPickersCalendarHeader-root{justify-content:space-between}.MuiPickersCalendarHeader-root>div{margin:0;font-size:1.4rem;line-height:2rem}.MuiButtonBase-root.MuiIconButton-root{font-size:1.4rem;line-height:2rem}.MuiButtonBase-root.MuiIconButton-root:is(.dark *){color:var(--foreground)}.MuiButtonBase-root.MuiIconButton-root:where([dir=ltr],[dir=ltr] *){--tw-rotate: 0deg !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.MuiButtonBase-root.MuiIconButton-root:where([dir=rtl],[dir=rtl] *){--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.MuiPickersYear-root .MuiPickersYear-yearButton{font-size:1.4rem;line-height:2rem}.MuiPickersYear-root .MuiPickersYear-yearButton:hover{background-color:var(--primary-container)}.MuiPickersYear-root .MuiPickersYear-yearButton.Mui-selected{background-color:var(--primary)!important}.Mui-disabled.MuiPickersDay-today{border-color:transparent!important}.MuiButtonBase-root.MuiPickersDay-root.Mui-selected:hover{background-color:var(--primary-dark)!important}html[dir=ltr] .MuiDateCalendar-root{direction:ltr}html[dir=rtl] .MuiDateCalendar-root{direction:rtl}
+@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--background: #F9FAFB;--background-foreground: #161616;--background-secondary: #F3F4F6;--background-brand: #F7FDF9;--foreground: #161616;--overlay: #16161699;--foreground-secondary: #384250;--foreground-tertiary: #6C737F;--card: #fff;--card-foreground: #161616;--card-hover: #E5E7EB;--card-active: #D2D6DB;--popover: #fff;--popover-foreground: #161616;--primary: #1B8354;--primary-foreground: #fff;--primary-light: #88D8AD;--primary-dark: #166A45;--primary-oncontainer: #104631;--primary-container: #DFF6E7;--secondary: #DBA102;--secondary-foreground: #fff;--secondary-light: #FAE996;--secondary-dark: #B87B02;--secondary-oncontainer: #6E3C00;--secondary-container: #FFFCE6;--tertiary: #6D428F;--tertiary-foreground: #fff;--tertiary-light: #CCADD9;--tertiary-dark: #532D75;--tertiary-oncontainer: #281047;--tertiary-container: #F2E9F5;--error: #D92D20;--error-foreground: #fff;--error-light: #FDA29B;--error-dark: #B42318;--error-oncontainer: #7A271A;--error-container: #FEE4E2;--sucess: #079455;--sucess-foreground: #fff;--sucess-light: #75E0A7;--sucess-dark: #067647;--sucess-oncontainer: #074D31;--sucess-container: #DCFAE6;--warning: #DC6803;--warning-foreground: #fff;--warning-light: #FEC84B;--warning-dark: #B54708;--warning-oncontainer: #7A2E0E;--warning-container: #FEF0C7;--info: #1570EF;--info-foreground: #fff;--info-light: #84CAFF;--info-dark: #175CD3;--info-oncontainer: #194185;--info-container: #D1E9FF;--muted: #fff;--muted-foreground: #161616;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: #F04438;--destructive-foreground: #fff;--inverted: #161616;--inverted-secondary: #353B3A99;--inverted-foreground: #fff;--border: #E5E7EB;--disabled: #9DA4AE;--disabled-foreground: #F9FAFB;--disabled-control-disabled: #9DA4AE;--disabled-border-disabled: #9DA4AE;--input: #9DA4AE;--ring: #0F0F0F;--divider: #353B3A3B;--skeleton: #9DA4AE;--radius: 12px;--primary-10: #FFFFFF;--primary-25: #F7FDF9;--primary-50: #F3FCF6;--primary-100: #DFF6E7;--primary-200: #B8EACB;--primary-300: #88D8AD;--primary-400: #54C08A;--primary-500: #25935F;--primary-600: #1B8354;--primary-700: #166A45;--primary-800: #14573A;--primary-900: #104631;--primary-950: #092A1E;--secondary-10: #FFFFFF;--secondary-25: #FFFEF7;--secondary-50: #FFFEF2;--secondary-100: #FFFCE6;--secondary-200: #FCF3BD;--secondary-300: #FAE996;--secondary-400: #F7D54D;--secondary-500: #F5BD02;--secondary-600: #DBA102;--secondary-700: #B87B02;--secondary-800: #945C01;--secondary-900: #6E3C00;--secondary-950: #472400;--tertiary-10: #FFFFFF;--tertiary-25: #FEFCFF;--tertiary-50: #F9F5FA;--tertiary-100: #F2E9F5;--tertiary-200: #E1CCE8;--tertiary-300: #CCADD9;--tertiary-400: #A57BBA;--tertiary-500: #80519F;--tertiary-600: #6D428F;--tertiary-700: #532D75;--tertiary-800: #3D1D5E;--tertiary-900: #281047;--tertiary-950: #16072E;--text-default: #161616;--text-primary: var(--primary-600);--text-secondary: var(--secondary-600);--text-tertiary: var(--tertiary-600);--text-primary-sa-flag: var(--primary-800);--text-display: #1F2A37;--text-paragraph-primary: #384250;--text-paragraph-secondary: #6C737F;--text-oncolor-primary: #fff;--text-oncolor-secondary: #FFFFFFCC;--text-oncolor-tertiary: #FFFFFFB2;--text-success: #067647;--text-info: #175CD3;--text-warning: #B54708;--text-error: #B42318;--text-primary-light: var(--primary-300);--text-secondary-light: var(--secondary-300);--text-tertiary-light: var(--tertiary-300);--text-default-disabled: #9DA4AE;--text-default-oncolor-disabled: #FFFFFF66;--text-form-title: var(--text-default);--text-form-paragraph: var(--text-paragraph-secondary);--field-text-label: var(--text-default);--field-text-placeholder: var(--text-paragraph-secondary);--field-text-hovered: var(--text-default);--field-text-focused: var(--text-paragraph-primary);--field-text-pressed: var(--text-paragraph-primary);--field-text-filled: var(--text-default);--field-text-readonly: var(--text-default);--field-text-helper: var(--text-paragraph-secondary);--field-background-default: var(--background-card);--field-background-lighter: #FCFCFD;--field-background-darker: #F3F4F6;--field-background-pressed: #F3F4F6;--field-border-default: #9DA4AE;--field-border-hovered: #384250;--field-border-pressed: #0D121C;--field-border-error: var(--border-error);--border-primary: #E5E7EB;--border-secondary: #D2D6DB;--border-white: #fff;--border-white-40: #FFFFFF66;--border-black: #161616;--border-primary-default: var(--primary-600);--border-primary-light: var(--primary-200);--border-secondary-default: var(--secondary-600);--border-secondary-light: var(--secondary-200);--border-tertiary: var(--tertiary-500);--border-tertiary-light: var(--tertiary-200);--border-neutral-primary: #D2D6DB;--border-neutral-secondary: #E5E7EB;--border-neutral-tertiary: #F3F4F6;--border-background-white: #F3F4F6;--border-background-neutral: #D2D6DB;--border-transparent-10: #FFFFFF19;--border-oncolor-transparent-30: #FFFFFF4C;--border-success: #067647;--border-success-light: #ABEFC6;--border-info: #175CD3;--border-info-light: #B2DDFF;--border-warning: #B54708;--border-warning-light: #FEDF89;--border-error: #B42318;--border-error-light: #FECDCA;--border-disabled: #D2D6DB;--control-primary: #fff;--control-primary-checked: var(--primary-600);--control-primary-hovered: var(--primary-800);--control-primary-pressed: var(--primary-900);--control-primary-focused: var(--primary-600);--control-neutral-checked: #0D121C;--control-neutral-hovered: #4D5761;--control-neutral-pressed: #6C737F;--control-neutral-focused: #0D121C;--control-primary--readonly: #fff;--control-pressed: #D2D6DB;--control-ripple-effect: #F3F4F6;--control-border: #6C737F;--control-icon-hovered: #fff;--control-icon-pressed: #fff;--control-icon-disabled: #fff;--control-border-disabled: #9DA4AE;--control-disabled: #D2D6DB;--tag-background-neutral: #4D5761;--tag-background-neutral-light: #F9FAFB;--tag-background-on-color: #FFFFFF33;--tag-text-neutral: #1F2A37;--tag-text-success: #085D3A;--tag-text-info: #1849A9;--tag-text-warning: #93370D;--tag-text-error: #912018;--tag-text-primary: var(--primary-800);--tag-text-secondary: var(--secondary-800);--tag-icon-primary: var(--primary-800);--tag-icon-secondary: var(--secondary-800);--tag-icon-tertiary: var(--tertiary-800);--tag-text-tertiary: var(--tertiary-800);--tag-icon-neutral: #1F2A37;--tag-icon-success: #085D3A;--tag-icon-info: #1849A9;--tag-icon-warning: #93370D;--tag-icon-error: #912018;--tag-background-success: #067647;--tag-background-success-light: #ECFDF3;--tag-background-info: #1570EF;--tag-background-info-light: #EFF8FF;--tag-background-warning: #B54708;--tag-background-warning-light: #FFFAEB;--tag-background-error: #D92D20;--tag-background-error-light: #FEF3F2;--tag-background-primary: var(--primary-600);--tag-background-primary-light: var(--primary-50);--tag-background-secondary: var(--secondary-600);--tag-background-secondary-light: var(--secondary-50);--tag-background-tertiary: var(--tertiary-600);--tag-background-tertiary-light: var(--tertiary-50);--tag-border-neutral: #4D5761;--tag-border-neutral-light: #F9FAFB;--tag-border-on-color: #FFFFFF99;--tag-border-success: #067647;--tag-border-success-light: #ABEFC6;--tag-border-info: #175CD3;--tag-border-info-light: #B2DDFF;--tag-border-warning: #B54708;--tag-border-warning-light: #FEDF89;--tag-border-error: #B42318;--tag-border-error-light: #FECDCA;--tag-border-primary: var(--primary-700);--tag-border-primary-light: var(--primary-200);--tag-border-secondary: var(--secondary-700);--tag-border-secondary-light: var(--secondary-200);--tag-border-tertiary: var(--tertiary-700);--tag-border-tertiary-light: var(--tertiary-200);--tag-dot: #FFFFFF99;--icon-oncolor: #fff;--icon-default: #161616;--icon-default-500: #6C737F;--icon-default-400: #9DA4AE;--icon-primary: var(--primary-600);--icon-primary-light: var(--primary-50);--icon-primary-400: var(--primary-400);--icon-neutral: #384250;--icon-neutral-light: #F9FAFB;--icon-secondary: var(--secondary-600);--icon-secondary-light: var(--secondary-50);--icon-tertiary: var(--tertiary-500);--icon-tertiary-light: var(--tertiary-50);--icon-success: #067647;--icon-success-light: #ECFDF3;--icon-info: #175CD3;--icon-info-light: #EFF8FF;--icon-warning: #B54708;--icon-warning-light: #FFFAEB;--icon-error: #B42318;--icon-error-light: #FEF3F2;--background-warning-light: var(--background-warning-50);--background-error-light: var(--background-error-50);--background-primary-light: var(--background-primary-50);--background-info-light: var(--background-info-50);--background-success-light: var(--background-success-50);--unselected-tab-icon: #384250;--icon-default-disabled: #9DA4AE;--icon-default-oncolor-disabled: #FFFFFF66;--background-white: #fff;--background-body: #F9FAFB;--background-menu: #fff;--background-muted: #FCFCFD;--background-card: #fff;--surface-oncolor: #161616;--background-black: #161616;--background-neutral-800: #1F2A37;--background-neutral-400: #9DA4AE;--background-neutral-300: #D2D6DB;--background-neutral-200: #E5E7EB;--background-neutral-100: #F3F4F6;--background-neutral-50: #F9FAFB;--background-neutral-25: #FCFCFD;--background-primary: var(--primary-600);--background-primary-400: var(--primary-400);--background-primary-200: var(--primary-200);--background-primary-50: var(--primary-50);--background-primary-25: var(--primary-25);--background-secondary-default: var(--secondary-600);--background-secondary-50: var(--secondary-50);--background-secondary-25: var(--secondary-25);--background-tertiary: var(--tertiary-600);--background-tertiary-50: var(--tertiary-50);--background-tertiary-25: var(--tertiary-25);--background-success: #079455;--background-success-50: #ECFDF3;--background-success-25: #F6FEF9;--background-info: #1570EF;--background-info-50: #EFF8FF;--background-info-25: #F5FAFF;--background-warning: #DC6803;--background-warning-50: #FFFAEB;--background-warning-25: #FFFCF5;--background-error: #D92D20;--background-error-50: #FEF3F2;--background-error-25: #FFFBFA;--background-SA-Flag: #074D31;--background-SA-Flag-50: #ECFDF3;--background-SA-Flag-25: #F6FEF9;--background-notification-white: #fff;--background-nav-header: var(--primary-800);--background-disabled: #E5E7EB;--background-disabled-primary: var(--primary-200);--background-inverse-disabled: #F3F4F6;--background-black-default: #0D121C;--background-black-hovered: #1F2A37;--background-black-pressed: #4D5761;--background-black-selected: #384250;--background-black-focused: #0D121C;--background-primary-default: var(--primary-600);--background-primary-hovered: var(--primary-700);--background-primary-pressed: var(--primary-900);--background-primary-selected: var(--primary-800);--background-primary-focused: var(--primary-600);--background-neutral-default: #F3F4F6;--background-neutral-hovered: #F3F4F6;--background-neutral-pressed: #E5E7EB;--background-neutral-selected: #E5E7EB;--background-neutral-focused: #F3F4F6;--background-error-default: #D92D20;--background-error-hovered: #B42318;--background-error-pressed: #7A271A;--background-error-selected: #912018;--background-error-focused: #D92D20;--label-error-primary-oncolor-1: #FECDCA;--label-error-primary-oncolor-2: #FDA29B;--label-error-primary-oncolor-3: #F97066;--background-error-secondary-default: #FEF3F2;--background-error-secondary-hovered: #FEE4E2;--background-error-secondary-pressed: #FECDCA;--background-error-secondary-selected: #FEF3F2;--background-error-secondary-focused: #FEF3F2;--background-primary-light-default: var(--primary-50);--background-primary-light-hovered: var(--primary-100);--background-primary-light-pressed: var(--primary-200);--background-primary-light-selected: var(--primary-50);--background-primary-light-focused: var(--primary-50);--background-oncolor-default: #fff;--background-oncolor-hovered: #FFFFFFCC;--background-oncolor-pressed: #FFFFFF99;--background-oncolor-selected: #FFFFFFB2;--background-oncolor-focused: #FFFFFF;--background-transparent-default: #FFFFFF00;--background-transparent-hovered: #FFFFFF33;--background-transparent-pressed: #FFFFFF66;--background-transparent-selected: #FFFFFF4C;--background-transparent-focused: #FFFFFF00;--background-disabled-oncolor: #FFFFFF33;--label-transparent-hover-oncolor: var(--primary-400);--label-transparent-pressed-oncolor: var(--primary-300);--label-transparent-selected-oncolor: var(--primary-400);--icon-transparent-hover-oncolor: var(--primary-400);--icon-transparent-pressed-oncolor: var(--primary-300);--icon-transparent-selected-oncolor: var(--primary-400);--link-primary: var(--primary-600);--link-primary-hovered: var(--primary-400);--link-primary-pressed: var(--primary-300);--link-primary-focused: var(--primary-600);--link-primary-visited: var(--primary-800);--link-icon-primary-hovered: var(--primary-400);--link-icon-primary-pressed: var(--primary-300);--link-icon-primary-focused: var(--primary-600);--link-icon-primary-visited: var(--primary-800);--link-neutral: #384250;--link-neutral-hovered: #6C737F;--link-neutral-pressed: #9DA4AE;--link-neutral-focused: #384250;--link-neutral-visited: #4D5761;--link-icon-neutral-hovered: #6C737F;--link-icon-neutral-pressed: #9DA4AE;--link-icon-neutral-focused: #384250;--link-icon-neutral-visited: #4D5761;--link-oncolor: #fff;--link-oncolor-hovered: #FFFFFFCC;--link-icon-oncolor-hovered: #FFFFFFCC;--link-oncolor-pressed: #FFFFFF99;--link-icon-oncolor-pressed: #FFFFFF99;--link-oncolor-focused: #fff;--link-oncolor-visited: #FFFFFFE5;--link-icon-oncolor-visited: #FFFFFFE5;--link-oncolor-disabled: #FFFFFF4C;--link-icon-oncolor-disabled: #FFFFFF4C;--link-error: #D92D20;--link-error-hovered: #B42318;--link-icon-error-hovered: #B42318;--link-error-pressed: #7A271A;--link-icon-error-pressed: #7A271A;--link-error-focused: #912018;--link-icon-error-focused: #912018;--link-error-visited: #D92D20;--link-icon-error-visited: #D92D20;--link-secondary: var(--secondary-600);--link-secondary-hovered: var(--secondary-400);--link-secondary-pressed: var(--secondary-300);--link-secondary-focused: var(--secondary-600);--link-secondary-visited: var(--secondary-900);--link-tertiary: var(--tertiary-500);--link-tertiary-hovered: var(--tertiary-400);--link-tertiary-pressed: var(--tertiary-300);--link-tertiary-focused: var(--tertiary-500);--link-tertiary-visited: var(--tertiary-800)}.dark{--background: #384250;--background-foreground: #fff;--background-secondary: #384250;--background-brand: #111927;--foreground: #fff;--overlay: #161616B2;--foreground-secondary: #F3F4F6;--foreground-tertiary: #E5E7EB;--card: #1F2A37;--card-foreground: #fff;--card-hover: #384250;--card-active: #111927;--popover: #161616;--popover-foreground: #fff;--primary: #25935F;--primary-foreground: #fff;--primary-light: #54C08A;--primary-dark: #1B8354;--primary-oncontainer: #F3FCF6;--primary-container: #104631;--secondary: #80519F;--secondary-foreground: #fff;--secondary-light: #A57BBA;--secondary-dark: #6D428F;--secondary-oncontainer: #F9F5FA;--secondary-container: #281047;--tertiary: #2E90FA;--tertiary-foreground: #fff;--tertiary-light: #53B1FD;--tertiary-dark: #1570EF;--tertiary-oncontainer: #EFF8FF;--tertiary-container: #194185;--error: #F04438;--error-foreground: #fff;--error-light: #F97066;--error-dark: #D92D20;--error-oncontainer: #FEF3F2;--error-container: #7A271A;--sucess: #17B26A;--sucess-foreground: #fff;--sucess-light: #47CD89;--sucess-dark: #079455;--sucess-oncontainer: #ECFDF3;--sucess-container: #074D31;--warning: #F79009;--warning-foreground: #fff;--warning-light: #FDB022;--warning-dark: #DC6803;--warning-oncontainer: #FFFAEB;--warning-container: #7A2E0E;--info: #2E90FA;--info-foreground: #fff;--info-light: #53B1FD;--info-dark: #1570EF;--info-oncontainer: #EFF8FF;--info-container: #194185;--muted: #161616;--muted-foreground: #fff;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: #F04438;--destructive-foreground: #fff;--inverted: #fff;--inverted-secondary: #CECECE;--inverted-foreground: #242629;--border: #6C737F;--disabled: #9DA4AE;--disabled-foreground: #F9FAFB;--disabled-control-disabled: #FFFFFF4C;--disabled-border-disabled: #9DA4AE;--input: #6C737F;--ring: #0F0F0F;--divider: #6C737F;--skeleton: #9DA4AE;--radius: 12px;--text-default: #fff;--text-primary: var(--primary-400);--text-secondary: var(--secondary-400);--text-tertiary: var(--tertiary-400);--text-primary-sa-flag: var(--primary-100);--text-display: #F9FAFB;--text-paragraph-primary: #F3F4F6;--text-paragraph-secondary: #E5E7EB;--text-oncolor-primary: #fff;--text-oncolor-secondary: #161616CC;--text-oncolor-tertiary: #161616B2;--text-success: #47CD89;--text-info: #53B1FD;--text-warning: #FDB022;--text-error: #F97066;--text-primary-light: var(--primary-300);--text-secondary-light: var(--secondary-400);--text-tertiary-light: var(--tertiary-400);--text-default-disabled: #9DA4AE;--text-default-oncolor-disabled: #16161666;--text-form-title: var(--text-default);--text-form-paragraph: var(--text-paragraph-secondary);--field-text-label: var(--text-default);--field-text-placeholder: var(--text-paragraph-secondary);--field-text-hovered: var(--text-default);--field-text-focused: var(--text-paragraph-primary);--field-text-pressed: var(--text-paragraph-primary);--field-text-filled: var(--text-default);--field-text-readonly: var(--text-default);--field-text-helper: var(--text-paragraph-secondary);--field-background-default: #1F2A37;--field-background-lighter: #4D5761;--field-background-darker: #1F2A37;--field-background-pressed: #4D5761;--field-border-default: #6C737F;--field-border-hovered: #E5E7EB;--field-border-pressed: #FCFCFD;--border-primary: #6C737F;--border-secondary: #4D5761;--border-white: #161616;--border-white-40: #16161666;--border-black: #fff;--border-primary-default: var(--primary-600);--border-primary-light: var(--primary-200);--border-secondary-default: var(--secondary-600);--border-secondary-light: var(--secondary-200);--border-tertiary: var(--tertiary-500);--border-tertiary-light: var(--tertiary-200);--border-neutral-primary: #6C737F;--border-neutral-secondary: #384250;--border-neutral-tertiary: #1F2A37;--border-background-white: #4D5761;--border-background-neutral: #4D5761;--border-transparent-10: #16161619;--border-oncolor-transparent-30: #FFFFFF4C;--border-success: #17B26A;--border-success-light: #ABEFC6;--border-info: #175CD3;--border-info-light: #B2DDFF;--border-warning: #B54708;--border-warning-light: #FEDF89;--border-error: #B42318;--border-error-light: #FECDCA;--border-disabled: #6C737F;--control-primary: #16161600;--control-primary-checked: var(--primary-600);--control-primary-hovered: var(--primary-300);--control-primary-pressed: var(--primary-400);--control-primary-focused: var(--primary-600);--control-neutral-checked: #4D5761;--control-neutral-hovered: #9DA4AE;--control-neutral-pressed: #9DA4AE;--control-neutral-focused: #4D5761;--control-primary--readonly: #16161600;--control-pressed: #4D5761;--control-ripple-effect: #111927;--control-border: #9DA4AE;--control-icon-hovered: var(--primary-800);--control-icon-pressed: var(--primary-800);--control-icon-disabled: #9DA4AE;--control-border-disabled: #1616164C;--control-disabled: #D2D6DB;--tag-background-neutral: var(--primary-600);--tag-background-neutral-light: #1F2A37;--tag-background-on-color: #FFFFFF33;--tag-text-neutral: #F3F4F6;--tag-text-success: #085D3A;--tag-text-info: #1849A9;--tag-text-warning: #93370D;--tag-text-error: #912018;--tag-text-primary: var(--primary-800);--tag-text-secondary: var(--secondary-800);--tag-icon-primary: var(--primary-800);--tag-icon-secondary: var(--secondary-800);--tag-icon-tertiary: var(--tertiary-800);--tag-text-tertiary: var(--tertiary-800);--tag-icon-neutral: #F3F4F6;--tag-icon-success: #085D3A;--tag-icon-info: #1849A9;--tag-icon-warning: #93370D;--tag-icon-error: #912018;--tag-background-success: #067647;--tag-background-success-light: #ECFDF3;--tag-background-info: #1570EF;--tag-background-info-light: #EFF8FF;--tag-background-warning: #B54708;--tag-background-warning-light: #FFFAEB;--tag-background-error: #D92D20;--tag-background-error-light: #FEF3F2;--tag-background-primary: var(--primary-600);--tag-background-primary-light: var(--primary-50);--tag-background-secondary: var(--secondary-600);--tag-background-secondary-light: var(--secondary-50);--tag-background-tertiary: var(--tertiary-600);--tag-background-tertiary-light: var(--tertiary-50);--tag-border-neutral: #D2D6DB;--tag-border-neutral-light: #1F2A37;--tag-border-on-color: #FFFFFF99;--tag-border-success: #067647;--tag-border-success-light: #ABEFC6;--tag-border-info: #175CD3;--tag-border-info-light: #B2DDFF;--tag-border-warning: #B54708;--tag-border-warning-light: #FEDF89;--tag-border-error: #B42318;--tag-border-error-light: #FECDCA;--tag-border-primary: var(--primary-700);--tag-border-primary-light: var(--primary-200);--tag-border-secondary: var(--secondary-700);--tag-border-secondary-light: var(--secondary-200);--tag-border-tertiary: var(--tertiary-700);--tag-border-tertiary-light: var(--tertiary-200);--tag-dot: #FFFFFF99;--icon-oncolor: #fff;--icon-default: #fff;--icon-default-500: #E5E7EB;--icon-default-400: #6C737F;--icon-primary: var(--primary-400);--icon-primary-light: var(--primary-50);--icon-primary-400: var(--primary-200);--icon-neutral: #9DA4AE;--icon-neutral-light: #0D121C;--icon-secondary: var(--secondary-400);--icon-secondary-light: var(--secondary-50);--icon-tertiary: var(--tertiary-400);--icon-tertiary-light: var(--tertiary-50);--icon-success: #47CD89;--icon-success-light: #ECFDF3;--icon-info: #53B1FD;--icon-info-light: #EFF8FF;--icon-warning: #FDB022;--icon-warning-light: #FFFAEB;--icon-error: #F97066;--icon-error-light: #FEF3F2;--background-warning-light: var(--background-warning-10);--background-error-light: var(--background-error-10);--background-primary-light: var(--background-primary-10);--background-info-light: var(--background-info-10);--background-success-light: var(--background-success-10);--unselected-tab-icon: #F3F4F6;--icon-default-disabled: #fff;--icon-default-oncolor-disabled: #fff;--background-white: #0D121C;--background-body: #111927;--background-menu: #1F2A37;--background-muted: #384250;--background-card: #1F2A37;--surface-oncolor: #fff;--background-black: #fff;--background-neutral-800: #4D5761;--background-neutral-400: #9DA4AE;--background-neutral-300: #6C737F;--background-neutral-200: #4D5761;--background-neutral-100: #1F2A37;--background-neutral-50: #111927;--background-neutral-25: #0D121C;--background-primary: var(--primary-600);--background-primary-400: var(--primary-400);--background-primary-200: #384250;--background-primary-50: #1B83541A;--background-primary-25: var(--primary-950);--background-secondary-default: var(--secondary-600);--background-secondary-50: #1F2A37;--background-secondary-25: #111927;--background-tertiary: var(--tertiary-600);--background-tertiary-50: #1F2A37;--background-tertiary-25: #111927;--background-success: #079455;--background-success-50: #07945533;--background-success-25: #1B83541A;--background-info: #1570EF;--background-info-50: #EFF8FF;--background-info-25: #F5FAFF;--background-warning: #DC6803;--background-warning-50: #DC680333;--background-warning-25: #DC68031A;--background-error: #D92D20;--background-error-50: #D92D2033;--background-error-25: #D92D201A;--background-SA-Flag: #079455;--background-SA-Flag-50: #1F2A37;--background-SA-Flag-25: #111927;--background-notification-white: #111927;--background-nav-header: var(--primary-800);--background-disabled: #384250;--background-disabled-primary: var(--primary-200);--background-inverse-disabled: #384250;--background-neutral-default: #1F2A37;--background-neutral-hovered: #384250;--background-neutral-pressed: #4D5761;--background-neutral-selected: #384250;--background-neutral-focused: #1F2A37;--background-oncolor-default: #161616;--background-oncolor-hovered: #161616CC;--background-oncolor-pressed: #16161699;--background-oncolor-selected: #161616B2;--background-oncolor-focused: #161616;--background-transparent-default: #16161600;--background-transparent-hovered: #16161633;--background-transparent-pressed: #16161666;--background-transparent-selected: #1616164C;--background-transparent-focused: #16161600;--background-disabled-oncolor: #16161633;--link-neutral: #E5E7EB;--link-neutral-hovered: #9DA4AE;--link-neutral-visited: #D2D6DB;--link-neutral-focused: #E5E7EB;--link-neutral-pressed: #6C737F;--link-icon-neutral-hovered: #9DA4AE;--link-icon-neutral-pressed: #6C737F;--link-icon-neutral-focused: #E5E7EB;--link-icon-neutral-visited: #D2D6DB;--link-icon-oncolor-hovered: #161616CC;--link-icon-oncolor-pressed: #16161699;--link-icon-oncolor-visited: #161616E5;--link-icon-oncolor-disabled: #1616164C}*{border-color:var(--border)}html{scroll-behavior:smooth;font-size:55%}@media (min-width: 640px){html{font-size:62.5%}}body{background-color:var(--background-white);font-family:IBM Plex Sans Arabic,ui-sans-serif,system-ui;font-size:1.6rem;color:var(--foreground)}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-transition:background-color 0s 600000s,color 0s 600000s!important;transition:background-color 0s 600000s,color 0s 600000s!important}.title-01{font-size:2rem;line-height:2.8rem}@media (min-width: 1024px){.title-01{font-size:2.4rem;line-height:3.2rem}}.title-02{font-size:2.4rem;font-weight:700;line-height:3.2rem}@media (min-width: 1024px){.title-02{font-size:3.2rem;line-height:4rem}}.title-03{font-size:2.8rem;line-height:3.6rem}@media (min-width: 768px){.title-03{font-size:4rem;line-height:5.2rem}}@media (min-width: 1024px){.title-03{font-size:4.8rem;line-height:6rem}}.display-01{font-size:4rem;font-weight:700;line-height:5.2rem}@media (min-width: 1024px){.display-01{font-size:4.8rem;line-height:6.2rem}}@media (min-width: 1280px){.display-01{font-size:6.4rem;line-height:8.8rem}}.display-02{font-size:4.2rem;font-weight:700;line-height:5.4rem}@media (min-width: 768px){.display-02{font-size:5.4rem;line-height:7rem}}@media (min-width: 1024px){.display-02{font-size:8.4rem;line-height:9.8rem}}.dsgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media (min-width: 768px){.dsgrid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width: 1024px){.dsgrid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}}.MuiButtonBase-root.MuiPickersDay-root{border-radius:8px;font-family:IBM Plex Sans Arabic,ui-sans-serif,system-ui;font-size:1.4rem;line-height:2rem}.MuiButtonBase-root.MuiPickersDay-root:hover{background-color:var(--primary-container)}.MuiButtonBase-root.MuiPickersDay-root:disabled{color:var(--disabled)!important}.MuiButtonBase-root.MuiPickersDay-root:is(.dark *){color:var(--foreground)}.MuiPickersCalendarHeader-label,.MuiDayCalendar-header .MuiTypography-caption.MuiDayCalendar-weekDayLabel{font-family:IBM Plex Sans Arabic,ui-sans-serif,system-ui}.MuiButtonBase-root.MuiPickersDay-root.Mui-selected,.MuiButtonBase-root.MuiPickersDay-root:focus.Mui-selected{background-color:var(--primary)}.MuiDayCalendar-header .MuiTypography-caption{font-size:1.2rem;line-height:1.6rem;color:var(--foreground-secondary)}.MuiPickersCalendarHeader-root{justify-content:space-between}.MuiPickersCalendarHeader-root>div{margin:0;font-size:1.4rem;line-height:2rem}.MuiButtonBase-root.MuiIconButton-root{font-size:1.4rem;line-height:2rem}.MuiButtonBase-root.MuiIconButton-root:is(.dark *){color:var(--foreground)}.MuiButtonBase-root.MuiIconButton-root:where([dir=ltr],[dir=ltr] *){--tw-rotate: 0deg !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.MuiButtonBase-root.MuiIconButton-root:where([dir=rtl],[dir=rtl] *){--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.MuiPickersYear-root .MuiPickersYear-yearButton{font-size:1.4rem;line-height:2rem}.MuiPickersYear-root .MuiPickersYear-yearButton:hover{background-color:var(--primary-container)}.MuiPickersYear-root .MuiPickersYear-yearButton.Mui-selected{background-color:var(--primary)!important}.Mui-disabled.MuiPickersDay-today{border-color:transparent!important}.MuiButtonBase-root.MuiPickersDay-root.Mui-selected:hover{background-color:var(--primary-dark)!important}html[dir=ltr] .MuiDateCalendar-root{direction:ltr}html[dir=rtl] .MuiDateCalendar-root{direction:rtl}

package/tailwind.config.cjs

@@ -425,10 +425,15 @@ module.exports = {
                     from: { height: 'var(--radix-accordion-content-height)' },
                     to: { height: 0 },
                 },
+                'caret-blink': {
+                    '0%,70%,100%': { opacity: '1' },
+                    '20%,50%': { opacity: '0' },
+                },
             },
             animation: {
                 'accordion-down': 'accordion-down 0.2s ease-out',
                 'accordion-up': 'accordion-up 0.2s ease-out',
+                'caret-blink': 'caret-blink 1.2s ease-out infinite',
             },
             spacing: {
                 'space-00': '0px',

package/tailwind.config.js

@@ -424,10 +424,15 @@ module.exports = {
                     from: { height: 'var(--radix-accordion-content-height)' },
                     to: { height: 0 },
                 },
+                'caret-blink': {
+                    '0%,70%,100%': { opacity: '1' },
+                    '20%,50%': { opacity: '0' },
+                },
             },
             animation: {
                 'accordion-down': 'accordion-down 0.2s ease-out',
                 'accordion-up': 'accordion-up 0.2s ease-out',
+                'caret-blink': 'caret-blink 1.2s ease-out infinite',
             },
             spacing: {
                 'space-00': '0px',