globuswebcomponents 1.3.5 → 1.3.7

package/dist/globuscomponents/{p-d06ce1fc.entry.js → p-f2cba3ab.entry.js}

@@ -1,2 +1,2 @@
-import{r,c as n,h as e,F as a}from"./p-bf92be61.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\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=t;const o=class{constructor(e){r(this,e);this.pageItemSelected=n(this,"pageItemSelected",7);this.type=undefined;this.shape=undefined;this.breakpoint=undefined;this.currentPage=undefined;this.totalPages=undefined;this.entries=[10,20,50,80,100];this.selectedPageSize=10;this.defaultSelected=undefined}onPreviousButtonClicked(){if(this.currentPage===this.totalPages||this.currentPage>1){this.currentPage=this.currentPage-1}this.pageItemSelected.emit({pageSize:this.selectedPageSize,pageNumber:this.currentPage})}onNextButtonClicked(){if(this.currentPage===1||this.currentPage<=this.totalPages-1){this.currentPage=this.currentPage+1}this.pageItemSelected.emit({pageSize:this.selectedPageSize,pageNumber:this.currentPage})}componentWillLoad(){this.defaultSelected=[this.selectedPageSize];this.pageItemSelected.emit({pageSize:this.selectedPageSize,pageNumber:this.currentPage})}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:"e75bde5949c626efff9a6c4731f49c09109f2b72",class:`pagination_div ${this.type} ${this.breakpoint}`},this.type==="page_default"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"dbe23da914cd50271355408589e09a8f9b610e5e",size:"sm",hierarchy:"tertiary_gray",icon:"default",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg"},e("p",{key:"f33bc761874ac8dc1449153fc9732e84da336ea5"},"Previous")),e("div",{key:"cbbf0cc7c475c09b3bd6d34c2180d0b6ca802154",class:"pagination_numbers"},e("gb-pagination-number-base",{key:"6f44515861a8572d790ba30b28d44c000045500e",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"c9d778434847f52a92ecaa55df4620cf68e3d253",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"8b5f91365e944d382e2277aaa0fc4a4e65cc5b64",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"34cfc128b1c0c42d6df9e688ea9abb4dca7f4fd2",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"5c7a741e7c99678452d7e159737219c15af106c3",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"e008e4228ad68a7318f503f2dccc28deeea635f1",slot:"page_number"},"3")),this.currentPage>3&&this.currentPage<=this.totalPages/2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>3&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"5afad563b38e2b00714f43f0d1b0357fb41e254f",shape:this.shape},e("p",{key:"6b3aca0b58b2f57303128a144f3dc96facfb367e",slot:"page_number"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages-2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"71c55611145d66db7d5995989ad3f67003e7570d",shape:this.shape,state:this.currentPage===this.totalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.totalPages-2)},e("p",{key:"ad14eeca348834a0e0cc935b0bbab8971cbc890d",slot:"page_number"},this.totalPages-2)),e("gb-pagination-number-base",{key:"1b7decc2172eb8196af83689cbaf3ca7f5a1b60e",shape:this.shape,state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.totalPages-1)},e("p",{key:"e87c8ace797f8221b9b671daf9211d2b6e464257",slot:"page_number"},this.totalPages-1)),e("gb-pagination-number-base",{key:"2f0c9cb6d58d28673d463d81169e9198fdce1ee6",shape:this.shape,state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.setCurrentPage(this.totalPages)},e("p",{key:"7b2361dac4d2493f3f9d47ab6ccf1ac43e10b39d",slot:"page_number"},this.totalPages))),e("gb-button",{key:"aab5ecddb18cbf274907cce60e9d0905266f695c",size:"sm",hierarchy:"tertiary_gray",icon:"default",state:"default","icon-trailing":true,"icon-trailing-swap":"assets/arrow-right-02.svg"},e("p",{key:"03e7e40138e8a7a845d283198de500c21dddc382"},"Next"))),this.type==="page_minimal_center_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"99a70c4ab2506aaaa3d8dadd4f5f3c63dfb53969",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg"},e("p",{key:"40aec1e2d73835380c476a8626856d24856d5e2c"},"Previous")),e("div",{key:"b28a2ae6ef38a6380d62e65fac36408544c12a8c",class:"pagination_numbers"},e("gb-pagination-number-base",{key:"98a422febd7f4288b38ea318b5d93f661e17de0e",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"1808434591a7a35150e6c34cfde6a7568148715c",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"7a4379c628a3d05ad4ce276e9088f4898601c855",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"d296cdbc8d811eb9b728f5d4523d569b0b60b36b",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"764b5f6b51747ca9990238e07a31d1880b6dd361",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"c43aaa5daeccee45a648212028fa5a8a80b6c695",slot:"page_number"},"3")),this.currentPage>3&&this.currentPage<=this.totalPages/2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>3&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"aef3dd0b1c62639b6b9c3132537aa3a6b9b80cdd",shape:this.shape},e("p",{key:"57199dc7ce033bffbc18d52a0f2b15901354ca7a",slot:"page_number"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages-2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"2e63c256e20b9aa5bc45376846fe1f2b446150ce",shape:this.shape,state:this.currentPage===this.totalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.totalPages-2)},e("p",{key:"4b7ce6702def7c7aa4647d40ad982fb7f024942c",slot:"page_number"},this.totalPages-2)),e("gb-pagination-number-base",{key:"403f162b245c7017dee132820615658173a1143c",shape:this.shape,state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.totalPages-1)},e("p",{key:"5809c0154473ee35b6a1cb241c60d51600727d7a",slot:"page_number"},this.totalPages-1)),e("gb-pagination-number-base",{key:"60153a66f9039a1c793daf690ac4c878e6506241",shape:this.shape,state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.setCurrentPage(this.totalPages)},e("p",{key:"b76c8e46cd258c89fabc79e5ae4828eaf13514c2",slot:"page_number"},this.totalPages))),e("gb-button",{key:"83e68e04481a38bba2700138bfb85a8e1c2a6095",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default","icon-trailing":true,"icon-trailing-swap":"assets/arrow-right-02.svg"},e("p",{key:"038d0dd283bdb7a0e6aee71d2fcfbf96320629b3"},"Next"))),this.type==="card_default"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"40226c28e36085e04a1f51445fb2f7e362acac5a",class:"pagination_entries"},e("div",{key:"af31b436230e319a51718519594a960de0ca7864",class:"entries_text"},e("p",{key:"81401ed6a28bad5cab3460f703a1f4b9c5abc5e8",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"865c6164b9d56d64c0ac9bb189782ff592746263",class:`entries_dropdown`},e("gb-input-dropdown",{key:"944f26e09773366cdadb44cbcc6118a3de708465",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:"5dbd6a8b2eb620bde2e34664085a1e23bb4ab593",class:"pagination_numbers"},e("gb-pagination-number-base",{key:"42a774e2cfb895ae53d75b2546ed0fb22021cc85",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"a941ca3217b5048b944542483b584bfff7379898",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"dff7aed11dddd3a2a3a1b1068bb41887788a3924",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"ed0e38012fff6ba0e73af16ac909fab399620335",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"1b1e4bf4ae3701123485c8d65b5330ce4f2c96e1",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"7fcd95e69c0b0b194e8e6e2492c3af1e43268cb1",slot:"page_number"},"3")),this.currentPage>3&&this.currentPage<=this.totalPages/2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>3&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"cf7ba7fcb0305e1e7ee495f85383b9e4b29331f2",shape:this.shape,state:"default"},e("p",{key:"2c588eab0997600c0c29683fc2d027b23fb296a2",slot:"page_number"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages-2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"cca80ecb8676615b08d03979fef045c909bf0d5d",shape:this.shape,state:this.currentPage===this.totalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.totalPages-2)},e("p",{key:"a77ec8816b69c8cde609c10ac38968095a53b235",slot:"page_number"},this.totalPages-2)),e("gb-pagination-number-base",{key:"ae3a45ca7c49f5ccbb73664684bf2236861bc9da",shape:this.shape,state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.totalPages-1)},e("p",{key:"384f6d3d8f1ee03fed31551f553e762bcb9d9293",slot:"page_number"},this.totalPages-1)),e("gb-pagination-number-base",{key:"d8195af32a8ca78e4234dda0ffe2fe9e3250f2b0",shape:this.shape,state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.setCurrentPage(this.totalPages)},e("p",{key:"fb9ac0e09084e8dbb45aca1930d850bdc1218d31",slot:"page_number"},this.totalPages))),e("div",{key:"fcd2f6f21e01abc7a361e8ddb42818397fcdb8d2",class:"pagination_btns"},e("gb-button",{key:"51616575ae98f3f8e191930ce9c0b2e479991b6e",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("gb-button",{key:"53ec0b26038e9444f1bdb6993867324acc267c60",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==="desktop"&&e(a,null,e("div",{key:"afc8b10f613de675d644e1e0bfeb61c50804c57e",class:"pagination_entries"},e("div",{key:"77e1108d5b344d7820c329bb00312723119d66b1",class:"entries_text"},e("p",{key:"b6cd4a7d43b89c12e8acb05d9072cda66a6f37d1",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"8fee091d28e75c09afabad9f96796ac2378ec59f",class:`entries_dropdown`},e("gb-input-dropdown",{key:"4300f754de08f39eb1a0d3e761674ee26812785f",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:"83d3aa6d8e357d2216e7f5c946964cbff2702bdd",class:"page_number_text"},e("p",{key:"39d70041cba5f53d06231b76b37a1206e2620ebc",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("div",{key:"7d52903840fc75c2ff48d0302953d09cfe19df52",class:"pagination_btns"},e("gb-button",{key:"f81c1e30b609938494a7c0962784c532978e2fcf",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"7032b331ddb37a174167ea2ecc5aef5024312fa1"},"Previous")),e("gb-button",{key:"455e166a93b98f046c8cccc9b05e8ee0dbdd48e2",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"66bd3664ab2c9110a37b85a9eb7789e1ac0ccfd7"},"Next")))),this.type==="card_minimal_left_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"61da2f4c7c66da6c707f47a04f503afc32ed10d8",class:"pagination_btns"},e("gb-button",{key:"20e9a2fc17fa218e1d53fb733aa856a814ca88fa",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"30d2532e58684a63924a3a5e1b1f000530fcf3e4"},"Previous")),e("gb-button",{key:"76d956539d6cfcef6198e2a4110f831990693f9d",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"146a1e72b02ba50e38c2872e40d6ad159fb5bd22"},"Next"))),e("div",{key:"150781b0d2230c4181983020a61ae29f9c93b566",class:"page_number_text"},e("p",{key:"206ba544afb0e73ed48719607aecc4ab9e20fabe",class:"text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("div",{key:"076538951a3ab1b5e0bf7dc662184ff3aad61d6b",class:"pagination_entries"},e("div",{key:"b1d10b9b08bc3ace651ffd304759605025e13631",class:"entries_text"},e("p",{key:"9003186f22575f3b721ce9bd908a7ce0f2fac0c4",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"a338369a52671e232390600c1708540301ff0688",class:`entries_dropdown`},e("gb-input-dropdown",{key:"335bd8dc2ddefafb5730cb0756ccfc4673c86459",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:"885bdcc99185e8ee63b357224543fe2359712397",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"b43767020ce61770a4608b3dd20d69590785bcb5"},"Previous")),e("div",{key:"b6086c8ebda9d34e4be6fe424783e5093d6de265",class:"page_number_text"},e("p",{key:"74bcf7b2ebeb135594dad2176e5eb3072b8a5261",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"c455b9b17ee5d22240dc5ef4bcc025a7fd136b49",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"0e84b8e670832b3ba96ae84a606f377b0927ef1f"},"Next"))),this.type==="card_button_group_right_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"79ffc46fca76c0828734591051f9cea9a4fdcd64",class:"pagination_entries"},e("div",{key:"0247033886afe1f1b03e5385436fba65cb6658e9",class:"entries_text"},e("p",{key:"2f8f642d5f0d620b8a0f37dfa80554d7025a7a52",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"f44c56637cd718af4a946547387ed99ecdd338eb",class:`entries_dropdown`},e("gb-input-dropdown",{key:"0b5483b1ff33c13be6aa843c63707db5dbf3bcdf",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:"c59254a763c6066d55b655774c4b124945ee4df2",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"f81aca483af46255e0e9717e5190e4d8d4003f2b",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"22db8bc3a21d5712a9a93ea39913cef2c2fa946b"},"Previous")),e("div",{key:"4e9c6756d64f30f2fe8394269512cffbf9884c47",class:"btn_group"},e("gb-pagination-button-group-base",{key:"17c216eb3d7c72731938f37b274b494627783a01",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"d6c413aea14948b0fb1a27a05e7f9a06ca056887"},"1"))),e("gb-pagination-button-group-base",{key:"a9b2bb7e76ea0b569e7f314a92f6bedaaf1e6e1d",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"330749fa0ba71d0626fe2026a7d50e23d28c7a53"},"2")),e("gb-pagination-button-group-base",{key:"4baea7681d3b069a5f1652fd20eb5d6f81f2ed60",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"890c573971f894c7f66e3cbce5277fd58aef8d6e"},"3")),this.currentPage>3&&this.currentPage<=this.totalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"31abbbdac36be2c91a25718e7deceeffeb806ea4",icon:"false"},e("p",{key:"c0fe94209deacf77676dcd0d22f835b4830f7395"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"7610b912df90f1e8cf53150e926010dfd7f36ff2",icon:"false",state:this.currentPage===this.totalPages-2?"active":"default",onClick:()=>this.currentPage=this.totalPages-2},e("p",{key:"5c6f9180fd9f7cc9dc7537698801a5313d4c095b"},this.totalPages-2)),e("gb-pagination-button-group-base",{key:"6ca372a4ed6870f4dd7c66e7a46610c8fb69763f",icon:"false",state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.currentPage=this.totalPages-1},e("p",{key:"d07853d9b42babeed8acfc56425b51532a053103"},this.totalPages-1)),e("gb-pagination-button-group-base",{key:"c4cd3bb6e81df9f26689aa22420cebd23cc09714",icon:"false",state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.currentPage=this.totalPages},e("p",{key:"2d27a965f1113ab83e6c61ce89dd87198a4acd12"},this.totalPages)),e("gb-pagination-button-group-base",{key:"a78b65ced7c0eff0fe6a282beef0278bfb41a9f8",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"bbbb03420f162b32b5ded5ac2cb3498db021662f"},"Next")))),this.type==="card_button_group_left_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"818e7319016e984f54c33e0aa5c14d60d76a279a",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"d4a1c487715ce42ecce4a1a6ca2f0ee2feaf04eb",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"98ce772bb4d9c2f35c4683c76e05caf9eeb54d62"},"Previous")),e("div",{key:"703e2926afb49bed413198ca97e7b710ea81ee19",class:"btn_group"},e("gb-pagination-button-group-base",{key:"f9467bc51456767cd93847abeab321f3b01ca2a8",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"de5d2ecf88bbf4d2dffaa812b19505f4ad4fca12"},"1"))),e("gb-pagination-button-group-base",{key:"9fe9f1efb381bf1f0ded003d040155907490c8a7",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"db9feb67f4cb3e274b34842e63dfbddf1bec662a"},"2")),e("gb-pagination-button-group-base",{key:"b66dfd478cacc4d75c0a5d029013d1daf27c75db",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"828883dbb7a63f4381f4385f61afac5db8983a77"},"3")),this.currentPage>3&&this.currentPage<=this.totalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"d7f6ac7c831a203b42ae3a080271c66c72b3245a",icon:"false"},e("p",{key:"bfb3541990949efc3960ce8c097ac8db94d622f6"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"9d95a4ac8dbea2d70e47ad977a787fcef534da47",icon:"false",state:this.currentPage===this.totalPages-2?"active":"default",onClick:()=>this.currentPage=this.totalPages-2},e("p",{key:"dbd25eab2d923e09be417e4498ab5ede5f03df29"},this.totalPages-2)),e("gb-pagination-button-group-base",{key:"56f172ba998cd17894abea81e51fe34f85c8b30a",icon:"false",state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.currentPage=this.totalPages-1},e("p",{key:"ea1f34e1c3aef63901b5c5fcfd900eb8812f03e8"},this.totalPages-1)),e("gb-pagination-button-group-base",{key:"bcf3c9838f316eaac77cdd2feba9834674c88192",icon:"false",state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.currentPage=this.totalPages},e("p",{key:"2d3dee1a8e48680a07c7a7079d05919606dde447"},this.totalPages)),e("gb-pagination-button-group-base",{key:"c2684f7da2ccf4935685e700347f82c33af1cf04",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"08e99ed68ae184f1480d00a198fb36f692e98e0a"},"Next"))),e("div",{key:"5dd4d28dd560d8095b985ae4c7cb31f0d67c64ee",class:"pagination_entries"},e("div",{key:"679afdf52bbb1ee8793cb645577629f797e77ff9",class:"entries_text"},e("p",{key:"e61114a3035c435721b60e859cdad286325ad2ab",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"6ead80a505c3c3ae8e1eaa2bbbface8382369038",class:`entries_dropdown`},e("gb-input-dropdown",{key:"b26b469f3c870f21e0ecb405e0d34f68e7391a8e",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:"e103d3b816c14404292f354cc9a8438cd8ac3ee4",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"37b960f7b014d695230cd5f19eac527975dd965d",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"16c66e266cfe1c7a53f97d6a0d7fa937d66fd7c4"},"Previous")),e("div",{key:"152bea03f52805ab876b6abf4622795cb3b53aa9",class:"btn_group"},e("gb-pagination-button-group-base",{key:"bfe1124935ccc2cae9123500a2948d97274e93bf",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"a50e68ead8eb26017b79826ed6c13ae4da2071a2"},"1"))),e("gb-pagination-button-group-base",{key:"aed0efa76cde00bcc4463740217fd60485911349",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"703995778398824d1568b19e245353e0b3be7aba"},"2")),e("gb-pagination-button-group-base",{key:"411b524d7b7c3b4079a0f06c47bb09695e00dae4",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"75884430f9cbbf9ab99171f5323b2e14284fff9e"},"3")),this.currentPage>3&&this.currentPage<=this.totalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"ee81336f6d9d97617744166ed53c6ecfe9705bec",icon:"false"},e("p",{key:"3a1f12720fe6fd64869be6d8504290d6b1aacc03"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"cbc08dfc78e5fce272c7d18ce83a626844d18256",icon:"false",state:this.currentPage===this.totalPages-2?"active":"default",onClick:()=>this.currentPage=this.totalPages-2},e("p",{key:"a0d0a37acb5fdc18cab560c785d7cf625bd829c4"},this.totalPages-2)),e("gb-pagination-button-group-base",{key:"df886b5a3172f96e826bf70e3697dbce1cd9b8e9",icon:"false",state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.currentPage=this.totalPages-1},e("p",{key:"7e82c4a07ffd0fe71d4bc972aec1aae51c4876de"},this.totalPages-1)),e("gb-pagination-button-group-base",{key:"8acb97702adacb5e1246abce85af706453b9303c",icon:"false",state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.currentPage=this.totalPages},e("p",{key:"85c1fe19d5fafe48d5045b9e64c84d749b1a1ad4"},this.totalPages)),e("gb-pagination-button-group-base",{key:"ae00dfa6650c5cccedba6cc5246a419072005baa",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"73ccf34c079e940f26a9ecbe94baad244f747645"},"Next")))),this.type==="page_default"&&this.breakpoint==="mobile"&&e(a,null,e("gb-button",{key:"0fa56efe6da2f0ccb4ce277887f5bb288d41006d",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:"a69bf2672e0194f7574e0be7a37717bfa36e477f",class:"page_number_text"},e("p",{key:"5759bfb3b0902201189f85ce065e5290d675b026",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"6969ea2fa08dc88909c5b9d89762185673e5e332",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:"7bb4ef92c5a63554137f7a406e148cb4a6bb2a8b",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:"23f869bd1d75db8019108c3051e6e5a86d88389e",class:"page_number_text"},e("p",{key:"fe5a50d67b851058324d3b794939b8dd01a590ec",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"00d4c03f8716d615cec3e7d3dab6a95456216f92",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:"add824c6d4205d3ad02b4afe21b2ae070ff67470",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:"cb21689a5428d3d6b16b3e76a6609f42f78664e9",class:"page_number_text"},e("p",{key:"d2d4b82348e4e84e7ad6988f902c31bccb69a851",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"97b66eaa39098c43a810acffa9708da4b0b61494",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:"d7905034b0fefb62bdf57d99deabfcc5c91a9f74",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:"7c9d60887f0894837715be909adbf261ee5d0227",class:"page_number_text"},e("p",{key:"9e4911e30c1fa2ebd670b5cae3564cd961ff6a2e",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"c92c07c03c04932425e2483589ab68f1ef8f4142",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:"f85cad688eed6d3b4b554c1b8403091ce23422e6",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:"a3ae411ca72e0ee44c7e7e2a76c4fc2c8dfd9a1c",class:"page_number_text"},e("p",{key:"6b965abebe97f2eae7bbe2af7222715647ece875",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"b0434a469f83c1f80ff9d3885b8e9be45cde3acf",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:"f097a0cf22ed4a257b8487195699f1fdde27c7d6",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:"5e05f123bd5ba7c766bed4d55f832cf5bd559c47",class:"page_number_text"},e("p",{key:"0a493dded20847f72f10dfe066226d6ef638939c",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"64ec2d166005fc7870da2ae6765532bc8090528e",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:"dd23437eb45aec2172838ba9043f3040202ce606",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"b1ea8af11d61e6a79cdc440c12346682f66e9402",icon:"only","icon-src":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"09b05fb37c4d724156448973288dae31543f28e7",class:"btn_group"},e("gb-pagination-button-group-base",{key:"4059de319cdcce4ffbff02d5fb3ffc0ebf591547",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"fcb46d2b4cfac8189b233269439e4e53a2710631"},"1"))),e("gb-pagination-button-group-base",{key:"37e9146652d13422b68e3071b4593aaf7d7f68f5",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"c928c33c6857521b3052a47c410f8eeee8c1e748"},"2")),this.currentPage>2&&this.currentPage<=this.totalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>2&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"94278835448d924f089ef5850cec4c55725d4021",icon:"false"},e("p",{key:"7d96a30f4c8df7950d1c82587a738f227e46fa25"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<=this.totalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.totalPages/2&&this.currentPage<=this.totalPages-2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"2475f2ba99951317ce33965799d751336bab39b6",icon:"false",state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.currentPage=this.totalPages-1},e("p",{key:"5f61f7253292289ef592c1ee9c785ceeb6df8f06"},this.totalPages-1)),e("gb-pagination-button-group-base",{key:"cea50eaaa6ccf3c5ef2cddd1e0a039cfadc55bec",icon:"false",state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.currentPage=this.totalPages},e("p",{key:"4dcc620a3957bcdf89c80b15376c724a908455db"},this.totalPages)),e("gb-pagination-button-group-base",{key:"03e9ba9011c0a2f6075e30578768eeffd3b36526",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:"ba3f13194fbdda26cf39159de8cb071a0c24babd",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"758588c1a5f425caa579478f8029c97d230ae110",icon:"only","icon-src":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"3d30a2094dc660bd86a6527d4cfde312f834ad66",class:"btn_group"},e("gb-pagination-button-group-base",{key:"bf54be20f86f11e1b6a2252e81c99d60dc495cdf",icon:"false",state:"active"},e("p",{key:"44531f298009f5364ffa2256d05f60c1b6c2960b"},"1"))),e("gb-pagination-button-group-base",{key:"a892dcf89c6b434ef9043492d4f20f0cc319d1f3",icon:"false"},e("p",{key:"35eadbd2e7bc1507319a9d298c79bb678dcc73ab"},"2")),e("gb-pagination-button-group-base",{key:"6ce53a37b843dcf220915e5f69ea076be9b3de36",icon:"false"},e("p",{key:"2ce1a833f9e403a4c9bec4528a38ccb58d8335aa"},"...")),e("gb-pagination-button-group-base",{key:"ebc386e2b0625266c949e18e806d70ca7987764a",icon:"false"},e("p",{key:"0fe9076f3500fdce1770ee2b2fcd349ea1dd56d6"},"9")),e("gb-pagination-button-group-base",{key:"f0e1ab43e24b96fbe5c721fcf8ba2b4cd8e1085e",icon:"false"},e("p",{key:"e8ae18208650d5e0ae3d869e87c94b775f1ec1c0"},"10")),e("gb-pagination-button-group-base",{key:"b37e43d801056ea881803da4cc356eadb835221d",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:"2858d5431619e31f9d314fa7b5155c20e732fe2c",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"91035ef714e92e4ed6ab1ce2ff08c99de4714afb",icon:"only","icon-src":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"9f021433ec7bc30c25cbf6d25688ac6181df5fa9",class:"btn_group"},e("gb-pagination-button-group-base",{key:"9459b590b2bdfc0b5553192cedaa35f83e4a53ce",icon:"false",state:"active"},e("p",{key:"9241d1dfb138aca78d1ce71671d0ac65d0632408"},"1"))),e("gb-pagination-button-group-base",{key:"71befb61669b2f803bb21f4eb4c1a18474f8ed39",icon:"false"},e("p",{key:"f1669242ab15452936fc2be5746599fa0cad8a02"},"2")),e("gb-pagination-button-group-base",{key:"447af4b56148a4cdef6a0934cf2cde6d6ae3f9ea",icon:"false"},e("p",{key:"28e61bfd12957d6ed8181f979ef8a435f24b8427"},"...")),e("gb-pagination-button-group-base",{key:"2ab100711fa22163a98a4a45ebf78901ba8e2cab",icon:"false"},e("p",{key:"6e9a35e5f71676e6dfa3e1d9a03e0641ab73eefc"},"9")),e("gb-pagination-button-group-base",{key:"d27de9556d84603e26b2080af05dd94586636e98",icon:"false"},e("p",{key:"315701a0e6bca611e904ed33d1bcec2502afd71d"},"10")),e("gb-pagination-button-group-base",{key:"348304776adebcb4c388e9662186b2569e95839f",icon:"only","icon-src":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()})))}};o.style=i;export{o as gb_pagination};
-//# sourceMappingURL=p-d06ce1fc.entry.js.map
+import{r,c as n,h as e,F as a}from"./p-bf92be61.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\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=t;const o=class{constructor(e){r(this,e);this.pageItemSelected=n(this,"pageItemSelected",7);this.type=undefined;this.shape=undefined;this.breakpoint=undefined;this.currentPage=undefined;this.totalPages=undefined;this.entries=[10,20,50,80,100];this.selectedPageSize=10;this.defaultSelected=undefined}onPreviousButtonClicked(){if(this.currentPage===this.totalPages||this.currentPage>1){this.currentPage=this.currentPage-1}this.pageItemSelected.emit({pageSize:this.selectedPageSize,pageNumber:this.currentPage})}onNextButtonClicked(){if(this.currentPage===1||this.currentPage<=this.totalPages-1){this.currentPage=this.currentPage+1}this.pageItemSelected.emit({pageSize:this.selectedPageSize,pageNumber:this.currentPage})}componentWillLoad(){this.defaultSelected=[this.selectedPageSize];this.pageItemSelected.emit({pageSize:this.selectedPageSize,pageNumber:this.currentPage})}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:"57f0e603789a2f5fdf47b84f186e1ce577039f76",class:`pagination_div ${this.type} ${this.breakpoint}`},this.type==="page_default"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"cae4d7f58d6fbb1c8cb144d5a6603faf11fe8361",size:"sm",hierarchy:"tertiary_gray",icon:"default",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg"},e("p",{key:"d517b520fafb80e36af1a72e2c942981baec106f"},"Previous")),e("div",{key:"4fcdaff73dc269157674a2b3969a8fe5023f767a",class:"pagination_numbers"},e("gb-pagination-number-base",{key:"de1608b3250cfb51ed5ff53092d6558743c15864",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"71db6b12e536552b26ff6a96a9b92a3509db0eba",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"db25e9ba66c812b8b0c41280767259664d229ec1",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"18a7007e3b431399fddd82fed32e4d6a73f5cf53",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"80aedfd9f64c8ea2948d7150e77a3830f28bf5cc",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"bec9039a52d5d33db069c289ef24978fdb981dc8",slot:"page_number"},"3")),this.currentPage>3&&this.currentPage<=this.totalPages/2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>3&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"4572d0baf91347368e890d6ac100bc2685c8d365",shape:this.shape},e("p",{key:"86f74f5f63c10abcdf88a1f1a15b913a1e93cbda",slot:"page_number"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages-2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"3031dce9e857296746071681d16a1cf49a5cac78",shape:this.shape,state:this.currentPage===this.totalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.totalPages-2)},e("p",{key:"ed480f46dd5667ff436cf019134a3ca5b8df1c45",slot:"page_number"},this.totalPages-2)),e("gb-pagination-number-base",{key:"ee4bd33f1b6a47393c17f1eaa32a5602bf622cab",shape:this.shape,state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.totalPages-1)},e("p",{key:"606a1747c63b2b37b518706de07a035762ba65fb",slot:"page_number"},this.totalPages-1)),e("gb-pagination-number-base",{key:"c6c2f1c32a9b64f2a774460197e89f69f5312a54",shape:this.shape,state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.setCurrentPage(this.totalPages)},e("p",{key:"96bc415eba2de0efdb7a9571f25aaad83d66408e",slot:"page_number"},this.totalPages))),e("gb-button",{key:"6d2b455f7484f46596148a67e5f08a69c6b0f0ff",size:"sm",hierarchy:"tertiary_gray",icon:"default",state:"default","icon-trailing":true,"icon-trailing-swap":"assets/arrow-right-02.svg"},e("p",{key:"9b0c609d6ac901c1c7a3b798555151a1f532e675"},"Next"))),this.type==="page_minimal_center_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"493d2ba2b3251a0ae88f88c0e668463c38355c56",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg"},e("p",{key:"d8769fca38696f36e445d88dfbfa08d432123e6a"},"Previous")),e("div",{key:"ec41cc3d3edb01a30ca17d0c951df2022a271b74",class:"pagination_numbers"},e("gb-pagination-number-base",{key:"ae5c853274331366f9859bf5e78917915f26e239",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"6c8f2a03a00f74417e07a9d8271c530f9f6808dc",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"a924c9f7a33ba37ec95896afacb0ca54e84cf734",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"1c1fc5287c6599a3067c10ab93b7b61d653d7351",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"c9dcfd75138518f587b21d679112de26ca420474",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"caa18694fe18b8d101e7920cd920fa9bd946b40b",slot:"page_number"},"3")),this.currentPage>3&&this.currentPage<=this.totalPages/2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>3&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"081e5965082934ec0966045e5c21f5bd418b3809",shape:this.shape},e("p",{key:"3daddb24db0dd672ccc742e52d3c3719f5e30d4e",slot:"page_number"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages-2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"6480f1aed4df98c455ba831ea6ad5acbf8e9be33",shape:this.shape,state:this.currentPage===this.totalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.totalPages-2)},e("p",{key:"efc805241f710e65798b12670835499aa06eb5bb",slot:"page_number"},this.totalPages-2)),e("gb-pagination-number-base",{key:"5218191e8ca736770faf8d4272a1666b0113c66b",shape:this.shape,state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.totalPages-1)},e("p",{key:"447df009f028fef1d264d889b4effb76262a978a",slot:"page_number"},this.totalPages-1)),e("gb-pagination-number-base",{key:"e6936b265391c79675e2f1212b16eb587dd9fdf8",shape:this.shape,state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.setCurrentPage(this.totalPages)},e("p",{key:"d70a821d943bfdc935599e1ecce19846e5d049c2",slot:"page_number"},this.totalPages))),e("gb-button",{key:"263a4f7ce8affecbd5b9be1e5ce246f7be589ae3",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default","icon-trailing":true,"icon-trailing-swap":"assets/arrow-right-02.svg"},e("p",{key:"cd149b59a3b2fe550ee813255159ebd874d5e67c"},"Next"))),this.type==="card_default"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"e6c01896de1cf6407494fe06d7568a2ee8d71fdc",class:"pagination_entries"},e("div",{key:"d18534e420bc48284908aa8551adb64c0ade0790",class:"entries_text"},e("p",{key:"9a330a2378b8aa7dbc2eff65cab77d796471b741",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"95ec7bc15af2b8ac45355d0a2b288b30e98e53ef",class:`entries_dropdown`},e("gb-input-dropdown",{key:"eb1f4823610c672dea3c9d0a566d0af75227ec02",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:"a6f572dc5c6407250ad3ccd0547982612983707e",class:"pagination_numbers"},e("gb-pagination-number-base",{key:"eb25c2d256b9c14d5528a1674b09c4069ef1f5e7",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"947bea14c196a25d872afaa462de027ce33a4d5a",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"8c7ae4165b1d18ee27ff2dd9ba2e30f21b8d152d",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"2fc2486863817cf556101bf0a5edf485000a30a5",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"d485235718b1504b2cf747854c2b05a55f459406",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"55ff16e66a6e0d22be67261f08dac8a78d65bcf0",slot:"page_number"},"3")),this.currentPage>3&&this.currentPage<=this.totalPages/2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>3&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"0a2698c7b01f5cd7083c3e0f9282c8ce3ed7bfaa",shape:this.shape,state:"default"},e("p",{key:"cabfc83c766dd54a7338b6a55e1dacce6005ecaa",slot:"page_number"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages-2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"9b06c261de1dc68dc70637d13de3903c41cdbe58",shape:this.shape,state:this.currentPage===this.totalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.totalPages-2)},e("p",{key:"ecf6e736324a9831333ede8675c6c94587625bd4",slot:"page_number"},this.totalPages-2)),e("gb-pagination-number-base",{key:"4e3a499fc115f72da02c171c3df2b4865fa35521",shape:this.shape,state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.totalPages-1)},e("p",{key:"b915f5d864c79d1026a89af916b31d9fcd0efa0e",slot:"page_number"},this.totalPages-1)),e("gb-pagination-number-base",{key:"d94c345ff87b771769f0ace17f0ac9f2d69c5dd9",shape:this.shape,state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.setCurrentPage(this.totalPages)},e("p",{key:"f8df152c297347411bdb4b50ca687effd535bcae",slot:"page_number"},this.totalPages))),e("div",{key:"42cac776f3a0b0c9d84eb75b473ed8093ac717cb",class:"pagination_btns"},e("gb-button",{key:"90382bf195889d1ff983fc07fc9785223952ec01",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("gb-button",{key:"46384f865b9d0b11cd72c8d335de6e59e07fe5ec",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==="desktop"&&e(a,null,e("div",{key:"1ad0d7fb2abf0e869cf31fc7289540ee52089f8d",class:"pagination_entries"},e("div",{key:"77816f1a7056f47068e840ad21624f3852b68344",class:"entries_text"},e("p",{key:"125a88cbc58189559a4848bb48f14e029ae23d4b",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"1b9b5cec18b7d506c2cbfc27e809bd2be8e040fa",class:`entries_dropdown`},e("gb-input-dropdown",{key:"c5d83881054fb99d7c091d5ffe9b8a6ecfe7cd57",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:"7048ba28a6d401b860d491a453032d48996729ec",class:"page_number_text"},e("p",{key:"b14aa8ebb37f29acca670abcd1a185258739fd70",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("div",{key:"06d0bf2d2fcf2b0e615553ea1edbeb553f52a5ad",class:"pagination_btns"},e("gb-button",{key:"8613bad1d9cc79393d1cb53f7e38cbd1abb2a6c3",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"8300948346fab2d7400015700031334f016dcf6e"},"Previous")),e("gb-button",{key:"fd1744c48bde4e93b71a22bbdab015a9280e036c",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"0ef975b348dc6256fe4aa875ff1e111125a825aa"},"Next")))),this.type==="card_minimal_left_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"01c11510104d7d6c9f391c9753bb8b45b4fe5ea3",class:"pagination_btns"},e("gb-button",{key:"99f3ad570d042557df6f28ca599d2278f5cd734a",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"081b104152b1345508e314dc017df5b55259ae48"},"Previous")),e("gb-button",{key:"b0ee51a07381230f1027c723ba23efc74b2a4344",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"8a313097f52462446b3517e36d97eafc1550e981"},"Next"))),e("div",{key:"d96263c5ea8a1f2519d9122080f4c55c9e7a3f1f",class:"page_number_text"},e("p",{key:"1c1612c625c31938093d63dec07fa3ad22f2bb0b",class:"text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("div",{key:"db171053595885ef98e52d2ae2d6ca6e0da52a32",class:"pagination_entries"},e("div",{key:"c83d9e7799fa4883f740f2f826cde93e5f1d1e75",class:"entries_text"},e("p",{key:"1368c1f0420bb2fe8507df305d7b994a32fa8032",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"25716ee4dfe19e4525e1589f5b10b77a15e8db91",class:`entries_dropdown`},e("gb-input-dropdown",{key:"f8671e9093164ee971c87fa52f967f5cf04e079a",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:"2428d0cf3ba2f0f6b92e9ea9fdeb1432b3d85d62",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"b162a3c7ff62b7970db0f8c30b16bf44c9bf84ee"},"Previous")),e("div",{key:"0df0116a3ab9d38b5ff5681e7cb5f4207009cf53",class:"page_number_text"},e("p",{key:"5292856a24d39609bee4d4e7d43bdc8bd0627e33",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"2d9492d7665f79b964becf81efb2971c55b564a1",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"b1341d36a2339df153e7bd001265d5c1cfbbfaf7"},"Next"))),this.type==="card_button_group_right_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"3276f1d82a37fe1c7c22b71a83c57624b97c29f4",class:"pagination_entries"},e("div",{key:"8e34556b31367f2f61c2d607cde564c0447caad9",class:"entries_text"},e("p",{key:"fbf2b36a73bce47e615cc9c06591cb3bb976ce5f",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"ef2bd887a13a39b833455cd7648c8f8e9e7d526d",class:`entries_dropdown`},e("gb-input-dropdown",{key:"c54fac5af577a5c60d211430a2c20ddc94db2f58",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:"93cbead2589554d8ed42c8b499ce52d85d410295",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"d4df0ea4e0263690ee9e80741c835368018fc748",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"26e8cb360a4e2f5d43efc9ccd02c0df6291e36f5"},"Previous")),e("div",{key:"88b6316545faa657f0edf35017779cb789f4386b",class:"btn_group"},e("gb-pagination-button-group-base",{key:"d5907780ae31d010aeb3f0b56b89175f344399e2",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"4c8af1299e2a52771d28b9e11f9ec811ccff3970"},"1"))),e("gb-pagination-button-group-base",{key:"1da27c8f90f12b8bd68291f64095275812ecbce5",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"26eb29f4f087007d43f5f2a81a5e22984da005b3"},"2")),e("gb-pagination-button-group-base",{key:"d54de09a4a52b32710c9b56744f2245d46e9933b",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"cdc9c8c0419f653e8bcfc95cfdf7bfcb91092796"},"3")),this.currentPage>3&&this.currentPage<=this.totalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"33c62f4e6927a561b2949fd9f6abba27b00106c2",icon:"false"},e("p",{key:"64f99c5bdc5733f2bd1bded13f4093f18674b0ae"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"8e40e796c376545128f5710d99b2ab8d2e471f34",icon:"false",state:this.currentPage===this.totalPages-2?"active":"default",onClick:()=>this.currentPage=this.totalPages-2},e("p",{key:"9a2ef5eabcc2882c73aa5b7927a71d7cb391ce4a"},this.totalPages-2)),e("gb-pagination-button-group-base",{key:"dee50288609e6875c558a7d6b854c153ccda4534",icon:"false",state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.currentPage=this.totalPages-1},e("p",{key:"784ac60bbc923aac801d93771c9b4d28ef679b2e"},this.totalPages-1)),e("gb-pagination-button-group-base",{key:"05aeb435ae9f99c11be6a89a27f8130561477a87",icon:"false",state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.currentPage=this.totalPages},e("p",{key:"d1992794eb359452fc1f767096d8ecf39157122f"},this.totalPages)),e("gb-pagination-button-group-base",{key:"4f27ea7655fa6c32898f807280dd3759790fe818",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"3bdc0bc7463b1ee3974ae992b763dfff910c0724"},"Next")))),this.type==="card_button_group_left_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"5bdc82e74911d1fe94dd83b45945aa11b58bab22",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"005d33fc62d560e57ff8ae16ac8a59998ee95333",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"4a3ffc77dc1975a16d9ea29d89fa87f0d73e9b82"},"Previous")),e("div",{key:"5c3e432bb18079411a32159a910e2b59ce9ec39c",class:"btn_group"},e("gb-pagination-button-group-base",{key:"ca95074ae52e68bb7069d8f113506fcd0b71c780",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"18915af1e7df0cf9241d65ec48b2c7cabc156fdc"},"1"))),e("gb-pagination-button-group-base",{key:"efe074708fe1af5870407a5ae091b344d1b4693c",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"29b08ec1e127abb80dabfa4d1a06ad1e94c40c92"},"2")),e("gb-pagination-button-group-base",{key:"04ed75cc9b4b0768e7531cf786a64538f03b0472",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"9d98b9e35f5c544b87dc8424569b6fdbd4b7f132"},"3")),this.currentPage>3&&this.currentPage<=this.totalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"0d785080f3a5154595fabeab7bac99a708298749",icon:"false"},e("p",{key:"a100c8c001d3747a584183c502d19b05056f45b8"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"716ca1ddfe11c7bf26513c7dcd00ccd982f8c844",icon:"false",state:this.currentPage===this.totalPages-2?"active":"default",onClick:()=>this.currentPage=this.totalPages-2},e("p",{key:"8070a388fccb296e8e5fecbe73a67f399d94a57b"},this.totalPages-2)),e("gb-pagination-button-group-base",{key:"043f96bdbf66a30506e8e7d62af96d0e808bc768",icon:"false",state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.currentPage=this.totalPages-1},e("p",{key:"7443a8abe4ab1779df85cee6e4c41ebc697da908"},this.totalPages-1)),e("gb-pagination-button-group-base",{key:"295ae50e8a77018804e1ad79afdab071d4b55d5a",icon:"false",state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.currentPage=this.totalPages},e("p",{key:"75138bebfa7b4c673abc839e1889b54cdad45d1a"},this.totalPages)),e("gb-pagination-button-group-base",{key:"36ba340b906a43708dcece54cbe70cc8e93a10d5",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"7ad03864be18792e02e6d3a4ca1db6647222d5f0"},"Next"))),e("div",{key:"b6a767a94a54ee5d8df27d62358584f083ad678f",class:"pagination_entries"},e("div",{key:"223fdf6819605d586c4bd624b7a6cd38bc8690c4",class:"entries_text"},e("p",{key:"161905e52c5bb337cf03bcc5f4038c1cfdb1eb72",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"9c948071b70abfcc7915300fc5b92ae4c298417d",class:`entries_dropdown`},e("gb-input-dropdown",{key:"af3833f8e2ad47949bba3c3bc74369f7530d640b",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:"76a6c75dd366fcbb9695efc809e67665f2f74ee7",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"8b6816dbd7aabe93a4457d10effe9d6f2f1ccadc",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"2c1d5c8da27387470c38fc8a010c6a782a03f64c"},"Previous")),e("div",{key:"4c8fb91ada3f66949f6488ca2959553d4e84ebbd",class:"btn_group"},e("gb-pagination-button-group-base",{key:"1cd08d3e13c53d8317b0bbef342cabbd22952a9f",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"19c88137f73b4440c24f10f89ae112c591a49d44"},"1"))),e("gb-pagination-button-group-base",{key:"ac892227ed5397b62e2ff3b3a4114b3cb0b143f9",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"80b04690f9cca3ba5eb160d88ab0425496a93455"},"2")),e("gb-pagination-button-group-base",{key:"bf569994629b876c6720496b0aeb5b75774b32a4",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"3d361da5a8ce636a35b8e599d8e3bfc945a3d59f"},"3")),this.currentPage>3&&this.currentPage<=this.totalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"48763ad2b32682b485155f35c832e3d0edde9575",icon:"false"},e("p",{key:"53952833f82e9c4271350258853d7fa126e98cc9"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"e667b3972ece19630d92bb308dd8d5ae645e4d92",icon:"false",state:this.currentPage===this.totalPages-2?"active":"default",onClick:()=>this.currentPage=this.totalPages-2},e("p",{key:"a77393eb660d3776a1955f2f53a0c852054a8110"},this.totalPages-2)),e("gb-pagination-button-group-base",{key:"d661d05629ca15e7efc4e07c8c76023d454a9d5e",icon:"false",state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.currentPage=this.totalPages-1},e("p",{key:"277f0a480d073a6e218268db1ba1ed8a4e1bc90c"},this.totalPages-1)),e("gb-pagination-button-group-base",{key:"74c869c7a730b4736149eb4b42dfd3e27e8a3b92",icon:"false",state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.currentPage=this.totalPages},e("p",{key:"828c3761bcb87a9c23c7358afa92ad7b10f4d1f5"},this.totalPages)),e("gb-pagination-button-group-base",{key:"8542bef14a166195debc9b70066518658d6704f0",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"362bbd85b64ed537209969286ced1c23ea0111d5"},"Next")))),this.type==="page_default"&&this.breakpoint==="mobile"&&e(a,null,e("gb-button",{key:"a6c87d969714b138befcf2464e40884235ee0ac7",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:"836ae6fb9e90e28d6308810e9811d5b7aa9bdf27",class:"page_number_text"},e("p",{key:"b821a55c2bf5a1b2fb95e2f1b29ebde6c4a9f6f3",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"3bf226fc854294609d2d691c0adc3e540cc7eb22",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:"ad18e809870a33cd77653ca948e63e5ba67e0a4c",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:"01a977d9bb982d936ed711ee7a25041e668c1d1e",class:"page_number_text"},e("p",{key:"9579b6f636bd0fe4d9f87800503fbfc2a0107210",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"d987c31a244ae77c7928f14175f6b107d0572e71",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:"5998797d62ef529f88e99b6ece420ddd7d978e8c",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:"b474e8ffeb4412032067a0034778cbace3ca4202",class:"page_number_text"},e("p",{key:"d4733946bda1eebb437ddec49d2b6a60b15d9d7a",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"bd54bfd431880e5820f6e0a286e27b6bacf4273a",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:"3a390ed365503a32f8cffd3010c7d5e2b7c83858",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:"cfa434fb49795535a6c2e4356758b64b767c66a5",class:"page_number_text"},e("p",{key:"7bcdd1f41fcb096ffd0b26f9248f1c680d866069",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"be212a2ab3a61a052612997f8da89ca779a5f76c",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:"dfade16d740e48630d6c7e8f1d4704b57b363b7d",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:"cde2a2f20a50d518608ac65c6f3b2911624a37f9",class:"page_number_text"},e("p",{key:"edde0f2d95eeb58126f2f13c0a2ccb46a2071bd0",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"e4b826cf8e9f6327023e5952ab564c7c15adf4f9",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:"375d5d9a05e67846ac921120fdacc69262fb1222",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:"45935cc455f393fc10b01d2ed9fa6885583dd63e",class:"page_number_text"},e("p",{key:"9ee5c7b9a8d2cea73d35af8a67ae7148ec5a3027",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"1581203071857e21eed3a232c1ebf4d009167009",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:"9b3a360bb0f739fc2e9600cc6b603e808e4fb4fe",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"ea38e1b637b9e7180bf674eb00c3cfe0e031acc9",icon:"only","icon-src":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"6ae78f2dfd17eedaa28eeecd10c2a805e529298f",class:"btn_group"},e("gb-pagination-button-group-base",{key:"786f8513f9ee918bebc1ba9442d050c82df94684",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"04b694a999083012d3b46b0b8694568e52d143a5"},"1"))),e("gb-pagination-button-group-base",{key:"700fdbb5516e35de770ab72f255c09279c86646e",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"a59bc0da1f5c6dd387cb780a1e1090d959039835"},"2")),this.currentPage>2&&this.currentPage<=this.totalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>2&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"025cd27637e744175090ee2daeba87a74fffce9c",icon:"false"},e("p",{key:"32d7afc9915e97f2a2ea7dd64ff998ba53649dd9"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<=this.totalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.totalPages/2&&this.currentPage<=this.totalPages-2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"3687961b81650589b15105ee3e6e4f47cc30a8b6",icon:"false",state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.currentPage=this.totalPages-1},e("p",{key:"c715d937970e3dac4cd5050cb6f84d701df02595"},this.totalPages-1)),e("gb-pagination-button-group-base",{key:"f34ff3a75638c3345fc45086f71a24e8cd38bcae",icon:"false",state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.currentPage=this.totalPages},e("p",{key:"946f814558c15dfa2ad61ffd657bdbc9f9cccac7"},this.totalPages)),e("gb-pagination-button-group-base",{key:"79c1733cb2e00deedc9bac026acbeb447681d8e5",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:"5b60d44fc68ff5af79ab24493d2e19cdb8a600ea",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"d22e80264cf7c5e8091c22e14eada80dbc8c3824",icon:"only","icon-src":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"fa9edf130094b79ecdc75e258c2a9100c12aa7e0",class:"btn_group"},e("gb-pagination-button-group-base",{key:"ec48b3d51a9b2e65e63ac291defbd3230b12a3fe",icon:"false",state:"active"},e("p",{key:"367861073aae28d187297884233f8c18332b45c7"},"1"))),e("gb-pagination-button-group-base",{key:"c280d39065745b0f57d6e9ee24f5c7fe55abad29",icon:"false"},e("p",{key:"04c1a1df40a7043efc7b40db4a6d0977d84a87a2"},"2")),e("gb-pagination-button-group-base",{key:"608a33c1d5ed3242b40befe418048a385b7e01e3",icon:"false"},e("p",{key:"7b9ecb3e0baa067c8b61dd645162794573d4afe5"},"...")),e("gb-pagination-button-group-base",{key:"1d7e748eac36eff7cd766aab88d63b31d671b5be",icon:"false"},e("p",{key:"77f3e2281bbf71e2bb72fcebebecf5e2584751e0"},"9")),e("gb-pagination-button-group-base",{key:"f8416374cfe3f821c16bd936effca6155499db25",icon:"false"},e("p",{key:"7d06a67346b3939ef944a8d5bd0f6f43903e0a5e"},"10")),e("gb-pagination-button-group-base",{key:"44b708913e2926ba21523cadef79d53760254452",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:"a7ad8dee4e0df4f5409514af053bf75fde04ab30",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"10817ea020985d80af1b88e41d164d76088cff7d",icon:"only","icon-src":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"5e198ee6e655b581af7f83ba61b0b46d025cba26",class:"btn_group"},e("gb-pagination-button-group-base",{key:"d0360c4799bef52b63bb93fc3f5dcd559a6caed7",icon:"false",state:"active"},e("p",{key:"d1d4ed3510d3ea5e239b61fe2c7f5a0ae6816bea"},"1"))),e("gb-pagination-button-group-base",{key:"47ce784312197833a3315bd8507e5e22982b556a",icon:"false"},e("p",{key:"3a60438fccc5270034e01df8bbc625e3f713d745"},"2")),e("gb-pagination-button-group-base",{key:"6def3f642a25746b10a19a0c5035662502a4e9d8",icon:"false"},e("p",{key:"0d02aac745913020d9a0149167fb758138329fb8"},"...")),e("gb-pagination-button-group-base",{key:"b619479e0bc19c9f7ef64eda5915f4c740208946",icon:"false"},e("p",{key:"61d9205e60850412513c7b4c91cb2d7f40f78938"},"9")),e("gb-pagination-button-group-base",{key:"bff8879811cd0baa4cf482fd5158e2779b9c0919",icon:"false"},e("p",{key:"8a8e40935d9b5a29a1880b4bd249cb8e6d7f6ef0"},"10")),e("gb-pagination-button-group-base",{key:"27d7b5cabbea38f58cd0f1871b45117f83f90d40",icon:"only","icon-src":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()})))}};o.style=i;export{o as gb_pagination};
+//# sourceMappingURL=p-f2cba3ab.entry.js.map