npm - globuswebcomponents - Versions diffs - 2.18.5 → 2.18.8 - Mend

globuswebcomponents 2.18.5 → 2.18.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (235) hide show

package/dist/globuscomponents/p-dbc76ebb.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r,d as n,h as e,F as a,a as t,c as o}from"./p-Bkubn3IB.js";import{S as i}from"./p-cHn6O-Kf.js";const l="@import url('https://fonts.googleapis.com/css2?family=Sora&display=swap');\r\n/*\r\n Global styles for portal-based dropdowns\r\n * Applied outside shadow DOM context\r\n /\r\n.portal_dropdown_wrapper {\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n border-radius: var(--rounded-sm);\r\n border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n background: var(--color-surface, #ffffff);\r\n box-shadow: var(--shadow-md);\r\n position: absolute;\r\n z-index: 9999; / High z-index to appear above sticky columns /\r\n overflow: hidden;\r\n}\r\n.portal_dropdown_wrapper gb-dropdown-items-with-shortcut {\r\n display: block;\r\n width: 100%;\r\n}\r\n/ .portal_dropdown_wrapper gb-dropdown-items-with-shortcut:hover {\r\n background: var(--color-background-gray-subtler, #eef2f6);\r\n} /\r\n/ @import 'tailwind.css'; /\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 / gray color palette /\r\n --gray-25: #f9fafb;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #808c9e;\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 --yellow-25: #fffcf5;\r\n --yellow-50: #fffaeb;\r\n --yellow-100: #fef0c7;\r\n --yellow-200: #fedf89;\r\n --yellow-300: #fec84b;\r\n --yellow-400: #fdb022;\r\n --yellow-500: #f79009;\r\n --yellow-600: #dc6803;\r\n --yellow-700: #b54708;\r\n --yellow-800: #93370d;\r\n --yellow-900: #7a2e0e;\r\n --yellow-950: #4e1d09;\r\n\r\n / success color palette /\r\n --green-25: #f6fef9;\r\n --green-50: #ecfdf3;\r\n --green-100: #dcfaeb;\r\n --green-200: #a9efc5;\r\n --green-300: #75e0a7;\r\n --green-400: #47cd89;\r\n --green-500: #17b26a;\r\n --green-600: #067f48;\r\n --green-700: #067647;\r\n --green-800: #085d3a;\r\n --green-900: #074d31;\r\n --green-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 0% opacity /\r\n / White /\r\n --white-opacity0: rgba(255, 255, 255, 0);\r\n\r\n / Gray /\r\n --gray25-opacity0: rgba(249, 250, 251, 0);\r\n --gray900-opacity0: rgba(18, 25, 38, 0);\r\n --gray950-opacity0: rgba(13, 18, 28, 0);\r\n\r\n / 20% opacity /\r\n / White /\r\n --white-opacity20: rgba(255, 255, 255, 0.2);\r\n\r\n / Dark Blue /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / Gray /\r\n --gray25-opacity20: rgba(249, 250, 251, 0.2);\r\n --gray900-opacity20: rgba(18, 25, 38, 0.2);\r\n --gray950-opacity20: rgba(13, 18, 28, 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 / 50% opacity /\r\n / White /\r\n --white-opacity50: rgba(255, 255, 255, 0.5);\r\n\r\n / Gray /\r\n --gray25-opacity50: rgba(249, 250, 251, 0.5);\r\n --gray900-opacity50: rgba(18, 25, 38, 0.5);\r\n --gray950-opacity50: rgba(13, 18, 28, 0.5);\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 / 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 / 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 / -------------------------------------------------Token---------------------------------------------- /\r\n / Light-theme defaults so external hosts still resolve key tokens when data-theme is not set. /\r\n --color-text-bold: var(--gray-800);\r\n --color-text: var(--gray-600);\r\n --color-text-subtle: var(--gray-500);\r\n --color-text-disabled: var(--gray-400);\r\n --color-text-inverse: var(--base-white);\r\n\r\n --color-icon-bold: var(--gray-800);\r\n --color-icon: var(--gray-600);\r\n --color-icon-subtle: var(--gray-500);\r\n --color-icon-disabled: var(--gray-400);\r\n --color-icon-inverse: var(--base-white);\r\n\r\n --color-border-bold: var(--gray-500);\r\n --color-border: var(--gray-400);\r\n --color-border-subtle: var(--gray-300);\r\n --color-border-subtler: var(--gray-200);\r\n --color-border-disabled: var(--gray-200);\r\n --color-border-input: var(--gray-300);\r\n --color-border-focus: var(--gray-400);\r\n\r\n --color-background: var(--base-white);\r\n --color-background-card-bold: var(--gray-100);\r\n --color-background-card: var(--base-white);\r\n --color-background-input: var(--gray-400);\r\n --color-background-disabled: var(--gray-50);\r\n --color-background-btn-disabled: var(--gray-100);\r\n --color-background-selected: var(--blue-500);\r\n\r\n --color-link: var(--blue-500);\r\n --color-link-pressed: var(--blue-600);\r\n --color-link-visited: var(--lightBlue-600);\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-300);\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-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-disabled: var(--gray-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-disabled: var(--gray-500);\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-100);\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-200);\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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning: var(--yellow-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-warning-subtle: var(--yellow-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning-subtle: var(--yellow-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-success: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-success-subtle: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-success-subtle: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-discovery: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-discovery: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-discovery-subtle: var(--lightBlue-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-discovery-subtle: var(--lightBlue-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 / --------------Link color--------------- /\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(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-link-visited: var(--lightBlue-300);\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-300);\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-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-disabled: var(--gray-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-disabled: var(--gray-500);\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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-warning: var(--yellow-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-success: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-discovery: var(--lightBlue-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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning: var(--yellow-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning-subtle: var(--yellow-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning-subtle: var(--yellow-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning-subtler: var(--yellow-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning-subtler: var(--yellow-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success-subtle: var(--green-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success-subtle: var(--green-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success-subtler: var(--green-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success-subtler: var(--green-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery: var(--lightBlue-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery-subtler: var(--lightBlue-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 / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme='light'] {\r\n --color-background-card-bolder: var(--gray-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-card-bolder: 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-btn-disabled: var(--gray-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-btn-disabled: var(--gray-700);\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-950);\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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning: var(--yellow-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-subtle: var(--yellow-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-subtle: var(--yellow-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-subtler: var(--yellow-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-subtler: var(--yellow-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-subtlest: var(--yellow-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-subtlest: var(--yellow-950);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success: var(--green-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-subtle: var(--green-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-subtle: var(--green-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-subtler: var(--green-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-subtler: var(--green-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-subtlest: var(--green-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-subtlest: var(--green-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 / ----------------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 / ----------------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 [data-theme='light'] {\r\n --color-skeleton-bold: var(--gray-300);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-skeleton-bold: var(--gray-700);\r\n }\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme='light'] {\r\n --color-surface-bold: var(--gray-50);\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 / ----------------Transparent Color --------------- /\r\n [data-theme='light'] {\r\n --color-surface-transparent50: var(--white-opacity50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-transparent50: var(--gray900-opacity50);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-transparent20: var(--white-opacity20);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-transparent20: var(--gray900-opacity20);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-transparent-full: var(--white-opacity0);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-transparent-full: var(--gray900-opacity0);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-bold-transparent50: var(--gray25-opacity50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold-transparent50: var(--gray950-opacity50);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-bold-transparent20: var(--gray25-opacity20);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold-transparent20: var(--gray950-opacity20);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-bold-transparent-full: var(--gray25-opacity0);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold-transparent-full: var(--gray950-opacity0);\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.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 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.shadow-xs {\r\n box-shadow: var(--shadow-xs);\r\n}\r\n.shadow-sm {\r\n box-shadow: var(--shadow-sm);\r\n}\r\n.shadow-md {\r\n box-shadow: var(--shadow-md);\r\n}\r\n.shadow-lg {\r\n box-shadow: var(--shadow-lg);\r\n}\r\n.shadow-xl {\r\n box-shadow: var(--shadow-xl);\r\n}\r\n.shadow-2xl {\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n.shadow-3xl {\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n.blur-sm {\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n.blur-md {\r\n backdrop-filter: var(--blur-md);\r\n}\r\n.blur-lg {\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n.blur-xl {\r\n backdrop-filter: var(--blur-xl);\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.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n.gradient-darkBlue-500-to-400-90d {\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n.gradient-darkBlue-700-to-500-45d {\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n.gradient-darkBlue-700-to-400-45d {\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n.gradient-darkBlue-800-to-500-90d {\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n.gradient-darkBlue-800-to-600265-d {\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n.gradient-darkBlue-900-to-600-45d {\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n.gradient-red-500-to-400-90d {\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n.gradient-red-700-to-500-45d {\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n.gradient-red-700-to-400-45d {\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n.gradient-red-800-to-500-90d {\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n.gradient-red-800-to-600265-d {\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n.gradient-red-900-to-600-45d {\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n.gradient-blue-500-to-400-90d {\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n.gradient-blue-700-to-500-45d {\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n.gradient-blue-700-to-400-45d {\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n.gradient-blue-800-to-500-90d {\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n.gradient-blue-800-to-600265-d {\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n.gradient-blue-900-to-600-45d {\r\n background: var(--gradient-blue-900-to-600-45d);\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 --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/ Typography Styles /\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: 2rem;\r\n --font-line-height-t-lg: 1.875rem;\r\n --font-line-height-t-md: 1.688rem;\r\n --font-line-height-t-sm: 1.5rem;\r\n --font-line-height-t-xs: 1.25rem;\r\n --font-line-height-t-xxs: 1.125rem;\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/ 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/ 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.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.display-2xl-bold::before,\r\n.display-2xl-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-2xl-bold::before {\r\n margin-bottom: -0.135em;\r\n}\r\n.display-2xl-bold::after {\r\n margin-top: -0.205em;\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.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-2xl-semi-bold::before {\r\n margin-bottom: -0.135em;\r\n}\r\n.display-2xl-semi-bold::after {\r\n margin-top: -0.205em;\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.display-xl-bold::before,\r\n.display-xl-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xl-bold::before {\r\n margin-bottom: -0.145em;\r\n}\r\n.display-xl-bold::after {\r\n margin-top: -0.215em;\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.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xl-semi-bold::before {\r\n margin-bottom: -0.145em;\r\n}\r\n.display-xl-semi-bold::after {\r\n margin-top: -0.215em;\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.display-lg-bold::before,\r\n.display-lg-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-lg-bold::before {\r\n margin-bottom: -0.015em;\r\n}\r\n.display-lg-bold::after {\r\n margin-top: -0.095em;\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.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-lg-semi-bold::before {\r\n margin-bottom: -0.015em;\r\n}\r\n.display-lg-semi-bold::after {\r\n margin-top: -0.095em;\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.display-md-bold::before,\r\n.display-md-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-md-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-md-bold::after {\r\n margin-top: -0.255em;\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.display-md-semi-bold::before,\r\n.display-md-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-md-semi-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-md-semi-bold::after {\r\n margin-top: -0.255em;\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.display-sm-bold::before,\r\n.display-sm-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-sm-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-sm-bold::after {\r\n margin-top: -0.255em;\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.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-sm-semi-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-sm-semi-bold::after {\r\n margin-top: -0.255em;\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.display-xs-bold::before,\r\n.display-xs-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xs-bold::before {\r\n margin-bottom: -0.199em;\r\n}\r\n.display-xs-bold::after {\r\n margin-top: -0.195em; / Continue from here /\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.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xs-semi-bold::before {\r\n margin-bottom: -0.259em;\r\n}\r\n.display-xs-semi-bold::after {\r\n margin-top: -0.295em;\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.text-xl-bold::before,\r\n.text-xl-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-bold::before {\r\n margin-bottom: -0.329em;\r\n}\r\n.text-xl-bold::after {\r\n margin-top: -0.359em;\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.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-semi-bold::before {\r\n margin-bottom: -0.329em;\r\n}\r\n.text-xl-semi-bold::after {\r\n margin-top: -0.359em;\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.text-xl-medium::before,\r\n.text-xl-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-medium::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-xl-medium::after {\r\n margin-top: -0.399em;\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.text-xl-regular::before,\r\n.text-xl-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-regular::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-xl-regular::after {\r\n margin-top: -0.399em;\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.text-lg-bold::before,\r\n.text-lg-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-bold::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-lg-bold::after {\r\n margin-top: -0.399em;\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.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-semi-bold::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-lg-semi-bold::after {\r\n margin-top: -0.399em;\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.text-lg-medium::before,\r\n.text-lg-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-medium::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-lg-medium::after {\r\n margin-top: -0.389em;\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.text-lg-regular::before,\r\n.text-lg-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-regular::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-lg-regular::after {\r\n margin-top: -0.389em;\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.text-md-bold::before,\r\n.text-md-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-bold::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-bold::after {\r\n margin-top: -0.389em;\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.text-md-semi-bold::before,\r\n.text-md-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-semi-bold::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-semi-bold::after {\r\n margin-top: -0.389em;\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.text-md-medium::before,\r\n.text-md-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-medium::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-medium::after {\r\n margin-top: -0.389em;\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.text-md-regular::before,\r\n.text-md-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-regular::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-regular::after {\r\n margin-top: -0.389em;\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.text-sm-bold::before,\r\n.text-sm-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-bold::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-bold::after {\r\n margin-top: -0.349em;\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.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-semi-bold::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-semi-bold::after {\r\n margin-top: -0.349em;\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.text-sm-medium::before,\r\n.text-sm-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-medium::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-medium::after {\r\n margin-top: -0.299em;\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.text-sm-regular::before,\r\n.text-sm-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-regular::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-regular::after {\r\n margin-top: -0.299em;\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.text-xs-bold::before,\r\n.text-xs-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-bold::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xs-bold::after {\r\n margin-top: -0.416em;\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.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-semi-bold::before {\r\n margin-bottom: -0.321em;\r\n}\r\n.text-xs-semi-bold::after {\r\n margin-top: -0.416em;\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.text-xs-medium::before,\r\n.text-xs-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-medium::before {\r\n margin-bottom: -0.285em;\r\n}\r\n.text-xs-medium::after {\r\n margin-top: -0.396em;\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.text-xs-regular::before,\r\n.text-xs-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-regular::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xs-regular::after {\r\n margin-top: -0.396em;\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.text-xxs-bold::before,\r\n.text-xxs-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-bold::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-bold::after {\r\n margin-top: -0.416em;\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.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-semi-bold::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-semi-bold::after {\r\n margin-top: -0.416em;\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.text-xxs-medium::before,\r\n.text-xxs-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-medium::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-medium::after {\r\n margin-top: -0.416em;\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.text-xxs-regular::before,\r\n.text-xxs-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-regular::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-regular::after {\r\n margin-top: -0.416em;\r\n}\r\n/ Button slot styles /\r\n/ .slotted_button_text.primary {\r\n color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_gray {\r\n color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_color {\r\n color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_gray {\r\n color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_color {\r\n color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.link_gray {\r\n color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.link_color {\r\n color: var(--color-link, #075db2) !important;\r\n}\r\n\r\n.slotted_button_text.primary.destructive {\r\n color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n#slotted_button_text.primary.disabled,\r\n#slotted_button_text.secondary_gray.disabled,\r\n#slotted_button_text.secondary_color.disabled,\r\n#slotted_button_text.tertiary_gray.disabled,\r\n#slotted_button_text.tertiary_color.disabled,\r\n#slotted_button_text.link_gray.disabled,\r\n#slotted_button_text.link_color.disabled {\r\n color: var(--color-text-disabled, #9aa4b2) !important;\r\n}\r\n\r\n#slotted_button_text.secondary_gray.default.destructive,\r\n#slotted_button_text.secondary_color.default.destructive,\r\n#slotted_button_text.tertiary_gray.default.destructive,\r\n#slotted_button_text.tertiary_color.default.destructive,\r\n#slotted_button_text.link_gray.default.destructive,\r\n#slotted_button_text.link_color.default.destructive {\r\n color: var(--color-text-danger, #b51726) !important;\r\n} /\r\n.filter_modal_wrapper {\r\n background-color: white;\r\n width: 27.5rem;\r\n height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: var(--rounded-none);\r\n background: var(--color-surface, #ffffff);\r\n box-shadow: var(--shadow-sm);\r\n}\r\n.filter_modal_header {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n align-self: stretch;\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n position: relative;\r\n}\r\n.filter_modal_content {\r\n display: flex;\r\n padding: var(--spacing-5) var(--spacing-6) var(--spacing-5) var(--spacing-16);\r\n align-items: flex-start;\r\n gap: 1rem;\r\n align-self: stretch;\r\n}\r\n.title {\r\n color: var(--color-text-bold, #202939);\r\n}\r\n.close_button {\r\n position: absolute;\r\n left: 1rem;\r\n bottom: 0.5rem;\r\n}\r\n.filter_content_container {\r\n flex: 1 0 0;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n align-self: stretch;\r\n}\r\n.filter_content {\r\n display: flex;\r\n width: 100%;\r\n box-sizing: border-box;\r\n padding: var(--spacing-4) 1.5rem;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-6);\r\n flex: 1 0 0;\r\n}\r\n.label{\r\n color: var(--color-text, #4B5565);\r\n}\r\n.date_range {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-2);\r\n align-self: stretch;\r\n}\r\n.date_pickers {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: var(--spacing-1);\r\n align-self: stretch;\r\n box-sizing: border-box;\r\n}\r\n.field {\r\n width: 100%;\r\n}\r\n.filter_modal_actions {\r\n position: absolute;\r\n bottom: 0;\r\n width: 100%;\r\n display: flex;\r\n padding: var(--spacing-none) 0 0 0;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n align-self: stretch;\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n.modal_actions_content {\r\n display: flex;\r\n padding: var(--spacing-4) var(--spacing-6);\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n align-self: stretch;\r\n}\r\n.btn {\r\n width: 100%;\r\n}\r\n";var d=undefined&&undefined.__rest\|\|function(r,n){var e={};for(var a in r)if(Object.prototype.hasOwnProperty.call(r,a)&&n.indexOf(a)<0)e[a]=r[a];if(r!=null&&typeof Object.getOwnPropertySymbols==="function")for(var t=0,a=Object.getOwnPropertySymbols(r);t<a.length;t++){if(n.indexOf(a[t])<0&&Object.prototype.propertyIsEnumerable.call(r,a[t]))e[a[t]]=r[a[t]]}return e};const s=class{constructor(e){r(this,e);this.applyFilters=n(this,"applyFilters");this.clearFilters=n(this,"clearFilters");this.close=n(this,"close");this.formValues={};this.renderKey=0}componentWillLoad(){if(this.filterConfig){const r=this.filterConfig.appliedValues\|\|{};this.formValues=Object.assign(Object.assign({},this.filterConfig.initialValues\|\|{}),r)}}handleFieldChange(r,n){var e;if(n instanceof CustomEvent){n=(e=n.detail)!==null&&e!==void 0?e:null}const a=this.filterConfig.fields.find((n=>n.key===r));if(a&&a.tag==="gb-input-dropdown"){n=Array.isArray(n)?n:n!=null?[n]:[]}if(n===null\|\|n===undefined\|\|n===""\|\|Array.isArray(n)&&n.length===0){const n=this.formValues,e=r,a=d(n,[typeof e==="symbol"?e:e+""]);this.formValues=a;return}this.formValues=Object.assign(Object.assign({},this.formValues),{[r]:n})}handleClearClick(){const r=Object.assign({},this.filterConfig.initialValues\|\|{});this.filterConfig.fields.forEach((n=>{var e,a;if(n.tag==="gb-date-picker"){const e=n.key;r[e.start]=null;r[e.end]=null}else{const t=((e=n.props)===null\|\|e===void 0?void 0:e.type)==="tags"\|\|Array.isArray(n.default);r[n.key]=(a=n.default)!==null&&a!==void 0?a:t?[]:null}}));this.formValues=r;this.renderKey++;this.clearFilters.emit()}handleApplyClick(){const r=this.formValues,{pageNumber:n,pageSize:e}=r,a=d(r,["pageNumber","pageSize"]);this.applyFilters.emit({filters:a,pagination:{pageNumber:n!==null&&n!==void 0?n:1,pageSize:e!==null&&e!==void 0?e:10}})}capitalize(r){return r.charAt(0).toUpperCase()+r.slice(1)}emitCloseEvent(){this.close.emit()}render(){if(!this.filterConfig){return e("div",{class:"filter_modal_wrapper"},e("div",{class:"filter_modal_header"},e("div",{class:"filter_modal_content"},e("gb-button-close",{size:"sm",color:"gray",class:"close_button",onClick:()=>this.emitCloseEvent()}),e("p",{class:"title display-xs-semi-bold"},"Filter"))))}return e("div",{class:"filter_modal_wrapper"},e("div",{class:"filter_modal_header"},e("div",{class:"filter_modal_content"},e("gb-button-close",{size:"sm",color:"gray",class:"close_button",onClick:()=>this.emitCloseEvent()}),e("p",{class:"title display-xs-semi-bold"},this.filterConfig?this.filterConfig.title:"Filter"))),e("div",{class:"filter_content_container"},e("div",{class:"filter_content",key:this.renderKey},this.filterConfig.fields&&e(a,null,this.filterConfig.fields.map((r=>{if(r.tag==="gb-date-picker"){const n=r.key;return e("div",{class:"date_range"},e("p",{class:"label text-sm-medium"},r.label),e("div",{class:"date_pickers"},e("gb-date-picker",{placeholder:"dd-mm-yy","full-width":"true",mode:"single",format:"d-m-y","show-months":"1",value:this.formValues[n.start],onDateChange:r=>this.handleFieldChange(n.start,r)}),e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e("path",{d:"M2.5 12L21.5002 12",stroke:"var(--color-icon-subtle, #697586)","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})),e("gb-date-picker",{placeholder:"dd-mm-yy","full-width":"true",mode:"single",format:"d-m-y","show-months":"1","dropdown-alignment":"right",value:this.formValues[n.end],onDateChange:r=>this.handleFieldChange(n.end,r)})))}const n=r.tag;const a=r.key;const t=this.formValues[a];const o=t!=null?r.tag==="gb-slider"?{leftControl:t.left,rightControl:t.right}:r.tag==="gb-input-dropdown"?{value:Array.isArray(t)?t:[t]}:{value:t}:{};const i={[`on${this.capitalize(r.event)}`]:r=>this.handleFieldChange(a,r.detail)};return e("div",{class:"field"},e(n,Object.assign({},r.props,o,i)))}))))),e("div",{class:"filter_modal_actions"},e("div",{class:"modal_actions_content"},e("div",{class:"btn"},e("gb-button",{size:"xl",hierarchy:"secondary_gray",icon:"default",onClick:()=>this.handleClearClick()},e("p",null,"Clear filter"))),e("div",{class:"btn"},e("gb-button",{size:"xl",hierarchy:"primary",icon:"default",onClick:()=>this.handleApplyClick()},e("p",null,"Apply"))))))}};s.style=l;const g="@import url('https://fonts.googleapis.com/css2?family=Sora&display=swap');\r\n/\r\n Global styles for portal-based dropdowns\r\n * Applied outside shadow DOM context\r\n /\r\n.portal_dropdown_wrapper {\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n border-radius: var(--rounded-sm);\r\n border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n background: var(--color-surface, #ffffff);\r\n box-shadow: var(--shadow-md);\r\n position: absolute;\r\n z-index: 9999; / High z-index to appear above sticky columns /\r\n overflow: hidden;\r\n}\r\n.portal_dropdown_wrapper gb-dropdown-items-with-shortcut {\r\n display: block;\r\n width: 100%;\r\n}\r\n/ .portal_dropdown_wrapper gb-dropdown-items-with-shortcut:hover {\r\n background: var(--color-background-gray-subtler, #eef2f6);\r\n} /\r\n/ @import 'tailwind.css'; /\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 / gray color palette /\r\n --gray-25: #f9fafb;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #808c9e;\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 --yellow-25: #fffcf5;\r\n --yellow-50: #fffaeb;\r\n --yellow-100: #fef0c7;\r\n --yellow-200: #fedf89;\r\n --yellow-300: #fec84b;\r\n --yellow-400: #fdb022;\r\n --yellow-500: #f79009;\r\n --yellow-600: #dc6803;\r\n --yellow-700: #b54708;\r\n --yellow-800: #93370d;\r\n --yellow-900: #7a2e0e;\r\n --yellow-950: #4e1d09;\r\n\r\n / success color palette /\r\n --green-25: #f6fef9;\r\n --green-50: #ecfdf3;\r\n --green-100: #dcfaeb;\r\n --green-200: #a9efc5;\r\n --green-300: #75e0a7;\r\n --green-400: #47cd89;\r\n --green-500: #17b26a;\r\n --green-600: #067f48;\r\n --green-700: #067647;\r\n --green-800: #085d3a;\r\n --green-900: #074d31;\r\n --green-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 0% opacity /\r\n / White /\r\n --white-opacity0: rgba(255, 255, 255, 0);\r\n\r\n / Gray /\r\n --gray25-opacity0: rgba(249, 250, 251, 0);\r\n --gray900-opacity0: rgba(18, 25, 38, 0);\r\n --gray950-opacity0: rgba(13, 18, 28, 0);\r\n\r\n / 20% opacity /\r\n / White /\r\n --white-opacity20: rgba(255, 255, 255, 0.2);\r\n\r\n / Dark Blue /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / Gray /\r\n --gray25-opacity20: rgba(249, 250, 251, 0.2);\r\n --gray900-opacity20: rgba(18, 25, 38, 0.2);\r\n --gray950-opacity20: rgba(13, 18, 28, 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 / 50% opacity /\r\n / White /\r\n --white-opacity50: rgba(255, 255, 255, 0.5);\r\n\r\n / Gray /\r\n --gray25-opacity50: rgba(249, 250, 251, 0.5);\r\n --gray900-opacity50: rgba(18, 25, 38, 0.5);\r\n --gray950-opacity50: rgba(13, 18, 28, 0.5);\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 / 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 / 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 / -------------------------------------------------Token---------------------------------------------- /\r\n / Light-theme defaults so external hosts still resolve key tokens when data-theme is not set. /\r\n --color-text-bold: var(--gray-800);\r\n --color-text: var(--gray-600);\r\n --color-text-subtle: var(--gray-500);\r\n --color-text-disabled: var(--gray-400);\r\n --color-text-inverse: var(--base-white);\r\n\r\n --color-icon-bold: var(--gray-800);\r\n --color-icon: var(--gray-600);\r\n --color-icon-subtle: var(--gray-500);\r\n --color-icon-disabled: var(--gray-400);\r\n --color-icon-inverse: var(--base-white);\r\n\r\n --color-border-bold: var(--gray-500);\r\n --color-border: var(--gray-400);\r\n --color-border-subtle: var(--gray-300);\r\n --color-border-subtler: var(--gray-200);\r\n --color-border-disabled: var(--gray-200);\r\n --color-border-input: var(--gray-300);\r\n --color-border-focus: var(--gray-400);\r\n\r\n --color-background: var(--base-white);\r\n --color-background-card-bold: var(--gray-100);\r\n --color-background-card: var(--base-white);\r\n --color-background-input: var(--gray-400);\r\n --color-background-disabled: var(--gray-50);\r\n --color-background-btn-disabled: var(--gray-100);\r\n --color-background-selected: var(--blue-500);\r\n\r\n --color-link: var(--blue-500);\r\n --color-link-pressed: var(--blue-600);\r\n --color-link-visited: var(--lightBlue-600);\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-300);\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-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-disabled: var(--gray-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-disabled: var(--gray-500);\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-100);\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-200);\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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning: var(--yellow-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-warning-subtle: var(--yellow-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning-subtle: var(--yellow-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-success: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-success-subtle: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-success-subtle: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-discovery: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-discovery: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-discovery-subtle: var(--lightBlue-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-discovery-subtle: var(--lightBlue-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 / --------------Link color--------------- /\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(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-link-visited: var(--lightBlue-300);\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-300);\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-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-disabled: var(--gray-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-disabled: var(--gray-500);\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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-warning: var(--yellow-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-success: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-discovery: var(--lightBlue-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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning: var(--yellow-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning-subtle: var(--yellow-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning-subtle: var(--yellow-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning-subtler: var(--yellow-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning-subtler: var(--yellow-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success-subtle: var(--green-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success-subtle: var(--green-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success-subtler: var(--green-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success-subtler: var(--green-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery: var(--lightBlue-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery-subtler: var(--lightBlue-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 / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme='light'] {\r\n --color-background-card-bolder: var(--gray-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-card-bolder: 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-btn-disabled: var(--gray-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-btn-disabled: var(--gray-700);\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-950);\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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning: var(--yellow-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-subtle: var(--yellow-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-subtle: var(--yellow-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-subtler: var(--yellow-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-subtler: var(--yellow-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-subtlest: var(--yellow-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-subtlest: var(--yellow-950);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success: var(--green-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-subtle: var(--green-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-subtle: var(--green-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-subtler: var(--green-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-subtler: var(--green-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-subtlest: var(--green-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-subtlest: var(--green-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 / ----------------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 / ----------------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 [data-theme='light'] {\r\n --color-skeleton-bold: var(--gray-300);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-skeleton-bold: var(--gray-700);\r\n }\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme='light'] {\r\n --color-surface-bold: var(--gray-50);\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 / ----------------Transparent Color --------------- /\r\n [data-theme='light'] {\r\n --color-surface-transparent50: var(--white-opacity50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-transparent50: var(--gray900-opacity50);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-transparent20: var(--white-opacity20);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-transparent20: var(--gray900-opacity20);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-transparent-full: var(--white-opacity0);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-transparent-full: var(--gray900-opacity0);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-bold-transparent50: var(--gray25-opacity50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold-transparent50: var(--gray950-opacity50);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-bold-transparent20: var(--gray25-opacity20);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold-transparent20: var(--gray950-opacity20);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-bold-transparent-full: var(--gray25-opacity0);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold-transparent-full: var(--gray950-opacity0);\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.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 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.shadow-xs {\r\n box-shadow: var(--shadow-xs);\r\n}\r\n.shadow-sm {\r\n box-shadow: var(--shadow-sm);\r\n}\r\n.shadow-md {\r\n box-shadow: var(--shadow-md);\r\n}\r\n.shadow-lg {\r\n box-shadow: var(--shadow-lg);\r\n}\r\n.shadow-xl {\r\n box-shadow: var(--shadow-xl);\r\n}\r\n.shadow-2xl {\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n.shadow-3xl {\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n.blur-sm {\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n.blur-md {\r\n backdrop-filter: var(--blur-md);\r\n}\r\n.blur-lg {\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n.blur-xl {\r\n backdrop-filter: var(--blur-xl);\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.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n.gradient-darkBlue-500-to-400-90d {\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n.gradient-darkBlue-700-to-500-45d {\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n.gradient-darkBlue-700-to-400-45d {\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n.gradient-darkBlue-800-to-500-90d {\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n.gradient-darkBlue-800-to-600265-d {\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n.gradient-darkBlue-900-to-600-45d {\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n.gradient-red-500-to-400-90d {\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n.gradient-red-700-to-500-45d {\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n.gradient-red-700-to-400-45d {\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n.gradient-red-800-to-500-90d {\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n.gradient-red-800-to-600265-d {\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n.gradient-red-900-to-600-45d {\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n.gradient-blue-500-to-400-90d {\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n.gradient-blue-700-to-500-45d {\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n.gradient-blue-700-to-400-45d {\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n.gradient-blue-800-to-500-90d {\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n.gradient-blue-800-to-600265-d {\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n.gradient-blue-900-to-600-45d {\r\n background: var(--gradient-blue-900-to-600-45d);\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 --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/ Typography Styles /\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: 2rem;\r\n --font-line-height-t-lg: 1.875rem;\r\n --font-line-height-t-md: 1.688rem;\r\n --font-line-height-t-sm: 1.5rem;\r\n --font-line-height-t-xs: 1.25rem;\r\n --font-line-height-t-xxs: 1.125rem;\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/ 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/ 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.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.display-2xl-bold::before,\r\n.display-2xl-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-2xl-bold::before {\r\n margin-bottom: -0.135em;\r\n}\r\n.display-2xl-bold::after {\r\n margin-top: -0.205em;\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.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-2xl-semi-bold::before {\r\n margin-bottom: -0.135em;\r\n}\r\n.display-2xl-semi-bold::after {\r\n margin-top: -0.205em;\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.display-xl-bold::before,\r\n.display-xl-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xl-bold::before {\r\n margin-bottom: -0.145em;\r\n}\r\n.display-xl-bold::after {\r\n margin-top: -0.215em;\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.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xl-semi-bold::before {\r\n margin-bottom: -0.145em;\r\n}\r\n.display-xl-semi-bold::after {\r\n margin-top: -0.215em;\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.display-lg-bold::before,\r\n.display-lg-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-lg-bold::before {\r\n margin-bottom: -0.015em;\r\n}\r\n.display-lg-bold::after {\r\n margin-top: -0.095em;\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.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-lg-semi-bold::before {\r\n margin-bottom: -0.015em;\r\n}\r\n.display-lg-semi-bold::after {\r\n margin-top: -0.095em;\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.display-md-bold::before,\r\n.display-md-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-md-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-md-bold::after {\r\n margin-top: -0.255em;\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.display-md-semi-bold::before,\r\n.display-md-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-md-semi-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-md-semi-bold::after {\r\n margin-top: -0.255em;\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.display-sm-bold::before,\r\n.display-sm-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-sm-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-sm-bold::after {\r\n margin-top: -0.255em;\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.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-sm-semi-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-sm-semi-bold::after {\r\n margin-top: -0.255em;\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.display-xs-bold::before,\r\n.display-xs-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xs-bold::before {\r\n margin-bottom: -0.199em;\r\n}\r\n.display-xs-bold::after {\r\n margin-top: -0.195em; / Continue from here /\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.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xs-semi-bold::before {\r\n margin-bottom: -0.259em;\r\n}\r\n.display-xs-semi-bold::after {\r\n margin-top: -0.295em;\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.text-xl-bold::before,\r\n.text-xl-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-bold::before {\r\n margin-bottom: -0.329em;\r\n}\r\n.text-xl-bold::after {\r\n margin-top: -0.359em;\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.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-semi-bold::before {\r\n margin-bottom: -0.329em;\r\n}\r\n.text-xl-semi-bold::after {\r\n margin-top: -0.359em;\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.text-xl-medium::before,\r\n.text-xl-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-medium::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-xl-medium::after {\r\n margin-top: -0.399em;\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.text-xl-regular::before,\r\n.text-xl-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-regular::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-xl-regular::after {\r\n margin-top: -0.399em;\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.text-lg-bold::before,\r\n.text-lg-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-bold::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-lg-bold::after {\r\n margin-top: -0.399em;\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.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-semi-bold::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-lg-semi-bold::after {\r\n margin-top: -0.399em;\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.text-lg-medium::before,\r\n.text-lg-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-medium::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-lg-medium::after {\r\n margin-top: -0.389em;\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.text-lg-regular::before,\r\n.text-lg-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-regular::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-lg-regular::after {\r\n margin-top: -0.389em;\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.text-md-bold::before,\r\n.text-md-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-bold::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-bold::after {\r\n margin-top: -0.389em;\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.text-md-semi-bold::before,\r\n.text-md-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-semi-bold::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-semi-bold::after {\r\n margin-top: -0.389em;\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.text-md-medium::before,\r\n.text-md-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-medium::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-medium::after {\r\n margin-top: -0.389em;\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.text-md-regular::before,\r\n.text-md-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-regular::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-regular::after {\r\n margin-top: -0.389em;\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.text-sm-bold::before,\r\n.text-sm-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-bold::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-bold::after {\r\n margin-top: -0.349em;\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.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-semi-bold::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-semi-bold::after {\r\n margin-top: -0.349em;\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.text-sm-medium::before,\r\n.text-sm-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-medium::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-medium::after {\r\n margin-top: -0.299em;\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.text-sm-regular::before,\r\n.text-sm-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-regular::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-regular::after {\r\n margin-top: -0.299em;\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.text-xs-bold::before,\r\n.text-xs-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-bold::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xs-bold::after {\r\n margin-top: -0.416em;\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.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-semi-bold::before {\r\n margin-bottom: -0.321em;\r\n}\r\n.text-xs-semi-bold::after {\r\n margin-top: -0.416em;\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.text-xs-medium::before,\r\n.text-xs-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-medium::before {\r\n margin-bottom: -0.285em;\r\n}\r\n.text-xs-medium::after {\r\n margin-top: -0.396em;\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.text-xs-regular::before,\r\n.text-xs-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-regular::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xs-regular::after {\r\n margin-top: -0.396em;\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.text-xxs-bold::before,\r\n.text-xxs-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-bold::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-bold::after {\r\n margin-top: -0.416em;\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.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-semi-bold::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-semi-bold::after {\r\n margin-top: -0.416em;\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.text-xxs-medium::before,\r\n.text-xxs-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-medium::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-medium::after {\r\n margin-top: -0.416em;\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.text-xxs-regular::before,\r\n.text-xxs-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-regular::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-regular::after {\r\n margin-top: -0.416em;\r\n}\r\n/ Button slot styles /\r\n/ .slotted_button_text.primary {\r\n color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_gray {\r\n color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_color {\r\n color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_gray {\r\n color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_color {\r\n color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.link_gray {\r\n color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.link_color {\r\n color: var(--color-link, #075db2) !important;\r\n}\r\n\r\n.slotted_button_text.primary.destructive {\r\n color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n#slotted_button_text.primary.disabled,\r\n#slotted_button_text.secondary_gray.disabled,\r\n#slotted_button_text.secondary_color.disabled,\r\n#slotted_button_text.tertiary_gray.disabled,\r\n#slotted_button_text.tertiary_color.disabled,\r\n#slotted_button_text.link_gray.disabled,\r\n#slotted_button_text.link_color.disabled {\r\n color: var(--color-text-disabled, #9aa4b2) !important;\r\n}\r\n\r\n#slotted_button_text.secondary_gray.default.destructive,\r\n#slotted_button_text.secondary_color.default.destructive,\r\n#slotted_button_text.tertiary_gray.default.destructive,\r\n#slotted_button_text.tertiary_color.default.destructive,\r\n#slotted_button_text.link_gray.default.destructive,\r\n#slotted_button_text.link_color.default.destructive {\r\n color: var(--color-text-danger, #b51726) !important;\r\n} /\r\n.pagination_div{\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-top: 1px solid var(--color-border-subtle, #EAECF0);\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.pagination_btns{\r\n display: flex;\r\n gap: var(--spacing-3);\r\n}\r\n.entries_dropdown{\r\n width: 6rem;\r\n}\r\ngb-input-dropdown{\r\n z-index: 99;\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.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.page_numbers{\r\n color: var(--color-text, #4B5565);\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.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.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.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.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.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.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.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}\r\n.card_default_buttons{\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-4);\r\n}";const c=class{constructor(e){r(this,e);this.pageItemSelected=n(this,"pageItemSelected");this.type="card_default";this.shape="square";this.breakpoint="desktop";this.currentPage=1;this.totalPages=28;this.entries=[10,20,50,80,100];this.entriesDropdownMenuPosition="top";this.selectedPageSize=this.entries[0];this.pages=[];this.width=window.innerWidth;this.handleResize=()=>{this.width=window.innerWidth;this.updatePaginationBreakpoint()}}updatePaginationBreakpoint(){this.breakpoint=this.width<730?"mobile":"desktop"}onPreviousButtonClicked(){if(this.internalTotalPages>1){if(this.currentPage===this.internalTotalPages\|\|this.currentPage>1){this.currentPage=this.currentPage-1}this.pageItemSelected.emit({pageSize:this.selectedPageSize,pageNumber:this.currentPage})}}onNextButtonClicked(){if(this.internalTotalPages>1){if(this.currentPage===1\|\|this.currentPage<=this.internalTotalPages-1){this.currentPage=this.currentPage+1}this.pageItemSelected.emit({pageSize:this.selectedPageSize,pageNumber:this.currentPage})}}componentWillLoad(){this.internalTotalPages=this.totalPages;this.pages=[];if(this.totalPages<=5){for(let r=1;r<=this.totalPages;r++){this.pages.push(r)}}this.updatePaginationBreakpoint();window.addEventListener("resize",this.handleResize);this.defaultSelected=[this.selectedPageSize]}generatePages(){const r=[];const n=Math.min(this.internalTotalPages,5);for(let e=1;e<=n;e++){r.push(e)}this.pages=r}onTotalPagesChange(r,n){if(!r\|\|r<1)return;this.internalTotalPages=Number(r);this.generatePages()}handlePageSizeSelect(r){this.selectedPageSize=r.detail;this.pageItemSelected.emit({pageSize:this.selectedPageSize,pageNumber:this.currentPage})}setCurrentPage(r){this.currentPage=r;this.pageItemSelected.emit({pageSize:this.selectedPageSize,pageNumber:this.currentPage})}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}render(){return e("div",{key:"c2a786823298b7ade2cf20b25919234961491017",class:`pagination_div ${this.type} ${this.breakpoint}`},this.type==="page_default"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"fad0ef67a585f6a40a7780d762bb7e4fcad5ec21",size:"sm",hierarchy:"tertiary_gray",icon:"default",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"6c76dd82e97b424c3af47b060c6f95e025fdbcc1"},"Previous")),e("div",{key:"b7c7070728f5b5a64ea37ff18b1908e819f1647d",class:"pagination_numbers"},this.internalTotalPages<=5&&this.pages.map((r=>e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage===r?"active":"default",onClick:()=>this.setCurrentPage(r)},e("p",{slot:"page_number"},r)))),this.internalTotalPages>=6&&e(a,null,e("gb-pagination-number-base",{key:"fbe7884cb6f27c3bde11d4dd1998d163ce9e7cc4",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"b28fa2a3342706df972ad7a35735a63c3185ad9b",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"f4af2fdbba19ad0cb2c67f6d2568c21a9df9c6a1",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"7477d2dd3b55e0b90680df2c22b1c243d22ce5ce",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"b9fb7f0ce7b8e485c351eaabc582a52fa23f72c3",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"c1c8cc0881d846ab87ad820a6c023df1368443f1",slot:"page_number"},"3")),this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"4ee139b4877bfa8fcb72e14a4db55b1d9ad5ba9e",shape:this.shape},e("p",{key:"2382d5641d760a54d3c3e9e13c86532454cbe7f4",slot:"page_number"},"...")),this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages-2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"f6a5d82a3bdbedafc62f1e6999efaa534ed53b8a",shape:this.shape,state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-2)},e("p",{key:"27e35419e2b2838d5021073d1c92230ed986f59d",slot:"page_number"},this.internalTotalPages-2)),e("gb-pagination-number-base",{key:"a23ed6ea1d73c729a98cdb2a7066b46c68a64489",shape:this.shape,state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-1)},e("p",{key:"cda68e0940649f7c375a071b93983b7981b815a2",slot:"page_number"},this.internalTotalPages-1)),e("gb-pagination-number-base",{key:"df11f8bc5e5762a0b5c314d7f9878e58932371bb",shape:this.shape,state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages)},e("p",{key:"ae7d20a167fbb694ec078ca7ba30b248b28e2a41",slot:"page_number"},this.internalTotalPages)))),e("gb-button",{key:"dbda1742ed197eabf2f87452d6d3a1b3167caefc",size:"sm",hierarchy:"tertiary_gray",icon:"default",state:"default","icon-trailing":true,"icon-trailing-swap":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()},e("p",{key:"20a66acbb2476eaf866e18925523bb9c9a579037"},"Next"))),this.type==="page_minimal_center_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"9df435c24607b1b01f8d9e6a64360e31ebc3d51f",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"28a446a6cb7ea7c944fa80a4d450aaf5c5cfb458"},"Previous")),e("div",{key:"e2383fbd257a1bc12f03f603599e8925b6982d01",class:"pagination_numbers"},this.internalTotalPages<=5&&e(a,null,this.internalTotalPages<=5&&this.pages.map((r=>e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage===r?"active":"default",onClick:()=>this.setCurrentPage(r)},e("p",{slot:"page_number"},r))))),this.internalTotalPages>=6&&e(a,null,e("gb-pagination-number-base",{key:"1e6810b38877df9ec304f51b282e9a9e9f2cb359",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"6fd6f520db45cad44a7c2ce083cd3aee579db33e",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"abcb84db2672a864771a62f65a5ed5fb03fc9163",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"344261d33bcfb265628d1710e301a4e9354e32d7",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"b421923067156a48e1fb885dc7bbbc6d5372099f",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"5b0974079f8a5744d831693208462517baa92981",slot:"page_number"},"3")),this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"a472dcc0e26220de504e6ad898dc5dee5e08f6a6",shape:this.shape},e("p",{key:"be4e635e23aad2636024dbc8be2850d2b486d742",slot:"page_number"},"...")),this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages-2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"1f64f8313dc6a5226954228f98368a1b612cdc62",shape:this.shape,state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-2)},e("p",{key:"46ecef5e2bca089ec71b646a58d9ed134a0ae194",slot:"page_number"},this.internalTotalPages-2)),e("gb-pagination-number-base",{key:"04bd6ff3c83ed2185fc79f7f5920b860d02c81b2",shape:this.shape,state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-1)},e("p",{key:"3929e07579e90499a4d47f853283819c351d7a77",slot:"page_number"},this.internalTotalPages-1)),e("gb-pagination-number-base",{key:"a0da9ed51e43b8765338748e753bde2132e4a872",shape:this.shape,state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages)},e("p",{key:"3395a3ed5982fa2fe1959c23d3ec29e125735ea9",slot:"page_number"},this.internalTotalPages)))),e("gb-button",{key:"2f1c4437a974cd074c584f053dd819df55cb0418",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default","icon-trailing":true,"icon-trailing-swap":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()},e("p",{key:"33ab3eb2ec910f91010c3c8278c1ae440af4e031"},"Next"))),this.type==="card_default"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"4126f1bc6c12541fb61ca82a1626c977e33bbcaf",class:"pagination_entries"},e("div",{key:"d4bd3dbdc1f278b5b9487d6fd4fd75ab854a5657",class:"entries_text"},e("p",{key:"96f374a646460e3a2c8acee987d0f5ad80b4245b",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"40938182f9f6d4ed5516f22edbb50e1effbcd603",class:`entries_dropdown`},e("gb-input-dropdown",{key:"54b181c74e36553dbd8c5fb09a07ac7e381cc7c0",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":this.entriesDropdownMenuPosition,onDropdownItemSelected:this.handlePageSizeSelect.bind(this),value:this.defaultSelected}))),e("div",{key:"64d36b7acc0278136fb18c964064495b5b312301",class:"pagination_numbers"},this.internalTotalPages<=5&&this.pages.map((r=>e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage===r?"active":"default",onClick:()=>this.setCurrentPage(r)},e("p",{slot:"page_number"},r)))),this.internalTotalPages>=6&&e(a,null,e("gb-pagination-number-base",{key:"4a9d5d9f11d4ecb85e8d27a5224d903844a79282",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.setCurrentPage(1)},e("p",{key:"d3bb5388a1c89b5b04321453496974f6b9945468",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"2debb1b2911cff7db3b5be278d83be74b6c0092d",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.setCurrentPage(2)},e("p",{key:"48e4c1f4d90b7327e4c0a0a7fd5d7ca8297e788a",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"408f57e983948efe36beca1f11694daa7cd780fa",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.setCurrentPage(3)},e("p",{key:"28d1a3220361d852dece666d2506ec75eddf0a63",slot:"page_number"},"3")),this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"d2229c97f9b780f0e2cffa1cc6a87e216b8825cf",shape:this.shape,state:"default"},e("p",{key:"20bc89ab3bf37bea68b330ffbb851afcd9086fc1",slot:"page_number"},"...")),this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages-2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"49202ded8265cd7524c0b266af43c01e3de99a4f",shape:this.shape,state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-2)},e("p",{key:"0c3b9861edafec4791fefae781857a0607d68018",slot:"page_number"},this.internalTotalPages-2)),e("gb-pagination-number-base",{key:"491f5564c228b0c67b7f2314dfb03fd068ccb515",shape:this.shape,state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages-1)},e("p",{key:"8591b2593e0a16869b96d6c48b86425ae1c9bb76",slot:"page_number"},this.internalTotalPages-1)),e("gb-pagination-number-base",{key:"3815b8dd34aca956680a20869989bf821b10ede3",shape:this.shape,state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.setCurrentPage(this.internalTotalPages)},e("p",{key:"1b2d9e501d494185bc1786a7a9d2d0889c13b263",slot:"page_number"},this.internalTotalPages)))),e("div",{key:"19f4a3ca9eff609a7c849fca052afa739092a61a",class:"pagination_btns"},e("gb-button",{key:"595e199d008a29f1f834283e8680f62996e80f74",size:"sm",hierarchy:"secondary_gray",icon:"only",state:this.totalPages===1&&this.currentPage===1?"disabled":this.currentPage===1?"disabled":"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("gb-button",{key:"e81f8652d846a45c59bffd0479498fddf49ae34b",size:"sm",hierarchy:"secondary_gray",icon:"only",state:this.currentPage===this.internalTotalPages?"disabled":this.currentPage===1&&this.totalPages===1?"disabled":"default","icon-leading":true,"icon-leading-swap":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()}))),this.type==="card_minimal_right_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"d505491f4149515cef353cb1444d29fcf91c15ea",class:"pagination_entries"},e("div",{key:"e273760db2f55985ad1756b6dc2347139c9a5d33",class:"entries_text"},e("p",{key:"d7da0f6fd825bfec177f87246097632a024b1e3b",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"c7b5f1687467c9d9cec80cce0e9ed89c199ea280",class:`entries_dropdown`},e("gb-input-dropdown",{key:"6da27e653492a60f6cd01eb9ff80f60a2b9a1930",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":this.entriesDropdownMenuPosition,onDropdownItemSelected:this.handlePageSizeSelect.bind(this),value:this.defaultSelected}))),e("div",{key:"1ab17f49795f26b9cb6957508fca8762fa0f0843",class:"page_number_text"},e("p",{key:"a6025d17aad37a7a6f901975e312492a8e9989e4",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("div",{key:"ae8958bd5128ca8ceced4f38bfa3c1239c3dfbf0",class:"pagination_btns"},e("gb-button",{key:"ca002cbe8baa37fb47924c44ccb3cdcca4eeec18",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"49bd0b7d7329f2772169aa50371da946cc969305"},"Previous")),e("gb-button",{key:"1fd4dc673f8cf077a0f22ffa5491833c50c183b9",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"2342e665613d2509d4d4664ad82279feb05dc076"},"Next")))),this.type==="card_minimal_left_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"bb5145ec2a8581f813fc1b7457dd24bb4c2d47f2",class:"pagination_btns"},e("gb-button",{key:"b98354ffbf04fe1e3557a980b8537bb6f1dd75e3",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"b54ffd381358a4ec96381c661baba316add0e952"},"Previous")),e("gb-button",{key:"15cd503317be17d52ef2ea6231894d3f5cfea882",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"ea4a23ec7a092fa9bc6a462dbf101bb8b19121a3"},"Next"))),e("div",{key:"c4bd9745dbdfb780deee6d67c6a74d20fb02441e",class:"page_number_text"},e("p",{key:"868e9bc562b2ce6e76caa2040aeec714ee591440",class:"text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("div",{key:"208b330566d30b057f4a92d41b1ec560ce64ec63",class:"pagination_entries"},e("div",{key:"d74aa001ef7c93e69d3ffa1cf2829603d2119809",class:"entries_text"},e("p",{key:"d50bec31cf1977a7200877b3b741fcbd70224064",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"91830229d010b79dcceae6017a041c1a94e0b793",class:`entries_dropdown`},e("gb-input-dropdown",{key:"eff1148f115e707167f375b1558a2ffb372952e5",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":this.entriesDropdownMenuPosition,onDropdownItemSelected:this.handlePageSizeSelect.bind(this),value:this.defaultSelected})))),this.type==="card_minimal_center_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"9b9cdcbe5d437843d20253cf06a4e65b24604992",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"51aae1d5305baca2d4fe1fb7431b5ef5ecfefdf9"},"Previous")),e("div",{key:"58a4da969a99aaf0d0b1f8fc645b5ee0c0e53635",class:"page_number_text"},e("p",{key:"295ea2ce07ac8f2c9f2335664df2ac252809256a",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"7f7051ced51747a7afe9cdb69cb4f3f31c4ca447",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"a79110b11446604d54006215fe401fcc6d37c330"},"Next"))),this.type==="card_button_group_right_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"a6fb08e5102a001ceb3e37df1a1542a14306716b",class:"pagination_entries"},e("div",{key:"0075732a2fcc5295a39b7d82679c03d6dd1444ed",class:"entries_text"},e("p",{key:"9ae22f69314dcd0baefd9a2a1da0b4f4374f2712",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"2f2a6cc45d92aea3b40d146e41a33fa3588a0a69",class:`entries_dropdown`},e("gb-input-dropdown",{key:"047d126c74c42ed13d5ec224223de41a68226a73",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":this.entriesDropdownMenuPosition,onDropdownItemSelected:this.handlePageSizeSelect.bind(this),value:this.defaultSelected}))),e("div",{key:"872fb697fe04e469b86cfae52a50c77b8d99d757",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"a804ff91ebcd4f36a4d3c55c9e56c4dc8fa0f830",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"2baa59f031505bb4b8b9d6118dae5553674a8e51"},"Previous")),this.internalTotalPages<=5&&e(a,null,this.pages.map((r=>e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage===r?"active":"default",onClick:()=>this.currentPage=r},e("p",null,r))))),this.internalTotalPages>=6&&e(a,null,e("gb-pagination-button-group-base",{key:"06fbd7431da2d29cdb8508682d6c385bda7c6f76",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"ba904ee2cc0a7cb0802c40193c566b23372c21db"},"1")),e("gb-pagination-button-group-base",{key:"7a86601455007512ff4626588475860aad1ac30d",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"649e82d402e825d4c666049855bc69f4982dca65"},"2")),e("gb-pagination-button-group-base",{key:"fdbfc41cde663db213fce730a62e46b603abd261",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"5463d42c3285845d052199150796f5ccd8f546c9"},"3")),this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"ac381053fde0ac8c998f853f204d92ff5ce6ae4a",icon:"false"},e("p",{key:"10786f0f28a795f03f3b7b096912b5cff66fe4b0"},"...")),this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"cafc88dbc0de261cdf1ce5b4ec995e2cc4d54a47",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"96d7fec2d86ef1777ea2b35b14fb09e17728ae92"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"301224a1fd1229f8edfa71e71acca57f779298b9",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"a59674ce6d39f584b3d0f70b319d24a330b9ac2c"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"74d0c590899b7c19206bd6682fac6ab3a4c72499",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"c7d36a8bfa6ead9368388f2e2edd0485e72c1684"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"35a269c0a08e5ec151a39b95293c13629b171740",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"968e57930481e0a39511cdd8cfa808705fd092b3"},"Next")))),this.type==="card_button_group_left_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"2ee8257cb141bacee59a2ed46de458541c90e998",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"930b3ba0ba7dac22662cc63cf7b976e4dc8777f9",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"54d6dea09cdb3c43b6440a02deb410ec698374a7"},"Previous")),this.internalTotalPages<=5&&e(a,null,this.pages.map((r=>e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage===r?"active":"default",onClick:()=>this.currentPage=r},e("p",null,r))))),this.internalTotalPages>=6&&e(a,null,e("gb-pagination-button-group-base",{key:"a7efca100bf52cefa8b3b582478cf1a79df6e76c",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"a1706ecaa205f70e5283f0b6de64148c00d6b539"},"1")),e("gb-pagination-button-group-base",{key:"959e86bccd3c30581ba5d2f7a6a7a66f0aa88ab3",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"15eff7a505a00b2ff5f99c660042ff3ea80b2816"},"2")),e("gb-pagination-button-group-base",{key:"b0e88dd22929e262de13eb4761826c909e14d3cc",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"76f30f853b8c158b9d0f7d8b25e16f654013a716"},"3")),this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"37edecbe738910afb12dd869e36f31bbec0c4e7d",icon:"false"},e("p",{key:"46ee6fb9705ec2a82f067fb25e3826785d90edd6"},"...")),this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"80554fdddc0829dc268ae8b115012c25a22c8020",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"c36587e25010b927222de633409d96f1397e45f4"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"82442e220652c0ead3012c4340c42a8fa223f5ce",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"5db2036d3fe2dbc9254d924ab8123bc24e372edb"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"a70e5c65848056f89425f1c27cd775b7838d3ed5",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"2ea31e1a8a3bb8eb2de09633bb78f284597a9666"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"1e936751003b14de6f64868c9b19c162e50a6c0e",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"4c98186fda5cbfb3687b01bd61a52199309a3e7a"},"Next"))),e("div",{key:"e79a83dbf8029b5bffd716d288992df95813ee6c",class:"pagination_entries"},e("div",{key:"b18a3d4f3bde807cf203961aac06271ece4e3789",class:"entries_text"},e("p",{key:"0fd63b478d2404f3afc6bdbdad2496fb982665d8",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"4dd3c88812446b678c99201f912507a7ee0d178e",class:`entries_dropdown`},e("gb-input-dropdown",{key:"a72ef445a23d254661e0751d1dd6de1240802cd1",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":this.entriesDropdownMenuPosition,onDropdownItemSelected:this.handlePageSizeSelect.bind(this),value:this.defaultSelected})))),this.type==="card_button_group_center_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"7820773798442ea4e9e0dfa15a9e0d7e5b7501ce",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"c6de1167ca6627117c4a2ce5e8d653cfec602cf1",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"41e6a4497d92bb944cbc8aa6278a4692f7525914"},"Previous")),this.internalTotalPages<=5&&e(a,null,this.pages.map((r=>e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage===r?"active":"default",onClick:()=>this.currentPage=r},e("p",null,r))))),this.internalTotalPages>=6&&e(a,null,e("gb-pagination-button-group-base",{key:"2c56c3f5254ef2d230a450116c2c5c91e8b3b34f",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"3a1351b8ab0cf9fb3e6a4ae811ac838b4fd3e26c"},"1")),e("gb-pagination-button-group-base",{key:"f173dff4b5765b137f59f6137a9c00e58e029c8e",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"cc4d3e1434692b26735374e4b3ea4b1fbd113a1a"},"2")),e("gb-pagination-button-group-base",{key:"dfd6c259d3e9da28264a71d824e4b509a0901cf5",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"a1bf865c57b1c87ea40c86d5f88aece7ebc4655b"},"3")),this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"bbdac04471df22cfe47e0f3c8afc5d41a6890a92",icon:"false"},e("p",{key:"a4f84420ba6cc5e10b5afc618f90358090d5b8ae"},"...")),this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"679469c41c6393d529ce1ddc3ed03ed5f9477375",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"38676956ca7424e8a78742997cd60a6f1ec081f9"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"1515e9b3715c7942935426a7f1f82431977709df",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"04bbfc05e6cad831cf885a825f67da585675d849"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"69b552fb103acdb97eafcdba20c886178a3faac9",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"47845bd0d27fcb1d78b074e8ed21083f3f14f9f7"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"547e05384725edd12ea1a8ae29eab8ec93867801",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"3126f52848852530a81a18b5782a3e8572d795e1"},"Next")))),this.type==="page_default"&&this.breakpoint==="mobile"&&e(a,null,e("gb-button",{key:"ba05d82c8bff3bd55e47e0134661a32d609ce9bc",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:"f56da6fdb11cc513f095e182900e4354d6077943",class:"page_number_text"},e("p",{key:"8d9041ba00e06371d3975c312b8c418203974386",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"ac60cfb8b4677fe520545cfa6f0facf4bab1c799",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:"2d59b6f25110fa7b398745a9df83dd7ce970b20e",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:"752287872de3e3a335f7bd48b0653fcefb3ae529",class:"page_number_text"},e("p",{key:"ddc227bb39006ca2f5b2261a748ddcf22e758b60",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"13c08bc455c61e331dbaab9dd064e143a931a4d7",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("div",{key:"e2448c8c2315bd080721d8f37fd44b926f940d54",class:`entries_dropdown`},e("gb-input-dropdown",{key:"da75ea5289af64471515cbc2ed69185a3860097e",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":this.entriesDropdownMenuPosition,onDropdownItemSelected:this.handlePageSizeSelect.bind(this),value:this.defaultSelected})),e("div",{key:"df432f7aece12f9edc1e4ea6b19be9db796e1f6a",class:"card_default_buttons"},e("gb-button",{key:"06e7f74cb449751c0e0d70174c7384eb4ab3533a",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:"ec86f88d37f364c81ef845091ed37cfafb2b0005",class:"page_number_text"},e("p",{key:"0689e9ddf54cba167e6ef9bde99d2e0d69b17042",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"6ad9181de3ed1df5567cccc2e1d47c0780693b44",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:"afb5fcae5d4df1715fbc18341e3490653d3eea71",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:"f2d134c4ffc5f9c70159bc6c1e2007c068fd4df2",class:"page_number_text"},e("p",{key:"bca0752e0c5f43119f8122057b217fc1de8b7417",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"e744f070ccffbffb3186e1fd9a4eb5548153141c",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:"661d0259d4f6d3865f39bddd7ef7e00a0eb54101",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:"346558362daaa58b01381224d5dabbc9a4f9db60",class:"page_number_text"},e("p",{key:"98e66a0bbe78fd059821c35dcaced5c54ac8f35f",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"3ce98ca6c40b1173e2bf495ef8466a3398ef9803",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:"86ec693d96495195d14501df298814385e83a043",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:"40542d413d24be7b40a8c04cbadbc7032769e904",class:"page_number_text"},e("p",{key:"4aebc03ffdb04562141e76781a88be9ad7a3f667",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.internalTotalPages)),e("gb-button",{key:"a0b00220fa37fac266269655dc84f7666f3d63b9",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:"b98b587f78988cfa38b6d6e7cbb632da4c3ced6b",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"8807795e01461677042c067311f7f1bf436e15f7",icon:"only","icon-src":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),this.internalTotalPages<=5&&e(a,null,this.pages.map((r=>e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage===r?"active":"default",onClick:()=>this.currentPage=r},e("p",null,r))))),this.internalTotalPages>=6&&e(a,null,e("gb-pagination-button-group-base",{key:"8ec58af78f389f1485f71069e733538d54713c2b",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"34ab9eb1079cb2c74302925b37e3c076160ae4b1"},"1")),e("gb-pagination-button-group-base",{key:"0430d0cce84f6f9ca751469a927fbf30db9c9c08",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"2ba82a6b4a662f5da15338e2c6d33a8b3c539004"},"2")),e("gb-pagination-button-group-base",{key:"1404eda4cc2bf702bb034da3eeb5813c2a52339a",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"f2ada1055fc53b7123b33fcd5bfd4af21bd869f2"},"3")),this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"b2bbecb0e22cb7f236ec24543aa8843a3b1bf2f9",icon:"false"},e("p",{key:"d1de381613f3ca73738f096a2b7fb96b280368cf"},"...")),this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"d6e1dccd3bd4a037472e657c0f1d0e76301400e4",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"88fc018771038dd6e93ddcab2bf3e84b809484ac"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"4e8d21d3a3c92dac927f80f39ca25fcd417dd384",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"3ad9d5bb04614962fe57d06e03d5b1fba323d914"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"f17d08884109c8870bb9aa12d8c1b2fb03781871",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"4c5b0a9cc8c9cfc27ba4863c9e748af01554aaa7"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"a7f643ef54e6767a7f72c1fcc18194414c5d9127",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:"02cac965ed1c722116a83896afc7db246e52012c",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"a91119ed029e321336f1ffd8fe7bf8ffbf50ff8b",icon:"only","icon-src":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),this.internalTotalPages<=5&&e(a,null,this.pages.map((r=>e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage===r?"active":"default",onClick:()=>this.currentPage=r},e("p",null,r))))),this.internalTotalPages>=6&&e(a,null,e("gb-pagination-button-group-base",{key:"52258e9321b29f43a1594cedb0dc9f6a82a3c4b5",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"79141f8f32d75c8d5f2836b1f7bac9007e47cea3"},"1")),e("gb-pagination-button-group-base",{key:"1a32562863197f21cbf688ccc1a9e2799477603b",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"9c1de07d5167fde22ae405e0a82c5747d1016e4e"},"2")),e("gb-pagination-button-group-base",{key:"efe6c4dd4d662709f37fba4389c08b8bfd8a4757",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"a472180b927883c96de66c1529aa8a450d178cb9"},"3")),this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"2e7b6add6cef4e06678ef729d4a1cb8801ee6d8a",icon:"false"},e("p",{key:"1d31aa4ab3c014e4b9b012a433f287d6e99b09c2"},"...")),this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"5631d66d8e23a742cd6d94c485ecd0eaea6753b8",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"f8bd471081188b62bf7fcfa6d9bf51d869c0fb3c"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"5102dafc758e40d8cb5d7ba5adbc64f911c783ef",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"2e20904c69d630899ce5a8bea63c808e16d65319"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"f744b890a21cd163f90459844866f1a9498f0502",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"e38c8c7fcb4456307480f1e05b27da077e586202"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"88e96ea94bbbb78b34f4e2b37491e7a96915e1d3",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:"610b7a07ffada84711eacbee20a4e3413192ea65",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"b5fa9af80aecdd8d569e59d55332270ca4ac2398",icon:"only","icon-src":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),this.internalTotalPages<=5&&e(a,null,this.pages.map((r=>e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage===r?"active":"default",onClick:()=>this.currentPage=r},e("p",null,r))))),this.internalTotalPages>=6&&e(a,null,e("gb-pagination-button-group-base",{key:"91f62f558cfb618c5ac18f8f7d8ebf4bf5d1bbd9",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"aa055d2e83df78f670353cdc55ef1aa53f4553eb"},"1")),e("gb-pagination-button-group-base",{key:"ecdba8772b43b787c1aeaeb536de364d4db6b886",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"111cb52a8e6c1f36f96e381e421c66842eaeb80d"},"2")),e("gb-pagination-button-group-base",{key:"a5d51cf9b38f6af238e45d542bca85165d602106",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"38e0107a7936637a3205cfa17f69392c436ca743"},"3")),this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.internalTotalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"afd8c12cff213e235e3b75b8e7382a5c7be92a4d",icon:"false"},e("p",{key:"5f5e86ed7ab73190958538dab303ea4b81286711"},"...")),this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.internalTotalPages/2&&this.currentPage<this.internalTotalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"1b415dba44878cbfefad1f76edf7290a37a9ae80",icon:"false",state:this.currentPage===this.internalTotalPages-2?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-2},e("p",{key:"1948a25f84862defa64c3f5ab971230844eda2d0"},this.internalTotalPages-2)),e("gb-pagination-button-group-base",{key:"0193d26c9a1c1b74c9829d8209317e5c8751d584",icon:"false",state:this.currentPage===this.internalTotalPages-1?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages-1},e("p",{key:"b3d9fdeb14ad954e9acd3e817260c1e3baf19fd0"},this.internalTotalPages-1)),e("gb-pagination-button-group-base",{key:"1197dc5492f7664bcb4f9bddaa87a98259dae930",icon:"false",state:this.currentPage===this.internalTotalPages?"active":"default",onClick:()=>this.currentPage=this.internalTotalPages},e("p",{key:"7e6b6b72ae0a6cfbdf2a2922a19a9e608f6b5c8c"},this.internalTotalPages))),e("gb-pagination-button-group-base",{key:"6c396aaa97bebd5595962a59b002651d27a01c5e",icon:"only","icon-src":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()})))}static get watchers(){return{totalPages:["onTotalPagesChange"]}}};c.style=g;const b=".button_base_div{display:flex;align-items:center;align-self:stretch;border-right:1px solid var(--color-border-subtle, #CDD5DF);justify-content:center;cursor:pointer;width:-moz-fit-content;width:fit-content}.button_base_div:hover{background:var(--color-background-gray-subtler, #EEF2F6)}.button_base_div.active{background:var(--color-background-gray-subtler, #EEF2F6)}.button_base_div:active{background:none}.button_base_div.false{display:flex;flex-direction:column;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:var(--spacing-none)}.button_base_div.leading,.button_base_div.trailing{height:2.5rem;gap:0.5rem;padding:var(--spacing-none) var(--spacing-4)}.button_base_div.only{width:2.5rem;height:2.5rem}::slotted(p){color:var(--color-text, #4B5565)}::slotted(p.active_text){color:var(--color-text-bold, #202939)}";const m=class{constructor(n){r(this,n);this.leadingIconSvg=""}componentDidLoad(){const r=this.el.querySelector("p");if(r){r.classList.add("text-sm-semi-bold")}if(this.state==="active"){r.classList.add("active_text")}this.loadIcon(this.iconSrc)}async loadIcon(r){const n=t(`${r}`);const e=await fetch(n);const a=await e.text();this.leadingIconSvg=a}render(){return e("div",{key:"fd2ce9576a0cf5dfc8e92cf2ca9ab53a0b6201fc",class:`button_base_div ${this.icon} ${this.state}`},this.icon==="false"&&e("slot",{key:"8eec37a091dd512f071de4185bb7ab0a8a7f62ed"}),this.icon==="leading"&&e(a,null,e("svg",{key:"874263a012be31560d9fa1416b596246e808c5dd",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e("path",{key:"9f0f8f5f3b625e4f7e6aa18fcede67701662a255",d:"M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334",stroke:"#4B5565","stroke-width":"1.67","stroke-linecap":"round","stroke-linejoin":"round"})),e("slot",{key:"b9f7ff18446f0a2de5acbd2e21f99eacee34965e"})),this.icon==="trailing"&&e(a,null,e("slot",{key:"1473b555e36593e7a222f6df11513885ecf4f461"}),e("svg",{key:"ca86104ac8e3987907bcb684f92cd6069517b6e5",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e("path",{key:"ab152c739114dfabc717c01c3aa0992e1f4d1338",d:"M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337",stroke:"#4B5565","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))),this.icon==="only"&&e(a,null,e("div",{key:"1d539a289b20162040729dee62d1247be70f386c",class:`icon`,innerHTML:this.leadingIconSvg})))}get el(){return o(this)}};m.style=b;const h="@import url('https://fonts.googleapis.com/css2?family=Sora&display=swap');\r\n/\r\n Global styles for portal-based dropdowns\r\n * Applied outside shadow DOM context\r\n /\r\n.portal_dropdown_wrapper {\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n border-radius: var(--rounded-sm);\r\n border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n background: var(--color-surface, #ffffff);\r\n box-shadow: var(--shadow-md);\r\n position: absolute;\r\n z-index: 9999; / High z-index to appear above sticky columns /\r\n overflow: hidden;\r\n}\r\n.portal_dropdown_wrapper gb-dropdown-items-with-shortcut {\r\n display: block;\r\n width: 100%;\r\n}\r\n/ .portal_dropdown_wrapper gb-dropdown-items-with-shortcut:hover {\r\n background: var(--color-background-gray-subtler, #eef2f6);\r\n} /\r\n/ @import 'tailwind.css'; /\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 / gray color palette /\r\n --gray-25: #f9fafb;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #808c9e;\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 --yellow-25: #fffcf5;\r\n --yellow-50: #fffaeb;\r\n --yellow-100: #fef0c7;\r\n --yellow-200: #fedf89;\r\n --yellow-300: #fec84b;\r\n --yellow-400: #fdb022;\r\n --yellow-500: #f79009;\r\n --yellow-600: #dc6803;\r\n --yellow-700: #b54708;\r\n --yellow-800: #93370d;\r\n --yellow-900: #7a2e0e;\r\n --yellow-950: #4e1d09;\r\n\r\n / success color palette /\r\n --green-25: #f6fef9;\r\n --green-50: #ecfdf3;\r\n --green-100: #dcfaeb;\r\n --green-200: #a9efc5;\r\n --green-300: #75e0a7;\r\n --green-400: #47cd89;\r\n --green-500: #17b26a;\r\n --green-600: #067f48;\r\n --green-700: #067647;\r\n --green-800: #085d3a;\r\n --green-900: #074d31;\r\n --green-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 0% opacity /\r\n / White /\r\n --white-opacity0: rgba(255, 255, 255, 0);\r\n\r\n / Gray /\r\n --gray25-opacity0: rgba(249, 250, 251, 0);\r\n --gray900-opacity0: rgba(18, 25, 38, 0);\r\n --gray950-opacity0: rgba(13, 18, 28, 0);\r\n\r\n / 20% opacity /\r\n / White /\r\n --white-opacity20: rgba(255, 255, 255, 0.2);\r\n\r\n / Dark Blue /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / Gray /\r\n --gray25-opacity20: rgba(249, 250, 251, 0.2);\r\n --gray900-opacity20: rgba(18, 25, 38, 0.2);\r\n --gray950-opacity20: rgba(13, 18, 28, 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 / 50% opacity /\r\n / White /\r\n --white-opacity50: rgba(255, 255, 255, 0.5);\r\n\r\n / Gray /\r\n --gray25-opacity50: rgba(249, 250, 251, 0.5);\r\n --gray900-opacity50: rgba(18, 25, 38, 0.5);\r\n --gray950-opacity50: rgba(13, 18, 28, 0.5);\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 / 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 / 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 / -------------------------------------------------Token---------------------------------------------- /\r\n / Light-theme defaults so external hosts still resolve key tokens when data-theme is not set. /\r\n --color-text-bold: var(--gray-800);\r\n --color-text: var(--gray-600);\r\n --color-text-subtle: var(--gray-500);\r\n --color-text-disabled: var(--gray-400);\r\n --color-text-inverse: var(--base-white);\r\n\r\n --color-icon-bold: var(--gray-800);\r\n --color-icon: var(--gray-600);\r\n --color-icon-subtle: var(--gray-500);\r\n --color-icon-disabled: var(--gray-400);\r\n --color-icon-inverse: var(--base-white);\r\n\r\n --color-border-bold: var(--gray-500);\r\n --color-border: var(--gray-400);\r\n --color-border-subtle: var(--gray-300);\r\n --color-border-subtler: var(--gray-200);\r\n --color-border-disabled: var(--gray-200);\r\n --color-border-input: var(--gray-300);\r\n --color-border-focus: var(--gray-400);\r\n\r\n --color-background: var(--base-white);\r\n --color-background-card-bold: var(--gray-100);\r\n --color-background-card: var(--base-white);\r\n --color-background-input: var(--gray-400);\r\n --color-background-disabled: var(--gray-50);\r\n --color-background-btn-disabled: var(--gray-100);\r\n --color-background-selected: var(--blue-500);\r\n\r\n --color-link: var(--blue-500);\r\n --color-link-pressed: var(--blue-600);\r\n --color-link-visited: var(--lightBlue-600);\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-300);\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-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-disabled: var(--gray-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-disabled: var(--gray-500);\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-100);\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-200);\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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning: var(--yellow-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-warning-subtle: var(--yellow-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning-subtle: var(--yellow-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-success: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-success-subtle: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-success-subtle: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-discovery: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-discovery: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-discovery-subtle: var(--lightBlue-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-discovery-subtle: var(--lightBlue-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 / --------------Link color--------------- /\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(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-link-visited: var(--lightBlue-300);\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-300);\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-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-disabled: var(--gray-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-disabled: var(--gray-500);\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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-warning: var(--yellow-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-success: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-discovery: var(--lightBlue-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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning: var(--yellow-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning-subtle: var(--yellow-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning-subtle: var(--yellow-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning-subtler: var(--yellow-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning-subtler: var(--yellow-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success-subtle: var(--green-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success-subtle: var(--green-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success-subtler: var(--green-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success-subtler: var(--green-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery: var(--lightBlue-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery-subtler: var(--lightBlue-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 / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme='light'] {\r\n --color-background-card-bolder: var(--gray-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-card-bolder: 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-btn-disabled: var(--gray-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-btn-disabled: var(--gray-700);\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-950);\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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning: var(--yellow-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-subtle: var(--yellow-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-subtle: var(--yellow-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-subtler: var(--yellow-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-subtler: var(--yellow-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-subtlest: var(--yellow-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-subtlest: var(--yellow-950);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success: var(--green-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-subtle: var(--green-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-subtle: var(--green-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-subtler: var(--green-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-subtler: var(--green-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-subtlest: var(--green-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-subtlest: var(--green-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 / ----------------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 / ----------------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 [data-theme='light'] {\r\n --color-skeleton-bold: var(--gray-300);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-skeleton-bold: var(--gray-700);\r\n }\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme='light'] {\r\n --color-surface-bold: var(--gray-50);\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 / ----------------Transparent Color --------------- /\r\n [data-theme='light'] {\r\n --color-surface-transparent50: var(--white-opacity50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-transparent50: var(--gray900-opacity50);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-transparent20: var(--white-opacity20);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-transparent20: var(--gray900-opacity20);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-transparent-full: var(--white-opacity0);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-transparent-full: var(--gray900-opacity0);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-bold-transparent50: var(--gray25-opacity50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold-transparent50: var(--gray950-opacity50);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-bold-transparent20: var(--gray25-opacity20);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold-transparent20: var(--gray950-opacity20);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-bold-transparent-full: var(--gray25-opacity0);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold-transparent-full: var(--gray950-opacity0);\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.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 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.shadow-xs {\r\n box-shadow: var(--shadow-xs);\r\n}\r\n.shadow-sm {\r\n box-shadow: var(--shadow-sm);\r\n}\r\n.shadow-md {\r\n box-shadow: var(--shadow-md);\r\n}\r\n.shadow-lg {\r\n box-shadow: var(--shadow-lg);\r\n}\r\n.shadow-xl {\r\n box-shadow: var(--shadow-xl);\r\n}\r\n.shadow-2xl {\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n.shadow-3xl {\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n.blur-sm {\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n.blur-md {\r\n backdrop-filter: var(--blur-md);\r\n}\r\n.blur-lg {\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n.blur-xl {\r\n backdrop-filter: var(--blur-xl);\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.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n.gradient-darkBlue-500-to-400-90d {\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n.gradient-darkBlue-700-to-500-45d {\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n.gradient-darkBlue-700-to-400-45d {\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n.gradient-darkBlue-800-to-500-90d {\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n.gradient-darkBlue-800-to-600265-d {\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n.gradient-darkBlue-900-to-600-45d {\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n.gradient-red-500-to-400-90d {\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n.gradient-red-700-to-500-45d {\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n.gradient-red-700-to-400-45d {\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n.gradient-red-800-to-500-90d {\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n.gradient-red-800-to-600265-d {\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n.gradient-red-900-to-600-45d {\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n.gradient-blue-500-to-400-90d {\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n.gradient-blue-700-to-500-45d {\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n.gradient-blue-700-to-400-45d {\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n.gradient-blue-800-to-500-90d {\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n.gradient-blue-800-to-600265-d {\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n.gradient-blue-900-to-600-45d {\r\n background: var(--gradient-blue-900-to-600-45d);\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 --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/ Typography Styles /\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: 2rem;\r\n --font-line-height-t-lg: 1.875rem;\r\n --font-line-height-t-md: 1.688rem;\r\n --font-line-height-t-sm: 1.5rem;\r\n --font-line-height-t-xs: 1.25rem;\r\n --font-line-height-t-xxs: 1.125rem;\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/ 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/ 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.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.display-2xl-bold::before,\r\n.display-2xl-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-2xl-bold::before {\r\n margin-bottom: -0.135em;\r\n}\r\n.display-2xl-bold::after {\r\n margin-top: -0.205em;\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.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-2xl-semi-bold::before {\r\n margin-bottom: -0.135em;\r\n}\r\n.display-2xl-semi-bold::after {\r\n margin-top: -0.205em;\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.display-xl-bold::before,\r\n.display-xl-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xl-bold::before {\r\n margin-bottom: -0.145em;\r\n}\r\n.display-xl-bold::after {\r\n margin-top: -0.215em;\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.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xl-semi-bold::before {\r\n margin-bottom: -0.145em;\r\n}\r\n.display-xl-semi-bold::after {\r\n margin-top: -0.215em;\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.display-lg-bold::before,\r\n.display-lg-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-lg-bold::before {\r\n margin-bottom: -0.015em;\r\n}\r\n.display-lg-bold::after {\r\n margin-top: -0.095em;\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.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-lg-semi-bold::before {\r\n margin-bottom: -0.015em;\r\n}\r\n.display-lg-semi-bold::after {\r\n margin-top: -0.095em;\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.display-md-bold::before,\r\n.display-md-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-md-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-md-bold::after {\r\n margin-top: -0.255em;\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.display-md-semi-bold::before,\r\n.display-md-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-md-semi-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-md-semi-bold::after {\r\n margin-top: -0.255em;\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.display-sm-bold::before,\r\n.display-sm-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-sm-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-sm-bold::after {\r\n margin-top: -0.255em;\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.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-sm-semi-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-sm-semi-bold::after {\r\n margin-top: -0.255em;\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.display-xs-bold::before,\r\n.display-xs-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xs-bold::before {\r\n margin-bottom: -0.199em;\r\n}\r\n.display-xs-bold::after {\r\n margin-top: -0.195em; / Continue from here /\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.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xs-semi-bold::before {\r\n margin-bottom: -0.259em;\r\n}\r\n.display-xs-semi-bold::after {\r\n margin-top: -0.295em;\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.text-xl-bold::before,\r\n.text-xl-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-bold::before {\r\n margin-bottom: -0.329em;\r\n}\r\n.text-xl-bold::after {\r\n margin-top: -0.359em;\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.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-semi-bold::before {\r\n margin-bottom: -0.329em;\r\n}\r\n.text-xl-semi-bold::after {\r\n margin-top: -0.359em;\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.text-xl-medium::before,\r\n.text-xl-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-medium::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-xl-medium::after {\r\n margin-top: -0.399em;\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.text-xl-regular::before,\r\n.text-xl-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-regular::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-xl-regular::after {\r\n margin-top: -0.399em;\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.text-lg-bold::before,\r\n.text-lg-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-bold::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-lg-bold::after {\r\n margin-top: -0.399em;\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.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-semi-bold::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-lg-semi-bold::after {\r\n margin-top: -0.399em;\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.text-lg-medium::before,\r\n.text-lg-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-medium::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-lg-medium::after {\r\n margin-top: -0.389em;\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.text-lg-regular::before,\r\n.text-lg-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-regular::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-lg-regular::after {\r\n margin-top: -0.389em;\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.text-md-bold::before,\r\n.text-md-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-bold::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-bold::after {\r\n margin-top: -0.389em;\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.text-md-semi-bold::before,\r\n.text-md-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-semi-bold::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-semi-bold::after {\r\n margin-top: -0.389em;\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.text-md-medium::before,\r\n.text-md-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-medium::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-medium::after {\r\n margin-top: -0.389em;\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.text-md-regular::before,\r\n.text-md-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-regular::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-regular::after {\r\n margin-top: -0.389em;\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.text-sm-bold::before,\r\n.text-sm-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-bold::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-bold::after {\r\n margin-top: -0.349em;\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.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-semi-bold::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-semi-bold::after {\r\n margin-top: -0.349em;\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.text-sm-medium::before,\r\n.text-sm-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-medium::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-medium::after {\r\n margin-top: -0.299em;\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.text-sm-regular::before,\r\n.text-sm-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-regular::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-regular::after {\r\n margin-top: -0.299em;\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.text-xs-bold::before,\r\n.text-xs-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-bold::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xs-bold::after {\r\n margin-top: -0.416em;\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.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-semi-bold::before {\r\n margin-bottom: -0.321em;\r\n}\r\n.text-xs-semi-bold::after {\r\n margin-top: -0.416em;\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.text-xs-medium::before,\r\n.text-xs-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-medium::before {\r\n margin-bottom: -0.285em;\r\n}\r\n.text-xs-medium::after {\r\n margin-top: -0.396em;\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.text-xs-regular::before,\r\n.text-xs-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-regular::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xs-regular::after {\r\n margin-top: -0.396em;\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.text-xxs-bold::before,\r\n.text-xxs-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-bold::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-bold::after {\r\n margin-top: -0.416em;\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.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-semi-bold::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-semi-bold::after {\r\n margin-top: -0.416em;\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.text-xxs-medium::before,\r\n.text-xxs-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-medium::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-medium::after {\r\n margin-top: -0.416em;\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.text-xxs-regular::before,\r\n.text-xxs-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-regular::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-regular::after {\r\n margin-top: -0.416em;\r\n}\r\n/ Button slot styles /\r\n/ .slotted_button_text.primary {\r\n color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_gray {\r\n color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_color {\r\n color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_gray {\r\n color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_color {\r\n color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.link_gray {\r\n color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.link_color {\r\n color: var(--color-link, #075db2) !important;\r\n}\r\n\r\n.slotted_button_text.primary.destructive {\r\n color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n#slotted_button_text.primary.disabled,\r\n#slotted_button_text.secondary_gray.disabled,\r\n#slotted_button_text.secondary_color.disabled,\r\n#slotted_button_text.tertiary_gray.disabled,\r\n#slotted_button_text.tertiary_color.disabled,\r\n#slotted_button_text.link_gray.disabled,\r\n#slotted_button_text.link_color.disabled {\r\n color: var(--color-text-disabled, #9aa4b2) !important;\r\n}\r\n\r\n#slotted_button_text.secondary_gray.default.destructive,\r\n#slotted_button_text.secondary_color.default.destructive,\r\n#slotted_button_text.tertiary_gray.default.destructive,\r\n#slotted_button_text.tertiary_color.default.destructive,\r\n#slotted_button_text.link_gray.default.destructive,\r\n#slotted_button_text.link_color.default.destructive {\r\n color: var(--color-text-danger, #b51726) !important;\r\n} /\r\n.page_number_base{\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n cursor: pointer;\r\n}\r\n/ Shape Styles /\r\n.page_number_base.square{\r\n border-radius: var(--rounded-sm);\r\n}\r\n.page_number_base.circle{\r\n border-radius: 1.25rem;\r\n}\r\n/ State Styles /\r\n.page_number_base:hover{\r\n background-color: var(--color-background-information-subtler, #C8E0F9);\r\n}\r\n.page_number_base:active,\r\n.page_number_base.active{\r\n background-color: var(--color-background-information-subtle, #9AC7F4);\r\n}\r\n::slotted([slot=\"page_number\"].default) {\r\n color: var(--color-text, #4B5565);\r\n}\r\n::slotted([slot=\"page_number\"].active) {\r\n color: var(--color-text-bold, #202939);\r\n}";const f=class{constructor(n){r(this,n)}componentDidLoad(){const r=this.el.querySelector('[slot="page_number"]');if(r){r.classList.add("text-sm-medium")}if(this.state==="default"){r.classList.add("default")}if(this.state==="active"){r.classList.add("active")}}render(){return e("div",{key:"da60870a55d2056e21d8caf817ace47b3bf58e2d",class:`page_number_base ${this.shape} ${this.state}`},e("slot",{key:"2e24e6cac720a3d57c720203102a786ab57595df",name:"page_number"}))}get el(){return o(this)}};f.style=h;const p=Math.min;const u=Math.max;const v=Math.round;const y=Math.floor;const k=r=>({x:r,y:r});const x={left:"right",right:"left",bottom:"top",top:"bottom"};const w={start:"end",end:"start"};function _(r,n,e){return u(r,p(n,e))}function B(r,n){return typeof r==="function"?r(n):r}function z(r){return r.split("-")[0]}function R(r){return r.split("-")[1]}function D(r){return r==="x"?"y":"x"}function C(r){return r==="y"?"height":"width"}const S=new Set(["top","bottom"]);function F(r){return S.has(z(r))?"y":"x"}function L(r){return D(F(r))}function G(r,n,e){if(e===void 0){e=false}const a=R(r);const t=L(r);const o=C(t);let i=t==="x"?a===(e?"end":"start")?"right":"left":a==="start"?"bottom":"top";if(n.reference[o]>n.floating[o]){i=N(i)}return[i,N(i)]}function P(r){const n=N(r);return[A(r),n,A(n)]}function A(r){return r.replace(/start\|end/g,(r=>w[r]))}const T=["left","right"];const j=["right","left"];const M=["top","bottom"];const E=["bottom","top"];function O(r,n,e){switch(r){case"top":case"bottom":if(e)return n?j:T;return n?T:j;case"left":case"right":return n?M:E;default:return[]}}function H(r,n,e,a){const t=R(r);let o=O(z(r),e==="start",a);if(t){o=o.map((r=>r+"-"+t));if(n){o=o.concat(o.map(A))}}return o}function N(r){return r.replace(/left\|right\|bottom\|top/g,(r=>x[r]))}function $(r){return{top:0,right:0,bottom:0,left:0,...r}}function W(r){return typeof r!=="number"?$(r):{top:r,right:r,bottom:r,left:r}}function I(r){const{x:n,y:e,width:a,height:t}=r;return{width:a,height:t,top:e,left:n,right:n+a,bottom:e+t,x:n,y:e}}function q(r,n,e){let{reference:a,floating:t}=r;const o=F(n);const i=L(n);const l=C(i);const d=z(n);const s=o==="y";const g=a.x+a.width/2-t.width/2;const c=a.y+a.height/2-t.height/2;const b=a[l]/2-t[l]/2;let m;switch(d){case"top":m={x:g,y:a.y-t.height};break;case"bottom":m={x:g,y:a.y+a.height};break;case"right":m={x:a.x+a.width,y:c};break;case"left":m={x:a.x-t.width,y:c};break;default:m={x:a.x,y:a.y}}switch(R(n)){case"start":m[i]-=b(e&&s?-1:1);break;case"end":m[i]+=b(e&&s?-1:1);break}return m}async function K(r,n){var e;if(n===void 0){n={}}const{x:a,y:t,platform:o,rects:i,elements:l,strategy:d}=r;const{boundary:s="clippingAncestors",rootBoundary:g="viewport",elementContext:c="floating",altBoundary:b=false,padding:m=0}=B(n,r);const h=W(m);const f=c==="floating"?"reference":"floating";const p=l[b?f:c];const u=I(await o.getClippingRect({element:((e=await(o.isElement==null?void 0:o.isElement(p)))!=null?e:true)?p:p.contextElement\|\|await(o.getDocumentElement==null?void 0:o.getDocumentElement(l.floating)),boundary:s,rootBoundary:g,strategy:d}));const v=c==="floating"?{x:a,y:t,width:i.floating.width,height:i.floating.height}:i.reference;const y=await(o.getOffsetParent==null?void 0:o.getOffsetParent(l.floating));const k=await(o.isElement==null?void 0:o.isElement(y))?await(o.getScale==null?void 0:o.getScale(y))\|\|{x:1,y:1}:{x:1,y:1};const x=I(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:v,offsetParent:y,strategy:d}):v);return{top:(u.top-x.top+h.top)/k.y,bottom:(x.bottom-u.bottom+h.bottom)/k.y,left:(u.left-x.left+h.left)/k.x,right:(x.right-u.right+h.right)/k.x}}const V=async(r,n,e)=>{const{placement:a="bottom",strategy:t="absolute",middleware:o=[],platform:i}=e;const l=o.filter(Boolean);const d=await(i.isRTL==null?void 0:i.isRTL(n));let s=await i.getElementRects({reference:r,floating:n,strategy:t});let{x:g,y:c}=q(s,a,d);let b=a;let m={};let h=0;for(let e=0;e<l.length;e++){var f;const{name:o,fn:p}=l[e];const{x:u,y:v,data:y,reset:k}=await p({x:g,y:c,initialPlacement:a,placement:b,strategy:t,middlewareData:m,rects:s,platform:{...i,detectOverflow:(f=i.detectOverflow)!=null?f:K},elements:{reference:r,floating:n}});g=u!=null?u:g;c=v!=null?v:c;m={...m,[o]:{...m[o],...y}};if(k&&h<=50){h++;if(typeof k==="object"){if(k.placement){b=k.placement}if(k.rects){s=k.rects===true?await i.getElementRects({reference:r,floating:n,strategy:t}):k.rects}({x:g,y:c}=q(s,b,d))}e=-1}}return{x:g,y:c,placement:b,strategy:t,middlewareData:m}};const X=function(r){if(r===void 0){r={}}return{name:"flip",options:r,async fn(n){var e,a;const{placement:t,middlewareData:o,rects:i,initialPlacement:l,platform:d,elements:s}=n;const{mainAxis:g=true,crossAxis:c=true,fallbackPlacements:b,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:h="none",flipAlignment:f=true,...p}=B(r,n);if((e=o.arrow)!=null&&e.alignmentOffset){return{}}const u=z(t);const v=F(l);const y=z(l)===l;const k=await(d.isRTL==null?void 0:d.isRTL(s.floating));const x=b\|\|(y\|\|!f?[N(l)]:P(l));const w=h!=="none";if(!b&&w){x.push(...H(l,f,h,k))}const _=[l,...x];const R=await d.detectOverflow(n,p);const D=[];let C=((a=o.flip)==null?void 0:a.overflows)\|\|[];if(g){D.push(R[u])}if(c){const r=G(t,i,k);D.push(R[r[0]],R[r[1]])}C=[...C,{placement:t,overflows:D}];if(!D.every((r=>r<=0))){var S,L;const r=(((S=o.flip)==null?void 0:S.index)\|\|0)+1;const n=_[r];if(n){const e=c==="alignment"?v!==F(n):false;if(!e\|\|C.every((r=>F(r.placement)===v?r.overflows[0]>0:true))){return{data:{index:r,overflows:C},reset:{placement:n}}}}let e=(L=C.filter((r=>r.overflows[0]<=0)).sort(((r,n)=>r.overflows[1]-n.overflows[1]))[0])==null?void 0:L.placement;if(!e){switch(m){case"bestFit":{var A;const r=(A=C.filter((r=>{if(w){const n=F(r.placement);return n===v\|\|n==="y"}return true})).map((r=>[r.placement,r.overflows.filter((r=>r>0)).reduce(((r,n)=>r+n),0)])).sort(((r,n)=>r[1]-n[1]))[0])==null?void 0:A[0];if(r){e=r}break}case"initialPlacement":e=l;break}}if(t!==e){return{reset:{placement:e}}}}return{}}}};const Y=new Set(["left","top"]);async function U(r,n){const{placement:e,platform:a,elements:t}=r;const o=await(a.isRTL==null?void 0:a.isRTL(t.floating));const i=z(e);const l=R(e);const d=F(e)==="y";const s=Y.has(i)?-1:1;const g=o&&d?-1:1;const c=B(n,r);let{mainAxis:b,crossAxis:m,alignmentAxis:h}=typeof c==="number"?{mainAxis:c,crossAxis:0,alignmentAxis:null}:{mainAxis:c.mainAxis\|\|0,crossAxis:c.crossAxis\|\|0,alignmentAxis:c.alignmentAxis};if(l&&typeof h==="number"){m=l==="end"?h-1:h}return d?{x:mg,y:bs}:{x:bs,y:mg}}const J=function(r){if(r===void 0){r=0}return{name:"offset",options:r,async fn(n){var e,a;const{x:t,y:o,placement:i,middlewareData:l}=n;const d=await U(n,r);if(i===((e=l.offset)==null?void 0:e.placement)&&(a=l.arrow)!=null&&a.alignmentOffset){return{}}return{x:t+d.x,y:o+d.y,data:{...d,placement:i}}}}};const Q=function(r){if(r===void 0){r={}}return{name:"shift",options:r,async fn(n){const{x:e,y:a,placement:t,platform:o}=n;const{mainAxis:i=true,crossAxis:l=false,limiter:d={fn:r=>{let{x:n,y:e}=r;return{x:n,y:e}}},...s}=B(r,n);const g={x:e,y:a};const c=await o.detectOverflow(n,s);const b=F(z(t));const m=D(b);let h=g[m];let f=g[b];if(i){const r=m==="y"?"top":"left";const n=m==="y"?"bottom":"right";const e=h+c[r];const a=h-c[n];h=_(e,h,a)}if(l){const r=b==="y"?"top":"left";const n=b==="y"?"bottom":"right";const e=f+c[r];const a=f-c[n];f=_(e,f,a)}const p=d.fn({...n,[m]:h,[b]:f});return{...p,data:{x:p.x-e,y:p.y-a,enabled:{[m]:i,[b]:l}}}}}};const Z=function(r){if(r===void 0){r={}}return{name:"size",options:r,async fn(n){var e,a;const{placement:t,rects:o,platform:i,elements:l}=n;const{apply:d=()=>{},...s}=B(r,n);const g=await i.detectOverflow(n,s);const c=z(t);const b=R(t);const m=F(t)==="y";const{width:h,height:f}=o.floating;let v;let y;if(c==="top"\|\|c==="bottom"){v=c;y=b===(await(i.isRTL==null?void 0:i.isRTL(l.floating))?"start":"end")?"left":"right"}else{y=c;v=b==="end"?"top":"bottom"}const k=f-g.top-g.bottom;const x=h-g.left-g.right;const w=p(f-g[v],k);const _=p(h-g[y],x);const D=!n.middlewareData.shift;let C=w;let S=_;if((e=n.middlewareData.shift)!=null&&e.enabled.x){S=x}if((a=n.middlewareData.shift)!=null&&a.enabled.y){C=k}if(D&&!b){const r=u(g.left,0);const n=u(g.right,0);const e=u(g.top,0);const a=u(g.bottom,0);if(m){S=h-2(r!==0\|\|n!==0?r+n:u(g.left,g.right))}else{C=f-2(e!==0\|\|a!==0?e+a:u(g.top,g.bottom))}}await d({...n,availableWidth:S,availableHeight:C});const L=await i.getDimensions(l.floating);if(h!==L.width\|\|f!==L.height){return{reset:{rects:true}}}return{}}}};function rr(){return typeof window!=="undefined"}function nr(r){if(tr(r)){return(r.nodeName\|\|"").toLowerCase()}return"#document"}function er(r){var n;return(r==null\|\|(n=r.ownerDocument)==null?void 0:n.defaultView)\|\|window}function ar(r){var n;return(n=(tr(r)?r.ownerDocument:r.document)\|\|window.document)==null?void 0:n.documentElement}function tr(r){if(!rr()){return false}return r instanceof Node\|\|r instanceof er(r).Node}function or(r){if(!rr()){return false}return r instanceof Element\|\|r instanceof er(r).Element}function ir(r){if(!rr()){return false}return r instanceof HTMLElement\|\|r instanceof er(r).HTMLElement}function lr(r){if(!rr()\|\|typeof ShadowRoot==="undefined"){return false}return r instanceof ShadowRoot\|\|r instanceof er(r).ShadowRoot}const dr=new Set(["inline","contents"]);function sr(r){const{overflow:n,overflowX:e,overflowY:a,display:t}=wr(r);return/auto\|scroll\|overlay\|hidden\|clip/.test(n+a+e)&&!dr.has(t)}const gr=new Set(["table","td","th"]);function cr(r){return gr.has(nr(r))}const br=[":popover-open",":modal"];function mr(r){return br.some((n=>{try{return r.matches(n)}catch(r){return false}}))}const hr=["transform","translate","scale","rotate","perspective"];const fr=["transform","translate","scale","rotate","perspective","filter"];const pr=["paint","layout","strict","content"];function ur(r){const n=yr();const e=or(r)?wr(r):r;return hr.some((r=>e[r]?e[r]!=="none":false))\|\|(e.containerType?e.containerType!=="normal":false)\|\|!n&&(e.backdropFilter?e.backdropFilter!=="none":false)\|\|!n&&(e.filter?e.filter!=="none":false)\|\|fr.some((r=>(e.willChange\|\|"").includes(r)))\|\|pr.some((r=>(e.contain\|\|"").includes(r)))}function vr(r){let n=Br(r);while(ir(n)&&!xr(n)){if(ur(n)){return n}else if(mr(n)){return null}n=Br(n)}return null}function yr(){if(typeof CSS==="undefined"\|\|!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}const kr=new Set(["html","body","#document"]);function xr(r){return kr.has(nr(r))}function wr(r){return er(r).getComputedStyle(r)}function _r(r){if(or(r)){return{scrollLeft:r.scrollLeft,scrollTop:r.scrollTop}}return{scrollLeft:r.scrollX,scrollTop:r.scrollY}}function Br(r){if(nr(r)==="html"){return r}const n=r.assignedSlot\|\|r.parentNode\|\|lr(r)&&r.host\|\|ar(r);return lr(n)?n.host:n}function zr(r){const n=Br(r);if(xr(n)){return r.ownerDocument?r.ownerDocument.body:r.body}if(ir(n)&&sr(n)){return n}return zr(n)}function Rr(r,n,e){var a;if(n===void 0){n=[]}if(e===void 0){e=true}const t=zr(r);const o=t===((a=r.ownerDocument)==null?void 0:a.body);const i=er(t);if(o){const r=Dr(i);return n.concat(i,i.visualViewport\|\|[],sr(t)?t:[],r&&e?Rr(r):[])}return n.concat(t,Rr(t,[],e))}function Dr(r){return r.parent&&Object.getPrototypeOf(r.parent)?r.frameElement:null}function Cr(r){const n=wr(r);let e=parseFloat(n.width)\|\|0;let a=parseFloat(n.height)\|\|0;const t=ir(r);const o=t?r.offsetWidth:e;const i=t?r.offsetHeight:a;const l=v(e)!==o\|\|v(a)!==i;if(l){e=o;a=i}return{width:e,height:a,$:l}}function Sr(r){return!or(r)?r.contextElement:r}function Fr(r){const n=Sr(r);if(!ir(n)){return k(1)}const e=n.getBoundingClientRect();const{width:a,height:t,$:o}=Cr(n);let i=(o?v(e.width):e.width)/a;let l=(o?v(e.height):e.height)/t;if(!i\|\|!Number.isFinite(i)){i=1}if(!l\|\|!Number.isFinite(l)){l=1}return{x:i,y:l}}const Lr=k(0);function Gr(r){const n=er(r);if(!yr()\|\|!n.visualViewport){return Lr}return{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function Pr(r,n,e){if(n===void 0){n=false}if(!e\|\|n&&e!==er(r)){return false}return n}function Ar(r,n,e,a){if(n===void 0){n=false}if(e===void 0){e=false}const t=r.getBoundingClientRect();const o=Sr(r);let i=k(1);if(n){if(a){if(or(a)){i=Fr(a)}}else{i=Fr(r)}}const l=Pr(o,e,a)?Gr(o):k(0);let d=(t.left+l.x)/i.x;let s=(t.top+l.y)/i.y;let g=t.width/i.x;let c=t.height/i.y;if(o){const r=er(o);const n=a&&or(a)?er(a):a;let e=r;let t=Dr(e);while(t&&a&&n!==e){const r=Fr(t);const n=t.getBoundingClientRect();const a=wr(t);const o=n.left+(t.clientLeft+parseFloat(a.paddingLeft))r.x;const i=n.top+(t.clientTop+parseFloat(a.paddingTop))r.y;d=r.x;s=r.y;g=r.x;c=r.y;d+=o;s+=i;e=er(t);t=Dr(e)}}return I({width:g,height:c,x:d,y:s})}function Tr(r,n){const e=_r(r).scrollLeft;if(!n){return Ar(ar(r)).left+e}return n.left+e}function jr(r,n){const e=r.getBoundingClientRect();const a=e.left+n.scrollLeft-Tr(r,e);const t=e.top+n.scrollTop;return{x:a,y:t}}function Mr(r){let{elements:n,rect:e,offsetParent:a,strategy:t}=r;const o=t==="fixed";const i=ar(a);const l=n?mr(n.floating):false;if(a===i\|\|l&&o){return e}let d={scrollLeft:0,scrollTop:0};let s=k(1);const g=k(0);const c=ir(a);if(c\|\|!c&&!o){if(nr(a)!=="body"\|\|sr(i)){d=_r(a)}if(ir(a)){const r=Ar(a);s=Fr(a);g.x=r.x+a.clientLeft;g.y=r.y+a.clientTop}}const b=i&&!c&&!o?jr(i,d):k(0);return{width:e.widths.x,height:e.heights.y,x:e.xs.x-d.scrollLefts.x+g.x+b.x,y:e.ys.y-d.scrollTops.y+g.y+b.y}}function Er(r){return Array.from(r.getClientRects())}function Or(r){const n=ar(r);const e=_r(r);const a=r.ownerDocument.body;const t=u(n.scrollWidth,n.clientWidth,a.scrollWidth,a.clientWidth);const o=u(n.scrollHeight,n.clientHeight,a.scrollHeight,a.clientHeight);let i=-e.scrollLeft+Tr(r);const l=-e.scrollTop;if(wr(a).direction==="rtl"){i+=u(n.clientWidth,a.clientWidth)-t}return{width:t,height:o,x:i,y:l}}const Hr=25;function Nr(r,n){const e=er(r);const a=ar(r);const t=e.visualViewport;let o=a.clientWidth;let i=a.clientHeight;let l=0;let d=0;if(t){o=t.width;i=t.height;const r=yr();if(!r\|\|r&&n==="fixed"){l=t.offsetLeft;d=t.offsetTop}}const s=Tr(a);if(s<=0){const r=a.ownerDocument;const n=r.body;const e=getComputedStyle(n);const t=r.compatMode==="CSS1Compat"?parseFloat(e.marginLeft)+parseFloat(e.marginRight)\|\|0:0;const i=Math.abs(a.clientWidth-n.clientWidth-t);if(i<=Hr){o-=i}}else if(s<=Hr){o+=s}return{width:o,height:i,x:l,y:d}}const $r=new Set(["absolute","fixed"]);function Wr(r,n){const e=Ar(r,true,n==="fixed");const a=e.top+r.clientTop;const t=e.left+r.clientLeft;const o=ir(r)?Fr(r):k(1);const i=r.clientWidtho.x;const l=r.clientHeighto.y;const d=to.x;const s=ao.y;return{width:i,height:l,x:d,y:s}}function Ir(r,n,e){let a;if(n==="viewport"){a=Nr(r,e)}else if(n==="document"){a=Or(ar(r))}else if(or(n)){a=Wr(n,e)}else{const e=Gr(r);a={x:n.x-e.x,y:n.y-e.y,width:n.width,height:n.height}}return I(a)}function qr(r,n){const e=Br(r);if(e===n\|\|!or(e)\|\|xr(e)){return false}return wr(e).position==="fixed"\|\|qr(e,n)}function Kr(r,n){const e=n.get(r);if(e){return e}let a=Rr(r,[],false).filter((r=>or(r)&&nr(r)!=="body"));let t=null;const o=wr(r).position==="fixed";let i=o?Br(r):r;while(or(i)&&!xr(i)){const n=wr(i);const e=ur(i);if(!e&&n.position==="fixed"){t=null}const l=o?!e&&!t:!e&&n.position==="static"&&!!t&&$r.has(t.position)\|\|sr(i)&&!e&&qr(r,i);if(l){a=a.filter((r=>r!==i))}else{t=n}i=Br(i)}n.set(r,a);return a}function Vr(r){let{element:n,boundary:e,rootBoundary:a,strategy:t}=r;const o=e==="clippingAncestors"?mr(n)?[]:Kr(n,this._c):[].concat(e);const i=[...o,a];const l=i[0];const d=i.reduce(((r,e)=>{const a=Ir(n,e,t);r.top=u(a.top,r.top);r.right=p(a.right,r.right);r.bottom=p(a.bottom,r.bottom);r.left=u(a.left,r.left);return r}),Ir(n,l,t));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function Xr(r){const{width:n,height:e}=Cr(r);return{width:n,height:e}}function Yr(r,n,e){const a=ir(n);const t=ar(n);const o=e==="fixed";const i=Ar(r,true,o,n);let l={scrollLeft:0,scrollTop:0};const d=k(0);function s(){d.x=Tr(t)}if(a\|\|!a&&!o){if(nr(n)!=="body"\|\|sr(t)){l=_r(n)}if(a){const r=Ar(n,true,o,n);d.x=r.x+n.clientLeft;d.y=r.y+n.clientTop}else if(t){s()}}if(o&&!a&&t){s()}const g=t&&!a&&!o?jr(t,l):k(0);const c=i.left+l.scrollLeft-d.x-g.x;const b=i.top+l.scrollTop-d.y-g.y;return{x:c,y:b,width:i.width,height:i.height}}function Ur(r){return wr(r).position==="static"}function Jr(r,n){if(!ir(r)\|\|wr(r).position==="fixed"){return null}if(n){return n(r)}let e=r.offsetParent;if(ar(r)===e){e=e.ownerDocument.body}return e}function Qr(r,n){const e=er(r);if(mr(r)){return e}if(!ir(r)){let n=Br(r);while(n&&!xr(n)){if(or(n)&&!Ur(n)){return n}n=Br(n)}return e}let a=Jr(r,n);while(a&&cr(a)&&Ur(a)){a=Jr(a,n)}if(a&&xr(a)&&Ur(a)&&!ur(a)){return e}return a\|\|vr(r)\|\|e}const Zr=async function(r){const n=this.getOffsetParent\|\|Qr;const e=this.getDimensions;const a=await e(r.floating);return{reference:Yr(r.reference,await n(r.floating),r.strategy),floating:{x:0,y:0,width:a.width,height:a.height}}};function rn(r){return wr(r).direction==="rtl"}const nn={convertOffsetParentRelativeRectToViewportRelativeRect:Mr,getDocumentElement:ar,getClippingRect:Vr,getOffsetParent:Qr,getElementRects:Zr,getClientRects:Er,getDimensions:Xr,getScale:Fr,isElement:or,isRTL:rn};function en(r,n){return r.x===n.x&&r.y===n.y&&r.width===n.width&&r.height===n.height}function an(r,n){let e=null;let a;const t=ar(r);function o(){var r;clearTimeout(a);(r=e)==null\|\|r.disconnect();e=null}function i(l,d){if(l===void 0){l=false}if(d===void 0){d=1}o();const s=r.getBoundingClientRect();const{left:g,top:c,width:b,height:m}=s;if(!l){n()}if(!b\|\|!m){return}const h=y(c);const f=y(t.clientWidth-(g+b));const v=y(t.clientHeight-(c+m));const k=y(g);const x=-h+"px "+-f+"px "+-v+"px "+-k+"px";const w={rootMargin:x,threshold:u(0,p(1,d))\|\|1};let _=true;function B(n){const e=n[0].intersectionRatio;if(e!==d){if(!_){return i()}if(!e){a=setTimeout((()=>{i(false,1e-7)}),1e3)}else{i(false,e)}}if(e===1&&!en(s,r.getBoundingClientRect())){i()}_=false}try{e=new IntersectionObserver(B,{...w,root:t.ownerDocument})}catch(r){e=new IntersectionObserver(B,w)}e.observe(r)}i(true);return o}function tn(r,n,e,a){if(a===void 0){a={}}const{ancestorScroll:t=true,ancestorResize:o=true,elementResize:i=typeof ResizeObserver==="function",layoutShift:l=typeof IntersectionObserver==="function",animationFrame:d=false}=a;const s=Sr(r);const g=t\|\|o?[...s?Rr(s):[],...Rr(n)]:[];g.forEach((r=>{t&&r.addEventListener("scroll",e,{passive:true});o&&r.addEventListener("resize",e)}));const c=s&&l?an(s,e):null;let b=-1;let m=null;if(i){m=new ResizeObserver((r=>{let[a]=r;if(a&&a.target===s&&m){m.unobserve(n);cancelAnimationFrame(b);b=requestAnimationFrame((()=>{var r;(r=m)==null\|\|r.observe(n)}))}e()}));if(s&&!d){m.observe(s)}m.observe(n)}let h;let f=d?Ar(r):null;if(d){p()}function p(){const n=Ar(r);if(f&&!en(f,n)){e()}f=n;h=requestAnimationFrame(p)}e();return()=>{var r;g.forEach((r=>{t&&r.removeEventListener("scroll",e);o&&r.removeEventListener("resize",e)}));c==null\|\|c();(r=m)==null\|\|r.disconnect();m=null;if(d){cancelAnimationFrame(h)}}}const on=J;const ln=Q;const dn=X;const sn=Z;const gn=(r,n,e)=>{const a=new Map;const t={platform:nn,...e};const o={...t.platform,_c:a};return V(r,n,{...t,platform:o})};const cn=":root{--gb-portal-z:9999}#gb-portal-host{position:relative;z-index:var(--gb-portal-z)}.gb-portal-wrapper{position:absolute;z-index:var(--gb-portal-z);box-sizing:border-box}.gb-portal-wrapper .portal_dropdown_wrapper,.gb-portal-wrapper .dropdown{width:-moz-fit-content;width:fit-content;border-radius:var(--rounded-sm, 4px);border:1px solid var(--color-border-subtler, #e3e8ef);background:var(--color-surface, #ffffff);box-shadow:var(--shadow-md, 0 6px 12px rgba(0, 0, 0, 0.08));position:absolute;z-index:calc(var(--gb-portal-z) + 1)}.gb-portal-wrapper gb-input-dropdown-menu-item{display:block}";const bn=class{constructor(n){r(this,n);this.placement="bottom-end";this.open=false}componentDidLoad(){this.ensureHost();if(this.open){this.mountContent();this.updatePosition()}}disconnectedCallback(){this.unmountContent()}onOpenChange(r){if(r){this.ensureHost();this.mountContent();this.updatePosition()}else{this.unmountContent()}}ensureHost(){this.portalHost=document.getElementById("gb-portal-host");if(!this.portalHost){this.portalHost=document.createElement("div");this.portalHost.id="gb-portal-host";document.body.appendChild(this.portalHost)}}mountContent(){if(!this.portalHost)this.ensureHost();if(!this.wrapper){this.wrapper=document.createElement("div");this.wrapper.className="gb-portal-wrapper"}while(this.el.firstChild){this.wrapper.appendChild(this.el.firstChild)}if(this.el.shadowRoot){while(this.el.shadowRoot.firstChild){this.wrapper.appendChild(this.el.shadowRoot.firstChild)}}this.portalHost.appendChild(this.wrapper);this.setupAutoUpdate()}unmountContent(){if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=undefined}if(this.wrapper&&this.portalHost&&this.portalHost.contains(this.wrapper)){this.portalHost.removeChild(this.wrapper);this.wrapper=undefined}}updatePosition(){var r;const n=(r=this.anchorEl)!==null&&r!==void 0?r:this.anchorId?this.findElementByIdDeep(this.anchorId):null;const e=this.wrapper;if(!n\|\|!e)return;gn(n,e,{placement:this.placement,middleware:[on(4),dn({boundary:this.boundaryEl}),ln({boundary:this.boundaryEl,padding:8}),sn({apply({rects:r,elements:n}){n.floating.style.minWidth=`${r.reference.width}px`}})]}).then((({y:r})=>{const a=n.getBoundingClientRect();const t=a.right;if(this.placement==="bottom-end"){requestAnimationFrame((()=>{const n=e.scrollWidth;const a=t-n;Object.assign(e.style,{position:"absolute",left:`${a}px`,top:`${r}px`,zIndex:"9999"})}))}if(this.placement==="top-end"){requestAnimationFrame((()=>{if(!n\|\|!e)return;const a=e.scrollWidth;const o=e.scrollHeight;const i=t-a;Object.assign(e.style,{position:"absolute",left:`${i}px`,top:`${r-o}px`,zIndex:"9999"})}))}}))}setupAutoUpdate(){const r=this.anchorId?this.findElementByIdDeep(this.anchorId):null;const n=this.wrapper;if(!r\|\|!n)return;this.cleanupAutoUpdate=tn(r,n,(()=>this.updatePosition()))}findElementByIdDeep(r){const n=document.getElementById(r);if(n)return n;const e=Array.from(document.querySelectorAll(""));for(const n of e){const e=n.shadowRoot;if(e){try{const n=`#${window.CSS&&window.CSS.escape?window.CSS.escape(r):r}`;const a=e.querySelector(n);if(a)return a}catch(r){}}}return null}render(){return e("slot",{key:"8f7a07a4cf3fd77eace5b642c788cbeef384f76a"})}get el(){return o(this)}static get watchers(){return{open:["onOpenChange"]}}};bn.style=cn;const mn="@import url('https://fonts.googleapis.com/css2?family=Sora&display=swap');\r\n/\r\n Global styles for portal-based dropdowns\r\n * Applied outside shadow DOM context\r\n /\r\n.portal_dropdown_wrapper {\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n border-radius: var(--rounded-sm);\r\n border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n background: var(--color-surface, #ffffff);\r\n box-shadow: var(--shadow-md);\r\n position: absolute;\r\n z-index: 9999; / High z-index to appear above sticky columns /\r\n overflow: hidden;\r\n}\r\n.portal_dropdown_wrapper gb-dropdown-items-with-shortcut {\r\n display: block;\r\n width: 100%;\r\n}\r\n/ .portal_dropdown_wrapper gb-dropdown-items-with-shortcut:hover {\r\n background: var(--color-background-gray-subtler, #eef2f6);\r\n} /\r\n/ @import 'tailwind.css'; /\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 / gray color palette /\r\n --gray-25: #f9fafb;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #808c9e;\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 --yellow-25: #fffcf5;\r\n --yellow-50: #fffaeb;\r\n --yellow-100: #fef0c7;\r\n --yellow-200: #fedf89;\r\n --yellow-300: #fec84b;\r\n --yellow-400: #fdb022;\r\n --yellow-500: #f79009;\r\n --yellow-600: #dc6803;\r\n --yellow-700: #b54708;\r\n --yellow-800: #93370d;\r\n --yellow-900: #7a2e0e;\r\n --yellow-950: #4e1d09;\r\n\r\n / success color palette /\r\n --green-25: #f6fef9;\r\n --green-50: #ecfdf3;\r\n --green-100: #dcfaeb;\r\n --green-200: #a9efc5;\r\n --green-300: #75e0a7;\r\n --green-400: #47cd89;\r\n --green-500: #17b26a;\r\n --green-600: #067f48;\r\n --green-700: #067647;\r\n --green-800: #085d3a;\r\n --green-900: #074d31;\r\n --green-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 0% opacity /\r\n / White /\r\n --white-opacity0: rgba(255, 255, 255, 0);\r\n\r\n / Gray /\r\n --gray25-opacity0: rgba(249, 250, 251, 0);\r\n --gray900-opacity0: rgba(18, 25, 38, 0);\r\n --gray950-opacity0: rgba(13, 18, 28, 0);\r\n\r\n / 20% opacity /\r\n / White /\r\n --white-opacity20: rgba(255, 255, 255, 0.2);\r\n\r\n / Dark Blue /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / Gray /\r\n --gray25-opacity20: rgba(249, 250, 251, 0.2);\r\n --gray900-opacity20: rgba(18, 25, 38, 0.2);\r\n --gray950-opacity20: rgba(13, 18, 28, 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 / 50% opacity /\r\n / White /\r\n --white-opacity50: rgba(255, 255, 255, 0.5);\r\n\r\n / Gray /\r\n --gray25-opacity50: rgba(249, 250, 251, 0.5);\r\n --gray900-opacity50: rgba(18, 25, 38, 0.5);\r\n --gray950-opacity50: rgba(13, 18, 28, 0.5);\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 / 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 / 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 / -------------------------------------------------Token---------------------------------------------- /\r\n / Light-theme defaults so external hosts still resolve key tokens when data-theme is not set. /\r\n --color-text-bold: var(--gray-800);\r\n --color-text: var(--gray-600);\r\n --color-text-subtle: var(--gray-500);\r\n --color-text-disabled: var(--gray-400);\r\n --color-text-inverse: var(--base-white);\r\n\r\n --color-icon-bold: var(--gray-800);\r\n --color-icon: var(--gray-600);\r\n --color-icon-subtle: var(--gray-500);\r\n --color-icon-disabled: var(--gray-400);\r\n --color-icon-inverse: var(--base-white);\r\n\r\n --color-border-bold: var(--gray-500);\r\n --color-border: var(--gray-400);\r\n --color-border-subtle: var(--gray-300);\r\n --color-border-subtler: var(--gray-200);\r\n --color-border-disabled: var(--gray-200);\r\n --color-border-input: var(--gray-300);\r\n --color-border-focus: var(--gray-400);\r\n\r\n --color-background: var(--base-white);\r\n --color-background-card-bold: var(--gray-100);\r\n --color-background-card: var(--base-white);\r\n --color-background-input: var(--gray-400);\r\n --color-background-disabled: var(--gray-50);\r\n --color-background-btn-disabled: var(--gray-100);\r\n --color-background-selected: var(--blue-500);\r\n\r\n --color-link: var(--blue-500);\r\n --color-link-pressed: var(--blue-600);\r\n --color-link-visited: var(--lightBlue-600);\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-300);\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-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-disabled: var(--gray-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-disabled: var(--gray-500);\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-100);\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-200);\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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning: var(--yellow-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-warning-subtle: var(--yellow-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning-subtle: var(--yellow-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-success: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-success-subtle: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-success-subtle: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-discovery: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-discovery: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-discovery-subtle: var(--lightBlue-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-discovery-subtle: var(--lightBlue-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 / --------------Link color--------------- /\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(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-link-visited: var(--lightBlue-300);\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-300);\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-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-disabled: var(--gray-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-disabled: var(--gray-500);\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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-warning: var(--yellow-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-success: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-discovery: var(--lightBlue-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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning: var(--yellow-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning-subtle: var(--yellow-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning-subtle: var(--yellow-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning-subtler: var(--yellow-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning-subtler: var(--yellow-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success-subtle: var(--green-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success-subtle: var(--green-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success-subtler: var(--green-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success-subtler: var(--green-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery: var(--lightBlue-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery-subtler: var(--lightBlue-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 / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme='light'] {\r\n --color-background-card-bolder: var(--gray-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-card-bolder: 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-btn-disabled: var(--gray-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-btn-disabled: var(--gray-700);\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-950);\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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning: var(--yellow-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-subtle: var(--yellow-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-subtle: var(--yellow-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-subtler: var(--yellow-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-subtler: var(--yellow-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-subtlest: var(--yellow-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-subtlest: var(--yellow-950);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success: var(--green-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-subtle: var(--green-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-subtle: var(--green-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-subtler: var(--green-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-subtler: var(--green-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-subtlest: var(--green-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-subtlest: var(--green-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 / ----------------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 / ----------------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 [data-theme='light'] {\r\n --color-skeleton-bold: var(--gray-300);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-skeleton-bold: var(--gray-700);\r\n }\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme='light'] {\r\n --color-surface-bold: var(--gray-50);\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 / ----------------Transparent Color --------------- /\r\n [data-theme='light'] {\r\n --color-surface-transparent50: var(--white-opacity50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-transparent50: var(--gray900-opacity50);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-transparent20: var(--white-opacity20);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-transparent20: var(--gray900-opacity20);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-transparent-full: var(--white-opacity0);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-transparent-full: var(--gray900-opacity0);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-bold-transparent50: var(--gray25-opacity50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold-transparent50: var(--gray950-opacity50);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-bold-transparent20: var(--gray25-opacity20);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold-transparent20: var(--gray950-opacity20);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-bold-transparent-full: var(--gray25-opacity0);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold-transparent-full: var(--gray950-opacity0);\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.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 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.shadow-xs {\r\n box-shadow: var(--shadow-xs);\r\n}\r\n.shadow-sm {\r\n box-shadow: var(--shadow-sm);\r\n}\r\n.shadow-md {\r\n box-shadow: var(--shadow-md);\r\n}\r\n.shadow-lg {\r\n box-shadow: var(--shadow-lg);\r\n}\r\n.shadow-xl {\r\n box-shadow: var(--shadow-xl);\r\n}\r\n.shadow-2xl {\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n.shadow-3xl {\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n.blur-sm {\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n.blur-md {\r\n backdrop-filter: var(--blur-md);\r\n}\r\n.blur-lg {\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n.blur-xl {\r\n backdrop-filter: var(--blur-xl);\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.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n.gradient-darkBlue-500-to-400-90d {\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n.gradient-darkBlue-700-to-500-45d {\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n.gradient-darkBlue-700-to-400-45d {\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n.gradient-darkBlue-800-to-500-90d {\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n.gradient-darkBlue-800-to-600265-d {\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n.gradient-darkBlue-900-to-600-45d {\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n.gradient-red-500-to-400-90d {\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n.gradient-red-700-to-500-45d {\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n.gradient-red-700-to-400-45d {\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n.gradient-red-800-to-500-90d {\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n.gradient-red-800-to-600265-d {\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n.gradient-red-900-to-600-45d {\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n.gradient-blue-500-to-400-90d {\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n.gradient-blue-700-to-500-45d {\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n.gradient-blue-700-to-400-45d {\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n.gradient-blue-800-to-500-90d {\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n.gradient-blue-800-to-600265-d {\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n.gradient-blue-900-to-600-45d {\r\n background: var(--gradient-blue-900-to-600-45d);\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 --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/ Typography Styles /\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: 2rem;\r\n --font-line-height-t-lg: 1.875rem;\r\n --font-line-height-t-md: 1.688rem;\r\n --font-line-height-t-sm: 1.5rem;\r\n --font-line-height-t-xs: 1.25rem;\r\n --font-line-height-t-xxs: 1.125rem;\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/ 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/ 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.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.display-2xl-bold::before,\r\n.display-2xl-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-2xl-bold::before {\r\n margin-bottom: -0.135em;\r\n}\r\n.display-2xl-bold::after {\r\n margin-top: -0.205em;\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.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-2xl-semi-bold::before {\r\n margin-bottom: -0.135em;\r\n}\r\n.display-2xl-semi-bold::after {\r\n margin-top: -0.205em;\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.display-xl-bold::before,\r\n.display-xl-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xl-bold::before {\r\n margin-bottom: -0.145em;\r\n}\r\n.display-xl-bold::after {\r\n margin-top: -0.215em;\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.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xl-semi-bold::before {\r\n margin-bottom: -0.145em;\r\n}\r\n.display-xl-semi-bold::after {\r\n margin-top: -0.215em;\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.display-lg-bold::before,\r\n.display-lg-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-lg-bold::before {\r\n margin-bottom: -0.015em;\r\n}\r\n.display-lg-bold::after {\r\n margin-top: -0.095em;\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.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-lg-semi-bold::before {\r\n margin-bottom: -0.015em;\r\n}\r\n.display-lg-semi-bold::after {\r\n margin-top: -0.095em;\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.display-md-bold::before,\r\n.display-md-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-md-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-md-bold::after {\r\n margin-top: -0.255em;\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.display-md-semi-bold::before,\r\n.display-md-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-md-semi-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-md-semi-bold::after {\r\n margin-top: -0.255em;\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.display-sm-bold::before,\r\n.display-sm-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-sm-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-sm-bold::after {\r\n margin-top: -0.255em;\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.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-sm-semi-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-sm-semi-bold::after {\r\n margin-top: -0.255em;\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.display-xs-bold::before,\r\n.display-xs-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xs-bold::before {\r\n margin-bottom: -0.199em;\r\n}\r\n.display-xs-bold::after {\r\n margin-top: -0.195em; / Continue from here /\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.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xs-semi-bold::before {\r\n margin-bottom: -0.259em;\r\n}\r\n.display-xs-semi-bold::after {\r\n margin-top: -0.295em;\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.text-xl-bold::before,\r\n.text-xl-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-bold::before {\r\n margin-bottom: -0.329em;\r\n}\r\n.text-xl-bold::after {\r\n margin-top: -0.359em;\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.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-semi-bold::before {\r\n margin-bottom: -0.329em;\r\n}\r\n.text-xl-semi-bold::after {\r\n margin-top: -0.359em;\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.text-xl-medium::before,\r\n.text-xl-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-medium::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-xl-medium::after {\r\n margin-top: -0.399em;\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.text-xl-regular::before,\r\n.text-xl-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-regular::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-xl-regular::after {\r\n margin-top: -0.399em;\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.text-lg-bold::before,\r\n.text-lg-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-bold::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-lg-bold::after {\r\n margin-top: -0.399em;\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.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-semi-bold::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-lg-semi-bold::after {\r\n margin-top: -0.399em;\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.text-lg-medium::before,\r\n.text-lg-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-medium::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-lg-medium::after {\r\n margin-top: -0.389em;\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.text-lg-regular::before,\r\n.text-lg-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-regular::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-lg-regular::after {\r\n margin-top: -0.389em;\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.text-md-bold::before,\r\n.text-md-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-bold::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-bold::after {\r\n margin-top: -0.389em;\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.text-md-semi-bold::before,\r\n.text-md-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-semi-bold::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-semi-bold::after {\r\n margin-top: -0.389em;\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.text-md-medium::before,\r\n.text-md-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-medium::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-medium::after {\r\n margin-top: -0.389em;\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.text-md-regular::before,\r\n.text-md-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-regular::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-regular::after {\r\n margin-top: -0.389em;\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.text-sm-bold::before,\r\n.text-sm-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-bold::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-bold::after {\r\n margin-top: -0.349em;\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.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-semi-bold::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-semi-bold::after {\r\n margin-top: -0.349em;\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.text-sm-medium::before,\r\n.text-sm-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-medium::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-medium::after {\r\n margin-top: -0.299em;\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.text-sm-regular::before,\r\n.text-sm-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-regular::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-regular::after {\r\n margin-top: -0.299em;\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.text-xs-bold::before,\r\n.text-xs-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-bold::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xs-bold::after {\r\n margin-top: -0.416em;\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.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-semi-bold::before {\r\n margin-bottom: -0.321em;\r\n}\r\n.text-xs-semi-bold::after {\r\n margin-top: -0.416em;\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.text-xs-medium::before,\r\n.text-xs-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-medium::before {\r\n margin-bottom: -0.285em;\r\n}\r\n.text-xs-medium::after {\r\n margin-top: -0.396em;\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.text-xs-regular::before,\r\n.text-xs-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-regular::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xs-regular::after {\r\n margin-top: -0.396em;\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.text-xxs-bold::before,\r\n.text-xxs-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-bold::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-bold::after {\r\n margin-top: -0.416em;\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.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-semi-bold::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-semi-bold::after {\r\n margin-top: -0.416em;\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.text-xxs-medium::before,\r\n.text-xxs-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-medium::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-medium::after {\r\n margin-top: -0.416em;\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.text-xxs-regular::before,\r\n.text-xxs-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-regular::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-regular::after {\r\n margin-top: -0.416em;\r\n}\r\n/ Button slot styles /\r\n/ .slotted_button_text.primary {\r\n color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_gray {\r\n color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_color {\r\n color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_gray {\r\n color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_color {\r\n color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.link_gray {\r\n color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.link_color {\r\n color: var(--color-link, #075db2) !important;\r\n}\r\n\r\n.slotted_button_text.primary.destructive {\r\n color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n#slotted_button_text.primary.disabled,\r\n#slotted_button_text.secondary_gray.disabled,\r\n#slotted_button_text.secondary_color.disabled,\r\n#slotted_button_text.tertiary_gray.disabled,\r\n#slotted_button_text.tertiary_color.disabled,\r\n#slotted_button_text.link_gray.disabled,\r\n#slotted_button_text.link_color.disabled {\r\n color: var(--color-text-disabled, #9aa4b2) !important;\r\n}\r\n\r\n#slotted_button_text.secondary_gray.default.destructive,\r\n#slotted_button_text.secondary_color.default.destructive,\r\n#slotted_button_text.tertiary_gray.default.destructive,\r\n#slotted_button_text.tertiary_color.default.destructive,\r\n#slotted_button_text.link_gray.default.destructive,\r\n#slotted_button_text.link_color.default.destructive {\r\n color: var(--color-text-danger, #b51726) !important;\r\n} /\r\n.table_header_div {\r\n width: 100%;\r\n box-sizing: border-box;\r\n display: flex;\r\n padding: var(--spacing-5) var(--spacing-6);\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n align-self: stretch;\r\n background: var(--color-background-card, #ffffff);\r\n border-bottom: 1px solid var(--color-border-subtle, #cdd5df);\r\n overflow: visible;\r\n}\r\n.table_heading {\r\n color: var(--color-text-bold, #202939);\r\n}\r\n.date_filters {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-4);\r\n min-width: 0;\r\n}\r\n.date_dropdown,\r\n.date_input {\r\n width: 100%;\r\n max-width: 13rem;\r\n min-width: 0;\r\n}\r\n.actions {\r\n display: flex;\r\n max-width: 50.25rem;\r\n justify-content: flex-end;\r\n align-items: center;\r\n gap: var(--spacing-4);\r\n flex: 1 0 0;\r\n}\r\n.actions.full_width {\r\n max-width: none;\r\n}\r\n.input_field {\r\n flex-grow: 1;\r\n width: 100%;\r\n max-width: 20rem;\r\n}\r\n.action {\r\n display: flex;\r\n padding: 0rem 0rem 0rem var(--spacing-none);\r\n justify-content: flex-end;\r\n align-items: center;\r\n gap: var(--spacing-4);\r\n}\r\n.export {\r\n position: relative;\r\n overflow: visible;\r\n}\r\n.dropdown {\r\n position: absolute;\r\n z-index: 10;\r\n top: calc(100% + 0.5rem);\r\n}\r\n.dropdown.left {\r\n left: 0;\r\n}\r\n.dropdown.right {\r\n right: 0;\r\n}\r\n.refresh_button {\r\n width: 2.5rem;\r\n}\r\n.controls{\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-4);\r\n}\r\n/ Breakpoints (Responsiveness) /\r\n/ Mobile /\r\n@media (max-width: 550px) {\r\n .table_header_content {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n .dropdown {\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n }\r\n\r\n .actions {\r\n flex-direction: column;\r\n width: 100%;\r\n align-items: flex-start;\r\n }\r\n\r\n .table_header_div {\r\n flex-direction: column;\r\n }\r\n\r\n .date_filters {\r\n width: 100%;\r\n }\r\n\r\n .date_dropdown,\r\n .date_input {\r\n width: 100%;\r\n max-width: none;\r\n }\r\n\r\n .input_field {\r\n max-width: none;\r\n }\r\n}\r\n@media (max-width: 390px) {\r\n .date_filters {\r\n display: flex;\r\n width: 100%;\r\n }\r\n}\r\n";const hn=class{constructor(e){r(this,e);this.inputValueChanged=n(this,"inputValueChanged");this.filterButtonClicked=n(this,"filterButtonClicked");this.exportClicked=n(this,"exportClicked");this.refreshButtonClicked=n(this,"refreshButtonClicked");this.layoutButtonClicked=n(this,"layoutButtonClicked");this.columnOptionsButtonClicked=n(this,"columnOptionsButtonClicked");this.tableControlClicked=n(this,"tableControlClicked");this.dateChange=n(this,"dateChange");this.type="default";this.showFilter=false;this.showColumnOptions=false;this.tableHeading=false;this.tableHeadingLabel="";this.showSearch=false;this.showExport=false;this.showRefreshButton=false;this.showLayoutToggle=false;this.filterCount=0;this.showEntireData=false;this.exportButtonState="default";this.pdfState=i.Default;this.csvState=i.Default;this.showDateFilter=false;this.items=[{label:"grid",current:false,icon:"assets/grid-view.svg"},{label:"list",current:true,icon:"assets/left-to-right-list-dash.svg"}];this.mode="single";this.format="M j, Y";this.datePickerDisabled=false;this.datePickerPlaceholder="Start date - end date";this.datePickerIconPosition="left";this.datePickerDropdownPosition="left";this.exportDropdownPosition="right";this.enableTime=false;this.noCalendar=false;this.twentyfourHr=false;this.showMonths=2;this.inputPlaceholder="Search";this.pdfSubDropdown=true;this.csvSubDropdown=true;this.width=window.innerWidth;this.showExportDropdown=false;this.isDatePickerShown=false;this.isDatePickerFullWidth=false;this.isMobile=this.width<768}componentDidLoad(){document.addEventListener("click",this.handleClickOutside.bind(this))}componentWillLoad(){this.updateParameters();window.addEventListener("resize",this.handleResize.bind(this))}emitDateSelected(r){this.dateChange.emit(r.detail)}toggleDropdown(){this.showExportDropdown=!this.showExportDropdown}handleResize(){this.width=window.innerWidth;this.updateParameters()}updateParameters(){this.buttonIcon=this.width<1007?"only":"default";this.isDatePickerFullWidth=this.width<=700?true:false}emitTableControlClicked(r){this.tableControlClicked.emit(r)}emitValue(r){this.inputValueChanged.emit(r)}onFilterButtonClicked(){this.filterButtonClicked.emit()}emitSelection(r){this.exportClicked.emit(r)}onRefreshButtonClicked(){this.refreshButtonClicked.emit()}onColumnOptionsButtonClicked(){this.columnOptionsButtonClicked.emit()}onLayoutButtonClicked(r){this.layoutButtonClicked.emit(r.detail)}handleClickOutside(r){if(this.showExportDropdown&&!this.el.contains(r.target)){this.showExportDropdown=false}}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside);window.removeEventListener("resize",this.handleResize)}render(){return e("div",{key:"d0b16bc6ec5bc62540c8a4aab6f17dfa54021bd5",class:"table_header_div"},this.type==="default"&&e(a,null,this.tableHeading&&e("p",{key:"2cd597bb46ecc25ab9847f3925ce4bf802de55d8",class:"table_heading text-lg-semi-bold"},this.tableHeadingLabel),this.showDateFilter&&e("div",{key:"36b26c628a615b9d2f2c37558004b10e4aca8de3",class:"date_filters"},e("div",{key:"22890d89f2f30783435ed9358942c63f9e24db35",class:"date_input"},e("gb-date-picker",{key:"351cb7cc3f2cba7f56dbffa123f29773e2675916",mode:this.mode,disabled:this.datePickerDisabled,format:this.format,"icon-position":this.datePickerIconPosition,placeholder:this.datePickerPlaceholder,"dropdown-alignment":this.datePickerDropdownPosition,"enable-time":this.enableTime,"no-calendar":this.noCalendar,"twentyfour-hr":this.twentyfourHr,"show-months":this.showMonths,"full-width":this.isDatePickerFullWidth,onDateChange:this.emitDateSelected.bind(this)}))),e("div",{key:"0ceade2379f88c87a76feb01b88a0a71c68441db",class:`actions ${!this.showDateFilter&&!this.tableHeading?"full_width":""}`},this.showSearch&&e("div",{key:"77883e90844e7a474124c7d866a194ac06d0f626",class:"input_field"},e("gb-input-field",{key:"792a6679c1339d162f09ce0711a18c050a08acf4",size:"sm",type:"icon_leading","icon-swap":"assets/search-01.svg",placeholder:this.inputPlaceholder,"enable-cancel-button-function":true,onInputValueChanged:this.emitValue.bind(this)})),e("div",{key:"459c3e0d2d9e3b37a86432ea5d7191e3989bac6f",class:"action"},this.showLayoutToggle&&e("gb-button-group",{key:"c033fe2736d8c46278ef4015010d2d677858817d",items:this.items,icon:"only",onOptionChange:this.onLayoutButtonClicked.bind(this)}),this.showColumnOptions&&this.width>768&&e("gb-button",{key:"e68204bb05a9e480e4235802ce60389295c98740",size:"md",hierarchy:"secondary_gray",icon:this.width<=1007?"only":"default","icon-leading":true,"icon-leading-swap":"assets/column-insert.svg",onClick:()=>this.onColumnOptionsButtonClicked()},e("p",{key:"b9dd9578205b3b06bfcea30af717d1a3034cd3f2"},"Columns")),this.showFilter&&e("gb-filter-button",{key:"440ceff1d2bdc1804a4f9198f2641b3511954dcb",state:this.filterState,"icon-only":this.width<=1007?true:false,onClick:()=>this.onFilterButtonClicked()},e("p",{key:"347494fbef0d1124737995ede9f18e0ac8d879eb",slot:"filter_count"},this.filterCount)),this.showExport&&e("div",{key:"abb82a50e6b1c9c8831b9332a6a0e2fc003fb8b6",class:"export"},e("gb-button",{key:"3ccbbd55516a22786c5eb929e82d16174da8fee6",size:"md",state:this.exportButtonState,hierarchy:"secondary_gray",icon:this.width<=1007?"only":"default","icon-leading":true,"icon-leading-swap":"assets/file-export.svg","icon-trailing":this.width<=1007?false:true,"icon-trailing-swap":"assets/arrow-down-01.svg",onClick:r=>{r.stopPropagation();this.toggleDropdown()}},e("p",{key:"c552b8aecd3c989e0278225f50cd8814cef893dd"},"Export")),this.showExportDropdown&&e("gb-export-dropdown",{key:"64c95fe3ce3a4724db2032f4b7527cb9cdeceab6",ref:r=>this.exportDropdown=r,"show-entire-data":this.showEntireData,"pdf-state":this.pdfState,"csv-state":this.csvState,"pdf-sub-dropdown":this.pdfSubDropdown,"csv-sub-dropdown":this.csvSubDropdown,onExportClicked:r=>this.emitSelection(r),class:`dropdown ${this.exportDropdownPosition}`})),this.showRefreshButton&&e("div",{key:"1bd68928657ce0cc3feabad8e1d9084594d3e803",class:"refresh_button"},e("gb-button",{key:"128f109e43b9e523e3fef7942221b6eba7881852",size:"md",hierarchy:"secondary_gray",icon:this.width<=1007?"only":"default","icon-leading":true,"icon-leading-swap":"assets/refresh.svg",onClick:()=>this.onRefreshButtonClicked()}))))),this.type==="table_control"&&e(a,null,e("p",{key:"16dd47ea58842836abbb0862554909dc8e42f2f9",class:"table_heading text-lg-semi-bold"},this.tableHeadingLabel),e("div",{key:"a47b9bf1520ebd23606ec6630e45454314c8393c",class:"controls"},e("gb-button",{key:"14b1f8abd1abc601c82b59fc91eb5c72eec8003b",size:"md",hierarchy:"secondary_gray",icon:"only","icon-leading":true,"icon-leading-swap":"assets/icons/arrow-left-01/stroke/rounded.svg",onClick:()=>this.emitTableControlClicked("previous")}),e("gb-button",{key:"969bc23d2b8152e9f8f74bc864deb601756ea67c",size:"md",hierarchy:"secondary_gray",icon:"only","icon-leading":true,"icon-leading-swap":"assets/icons/arrow-right-01/stroke/rounded.svg",onClick:()=>this.emitTableControlClicked("next")}))))}get el(){return o(this)}};hn.style=mn;const fn=".toggle_div{display:flex;justify-content:space-between;width:-moz-fit-content;width:fit-content}.toggle_div.sm{gap:var(--spacing-2)}.toggle_div.md{gap:var(--spacing-3)}.text{display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-2)}.text.div_centered{padding-bottom:0.2rem}::slotted(p){color:var(--color-text, #4B5565) !important}";const pn=class{constructor(e){r(this,e);this.toggleClicked=n(this,"toggleClicked");this.text=false;this.supportingText=false;this.pressed=false;this.position="right"}getMainTextClass(){switch(this.size){case"sm":return`text-sm-medium`;case"md":return`text-md-medium`}}getSupportingTextClass(){switch(this.size){case"sm":return"text-sm-regular";case"md":return"text-md-regular"}}onToggle(r){this.toggleClicked.emit(r.detail)}componentDidLoad(){const r=this.el.querySelector('[slot="main_text"]');const n=this.el.querySelector('[slot="supporting_text"]');const e=this.el.querySelector(".text");if(r){r.classList.add(this.getMainTextClass())}if(n){n.classList.add(this.getSupportingTextClass())}if(e){if(!this.supportingText){e.classList.add("div_centered")}}}render(){return e("div",{key:"49e37da064d7d6fe15aa88ee3797cd8bafa6acd4",class:`toggle_div ${this.size}`},this.position==="left"&&e(a,null,this.text&&e("div",{key:"fd31d61ba2793218dc3bb2aa205f72e1331aed8d",class:"text"},e("slot",{key:"3a26cdb0bf459c5ff119b65dff0552796a653ed9",name:"main_text"}),this.supportingText&&e("slot",{key:"424478b0f3d3782209f7936b7ffc42030860f9da",name:"supporting_text"}))),e("div",{key:"5a322c36f02a18e9936d74196be70392ae73d6b3",class:"toggle_base"},e("gb-toggle-base",{key:"ef74be16076f136ea08d72a3dc84fd7af78cf89b",size:this.size,state:this.state,pressed:this.pressed,onToggleClicked:this.onToggle.bind(this)})),this.position==="right"&&e(a,null,this.text&&e("div",{key:"df9a4e0ba631045ecfc7400fa51c26919518d060",class:"text"},e("slot",{key:"b075a94697999154c731e79c0d9b1047d034f2a8",name:"main_text"}),this.supportingText&&e("slot",{key:"69a4fae1f2154c0e0851af41af8b24295ccde60a",name:"supporting_text"}))))}get el(){return o(this)}};pn.style=fn;const un="@import url('https://fonts.googleapis.com/css2?family=Sora&display=swap');\r\n/\r\n Global styles for portal-based dropdowns\r\n * Applied outside shadow DOM context\r\n /\r\n.portal_dropdown_wrapper {\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n border-radius: var(--rounded-sm);\r\n border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n background: var(--color-surface, #ffffff);\r\n box-shadow: var(--shadow-md);\r\n position: absolute;\r\n z-index: 9999; / High z-index to appear above sticky columns /\r\n overflow: hidden;\r\n}\r\n.portal_dropdown_wrapper gb-dropdown-items-with-shortcut {\r\n display: block;\r\n width: 100%;\r\n}\r\n/ .portal_dropdown_wrapper gb-dropdown-items-with-shortcut:hover {\r\n background: var(--color-background-gray-subtler, #eef2f6);\r\n} /\r\n/ @import 'tailwind.css'; /\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 / gray color palette /\r\n --gray-25: #f9fafb;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #808c9e;\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 --yellow-25: #fffcf5;\r\n --yellow-50: #fffaeb;\r\n --yellow-100: #fef0c7;\r\n --yellow-200: #fedf89;\r\n --yellow-300: #fec84b;\r\n --yellow-400: #fdb022;\r\n --yellow-500: #f79009;\r\n --yellow-600: #dc6803;\r\n --yellow-700: #b54708;\r\n --yellow-800: #93370d;\r\n --yellow-900: #7a2e0e;\r\n --yellow-950: #4e1d09;\r\n\r\n / success color palette /\r\n --green-25: #f6fef9;\r\n --green-50: #ecfdf3;\r\n --green-100: #dcfaeb;\r\n --green-200: #a9efc5;\r\n --green-300: #75e0a7;\r\n --green-400: #47cd89;\r\n --green-500: #17b26a;\r\n --green-600: #067f48;\r\n --green-700: #067647;\r\n --green-800: #085d3a;\r\n --green-900: #074d31;\r\n --green-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 0% opacity /\r\n / White /\r\n --white-opacity0: rgba(255, 255, 255, 0);\r\n\r\n / Gray /\r\n --gray25-opacity0: rgba(249, 250, 251, 0);\r\n --gray900-opacity0: rgba(18, 25, 38, 0);\r\n --gray950-opacity0: rgba(13, 18, 28, 0);\r\n\r\n / 20% opacity /\r\n / White /\r\n --white-opacity20: rgba(255, 255, 255, 0.2);\r\n\r\n / Dark Blue /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / Gray /\r\n --gray25-opacity20: rgba(249, 250, 251, 0.2);\r\n --gray900-opacity20: rgba(18, 25, 38, 0.2);\r\n --gray950-opacity20: rgba(13, 18, 28, 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 / 50% opacity /\r\n / White /\r\n --white-opacity50: rgba(255, 255, 255, 0.5);\r\n\r\n / Gray /\r\n --gray25-opacity50: rgba(249, 250, 251, 0.5);\r\n --gray900-opacity50: rgba(18, 25, 38, 0.5);\r\n --gray950-opacity50: rgba(13, 18, 28, 0.5);\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 / 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 / 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 / -------------------------------------------------Token---------------------------------------------- /\r\n / Light-theme defaults so external hosts still resolve key tokens when data-theme is not set. /\r\n --color-text-bold: var(--gray-800);\r\n --color-text: var(--gray-600);\r\n --color-text-subtle: var(--gray-500);\r\n --color-text-disabled: var(--gray-400);\r\n --color-text-inverse: var(--base-white);\r\n\r\n --color-icon-bold: var(--gray-800);\r\n --color-icon: var(--gray-600);\r\n --color-icon-subtle: var(--gray-500);\r\n --color-icon-disabled: var(--gray-400);\r\n --color-icon-inverse: var(--base-white);\r\n\r\n --color-border-bold: var(--gray-500);\r\n --color-border: var(--gray-400);\r\n --color-border-subtle: var(--gray-300);\r\n --color-border-subtler: var(--gray-200);\r\n --color-border-disabled: var(--gray-200);\r\n --color-border-input: var(--gray-300);\r\n --color-border-focus: var(--gray-400);\r\n\r\n --color-background: var(--base-white);\r\n --color-background-card-bold: var(--gray-100);\r\n --color-background-card: var(--base-white);\r\n --color-background-input: var(--gray-400);\r\n --color-background-disabled: var(--gray-50);\r\n --color-background-btn-disabled: var(--gray-100);\r\n --color-background-selected: var(--blue-500);\r\n\r\n --color-link: var(--blue-500);\r\n --color-link-pressed: var(--blue-600);\r\n --color-link-visited: var(--lightBlue-600);\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-300);\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-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-disabled: var(--gray-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-disabled: var(--gray-500);\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-100);\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-200);\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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning: var(--yellow-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-warning-subtle: var(--yellow-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning-subtle: var(--yellow-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-success: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-success-subtle: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-success-subtle: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-discovery: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-discovery: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-discovery-subtle: var(--lightBlue-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-discovery-subtle: var(--lightBlue-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 / --------------Link color--------------- /\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(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-link-visited: var(--lightBlue-300);\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-300);\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-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-disabled: var(--gray-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-disabled: var(--gray-500);\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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-warning: var(--yellow-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-success: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-discovery: var(--lightBlue-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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning: var(--yellow-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning-subtle: var(--yellow-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning-subtle: var(--yellow-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning-subtler: var(--yellow-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning-subtler: var(--yellow-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success: var(--green-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success-subtle: var(--green-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success-subtle: var(--green-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success-subtler: var(--green-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success-subtler: var(--green-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery: var(--lightBlue-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery-subtler: var(--lightBlue-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 / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme='light'] {\r\n --color-background-card-bolder: var(--gray-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-card-bolder: 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-btn-disabled: var(--gray-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-btn-disabled: var(--gray-700);\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-950);\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(--yellow-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-bold: var(--yellow-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning: var(--yellow-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning: var(--yellow-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-subtle: var(--yellow-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-subtle: var(--yellow-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-subtler: var(--yellow-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-subtler: var(--yellow-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-subtlest: var(--yellow-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-subtlest: var(--yellow-950);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-bold: var(--green-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-bold: var(--green-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success: var(--green-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success: var(--green-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-subtle: var(--green-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-subtle: var(--green-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-subtler: var(--green-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-subtler: var(--green-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-subtlest: var(--green-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-subtlest: var(--green-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 / ----------------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 / ----------------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 [data-theme='light'] {\r\n --color-skeleton-bold: var(--gray-300);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-skeleton-bold: var(--gray-700);\r\n }\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme='light'] {\r\n --color-surface-bold: var(--gray-50);\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 / ----------------Transparent Color --------------- /\r\n [data-theme='light'] {\r\n --color-surface-transparent50: var(--white-opacity50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-transparent50: var(--gray900-opacity50);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-transparent20: var(--white-opacity20);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-transparent20: var(--gray900-opacity20);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-transparent-full: var(--white-opacity0);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-transparent-full: var(--gray900-opacity0);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-bold-transparent50: var(--gray25-opacity50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold-transparent50: var(--gray950-opacity50);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-bold-transparent20: var(--gray25-opacity20);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold-transparent20: var(--gray950-opacity20);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-bold-transparent-full: var(--gray25-opacity0);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold-transparent-full: var(--gray950-opacity0);\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.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 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.shadow-xs {\r\n box-shadow: var(--shadow-xs);\r\n}\r\n.shadow-sm {\r\n box-shadow: var(--shadow-sm);\r\n}\r\n.shadow-md {\r\n box-shadow: var(--shadow-md);\r\n}\r\n.shadow-lg {\r\n box-shadow: var(--shadow-lg);\r\n}\r\n.shadow-xl {\r\n box-shadow: var(--shadow-xl);\r\n}\r\n.shadow-2xl {\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n.shadow-3xl {\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n.blur-sm {\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n.blur-md {\r\n backdrop-filter: var(--blur-md);\r\n}\r\n.blur-lg {\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n.blur-xl {\r\n backdrop-filter: var(--blur-xl);\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.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n.gradient-darkBlue-500-to-400-90d {\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n.gradient-darkBlue-700-to-500-45d {\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n.gradient-darkBlue-700-to-400-45d {\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n.gradient-darkBlue-800-to-500-90d {\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n.gradient-darkBlue-800-to-600265-d {\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n.gradient-darkBlue-900-to-600-45d {\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n.gradient-red-500-to-400-90d {\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n.gradient-red-700-to-500-45d {\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n.gradient-red-700-to-400-45d {\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n.gradient-red-800-to-500-90d {\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n.gradient-red-800-to-600265-d {\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n.gradient-red-900-to-600-45d {\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n.gradient-blue-500-to-400-90d {\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n.gradient-blue-700-to-500-45d {\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n.gradient-blue-700-to-400-45d {\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n.gradient-blue-800-to-500-90d {\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n.gradient-blue-800-to-600265-d {\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n.gradient-blue-900-to-600-45d {\r\n background: var(--gradient-blue-900-to-600-45d);\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 --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/ Typography Styles /\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: 2rem;\r\n --font-line-height-t-lg: 1.875rem;\r\n --font-line-height-t-md: 1.688rem;\r\n --font-line-height-t-sm: 1.5rem;\r\n --font-line-height-t-xs: 1.25rem;\r\n --font-line-height-t-xxs: 1.125rem;\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/ 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/ 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.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.display-2xl-bold::before,\r\n.display-2xl-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-2xl-bold::before {\r\n margin-bottom: -0.135em;\r\n}\r\n.display-2xl-bold::after {\r\n margin-top: -0.205em;\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.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-2xl-semi-bold::before {\r\n margin-bottom: -0.135em;\r\n}\r\n.display-2xl-semi-bold::after {\r\n margin-top: -0.205em;\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.display-xl-bold::before,\r\n.display-xl-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xl-bold::before {\r\n margin-bottom: -0.145em;\r\n}\r\n.display-xl-bold::after {\r\n margin-top: -0.215em;\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.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xl-semi-bold::before {\r\n margin-bottom: -0.145em;\r\n}\r\n.display-xl-semi-bold::after {\r\n margin-top: -0.215em;\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.display-lg-bold::before,\r\n.display-lg-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-lg-bold::before {\r\n margin-bottom: -0.015em;\r\n}\r\n.display-lg-bold::after {\r\n margin-top: -0.095em;\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.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-lg-semi-bold::before {\r\n margin-bottom: -0.015em;\r\n}\r\n.display-lg-semi-bold::after {\r\n margin-top: -0.095em;\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.display-md-bold::before,\r\n.display-md-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-md-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-md-bold::after {\r\n margin-top: -0.255em;\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.display-md-semi-bold::before,\r\n.display-md-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-md-semi-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-md-semi-bold::after {\r\n margin-top: -0.255em;\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.display-sm-bold::before,\r\n.display-sm-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-sm-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-sm-bold::after {\r\n margin-top: -0.255em;\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.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-sm-semi-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n.display-sm-semi-bold::after {\r\n margin-top: -0.255em;\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.display-xs-bold::before,\r\n.display-xs-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xs-bold::before {\r\n margin-bottom: -0.199em;\r\n}\r\n.display-xs-bold::after {\r\n margin-top: -0.195em; / Continue from here /\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.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.display-xs-semi-bold::before {\r\n margin-bottom: -0.259em;\r\n}\r\n.display-xs-semi-bold::after {\r\n margin-top: -0.295em;\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.text-xl-bold::before,\r\n.text-xl-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-bold::before {\r\n margin-bottom: -0.329em;\r\n}\r\n.text-xl-bold::after {\r\n margin-top: -0.359em;\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.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-semi-bold::before {\r\n margin-bottom: -0.329em;\r\n}\r\n.text-xl-semi-bold::after {\r\n margin-top: -0.359em;\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.text-xl-medium::before,\r\n.text-xl-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-medium::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-xl-medium::after {\r\n margin-top: -0.399em;\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.text-xl-regular::before,\r\n.text-xl-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xl-regular::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-xl-regular::after {\r\n margin-top: -0.399em;\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.text-lg-bold::before,\r\n.text-lg-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-bold::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-lg-bold::after {\r\n margin-top: -0.399em;\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.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-semi-bold::before {\r\n margin-bottom: -0.339em;\r\n}\r\n.text-lg-semi-bold::after {\r\n margin-top: -0.399em;\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.text-lg-medium::before,\r\n.text-lg-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-medium::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-lg-medium::after {\r\n margin-top: -0.389em;\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.text-lg-regular::before,\r\n.text-lg-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-lg-regular::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-lg-regular::after {\r\n margin-top: -0.389em;\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.text-md-bold::before,\r\n.text-md-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-bold::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-bold::after {\r\n margin-top: -0.389em;\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.text-md-semi-bold::before,\r\n.text-md-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-semi-bold::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-semi-bold::after {\r\n margin-top: -0.389em;\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.text-md-medium::before,\r\n.text-md-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-medium::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-medium::after {\r\n margin-top: -0.389em;\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.text-md-regular::before,\r\n.text-md-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-md-regular::before {\r\n margin-bottom: -0.349em;\r\n}\r\n.text-md-regular::after {\r\n margin-top: -0.389em;\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.text-sm-bold::before,\r\n.text-sm-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-bold::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-bold::after {\r\n margin-top: -0.349em;\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.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-semi-bold::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-semi-bold::after {\r\n margin-top: -0.349em;\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.text-sm-medium::before,\r\n.text-sm-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-medium::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-medium::after {\r\n margin-top: -0.299em;\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.text-sm-regular::before,\r\n.text-sm-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-sm-regular::before {\r\n margin-bottom: -0.299em;\r\n}\r\n.text-sm-regular::after {\r\n margin-top: -0.299em;\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.text-xs-bold::before,\r\n.text-xs-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-bold::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xs-bold::after {\r\n margin-top: -0.416em;\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.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-semi-bold::before {\r\n margin-bottom: -0.321em;\r\n}\r\n.text-xs-semi-bold::after {\r\n margin-top: -0.416em;\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.text-xs-medium::before,\r\n.text-xs-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-medium::before {\r\n margin-bottom: -0.285em;\r\n}\r\n.text-xs-medium::after {\r\n margin-top: -0.396em;\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.text-xs-regular::before,\r\n.text-xs-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xs-regular::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xs-regular::after {\r\n margin-top: -0.396em;\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.text-xxs-bold::before,\r\n.text-xxs-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-bold::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-bold::after {\r\n margin-top: -0.416em;\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.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-semi-bold::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-semi-bold::after {\r\n margin-top: -0.416em;\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.text-xxs-medium::before,\r\n.text-xxs-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-medium::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-medium::after {\r\n margin-top: -0.416em;\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.text-xxs-regular::before,\r\n.text-xxs-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n.text-xxs-regular::before {\r\n margin-bottom: -0.291em;\r\n}\r\n.text-xxs-regular::after {\r\n margin-top: -0.416em;\r\n}\r\n/ Button slot styles /\r\n/ .slotted_button_text.primary {\r\n color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_gray {\r\n color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_color {\r\n color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_gray {\r\n color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_color {\r\n color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.link_gray {\r\n color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.link_color {\r\n color: var(--color-link, #075db2) !important;\r\n}\r\n\r\n.slotted_button_text.primary.destructive {\r\n color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n#slotted_button_text.primary.disabled,\r\n#slotted_button_text.secondary_gray.disabled,\r\n#slotted_button_text.secondary_color.disabled,\r\n#slotted_button_text.tertiary_gray.disabled,\r\n#slotted_button_text.tertiary_color.disabled,\r\n#slotted_button_text.link_gray.disabled,\r\n#slotted_button_text.link_color.disabled {\r\n color: var(--color-text-disabled, #9aa4b2) !important;\r\n}\r\n\r\n#slotted_button_text.secondary_gray.default.destructive,\r\n#slotted_button_text.secondary_color.default.destructive,\r\n#slotted_button_text.tertiary_gray.default.destructive,\r\n#slotted_button_text.tertiary_color.default.destructive,\r\n#slotted_button_text.link_gray.default.destructive,\r\n#slotted_button_text.link_color.default.destructive {\r\n color: var(--color-text-danger, #b51726) !important;\r\n} /\r\n/ Basic Styles for the Toggle /\r\ninput[type=\"checkbox\"] {\r\n display: none; / Hide native checkbox /\r\n}\r\nlabel {\r\n display: inline-block;\r\n border-radius: var(--rounded-lg);\r\n position: relative;\r\n background-color: var(--color-background-gray-subtle, #E3E8EF);\r\n cursor: pointer;\r\n transition: background-color 0.3s ease;\r\n padding: 0.125rem;\r\n}\r\nlabel.sm{\r\n width: 2.25rem;\r\n height: 1.25rem;\r\n}\r\nlabel.md{\r\n width: 2.75rem;\r\n height: 1.5rem;\r\n}\r\nlabel.pressed.default {\r\n background-color: var(--color-background-selected, #075db2);\r\n}\r\nlabel.disabled{\r\n background-color: var(--color-background-disabled, #F6F8FA);\r\n}\r\nlabel.pressed.disabled {\r\n background-color: var(--color-background-gray-subtle, #E3E8EF); / Light gray background when pressed and in disabled state /\r\n}\r\n/ Circle inside the toggle /\r\nlabel::before {\r\n content: '';\r\n position: absolute;\r\n background-color: var(--color-icon-inverse, #FFFFFF);\r\n border-radius: 50%;\r\n transition: transform 0.3s ease;\r\n filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06)) drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.10));\r\n}\r\nlabel.sm::before{\r\n width: 1rem;\r\n height: 1rem;\r\n top: 0.25rem;\r\n left: 0.25rem;\r\n}\r\nlabel.md::before{\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n top: 0.24rem;\r\n left: 0.25rem;\r\n}\r\nlabel.sm.pressed::before {\r\n transform: translateX(16px); / Move the white circle to the right when pressed /\r\n}\r\nlabel.md.pressed::before {\r\n transform: translateX(20px); / Move the white circle to the right when pressed /\r\n}\r\nlabel.disabled::before {\r\n background-color: var(--color-icon-disabled, #CDD5DF); / Change circle background when disabled /\r\n}\r\nlabel.pressed.disabled::before {\r\n background-color: var(--color-background-gray-bold, #9AA4B2); / Change circle background when disabled /\r\n}\r\n/ Checkmark SVG Styles /\r\n.default_checked_svg,\r\n.disabled_checked_svg {\r\n position: absolute;\r\n transform: translate(-50%, -50%);\r\n width: 12px;\r\n height: 12px;\r\n display: none; / Hidden by default /\r\n}\r\n.pressed .default_checked_svg {\r\n display: block; / Show checkmark when pressed and default /\r\n}\r\n.pressed .disabled_checked_svg {\r\n display: block; / Show checkmark when pressed and disabled */\r\n}\r\n.default_checked_svg.sm,\r\n.disabled_checked_svg.sm{\r\n top: 0.75rem;\r\n right: 0;\r\n}\r\n.default_checked_svg.md,\r\n.disabled_checked_svg.md{\r\n top: 0.85rem;\r\n right: 0.1rem;\r\n}\r\n\r\n\r\n";const vn=class{constructor(e){r(this,e);this.toggleClicked=n(this,"toggleClicked");this.pressed=false}handleToggleClick(){if(this.state==="default"){this.pressed=!this.pressed;this.toggleClicked.emit(this.pressed)}}render(){return[e("input",{key:"4d912864db0a9a3835f04bcbd1669b6c809ee3e3",type:"checkbox",id:"customCheckbox",class:`${this.pressed?"pressed":""}`,readonly:true}),e("label",{key:"904841d922b5812e5a264316995e82d72b9e90df",onClick:()=>this.handleToggleClick(),class:`${this.size} ${this.state} ${this.pressed?"pressed":""}`,htmlFor:"customCheckbox"},this.pressed&&this.state==="default"?e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",class:`default_checked_svg ${this.size}`},e("path",{d:"M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667",stroke:"var(--color-background-selected, #075DB2)","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})):this.pressed&&this.state==="disabled"?e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",class:`disabled_checked_svg ${this.size}`},e("path",{d:"M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667",stroke:"var(--color-background-gray-subtle, #E3E8EF)","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})):null)]}};vn.style=un;export{s as gb_filter_modal,c as gb_pagination,m as gb_pagination_button_group_base,f as gb_pagination_number_base,bn as gb_portal,hn as gb_table_header,pn as gb_toggle,vn as gb_toggle_base};
2	- //# sourceMappingURL=p-dbc76ebb.entry.js.map