globuswebcomponents 2.0.9 → 2.1.1

package/dist/globuscomponents/{p-9bbf35c9.entry.js → p-653c5adc.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:"b1723e6441ab770bfc5cf97e7eae8673a474d3b5",class:`pagination_div ${this.type} ${this.breakpoint}`},this.type==="page_default"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"597be3913a963aac4234e8a688329206fff33c82",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:"5ee7d0276319460ee52966edaafd8978b215ffe8"},"Previous")),e("div",{key:"b57a432d8ced496346d8c299bb7824c919a278fd",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:"776e731bf8db4c1f4baef6315b29a64fcd16f606",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"60bcd13c5aae58b3650ae49024cd961511742270",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"4f438ac6be440336f6e5cf5f683a6e415e7e4458",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"8dfef2b86f06d4f072d5136eadc836b5bdb686c8",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"5ff9b56266588881b4a93594f9a0d70eb9701581",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"15a67fbaf37d4e1a0e36b50a83d61a6f10c4c1f3",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:"03ab5cadaeac06aaeb64df88a641e08c9e2d473b",shape:this.shape},e("p",{key:"2a615d4699f9f4637c8b5325a83ec7b556b052fa",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:"df285dc7f5eb5adccc098e5b4b9276fda77ddd59",shape:this.shape,state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-2)},e("p",{key:"598a6fa9be0469ae3dec7dbe9a75caec8d8bdbb0",slot:"page_number"},this.internalTotalPages-2)),e("gb-pagination-number-base",{key:"6f1489e1ae5e8d8b8de0fa84710dcc8094a52511",shape:this.shape,state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-1)},e("p",{key:"8154cbca3b1476639a8dfb1cfdbc1e605a8b3695",slot:"page_number"},this.internalTotalPages-1)),e("gb-pagination-number-base",{key:"6509de2d9e738d94c4a6ebe6a221610faadd7087",shape:this.shape,state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages)},e("p",{key:"73969ea2d39a59a899ee21317f212c5837c8c18a",slot:"page_number"},this.internalTotalPages)))),e("gb-button",{key:"50395629133d7636b286074f43950b466b753769",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:"c4dd378048d4c3797c3dc7456f31b1dd1212935b"},"Next"))),this.type==="page_minimal_center_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"1cb2e9c01b4bf2867c23cffd40f7516abf27b163",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:"392de3046ca4ef646025da45f3e9bc582509f7f7"},"Previous")),e("div",{key:"bbfaf51296055f11137b96a243c0251731dca93a",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:"bbb8a20f1707ba3e02c8dce92af89cd41ea84cef",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"f9c74b7df142b5f1704c9cb035f9d8642d1b5fbb",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"f87b97c68c58648c7c2ed02f2eb29986822f8189",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"1ad196890e4983996f20bbd19c7ea1a9d649c72d",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"437845ea739621bcad6e465cacd0de400a6dadee",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"83079de7d5dc40deb658bd462a0eed2dbd055882",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:"5bf6b5a4827d87ba0442001df3abb78e0724dd4f",shape:this.shape},e("p",{key:"09d0cda00234a9427786670c148d86bfb44dd843",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:"58a103c05af30ee07bd50fe7bcd8729819bf22e8",shape:this.shape,state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-2)},e("p",{key:"a8df37a9bbf0801916ca7d52b17722a7f5bbd749",slot:"page_number"},this.internalTotalPages-2)),e("gb-pagination-number-base",{key:"6a22d10d06518a6e164a05f97c7ca249bdd9d837",shape:this.shape,state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-1)},e("p",{key:"4ef76d85322cf1058f17cd68ca7d77788f20c86b",slot:"page_number"},this.internalTotalPages-1)),e("gb-pagination-number-base",{key:"8fd8e8140ed6565103450734586a82e13e701c41",shape:this.shape,state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages)},e("p",{key:"ae46ee61450e928f7c9910828bd169e1407e3015",slot:"page_number"},this.internalTotalPages)))),e("gb-button",{key:"2b76e79b64a921f2dc59dd175886f6451886b7d8",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:"1ba06ccbb5ec293d4939b39e30a9f39511826e02"},"Next"))),this.type==="card_default"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"f3f918df16c53a4238e29d412c53effcaf7b3ec0",class:"pagination_entries"},e("div",{key:"d6b4f716de7daa2dcea86cbcbd93fa1005ac644b",class:"entries_text"},e("p",{key:"eb0043a53586abdfa00d34400ddd3e72efd2cf05",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"f95f760aba65e5a94b35354854e311b99434bc86",class:`entries_dropdown`},e("gb-input-dropdown",{key:"2dce9b090fba6a340ca2112480b6e3a133833f90",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:"2fdb5b6fed3b2082ce1efad9c2786ab8a22c975f",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:"1b2106a7f6a42e710b18f4a96460698eb6fd2a68",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"138716cde705293efce40824af1fb13a1f76d10c",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"c98fa4bfd1d74b3e61bcaf7fb923fd2fd3f9823c",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"77fa90ba805261e52d6c32871a358af05dfd1ba8",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"6d6c2292cef4db891f5df7041be4cc0d9ffebfd2",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"deb2d9234c8c5cf86b1c12c859b2e51a9b0cac2c",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:"fe537fa61004eab6edb804775599823d7f9f1867",shape:this.shape,state:"default"},e("p",{key:"b62cadc0febf48bad9e92294a881e9d3342420c8",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:"280c0a21e0b0ba694fdc9300eb25844181269158",shape:this.shape,state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-2)},e("p",{key:"1f2687f65ec41ab516f278b084098c88ac6cbc2f",slot:"page_number"},this.internalTotalPages-2)),e("gb-pagination-number-base",{key:"4f4864c9b08a66b7a2c4fd16353a520383997a5d",shape:this.shape,state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-1)},e("p",{key:"e5efbc526d095c63bfd2c27219ffb3e2bbffe45e",slot:"page_number"},this.internalTotalPages-1)),e("gb-pagination-number-base",{key:"ab04fefc4e21e854118dd7f738727a0b0e9014c7",shape:this.shape,state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages)},e("p",{key:"2eaf7ede524ed07e6167b7eb9a98c2ddf9033280",slot:"page_number"},this.internalTotalPages)))),e("div",{key:"b1888e22c0ab26dfbe9ea39effee11ab53156644",class:"pagination_btns"},e("gb-button",{key:"bdac8e9171b602e9478b2ababd17cc50cec813c5",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:"6ef884ed026d495aeec6e1159209e6b6b9a4d364",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:"50c08cdfd2e08beda393e7512f31ee265d77fc04",class:"pagination_entries"},e("div",{key:"bb9d93a417920ac613eedc60833d7fb2c01bc519",class:"entries_text"},e("p",{key:"e6cf3b9713a60356163261f3ae64ca2ae10b5880",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"a22ce965d4ffbc84aeae5773ffa052d790ac795d",class:`entries_dropdown`},e("gb-input-dropdown",{key:"55850369cff8b95ffbe5a8ea143ca92c381f6e36",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:"3dd0a485fc4477fb84a4054814e281036ef64986",class:"page_number_text"},e("p",{key:"e4cc5b0149aa3efd1945285e9581b868c037988e",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("div",{key:"3d43c781db709f389da1086594a513de994fa5ba",class:"pagination_btns"},e("gb-button",{key:"21de87acabfa2157b7a7ba6c07bd480651f8c3e3",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"842f002d190aeca5bb45aa66bd81a6c288fa1820"},"Previous")),e("gb-button",{key:"dc5823837c375f290f32797f086425a15d1a17e0",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"447eea6b0a416963b85768ccadbffdd68ee10ab7"},"Next")))),this.type==="card_minimal_left_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"8331b8798c3d79457289ef3cd1508f475205a28f",class:"pagination_btns"},e("gb-button",{key:"c77010c8de2d57fb53d8015718099f58c00379a4",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"ca9a6d407a1a5e079f44bbf3dc5ca9906fdceafb"},"Previous")),e("gb-button",{key:"b145654b12e4bb76d9d1d057eac1296fd7258c46",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"a7898191f6f7586e9c13ab7950b239b2a757e694"},"Next"))),e("div",{key:"5cf2c11a403a5cc75ac5403c6de45532e3d24a30",class:"page_number_text"},e("p",{key:"813c889d65fcf6ac586034520d80cf1f54a8728e",class:"text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("div",{key:"e0307ed9a53220797443a0ecbfe7bed6c77166b9",class:"pagination_entries"},e("div",{key:"b587d5a25a4aff1a99d3cebc15a40a5c76b09db5",class:"entries_text"},e("p",{key:"f5701dc8416ef96acd841ed4e1366b1413bbe71c",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"4df8ba4b876bf18b60e388aa0b2e545e413b7bbf",class:`entries_dropdown`},e("gb-input-dropdown",{key:"d29984b06c4f324018d2fc7195793dcb5e12c7ff",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:"cf585e179ba0b4d85b03728f3e21a49baa192529",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"ea0b052bd2d18ea4ca420968c7b531d44a3f2b3e"},"Previous")),e("div",{key:"7786247492d13cde0f81d6f9eacb516e44bc0a92",class:"page_number_text"},e("p",{key:"54cc03d110351b5eff0c95737d9bf941b8520ebd",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"d39351c42325b93f95db581339b7f80aecff05b2",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"f1adc43717414109d4c6117b6792c650c68c4d9e"},"Next"))),this.type==="card_button_group_right_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"02f23f649a93f6edf46bdc8034940dec859513ed",class:"pagination_entries"},e("div",{key:"e033a47c6f12dfe29ba77d260abb62bdf30369f8",class:"entries_text"},e("p",{key:"e53d975228ecc67d79ff9ced6ae7a9532d03142d",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"fdd0f8aa73ae1e24638edf4ef7660628469d369a",class:`entries_dropdown`},e("gb-input-dropdown",{key:"abdb51816795a8b13561991554aa90d63f8ddbe1",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:"48073ec1983f0365ce2a3d87b3e7e47b6278aa0e",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"20a94f7f3d36b550d8bb70f69b3076706acc78d6",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"3eace81d5b31d1375a2943cbe3c4fc3b14b27d5b"},"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:"8269b807d71d800e3eb2d221d11f68a5f2f97913",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"fa1f93088db04d836a0cd97f0d2250b645ace065"},"1")),e("gb-pagination-button-group-base",{key:"10be206d5a97a361916eee527657f249b7e0434b",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"27190243e7b6b1959cadae6c80abccb2761bba63"},"2")),e("gb-pagination-button-group-base",{key:"bebf44f4533a4be29b1d46b0f0adb4fd0c283e6d",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"a0dcea0281f1bad97ecf263cc272a2b0684136f6"},"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:"b5d74ecd74bf428249014c3a87d33edd06d9a56e",icon:"false"},e("p",{key:"88ecd5aaeb9282197546a8da2bf377ab86dfd5f5"},"...")),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:"e1c0981a2827d0fdb8105f0d55ca08de39346a22",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"7bd92332f3e82138f951542d636431fcde591979"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"40436a379ab7f9092f385294329c16471f39b442",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"c659759c0a318eee8b4bf568196ed097443cd5bb"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"a3b7a4da577927eb074dafe71340963341b3d961",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"36004a11f34f3a5de5e1506d61008e1f68b611e7"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"2acc983cd7489e58bd4a5b96ebeee60cb080118f",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"e22280f50f6698419bffe8df32552d0509a353ca"},"Next")))),this.type==="card_button_group_left_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"e7e255660912e0b596b0c8aac9d22312e444923d",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"5fef73544ea90df5d13877fc75c35f6c8ff6ccc1",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"5b600d7c30140eb81979cfcc8b22a36074a226b8"},"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:"717610f79678570049cf08e318d09c1adc01c089",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"54f4f389bd69a591b8e79ca2fa2784d3c87032d1"},"1")),e("gb-pagination-button-group-base",{key:"05310115b8492e347676ecc160b6e72319b3494e",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"dbc49f157961733eb5bb4192941ecaa61aa125ca"},"2")),e("gb-pagination-button-group-base",{key:"e8ad4e20e5e94f80c12d954e82cd0671d6988645",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"94ccccbc15405d1a3713aa64a1490151af638422"},"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:"15a0865bad9d4579331cebde19d7bd0d243e5f43",icon:"false"},e("p",{key:"a1d26d7c3759893ed306b5ad34a6901aee2e3d1f"},"...")),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:"190f702f4778670e668e48c760a96700f94770c5",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"c447aa0c72105623919162b28ab637b0d103e967"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"2c20416ad36bb56d158922d4bb746993db229956",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"daf2a560d320d6395cde944b2d8d0b9480c99528"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"c1d4ce36c207acd02089013385c5c8904a0febee",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"489b18898158d931b96950dc08d8afe73f84fae1"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"a577da312ce44384d4abcf69071192064ce6d5c7",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"3741428c97168e6c43f03ad47a3d6894c46baf71"},"Next"))),e("div",{key:"3ec2ee1aaf3cf8ce729c6df0af640627120df051",class:"pagination_entries"},e("div",{key:"a30ca4d8a4064dc5ceff5ad2f525f42dcfdb3a8f",class:"entries_text"},e("p",{key:"83477f9c7f53c361402b32881eb3be4fb74bbe4c",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"44c9f0e0131f25e039c2745e0b35969dbbbc339f",class:`entries_dropdown`},e("gb-input-dropdown",{key:"883f7563a9125c350ff76395dabb6edd1e974124",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:"9329bcf28c6e7fa6abfef19463e0983622f97d9f",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"e1780a8ae794b6ba18e96deec48bb41b138c276c",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"0bf2b29f2c2c406019a2821eae2945dee8b94e36"},"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:"202a933c5fc59d3944e1c57c25cc9164feded6c3",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"e4fb367c04e654cae28d3677e22f8fcea4cd3f72"},"1")),e("gb-pagination-button-group-base",{key:"87eb4ee1b25914d82bbdfcc934a2a26ed0549cc6",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"4f6a391d88dfe9ff401fa7121bdaf2b0aba34d9a"},"2")),e("gb-pagination-button-group-base",{key:"30d0c81d6333294d27be4d7282cf6beb43610cbc",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"fb891b9700c76c67179cddfe274222b84e44806b"},"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:"e011c67793e1cb9df5c01f6c65ba09c85c16dc3f",icon:"false"},e("p",{key:"53515da72c9c156b87837713e1616088b18eb9ee"},"...")),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:"554acb016cb9449bb8a13c4d73c58015c6a87877",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"6462bb0adb5c29009498c4891d004967bac28d50"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"e95ebedc9dd571635550ce1128d736e2bb257230",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"c2160df0c248e28d8183ffb802c5e4a3d713ab59"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"762cd3ed51ea74f882b3d37b9975f614bb48f347",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"b454c12a411468b8c44f933be2597528b7fb25a4"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"06874d7d4b3a72dd190b135151149b8e95d474a8",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"21b3cf5ec489d486dce16accc1fa4fd650848238"},"Next")))),this.type==="page_default"&&this.breakpoint==="mobile"&&e(a,null,e("gb-button",{key:"8b37c845259ff04da789e62b8ca9a27eb16780e3",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:"1440c8aa5fec899355fa4e0ab31853d87c8d00c6",class:"page_number_text"},e("p",{key:"568195c25bfcea352606142187249cff7625e924",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"fbaa6c2948ce6e67bd35c681602fda23442bf1bd",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:"517cc2344977b94b8f2b2e5a5a7544805bac2775",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:"b53d2eb3d5b60537a5fb5b2dbc8c6af63164f8d5",class:"page_number_text"},e("p",{key:"bf8448f8f4bda0790647a06fe2606cf3f4c2fcac",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"00b0616b3e685f03eb61bc99c239d4634ad6cb8a",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:"f996dfc5e86efaa8a4e91c9df3d36923b631ed33",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:"141230862ccf881b277b58fc74c6fd9e5787d4b6",class:"page_number_text"},e("p",{key:"b52709d25ac1d25383bc4e159b42e6a1a2460f15",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"ae2e0494fd371eed9167e76f467974dd8628c480",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:"a839e4b9084258b01f99fcd1429f68d847c38283",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:"bce97fa6e094d96800705642b79b159bdfbe8818",class:"page_number_text"},e("p",{key:"27cd650947b47f3e3318fade155da19f32056b37",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"6d1e42311dba1145e9ac65faab39427ee2b0cbd6",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:"3c020b3905258b6ad17507ff1d894f9bfa9104e9",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:"d4dd8584a442e2562d5a3f1c9eec863066b44304",class:"page_number_text"},e("p",{key:"977e973be0f8398fc10ac90afb475beb275b5323",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"37b70fa889d1b22e729e7ad008579985bc986f03",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:"5b436d84ac7ab52d3e2c2418d3b2bb254b951fd0",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:"ad4cde2d94861352092cddfc39de07003e81eeeb",class:"page_number_text"},e("p",{key:"49f1b2df25224cc968cacf6b05a72f63af5a86f8",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"e3d428a870098283bc899e284e80b189902984f9",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:"e4762c174a447a749d958de40b9e2ebf2c0b7e6f",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"065d85272d9c13938a999f5642c760d80f1411f7",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:"70a8c4209fdc4ddcad8a53b78dbd6f0311bcd109",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"2d6c602c4d81dfabc0c70ed5caa66ee0c319bf66"},"1")),e("gb-pagination-button-group-base",{key:"425a2be5e8ab41b335e312b44d682bf6dc9fc5ea",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"1289bff458770f4b32423e1a884ba1b6124bc079"},"2")),e("gb-pagination-button-group-base",{key:"d2b42ca279b089f2c5d0182384eb128b523850b3",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"86f4ae42c22da4701f48ed88fea804dc82387e44"},"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:"0aec52488b30a7b6ed664fad5d037f4c1a90a854",icon:"false"},e("p",{key:"7adc58c3bf6cfe8055a87db0ebba39fa827f07a3"},"...")),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:"fcf59e0c6cd4a69451585f66b0bdd721212cb147",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"4efef281bb88064bd47a192acdc1660a2f32f5ad"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"9e9969d176d25a05d1e02b005043812baf8e4493",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"6f6c55f15e485c7c938a2282b792a2fa600fbe1e"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"a03deae65434d926bdb93ac7ff841fbf531665b4",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"8dd8666f1b0d086e9c31034aff6723027c50eef4"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"6998a147a66597212d7cb8524f9c27ca703ddd9e",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:"a8565c3514fc316c165bb797eeb7cb0b8306067c",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"0ec618bfb1a4663fc4ae359c026e91885cc8e5c9",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:"a47cb1f91cfff050590c98035cda0b239997bd6d",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"fd7a6caf1d08d7938d65d8973df7040eaf993f7b"},"1")),e("gb-pagination-button-group-base",{key:"82b636061cae80a6ac7f4bd27646ee839a874980",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"0ca6cba7b4f845d0ed3f9376dfa732692098919d"},"2")),e("gb-pagination-button-group-base",{key:"881de347c303040cfef6c98f25331102623d2b43",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"0480bb9a2810920264d6b9d6d5b31389737be880"},"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:"e41829f02f42f15c89d47d112bc41a754a3a47a6",icon:"false"},e("p",{key:"3eb9135bff92cfb136f691c21f5c223ba450fb82"},"...")),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:"28385846225f5fe6ac98e820d767d093226451a7",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"0a39bd5da22c1751fca36cc1bef7fdea0bd21464"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"bb0795658ac1e883e54dba19cce6f3e3e264f534",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"1b0d0a83060adf92fed37f403a2d4f6e9758ca3a"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"7250f11856576f26ae28ecafe8f00895b742391b",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"910bd8913cc9dcc5e4142491bbf529c6ca84e52b"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"fb9481cac660e20099e59d4af7e9448ee6963fd2",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:"25f21a8ce44eea236c8ff8d5e05973ce4cd812f2",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"4da14c1b5eb9f4204bc498822cb7b4262776ade0",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:"2df7283b1a72290ea993313cc5002dd1ecc28bf2",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"d2a54bdb454b0be0de9f2af9c4102582de5b74fc"},"1")),e("gb-pagination-button-group-base",{key:"3ed20dd41b83d2c2d49c5bfe61488484ef4f50e3",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"c4c9f06ca92f6e0b08e730b684d1b3d5b818dbf5"},"2")),e("gb-pagination-button-group-base",{key:"ad83f52af9f5ca842739a8a48135831f51d8ea06",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"588a9ee92944ee437ee08f67edef210089a68a63"},"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:"8de6ed5977a8101881a9118ad4c83d1061b41ad4",icon:"false"},e("p",{key:"5ab264d8c0a1e52f41f38c252af625b9bb9a58d4"},"...")),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:"cc9462701de557dd2995defbac2dcda04d889388",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"6c15ec0ac84c321eb71c1ea8e7abd82d0c21c6df"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"29498be6516db2b440c6919cdb258eb1dd56f1ce",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"316fd349074d2fe93b1990dc7bde87a69ae0fee0"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"803e04dd1d9a43614feb95a4a82f28e6c3d2ea0b",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"0418d3ead1e0fe87c1f8e60f0c47b1f29cbfcedd"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"e7fe8a1c7a50d50fd0eefe6317c966d5d8d8e016",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-9bbf35c9.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:"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