globuswebcomponents 1.9.6 → 1.9.8

package/dist/globuscomponents/p-f8a7cf32.entry.js

@@ -0,0 +1,2 @@
+import{r,c as n,h as e,F as a}from"./p-Dlqa7tPI.js";const t='/* @import \'tailwind.css\'; */\r\n\r\n:root {\r\n    /* --------------------------------------Primary Colors--------------------------------------------- */\r\n    /* base color palette */\r\n    --base-white: #fff;\r\n    --base-black: #000;\r\n\r\n\r\n    /* gray color palette  */\r\n    --gray-25: #fcfcfd;\r\n    --gray-50: #f6f8fa;\r\n    --gray-100: #eef2f6;\r\n    --gray-200: #e3e8ef;\r\n    --gray-300: #cdd5df;\r\n    --gray-400: #9aa4b2;\r\n    --gray-500: #697586;\r\n    --gray-600: #4b5565;\r\n    --gray-700: #364152;\r\n    --gray-800: #202939;\r\n    --gray-900: #121926;\r\n    --gray-950: #0D121C;\r\n\r\n    /* brand dark blue color palette */\r\n    --brandDarkBlue-25: #F9F9FB;\r\n    --brandDarkBlue-50: #edeef3;\r\n    --brandDarkBlue-100: #d3d5e0;\r\n    --brandDarkBlue-200: #b5b9cc;\r\n    --brandDarkBlue-300: #9095b2;\r\n    --brandDarkBlue-400: #464f7f;\r\n    --brandDarkBlue-500: #212c65;\r\n    --brandDarkBlue-600: #1e285c;\r\n    --brandDarkBlue-700: #1c2554;\r\n    --brandDarkBlue-800: #161d43;\r\n    --brandDarkBlue-900: #0b0f22;\r\n    --brandDarkBlue-950: #070914;\r\n\r\n    /* brand red color palette */\r\n    --brandRed-25: #fffbfa;\r\n    --brandRed-50: #fef1f2;\r\n    --brandRed-100: #fde3e5;\r\n    --brandRed-200: #f9b4ba;\r\n    --brandRed-300: #f68e98;\r\n    --brandRed-400: #f36976;\r\n    --brandRed-500: #e21b2e;\r\n    --brandRed-600: #cc1a2a;\r\n    --brandRed-700: #b51726;\r\n    --brandRed-800: #8c121d;\r\n    --brandRed-900: #680d16;\r\n    --brandRed-950: #3f080d;\r\n\r\n    /* warning color palette */\r\n    --warning-25: #fffcf5;\r\n    --warning-50: #fffaeb;\r\n    --warning-100: #fef0c7;\r\n    --warning-200: #fedf89;\r\n    --warning-300: #fec84b;\r\n    --warning-400: #fdb022;\r\n    --warning-500: #f79009;\r\n    --warning-600: #dc6803;\r\n    --warning-700: #b54708;\r\n    --warning-800: #93370d;\r\n    --warning-900: #7A2e0e;\r\n    --warning-950: #4e1d09;\r\n\r\n    /* success color palette  */\r\n    --success-25: #f6fef9;\r\n    --success-50: #ecfdf3;\r\n    --success-100: #dcfaeb;\r\n    --success-200: #a9efc5;\r\n    --success-300: #75e0a7;\r\n    --success-400: #47cd89;\r\n    --success-500: #17b26a;\r\n    --success-600: #079455;\r\n    --success-700: #067647;\r\n    --success-800: #085d3a;\r\n    --success-900: #074d31;\r\n    --success-950: #053321;\r\n\r\n    /* ------------------------------------------opacity color palette--------------------------------------  */\r\n    /* 20% opacity */\r\n    --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n    --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n    /* 30% opacity */\r\n    --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n    --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n    /* 40% opacity */\r\n    --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n    --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n    /* ------------------------------------------Secondary Color------------------------------------------- */\r\n    /* blueLight color palete */\r\n    --lightBlue-25: #F5FBFF;\r\n    --lightBlue-50: #F0F9FF;\r\n    --lightBlue-100: #E0F2FE;\r\n    --lightBlue-200: #B9E6FE;\r\n    --lightBlue-300: #7CD4FD;\r\n    --lightBlue-400: #7CD4FD;\r\n    --lightBlue-500: #0BA5EC;\r\n    --lightBlue-600: #0086C9;\r\n    --lightBlue-700: #026AA2;\r\n    --lightBlue-800: #065986;\r\n    --lightBlue-900: #0B4A6F;\r\n    --lightBlue-950: #062C41;\r\n   \r\n\r\n    /* blue color palette */\r\n    --blue-25: #ECF5FE;\r\n    --blue-50: #E4F0FC;\r\n    --blue-100: #C8E0F9;\r\n    --blue-200: #9AC7F4;\r\n    --blue-300: #6AA9E7;\r\n    --blue-400: #378FE6;\r\n    --blue-500: #075DB2;\r\n    --blue-600: #064E94;\r\n    --blue-700: #053E77;\r\n    --blue-800: #042F59;\r\n    --blue-900: #022445;\r\n    --blue-950: #021D37;\r\n\r\n    /* Purple color palete */\r\n    --purple-25: #FAFAFF;\r\n    --purple-50: #F4F3FF;\r\n    --purple-100: #EBE9FE;\r\n    --purple-200: #D9D6FE;\r\n    --purple-300: #BDB4FE;\r\n    --purple-400: #9B8AFB;\r\n    --purple-500: #7A5AF8;\r\n    --purple-600: #6938EF;\r\n    --purple-700: #5925DC;\r\n    --purple-800: #4A1FB8;\r\n    --purple-900: #3E1C96;\r\n    --purple-950: #27115F;\r\n\r\n\r\n    /* pink color palette */\r\n    --pink-25: #FEF6FB;\r\n    --pink-50: #FDF2FA;\r\n    --pink-100: #FCE7F6;\r\n    --pink-200: #FCCEEE;\r\n    --pink-300: #FAA7E0;\r\n    --pink-400: #F670C7;\r\n    --pink-500: #EE46BC;\r\n    --pink-600: #DD2590;\r\n    --pink-700: #C11574;\r\n    --pink-800: #9E165F;\r\n    --pink-900: #851651;\r\n    --pink-950: #4E0D30;\r\n\r\n\r\n\r\n    /* -------------------------------------------------Token---------------------------------------------- */\r\n\r\n    /* -----------Text Color----------- */\r\n\r\n    [data-theme="light"] {\r\n        --color-text-bold: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-bold: var(--gray-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text: var(--gray-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-subtle: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-subtle: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-disabled: var(--gray-300);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-disabled: var(--gray-700);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-inverse: var(--base-black);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-brandRed: var(--brandRed-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-brandRed: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-selected: var(--blue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-selected: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-danger-bold: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-danger-bold: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-danger: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-danger: var(--brandRed-700);\r\n    }\r\n\r\n     [data-theme="light"] {\r\n        --color-text-danger-subtle: var(--brandRed-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-danger-subtle: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-danger-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-danger-inverse: var(--brandRed-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-warning-bold: var(--warning-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-warning-bold: var(--warning-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-warning: var(--warning-600);\r\n    }\r\n\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-warning: var(--warning-300);\r\n    }\r\n\r\n\r\n    [data-theme="light"] {\r\n        --color-text-warning-subtle: var(--warning-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-warning-subtle: var(--warning-400);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-success-bold: var(--success-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-success-bold: var(--success-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-success: var(--success-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-success: var(--success-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-success-subtle: var(--success-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-success-subtle: var(--success-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-discovery-bold: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-discovery-bold: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-discovery: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-discovery: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-discovery-subtle: var(--blueLight-400);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-discovery-subtle: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-information-bold: var(--blue-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-information-bold: var(--blue-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-information: var(--blue-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-information: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-information-subtle: var(--blue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-information-subtle: var(--blue-400);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-purple-bold: var(--purple-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-purple-bold: var(--purple-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-purple: var(--purple-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-purple: var(--purple-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-purple-subtle: var(--purple-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-purple-subtle: var(--purple-400);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-pink-bold: var(--pink-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-pink-bold: var(--pink-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-pink: var(--pink-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-pink: var(--pink-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-text-pink-subtle: var(--pink-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-text-pink-subtle: var(--pink-400);\r\n    }\r\n\r\n\r\n    /* --------------Link color--------------- */\r\n\r\n\r\n    [data-theme="light"] {\r\n        --color-link: var(--blue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-link: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-link-pressed: var(--blue-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-link-pressed: var(--blue-600);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-link-visited: var(--blueLight-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-link-visited: var(--blueLight-300);\r\n    }\r\n\r\n\r\n    /* --------------Icon color--------------- */\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-bold: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-bold: var(--gray-100);\r\n    }\r\n    \r\n    [data-theme="light"] {\r\n        --color-icon: var(--gray-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-subtle: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-subtle: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-disabled: var(--gray-300);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-disabled: var(--gray-700);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-inverse: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-brandRed: var(--brandRed-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-brandRed: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-selected: var(--blue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-selected: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-danger-bold: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-danger-bold: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-danger: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-danger: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-danger-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-danger-inverse: var(--brandRed-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-warning-bold: var(--warning-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-warning-bold: var(--warning-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-warning: var(--warning-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-warning: var(--warning-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-success-bold: var(--success-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-success-bold: var(--success-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-success: var(--success-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-success: var(--success-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-discovery-bold: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-discovery-bold: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-discovery: var(--blueLight-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-discovery: var(--blueLight-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-information-bold: var(--blue-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-information-bold: var(--blue-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-information: var(--blue-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-information: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-purple-bold: var(--purple-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-purple-bold: var(--purple-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-purple: var(--purple-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-purple: var(--purple-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-pink-bold: var(--pink-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-pink-bold: var(--pink-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-icon-pink: var(--pink-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-icon-pink: var(--pink-300);\r\n    }\r\n\r\n    /* ----------------Border Color --------------- */\r\n\r\n    [data-theme="light"] {\r\n        --color-border-bold: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-bold: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-subtle: var(--gray-300);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-subtle: var(--gray-700);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-subtler: var(--gray-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-subtler: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-disabled: var(--gray-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-disabled: var(--gray-700);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-inverse: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-inverse: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-input: var(--gray-300);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-input: var(--gray-600);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-focus: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-focus: var(--blue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-selected: var(--blue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-selected: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-brandRed: var(--brandRed-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-brandRed: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-danger-bold: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-danger-bold: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-danger: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-danger: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-danger-subtle: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-danger-subtle: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-danger-subtler: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-danger-subtler: var(--brandRed-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-warning-bold: var(--warning-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-warning-bold: var(--warning-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-warning: var(--warning-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-warning: var(--warning-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-warning-subtle: var(--warning-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-warning-subtle: var(--warning-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-warning-subtler: var(--warning-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-warning-subtler: var(--warning-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-success-bold: var(--success-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-success-bold: var(--success-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-success: var(--success-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-success: var(--success-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-success-subtle: var(--success-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-success-subtle: var(--success-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-success-subtler: var(--success-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-success-subtler: var(--success-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-discovery-bold: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-discovery-bold: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-discovery: var(--blueLight-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-discovery: var(--blueLight-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-discovery-subtle: var(--blueLight-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-discovery-subtle: var(--blueLight-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-discovery-subtler: var(--blueLight-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-discovery-subtler: var(--blueLight-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-information-bold: var(--blue-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-information-bold: var(--blue-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-information: var(--blue-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-information: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-information-subtle: var(--blue-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-information-subtle: var(--blue-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-information-subtler: var(--blue-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-information-subtler: var(--blue-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-purple-bold: var(--purple-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-purple-bold: var(--purple-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-purple: var(--purple-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-purple: var(--purple-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-purple-subtle: var(--purple-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-purple-subtle: var(--purple-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-purple-subtler: var(--purple-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-purple-subtler: var(--purple-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-pink-bold: var(--pink-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-pink-bold: var(--pink-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-pink: var(--pink-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-pink: var(--pink-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-pink-subtle: var(--pink-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-pink-subtle: var(--pink-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-border-pink-subtler: var(--pink-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-border-pink-subtler: var(--pink-900);\r\n    }\r\n\r\n\r\n\r\n    /* Emmanuel Kadiri starts from background color */\r\n\r\n    /* ----------------Background Color --------------- */\r\n\r\n    [data-theme="light"] {\r\n        --color-background-card-bold: var(--gray-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-card-bold: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-card: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-card: var(--gray-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-input: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-input: var(--gray-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-disabled: var(--gray-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-disabled: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-selected: var(--blue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-selected: var(--blue-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-brandRed: var(--brandRed-500);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-brandRed: var(--brandRed-300);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-brandRed-hover: var(--brandRed-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-brandRed-hover: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-brandRed-pressed: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-brandRed-pressed: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-gray-bold: var(--gray-400);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-gray-bold: var(--gray-500);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-gray: var(--gray-300);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-gray: var(--gray-600);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-gray-subtle: var(--gray-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-gray-subtle: var(--gray-700);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-gray-subtler: var(--gray-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-gray-subtler: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-gray-subtlest: var(--gray-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-gray-subtlest: var(--gray-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-danger-bold: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-danger-bold: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-danger: var(--brandRed-700);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-danger: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-danger-subtle: var(--brandRed-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-danger-subtle: var(--brandRed-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-danger-subtler: var(--brandRed-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-danger-subtler: var(--brandRed-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-danger-subtlest: var(--brandRed-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-danger-subtlest: var(--brandRed-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-warning-bold: var(--warning-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-warning-bold: var(--warning-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-warning: var(--warning-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-warning: var(--warning-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-warning-subtle: var(--warning-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-warning-subtle: var(--warning-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-warning-subtler: var(--warning-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-warning-subtler: var(--warning-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-warning-subtlest: var(--warning-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-warning-subtlest: var(--warning-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-success-bold: var(--success-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-success-bold: var(--success-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-success: var(--success-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-success: var(--success-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-success-subtle: var(--success-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-success-subtle: var(--success-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-success-subtler: var(--success-100); \r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-success-subtler: var(--success-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-success-subtlest: var(--success-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-success-subtlest: var(--success-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-discovery-bold: var(--lightBlue-800)\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-discovery-bold: var(--lightBlue-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-discovery: var(--lightBlue-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-discovery: var(--lightBlue-200);\r\n    }\r\n\r\n    [data-theme="light"]{\r\n        --color-background-discovery-subtle: var(--lightBlue-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-discovery-subtle: var(--lightBlue-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-discovery-subtler: var(--lightBlue-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-discovery-subtler: var(--lightBlue-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-discovery-subtlest: var(--lightBlue-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-discovery-subtlest: var(--lightBlue-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-information-bold: var(--blue-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-information-bold: var(--blue-100)\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-information: var(--blue-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-information: var(--blue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-information-subtle: var(--blue-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-information-subtle: var(--blue-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-information-subtler: var(--blue-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-information-subtler: var(--blue-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-information-subtlest: var(--blue-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-information-subtlest: var(--blue-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-purple-bold: var(--purple-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-purple-bold: var(--blue-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-purple: var(--purple-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-purple: var(--blue-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-purple-subtle: var(--purple-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-purple-subtle: var(--purple-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-purple-subtler: var(--purple-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-purple-subtler: var(--purple-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-purple-subtlest: var(--purple-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-purple-subtlest: var(--purple-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-pink-bold: var(--pink-800);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-pink-bold: var(--pink-100);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-pink: var(--pink-600);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-pink: var(--pink-200);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-pink-subtle: var(--pink-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-pink-subtle: var(--pink-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-pink-subtler: var(--pink-100);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-pink-subtler: var(--pink-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-background-pink-subtlest: var(--purple-50);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-background-pink-subtlest: var(--pink-950);\r\n    }\r\n\r\n\r\n\r\n    /* ----------------Blanket Color --------------- */\r\n    [data-theme="light"] {\r\n        --color-blanket: var(--darkBlue500-opacity20);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-blanket: var(--darkBlue200-opacity20);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n    }\r\n\r\n\r\n\r\n    /* ----------------Skeleton Color --------------- */\r\n    [data-theme="light"] {\r\n        --color-skeleton: var(--gray-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-skeleton: var(--gray-800);\r\n    }\r\n\r\n\r\n    /* ----------------Surface Color --------------- */\r\n    [data-theme="light"] {\r\n        --color-surface-bold: var(--gray-25);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-surface-bold: var(--gray-950);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-surface: var(--base-white);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-surface: var(--gray-900);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-surface-hovered: var(--gray-100); \r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-surface-hovered: var(--gray-800);\r\n    }\r\n\r\n    [data-theme="light"] {\r\n        --color-surface-pressed: var(--gray-200);\r\n    }\r\n\r\n    [data-theme="dark"] {\r\n        --color-surface-pressed: var(--gray-700);\r\n    }\r\n}\r\n\r\n/* -----------------Shadow and Blur----------------- */\r\n:root{\r\n    --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n    --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n    --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n    --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n    --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n    --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);   \r\n    --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n    --blur-sm: blur(4px);\r\n    --blur-md: blur(8px);\r\n    --blur-lg: blur(12px);\r\n    --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n    box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n    box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n    box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n    box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n    box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n    box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n    box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n    backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n    backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n    backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n    backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/* -----------------Gradients----------------- */\r\n:root{\r\n    /* Gray Gradients */\r\n    /* --gray-gradient-600: linear-gradient(); */\r\n    --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n    --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n    --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n    --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n    --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n    --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n    /* Brand Dark Blue Gradients */\r\n    --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n    --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n    --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n    --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n    --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n    --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n    /* Brand Red Gradients */\r\n    --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n    --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n    --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n    --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n    --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n    --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n    /* Blue Gradients */\r\n    --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n    --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n    --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n    --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n    --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n    --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n    background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n    background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n    background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n    background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n    background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n    background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n    background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n    background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n    background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n    background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n    background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n    background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n    background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n    background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n    background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n    background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n    background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n    background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n    background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n    background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n    background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n    background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n    background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n    background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/* Spacing Styles */\r\n:root{\r\n    /* Positive spacing */\r\n    --spacing-none: 0rem;\r\n    --spacing-half: 0.125rem;\r\n    --spacing-1: 0.25rem;\r\n    --spacing-2: 0.5rem;\r\n    --spacing-3: 0.75rem;\r\n    --spacing-4: 1rem;\r\n    --spacing-5: 1.25rem;\r\n    --spacing-6: 1.5rem;\r\n    --spacing-7: 2rem;\r\n    --spacing-8: 2.5rem;\r\n    --spacing-12: 3rem;\r\n    --spacing-16: 4rem;\r\n    --spacing-20: 5rem;\r\n    --spacing-24: 6rem;\r\n    --spacing-32: 8rem;\r\n    --spacing-40: 10rem;\r\n    --spacing-48: 12rem;\r\n    --spacing-56: 14rem;\r\n    --spacing-64: 16rem;\r\n\r\n    /* Negative spacing */\r\n\r\n    --spacing-negative-half: -0.125rem;\r\n    --spacing-negative-1: -0.25rem;\r\n    --spacing-negative-2: -0.5rem;\r\n    --spacing-negative-3: -0.75rem;\r\n    --spacing-negative-4: -1rem;\r\n    --spacing-negative-5: -1.25rem;\r\n    --spacing-negative-6: -1.5rem;\r\n    --spacing-negative-7: -2rem;\r\n\r\n    /* Radius  */\r\n    --rounded-none: 0rem;\r\n    --rounded-xs: 0.25rem;\r\n    --rounded-sm: 0.5rem;\r\n    --rounded-md: 0.75rem;\r\n    --rounded-lg: 1rem;\r\n    --rounded-xl: 1.5rem;\r\n    --rounded-2xl: 2rem;\r\n    --rounded-full: 62.438rem;\r\n}\r\n\r\n/* Typography Styles */\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n    /* Font Sizes */\r\n    --font-size-d-2xl: 4.5rem;\r\n    --font-size-d-xl: 3.75rem;\r\n    --font-size-d-lg: 3rem;\r\n    --font-size-d-md: 2.25rem;\r\n    --font-size-d-sm: 1.875rem;\r\n    --font-size-d-xs: 1.5rem;\r\n    --font-size-t-xl: 1.25rem;\r\n    --font-size-t-lg: 1.125rem;\r\n    --font-size-t-md: 1rem;\r\n    --font-size-t-sm: 0.875rem;\r\n    --font-size-t-xs: 0.75rem;\r\n    --font-size-t-xxs: 0.625rem;\r\n\r\n    /* Font Weights */\r\n    --font-weight-bold: 700;\r\n    --font-weight-semi-bold: 600;\r\n    --font-weight-medium: 500;\r\n    --font-weight-regular: 400; \r\n\r\n    /* Line Heights */\r\n    --font-line-height-d-2xl: 5rem;\r\n    --font-line-height-d-xl: 4.25rem;\r\n    --font-line-height-d-lg: 3.75rem;\r\n    --font-line-height-d-md: 2.75rem;   \r\n    --font-line-height-d-sm: 2.375rem;   \r\n    --font-line-height-d-xs: 2rem;   \r\n    --font-line-height-t-xl: 1.875rem;\r\n    --font-line-height-t-lg: 1.688rem;\r\n    --font-line-height-t-md: 1.5rem;\r\n    --font-line-height-t-sm: 1.313rem;\r\n    --font-line-height-t-xs: 1.125rem;\r\n    --font-line-height-t-xxs: 0.938rem;\r\n\r\n    /* Letter Spacings */\r\n    --font-letter-spacing-d-2xl: -0.09rem;\r\n    --font-letter-spacing-d-xl: -0.075rem;\r\n    --font-letter-spacing-d-lg: -0.075rem;\r\n    --font-letter-spacing-d-md: -0.045rem;\r\n    --font-letter-spacing-d-sm: 0;\r\n    --font-letter-spacing-d-xs: 0;\r\n    --font-letter-spacing-d-xxs: 0;\r\n\r\n    /* Font Families */\r\n    --font-family-title: \'Sora\';\r\n    --font-family-body: \'Sora\';\r\n}\r\n\r\n/* Media queries for medium screens (tablet) */\r\n@media (max-width: 1199px) {\r\n    :root{\r\n        /* Font Sizes */\r\n        --font-size-d-2xl: 3.75rem;\r\n        --font-size-d-xl: 3.5rem;\r\n        --font-size-d-lg: 2.75rem;\r\n        --font-size-d-md: 2.25rem;\r\n        --font-size-d-sm: 1.875rem;\r\n        --font-size-d-xs: 1.5rem;\r\n\r\n        /* Line Heights */\r\n        --font-line-height-d-2xl: 4.25rem;\r\n        --font-line-height-d-xl: 3.75rem;\r\n        --font-line-height-d-lg: 2.4375rem;\r\n        --font-line-height-d-md: 2.75rem;\r\n        --font-line-height-d-sm: 2.375rem;\r\n        --font-line-height-d-xs: 2rem;\r\n\r\n        /* Letter Spacings */\r\n        --font-letter-spacing-2xl: -0.075rem;\r\n        --font-letter-spacing-xl: -0.065rem;\r\n        --font-letter-spacing-lg: -0.045rem;\r\n        --font-letter-spacing-md: -0.045rem;\r\n        --font-letter-spacing-sm: 0rem;\r\n        --font-letter-spacing-xs: 0rem;\r\n    }\r\n}\r\n\r\n/* Media queries for smaller screens (mobile) */\r\n@media (max-width: 743px) {\r\n    :root{\r\n        /* Font Sizes */\r\n        --font-size-d-2xl: 3rem;\r\n        --font-size-d-xl: 2.5rem;\r\n        --font-size-d-lg: 2rem;\r\n        --font-size-d-md: 1.75rem;\r\n        --font-size-d-sm: 1.5rem;\r\n        --font-size-d-xs: 1.25rem;\r\n\r\n        /* Line Heights */\r\n        --font-line-height-d-2xl: 3.375rem;\r\n        --font-line-height-d-xl: 2.875rem;\r\n        --font-line-height-d-lg: 2.5rem;\r\n        --font-line-height-d-md: 2.1375rem;\r\n        --font-line-height-d-sm: 2rem;\r\n        --font-line-height-d-xs: 1.75rem;\r\n\r\n        /* Letter Spacings */\r\n        --font-letter-spacing-2xl: -0.06rem;\r\n        --font-letter-spacing-xl: -0.05rem;\r\n        --font-letter-spacing-lg: -0.045rem;\r\n        --font-letter-spacing-md: 0rem;\r\n        --font-letter-spacing-sm: 0rem;\r\n        --font-letter-spacing-xs: 0rem;\r\n    }\r\n}\r\n\r\n.display-2xl-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-2xl);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-d-2xl);\r\n    letter-spacing: var(--font-letter-spacing-d-2xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n    margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n    margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-2xl);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-d-2xl);\r\n    letter-spacing: var(--font-letter-spacing-d-2xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n    margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n    margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-xl);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-d-xl);\r\n    letter-spacing: var(--font-letter-spacing-d-xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n    margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n    margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-xl);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-d-xl);\r\n    letter-spacing: var(--font-letter-spacing-d-xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n    margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n    margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-lg);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-d-lg);\r\n    letter-spacing: var(--font-letter-spacing-d-lg);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n    margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n    margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-lg);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-d-lg);\r\n    letter-spacing: var(--font-letter-spacing-d-lg);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n    margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n    margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-md);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-d-md);\r\n    letter-spacing: var(--font-letter-spacing-d-md);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n    margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n    margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-md);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-d-md);\r\n    letter-spacing: var(--font-letter-spacing-d-md);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n    margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n    margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-sm);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-d-sm);\r\n    letter-spacing: var(--font-letter-spacing-d-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n    margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n    margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-sm);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-d-sm);\r\n    letter-spacing: var(--font-letter-spacing-d-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n    margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n    margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-xs);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-d-xs);\r\n    letter-spacing: var(--font-letter-spacing-d-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n    margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n    margin-top: -0.195em; /* Continue from here */\r\n}\r\n\r\n.display-xs-semi-bold{\r\n    font-family: var(--font-family-title);\r\n    font-size: var(--font-size-d-xs);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-d-xs);\r\n    letter-spacing: var(--font-letter-spacing-d-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n    margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n    margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xl);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-t-xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n    margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n    margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xl);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n    margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n    margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xl);\r\n    font-weight: var(--font-weight-medium);\r\n    line-height: var(--font-line-height-t-xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n    margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n    margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xl);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-xl);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n    margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n    margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-lg);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-t-lg);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n    margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n    margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-lg);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-lg);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n    margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n    margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-lg);\r\n    font-weight: var(--font-weight-medium);\r\n    line-height: var(--font-line-height-t-lg);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n    margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n    margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-lg);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-lg);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n    margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n    margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-md);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-t-md);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n    margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n    margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-md);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-md);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n    margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n    margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-md);\r\n    font-weight: var(--font-weight-medium);\r\n    line-height: var(--font-line-height-t-md);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n    margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n    margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-md);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-md);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n    margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n    margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-sm);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-t-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n    margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n    margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-sm);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n    margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n    margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-sm);\r\n    font-weight: var(--font-weight-medium);\r\n    line-height: var(--font-line-height-t-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n    margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n    margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-sm);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n    margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n    margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xs);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-t-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n    margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xs);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n    margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n    margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xs);\r\n    font-weight: var(--font-weight-medium);\r\n    line-height: var(--font-line-height-t-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n    margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n    margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xs);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n    margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xxs);\r\n    font-weight: var(--font-weight-bold);\r\n    line-height: var(--font-line-height-t-xxs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n    margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xxs);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-xxs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n    margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xxs);\r\n    font-weight: var(--font-weight-medium);\r\n    line-height: var(--font-line-height-t-xxs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n    margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xxs);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-xxs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n    content: "";\r\n    display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n    margin-top: -0.416em;\r\n}\r\n\r\n.pagination_div{\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.pagination_entries{\r\n    display: flex;\r\n    gap: var(--spacing-2);\r\n    align-items: center;\r\n}\r\n\r\n.pagination_btns{\r\n    display: flex;\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.entries_dropdown{\r\n    width: 6rem;\r\n}\r\n\r\ngb-input-dropdown{\r\n    z-index: 99;\r\n}\r\n\r\n.pagination_numbers{\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: var(--spacing-half);\r\n}\r\n\r\n.pagination_button_group{\r\n    display: flex;\r\n    border-radius: var(--rounded-sm);\r\n    border: 1px solid var(--color-border-subtle, #CDD5DF);\r\n    box-shadow: var(--shadow-xs);\r\n    align-items: center;\r\n    overflow: hidden;\r\n}\r\n\r\n.page_numbers{\r\n    color: var(--color-text, #4B5565);\r\n}\r\n\r\n/* Pagination Type Styles */\r\n.pagination_div.page_default.desktop,\r\n.pagination_div.page_minimal_center_aligned.desktop{\r\n    padding-top: var(--spacing-5);\r\n}\r\n\r\n.pagination_div.card_default.desktop,\r\n.pagination_div.card_minimal_right_aligned.desktop,\r\n.pagination_div.card_minimal_left_aligned.desktop,\r\n.pagination_div.card_minimal_center_aligned.desktop,\r\n.pagination_div.card_button_group_right_aligned.desktop,\r\n.pagination_div.card_button_group_left_aligned.desktop{\r\n    padding: var(--spacing-3) var(--spacing-6) var(--spacing-4) var(--spacing-6);\r\n}\r\n\r\n.pagination_div.page_default.mobile,\r\n.pagination_div.page_minimal_center_aligned.mobile{\r\n    padding-top: var(--spacing-4);\r\n}\r\n\r\n.pagination_div.card_button_group_center_aligned.desktop{\r\n    display: flex;\r\n    padding: var(--spacing-3) var(--spacing-6) var(--spacing-4) var(--spacing-6);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_default.mobile,\r\n.pagination_div.card_minimal_left_aligned.mobile,\r\n.pagination_div.card_minimal_right_aligned.mobile,\r\n.pagination_div.card_minimal_center_aligned.mobile{\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n}\r\n\r\n.pagination_div.card_button_group_right_aligned.mobile{\r\n    display: flex;\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-end;\r\n    gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_button_group_left_aligned.mobile{\r\n    display: flex;\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_button_group_center_aligned.mobile{\r\n    display: flex;\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n}';const i=class{constructor(e){r(this,e);this.pageItemSelected=n(this,"pageItemSelected");this.currentPage=1;this.entries=[10,20,50,80,100];this.selectedPageSize=10;this.pages=[];this.width=window.innerWidth;this.handleResize=()=>{this.width=window.innerWidth;this.updatePaginationSize()}}updatePaginationSize(){this.breakpoint=this.width<730?"mobile":"desktop"}onPreviousButtonClicked(){if(this.internalTotalPages>1){if(this.currentPage===this.internalTotalPages||this.currentPage>1){this.currentPage=this.currentPage-1}this.pageItemSelected.emit({pageSize:this.selectedPageSize,pageNumber:this.currentPage})}}onNextButtonClicked(){if(this.internalTotalPages>1){if(this.currentPage===1||this.currentPage<=this.internalTotalPages-1){this.currentPage=this.currentPage+1}this.pageItemSelected.emit({pageSize:this.selectedPageSize,pageNumber:this.currentPage})}}componentWillLoad(){this.internalTotalPages=this.totalPages;this.pages=[];if(this.totalPages<=5){for(let r=1;r<=this.totalPages;r++){console.log(r);this.pages.push(r)}}this.updatePaginationSize();window.addEventListener("resize",this.handleResize);this.defaultSelected=[this.selectedPageSize];this.pageItemSelected.emit({pageSize:this.selectedPageSize,pageNumber:this.currentPage})}generatePages(){const r=[];if(this.internalTotalPages<=5){for(let n=1;n<=this.internalTotalPages;n++){r.push(n)}}this.pages=r}onTotalPagesChange(r,n){console.log("totalPages changed from",n,"to",r);this.internalTotalPages=r;this.generatePages()}handlePageSizeSelect(r){this.selectedPageSize=r.detail;this.pageItemSelected.emit({pageSize:this.selectedPageSize,pageNumber:this.currentPage})}setCurrentPage(r){this.currentPage=r;this.pageItemSelected.emit({pageSize:this.selectedPageSize,pageNumber:this.currentPage})}render(){return e("div",{key:"9df2a9922834c5cf0d891ab9186b29668e70a109",class:`pagination_div ${this.type} ${this.breakpoint}`},this.type==="page_default"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"05664355e9d8d18d377f2a7221b2521991e23214",size:"sm",hierarchy:"tertiary_gray",icon:"default",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"943b6874f83a0ae9c6de51f307a1397991ffa3e4"},"Previous")),e("div",{key:"4b10b1ff1c283d87a08b498977e962426191673c",class:"pagination_numbers"},this.internalTotalPages<=5&&this.pages.map((r=>e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage===r?"active":"default",onClick:()=>this.setCurrentPage(r)},e("p",{slot:"page_number"},r)))),this.internalTotalPages>=6&&e(a,null,e("gb-pagination-number-base",{key:"3224cd5a8d009719d042dd24c148fbf5f559e957",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"cc5c8a3882bd850810bcab7c3efb6e7790b63ddc",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"21b67df06d9b730fde54d68140cfcc7bfc9d861a",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"e08c77430b3071f86ccd4b1676394b49f673708a",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"85194f3ffbfbdc370c2f6cca0c213f0165b68dd1",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"064e38b012aa75a14e63fd37272ebc4e043f898d",slot:"page_number"},"3")),this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"9c513c1b1c91d8e94a950f5621c6bb18ef5471ea",shape:this.shape},e("p",{key:"af998053c652d067cd443b373da875e82e193499",slot:"page_number"},"...")),this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages-2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"38552895149716c8949ca2e69a4ef3cb77a99b79",shape:this.shape,state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-2)},e("p",{key:"3be1784f54fbe0eed8c3521779d437b0d31e6ae3",slot:"page_number"},this.internalTotalPages-2)),e("gb-pagination-number-base",{key:"1d07bb865085f359b22b82d3e6632991c5071f1a",shape:this.shape,state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-1)},e("p",{key:"fd679c97273eceb98aca5b220f25949785b37975",slot:"page_number"},this.internalTotalPages-1)),e("gb-pagination-number-base",{key:"500b613f98e89f3d71d2f700cd9aa936b2fc9ca9",shape:this.shape,state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages)},e("p",{key:"9ccec84255f82025863db47bb60218f9d29cd5e8",slot:"page_number"},this.internalTotalPages)))),e("gb-button",{key:"797aa0170e9ac0239e49128c8bea88920b313385",size:"sm",hierarchy:"tertiary_gray",icon:"default",state:"default","icon-trailing":true,"icon-trailing-swap":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()},e("p",{key:"648dc65a18c32121f17c9e4832875f78d724042f"},"Next"))),this.type==="page_minimal_center_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"cc7835c97cf4fb145d41b9281ff1c6f050fee708",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"11e9f2b2b6687dfc174e6790a62d9175d1777843"},"Previous")),e("div",{key:"66ad1a119f2fce58779c173d5a5a7f33ea36cabf",class:"pagination_numbers"},this.internalTotalPages<=5&&e(a,null,this.internalTotalPages<=5&&this.pages.map((r=>e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage===r?"active":"default",onClick:()=>this.setCurrentPage(r)},e("p",{slot:"page_number"},r))))),this.internalTotalPages>=6&&e(a,null,e("gb-pagination-number-base",{key:"8c18c6be9c44c88441f6d781129dbdc8d911993c",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"af2864e9250c6b9bcc3dc3c1d0b2341976a3509b",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"1987c583018b0aa6d1562e13ba9b86a6c44de3d5",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"3e3c23054a5b48d1975dc3e634cdfe648a00946f",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"7ad5f443499e5664db7e67e1d015fe3a2de3cbdc",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"a7d8651c560cf7c07619dfa5aebaeefe9860668c",slot:"page_number"},"3")),this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"8296d6f33b753a05cf1afcc0778655633118f405",shape:this.shape},e("p",{key:"edd8cb438415a8cb2ebf8c184a7c835c4f0ef080",slot:"page_number"},"...")),this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages-2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"56dd83924dfd09e53eb08a5458eb5304532858f4",shape:this.shape,state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-2)},e("p",{key:"7b17f33527119d8e403f4423a0f7c7174cc8b4fd",slot:"page_number"},this.internalTotalPages-2)),e("gb-pagination-number-base",{key:"dbd2d3a5916b7f06a4e9e1fbc15b12b0954fb741",shape:this.shape,state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-1)},e("p",{key:"eb966e3c73c29082a964895f71b77d2882b5949a",slot:"page_number"},this.internalTotalPages-1)),e("gb-pagination-number-base",{key:"f96428327ae9868d6326779e9c4ee353b163ef30",shape:this.shape,state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages)},e("p",{key:"f6a415b9f51493a811ba1fc11acc478f864cd222",slot:"page_number"},this.internalTotalPages)))),e("gb-button",{key:"374706e650da9bfd787607d1ebbcfa32e6862133",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default","icon-trailing":true,"icon-trailing-swap":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()},e("p",{key:"38dc270372eb1065915e0cc9369a26417fbcabf2"},"Next"))),this.type==="card_default"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"14affefdfc11123ffc7b5eac2aa36648df780108",class:"pagination_entries"},e("div",{key:"f594b81885a92cd6e1be134bf3faf2c82ae71d2a",class:"entries_text"},e("p",{key:"eeb065524671e3d39af599b5bac1169365176ff5",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"b2b3defaa7ebb7307a94b6ad9898083b9cce698f",class:`entries_dropdown`},e("gb-input-dropdown",{key:"4ecd75ed39619b86729646ca1d70d5b5c69e8483",type:"default",state:"default",size:"sm","show-label":false,"show-hint-text":false,"show-supporting-text":false,"show-help-icon":false,items:this.entries,"menu-position":"top",onDropdownItemSelected:this.handlePageSizeSelect.bind(this),value:this.defaultSelected}))),e("div",{key:"54c8b5536c1495729492423e65dc3f8dea2af3b5",class:"pagination_numbers"},this.internalTotalPages<=5&&this.pages.map((r=>e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage===r?"active":"default",onClick:()=>this.setCurrentPage(r)},e("p",{slot:"page_number"},r)))),this.internalTotalPages>=6&&e(a,null,e("gb-pagination-number-base",{key:"92b6a09f0afa4be39d64e509d18f0613009e80d5",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"32c13a386110a9dd6cb376274044c82bf2c708f6",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"22d190522933643b3c6d20353fd59ff6f066be93",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"c4a3fb1d410c81b95747e98a1afd5e65339c8433",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"d43642a3dcd06f2c84ab777695d68d237b3b54b7",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"f5a65e962606192a8f9115a5227292bbece76582",slot:"page_number"},"3")),this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"f627022c7372f645981289a547e4946121cf6279",shape:this.shape,state:"default"},e("p",{key:"936b27a3c34562eee5a2ced0bdc53716dc3dd388",slot:"page_number"},"...")),this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages-2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"83861e8f75962b1d826580f59ab8cc57d1012ee6",shape:this.shape,state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-2)},e("p",{key:"457ff765df6d45d44f780c48b29ce957682c83d3",slot:"page_number"},this.internalTotalPages-2)),e("gb-pagination-number-base",{key:"1263ee7b69f4349367d42c9baaf67bea221f1dcb",shape:this.shape,state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-1)},e("p",{key:"c699c3f3a389214eb2a54d5a15b34ac93f983b04",slot:"page_number"},this.internalTotalPages-1)),e("gb-pagination-number-base",{key:"bf64ea3f1590074b9a77c24df94b1b6c9f83f28b",shape:this.shape,state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages)},e("p",{key:"b71428476c919d0f7bc4d9b58ed30db56acf7227",slot:"page_number"},this.internalTotalPages)))),e("div",{key:"a11778740190de93ed9580b697bac99bf96d06fb",class:"pagination_btns"},e("gb-button",{key:"b80923254d4401cdea3f3da9349ae63f94d0c04e",size:"sm",hierarchy:"secondary_gray",icon:"only",state:this.totalPages===1&&this.currentPage===1?"disabled":this.currentPage===1?"disabled":"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("gb-button",{key:"71ca253a2a06dd1c922652a55ca56c1348b87bfd",size:"sm",hierarchy:"secondary_gray",icon:"only",state:this.currentPage===this.internalTotalPages?"disabled":this.currentPage===1&&this.totalPages===1?"disabled":"default","icon-leading":true,"icon-leading-swap":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()}))),this.type==="card_minimal_right_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"f827962d0f0ee950cd9d3b26cb26031d8be2738f",class:"pagination_entries"},e("div",{key:"12c6123ef88a9064dde1a3abe91d25a92196d537",class:"entries_text"},e("p",{key:"8c3377bf570798e6a48dd06b063953fb561623d1",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"b34221b7b893f3a931a81b8fd748801b5cc55e2d",class:`entries_dropdown`},e("gb-input-dropdown",{key:"e4e0c018567d89291565cfa96f1b636b0dc1d43c",type:"default",state:"default",size:"sm","show-label":false,"show-hint-text":false,"show-supporting-text":false,"show-hep-icon":false,items:this.entries,"menu-position":"top",onDropdownItemSelected:this.handlePageSizeSelect.bind(this),value:this.defaultSelected}))),e("div",{key:"94f9a3dbc75c79d4e104a08c19a37eba023b24ad",class:"page_number_text"},e("p",{key:"e77b16981ab0f21d7c0ca0c2e2365ae7e53e6276",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("div",{key:"56be5ff0bec908313695dc475997fe21050984c4",class:"pagination_btns"},e("gb-button",{key:"f9f5e5f0f0855fd2a0236c004caea1579b117cb5",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"4c22b76a38a7d9c428d8bfa2d3cfcd4c9cceb1cb"},"Previous")),e("gb-button",{key:"a207979838d62f805db5ecc972e902bd5aa47d39",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"705ee97bd08a553f9b4e1343ee9c86f6248cb50d"},"Next")))),this.type==="card_minimal_left_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"bf182a54392e9fda3178f5c763af96e12f157a12",class:"pagination_btns"},e("gb-button",{key:"d2b3e25dca93c36f37ccf44e8a7d70a641c7854b",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"e6e5cf79e98805e4160e23f35276da27ab60e3bd"},"Previous")),e("gb-button",{key:"040bd429ab4b8c5bc680ed24993cff1c0fcd4f36",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"94f8ea52b1dec46fecc45c5c30360510232a6906"},"Next"))),e("div",{key:"75f270661593df4e18e2df66c8667ce7c6ab1d15",class:"page_number_text"},e("p",{key:"ba5e67a7aa2b902e556d033fd5d802cd76cae865",class:"text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("div",{key:"e9dbbbf641f8987b3b119107f732122efcf30da3",class:"pagination_entries"},e("div",{key:"129145f7fb4f0a826e6b6ad422ce092820dcb774",class:"entries_text"},e("p",{key:"c5c010e5dd8307dec1f61c0b778a40a3296f9297",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"32069695a3456064ba9792485afa4c12c35c7ce2",class:`entries_dropdown`},e("gb-input-dropdown",{key:"a4520567f83edc5534347be9159dcc26bcb04706",type:"default",state:"default",size:"sm","show-label":false,"show-hint-text":false,"show-supporting-text":false,"show-hep-icon":false,items:this.entries,"menu-position":"top",onDropdownItemSelected:this.handlePageSizeSelect.bind(this),value:this.defaultSelected})))),this.type==="card_minimal_center_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"2679fcc2dd0366b060af332fc0716c919cd045f7",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"eebb478993ee76a75fcc72ede80a3fb5d2b11a2e"},"Previous")),e("div",{key:"3807b9c7e7ee2bf1cf37bc8a4a3c66a2530f7af0",class:"page_number_text"},e("p",{key:"e051d55bcc00c3739d458c44066b2c04ed7701c2",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"8c4d1229caa8ac28a0c0aa148ccdbd43175e8ff3",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"69802f1c9a387a4c0b5eb0a7157933e0a0b5f390"},"Next"))),this.type==="card_button_group_right_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"b2d00ca3bbb06225f6e37c92ea181b09fdc83b94",class:"pagination_entries"},e("div",{key:"bad80b4a898c9f2579f547742a84c57af34b38eb",class:"entries_text"},e("p",{key:"96419acfed1bc548bbd6f1a0819d797cfc17c92e",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"ae2b84e9f628f6aaf60ab3f2ab9d392d9dc17504",class:`entries_dropdown`},e("gb-input-dropdown",{key:"78162ae68f3924a390c915f085d5d64315870a3b",type:"default",state:"default",size:"sm","show-label":false,"show-hint-text":false,"show-supporting-text":false,"show-hep-icon":false,items:this.entries,"menu-position":"top",onDropdownItemSelected:this.handlePageSizeSelect.bind(this),value:this.defaultSelected}))),e("div",{key:"be5d6f8e9c1d60667c781bc486f0451944663d17",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"293da16d4470c867bcd166ffb0fee1865d9bb440",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"9d947affd5abaac5071a86d00dccf549a798c749"},"Previous")),this.internalTotalPages<=5&&e(a,null,this.pages.map((r=>e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage===r?"active":"default",onClick:()=>this.currentPage=r},e("p",null,r))))),this.internalTotalPages>=6&&e(a,null,e("gb-pagination-button-group-base",{key:"5f311668ea0beb7c7c3583751ad0375393f03d15",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"6ed55f6556023ffb23ffecddac5831aa54399e17"},"1")),e("gb-pagination-button-group-base",{key:"3a7db2555231328d3f80a8a5bb88b15e1c0f8498",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"4b231b24be73ab06842f5c41a2be9436397c1ec8"},"2")),e("gb-pagination-button-group-base",{key:"4a01bb900b9279b61c194db81e52aea3fbac9316",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"63c4b8148d158f3239b5da198e5bc0d36770cb26"},"3")),this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"69a902d26385d8b95b5a8ae838c3c8fa45a6fd29",icon:"false"},e("p",{key:"e6d2c0a12606014883ca894feebeb0f637d17599"},"...")),this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"30af8ea0c433eb6485dfbc4bdea9a14fb36e4887",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"f06813a458048ae543a9f56f24400c84f3e50df6"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"b3a15d964a1152cb16b59f22a99a68ed90af8ed6",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"6727e6047769cc7093ab21e4e7f0ba4ee936a9e3"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"ae6cc9aeb5a8478ae80b937f3388ade75d8cf475",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"e82b6703732ffd1f49df8652e24458bbc6607c0a"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"5f8409e1ae8a55757e6294ec6009de2c2dc0abfe",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"0b43b582f5c3076215317474b44484695bd55160"},"Next")))),this.type==="card_button_group_left_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"451e628eca3630a91c98f9a7173d368fa094c56c",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"3f9f8a82281cdc961db988649b4522b2bd817a70",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"a83741686e1081aa1eb3726582e1b83d977b5d1a"},"Previous")),this.internalTotalPages<=5&&e(a,null,this.pages.map((r=>e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage===r?"active":"default",onClick:()=>this.currentPage=r},e("p",null,r))))),this.internalTotalPages>=6&&e(a,null,e("gb-pagination-button-group-base",{key:"9cf02a21aa5f134304ef650037d3073012633222",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"e15cb89eb1aed60fdd0d7f0262ceb140e4aacdb0"},"1")),e("gb-pagination-button-group-base",{key:"a7c7dac2ba4ccc73245aa5c7d8b5bc3cdd9da022",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"8431532824778cbda98229866d9000b627086a9a"},"2")),e("gb-pagination-button-group-base",{key:"2e024daf55833b96810ad4429ba2996fc80f0d37",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"12847d2fc5366eab0e0cd16e2a411b808194fa95"},"3")),this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"9d8c2ba8d9d64f60f1051861d09403de7f540945",icon:"false"},e("p",{key:"4e9299627f9cc92867f1069e3777fd8b2ef3968d"},"...")),this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"485811f185dc0fc88e1cf324d880eb61f9a40154",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"0941ed9dddf1a797929355d264066bae6adfe88d"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"f15da39247ce0b4d997ab4e24f5ac89d6435f9a7",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"4a97e23565d75125badd34b3004b228834dd9e2b"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"6d78fbf768a9debfd5c452bdff0a947825bcc60e",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"e65ad93ab685848a0d6cab1d3a4ee4994314f904"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"24335d03aa08e2c454d620e307d9e4b0a80f2bce",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"e09ecb34fbe6804e5c50f2dca292c3e9448a791b"},"Next"))),e("div",{key:"3e4f9b37a7b1fbda7ee02d12f1b2e7d9b02271a7",class:"pagination_entries"},e("div",{key:"951e9204f84dfc628076a059f457517882b0fb29",class:"entries_text"},e("p",{key:"c9269786da4ecb258c2ae0c17d5bba0265d58d4f",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"9a6440dc0958a33a070e395178a0d50a4528a41d",class:`entries_dropdown`},e("gb-input-dropdown",{key:"025625192aad5b2ff27c28fe756117e3a204bc97",type:"default",state:"default",size:"sm","show-label":false,"show-hint-text":false,"show-supporting-text":false,"show-hep-icon":false,items:this.entries,"menu-position":"top",onDropdownItemSelected:this.handlePageSizeSelect.bind(this),value:this.defaultSelected})))),this.type==="card_button_group_center_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"bb80055317f3bc66e2638dc8fbcb077064883f89",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"fb5c3c687b8ee11dcd90fbe4d166223dbcd5e7fa",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"79ec35aeb9f49dc230c6c3cbbd901b5fc9be4336"},"Previous")),this.internalTotalPages<=5&&e(a,null,this.pages.map((r=>e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage===r?"active":"default",onClick:()=>this.currentPage=r},e("p",null,r))))),this.internalTotalPages>=6&&e(a,null,e("gb-pagination-button-group-base",{key:"251f491f4f47793ff09dccca85653db45def7cb6",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"a9ec308ef1a5de49b10f547c881790af320dd468"},"1")),e("gb-pagination-button-group-base",{key:"e261afc6d3595959f6ba632b2d2a42e6132426c6",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"d709eb08badd07c4f7183b6b6a933210c7d4a53a"},"2")),e("gb-pagination-button-group-base",{key:"a63f394b1d21341cdfef54afa74a9aef00ca666a",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"ed6c5ef2e5d4755f971a80986baf8074bbc64cb5"},"3")),this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"7897d15501ed4ed63d3adb21b92943511b34e910",icon:"false"},e("p",{key:"3c89285b5829fe5d4ec8a426488951631ba521b9"},"...")),this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"be3f4574c5f5f437e8d60f3703f77b748362db59",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"9a7f72390c6c3e6651a0134ee858c09ef5ff8c3f"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"2593b249dc7a7f00249c83d0d794322de24d837e",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"2f8add2fe65843f98310369daeca5418c18cb90a"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"f12b049184c5c5a76ca5401533cc2382f94560cc",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"adba1378aa885bcde0637b3557bedfe2e2c97161"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"5c66354e54c0c316df87fa9d83364d50b527f5e9",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"d3c13ba5c70911ebd7d9e73c9e5df7f0d6317cc5"},"Next")))),this.type==="page_default"&&this.breakpoint==="mobile"&&e(a,null,e("gb-button",{key:"e1671a1883ce5c56aec1bacc734b0265095b0ea9",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"9f723d59b724582a5afb8915b88afb5952d43e4b",class:"page_number_text"},e("p",{key:"5468228dbbc3ff9dc26b2a804deed08eb0170946",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"d9cc109304047a636a7eb3db6fa5787627c898cb",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()})),this.type==="page_minimal_center_aligned"&&this.breakpoint==="mobile"&&e(a,null,e("gb-button",{key:"212b5f80f8b305aad641e0003ccae60bb56e9b1a",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"05007a56cea02f1e8e9dbaa1e9cafa5190c75084",class:"page_number_text"},e("p",{key:"7dda3d0be778a22160c594d1c7260248338cea5a",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"64ef08f3ee5d9ec6e210d748a7eb4f51acbc3b5f",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()})),this.type==="card_default"&&this.breakpoint==="mobile"&&e(a,null,e("gb-button",{key:"540cff5e7f62ae9477421c80a08c52042c2b5a16",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"2f5c9d763f07456e7456a961e0348a990256d958",class:"page_number_text"},e("p",{key:"3fc5e9a9671669f64a8b4c9aa3007bf90f2f1a5d",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"d68149997c8160a5653660bb6600f11bb123ea0b",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()})),this.type==="card_minimal_right_aligned"&&this.breakpoint==="mobile"&&e(a,null,e("gb-button",{key:"e86245f813c89506e8ddf9198ffcae3643292b00",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"a39baf780cddfb82836aed1675ab397dd721ea04",class:"page_number_text"},e("p",{key:"953630b1a78f491cb0f2fa973690e67c2c267c9b",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"1945955c1d31f1d58fe4b2eee08af254b84aa8e0",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()})),this.type==="card_minimal_left_aligned"&&this.breakpoint==="mobile"&&e(a,null,e("gb-button",{key:"7325330a9cff239c6855ba551a36edd84a736b56",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"636fa07752cd70581e26ed15df69d790f3b974b4",class:"page_number_text"},e("p",{key:"e42a44aaa2ce91fc4bb6a85ab831bdb1bb933cd6",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"fe95232473fcb38029b1019adfd4e7e31673e4b0",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()})),this.type==="card_minimal_center_aligned"&&this.breakpoint==="mobile"&&e(a,null,e("gb-button",{key:"468719ce59c6f8c578ba740e973066f1fffa9e5e",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"68666bf42d5f72eb205d783c515c79ecfe6bf613",class:"page_number_text"},e("p",{key:"e452d8c560bf31604f7caa145ac9464e297ada6d",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"c3b7fa6336cf6193808b0479ef02596315669c36",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()})),this.type==="card_button_group_right_aligned"&&this.breakpoint==="mobile"&&e("div",{key:"2759125be7a95e719b93045b055192863d90c5b0",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"c3bfa9d4b2805dacfc33693f74c8e8ce17c2c051",icon:"only","icon-src":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),this.internalTotalPages<=5&&e(a,null,this.pages.map((r=>e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage===r?"active":"default",onClick:()=>this.currentPage=r},e("p",null,r))))),this.internalTotalPages>=6&&e(a,null,e("gb-pagination-button-group-base",{key:"06d837abe925fe34d8f50d46bbf01204141c5a19",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"70fd8bdb599a0f640e2222043456cc0f41678b7e"},"1")),e("gb-pagination-button-group-base",{key:"065265d151427c5a90be7fec5198793414989df2",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"de741def2540e9d78e6952facc65bba5cfee4605"},"2")),e("gb-pagination-button-group-base",{key:"4b206016b9acaf6df8b9fa936f3081e3bf4757a2",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"3e5a445de6ac31df3ac678502567c54419d8f48a"},"3")),this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"472fad6784b27f2f4763677fdd4b8601d75be9f8",icon:"false"},e("p",{key:"86e75e262c357714c8ca305577ef01f3f6dee49a"},"...")),this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"c15c0af3efb9dbec4f7a0774e74a3133667d5cfc",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"d6a01204316aaa980e2e4957b325373f5e38e700"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"2485bdc9953e1ebbf223f7b2e5a469482556c7ee",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"1eea82d1af9cf9a08f762e70ff590c1a0f512841"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"ea7c114351d90aea5838cef94260dd981b26daa2",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"0d37d733fd5b712ca72c93887717277585941aa6"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"d1afcad9df4868264d0957c6e5e277c3425c30b6",icon:"only","icon-src":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()})),this.type==="card_button_group_left_aligned"&&this.breakpoint==="mobile"&&e("div",{key:"e999a8092f49d65c7506bb9a41ca46713b148adf",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"76f00f88b96cde76c8ccee0da9b75c24b0ce85dc",icon:"only","icon-src":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),this.internalTotalPages<=5&&e(a,null,this.pages.map((r=>e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage===r?"active":"default",onClick:()=>this.currentPage=r},e("p",null,r))))),this.internalTotalPages>=6&&e(a,null,e("gb-pagination-button-group-base",{key:"e9b530a8d3aa1f1cc936bb9c8443a7ac70f5e184",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"c1223a8d5e8a4f4ca7102370dd3df54aac3dad9c"},"1")),e("gb-pagination-button-group-base",{key:"2b63d19ff5dd4643b05881e99067b5ca8c8f69d2",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"bf0a977fbc900ce4d100690eba0f1e5d955398a2"},"2")),e("gb-pagination-button-group-base",{key:"7670674cd21d22160410afe18954cd473c6f800d",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"51b9250fe1dfae1609be9611f8746bdf0adba7a0"},"3")),this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"00f13bf9b171df5a0de6d525b35be34873e6ba67",icon:"false"},e("p",{key:"8512fa92b17c387ce68f574b966224ef8880b58a"},"...")),this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"561750f482d11c284e1728d1a81a0b2c2c789254",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"78b7fa22d08ad08ac02c53ec1f0c9293f016ff35"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"2eddaddafff11d13bba84457a212daea2cc57314",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"549dda7cf7ce1d7cdebd09f8762347ee28855d9a"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"0227ad8aedcfaedcad60f6fa482a8ae24282d16e",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"0cd2ed1555e11ceec5b578b59eb044bb41140e1c"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"21a10d84377db2ef1d90e754be28688fcb24c46f",icon:"only","icon-src":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()})),this.type==="card_button_group_center_aligned"&&this.breakpoint==="mobile"&&e("div",{key:"ccf99e059be6075f4e71372e65ea89f0f890a3ac",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"d50d1ac77493f5bc11e6b04dd3bff2997c144420",icon:"only","icon-src":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),this.internalTotalPages<=5&&e(a,null,this.pages.map((r=>e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage===r?"active":"default",onClick:()=>this.currentPage=r},e("p",null,r))))),this.internalTotalPages>=6&&e(a,null,e("gb-pagination-button-group-base",{key:"0ab3378b5e9ce14e0b7dfc9bd6752462353c1273",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"6f86ef8b34e78393cd7a194c71122cb13aa40c49"},"1")),e("gb-pagination-button-group-base",{key:"6fad93952be018f76b25666002aa9599f3a10f33",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"9ac648b01e774ee0a16fff5cd119f8732b9820c0"},"2")),e("gb-pagination-button-group-base",{key:"3c2c6c6649d1ae1b8e5861dabc692652906a47a9",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"bf735308b0d3384251cedf8df3e0926f81e18b2a"},"3")),this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"d2c6f31936b37ecb7ef00d88f1556411b208906a",icon:"false"},e("p",{key:"2d3a3f54dc2ab7856413e45725e3590b16078236"},"...")),this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"1cee82bd80a63bea8cccb878f8e252df88a3ed23",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"474ef7986599f849e254eb0166cf8ee89e1c4002"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"aa9e52a9f0d6cc3ebc75a0fa6483e50cbd50caa5",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"7925eb3064cfa6a2391e50eb5adf94ac2e0f09fb"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"70301715c4b89b1440db39c2a964571bf52f7b10",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"432c457701e964cf3cdf810a0d550495913186e9"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"a0f9d94d4f1815f1083ba5e437f1e158bd06c90a",icon:"only","icon-src":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()})))}static get watchers(){return{totalPages:["onTotalPagesChange"]}}};i.style=t;export{i as gb_pagination};
+//# sourceMappingURL=p-f8a7cf32.entry.js.map

