globuswebcomponents 2.1.9 → 2.2.1

package/dist/globuscomponents/{p-653c5adc.entry.js → p-8aa001d0.entry.js}

@@ -1,2 +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++){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){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:"5adb85c34b079d530d5da577b1bdcd128a26f362",class:`pagination_div ${this.type} ${this.breakpoint}`},this.type==="page_default"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"1d38bda129b061921a10b8676deaa71816d2456e",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:"b1940071886e23fc67992c025849e1e463591b73"},"Previous")),e("div",{key:"87190f060b56561c077961408fe5e1c0f3a36aec",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:"113146ce6c131a0512d4b20a2d8798e2c4acf081",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"3d482af4f6d49ec22996d7418f7732641f3942aa",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"e4ca54a18262f810ae732073e29530e1bee9467f",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"12eff29b5a5182326100258b089072725dab25db",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"54624cecfcbfeecc24b964a02580f0188324f151",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"166aa70e797c18807c22297357a31e566220667e",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:"6b546c88503b659c337d86e15b2d6c9293c0b8d5",shape:this.shape},e("p",{key:"15dd73832531f47d514945f6c79317bc433cf19c",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:"6f927d7b4be2e9b3010a928aae5274e1e972c3d2",shape:this.shape,state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-2)},e("p",{key:"43334b465ed505f4511cb2f6ba037a9b5f00ec0c",slot:"page_number"},this.internalTotalPages-2)),e("gb-pagination-number-base",{key:"884dbc1bf585cdd50c54e6e39c7f1949b509a03f",shape:this.shape,state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-1)},e("p",{key:"f023ace5b58109c6d1682c562327a8eb1b44ac4d",slot:"page_number"},this.internalTotalPages-1)),e("gb-pagination-number-base",{key:"3a2b9ac8c3b94f12b890ff17673187bc8eb6a651",shape:this.shape,state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages)},e("p",{key:"4163de11a6f338fe552e69bcb8897f194898e01b",slot:"page_number"},this.internalTotalPages)))),e("gb-button",{key:"ebbcac8359827c16ff6c660adb97318d077411b1",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:"b3b95a9700faa265c2bd874aa8cb48b6b7f48f81"},"Next"))),this.type==="page_minimal_center_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"946d36fa17ea328ea8de0db734ec263004b11108",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:"683cd065700a3ce88aefe165905b549a4b495ec3"},"Previous")),e("div",{key:"c7caf6eed11d9a21bcd229e77267941a2f96f3e5",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:"7193b7a7da2f412606de2edad3f8630cba586794",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"e1a1af653c2f8d94aed43036a16b2808c25ec5ca",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"145c5ee6371b0a86da6929778f21764f6ac15b86",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"2dc3688bca931c9abd3433f95323964cbdcf8882",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"20073fa8dcfb3e8a45e5ca5b138bbb2c3e5505e4",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"ddda9e4bfd335676c6e5cd6b1f441321824ea92a",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:"f138a748785e8c918464545315e6947479537616",shape:this.shape},e("p",{key:"b42dabbcc3e8751f2f75080d556573eef8d0b13a",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:"df0dfd86c63a94138d43750c7e0d6cbf90669f37",shape:this.shape,state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-2)},e("p",{key:"36fa2c498d21b94731e1174a37bfaf20da425f30",slot:"page_number"},this.internalTotalPages-2)),e("gb-pagination-number-base",{key:"67ec55222b8226e1cc3b0b4dcd6c2b924df8be48",shape:this.shape,state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-1)},e("p",{key:"ddf127dd567012568ae6f20e9513c957933aa0b2",slot:"page_number"},this.internalTotalPages-1)),e("gb-pagination-number-base",{key:"3a8f72be2254fa74f96d65ab51ea5f35ea22f97f",shape:this.shape,state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages)},e("p",{key:"9c5532961c378d96c7f277172fbbacbb8d0687e9",slot:"page_number"},this.internalTotalPages)))),e("gb-button",{key:"83b03b56f3a75f870fd3be6bf7185c05238e8c9d",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:"931407f6e67254d462cc5493d15bcf5f0e638876"},"Next"))),this.type==="card_default"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"edd78f5420e4ba9150f1afa065d60e6f778a416a",class:"pagination_entries"},e("div",{key:"227e97b4573639021f891d46295da67b524ddb56",class:"entries_text"},e("p",{key:"d49d8ccfd31a915eaa421e0fb8e4e390c6d57b70",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"fd813464957687fe8a8774e0897b20242df7478d",class:`entries_dropdown`},e("gb-input-dropdown",{key:"575da8e8ab174b705f5256ad91fcff5646b32356",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:"e6ecc50a86a172d21b27dc131c3008b4325819e1",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:"434fe197e709cd1111c484ed8d0cd75f6f03d07d",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"756a38d311a2263fd046160bac36545548b08a3d",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"53b070f436432c37f2acf2dfcaf3a07cde77d970",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"8b5950fcb06b556ed29427c16ed892fd125012d0",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"e5ceeb717f0e6e2ac0d6673917fceb43ec1ee339",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"313f099a38cd4543b6f3de99eeb297cbbf0fc12d",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:"b8d82f08b0b2c7e107c487ca237dd1fb035c50cf",shape:this.shape,state:"default"},e("p",{key:"7cdb187381c2253f256a3dfe6528464971ee0c77",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:"ce173bb3403e4014d9848686d318643ebc6e4e10",shape:this.shape,state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-2)},e("p",{key:"9a7f1c98442b69193ae3e2be05f6290f666c4d46",slot:"page_number"},this.internalTotalPages-2)),e("gb-pagination-number-base",{key:"9b03bc0976fd038281e84285272a9d532a66237b",shape:this.shape,state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-1)},e("p",{key:"742a86106ecc093617b4dc8e7c644ff2898144a1",slot:"page_number"},this.internalTotalPages-1)),e("gb-pagination-number-base",{key:"250d473cc83bf1e49918aa82c4aeb84576151786",shape:this.shape,state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages)},e("p",{key:"485412a70c566d5daad68aaf95973b1c7a708db6",slot:"page_number"},this.internalTotalPages)))),e("div",{key:"40089554f388bc97923ae536ed1b91131bf8e26a",class:"pagination_btns"},e("gb-button",{key:"274af6f6cb5489539b060f1f6ce85973b261dacd",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:"86b380d86a5f2443d81d20fe24eac3dd151fd42f",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:"2354997a4c99c8f1f87e84e8e936235831a5306d",class:"pagination_entries"},e("div",{key:"52164913ca1befe7c2aeb6d3a0b799cfffa17951",class:"entries_text"},e("p",{key:"3fce63cfd7795f8f489bedab51a4b6571562c755",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"ce61f4dcd0f7ba73eef511e1f5f8fb3b416f5f55",class:`entries_dropdown`},e("gb-input-dropdown",{key:"b49f924df20e082b824ab264a413ada1fcdb68fc",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:"e836cd4da738865dea25f2971afad0756cff0cee",class:"page_number_text"},e("p",{key:"35004f91c4f7c21a29b73a903af400bdcc669293",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("div",{key:"226c20bf12ac19d1360628f301135cb519b4a538",class:"pagination_btns"},e("gb-button",{key:"cddf91a06bbe30c85c9568fad0618607184de464",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"60b3b3e3f89cff2ac1cf7d4bf9ee141d224fff58"},"Previous")),e("gb-button",{key:"40e8f29499c4e2603fb4f7fc31c9c784b5291653",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"1e7b34e6bbaac0d4832eada4cc62aac821b8ad0e"},"Next")))),this.type==="card_minimal_left_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"17e5c67641a8786352de1061363929c12e2ba526",class:"pagination_btns"},e("gb-button",{key:"673d91352361671d7c49a51d0946a010af6fc1fe",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"59477d8a623ecb7a48dc8c90a588b473ce93f52e"},"Previous")),e("gb-button",{key:"823a3d009d1408726d9df32c5ccf6da06ca4acfe",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"f6ae0a39847155f837f9aa0ad93d19c8df70d840"},"Next"))),e("div",{key:"dd83a79119ff3077e0e35984c2a21227aea26d13",class:"page_number_text"},e("p",{key:"4601fc34110ce6e9a9e70da4cafe91df9f002f50",class:"text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("div",{key:"9a77d9e7b93f85ae40176e4d851eec5d7984e04e",class:"pagination_entries"},e("div",{key:"061f2c1582dd3977c91969ce003f423f13e498cb",class:"entries_text"},e("p",{key:"e58ada70af09d86f071b8914618fe8258b3aff07",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"3423a456ffbffd707699059717cb74df53b9aa8f",class:`entries_dropdown`},e("gb-input-dropdown",{key:"ff2512c04f81e4640cb4902acaedbbc729b119ed",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:"65a983b67d0f252452b4bccb03a025be6e5d52ed",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"811638550e8a87dba2ad065deececd8c0b4f307f"},"Previous")),e("div",{key:"3a6550ed7ae8f0f87e94def35db64b8c233e8fcc",class:"page_number_text"},e("p",{key:"040f641960fad0296af6ae2f38fa653f05be6a48",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"8c440cdc0b8992c90e564e9cda35ed4711984a1f",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"8625fe0980c79bef44fa1e3646651564432a65cb"},"Next"))),this.type==="card_button_group_right_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"5724debb3a83004fd945249a4a4f70ed6e383fe7",class:"pagination_entries"},e("div",{key:"bf20a16b32b4bcaf72c64da0369ff17cfa8faae2",class:"entries_text"},e("p",{key:"f7dd36283ec8d3299b04360fc93078c8b853ab68",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"9033bb549d12502d5ea52dc31a5846e2d2eed385",class:`entries_dropdown`},e("gb-input-dropdown",{key:"ea3b9b44199157b196a76f316b247e0af445e1a2",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:"4dedff4ea486edadf75395246e75ac997a03adbe",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"e8d20b19eaffb45db548e3e0c1af1b1cad43e521",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"fb60d042f91fc727861dca67f323c96d82742548"},"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:"329e94d53cf8d6cb70e837d18ab73fb57cb5f32e",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"76624a6efdfbde2d29218dc6f908e8d669fade1e"},"1")),e("gb-pagination-button-group-base",{key:"28bdfa9e483f83d8ffefb0e58275f7436dacde3d",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"dd11cc1a5e34e9c582d2c4c74d5dce94d9149e17"},"2")),e("gb-pagination-button-group-base",{key:"1f4b747b95d55691385cc5ad0bbf062b58ba6b18",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"a53ab0fbffc4a25151c08a8b1735bec102cdcb51"},"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:"90e28d0c06459e7c75a34ae007d12010bace67c5",icon:"false"},e("p",{key:"672a881d49220d3389236924e06326b4cdd185b9"},"...")),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:"e5fdac7ba50cc79550cb2c3a7a2a8c2ad4e54301",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"06741b52cdcbdf47c9c7c19ef5e9273bff6a3651"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"d25b5f0aa8da0994691b96e0c6f7a1efc79879a7",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"a7a2291a878f2ddf34da0c1f317d658586686abd"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"2d75e967ba57a70cc99e9da8b78e9c0a7fbd00a1",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"f9171099ed7092aeb7d3e70db5975738e8a47d94"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"0a9ff50d3579bd6292e068efec05ba1d0357fe32",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"13b74d0ebdbce032606d13bce7edd884d5007929"},"Next")))),this.type==="card_button_group_left_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"47e0ae0f567ba25d900eadc3add1a067fad86af6",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"66c36e8156939066d0eeb5a20b9e296bebb99d7a",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"e18819c9c82f4bf204e1018c3e2dc89492a957ff"},"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:"5c9dd6b65b7accef55f2b7848b2a036fff4f44cd",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"517b890167c5f127e514de86dee1aadc4f21a6c6"},"1")),e("gb-pagination-button-group-base",{key:"bcb7f11e835b7549a00ee66ce357681f233ea158",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"b0c4bf1c1b3db276e3e2a215c563d3be2515753c"},"2")),e("gb-pagination-button-group-base",{key:"72afd21598009349d06fb2140fb8e4327053524a",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"037efffd4b76cde3d77f889a684ef2cb84293942"},"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:"ae923ac5cd9d71a7f29221ccda4377f67e305f5d",icon:"false"},e("p",{key:"5a401470ba336ed41029fdf6209a5563ca3d4474"},"...")),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:"67f2c3d24976b62b9b4c56597107cb59a7a49057",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"2fd082b1141e20f11ba097bd6524c0e31962e0cb"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"669c14f6e30d252bbf0132a5b656fe1921589d7b",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"e8d55f037d18d81e0dd3f35c5208f2499f4c64a2"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"9ef2290aba809407500995828e19957abb42b065",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"dc2a309ea4c7ce11b3ba25c320f0b3592e21c54e"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"5b39a3e1aa142c11ec7d81b75a052d79eed51bef",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"e4c72bb491ec0ea06d3ba4a95fea8954a97dd7ae"},"Next"))),e("div",{key:"432143a97a155ef8f2c733772f6385e8fb5135c1",class:"pagination_entries"},e("div",{key:"481a99a31848324275177fcccc7637af32910390",class:"entries_text"},e("p",{key:"7ab6e3761b7ae309b3db321d38df65ae820b543c",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"6efbf58f89d17e4e7caf84664570ff48309438fc",class:`entries_dropdown`},e("gb-input-dropdown",{key:"76eb5553149a5fe0850d2c3966c976e015b916f3",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:"786ef93351cf5c7e2b271fdfe0838b62767d3454",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"b137451aa5bfcba197075cf2cc3355d8ffe3f97d",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"a29bf6a9263ea7abc7127e68185ab9644535dab0"},"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:"c21ce3714729fefc94fa26eafc442b3a58eca0d5",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"ed2a8f9aa869882349e35bb3dd020f0dff37d4ba"},"1")),e("gb-pagination-button-group-base",{key:"384cc41706086f7d9218e374dc5471426c4a7062",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"dbd1b2a4d734ca19c0ebade46a52559afc330571"},"2")),e("gb-pagination-button-group-base",{key:"338533b6a8f4a85c69680e38439e5277fe5e0885",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"c7a35e776bb00b41abb141cb25218e3722bbee1e"},"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:"e6df4a522aac796370dd471f1146805a06eb6f22",icon:"false"},e("p",{key:"a50bc3e97acb429e9809593e907727c0ad3f8079"},"...")),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:"2d26118a38c2c5c7041715a1bf5a801dfcc14d81",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"070f0b4aed0b3f310f2910f6564b3f53fa1b2369"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"fded98b2a51605401ab87f520fab5864fd0712af",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"7e5ae4abe024679796d66a79e428b051384a2224"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"be9a0e62c9932aab2da64ac546844509334105f3",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"6b54a447f6914585df9e89449823c29ecf5367b7"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"7a7608957d67588d5a7236b191786bfe017c48bd",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"44f73b90ba515f200f4f42407466921ad8814cc3"},"Next")))),this.type==="page_default"&&this.breakpoint==="mobile"&&e(a,null,e("gb-button",{key:"cbe5b8f9bb1748c7f65991aeae3087b0523b2f43",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:"8b40209ad50c3048cbf5146f4d6791b0c3354c6e",class:"page_number_text"},e("p",{key:"d26309df2216a5b9d84627a61498dea502bea900",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"db2fe1acc7db6eb8317f663515f4b677ed4ca170",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:"5f1d0ddc3eb5010b19822d7455f606c019cd090a",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:"a0d055c1e9c7a6cc934db263eb7bd4b65283dcde",class:"page_number_text"},e("p",{key:"f3d74c14b9790be904aab8fd63928a33ad758132",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"e487e0a14f29b5c09a6492a3d685c9070e3125e8",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:"6c1574e528fb7793269cf3108d25b96a77af7dd1",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:"9ac41e4dafc8df0e562921a55be17ef989e8ae35",class:"page_number_text"},e("p",{key:"54a3f92e96ce1ee9098748987c375d3dd79a9223",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"f04b6d859a78498bcb5331dfc5e2ba28549acb22",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:"da98c060ff00732c6d89186df236e79629a04c70",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:"a2ad5930a0e05666a8866234e6cce6f6fad0c4a5",class:"page_number_text"},e("p",{key:"6d91bd320d409b90fd74e8770783f677e4803a58",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"b029d81ed1790e8b0bdaa30de3d12e6e78b73bfb",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:"7f985551d8187ea448e5ae48004dabef4304bca1",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:"7ed5947f8e57dbf0bdec2d883c891bf997f0495b",class:"page_number_text"},e("p",{key:"4d2b3bdff68170c88c33b5641be4d3df647837ff",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"7f0ecbd463d2aceb3c2c96f994bb5488abce382a",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:"fb1ccd4d0042694372cdb58058c3f307f767826b",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:"0f77deebaaa188788b98e3e272f69ea2dc5bc0f7",class:"page_number_text"},e("p",{key:"4d7a18aee38d6233e688f83279efafea33ca17f3",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"d7f1cd97bcd284e8cea8d716268598b2c3042732",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:"9562f85b3f9cfe791f6f4628bf2cb1309cd9bc52",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"16337a1537b16a07237942da02c6ba5b844d9993",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:"f022745e709e6732a41cac00510b0eda6f253445",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"737ca6e8cbe58bc7fde55e31babc7e371fc9a68d"},"1")),e("gb-pagination-button-group-base",{key:"912b3c10dbc6779578c356de992557bcec0e0152",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"45ae310be0cff06abdc4eaec1d7d23a70f7ff703"},"2")),e("gb-pagination-button-group-base",{key:"c86bb82f1c450c551a6422b77ff83adff8f22e6b",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"70de59204453fb41a3e4841fd62c13330432c441"},"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:"403d9f9818ab8d0563dd883bd1fdff8dd559ffdb",icon:"false"},e("p",{key:"51571016b75de402e059446f2ecb925d1ee4b752"},"...")),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:"aa91625fb825ea39212476cc7c818180f901274e",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"6c12df174887267960fed534aeed1b0eacade2f2"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"9206b94daa1068b77d3b44aee2a4607ee39cfbce",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"bc8c93356c2acd6aaa43d535eb1cb49aedfc559a"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"cf4e42ff975d73ebd19d3359b89fded151c42d62",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"c34958152437c4c69d7a9992086a31233b6afc1f"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"586e2d01a8a6d97f352ed107b84acd42e7079b7e",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:"adee4a74d3c7b065f62575f0b18caa26c383c71a",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"b9bc48510483cee4120bce7a3932b5e70f37863b",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:"a4a2aecac01865a372204e45845a5245ab2a1cfa",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"9a3f93e1465944634d15f11c7fa2efd5c7cdaa74"},"1")),e("gb-pagination-button-group-base",{key:"f8b47f5ddda73536363a6c6e8f25b3c991aca558",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"fa6113613ddc67fcc2dde333c763d8673b48c78a"},"2")),e("gb-pagination-button-group-base",{key:"664a15eb31365f6df21c6745c577d1510d963ad8",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"305904e712e413cb6936de83c3c20b899dad7ce3"},"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:"29407be4d0474cecaeaa99ad0df8238e5627cd1e",icon:"false"},e("p",{key:"18653ac271651d0f06ef836201b32f8a0ac80208"},"...")),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:"ef5f078522240c4c25b24d6ef027753bd1b6badd",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"e49e048119d92983f9eeca932c75e33ffc817a44"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"bd5ef6dfbb214735171312cca32e9b436bf72e4a",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"55cda2de94ad1c545daa0e264e17fee09ab96e5e"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"ab76efd200e0ec3729bec9420c58cfd9578a2708",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"0be2cd8c0c3f5aa6e228f09022e43ce316131d7d"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"3bc29ad5fee2e099f51a03c0e9c324c21dbd8d5e",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:"561d0db1a4cdc21ae407228d92c7077353cdb661",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"efc08914cc7d8ad6f76375ccd14b6003b85e1fca",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:"495b28f7c92b0a2fe73f5b3d61283c1b0ee73e51",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"6069b54c44747fa07aca52218b67dd169c99ceb8"},"1")),e("gb-pagination-button-group-base",{key:"98b9aeeeabaa44243a10bc3b850c2d8bec6fb58f",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"a588c2aab64202f1c5ac5ed7c332a964385761d1"},"2")),e("gb-pagination-button-group-base",{key:"933d66f8ea297e5195c0844c611ddbf6843787aa",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"6c12dc28628307ed688a30afa85aa82e92662d7a"},"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:"2425d9c9fa0a68e004e9e30b8be00afe2265671d",icon:"false"},e("p",{key:"0cf74e31e05ec5956f71946cf1fc35886208fc24"},"...")),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:"8e98833631d471bc33403b0dd18a9768b800d91f",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"7ab9560ec1202919e72863a84f18449a37e4c4f6"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"86f3b9608a62012c55926eaabfc16644ce4d9580",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"5fb686ada62296d927dc07c6aea19009b31b7fe9"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"0c943fa35ae5a1731cfd7552eca3927027ffd40f",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"89f9afdf9a808b3e7d9b7055969647e61ebefd35"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"505629f2d8b9a379f02cd919b536fccf6e3fad70",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-653c5adc.entry.js.map
+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++){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){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:"cebf69533b0053551c37cbbd8aa525a2399f8fbd",class:`pagination_div ${this.type} ${this.breakpoint}`},this.type==="page_default"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"6a21af01d0b1457f6e96c8be600d7e0c4d5beb8a",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:"5ea09d8faf0135428042521e8be2e60abb6d9068"},"Previous")),e("div",{key:"40254790b4645ccfbd8964d5f1922da0a2394409",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:"3d18f14c64a053c7992bcccbc773d81e6ef75453",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"2a1c979603486d8e5e8c14db4070e8d11285f420",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"92f53cff6270e6ffe63bedaa617299d82ccf5ec4",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"4b5f8efb498c19894d5b2ad4bbec9f2d46318ec7",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"573aab819dc968f4f3883b9835751f94857b83d0",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"c4b46a9500350e96737e0b21f6a9473c7de28f05",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:"7b94d8f1241047f4fbc8873e491b793c7ecc83c7",shape:this.shape},e("p",{key:"f1e5caa79335ece571a57dcd61f68a0e8e585eda",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:"d4f3665aca4b9e62f92cef2fcc9525be2d933469",shape:this.shape,state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-2)},e("p",{key:"5f1b52e1a53b073653086890bb0fe279cc27e766",slot:"page_number"},this.internalTotalPages-2)),e("gb-pagination-number-base",{key:"6fa78833f54950cbbef1142f621e9883d704d974",shape:this.shape,state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-1)},e("p",{key:"849c6ae1e1d12d6d3383a7e4cd159fdfeb4c41ee",slot:"page_number"},this.internalTotalPages-1)),e("gb-pagination-number-base",{key:"dff4d6fc5354cb0956579304036bd25b9302199d",shape:this.shape,state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages)},e("p",{key:"708dbfd95280de91a0e5d340f5cab789f1ef8bc4",slot:"page_number"},this.internalTotalPages)))),e("gb-button",{key:"d6e020c1f708a75a8165ceec53beca965bb831aa",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:"51ff365bb199c0e9cf8b5398673de382e4ae3f52"},"Next"))),this.type==="page_minimal_center_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"2ba32c7ce09d34ba711c7383bdb65ba4485a52a8",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:"586f01381cf9ba42c1510a6015c55202b18dc082"},"Previous")),e("div",{key:"bd9cca5fe6d05214e727bcf119ada05e03c0e3b5",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:"bc0cc26f62be1d8186447eccf44aa6455447427f",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"4f272f960716237e36d8452f69a4f00072e7a6ec",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"c4998ab43f5806759766e54ebbd93ce10c59099f",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"3912b2b843a5ce839ffb22eed45d1efe85f4e128",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"b20101cf2afec938d8e8e1a2c615304fbcec89fc",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"d718be7f7d5c4b0fe6331511b2f90659ae26bd76",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:"b253bb35030b82aee63297b498763a421b2a3553",shape:this.shape},e("p",{key:"0783a9679b3cfaaeb4eeb860a399bc923febfdad",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:"db7d47dc897827dcebac733cef71a43fa4926adf",shape:this.shape,state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-2)},e("p",{key:"63e4be0e8dcf22d0135d1ff5843ab966b31cd722",slot:"page_number"},this.internalTotalPages-2)),e("gb-pagination-number-base",{key:"b82c42609355500e3124c32d65d3cf69a2434508",shape:this.shape,state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-1)},e("p",{key:"633b352780bd45664cf2393dc5d809c2f265db3f",slot:"page_number"},this.internalTotalPages-1)),e("gb-pagination-number-base",{key:"c62a3b6e7cc25d02d0a526fc1efb1da24f13f316",shape:this.shape,state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages)},e("p",{key:"35f0464482cee10f9003b5becceeed5c62e54d61",slot:"page_number"},this.internalTotalPages)))),e("gb-button",{key:"1cb12756a6685494146179875eb0b7e3dc7a99f3",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:"2d96f4474f1289712006246566534cc5e7fcd624"},"Next"))),this.type==="card_default"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"8e0d9862ab97ae9bea2919924eecb5ee070ab5e3",class:"pagination_entries"},e("div",{key:"2098e652b17d4bef1b001abe29bbe9bb1d87ac5e",class:"entries_text"},e("p",{key:"dffb8d2f26e731407ec8e2c8a4111e872be1e8e7",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"ff72f7fb56513b26279ac6902dcbf284d602fda1",class:`entries_dropdown`},e("gb-input-dropdown",{key:"d884e4be9a373e66d499b6545ae8e05bf9540772",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:"94f858df61c92da2f56e3482c93075848ec50225",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:"de60b81c438959b3d94273109b71d22bd2769a9e",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"f1add35b246cd8b0b455cc5a9528009d80d76548",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"113c4c1f6efd099fc2233227c41f5ca3e52efa5a",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"4d6c23f6a6e254dddca5a578febee708ec963d28",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"6c6b2ded4826dc9ef59f0557769829a3e7db6b5d",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"f4718e8e8f628ba9883cc7f6f56be1c7e70b2cd0",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:"b1f1c287dbb8bf969f1c377cf42b35ce042cfd15",shape:this.shape,state:"default"},e("p",{key:"63dc762f75c712a030f2b7d3c167e4bf6b380b03",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:"d27f23651f2daa13b9118644f08da93725140d84",shape:this.shape,state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-2)},e("p",{key:"bccda76a20d5f7d33764b2e11bb460389a0c273b",slot:"page_number"},this.internalTotalPages-2)),e("gb-pagination-number-base",{key:"c5f30a0443853df319930df7c3fecba1e804edfc",shape:this.shape,state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-1)},e("p",{key:"6ce33760c8c8264d248201486fdd4527cff5be1e",slot:"page_number"},this.internalTotalPages-1)),e("gb-pagination-number-base",{key:"6a50a627678757f29cc627589221521d4557e2e9",shape:this.shape,state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages)},e("p",{key:"94754215f17ee2a40867fae3219ebd02f3f53fb3",slot:"page_number"},this.internalTotalPages)))),e("div",{key:"e971c78fc50c69d28a24aaf869a2c740d987a1e0",class:"pagination_btns"},e("gb-button",{key:"d4ceba44257053a60924bab680f4af3b8c0034d2",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:"58a9eb1c32ee8b204a95f7430d02afca7e1f41ff",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:"22e362875112d6fd75ac1f9b596607283b1a9d60",class:"pagination_entries"},e("div",{key:"43580ab44d7af5995ea734e1b620d3b4860a0046",class:"entries_text"},e("p",{key:"8edf95abe31f4bf6f950b87f232226530458b64d",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"59f58d084c6b23036cea650fa60564de18f0dbf0",class:`entries_dropdown`},e("gb-input-dropdown",{key:"e879f9a9ef37763db4902eb74cb0550c31f73f9d",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:"c1e7b9117f9a599927749577702f3b210aac542e",class:"page_number_text"},e("p",{key:"f854d70cae2133eb2b0cd565a6b3b61cb0096a0b",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("div",{key:"c82c721809885610bcc828284f45bcba51143c75",class:"pagination_btns"},e("gb-button",{key:"8f1bfb5f73caed53f8de11c43466355bfd4d866c",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"3bb36178947a5f1f410fff96b782400edfc54c89"},"Previous")),e("gb-button",{key:"e8418abb41e92b11c158d12c18a6f2c6a1448bdf",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"0ffa126bdfec057929575916d943086b10257864"},"Next")))),this.type==="card_minimal_left_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"9fd3363625df3be1f7ad8234087d77e1731461b3",class:"pagination_btns"},e("gb-button",{key:"87a42a2750cf4d360bc1617900c467522ae57ab8",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"4efb1bab4d831631877629ba2fc049ba866b0da0"},"Previous")),e("gb-button",{key:"506df9a7025fbcf991fc56c3706a3183b6442f9f",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"972269295e2eb880c41453d5b1613a76097ca6b9"},"Next"))),e("div",{key:"68e3c541aa55c5594eeb1528110e02518f5e4d37",class:"page_number_text"},e("p",{key:"7a83ca99cc55f87f59e4ed9302eddece5d2e2814",class:"text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("div",{key:"0b9e0be540d7eb5dd96a66d1adee73da487dbae1",class:"pagination_entries"},e("div",{key:"82e41e64f488f7a4dba7ddbf2a5988a0366e3fea",class:"entries_text"},e("p",{key:"1abff33909dddd3eeb946f1858b9c49ef851116b",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"83834e945ef7ce1b07867df88e0d4ba8b4ac8013",class:`entries_dropdown`},e("gb-input-dropdown",{key:"55b52a2dff55967b8bf7e0263ade1ca39976c741",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:"ce02df1ff5066cd8b19a25f8135677eb80e738a1",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"4a03106f8a1b74129a069fece30bf91dbb552f8f"},"Previous")),e("div",{key:"e8911826658c6882a4089efa485c8e8ff56b2505",class:"page_number_text"},e("p",{key:"eab343908b4348e243e726cb4cd4f06674e2fa32",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"e129dfbc28d8c6ce48fb7218707d71ba41368880",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"51617a17a6aa14086aa832cd1b3dd079b082e181"},"Next"))),this.type==="card_button_group_right_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"8c5354cfee37a116eff62962f9d5a97e250682c7",class:"pagination_entries"},e("div",{key:"1454837f0bcefaae924fda3d611799c3c4344a7f",class:"entries_text"},e("p",{key:"eb630df4d9e088e473a44c53af3188843bbc4f02",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"4a951605220b79f68451ba2007fc5daa8a64dcba",class:`entries_dropdown`},e("gb-input-dropdown",{key:"3c18ddd9ccfe9647ca66398a062198c330d90e74",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:"70c5541525262f095e7794b3e8d7ee66e4c0204b",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"e87d51ae67645e666e38d08a8b5ecc20a61edd0b",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"e81004f88f5272bc36757baf11e47950f4de3ef7"},"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:"09a3d13fa05079b2348087f709b31d1a4bf49d83",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"a602ebb2d87264b02f46f9ebf504d27698ec8099"},"1")),e("gb-pagination-button-group-base",{key:"a1bd4a388eacd0c7cfe3854fb2843e0e77424597",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"54b5a3fa12954a7516faf78a92fa9e829132c5a5"},"2")),e("gb-pagination-button-group-base",{key:"beed2041284b7eaf47c4939c51be035a75f68bcb",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"6998b1e634e6505aaa38093de75e65f4dda78c6a"},"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:"a0639cd183f4384938f89bd270853618c7a29402",icon:"false"},e("p",{key:"7de1afec9781fd7c3ce415f789ce7695ca1a9fce"},"...")),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:"b3944e7ff56ea364b74e86a669fe92eb4c8d9602",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"77c38262bf71f7833f74cc95f83d2523e87cc57d"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"0efe5b08596daf9942843cae7bfae0c28bd6321a",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"1c58ec3a4871fd3c5a3dc2735ac2ce221597c82d"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"9fb360f8d66fc1df25ddb2b453c875086353e4b9",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"db590da706445b00022c1cc67f6953587a837858"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"8de8c54f747a2fcf7ef06265cc4a006f4015c4f6",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"1287fd30f58b5eceeb3df4c15387087c1560bdc7"},"Next")))),this.type==="card_button_group_left_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"b5804d34c8da2f9f24cbc2c9c6ce6ef102740589",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"3dde9b4315132f39dc1269a64c57fc03af8c3a41",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"0f53b72f9eb4e3027cb8944f2bc9a6898f8981e3"},"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:"807200c1e081e96145f9115da3baf7cecd1f8391",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"0d9d21955eff5c42453c0985ab11459965e05241"},"1")),e("gb-pagination-button-group-base",{key:"ceec305c0865adaabab5433230402f3cb8fa99e7",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"6d7da31cd591fd659cacc34e48c014bd4793226d"},"2")),e("gb-pagination-button-group-base",{key:"6dc835020cbd45cb12fad0aff7c47836f6c3a647",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"fb66c34576f875044cbbb0a39581ba9cf0697400"},"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:"b89fe7bd38ac15c309c08a466dbb429c07b05552",icon:"false"},e("p",{key:"18e53b501e44dd132cdded1d08fcfedcda529471"},"...")),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:"bbd7bdbf265dbf556a5f6eba5a3945fc376707e6",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"33ef7a76d925b971a8a22d899fd1aab6c125593f"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"fb1d4f826f187d357edccc8129869c1b5f268ba7",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"ea263d9cc20e40c7367343f232e267174bf5cb5a"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"d419f214f59d44e65facaca1dd210eef00ff6ac9",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"c5583682a3ef304702ad42408b60253d88723e52"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"43821fb9a84b86e28d79def0a451b896dfa722d9",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"a230c31ded2bee646746973044d0f6a553ccc38f"},"Next"))),e("div",{key:"7ff55db84f370a41b5d2137c945a37ba160f3037",class:"pagination_entries"},e("div",{key:"00e553bb8f4248e8414c847a2dd7c7d4675606c8",class:"entries_text"},e("p",{key:"07e2b5735537dfee1d19653d41d75acdb73b26a1",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"dee08cba1e5841157d7df024ba20a751fc3dda24",class:`entries_dropdown`},e("gb-input-dropdown",{key:"894830ad7cab1e2f1356396044b99e8f6b9f4763",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:"7e92711b33615da7deca23e2ef7d4c245879f81e",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"d94e2f78b871be8d662abc5f5081796f9b3c02f9",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"89afcdab8333e01c95d5028460e68e3bffb6f483"},"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:"c665917c125ef265e40b14792c10bce08f131e17",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"e6bb05fa6b9ef3ae39b846c184c8be7ad3908a26"},"1")),e("gb-pagination-button-group-base",{key:"25a8e84c678e11c327493950861e7a4b8cebc963",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"db8f39e4fa2b0ff48587740189d361268bca60ef"},"2")),e("gb-pagination-button-group-base",{key:"76743a2d0f6f9b9327a066c0347e8de238b0b1df",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"75e566250f0b2c86996665646401b022e43d6d5a"},"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:"696b1150eaf78faec48213d758e22108dad73707",icon:"false"},e("p",{key:"909eaf1ce08334e645e2911b37fc60eb88bbc51d"},"...")),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:"c919b869bceb5adf3f7e75b146412f6682ab147b",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"db6e81c9dcd6293ce4d6327eeadfe3bb7f3a04fd"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"08a048738b54633e7053ae00d82a86ddec632172",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"5733974fb6fa6bbce115fc885100f58413212023"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"eb695d2564317fc7dd6a7f30b8df70c7bcb6da8b",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"37942e623387f44119aec7c33803830ae97f493f"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"40c159d03a45dc7c284707812891b50f0f1421b7",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"784610d287d570efe48e8caf5898a6124cee0208"},"Next")))),this.type==="page_default"&&this.breakpoint==="mobile"&&e(a,null,e("gb-button",{key:"c9c099f587b97310e2a522588e03d22dd5d75d85",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:"5735abf7ce90f096a6b27e0cca10b7ef26833ec1",class:"page_number_text"},e("p",{key:"e5f4ace0770a8a997a3a86fa6b9e9febf347bc62",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"a7886f9cb13a7c09d8c7ecaea19ada3079c63f6c",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:"51b3841ba3f57fbf5d084a54dde075ce128dd82a",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:"f6049f7de09f97caaf48b4263054d99db31a7017",class:"page_number_text"},e("p",{key:"ed81b468e235a7e491b3bcfa503f1ec13c1fe4c8",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"7bddb3addf5aa6a2130d953be0b653be7e261f0e",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:"8c5df813f9bc487e59b0042b5faf7dbc11b785a3",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:"755c8288d9e51170b0c6fcae3cdd4c059183f255",class:"page_number_text"},e("p",{key:"ba6cf5ec4bd69cd1750e60fdc96a84d3dc3d8cb6",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"1332ad4c9ac60ad2bba3a359d84173c480f0620b",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:"64852a3a8b5ff63daba8456ca931f7a05e3afcf0",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:"7f3f45402cae7d8c65375efcc68127d71f266fa2",class:"page_number_text"},e("p",{key:"b11d968eb18c0a270406e36435831bd2241efb33",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"47e34f570d18d40693b3e6b245e3e0b6cb62b3d6",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:"8689d0a66f621a8e9c1d0894fc771a63708d5f30",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:"65c3a9759a4b19b199802e72b8cf6dc3888dce72",class:"page_number_text"},e("p",{key:"03aaf1daf783f22ee2bd44f2a0ca78a4382e6272",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"9662d4a71907857d1267035a393ba365f659817b",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:"1b8f9647f357831637d446e421c04cb40eee17cf",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:"8cb87acd084f3c81014adb6ec60aa64b8af3dfc5",class:"page_number_text"},e("p",{key:"bbc1e00f6ebb3152d957f34d96e4cacb5b7f421c",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"80c1bc9587204943b86e1d67132f0d13d82865a0",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:"f34b33335026e5bf3e440e8de99d2c80d2e8c4f4",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"85e64d76a81773c4bd89f2cd113f2b026ece75d8",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:"1ed6110a2fb326fd52180cc000d69946a7666772",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"28d5d9c81923526be2ba006ca3f2c996a785edf3"},"1")),e("gb-pagination-button-group-base",{key:"73775ccb9f07a97308b284aa121e336fe70f0551",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"2bcb111edf27dddfe82201f53fedab3ad729db2b"},"2")),e("gb-pagination-button-group-base",{key:"8263d43f0a3d95272c169956fb2f5ea748b4bcd9",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"dd41dcd9089a20c7cb2ba2f433320f3f0d12adb5"},"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:"cabeccb3339316a99e3bcc877f221f1ff717d71b",icon:"false"},e("p",{key:"51ccea73375f7aae116f041439219588c7588938"},"...")),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:"274fa7630fd15d9df74682e9997be7797469422a",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"99a630a1bc8269488ad0f5af7911873b53f9aca0"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"9c43e4b7696b8918dcdda4ea9fc257d379ccd636",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"53b395feac157a916c5133327f12de4d32063c3c"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"98db63a7e14919f541fe8273185c97d00bc5f99c",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"a0be99887a0f006f2b3a5be27c6285105a5dd40f"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"3803a9fdebf2640c75983168226a5058699ea352",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:"c8d3026b03e62ff74a484fde2176f8b56864454f",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"46dce87d817122ff405f73328e008c67e17bc67c",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:"cb10f4498c859ac91bd4e5459bbbe1bd7c884537",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"35de12d98afb376deb16a6337b15553fa55618a8"},"1")),e("gb-pagination-button-group-base",{key:"a1b82c8e5b69b52d0a96587de2ec4343209adfea",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"9530db62aed320d26f7d22c0018c9107f321698c"},"2")),e("gb-pagination-button-group-base",{key:"9aea27fd82ea2e923fa18661db58414cc28aa997",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"7e389c571719097226730432d4643e291872e685"},"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:"0bcb1fb7ff0df904d665341299108f8e58971d06",icon:"false"},e("p",{key:"d6c1a6d4529d3c443407ded447d3edbf4ce685ed"},"...")),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:"6195af0823c0c95b8218130d8941488e7ab7c2f6",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"af0d9c4b18f45d51ab17147143bad05afc67f6bd"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"413ad60d8f0103cddb869569c04054e9c1d727e8",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"3864cb689a34bf35ed84578e24b0e5cae1267b92"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"d72815dfae3e371031c1af5e0c422575900e48a2",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"d06ed41b46252abe517d101aeff108ca314a2107"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"f2fb2e23f63d740625aad9ca500dbeebc1848f32",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:"230b4c6cdb8c41c44b322777b60d7f85ba9dccef",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"ea18825cb52ed1ac2238eeaaa9724ece3582766e",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:"1f5e9ad758f6a6b6e2e5d5131dcafe4f2d2a0491",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"d1ca118c4cf90be7f303c202682f2bd602d7be06"},"1")),e("gb-pagination-button-group-base",{key:"22b151c1995764a5d107b3b8c768b22ee4909d97",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"949fe7aee4b422638ad7abb95f1d97cd645b01a0"},"2")),e("gb-pagination-button-group-base",{key:"5b3b3ac229d307aac4fdf8da1d8748e25d006909",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"aa2b5684ffc6bcf896f14cdf7ab783123988ccda"},"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:"c3dee2d7e76eafcb864d382e963a2414bcb5d974",icon:"false"},e("p",{key:"9e08eb2f5f817114aad45a5af44ebb31359041f7"},"...")),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:"94dd3614f304e94de782acf182d77fe0728332b7",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"ef87bb13960cf71cd0a59c1a70536abb684f9384"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"a0e194803878def78ef749e1a740d92a953695f7",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"203884c09bcfeb3b87b3cabcfca4751d5cf24e61"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"bfc0288fd7d99b00d15fc899b789d7d5d1846342",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"8690554fc35700d750cda8cc403bb4b85e3e12be"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"2d7c2abdcd17ed969c70ff309ee580541f7a1604",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-8aa001d0.entry.js.map