package/dist/globuscomponents/p-f8a7cf32.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gbPaginationCss","GbPagination","constructor","hostRef","this","currentPage","entries","selectedPageSize","pages","width","window","innerWidth","handleResize","updatePaginationSize","breakpoint","onPreviousButtonClicked","internalTotalPages","pageItemSelected","emit","pageSize","pageNumber","onNextButtonClicked","componentWillLoad","totalPages","i","console","log","push","addEventListener","defaultSelected","generatePages","tempPages","onTotalPagesChange","newValue","oldValue","handlePageSizeSelect","item","detail","setCurrentPage","number","render","h","key","class","type","Fragment","size","hierarchy","icon","state","onClick","map","page","shape","slot","style","color","items","onDropdownItemSelected","bind","value"],"sources":["src/components/gb-pagination/gb-pagination.css?tag=gb-pagination&encapsulation=shadow","src/components/gb-pagination/gb-pagination.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.pagination_div{\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.pagination_entries{\r\n    display: flex;\r\n    gap: var(--spacing-2);\r\n    align-items: center;\r\n}\r\n\r\n.pagination_btns{\r\n    display: flex;\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.entries_dropdown{\r\n    width: 6rem;\r\n}\r\n\r\ngb-input-dropdown{\r\n    z-index: 99;\r\n}\r\n\r\n.pagination_numbers{\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: var(--spacing-half);\r\n}\r\n\r\n.pagination_button_group{\r\n    display: flex;\r\n    border-radius: var(--rounded-sm);\r\n    border: 1px solid var(--color-border-subtle, #CDD5DF);\r\n    box-shadow: var(--shadow-xs);\r\n    align-items: center;\r\n    overflow: hidden;\r\n}\r\n\r\n.page_numbers{\r\n    color: var(--color-text, #4B5565);\r\n}\r\n\r\n/* Pagination Type Styles */\r\n.pagination_div.page_default.desktop,\r\n.pagination_div.page_minimal_center_aligned.desktop{\r\n    padding-top: var(--spacing-5);\r\n}\r\n\r\n.pagination_div.card_default.desktop,\r\n.pagination_div.card_minimal_right_aligned.desktop,\r\n.pagination_div.card_minimal_left_aligned.desktop,\r\n.pagination_div.card_minimal_center_aligned.desktop,\r\n.pagination_div.card_button_group_right_aligned.desktop,\r\n.pagination_div.card_button_group_left_aligned.desktop{\r\n    padding: var(--spacing-3) var(--spacing-6) var(--spacing-4) var(--spacing-6);\r\n}\r\n\r\n.pagination_div.page_default.mobile,\r\n.pagination_div.page_minimal_center_aligned.mobile{\r\n    padding-top: var(--spacing-4);\r\n}\r\n\r\n.pagination_div.card_button_group_center_aligned.desktop{\r\n    display: flex;\r\n    padding: var(--spacing-3) var(--spacing-6) var(--spacing-4) var(--spacing-6);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_default.mobile,\r\n.pagination_div.card_minimal_left_aligned.mobile,\r\n.pagination_div.card_minimal_right_aligned.mobile,\r\n.pagination_div.card_minimal_center_aligned.mobile{\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n}\r\n\r\n.pagination_div.card_button_group_right_aligned.mobile{\r\n    display: flex;\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-end;\r\n    gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_button_group_left_aligned.mobile{\r\n    display: flex;\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_button_group_center_aligned.mobile{\r\n    display: flex;\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n}","import { Component, Prop, h, Fragment, State, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { BreakPoints, PaginationNumberShapes, PaginationTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-pagination',\r\n  styleUrl: 'gb-pagination.css',\r\n  shadow: true,\r\n})\r\nexport class GbPagination {\r\n  @Prop() type: PaginationTypes;\r\n  @Prop() shape: PaginationNumberShapes;\r\n  @Prop({ mutable: true }) breakpoint: BreakPoints;\r\n  @Prop({ mutable: true }) currentPage: number = 1;\r\n  @Prop({ mutable: true }) totalPages: number;\r\n  @Prop({ mutable: true }) entries: number[] = [10, 20, 50, 80, 100];\r\n  @State() selectedPageSize: number | string | object = 10;\r\n  @State() defaultSelected: any;\r\n  @State() pages = [];\r\n  @State() width: number = window.innerWidth;\r\n  @State() internalTotalPages: number;\r\n  @Event() pageItemSelected: EventEmitter<{ pageSize: any; pageNumber: number }>;\r\n\r\n  private handleResize = () => {\r\n    this.width = window.innerWidth;\r\n    this.updatePaginationSize();\r\n  };\r\n\r\n  updatePaginationSize() {\r\n    this.breakpoint = this.width < 730 ? 'mobile' : 'desktop';\r\n  }\r\n\r\n  onPreviousButtonClicked() {\r\n    if (this.internalTotalPages > 1) {\r\n      if (this.currentPage === this.internalTotalPages || this.currentPage > 1) {\r\n        this.currentPage = this.currentPage - 1;\r\n        // console.log(this.currentPage);\r\n      }\r\n      this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n    }\r\n  }\r\n\r\n  onNextButtonClicked() {\r\n    if (this.internalTotalPages > 1) {\r\n      if (this.currentPage === 1 || this.currentPage <= this.internalTotalPages - 1) {\r\n        this.currentPage = this.currentPage + 1;\r\n        // console.log(this.currentPage);\r\n      }\r\n      this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n    }\r\n  }\r\n  \r\n  componentWillLoad() {\r\n    this.internalTotalPages = this.totalPages;\r\n    this.pages = [];\r\n\r\n    if (this.totalPages <= 5) {\r\n      // Show all pages if totalPages <= 5\r\n      for (let i = 1; i <= this.totalPages; i++) {\r\n        console.log(i)\r\n        this.pages.push(i)\r\n      }\r\n    }\r\n\r\n    this.updatePaginationSize(); // Set initial variant\r\n    window.addEventListener('resize', this.handleResize);\r\n\r\n    this.defaultSelected = [this.selectedPageSize];\r\n    // console.log(this.currentPage)\r\n    this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n  }\r\n\r\n  generatePages() {\r\n    const tempPages = [];\r\n    if (this.internalTotalPages <= 5) {\r\n      for (let i = 1; i <= this.internalTotalPages; i++) {\r\n        tempPages.push(i);\r\n      }\r\n    } else {\r\n      // Optional: logic for > 5 pages if needed\r\n    }\r\n    this.pages = tempPages;\r\n  }\r\n\r\n  // componentWillLoad() {\r\n    // setTimeout(() => {this.totalPages = 5}, 2000)\r\n  // }\r\n\r\n  @Watch('totalPages')\r\n  onTotalPagesChange(newValue: number, oldValue: number) {\r\n    console.log('totalPages changed from', oldValue, 'to', newValue);\r\n    this.internalTotalPages = newValue;\r\n    this.generatePages();\r\n  }\r\n\r\n  handlePageSizeSelect(item) {\r\n    this.selectedPageSize = item.detail;\r\n    this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n  }\r\n\r\n  setCurrentPage(number: number) {\r\n    this.currentPage = number;\r\n    this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`pagination_div ${this.type} ${this.breakpoint}`}>\r\n        {/* Desktop Breakpoint Pagination */}\r\n        {this.type === 'page_default' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"tertiary_gray\"\r\n              icon=\"default\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            >\r\n              <p>Previous</p>\r\n            </gb-button>\r\n\r\n            <div class=\"pagination_numbers\">\r\n              {this.internalTotalPages <= 5 &&\r\n                this.pages.map(page => (\r\n                  <gb-pagination-number-base shape={this.shape} state={this.currentPage === page ? 'active' : 'default'} onClick={() => this.setCurrentPage(page)}>\r\n                    <p slot=\"page_number\">{page}</p>\r\n                  </gb-pagination-number-base>\r\n                ))}\r\n              {this.internalTotalPages >= 6 && (\r\n                <>\r\n                  <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => this.setCurrentPage(1)}>\r\n                    <p slot=\"page_number\">1</p>\r\n                  </gb-pagination-number-base>\r\n                  <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => this.setCurrentPage(2)}>\r\n                    <p slot=\"page_number\">2</p>\r\n                  </gb-pagination-number-base>\r\n                  <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => this.setCurrentPage(3)}>\r\n                    <p slot=\"page_number\">3</p>\r\n                  </gb-pagination-number-base>\r\n                  {this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (\r\n                    <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default'}>\r\n                      <p slot=\"page_number\">{this.currentPage}</p>\r\n                    </gb-pagination-number-base>\r\n                  ) : null}\r\n                  <gb-pagination-number-base shape={this.shape}>\r\n                    <p slot=\"page_number\">...</p>\r\n                  </gb-pagination-number-base>\r\n                  {this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (\r\n                    <gb-pagination-number-base\r\n                      shape={this.shape}\r\n                      state={this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default'}\r\n                    >\r\n                      <p slot=\"page_number\">{this.currentPage}</p>\r\n                    </gb-pagination-number-base>\r\n                  ) : null}\r\n                  <gb-pagination-number-base\r\n                    shape={this.shape}\r\n                    state={this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default'}\r\n                    onClick={() => this.setCurrentPage(this.internalTotalPages - 2)}\r\n                  >\r\n                    <p slot=\"page_number\">{this.internalTotalPages - 2}</p>\r\n                  </gb-pagination-number-base>\r\n                  <gb-pagination-number-base\r\n                    shape={this.shape}\r\n                    state={this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default'}\r\n                    onClick={() => this.setCurrentPage(this.internalTotalPages - 1)}\r\n                  >\r\n                    <p slot=\"page_number\">{this.internalTotalPages - 1}</p>\r\n                  </gb-pagination-number-base>\r\n                  <gb-pagination-number-base\r\n                    shape={this.shape}\r\n                    state={this.currentPage === this.internalTotalPages ? 'active' : 'default'}\r\n                    onClick={() => this.setCurrentPage(this.internalTotalPages)}\r\n                  >\r\n                    <p slot=\"page_number\">{this.internalTotalPages}</p>\r\n                  </gb-pagination-number-base>\r\n                </>\r\n              )}\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"tertiary_gray\"\r\n              icon=\"default\"\r\n              state=\"default\"\r\n              icon-trailing={true}\r\n              icon-trailing-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            >\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"default\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            >\r\n              <p>Previous</p>\r\n            </gb-button>\r\n            <div class=\"pagination_numbers\">\r\n              {this.internalTotalPages <= 5 && (\r\n                <>\r\n                  {this.internalTotalPages <= 5 &&\r\n                    this.pages.map(page => (\r\n                      <gb-pagination-number-base shape={this.shape} state={this.currentPage === page ? 'active' : 'default'} onClick={() => this.setCurrentPage(page)}>\r\n                        <p slot=\"page_number\">{page}</p>\r\n                      </gb-pagination-number-base>\r\n                    ))}\r\n                </>\r\n              )}\r\n              {this.internalTotalPages >= 6 && (\r\n                <>\r\n                  <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => this.setCurrentPage(1)}>\r\n                    <p slot=\"page_number\">1</p>\r\n                  </gb-pagination-number-base>\r\n                  <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => this.setCurrentPage(2)}>\r\n                    <p slot=\"page_number\">2</p>\r\n                  </gb-pagination-number-base>\r\n                  <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => this.setCurrentPage(3)}>\r\n                    <p slot=\"page_number\">3</p>\r\n                  </gb-pagination-number-base>\r\n                  {this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (\r\n                    <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default'}>\r\n                      <p slot=\"page_number\">{this.currentPage}</p>\r\n                    </gb-pagination-number-base>\r\n                  ) : null}\r\n                  <gb-pagination-number-base shape={this.shape}>\r\n                    <p slot=\"page_number\">...</p>\r\n                  </gb-pagination-number-base>\r\n                  {this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (\r\n                    <gb-pagination-number-base\r\n                      shape={this.shape}\r\n                      state={this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default'}\r\n                    >\r\n                      <p slot=\"page_number\">{this.currentPage}</p>\r\n                    </gb-pagination-number-base>\r\n                  ) : null}\r\n                  <gb-pagination-number-base\r\n                    shape={this.shape}\r\n                    state={this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default'}\r\n                    onClick={() => this.setCurrentPage(this.internalTotalPages - 2)}\r\n                  >\r\n                    <p slot=\"page_number\">{this.internalTotalPages - 2}</p>\r\n                  </gb-pagination-number-base>\r\n                  <gb-pagination-number-base\r\n                    shape={this.shape}\r\n                    state={this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default'}\r\n                    onClick={() => this.setCurrentPage(this.internalTotalPages - 1)}\r\n                  >\r\n                    <p slot=\"page_number\">{this.internalTotalPages - 1}</p>\r\n                  </gb-pagination-number-base>\r\n                  <gb-pagination-number-base\r\n                    shape={this.shape}\r\n                    state={this.currentPage === this.internalTotalPages ? 'active' : 'default'}\r\n                    onClick={() => this.setCurrentPage(this.internalTotalPages)}\r\n                  >\r\n                    <p slot=\"page_number\">{this.internalTotalPages}</p>\r\n                  </gb-pagination-number-base>\r\n                </>\r\n              )}\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"default\"\r\n              state=\"default\"\r\n              icon-trailing={true}\r\n              icon-trailing-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            >\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_default' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state=\"default\"\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-help-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                  onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n                  value={this.defaultSelected}\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"pagination_numbers\">\r\n              {this.internalTotalPages <= 5 &&\r\n                this.pages.map(page => (\r\n                  <gb-pagination-number-base shape={this.shape} state={this.currentPage === page ? 'active' : 'default'} onClick={() => this.setCurrentPage(page)}>\r\n                    <p slot=\"page_number\">{page}</p>\r\n                  </gb-pagination-number-base>\r\n                ))}\r\n              {this.internalTotalPages >= 6 && (\r\n                <>\r\n                  <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => this.setCurrentPage(1)}>\r\n                    <p slot=\"page_number\">1</p>\r\n                  </gb-pagination-number-base>\r\n                  <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => this.setCurrentPage(2)}>\r\n                    <p slot=\"page_number\">2</p>\r\n                  </gb-pagination-number-base>\r\n                  <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => this.setCurrentPage(3)}>\r\n                    <p slot=\"page_number\">3</p>\r\n                  </gb-pagination-number-base>\r\n                  {this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (\r\n                    <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default'}>\r\n                      <p slot=\"page_number\">{this.currentPage}</p>\r\n                    </gb-pagination-number-base>\r\n                  ) : null}\r\n                  <gb-pagination-number-base shape={this.shape} state=\"default\">\r\n                    <p slot=\"page_number\">...</p>\r\n                  </gb-pagination-number-base>\r\n                  {this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (\r\n                    <gb-pagination-number-base\r\n                      shape={this.shape}\r\n                      state={this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default'}\r\n                    >\r\n                      <p slot=\"page_number\">{this.currentPage}</p>\r\n                    </gb-pagination-number-base>\r\n                  ) : null}\r\n                  <gb-pagination-number-base\r\n                    shape={this.shape}\r\n                    state={this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default'}\r\n                    onClick={() => this.setCurrentPage(this.internalTotalPages - 2)}\r\n                  >\r\n                    <p slot=\"page_number\">{this.internalTotalPages - 2}</p>\r\n                  </gb-pagination-number-base>\r\n                  <gb-pagination-number-base\r\n                    shape={this.shape}\r\n                    state={this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default'}\r\n                    onClick={() => this.setCurrentPage(this.internalTotalPages - 1)}\r\n                  >\r\n                    <p slot=\"page_number\">{this.internalTotalPages - 1}</p>\r\n                  </gb-pagination-number-base>\r\n                  <gb-pagination-number-base\r\n                    shape={this.shape}\r\n                    state={this.currentPage === this.internalTotalPages ? 'active' : 'default'}\r\n                    onClick={() => this.setCurrentPage(this.internalTotalPages)}\r\n                  >\r\n                    <p slot=\"page_number\">{this.internalTotalPages}</p>\r\n                  </gb-pagination-number-base>\r\n                </>\r\n              )}\r\n            </div>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button\r\n                size=\"sm\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"only\"\r\n                state={this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default'}\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n                onClick={() => this.onPreviousButtonClicked()}\r\n              ></gb-button>\r\n              <gb-button\r\n                size=\"sm\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"only\"\r\n                state={this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : 'default'}\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n                onClick={() => this.onNextButtonClicked()}\r\n              ></gb-button>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                  onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n                  value={this.defaultSelected}\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.internalTotalPages}\r\n              </p>\r\n            </div>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-button>\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-button>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-button>\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-button>\r\n            </div>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"text-sm-medium\">\r\n                Page {this.currentPage} of {this.internalTotalPages}\r\n              </p>\r\n            </div>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                  onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n                  value={this.defaultSelected}\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n              <p>Previous</p>\r\n            </gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.internalTotalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                  onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n                  value={this.defaultSelected}\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.internalTotalPages <= 5 && (\r\n                <>\r\n                  {this.pages.map(page => (\r\n                    <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === page ? 'active' : 'default'} onClick={() => (this.currentPage = page)}>\r\n                      <p>{page}</p>\r\n                    </gb-pagination-button-group-base>\r\n                  ))}\r\n                </>\r\n              )}\r\n              {this.internalTotalPages >= 6 && (\r\n                <>\r\n                  <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                    <p>1</p>\r\n                  </gb-pagination-button-group-base>\r\n                  <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                    <p>2</p>\r\n                  </gb-pagination-button-group-base>\r\n                  <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                    <p>3</p>\r\n                  </gb-pagination-button-group-base>\r\n                  {this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (\r\n                    <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default'}>\r\n                      <p>{this.currentPage}</p>\r\n                    </gb-pagination-button-group-base>\r\n                  ) : null}\r\n                  <gb-pagination-button-group-base icon=\"false\">\r\n                    <p>...</p>\r\n                  </gb-pagination-button-group-base>\r\n                  {this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (\r\n                    <gb-pagination-button-group-base\r\n                      icon=\"false\"\r\n                      state={this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default'}\r\n                    >\r\n                      <p>{this.currentPage}</p>\r\n                    </gb-pagination-button-group-base>\r\n                  ) : null}\r\n                  <gb-pagination-button-group-base\r\n                    icon=\"false\"\r\n                    state={this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default'}\r\n                    onClick={() => (this.currentPage = this.internalTotalPages - 2)}\r\n                  >\r\n                    <p>{this.internalTotalPages - 2}</p>\r\n                  </gb-pagination-button-group-base>\r\n                  <gb-pagination-button-group-base\r\n                    icon=\"false\"\r\n                    state={this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default'}\r\n                    onClick={() => (this.currentPage = this.internalTotalPages - 1)}\r\n                  >\r\n                    <p>{this.internalTotalPages - 1}</p>\r\n                  </gb-pagination-button-group-base>\r\n                  <gb-pagination-button-group-base\r\n                    icon=\"false\"\r\n                    state={this.currentPage === this.internalTotalPages ? 'active' : 'default'}\r\n                    onClick={() => (this.currentPage = this.internalTotalPages)}\r\n                  >\r\n                    <p>{this.internalTotalPages}</p>\r\n                  </gb-pagination-button-group-base>\r\n                </>\r\n              )}\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.internalTotalPages <= 5 && (\r\n                <>\r\n                  {this.pages.map(page => (\r\n                    <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === page ? 'active' : 'default'} onClick={() => (this.currentPage = page)}>\r\n                      <p>{page}</p>\r\n                    </gb-pagination-button-group-base>\r\n                  ))}\r\n                </>\r\n              )}\r\n              {this.internalTotalPages >= 6 && (\r\n                <>\r\n                  <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                    <p>1</p>\r\n                  </gb-pagination-button-group-base>\r\n                  <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                    <p>2</p>\r\n                  </gb-pagination-button-group-base>\r\n                  <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                    <p>3</p>\r\n                  </gb-pagination-button-group-base>\r\n                  {this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (\r\n                    <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default'}>\r\n                      <p>{this.currentPage}</p>\r\n                    </gb-pagination-button-group-base>\r\n                  ) : null}\r\n                  <gb-pagination-button-group-base icon=\"false\">\r\n                    <p>...</p>\r\n                  </gb-pagination-button-group-base>\r\n                  {this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (\r\n                    <gb-pagination-button-group-base\r\n                      icon=\"false\"\r\n                      state={this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default'}\r\n                    >\r\n                      <p>{this.currentPage}</p>\r\n                    </gb-pagination-button-group-base>\r\n                  ) : null}\r\n                  <gb-pagination-button-group-base\r\n                    icon=\"false\"\r\n                    state={this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default'}\r\n                    onClick={() => (this.currentPage = this.internalTotalPages - 2)}\r\n                  >\r\n                    <p>{this.internalTotalPages - 2}</p>\r\n                  </gb-pagination-button-group-base>\r\n                  <gb-pagination-button-group-base\r\n                    icon=\"false\"\r\n                    state={this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default'}\r\n                    onClick={() => (this.currentPage = this.internalTotalPages - 1)}\r\n                  >\r\n                    <p>{this.internalTotalPages - 1}</p>\r\n                  </gb-pagination-button-group-base>\r\n                  <gb-pagination-button-group-base\r\n                    icon=\"false\"\r\n                    state={this.currentPage === this.internalTotalPages ? 'active' : 'default'}\r\n                    onClick={() => (this.currentPage = this.internalTotalPages)}\r\n                  >\r\n                    <p>{this.internalTotalPages}</p>\r\n                  </gb-pagination-button-group-base>\r\n                </>\r\n              )}\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                  onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n                  value={this.defaultSelected}\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.internalTotalPages <= 5 && (\r\n                <>\r\n                  {this.pages.map(page => (\r\n                    <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === page ? 'active' : 'default'} onClick={() => (this.currentPage = page)}>\r\n                      <p>{page}</p>\r\n                    </gb-pagination-button-group-base>\r\n                  ))}\r\n                </>\r\n              )}\r\n              {this.internalTotalPages >= 6 && (\r\n                <>\r\n                  <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                    <p>1</p>\r\n                  </gb-pagination-button-group-base>\r\n                  <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                    <p>2</p>\r\n                  </gb-pagination-button-group-base>\r\n                  <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                    <p>3</p>\r\n                  </gb-pagination-button-group-base>\r\n                  {this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (\r\n                    <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default'}>\r\n                      <p>{this.currentPage}</p>\r\n                    </gb-pagination-button-group-base>\r\n                  ) : null}\r\n                  <gb-pagination-button-group-base icon=\"false\">\r\n                    <p>...</p>\r\n                  </gb-pagination-button-group-base>\r\n                  {this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (\r\n                    <gb-pagination-button-group-base\r\n                      icon=\"false\"\r\n                      state={this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default'}\r\n                    >\r\n                      <p>{this.currentPage}</p>\r\n                    </gb-pagination-button-group-base>\r\n                  ) : null}\r\n                  <gb-pagination-button-group-base\r\n                    icon=\"false\"\r\n                    state={this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default'}\r\n                    onClick={() => (this.currentPage = this.internalTotalPages - 2)}\r\n                  >\r\n                    <p>{this.internalTotalPages - 2}</p>\r\n                  </gb-pagination-button-group-base>\r\n                  <gb-pagination-button-group-base\r\n                    icon=\"false\"\r\n                    state={this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default'}\r\n                    onClick={() => (this.currentPage = this.internalTotalPages - 1)}\r\n                  >\r\n                    <p>{this.internalTotalPages - 1}</p>\r\n                  </gb-pagination-button-group-base>\r\n                  <gb-pagination-button-group-base\r\n                    icon=\"false\"\r\n                    state={this.currentPage === this.internalTotalPages ? 'active' : 'default'}\r\n                    onClick={() => (this.currentPage = this.internalTotalPages)}\r\n                  >\r\n                    <p>{this.internalTotalPages}</p>\r\n                  </gb-pagination-button-group-base>\r\n                </>\r\n              )}\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n          </>\r\n        )}\r\n        {/* Mobile Breakpoint Pagination */}\r\n        {this.type === 'page_default' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.internalTotalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.internalTotalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_default' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.internalTotalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.internalTotalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.internalTotalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.internalTotalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-left-02.svg\" onClick={() => this.onPreviousButtonClicked()}></gb-pagination-button-group-base>\r\n            {this.internalTotalPages <= 5 && (\r\n              <>\r\n                {this.pages.map(page => (\r\n                  <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === page ? 'active' : 'default'} onClick={() => (this.currentPage = page)}>\r\n                    <p>{page}</p>\r\n                  </gb-pagination-button-group-base>\r\n                ))}\r\n              </>\r\n            )}\r\n            {this.internalTotalPages >= 6 && (\r\n              <>\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                  <p>2</p>\r\n                </gb-pagination-button-group-base>\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                  <p>3</p>\r\n                </gb-pagination-button-group-base>\r\n                {this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (\r\n                  <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default'}>\r\n                    <p>{this.currentPage}</p>\r\n                  </gb-pagination-button-group-base>\r\n                ) : null}\r\n                <gb-pagination-button-group-base icon=\"false\">\r\n                  <p>...</p>\r\n                </gb-pagination-button-group-base>\r\n                {this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (\r\n                  <gb-pagination-button-group-base\r\n                    icon=\"false\"\r\n                    state={this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default'}\r\n                  >\r\n                    <p>{this.currentPage}</p>\r\n                  </gb-pagination-button-group-base>\r\n                ) : null}\r\n                <gb-pagination-button-group-base\r\n                  icon=\"false\"\r\n                  state={this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default'}\r\n                  onClick={() => (this.currentPage = this.internalTotalPages - 2)}\r\n                >\r\n                  <p>{this.internalTotalPages - 2}</p>\r\n                </gb-pagination-button-group-base>\r\n                <gb-pagination-button-group-base\r\n                  icon=\"false\"\r\n                  state={this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default'}\r\n                  onClick={() => (this.currentPage = this.internalTotalPages - 1)}\r\n                >\r\n                  <p>{this.internalTotalPages - 1}</p>\r\n                </gb-pagination-button-group-base>\r\n                <gb-pagination-button-group-base\r\n                  icon=\"false\"\r\n                  state={this.currentPage === this.internalTotalPages ? 'active' : 'default'}\r\n                  onClick={() => (this.currentPage = this.internalTotalPages)}\r\n                >\r\n                  <p>{this.internalTotalPages}</p>\r\n                </gb-pagination-button-group-base>\r\n              </>\r\n            )}\r\n            <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-right-02.svg\" onClick={() => this.onNextButtonClicked()}></gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n        {this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-left-02.svg\" onClick={() => this.onPreviousButtonClicked()}></gb-pagination-button-group-base>\r\n            {this.internalTotalPages <= 5 && (\r\n              <>\r\n                {this.pages.map(page => (\r\n                  <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === page ? 'active' : 'default'} onClick={() => (this.currentPage = page)}>\r\n                    <p>{page}</p>\r\n                  </gb-pagination-button-group-base>\r\n                ))}\r\n              </>\r\n            )}\r\n            {this.internalTotalPages >= 6 && (\r\n              <>\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                  <p>2</p>\r\n                </gb-pagination-button-group-base>\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                  <p>3</p>\r\n                </gb-pagination-button-group-base>\r\n                {this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (\r\n                  <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default'}>\r\n                    <p>{this.currentPage}</p>\r\n                  </gb-pagination-button-group-base>\r\n                ) : null}\r\n                <gb-pagination-button-group-base icon=\"false\">\r\n                  <p>...</p>\r\n                </gb-pagination-button-group-base>\r\n                {this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (\r\n                  <gb-pagination-button-group-base\r\n                    icon=\"false\"\r\n                    state={this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default'}\r\n                  >\r\n                    <p>{this.currentPage}</p>\r\n                  </gb-pagination-button-group-base>\r\n                ) : null}\r\n                <gb-pagination-button-group-base\r\n                  icon=\"false\"\r\n                  state={this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default'}\r\n                  onClick={() => (this.currentPage = this.internalTotalPages - 2)}\r\n                >\r\n                  <p>{this.internalTotalPages - 2}</p>\r\n                </gb-pagination-button-group-base>\r\n                <gb-pagination-button-group-base\r\n                  icon=\"false\"\r\n                  state={this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default'}\r\n                  onClick={() => (this.currentPage = this.internalTotalPages - 1)}\r\n                >\r\n                  <p>{this.internalTotalPages - 1}</p>\r\n                </gb-pagination-button-group-base>\r\n                <gb-pagination-button-group-base\r\n                  icon=\"false\"\r\n                  state={this.currentPage === this.internalTotalPages ? 'active' : 'default'}\r\n                  onClick={() => (this.currentPage = this.internalTotalPages)}\r\n                >\r\n                  <p>{this.internalTotalPages}</p>\r\n                </gb-pagination-button-group-base>\r\n              </>\r\n            )}\r\n            <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-right-02.svg\" onClick={() => this.onNextButtonClicked()}></gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n        {this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-left-02.svg\" onClick={() => this.onPreviousButtonClicked()}></gb-pagination-button-group-base>\r\n            {this.internalTotalPages <= 5 && (\r\n              <>\r\n                {this.pages.map(page => (\r\n                  <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === page ? 'active' : 'default'} onClick={() => (this.currentPage = page)}>\r\n                    <p>{page}</p>\r\n                  </gb-pagination-button-group-base>\r\n                ))}\r\n              </>\r\n            )}\r\n            {this.internalTotalPages >= 6 && (\r\n              <>\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                  <p>2</p>\r\n                </gb-pagination-button-group-base>\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                  <p>3</p>\r\n                </gb-pagination-button-group-base>\r\n                {this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (\r\n                  <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default'}>\r\n                    <p>{this.currentPage}</p>\r\n                  </gb-pagination-button-group-base>\r\n                ) : null}\r\n                <gb-pagination-button-group-base icon=\"false\">\r\n                  <p>...</p>\r\n                </gb-pagination-button-group-base>\r\n                {this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (\r\n                  <gb-pagination-button-group-base\r\n                    icon=\"false\"\r\n                    state={this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default'}\r\n                  >\r\n                    <p>{this.currentPage}</p>\r\n                  </gb-pagination-button-group-base>\r\n                ) : null}\r\n                <gb-pagination-button-group-base\r\n                  icon=\"false\"\r\n                  state={this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default'}\r\n                  onClick={() => (this.currentPage = this.internalTotalPages - 2)}\r\n                >\r\n                  <p>{this.internalTotalPages - 2}</p>\r\n                </gb-pagination-button-group-base>\r\n                <gb-pagination-button-group-base\r\n                  icon=\"false\"\r\n                  state={this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default'}\r\n                  onClick={() => (this.currentPage = this.internalTotalPages - 1)}\r\n                >\r\n                  <p>{this.internalTotalPages - 1}</p>\r\n                </gb-pagination-button-group-base>\r\n                <gb-pagination-button-group-base\r\n                  icon=\"false\"\r\n                  state={this.currentPage === this.internalTotalPages ? 'active' : 'default'}\r\n                  onClick={() => (this.currentPage = this.internalTotalPages)}\r\n                >\r\n                  <p>{this.internalTotalPages}</p>\r\n                </gb-pagination-button-group-base>\r\n              </>\r\n            )}\r\n            <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-right-02.svg\" onClick={() => this.onNextButtonClicked()}></gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"oDAAA,MAAMA,EAAkB,6rtE,MCQXC,EAAY,MALzB,WAAAC,CAAAC,G,2DAS2BC,KAAWC,YAAW,EAEtBD,KAAAE,QAAoB,CAAC,GAAI,GAAI,GAAI,GAAI,KACrDF,KAAgBG,iBAA6B,GAE7CH,KAAKI,MAAG,GACRJ,KAAAK,MAAgBC,OAAOC,WAIxBP,KAAYQ,aAAG,KACrBR,KAAKK,MAAQC,OAAOC,WACpBP,KAAKS,sBAAsB,CAgjC9B,CA7iCC,oBAAAA,GACET,KAAKU,WAAaV,KAAKK,MAAQ,IAAM,SAAW,S,CAGlD,uBAAAM,GACE,GAAIX,KAAKY,mBAAqB,EAAG,CAC/B,GAAIZ,KAAKC,cAAgBD,KAAKY,oBAAsBZ,KAAKC,YAAc,EAAG,CACxED,KAAKC,YAAcD,KAAKC,YAAc,C,CAGxCD,KAAKa,iBAAiBC,KAAK,CAAEC,SAAUf,KAAKG,iBAAkBa,WAAYhB,KAAKC,a,EAInF,mBAAAgB,GACE,GAAIjB,KAAKY,mBAAqB,EAAG,CAC/B,GAAIZ,KAAKC,cAAgB,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EAAG,CAC7EZ,KAAKC,YAAcD,KAAKC,YAAc,C,CAGxCD,KAAKa,iBAAiBC,KAAK,CAAEC,SAAUf,KAAKG,iBAAkBa,WAAYhB,KAAKC,a,EAInF,iBAAAiB,GACElB,KAAKY,mBAAqBZ,KAAKmB,WAC/BnB,KAAKI,MAAQ,GAEb,GAAIJ,KAAKmB,YAAc,EAAG,CAExB,IAAK,IAAIC,EAAI,EAAGA,GAAKpB,KAAKmB,WAAYC,IAAK,CACzCC,QAAQC,IAAIF,GACZpB,KAAKI,MAAMmB,KAAKH,E,EAIpBpB,KAAKS,uBACLH,OAAOkB,iBAAiB,SAAUxB,KAAKQ,cAEvCR,KAAKyB,gBAAkB,CAACzB,KAAKG,kBAE7BH,KAAKa,iBAAiBC,KAAK,CAAEC,SAAUf,KAAKG,iBAAkBa,WAAYhB,KAAKC,a,CAGjF,aAAAyB,GACE,MAAMC,EAAY,GAClB,GAAI3B,KAAKY,oBAAsB,EAAG,CAChC,IAAK,IAAIQ,EAAI,EAAGA,GAAKpB,KAAKY,mBAAoBQ,IAAK,CACjDO,EAAUJ,KAAKH,E,EAKnBpB,KAAKI,MAAQuB,C,CAQf,kBAAAC,CAAmBC,EAAkBC,GACnCT,QAAQC,IAAI,0BAA2BQ,EAAU,KAAMD,GACvD7B,KAAKY,mBAAqBiB,EAC1B7B,KAAK0B,e,CAGP,oBAAAK,CAAqBC,GACnBhC,KAAKG,iBAAmB6B,EAAKC,OAC7BjC,KAAKa,iBAAiBC,KAAK,CAAEC,SAAUf,KAAKG,iBAAkBa,WAAYhB,KAAKC,a,CAGjF,cAAAiC,CAAeC,GACbnC,KAAKC,YAAckC,EACnBnC,KAAKa,iBAAiBC,KAAK,CAAEC,SAAUf,KAAKG,iBAAkBa,WAAYhB,KAAKC,a,CAGjF,MAAAmC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,kBAAkBvC,KAAKwC,QAAQxC,KAAKU,cAE7CV,KAAKwC,OAAS,gBAAkBxC,KAAKU,aAAe,WACnD2B,EAAAI,EAAA,KACEJ,EAAA,aAAAC,IAAA,2CACEI,KAAK,KACLC,UAAU,gBACVC,KAAK,UACLC,MAAM,UAAS,eACD,KAAI,oBACA,2BAClBC,QAAS,IAAM9C,KAAKW,2BAEpB0B,EAAA,KAAAC,IAAA,yDAGFD,EAAK,OAAAC,IAAA,2CAAAC,MAAM,sBACRvC,KAAKY,oBAAsB,GAC1BZ,KAAKI,MAAM2C,KAAIC,GACbX,EAA2B,6BAAAY,MAAOjD,KAAKiD,MAAOJ,MAAO7C,KAAKC,cAAgB+C,EAAO,SAAW,UAAWF,QAAS,IAAM9C,KAAKkC,eAAec,IACxIX,EAAG,KAAAa,KAAK,eAAeF,MAG5BhD,KAAKY,oBAAsB,GAC1ByB,EAAAI,EAAA,KACEJ,EAAA,6BAAAC,IAAA,2CAA2BW,MAAOjD,KAAKiD,MAAOJ,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAM9C,KAAKkC,eAAe,IACrIG,EAAA,KAAAC,IAAA,2CAAGY,KAAK,eAAa,MAEvBb,EAAA,6BAAAC,IAAA,2CAA2BW,MAAOjD,KAAKiD,MAAOJ,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAM9C,KAAKkC,eAAe,IACrIG,EAAA,KAAAC,IAAA,2CAAGY,KAAK,eAAa,MAEvBb,EAAA,6BAAAC,IAAA,2CAA2BW,MAAOjD,KAAKiD,MAAOJ,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAM9C,KAAKkC,eAAe,IACrIG,EAAA,KAAAC,IAAA,2CAAGY,KAAK,eAAa,MAEtBlD,KAAKC,YAAc,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EACrEyB,EAA2B,6BAAAY,MAAOjD,KAAKiD,MAAOJ,MAAO7C,KAAKC,YAAc,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EAAI,SAAW,WACxIyB,EAAA,KAAGa,KAAK,eAAelD,KAAKC,cAE5B,KACJoC,EAAA,6BAAAC,IAAA,2CAA2BW,MAAOjD,KAAKiD,OACrCZ,EAAA,KAAAC,IAAA,2CAAGY,KAAK,eAAa,QAEtBlD,KAAKC,YAAcD,KAAKY,mBAAqB,GAAKZ,KAAKC,YAAcD,KAAKY,mBAAqB,EAC9FyB,EAAA,6BACEY,MAAOjD,KAAKiD,MACZJ,MAAO7C,KAAKC,YAAcD,KAAKY,mBAAqB,GAAKZ,KAAKC,YAAcD,KAAKY,mBAAqB,SAAW,WAEjHyB,EAAA,KAAGa,KAAK,eAAelD,KAAKC,cAE5B,KACJoC,EAAA,6BAAAC,IAAA,2CACEW,MAAOjD,KAAKiD,MACZJ,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,EAAI,SAAW,UACrEkC,QAAS,IAAM9C,KAAKkC,eAAelC,KAAKY,mBAAqB,IAE7DyB,EAAG,KAAAC,IAAA,2CAAAY,KAAK,eAAelD,KAAKY,mBAAqB,IAEnDyB,EAAA,6BAAAC,IAAA,2CACEW,MAAOjD,KAAKiD,MACZJ,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,EAAI,SAAW,UACrEkC,QAAS,IAAM9C,KAAKkC,eAAelC,KAAKY,mBAAqB,IAE7DyB,EAAG,KAAAC,IAAA,2CAAAY,KAAK,eAAelD,KAAKY,mBAAqB,IAEnDyB,EAAA,6BAAAC,IAAA,2CACEW,MAAOjD,KAAKiD,MACZJ,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,SAAW,UACjEkC,QAAS,IAAM9C,KAAKkC,eAAelC,KAAKY,qBAExCyB,EAAG,KAAAC,IAAA,2CAAAY,KAAK,eAAelD,KAAKY,uBAKpCyB,EAAA,aAAAC,IAAA,2CACEI,KAAK,KACLC,UAAU,gBACVC,KAAK,UACLC,MAAM,UAAS,gBACA,KAAI,qBACA,4BACnBC,QAAS,IAAM9C,KAAKiB,uBAEpBoB,EAAW,KAAAC,IAAA,sDAIhBtC,KAAKwC,OAAS,+BAAiCxC,KAAKU,aAAe,WAClE2B,EAAAI,EAAA,KACEJ,EAAA,aAAAC,IAAA,2CACEI,KAAK,KACLC,UAAU,iBACVC,KAAK,UACLC,MAAM,UAAS,eACD,KAAI,oBACA,2BAClBC,QAAS,IAAM9C,KAAKW,2BAEpB0B,EAAA,KAAAC,IAAA,yDAEFD,EAAK,OAAAC,IAAA,2CAAAC,MAAM,sBACRvC,KAAKY,oBAAsB,GAC1ByB,EAAAI,EAAA,KACGzC,KAAKY,oBAAsB,GAC1BZ,KAAKI,MAAM2C,KAAIC,GACbX,EAA2B,6BAAAY,MAAOjD,KAAKiD,MAAOJ,MAAO7C,KAAKC,cAAgB+C,EAAO,SAAW,UAAWF,QAAS,IAAM9C,KAAKkC,eAAec,IACxIX,EAAG,KAAAa,KAAK,eAAeF,OAKhChD,KAAKY,oBAAsB,GAC1ByB,EAAAI,EAAA,KACEJ,EAAA,6BAAAC,IAAA,2CAA2BW,MAAOjD,KAAKiD,MAAOJ,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAM9C,KAAKkC,eAAe,IACrIG,EAAA,KAAAC,IAAA,2CAAGY,KAAK,eAAa,MAEvBb,EAAA,6BAAAC,IAAA,2CAA2BW,MAAOjD,KAAKiD,MAAOJ,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAM9C,KAAKkC,eAAe,IACrIG,EAAA,KAAAC,IAAA,2CAAGY,KAAK,eAAa,MAEvBb,EAAA,6BAAAC,IAAA,2CAA2BW,MAAOjD,KAAKiD,MAAOJ,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAM9C,KAAKkC,eAAe,IACrIG,EAAA,KAAAC,IAAA,2CAAGY,KAAK,eAAa,MAEtBlD,KAAKC,YAAc,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EACrEyB,EAA2B,6BAAAY,MAAOjD,KAAKiD,MAAOJ,MAAO7C,KAAKC,YAAc,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EAAI,SAAW,WACxIyB,EAAA,KAAGa,KAAK,eAAelD,KAAKC,cAE5B,KACJoC,EAAA,6BAAAC,IAAA,2CAA2BW,MAAOjD,KAAKiD,OACrCZ,EAAA,KAAAC,IAAA,2CAAGY,KAAK,eAAa,QAEtBlD,KAAKC,YAAcD,KAAKY,mBAAqB,GAAKZ,KAAKC,YAAcD,KAAKY,mBAAqB,EAC9FyB,EAAA,6BACEY,MAAOjD,KAAKiD,MACZJ,MAAO7C,KAAKC,YAAcD,KAAKY,mBAAqB,GAAKZ,KAAKC,YAAcD,KAAKY,mBAAqB,SAAW,WAEjHyB,EAAA,KAAGa,KAAK,eAAelD,KAAKC,cAE5B,KACJoC,EAAA,6BAAAC,IAAA,2CACEW,MAAOjD,KAAKiD,MACZJ,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,EAAI,SAAW,UACrEkC,QAAS,IAAM9C,KAAKkC,eAAelC,KAAKY,mBAAqB,IAE7DyB,EAAG,KAAAC,IAAA,2CAAAY,KAAK,eAAelD,KAAKY,mBAAqB,IAEnDyB,EAAA,6BAAAC,IAAA,2CACEW,MAAOjD,KAAKiD,MACZJ,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,EAAI,SAAW,UACrEkC,QAAS,IAAM9C,KAAKkC,eAAelC,KAAKY,mBAAqB,IAE7DyB,EAAG,KAAAC,IAAA,2CAAAY,KAAK,eAAelD,KAAKY,mBAAqB,IAEnDyB,EAAA,6BAAAC,IAAA,2CACEW,MAAOjD,KAAKiD,MACZJ,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,SAAW,UACjEkC,QAAS,IAAM9C,KAAKkC,eAAelC,KAAKY,qBAExCyB,EAAG,KAAAC,IAAA,2CAAAY,KAAK,eAAelD,KAAKY,uBAKpCyB,EAAA,aAAAC,IAAA,2CACEI,KAAK,KACLC,UAAU,iBACVC,KAAK,UACLC,MAAM,UAAS,gBACA,KAAI,qBACA,4BACnBC,QAAS,IAAM9C,KAAKiB,uBAEpBoB,EAAW,KAAAC,IAAA,sDAIhBtC,KAAKwC,OAAS,gBAAkBxC,KAAKU,aAAe,WACnD2B,EAAAI,EAAA,KACEJ,EAAK,OAAAC,IAAA,2CAAAC,MAAM,sBACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,gBACTF,EAAA,KAAAC,IAAA,2CAAGC,MAAO,iBAAkBY,MAAO,CAAEC,MAAO,+BAA8B,YAI5Ef,EAAK,OAAAC,IAAA,2CAAAC,MAAO,oBACVF,EACE,qBAAAC,IAAA,2CAAAE,KAAK,UACLK,MAAM,UACNH,KAAK,KACO,mBAAK,iBACD,MAAK,uBACC,MACN,uBAChBW,MAAOrD,KAAKE,QAAO,gBACL,MACdoD,uBAAwBtD,KAAK+B,qBAAqBwB,KAAKvD,MACvDwD,MAAOxD,KAAKyB,oBAIlBY,EAAK,OAAAC,IAAA,2CAAAC,MAAM,sBACRvC,KAAKY,oBAAsB,GAC1BZ,KAAKI,MAAM2C,KAAIC,GACbX,EAA2B,6BAAAY,MAAOjD,KAAKiD,MAAOJ,MAAO7C,KAAKC,cAAgB+C,EAAO,SAAW,UAAWF,QAAS,IAAM9C,KAAKkC,eAAec,IACxIX,EAAG,KAAAa,KAAK,eAAeF,MAG5BhD,KAAKY,oBAAsB,GAC1ByB,EAAAI,EAAA,KACEJ,EAAA,6BAAAC,IAAA,2CAA2BW,MAAOjD,KAAKiD,MAAOJ,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAM9C,KAAKkC,eAAe,IACrIG,EAAA,KAAAC,IAAA,2CAAGY,KAAK,eAAa,MAEvBb,EAAA,6BAAAC,IAAA,2CAA2BW,MAAOjD,KAAKiD,MAAOJ,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAM9C,KAAKkC,eAAe,IACrIG,EAAA,KAAAC,IAAA,2CAAGY,KAAK,eAAa,MAEvBb,EAAA,6BAAAC,IAAA,2CAA2BW,MAAOjD,KAAKiD,MAAOJ,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAM9C,KAAKkC,eAAe,IACrIG,EAAA,KAAAC,IAAA,2CAAGY,KAAK,eAAa,MAEtBlD,KAAKC,YAAc,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EACrEyB,EAA2B,6BAAAY,MAAOjD,KAAKiD,MAAOJ,MAAO7C,KAAKC,YAAc,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EAAI,SAAW,WACxIyB,EAAA,KAAGa,KAAK,eAAelD,KAAKC,cAE5B,KACJoC,EAA2B,6BAAAC,IAAA,2CAAAW,MAAOjD,KAAKiD,MAAOJ,MAAM,WAClDR,EAAA,KAAAC,IAAA,2CAAGY,KAAK,eAAa,QAEtBlD,KAAKC,YAAcD,KAAKY,mBAAqB,GAAKZ,KAAKC,YAAcD,KAAKY,mBAAqB,EAC9FyB,EAAA,6BACEY,MAAOjD,KAAKiD,MACZJ,MAAO7C,KAAKC,YAAcD,KAAKY,mBAAqB,GAAKZ,KAAKC,YAAcD,KAAKY,mBAAqB,SAAW,WAEjHyB,EAAA,KAAGa,KAAK,eAAelD,KAAKC,cAE5B,KACJoC,EAAA,6BAAAC,IAAA,2CACEW,MAAOjD,KAAKiD,MACZJ,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,EAAI,SAAW,UACrEkC,QAAS,IAAM9C,KAAKkC,eAAelC,KAAKY,mBAAqB,IAE7DyB,EAAG,KAAAC,IAAA,2CAAAY,KAAK,eAAelD,KAAKY,mBAAqB,IAEnDyB,EAAA,6BAAAC,IAAA,2CACEW,MAAOjD,KAAKiD,MACZJ,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,EAAI,SAAW,UACrEkC,QAAS,IAAM9C,KAAKkC,eAAelC,KAAKY,mBAAqB,IAE7DyB,EAAG,KAAAC,IAAA,2CAAAY,KAAK,eAAelD,KAAKY,mBAAqB,IAEnDyB,EAAA,6BAAAC,IAAA,2CACEW,MAAOjD,KAAKiD,MACZJ,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,SAAW,UACjEkC,QAAS,IAAM9C,KAAKkC,eAAelC,KAAKY,qBAExCyB,EAAG,KAAAC,IAAA,2CAAAY,KAAK,eAAelD,KAAKY,uBAKpCyB,EAAK,OAAAC,IAAA,2CAAAC,MAAM,mBACTF,EACE,aAAAC,IAAA,2CAAAI,KAAK,KACLC,UAAU,iBACVC,KAAK,OACLC,MAAO7C,KAAKmB,aAAe,GAAKnB,KAAKC,cAAgB,EAAI,WAAaD,KAAKC,cAAgB,EAAI,WAAa,UAC9F,oBACI,+CAClB6C,QAAS,IAAM9C,KAAKW,4BAEtB0B,EAAA,aAAAC,IAAA,2CACEI,KAAK,KACLC,UAAU,iBACVC,KAAK,OACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,WAAaZ,KAAKC,cAAgB,GAAKD,KAAKmB,aAAe,EAAI,WAAa,UACpH,oBACI,gDAClB2B,QAAS,IAAM9C,KAAKiB,0BAK3BjB,KAAKwC,OAAS,8BAAgCxC,KAAKU,aAAe,WACjE2B,EAAAI,EAAA,KACEJ,EAAK,OAAAC,IAAA,2CAAAC,MAAM,sBACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,gBACTF,EAAA,KAAAC,IAAA,2CAAGC,MAAO,iBAAkBY,MAAO,CAAEC,MAAO,+BAA8B,YAI5Ef,EAAK,OAAAC,IAAA,2CAAAC,MAAO,oBACVF,EACE,qBAAAC,IAAA,2CAAAE,KAAK,UACLK,MAAO,UACPH,KAAK,KACO,mBAAK,iBACD,MAAK,uBACC,MACP,sBACfW,MAAOrD,KAAKE,QAAO,gBACL,MACdoD,uBAAwBtD,KAAK+B,qBAAqBwB,KAAKvD,MACvDwD,MAAOxD,KAAKyB,oBAIlBY,EAAK,OAAAC,IAAA,2CAAAC,MAAM,oBACTF,EAAG,KAAAC,IAAA,2CAAAC,MAAM,+BAA6B,QAC9BvC,KAAKC,YAAW,OAAMD,KAAKY,qBAGrCyB,EAAK,OAAAC,IAAA,2CAAAC,MAAM,mBACTF,EAAW,aAAAC,IAAA,2CAAAI,KAAK,KAAKC,UAAU,iBAAiBC,KAAK,UAAUC,MAAM,UAAUC,QAAS,IAAM9C,KAAKW,2BACjG0B,EAAA,KAAAC,IAAA,yDAEFD,EAAW,aAAAC,IAAA,2CAAAI,KAAK,KAAKC,UAAU,iBAAiBC,KAAK,UAAUC,MAAM,UAAUC,QAAS,IAAM9C,KAAKiB,uBACjGoB,EAAW,KAAAC,IAAA,uDAKlBtC,KAAKwC,OAAS,6BAA+BxC,KAAKU,aAAe,WAChE2B,EAAAI,EAAA,KACEJ,EAAK,OAAAC,IAAA,2CAAAC,MAAM,mBACTF,EAAW,aAAAC,IAAA,2CAAAI,KAAK,KAAKC,UAAU,iBAAiBC,KAAK,UAAUC,MAAM,UAAUC,QAAS,IAAM9C,KAAKW,2BACjG0B,EAAA,KAAAC,IAAA,yDAEFD,EAAW,aAAAC,IAAA,2CAAAI,KAAK,KAAKC,UAAU,iBAAiBC,KAAK,UAAUC,MAAM,UAAUC,QAAS,IAAM9C,KAAKiB,uBACjGoB,EAAA,KAAAC,IAAA,sDAGJD,EAAK,OAAAC,IAAA,2CAAAC,MAAM,oBACTF,EAAG,KAAAC,IAAA,2CAAAC,MAAM,kBAAgB,QACjBvC,KAAKC,YAAW,OAAMD,KAAKY,qBAGrCyB,EAAK,OAAAC,IAAA,2CAAAC,MAAM,sBACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,gBACTF,EAAA,KAAAC,IAAA,2CAAGC,MAAO,iBAAkBY,MAAO,CAAEC,MAAO,+BAA8B,YAI5Ef,EAAK,OAAAC,IAAA,2CAAAC,MAAO,oBACVF,EACE,qBAAAC,IAAA,2CAAAE,KAAK,UACLK,MAAO,UACPH,KAAK,KAAI,aACG,MAAK,iBACD,MACM,6BAAK,gBACZ,MACfW,MAAOrD,KAAKE,QACE,sBACdoD,uBAAwBtD,KAAK+B,qBAAqBwB,KAAKvD,MACvDwD,MAAOxD,KAAKyB,qBAMrBzB,KAAKwC,OAAS,+BAAiCxC,KAAKU,aAAe,WAClE2B,EAAAI,EAAA,KACEJ,EAAW,aAAAC,IAAA,2CAAAI,KAAK,KAAKC,UAAU,iBAAiBC,KAAK,UAAUC,MAAM,UAAUC,QAAS,IAAM9C,KAAKW,2BACjG0B,EAAA,KAAAC,IAAA,yDAEFD,EAAK,OAAAC,IAAA,2CAAAC,MAAM,oBACTF,EAAG,KAAAC,IAAA,2CAAAC,MAAM,+BAA6B,QAC9BvC,KAAKC,YAAW,OAAMD,KAAKY,qBAGrCyB,EAAW,aAAAC,IAAA,2CAAAI,KAAK,KAAKC,UAAU,iBAAiBC,KAAK,UAAUC,MAAM,UAAUC,QAAS,IAAM9C,KAAKiB,uBACjGoB,EAAW,KAAAC,IAAA,sDAIhBtC,KAAKwC,OAAS,mCAAqCxC,KAAKU,aAAe,WACtE2B,EAAAI,EAAA,KACEJ,EAAK,OAAAC,IAAA,2CAAAC,MAAM,sBACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,gBACTF,EAAA,KAAAC,IAAA,2CAAGC,MAAO,iBAAkBY,MAAO,CAAEC,MAAO,+BAA8B,YAI5Ef,EAAK,OAAAC,IAAA,2CAAAC,MAAO,oBACVF,EACE,qBAAAC,IAAA,2CAAAE,KAAK,UACLK,MAAO,UACPH,KAAK,KACO,mBAAK,iBACD,MAAK,uBACC,MACP,sBACfW,MAAOrD,KAAKE,QAAO,gBACL,MACdoD,uBAAwBtD,KAAK+B,qBAAqBwB,KAAKvD,MACvDwD,MAAOxD,KAAKyB,oBAIlBY,EAAK,OAAAC,IAAA,2CAAAC,MAAM,2BACTF,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,UAAUE,QAAS,IAAM9C,KAAKW,2BAClE0B,EAAA,KAAAC,IAAA,yDAEDtC,KAAKY,oBAAsB,GAC1ByB,EAAAI,EAAA,KACGzC,KAAKI,MAAM2C,KAAIC,GACdX,EAAA,mCAAiCO,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB+C,EAAO,SAAW,UAAWF,QAAS,IAAO9C,KAAKC,YAAc+C,GACxIX,EAAA,SAAIW,OAKXhD,KAAKY,oBAAsB,GAC1ByB,EAAAI,EAAA,KACEJ,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAO9C,KAAKC,YAAc,GACrIoC,EAAA,KAAAC,IAAA,kDAEFD,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAO9C,KAAKC,YAAc,GACrIoC,EAAA,KAAAC,IAAA,kDAEFD,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAO9C,KAAKC,YAAc,GACrIoC,EAAA,KAAAC,IAAA,kDAEDtC,KAAKC,YAAc,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EACrEyB,EAAA,mCAAiCO,KAAK,QAAQC,MAAO7C,KAAKC,YAAc,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EAAI,SAAW,WACxIyB,EAAI,SAAArC,KAAKC,cAET,KACJoC,EAAiC,mCAAAC,IAAA,2CAAAM,KAAK,SACpCP,EAAA,KAAAC,IAAA,oDAEDtC,KAAKC,YAAcD,KAAKY,mBAAqB,GAAKZ,KAAKC,YAAcD,KAAKY,mBAAqB,EAC9FyB,EACE,mCAAAO,KAAK,QACLC,MAAO7C,KAAKC,YAAcD,KAAKY,mBAAqB,GAAKZ,KAAKC,YAAcD,KAAKY,mBAAqB,SAAW,WAEjHyB,EAAI,SAAArC,KAAKC,cAET,KACJoC,EAAA,mCAAAC,IAAA,2CACEM,KAAK,QACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,EAAI,SAAW,UACrEkC,QAAS,IAAO9C,KAAKC,YAAcD,KAAKY,mBAAqB,GAE7DyB,EAAA,KAAAC,IAAA,4CAAItC,KAAKY,mBAAqB,IAEhCyB,EAAA,mCAAAC,IAAA,2CACEM,KAAK,QACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,EAAI,SAAW,UACrEkC,QAAS,IAAO9C,KAAKC,YAAcD,KAAKY,mBAAqB,GAE7DyB,EAAA,KAAAC,IAAA,4CAAItC,KAAKY,mBAAqB,IAEhCyB,EAAA,mCAAAC,IAAA,2CACEM,KAAK,QACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,SAAW,UACjEkC,QAAS,IAAO9C,KAAKC,YAAcD,KAAKY,oBAExCyB,EAAA,KAAAC,IAAA,4CAAItC,KAAKY,sBAIfyB,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,WAAWE,QAAS,IAAM9C,KAAKiB,uBACnEoB,EAAW,KAAAC,IAAA,uDAKlBtC,KAAKwC,OAAS,kCAAoCxC,KAAKU,aAAe,WACrE2B,EAAAI,EAAA,KACEJ,EAAK,OAAAC,IAAA,2CAAAC,MAAM,2BACTF,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,UAAUE,QAAS,IAAM9C,KAAKW,2BAClE0B,EAAA,KAAAC,IAAA,yDAEDtC,KAAKY,oBAAsB,GAC1ByB,EAAAI,EAAA,KACGzC,KAAKI,MAAM2C,KAAIC,GACdX,EAAA,mCAAiCO,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB+C,EAAO,SAAW,UAAWF,QAAS,IAAO9C,KAAKC,YAAc+C,GACxIX,EAAA,SAAIW,OAKXhD,KAAKY,oBAAsB,GAC1ByB,EAAAI,EAAA,KACEJ,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAO9C,KAAKC,YAAc,GACrIoC,EAAA,KAAAC,IAAA,kDAEFD,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAO9C,KAAKC,YAAc,GACrIoC,EAAA,KAAAC,IAAA,kDAEFD,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAO9C,KAAKC,YAAc,GACrIoC,EAAA,KAAAC,IAAA,kDAEDtC,KAAKC,YAAc,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EACrEyB,EAAA,mCAAiCO,KAAK,QAAQC,MAAO7C,KAAKC,YAAc,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EAAI,SAAW,WACxIyB,EAAI,SAAArC,KAAKC,cAET,KACJoC,EAAiC,mCAAAC,IAAA,2CAAAM,KAAK,SACpCP,EAAA,KAAAC,IAAA,oDAEDtC,KAAKC,YAAcD,KAAKY,mBAAqB,GAAKZ,KAAKC,YAAcD,KAAKY,mBAAqB,EAC9FyB,EACE,mCAAAO,KAAK,QACLC,MAAO7C,KAAKC,YAAcD,KAAKY,mBAAqB,GAAKZ,KAAKC,YAAcD,KAAKY,mBAAqB,SAAW,WAEjHyB,EAAI,SAAArC,KAAKC,cAET,KACJoC,EAAA,mCAAAC,IAAA,2CACEM,KAAK,QACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,EAAI,SAAW,UACrEkC,QAAS,IAAO9C,KAAKC,YAAcD,KAAKY,mBAAqB,GAE7DyB,EAAA,KAAAC,IAAA,4CAAItC,KAAKY,mBAAqB,IAEhCyB,EAAA,mCAAAC,IAAA,2CACEM,KAAK,QACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,EAAI,SAAW,UACrEkC,QAAS,IAAO9C,KAAKC,YAAcD,KAAKY,mBAAqB,GAE7DyB,EAAA,KAAAC,IAAA,4CAAItC,KAAKY,mBAAqB,IAEhCyB,EAAA,mCAAAC,IAAA,2CACEM,KAAK,QACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,SAAW,UACjEkC,QAAS,IAAO9C,KAAKC,YAAcD,KAAKY,oBAExCyB,EAAA,KAAAC,IAAA,4CAAItC,KAAKY,sBAIfyB,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,WAAWE,QAAS,IAAM9C,KAAKiB,uBACnEoB,EAAA,KAAAC,IAAA,sDAGJD,EAAK,OAAAC,IAAA,2CAAAC,MAAM,sBACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,gBACTF,EAAA,KAAAC,IAAA,2CAAGC,MAAO,iBAAkBY,MAAO,CAAEC,MAAO,+BAA8B,YAI5Ef,EAAK,OAAAC,IAAA,2CAAAC,MAAO,oBACVF,EACE,qBAAAC,IAAA,2CAAAE,KAAK,UACLK,MAAO,UACPH,KAAK,KAAI,aACG,MAAK,iBACD,MACM,6BAAK,gBACZ,MACfW,MAAOrD,KAAKE,QACE,sBACdoD,uBAAwBtD,KAAK+B,qBAAqBwB,KAAKvD,MACvDwD,MAAOxD,KAAKyB,qBAMrBzB,KAAKwC,OAAS,oCAAsCxC,KAAKU,aAAe,WACvE2B,EAAAI,EAAA,KACEJ,EAAK,OAAAC,IAAA,2CAAAC,MAAM,2BACTF,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,UAAUE,QAAS,IAAM9C,KAAKW,2BAClE0B,EAAA,KAAAC,IAAA,yDAEDtC,KAAKY,oBAAsB,GAC1ByB,EAAAI,EAAA,KACGzC,KAAKI,MAAM2C,KAAIC,GACdX,EAAA,mCAAiCO,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB+C,EAAO,SAAW,UAAWF,QAAS,IAAO9C,KAAKC,YAAc+C,GACxIX,EAAA,SAAIW,OAKXhD,KAAKY,oBAAsB,GAC1ByB,EAAAI,EAAA,KACEJ,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAO9C,KAAKC,YAAc,GACrIoC,EAAA,KAAAC,IAAA,kDAEFD,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAO9C,KAAKC,YAAc,GACrIoC,EAAA,KAAAC,IAAA,kDAEFD,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAO9C,KAAKC,YAAc,GACrIoC,EAAA,KAAAC,IAAA,kDAEDtC,KAAKC,YAAc,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EACrEyB,EAAA,mCAAiCO,KAAK,QAAQC,MAAO7C,KAAKC,YAAc,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EAAI,SAAW,WACxIyB,EAAI,SAAArC,KAAKC,cAET,KACJoC,EAAiC,mCAAAC,IAAA,2CAAAM,KAAK,SACpCP,EAAA,KAAAC,IAAA,oDAEDtC,KAAKC,YAAcD,KAAKY,mBAAqB,GAAKZ,KAAKC,YAAcD,KAAKY,mBAAqB,EAC9FyB,EACE,mCAAAO,KAAK,QACLC,MAAO7C,KAAKC,YAAcD,KAAKY,mBAAqB,GAAKZ,KAAKC,YAAcD,KAAKY,mBAAqB,SAAW,WAEjHyB,EAAI,SAAArC,KAAKC,cAET,KACJoC,EAAA,mCAAAC,IAAA,2CACEM,KAAK,QACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,EAAI,SAAW,UACrEkC,QAAS,IAAO9C,KAAKC,YAAcD,KAAKY,mBAAqB,GAE7DyB,EAAA,KAAAC,IAAA,4CAAItC,KAAKY,mBAAqB,IAEhCyB,EAAA,mCAAAC,IAAA,2CACEM,KAAK,QACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,EAAI,SAAW,UACrEkC,QAAS,IAAO9C,KAAKC,YAAcD,KAAKY,mBAAqB,GAE7DyB,EAAA,KAAAC,IAAA,4CAAItC,KAAKY,mBAAqB,IAEhCyB,EAAA,mCAAAC,IAAA,2CACEM,KAAK,QACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,SAAW,UACjEkC,QAAS,IAAO9C,KAAKC,YAAcD,KAAKY,oBAExCyB,EAAA,KAAAC,IAAA,4CAAItC,KAAKY,sBAIfyB,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,WAAWE,QAAS,IAAM9C,KAAKiB,uBACnEoB,EAAW,KAAAC,IAAA,uDAMlBtC,KAAKwC,OAAS,gBAAkBxC,KAAKU,aAAe,UACnD2B,EAAAI,EAAA,KACEJ,EAAA,aAAAC,IAAA,2CACEI,KAAK,KACLC,UAAU,iBACVC,KAAK,OACLC,MAAM,UAAS,eACD,KAAI,oBACA,2BAClBC,QAAS,IAAM9C,KAAKW,4BAEtB0B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,oBACTF,EAAG,KAAAC,IAAA,2CAAAC,MAAM,+BAA6B,QAC9BvC,KAAKC,YAAW,OAAMD,KAAKY,qBAGrCyB,EAAA,aAAAC,IAAA,2CACEI,KAAK,KACLC,UAAU,iBACVC,KAAK,OACLC,MAAM,UACQ,oBACI,gDAClBC,QAAS,IAAM9C,KAAKiB,yBAIzBjB,KAAKwC,OAAS,+BAAiCxC,KAAKU,aAAe,UAClE2B,EAAAI,EAAA,KACEJ,EAAA,aAAAC,IAAA,2CACEI,KAAK,KACLC,UAAU,iBACVC,KAAK,OACLC,MAAM,UAAS,eACD,KAAI,oBACA,2BAClBC,QAAS,IAAM9C,KAAKW,4BAEtB0B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,oBACTF,EAAG,KAAAC,IAAA,2CAAAC,MAAM,+BAA6B,QAC9BvC,KAAKC,YAAW,OAAMD,KAAKY,qBAGrCyB,EAAA,aAAAC,IAAA,2CACEI,KAAK,KACLC,UAAU,iBACVC,KAAK,OACLC,MAAM,UACQ,oBACI,gDAClBC,QAAS,IAAM9C,KAAKiB,yBAIzBjB,KAAKwC,OAAS,gBAAkBxC,KAAKU,aAAe,UACnD2B,EAAAI,EAAA,KACEJ,EAAA,aAAAC,IAAA,2CACEI,KAAK,KACLC,UAAU,iBACVC,KAAK,OACLC,MAAM,UAAS,eACD,KAAI,oBACA,2BAClBC,QAAS,IAAM9C,KAAKW,4BAEtB0B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,oBACTF,EAAG,KAAAC,IAAA,2CAAAC,MAAM,+BAA6B,QAC9BvC,KAAKC,YAAW,OAAMD,KAAKY,qBAGrCyB,EAAA,aAAAC,IAAA,2CACEI,KAAK,KACLC,UAAU,iBACVC,KAAK,OACLC,MAAM,UACQ,oBACI,gDAClBC,QAAS,IAAM9C,KAAKiB,yBAIzBjB,KAAKwC,OAAS,8BAAgCxC,KAAKU,aAAe,UACjE2B,EAAAI,EAAA,KACEJ,EAAA,aAAAC,IAAA,2CACEI,KAAK,KACLC,UAAU,iBACVC,KAAK,OACLC,MAAM,UAAS,eACD,KAAI,oBACA,2BAClBC,QAAS,IAAM9C,KAAKW,4BAEtB0B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,oBACTF,EAAG,KAAAC,IAAA,2CAAAC,MAAM,+BAA6B,QAC9BvC,KAAKC,YAAW,OAAMD,KAAKY,qBAGrCyB,EAAA,aAAAC,IAAA,2CACEI,KAAK,KACLC,UAAU,iBACVC,KAAK,OACLC,MAAM,UACQ,oBACI,gDAClBC,QAAS,IAAM9C,KAAKiB,yBAIzBjB,KAAKwC,OAAS,6BAA+BxC,KAAKU,aAAe,UAChE2B,EAAAI,EAAA,KACEJ,EAAA,aAAAC,IAAA,2CACEI,KAAK,KACLC,UAAU,iBACVC,KAAK,OACLC,MAAM,UAAS,eACD,KAAI,oBACA,2BAClBC,QAAS,IAAM9C,KAAKW,4BAEtB0B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,oBACTF,EAAG,KAAAC,IAAA,2CAAAC,MAAM,+BAA6B,QAC9BvC,KAAKC,YAAW,OAAMD,KAAKY,qBAGrCyB,EAAA,aAAAC,IAAA,2CACEI,KAAK,KACLC,UAAU,iBACVC,KAAK,OACLC,MAAM,UACQ,oBACI,gDAClBC,QAAS,IAAM9C,KAAKiB,yBAIzBjB,KAAKwC,OAAS,+BAAiCxC,KAAKU,aAAe,UAClE2B,EAAAI,EAAA,KACEJ,EAAA,aAAAC,IAAA,2CACEI,KAAK,KACLC,UAAU,iBACVC,KAAK,OACLC,MAAM,UAAS,eACD,KAAI,oBACA,2BAClBC,QAAS,IAAM9C,KAAKW,4BAEtB0B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,oBACTF,EAAG,KAAAC,IAAA,2CAAAC,MAAM,+BAA6B,QAC9BvC,KAAKC,YAAW,OAAMD,KAAKY,qBAGrCyB,EAAA,aAAAC,IAAA,2CACEI,KAAK,KACLC,UAAU,iBACVC,KAAK,OACLC,MAAM,UACQ,oBACI,gDAClBC,QAAS,IAAM9C,KAAKiB,yBAIzBjB,KAAKwC,OAAS,mCAAqCxC,KAAKU,aAAe,UACtE2B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,2BACTF,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,OAAM,WAAU,2BAA2BE,QAAS,IAAM9C,KAAKW,4BACpGX,KAAKY,oBAAsB,GAC1ByB,EAAAI,EAAA,KACGzC,KAAKI,MAAM2C,KAAIC,GACdX,EAAA,mCAAiCO,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB+C,EAAO,SAAW,UAAWF,QAAS,IAAO9C,KAAKC,YAAc+C,GACxIX,EAAA,SAAIW,OAKXhD,KAAKY,oBAAsB,GAC1ByB,EAAAI,EAAA,KACEJ,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAO9C,KAAKC,YAAc,GACrIoC,EAAA,KAAAC,IAAA,kDAEFD,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAO9C,KAAKC,YAAc,GACrIoC,EAAA,KAAAC,IAAA,kDAEFD,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAO9C,KAAKC,YAAc,GACrIoC,EAAA,KAAAC,IAAA,kDAEDtC,KAAKC,YAAc,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EACrEyB,EAAA,mCAAiCO,KAAK,QAAQC,MAAO7C,KAAKC,YAAc,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EAAI,SAAW,WACxIyB,EAAI,SAAArC,KAAKC,cAET,KACJoC,EAAiC,mCAAAC,IAAA,2CAAAM,KAAK,SACpCP,EAAA,KAAAC,IAAA,oDAEDtC,KAAKC,YAAcD,KAAKY,mBAAqB,GAAKZ,KAAKC,YAAcD,KAAKY,mBAAqB,EAC9FyB,EACE,mCAAAO,KAAK,QACLC,MAAO7C,KAAKC,YAAcD,KAAKY,mBAAqB,GAAKZ,KAAKC,YAAcD,KAAKY,mBAAqB,SAAW,WAEjHyB,EAAI,SAAArC,KAAKC,cAET,KACJoC,EAAA,mCAAAC,IAAA,2CACEM,KAAK,QACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,EAAI,SAAW,UACrEkC,QAAS,IAAO9C,KAAKC,YAAcD,KAAKY,mBAAqB,GAE7DyB,EAAA,KAAAC,IAAA,4CAAItC,KAAKY,mBAAqB,IAEhCyB,EAAA,mCAAAC,IAAA,2CACEM,KAAK,QACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,EAAI,SAAW,UACrEkC,QAAS,IAAO9C,KAAKC,YAAcD,KAAKY,mBAAqB,GAE7DyB,EAAA,KAAAC,IAAA,4CAAItC,KAAKY,mBAAqB,IAEhCyB,EAAA,mCAAAC,IAAA,2CACEM,KAAK,QACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,SAAW,UACjEkC,QAAS,IAAO9C,KAAKC,YAAcD,KAAKY,oBAExCyB,EAAA,KAAAC,IAAA,4CAAItC,KAAKY,sBAIfyB,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,OAAgB,uCAA4BE,QAAS,IAAM9C,KAAKiB,yBAGzGjB,KAAKwC,OAAS,kCAAoCxC,KAAKU,aAAe,UACrE2B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,2BACTF,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,OAAM,WAAU,2BAA2BE,QAAS,IAAM9C,KAAKW,4BACpGX,KAAKY,oBAAsB,GAC1ByB,EAAAI,EAAA,KACGzC,KAAKI,MAAM2C,KAAIC,GACdX,EAAA,mCAAiCO,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB+C,EAAO,SAAW,UAAWF,QAAS,IAAO9C,KAAKC,YAAc+C,GACxIX,EAAA,SAAIW,OAKXhD,KAAKY,oBAAsB,GAC1ByB,EAAAI,EAAA,KACEJ,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAO9C,KAAKC,YAAc,GACrIoC,EAAA,KAAAC,IAAA,kDAEFD,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAO9C,KAAKC,YAAc,GACrIoC,EAAA,KAAAC,IAAA,kDAEFD,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAO9C,KAAKC,YAAc,GACrIoC,EAAA,KAAAC,IAAA,kDAEDtC,KAAKC,YAAc,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EACrEyB,EAAA,mCAAiCO,KAAK,QAAQC,MAAO7C,KAAKC,YAAc,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EAAI,SAAW,WACxIyB,EAAI,SAAArC,KAAKC,cAET,KACJoC,EAAiC,mCAAAC,IAAA,2CAAAM,KAAK,SACpCP,EAAA,KAAAC,IAAA,oDAEDtC,KAAKC,YAAcD,KAAKY,mBAAqB,GAAKZ,KAAKC,YAAcD,KAAKY,mBAAqB,EAC9FyB,EACE,mCAAAO,KAAK,QACLC,MAAO7C,KAAKC,YAAcD,KAAKY,mBAAqB,GAAKZ,KAAKC,YAAcD,KAAKY,mBAAqB,SAAW,WAEjHyB,EAAI,SAAArC,KAAKC,cAET,KACJoC,EAAA,mCAAAC,IAAA,2CACEM,KAAK,QACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,EAAI,SAAW,UACrEkC,QAAS,IAAO9C,KAAKC,YAAcD,KAAKY,mBAAqB,GAE7DyB,EAAA,KAAAC,IAAA,4CAAItC,KAAKY,mBAAqB,IAEhCyB,EAAA,mCAAAC,IAAA,2CACEM,KAAK,QACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,EAAI,SAAW,UACrEkC,QAAS,IAAO9C,KAAKC,YAAcD,KAAKY,mBAAqB,GAE7DyB,EAAA,KAAAC,IAAA,4CAAItC,KAAKY,mBAAqB,IAEhCyB,EAAA,mCAAAC,IAAA,2CACEM,KAAK,QACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,SAAW,UACjEkC,QAAS,IAAO9C,KAAKC,YAAcD,KAAKY,oBAExCyB,EAAA,KAAAC,IAAA,4CAAItC,KAAKY,sBAIfyB,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,OAAgB,uCAA4BE,QAAS,IAAM9C,KAAKiB,yBAGzGjB,KAAKwC,OAAS,oCAAsCxC,KAAKU,aAAe,UACvE2B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,2BACTF,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,OAAM,WAAU,2BAA2BE,QAAS,IAAM9C,KAAKW,4BACpGX,KAAKY,oBAAsB,GAC1ByB,EAAAI,EAAA,KACGzC,KAAKI,MAAM2C,KAAIC,GACdX,EAAA,mCAAiCO,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB+C,EAAO,SAAW,UAAWF,QAAS,IAAO9C,KAAKC,YAAc+C,GACxIX,EAAA,SAAIW,OAKXhD,KAAKY,oBAAsB,GAC1ByB,EAAAI,EAAA,KACEJ,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAO9C,KAAKC,YAAc,GACrIoC,EAAA,KAAAC,IAAA,kDAEFD,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAO9C,KAAKC,YAAc,GACrIoC,EAAA,KAAAC,IAAA,kDAEFD,EAAA,mCAAAC,IAAA,2CAAiCM,KAAK,QAAQC,MAAO7C,KAAKC,cAAgB,EAAI,SAAW,UAAW6C,QAAS,IAAO9C,KAAKC,YAAc,GACrIoC,EAAA,KAAAC,IAAA,kDAEDtC,KAAKC,YAAc,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EACrEyB,EAAA,mCAAiCO,KAAK,QAAQC,MAAO7C,KAAKC,YAAc,GAAKD,KAAKC,aAAeD,KAAKY,mBAAqB,EAAI,SAAW,WACxIyB,EAAI,SAAArC,KAAKC,cAET,KACJoC,EAAiC,mCAAAC,IAAA,2CAAAM,KAAK,SACpCP,EAAA,KAAAC,IAAA,oDAEDtC,KAAKC,YAAcD,KAAKY,mBAAqB,GAAKZ,KAAKC,YAAcD,KAAKY,mBAAqB,EAC9FyB,EACE,mCAAAO,KAAK,QACLC,MAAO7C,KAAKC,YAAcD,KAAKY,mBAAqB,GAAKZ,KAAKC,YAAcD,KAAKY,mBAAqB,SAAW,WAEjHyB,EAAI,SAAArC,KAAKC,cAET,KACJoC,EAAA,mCAAAC,IAAA,2CACEM,KAAK,QACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,EAAI,SAAW,UACrEkC,QAAS,IAAO9C,KAAKC,YAAcD,KAAKY,mBAAqB,GAE7DyB,EAAA,KAAAC,IAAA,4CAAItC,KAAKY,mBAAqB,IAEhCyB,EAAA,mCAAAC,IAAA,2CACEM,KAAK,QACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,EAAI,SAAW,UACrEkC,QAAS,IAAO9C,KAAKC,YAAcD,KAAKY,mBAAqB,GAE7DyB,EAAA,KAAAC,IAAA,4CAAItC,KAAKY,mBAAqB,IAEhCyB,EAAA,mCAAAC,IAAA,2CACEM,KAAK,QACLC,MAAO7C,KAAKC,cAAgBD,KAAKY,mBAAqB,SAAW,UACjEkC,QAAS,IAAO9C,KAAKC,YAAcD,KAAKY,oBAExCyB,EAAA,KAAAC,IAAA,4CAAItC,KAAKY,sBAIfyB,EAAiC,mCAAAC,IAAA,2CAAAM,KAAK,OAAM,WAAU,4BAA4BE,QAAS,IAAM9C,KAAKiB,yB","ignoreList":[]}